/* =========================================================
   KINGDOM OF WEB 5.3.9 — RESPONSIVE / PERFORMANCE AUTHORITY
   Layout: mobile <=768, narrow 769–900, desktop >=901.
   Capability and performance are separate concerns.
   ========================================================= */

/* ---------- Exact hero skyline registration ----------
   Both skyline files are authored on the same 2048x682 stage. The previous
   base image sat inside an unpositioned <picture>, while the reveal image was
   absolutely positioned. That made the monochrome layer sit on a different
   baseline. One stage now owns both layers. */
body.home .kow-hero-skyline > picture,
body.home .kow-hero-skyline-reveal,
body.home .kow-hero-skyline-reveal > picture{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}
body.home .kow-hero-skyline > picture > img,
body.home .kow-hero-skyline-reveal > picture > img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:50% 100%!important;
  transform:none!important;
}

/* ---------- Shared layout authority ---------- */
html[data-kow-layout="mobile"] body.home .kow-left-rail,
html[data-kow-layout="narrow"] body.home .kow-left-rail{display:none!important}

html[data-kow-layout="mobile"] body.home :is(
  .kow-mina-manifesto,.kow-sword-film,.kow-mina-about,.kow-mina-numbers,
  .kow-home-services,.ch-countries,.kow-hitomi,.kow-work,.kow-home-enquiry,.kow-contact-end
),
html[data-kow-layout="narrow"] body.home :is(
  .kow-mina-manifesto,.kow-sword-film,.kow-mina-about,.kow-mina-numbers,
  .kow-home-services,.ch-countries,.kow-hitomi,.kow-work,.kow-home-enquiry,.kow-contact-end
){margin-left:0!important}

html[data-kow-layout="mobile"] body.home,
html[data-kow-layout="narrow"] body.home{overflow-x:clip!important}

/* ---------- Mobile: <=768 ---------- */
html[data-kow-layout="mobile"]{scroll-behavior:auto!important}
html[data-kow-layout="mobile"] body.home{overscroll-behavior-y:none}
html[data-kow-layout="mobile"] body.home #kow-cursor-emblem,
html[data-kow-layout="mobile"] body.home #kow-light,
html[data-kow-layout="mobile"] body.home .kow-home-grain{display:none!important}

html[data-kow-layout="mobile"] body.home .kow-mina-hero{
  height:100svh!important;
  min-height:560px!important;
  overflow:hidden!important;
  background:#080808!important;
}
html[data-kow-layout="mobile"] body.home .kow-hero-skyline,
html[data-kow-layout="mobile"] body.home .kow-hero-bigword,
html[data-kow-layout="mobile"] body.home .kow-hero-mask-lines{display:none!important}
html[data-kow-layout="mobile"] body.home .kow-topography{
  opacity:.22!important;
  background:radial-gradient(circle at 50% 41%,rgba(145,12,25,.11),transparent 40%)!important;
}
html[data-kow-layout="mobile"] body.home .kow-hero-portrait-stage{
  position:absolute!important;
  inset:58px 0 0!important;
  width:100vw!important;
  height:calc(100svh - 58px)!important;
  min-height:0!important;
  max-height:none!important;
  transform:none!important;
  overflow:visible!important;
  touch-action:pan-y!important;
  isolation:isolate!important;
}
html[data-kow-layout="mobile"] body.home #kow-hero-fx{display:block!important;pointer-events:none!important}
html[data-kow-layout="mobile"] body.home .kow-hero-portrait-stage>picture{
  position:absolute!important;inset:0!important;display:block!important;
}
html[data-kow-layout="mobile"] body.home .kow-hero-lion,
html[data-kow-layout="mobile"] body.home .kow-hero-lion-base,
html[data-kow-layout="mobile"] body.home .kow-hero-portrait-stage.reveal-mobile>.kow-hero-lion-reveal .kow-hero-lion{
  position:absolute!important;
  left:50%!important;right:auto!important;top:auto!important;bottom:-1svh!important;
  width:auto!important;max-width:none!important;height:min(92svh,840px)!important;
  object-fit:contain!important;object-position:center bottom!important;
  transform:translate3d(-50%,0,0)!important;transform-origin:center bottom!important;
  filter:contrast(1.035) brightness(.94) saturate(.86)!important;
}
html[data-kow-layout="mobile"] body.home .kow-hero-portrait-stage.reveal-mobile>.kow-hero-lion-reveal{
  position:absolute!important;inset:0!important;overflow:hidden!important;
  opacity:0!important;visibility:visible!important;
  clip-path:circle(0 at var(--mx,50%) var(--my,42%))!important;
  transition:clip-path .075s linear,opacity .045s linear!important;
}
html[data-kow-layout="mobile"] body.home .kow-hero-portrait-stage.reveal-mobile.is-touch-revealing>.kow-hero-lion-reveal{
  opacity:1!important;
  clip-path:circle(clamp(96px,29vw,128px) at var(--mx,50%) var(--my,42%))!important;
}
html[data-kow-layout="mobile"] body.home .kow-ribbon{
  height:27px!important;width:190vw!important;left:-45vw!important;
  font-size:7px!important;letter-spacing:.11em!important;opacity:.76!important;box-shadow:none!important;
}
html[data-kow-layout="mobile"] body.home .kow-ribbon-one{top:40%!important;transform:rotate(11deg)!important}
html[data-kow-layout="mobile"] body.home .kow-ribbon-two{top:58%!important;transform:rotate(-13deg)!important}
html[data-kow-layout="mobile"] body.home .kow-ribbon-track{animation-duration:44s!important;will-change:auto!important}
html[data-kow-layout="mobile"] body.home .kow-hero-side-label{right:14px!important;bottom:14px!important;top:auto!important}

/* Mobile chapters are real mobile compositions, never desktop scroll stages squeezed narrow. */
html[data-kow-layout="mobile"] body.home .kow-sword-film{height:400vh!important;overflow:hidden!important}
html[data-kow-layout="mobile"] body.home .kow-sword-film-particles{opacity:.24!important;animation:none!important}
html[data-kow-layout="mobile"] body.home .kow-sword-statements h2{font-size:clamp(34px,10.8vw,52px)!important;padding-inline:18px!important}
html[data-kow-layout="mobile"] body.home .kow-film-sword-fallback{height:132vh!important;top:-14vh!important}

html[data-kow-layout="mobile"] body.home .kow-number-grid{grid-template-columns:1fr!important}
html[data-kow-layout="mobile"] body.home .kow-number-grid article{min-height:245px!important;border-right:0!important}


html[data-kow-layout="mobile"] body.home .ch-countries .countries-runway{height:350vh!important}
html[data-kow-layout="mobile"] body.home .ch-countries .countries-head{top:22px!important;left:18px!important;right:18px!important}
html[data-kow-layout="mobile"] body.home .ch-countries .country-story{
  width:calc(100vw - 36px)!important;max-width:none!important;left:18px!important;right:auto!important;
  top:92px!important;transform:none!important;text-align:left!important;
}
html[data-kow-layout="mobile"] body.home .ch-countries .country-story[data-side="right"] .country-story__meta{justify-content:flex-start!important}
html[data-kow-layout="mobile"] body.home .ch-countries .country-story[data-side="right"] .country-story__body{margin-left:0!important}
html[data-kow-layout="mobile"] body.home .ch-countries .country-story__title{font-size:clamp(34px,10vw,52px)!important}
html[data-kow-layout="mobile"] body.home .ch-countries .countries-stage{top:max(44vh,300px)!important;bottom:0!important}
html[data-kow-layout="mobile"] body.home .ch-countries .countries-fallback__img{max-height:62svh!important}

html[data-kow-layout="mobile"] body.home .kow-hitomi .hitomi-runway{height:300vh!important}
html[data-kow-layout="mobile"] body.home .kow-hitomi .hitomi-fallback{object-fit:contain!important;object-position:center!important}
html[data-kow-layout="mobile"] body.home .kow-hitomi .hitomi-chapter{
  grid-template-columns:1fr!important;grid-template-rows:1fr auto!important;
  padding:0 20px clamp(116px,15vh,168px)!important;gap:14px!important;align-items:end!important;
}
html[data-kow-layout="mobile"] body.home .kow-hitomi .h-side,
html[data-kow-layout="mobile"] body.home .kow-hitomi .h-side-left,
html[data-kow-layout="mobile"] body.home .kow-hitomi .h-side-right{
  text-align:center!important;justify-self:center!important;align-items:center!important;max-width:92vw!important;
}
html[data-kow-layout="mobile"] body.home .kow-hitomi .h-side-left{grid-row:1!important;align-self:start!important;padding-top:clamp(96px,13vh,140px)!important}
html[data-kow-layout="mobile"] body.home .kow-hitomi .h-side-right{grid-row:2!important}
html[data-kow-layout="mobile"] body.home .kow-hitomi .h-headline{white-space:normal!important;font-size:clamp(27px,7.4vw,40px)!important}
html[data-kow-layout="mobile"] body.home .kow-hitomi .h-body{font-size:14px!important;max-width:38ch!important}

html[data-kow-layout="mobile"] body.home .kow-work{height:auto!important;padding:88px 0 38px!important}
html[data-kow-layout="mobile"] body.home .kow-work-sticky{position:relative!important;height:auto!important;overflow:visible!important;display:block!important}
html[data-kow-layout="mobile"] body.home .kow-work-head{position:relative!important;inset:auto!important;padding:0 20px!important;margin-bottom:30px!important}
html[data-kow-layout="mobile"] body.home .kow-work-head>span{display:none!important}
html[data-kow-layout="mobile"] body.home .kow-work-track{display:grid!important;width:auto!important;transform:none!important;padding:0 20px!important;margin:0!important;gap:16px!important}
html[data-kow-layout="mobile"] body.home .kow-project{width:100%!important;height:62svh!important;min-height:440px!important}

/* ---------- Narrow / tablet: 769–900 ---------- */
html[data-kow-layout="narrow"] body.home .kow-mina-hero{height:100svh!important;min-height:680px!important}
html[data-kow-layout="narrow"] body.home .kow-hero-skyline{
  display:block!important;width:112vw!important;height:min(37vh,360px)!important;left:50%!important;bottom:0!important;opacity:.44!important;
}
html[data-kow-layout="narrow"] body.home .kow-hero-portrait-stage{
  left:50%!important;top:10%!important;width:min(82vw,700px)!important;height:84%!important;transform:translateX(-50%)!important;
}
html[data-kow-layout="narrow"] body.home .kow-hero-lion{object-fit:contain!important;object-position:center bottom!important}
html[data-kow-layout="narrow"] body.home .kow-ribbon{width:210vw!important;left:-55vw!important}
html[data-kow-layout="narrow"] body.home .kow-number-grid{grid-template-columns:1fr 1fr!important}
html[data-kow-layout="narrow"] body.home .kow-number-grid article:nth-child(even){border-right:0!important}
html[data-kow-layout="narrow"] body.home .ch-countries .countries-runway{height:360vh!important}
html[data-kow-layout="narrow"] body.home .ch-countries .country-story{
  width:calc(100vw - 56px)!important;max-width:none!important;top:clamp(92px,11vh,126px)!important;
  left:28px!important;right:auto!important;transform:none!important;text-align:left!important;
}
html[data-kow-layout="narrow"] body.home .ch-countries .country-story[data-side="right"] .country-story__meta{justify-content:flex-start!important}
html[data-kow-layout="narrow"] body.home .ch-countries .country-story[data-side="right"] .country-story__body{margin-left:0!important}
html[data-kow-layout="narrow"] body.home .ch-countries .countries-stage{top:max(44vh,330px)!important;bottom:0!important}
html[data-kow-layout="narrow"] body.home .kow-hitomi .hitomi-runway{height:330vh!important}
html[data-kow-layout="narrow"] body.home .kow-hitomi .hitomi-fallback{object-fit:contain!important;object-position:center!important}
html[data-kow-layout="narrow"] body.home .kow-work{height:auto!important;padding:100px 0 48px!important}
html[data-kow-layout="narrow"] body.home .kow-work-sticky{position:relative!important;height:auto!important;overflow:visible!important;display:block!important}
html[data-kow-layout="narrow"] body.home .kow-work-head{position:relative!important;inset:auto!important;padding:0 28px!important;margin-bottom:32px!important}
html[data-kow-layout="narrow"] body.home .kow-work-track{display:grid!important;grid-template-columns:1fr 1fr!important;width:auto!important;transform:none!important;padding:0 28px!important;margin:0!important}
html[data-kow-layout="narrow"] body.home .kow-project{width:100%!important;height:52svh!important;min-height:430px!important}

/* ---------- Desktop: >=901 ---------- */
html[data-kow-layout="desktop"] body.home .kow-hero-skyline{display:block!important}
html[data-kow-layout="desktop"] body.home .kow-work-track{will-change:transform}

/* ---------- Touch is independent of width ---------- */
html[data-kow-touch="1"] #kow-cursor-emblem,
html[data-kow-touch="1"] #kow-light{display:none!important}
html[data-kow-touch="1"] body.home .kow-hero-instruction-desktop{display:none!important}
html[data-kow-touch="1"] body.home .kow-hero-instruction-mobile{display:inline!important}

/* ---------- Performance tiers ---------- */
html[data-kow-tier="low"] body.home .kow-home-grain,
html[data-kow-tier="low"] body.home #kow-light{display:none!important}
html[data-kow-tier="low"] body.home .kow-sword-film-particles{animation:none!important;opacity:.2!important}
html[data-kow-tier="low"] body.home .kow-ribbon-track{will-change:auto!important}
html[data-kow-tier="low"] body.home :is(.kow-contact-end-form,.kow-contact-book){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Reduced motion keeps all editorial content visible and static. */
@media(prefers-reduced-motion:reduce){
  body.home .kow-ribbon-track,.kow-sword-film-particles{animation:none!important}
  body.home .kow-hitomi .h-side{opacity:1!important;visibility:visible!important;transform:none!important}
}


/* ---------- 5.3.3 Home services — replaces War Room ---------- */
body.home .kow-home-services{
  position:relative;margin-left:46px;padding:clamp(96px,10vw,160px) clamp(28px,5vw,84px);
  background:#070706;color:#f3efe7;border-top:1px solid rgba(242,239,231,.12);border-bottom:1px solid rgba(242,239,231,.12);z-index:5;
}
body.home .kow-home-services-shell{max-width:1540px;margin:0 auto}
body.home .kow-home-services-head{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:clamp(24px,4vw,72px);align-items:end;margin-bottom:clamp(44px,6vw,82px)}
body.home .kow-home-services-kicker{font:600 10px/1.2 var(--f-body);letter-spacing:.22em;color:#a79f92;text-transform:uppercase;display:flex;gap:10px;align-items:center;align-self:start;padding-top:13px}
body.home .kow-home-services-kicker i{display:block;width:26px;height:1px;background:#b91729}
body.home .kow-home-services-head h2{margin:0;font-family:var(--f-display);font-size:clamp(58px,7.4vw,126px);line-height:.88;letter-spacing:-.055em;font-weight:500}
body.home .kow-home-services-head p{margin:24px 0 0;max-width:62ch;color:#aaa398;font-size:clamp(14px,1.15vw,18px);line-height:1.65}
body.home .kow-home-services-all{align-self:end;color:#e7e1d7;font-size:10px;letter-spacing:.16em;text-decoration:none;border-bottom:1px solid rgba(242,239,231,.28);padding:0 0 8px;white-space:nowrap}
body.home .kow-home-services-all span{color:#c52e32;margin-left:10px}
body.home .kow-home-service-list{border-top:1px solid rgba(242,239,231,.15)}
body.home .kow-home-service-card{position:relative;display:grid;grid-template-columns:90px minmax(0,1fr) 56px;gap:clamp(18px,3vw,44px);align-items:center;min-height:220px;padding:34px 18px 34px 0;border-bottom:1px solid rgba(242,239,231,.15);color:inherit;text-decoration:none;overflow:hidden;isolation:isolate}
body.home .kow-home-service-card:before{content:"";position:absolute;inset:0;background:#eee9df;transform:translateY(101%);transition:transform .55s cubic-bezier(.16,.75,.1,1);z-index:-1}
body.home .kow-home-service-card:hover:before{transform:none}
body.home .kow-home-service-card:hover{color:#090908}
body.home .kow-home-service-no{font-family:var(--f-display);font-size:22px;color:#8f887c;align-self:start;padding-top:7px}
body.home .kow-home-service-copy small{display:block;margin-bottom:13px;color:#8f887c;font-size:8px;letter-spacing:.2em}
body.home .kow-home-service-copy h3{margin:0;font-family:var(--f-display);font-size:clamp(42px,5vw,82px);line-height:.94;letter-spacing:-.045em;font-weight:500;transition:transform .55s cubic-bezier(.16,.75,.1,1)}
body.home .kow-home-service-copy p{margin:16px 0 0;max-width:68ch;color:#aaa398;font-size:13px;line-height:1.65;transition:color .35s}
body.home .kow-home-service-card:hover .kow-home-service-copy h3{transform:translateX(12px)}
body.home .kow-home-service-card:hover :is(.kow-home-service-no,.kow-home-service-copy small,.kow-home-service-copy p){color:rgba(9,9,8,.62)}
body.home .kow-home-service-arrow{justify-self:end;font-size:30px;color:#c52e32;transition:transform .4s}
body.home .kow-home-service-card:hover .kow-home-service-arrow{transform:translate(4px,-4px)}

/* Hero artwork is an interaction surface on touch devices, not a saveable image. */
body.home .kow-mina-hero,
body.home .kow-mina-hero picture,
body.home .kow-mina-hero img{
  -webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;
}
body.home .kow-mina-hero img{-webkit-user-drag:none!important;pointer-events:none!important}

/* Core 3D sword now stays live at every layout. Fallback only disappears after GLB success. */
html[data-kow-layout="mobile"] body.home .kow-sword-3d,
html[data-kow-layout="narrow"] body.home .kow-sword-3d{display:block!important}
html[data-kow-layout="mobile"] body.home .kow-sword-stage.has-3d .kow-film-sword-fallback,
html[data-kow-layout="narrow"] body.home .kow-sword-stage.has-3d .kow-film-sword-fallback{opacity:0!important;visibility:hidden!important}

@media(max-width:900px){
  body.home .kow-home-services{margin-left:0!important;padding:88px 28px}
  body.home .kow-home-services-head{grid-template-columns:1fr;gap:18px;margin-bottom:44px}
  body.home .kow-home-services-kicker{padding-top:0}
  body.home .kow-home-services-head h2{font-size:clamp(54px,12vw,88px)}
  body.home .kow-home-services-head p{margin-top:18px}
  body.home .kow-home-services-all{justify-self:start;margin-top:8px}
  body.home .kow-home-service-card{grid-template-columns:56px minmax(0,1fr) 34px;min-height:190px;padding:28px 0;gap:16px}
  body.home .kow-home-service-copy h3{font-size:clamp(38px,7vw,58px)}
}
@media(max-width:768px){
  body.home .kow-home-services{padding:78px 18px 84px}
  body.home .kow-home-services-head{margin-bottom:34px}
  body.home .kow-home-services-head h2{font-size:clamp(50px,15vw,72px)}
  body.home .kow-home-services-head p{font-size:14px;line-height:1.58;max-width:38ch}
  body.home .kow-home-service-card{grid-template-columns:38px minmax(0,1fr) 26px;min-height:0;padding:27px 0;gap:10px;align-items:start}
  body.home .kow-home-service-no{font-size:16px;padding-top:5px}
  body.home .kow-home-service-copy small{font-size:7px;letter-spacing:.14em;margin-bottom:9px}
  body.home .kow-home-service-copy h3{font-size:clamp(35px,10vw,48px);line-height:.98}
  body.home .kow-home-service-copy p{font-size:12px;line-height:1.55;margin-top:12px;max-width:34ch}
  body.home .kow-home-service-arrow{font-size:22px}
  body.home .kow-home-service-card:before{display:none}
  body.home .kow-home-service-card:hover{color:inherit}
  body.home .kow-home-service-card:hover .kow-home-service-copy h3{transform:none}
  body.home .kow-home-service-card:hover :is(.kow-home-service-no,.kow-home-service-copy small,.kow-home-service-copy p){color:inherit}
}


/* New reveal must win over the retired mobile CSS-circle implementation. */
html[data-kow-layout="mobile"] body.home .kow-hero-portrait-stage.reveal-mobile > #kow-hero-fx{
  display:block!important;
}
html[data-kow-layout="mobile"] body.home .kow-hero-portrait-stage.reveal-mobile.webgl-on > #kow-hero-fx{
  display:block!important;opacity:1!important;visibility:visible!important;
}
html[data-kow-layout="mobile"] body.home .kow-hero-portrait-stage.reveal-mobile.webgl-on > .kow-hero-lion-base,
html[data-kow-layout="mobile"] body.home .kow-hero-portrait-stage.reveal-mobile.webgl-on > .kow-hero-lion-reveal{
  opacity:0!important;visibility:hidden!important;
}
html[data-kow-tier="low"] body.home .kow-sword-stage.has-3d .kow-film-sword-fallback{
  opacity:0!important;visibility:hidden!important;
}

html[data-kow-touch="1"] body.home img{
  -webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;
}

/* =========================================================
   KINGDOM OF WEB 5.3.9 — MOBILE REFERENCE AUTHORITY
   Source of truth: supplied Mina mobile recording.
   Narrative: Hero → Manifesto → Work → Services → Sword →
   Territories → About → Contact.
   ========================================================= */

/* Floating audio control follows the mobile reference instead of disappearing
   with the desktop chapter rail. */
body.home .kow-mobile-sound{display:none}
html[data-kow-layout="mobile"] body.home .kow-mobile-sound,
html[data-kow-layout="narrow"][data-kow-touch="1"] body.home .kow-mobile-sound{
  -webkit-appearance:none;appearance:none;position:fixed;right:14px;bottom:max(14px,env(safe-area-inset-bottom));z-index:540;
  width:43px;height:43px;border-radius:50%;border:1px solid rgba(242,239,231,.18);background:rgba(7,7,7,.7);color:#f2efe7;
  display:grid;place-items:center;pointer-events:auto;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);padding:0;
}
body.home .kow-mobile-sound b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.home .kow-mobile-sound-bars{height:12px;display:flex;align-items:center;gap:2px}
body.home .kow-mobile-sound-bars i{display:block;width:2px;height:5px;background:currentColor;opacity:.42;transform-origin:center}
body.home .kow-mobile-sound.is-on .kow-mobile-sound-bars i{opacity:1;animation:kowMobileSound .82s ease-in-out infinite alternate}
body.home .kow-mobile-sound.is-on .kow-mobile-sound-bars i:nth-child(2){animation-delay:-.28s;height:10px}
body.home .kow-mobile-sound.is-on .kow-mobile-sound-bars i:nth-child(3){animation-delay:-.52s;height:7px}
@keyframes kowMobileSound{to{transform:scaleY(.35)}}

/* Hero: the canvas is the reveal. The retired clip-circle is never allowed to
   sit above it unless WebGL genuinely fails. */
html[data-kow-layout="mobile"] body.home .kow-hero-portrait-stage{
  inset:64px 0 0!important;width:100vw!important;height:calc(100svh - 64px)!important;transform:none!important;overflow:hidden!important;
  -webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;touch-action:pan-y!important;
}
html[data-kow-layout="mobile"] body.home #kow-hero-fx{
  display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:7!important;
}
html[data-kow-layout="mobile"] body.home .kow-hero-portrait-stage.reveal-pending > .kow-hero-lion-reveal,
html[data-kow-layout="mobile"] body.home .kow-hero-portrait-stage.webgl-on > .kow-hero-lion-reveal{display:none!important}
html[data-kow-layout="mobile"] body.home .kow-hero-portrait-stage.webgl-on > picture{opacity:0!important;visibility:hidden!important}
html[data-kow-layout="mobile"] body.home .kow-hero-portrait-stage.reveal-fallback > #kow-hero-fx{display:none!important}
html[data-kow-layout="mobile"] body.home .kow-hero-portrait-stage.reveal-fallback > picture{opacity:1!important;visibility:visible!important}
html[data-kow-layout="mobile"] body.home .kow-hero-portrait-stage.reveal-fallback > .kow-hero-lion-reveal{
  display:block!important;visibility:visible!important;opacity:0!important;inset:0!important;
  -webkit-mask-image:radial-gradient(ellipse 34% 27% at var(--mx,50%) var(--my,42%),#000 0 58%,rgba(0,0,0,.88) 66%,transparent 80%);
  mask-image:radial-gradient(ellipse 34% 27% at var(--mx,50%) var(--my,42%),#000 0 58%,rgba(0,0,0,.88) 66%,transparent 80%);
  clip-path:none!important;transition:opacity .08s linear!important;
}
html[data-kow-layout="mobile"] body.home .kow-hero-portrait-stage.reveal-fallback.is-touch-revealing > .kow-hero-lion-reveal{opacity:1!important}
html[data-kow-layout="mobile"] body.home .kow-mina-hero img,
html[data-kow-layout="mobile"] body.home .kow-mina-hero picture{pointer-events:none!important;-webkit-user-drag:none!important;-webkit-touch-callout:none!important}

/* Smaller chrome, larger artwork — same hierarchy as the supplied recording. */
html[data-kow-layout="mobile"] body.home .kow-home-header{height:64px!important}
html[data-kow-layout="mobile"] body.home .kow-home-wordmark{top:12px!important;left:14px!important;line-height:.82!important}
html[data-kow-layout="mobile"] body.home .kow-home-wordmark span,
html[data-kow-layout="mobile"] body.home .kow-home-wordmark strong{font-size:18px!important;letter-spacing:-.045em!important}
html[data-kow-layout="mobile"] body.home .kow-home-wordmark strong{margin-top:2px!important}
html[data-kow-layout="mobile"] body.home .kow-home-wordmark small{font-size:5.5px!important;margin-top:6px!important;letter-spacing:.17em!important}
html[data-kow-layout="mobile"] body.home .kow-home-menu-button{top:12px!important;right:14px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
html[data-kow-layout="mobile"] body.home .kow-home-menu-button i{width:16px!important;transform:translate(-50%,-3px)!important}
html[data-kow-layout="mobile"] body.home .kow-home-menu-button i+i{transform:translate(-50%,3px)!important}

/* Calm editorial chapters separate the cinematic moments. */
html[data-kow-layout="mobile"] body.home section.kow-manifesto-exact{
  min-height:92svh!important;height:auto!important;padding:96px 20px 86px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
}
html[data-kow-layout="mobile"] body.home .kow-manifesto-headbar{margin-bottom:clamp(42px,8vh,74px)!important}
html[data-kow-layout="mobile"] body.home .kow-manifesto-title{font-size:clamp(41px,11.8vw,54px)!important;line-height:.92!important}
html[data-kow-layout="mobile"] body.home .kow-manifesto-quote blockquote p{font-size:clamp(22px,6.4vw,30px)!important;line-height:1.08!important;max-width:16ch!important}
html[data-kow-layout="mobile"] body.home .kow-manifesto-enso{opacity:.08!important;width:56vw!important;height:auto!important}

/* Proof early, but don't turn mobile into four more full-screen films. */
html[data-kow-layout="mobile"] body.home .kow-work{padding:78px 0 54px!important;background:#090909!important;content-visibility:visible!important}
html[data-kow-layout="mobile"] body.home .kow-work-head{padding:0 18px!important;margin-bottom:26px!important;align-items:flex-start!important}
html[data-kow-layout="mobile"] body.home .kow-work-head h2{font-size:clamp(50px,14vw,70px)!important;line-height:.88!important}
html[data-kow-layout="mobile"] body.home .kow-work-track{padding:0 18px!important;gap:12px!important}
html[data-kow-layout="mobile"] body.home .kow-project{height:48svh!important;min-height:350px!important;border-radius:0!important}
html[data-kow-layout="mobile"] body.home .kow-project .liquid-canvas{display:none!important}
html[data-kow-layout="mobile"] body.home .kow-project-meta{padding:18px!important}
html[data-kow-layout="mobile"] body.home .kow-project-meta h3{font-size:clamp(31px,8vw,42px)!important;line-height:.92!important}

/* Services becomes the clean light reset seen in the reference. This is the
   commercial section, so it deliberately has no cinematic scroll ownership. */
body.home .kow-home-services{background:#eee8de!important;color:#11100e!important;border-color:rgba(17,16,14,.16)!important}
body.home .kow-home-services-kicker{color:#6d665d!important}
body.home .kow-home-services-head p{color:#625d56!important}
body.home .kow-home-services-all{color:#11100e!important;border-color:rgba(17,16,14,.28)!important}
body.home .kow-home-service-list{border-color:rgba(17,16,14,.18)!important}
body.home .kow-home-service-card{color:#11100e!important;border-color:rgba(17,16,14,.18)!important}
body.home .kow-home-service-no,body.home .kow-home-service-copy small{color:#756d63!important}
body.home .kow-home-service-copy p{color:#625d56!important}
body.home .kow-home-service-card:before{background:#11100e!important}
body.home .kow-home-service-card:hover{color:#f2ede4!important}
body.home .kow-home-service-card:hover :is(.kow-home-service-no,.kow-home-service-copy small,.kow-home-service-copy p){color:rgba(242,237,228,.64)!important}
@media(max-width:768px){
  body.home .kow-home-services{padding:86px 18px 92px!important}
  body.home .kow-home-services-head{margin-bottom:44px!important}
  body.home .kow-home-services-head h2{font-size:clamp(54px,15.5vw,74px)!important;line-height:.86!important}
  body.home .kow-home-service-card{padding:30px 0!important}
  body.home .kow-home-service-copy h3{font-size:clamp(38px,10.7vw,50px)!important}
}

/* Sword: one continuous mobile film. The live GLB owns the viewport; text and
   background rows are driven from the same normalised native-scroll progress. */
html[data-kow-layout="mobile"] body.home .kow-sword-film{height:470vh!important;margin-top:0!important;background:#020202!important;overflow:clip!important}
html[data-kow-layout="mobile"] body.home .kow-sword-stage{height:100svh!important;top:0!important;background:#020202!important}
html[data-kow-layout="mobile"] body.home .kow-sword-stage:before{width:92vw!important;height:92vw!important;opacity:.42!important}
html[data-kow-layout="mobile"] body.home .kow-sword-3d{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:4!important;filter:none!important}
html[data-kow-layout="mobile"] body.home .kow-film-sword-fallback{height:132svh!important;top:-16svh!important;left:50%!important;opacity:.66!important;filter:contrast(1.08) brightness(.72)!important}
html[data-kow-layout="mobile"] body.home .kow-sword-film-bg{gap:13vh!important;overflow:hidden!important}
html[data-kow-layout="mobile"] body.home .kow-sword-film-bg span{font-size:clamp(116px,39vw,180px)!important;line-height:.62!important;color:rgba(242,239,231,.105)!important;will-change:transform!important}
html[data-kow-layout="mobile"] body.home .kow-sword-film-bg span+span{color:rgba(185,23,41,.17)!important}
html[data-kow-layout="mobile"] body.home .kow-sword-statements{z-index:6!important}
html[data-kow-layout="mobile"] body.home .kow-sword-statements h2{
  width:min(94vw,520px)!important;max-width:94vw!important;padding:0 12px!important;font-size:clamp(38px,11.8vw,56px)!important;line-height:.82!important;letter-spacing:-.055em!important;
  transition:none!important;will-change:transform,opacity!important;text-shadow:0 3px 28px rgba(0,0,0,.55)!important;
}
html[data-kow-layout="mobile"] body.home .kow-sword-film-caption{bottom:5.5vh!important;width:100%!important;text-align:center!important;font-size:13px!important;letter-spacing:.08em!important;white-space:normal!important;color:rgba(242,239,231,.28)!important}
html[data-kow-layout="mobile"] body.home .kow-sword-model-meta,
html[data-kow-layout="mobile"] body.home .kow-sword-stage.has-3d:after{display:none!important}
html[data-kow-layout="mobile"] body.home .kow-sword-film-particles{opacity:.16!important;background-size:91px 139px,133px 181px,173px 227px!important}

/* Territories remains the second large cinematic chapter, but its copy sits in
   a compact editorial band so the character image still owns the phone. */
html[data-kow-layout="mobile"] body.home .ch-countries .countries-runway{height:330vh!important}
html[data-kow-layout="mobile"] body.home .ch-countries .countries-head{top:18px!important;left:16px!important;right:16px!important;font-size:8px!important}
html[data-kow-layout="mobile"] body.home .ch-countries .country-story{top:78px!important;left:16px!important;width:calc(100vw - 32px)!important}
html[data-kow-layout="mobile"] body.home .ch-countries .country-story__title{font-size:clamp(38px,11.5vw,52px)!important;line-height:.86!important}
html[data-kow-layout="mobile"] body.home .ch-countries .country-story__body{font-size:12.5px!important;line-height:1.48!important;max-width:31ch!important}
html[data-kow-layout="mobile"] body.home .ch-countries .countries-stage{top:300px!important;bottom:0!important}
html[data-kow-layout="mobile"] body.home .ch-countries .countries-fallback__img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center bottom!important}

/* About returns to ordinary document flow after the cinematic section. */
html[data-kow-layout="mobile"] body.home section.kow-mina-about.kow-about-ref{
  min-height:auto!important;height:auto!important;padding:92px 18px 88px!important;display:block!important;background:#0a0a0a!important;
}
html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-mina-ch-head{position:relative!important;inset:auto!important;margin-bottom:40px!important}
html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-outline{font-size:clamp(54px,15vw,76px)!important;line-height:.84!important;margin:0 0 36px!important}
html[data-kow-layout="mobile"] body.home .kow-about-ref .about-grid{display:block!important}
html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-copy{max-width:100%!important}
html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-copy p{font-size:19px!important;line-height:1.42!important}
html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-stage{position:relative!important;top:auto!important;right:auto!important;width:112vw!important;height:54svh!important;min-height:390px!important;margin:18px -6vw 22px!important;opacity:.82!important}
html[data-kow-layout="mobile"] body.home .kow-about-ref .about-chips{margin-top:28px!important}

/* Contact should read as a useful finish, not another special-effect chapter. */
html[data-kow-layout="mobile"] body.home .kow-contact-end{padding-top:84px!important}
html[data-kow-layout="mobile"] body.home .kow-contact-end-head h2{font-size:clamp(52px,15vw,74px)!important;line-height:.84!important}

/* Offscreen costly chapters sleep naturally. */
html[data-kow-layout="mobile"] body.home :is(.kow-mina-about,.kow-contact-end){contain:paint style}
@media(max-width:768px){
  body.home .kow-home-service-card:hover{color:#11100e!important}
  body.home .kow-home-service-card:hover :is(.kow-home-service-no,.kow-home-service-copy small){color:#756d63!important}
  body.home .kow-home-service-card:hover .kow-home-service-copy p{color:#625d56!important}
  body.home .kow-home-service-card:hover .kow-home-service-copy h3{transform:none!important}
}
html[data-kow-layout="desktop"] body.home .kow-work{height:250vh!important}
html[data-kow-layout="desktop"] body.home .kow-work-track{gap:22px!important}


/* =========================================================
   5.3.9 FINAL MOBILE AUTHORITY
   Keep the authored hero, manifesto, live sword, About reveal
   and Eyes chapter on phone without desktop layout leakage.
   ========================================================= */

/* About: sketch + fill are authored on the same 2400x1500 stage. Keep them
   registered pixel-for-pixel until WebGL takes over. */
html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-stage{
  position:relative!important;
  width:112vw!important;
  height:54svh!important;
  min-height:390px!important;
  margin:18px -6vw 24px!important;
  overflow:hidden!important;
  opacity:1!important;
  isolation:isolate!important;
  touch-action:pan-y!important;
  -webkit-touch-callout:none!important;
  -webkit-user-select:none!important;
  user-select:none!important;
}
html[data-kow-layout="mobile"] body.home .kow-about-ref #kow-about-fx,
html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-fallback{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  margin:0!important;transform:none!important;
}
html[data-kow-layout="mobile"] body.home .kow-about-ref #kow-about-fx{
  display:block!important;z-index:3!important;opacity:0!important;visibility:visible!important;pointer-events:none!important;
}
html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-fallback{display:block!important;z-index:1!important;opacity:1!important;overflow:hidden!important}
html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-fallback img{
  position:absolute!important;inset:0!important;left:0!important;top:0!important;
  width:100%!important;height:100%!important;max-width:none!important;margin:0!important;
  object-fit:contain!important;object-position:50% 50%!important;transform:none!important;
  -webkit-user-drag:none!important;-webkit-touch-callout:none!important;pointer-events:none!important;
}
html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-base{
  opacity:.82!important;filter:drop-shadow(0 0 24px rgba(185,23,41,.18))!important;mix-blend-mode:normal!important;
}
html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-reveal{
  opacity:0!important;filter:none!important;clip-path:none!important;mix-blend-mode:normal!important;
}
html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-stage.webgl-on #kow-about-fx{opacity:1!important;visibility:visible!important}
html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-stage.webgl-on .dragon-fallback{opacity:0!important;visibility:hidden!important}

/* If WebGL is unavailable, keep the exact same registered layers and use a
   touch/hover mask rather than snapping to a different static composition. */
html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-stage.reveal-fallback .dragon-reveal{
  opacity:0!important;
  -webkit-mask-image:radial-gradient(circle clamp(96px,30vw,132px) at var(--mx,50%) var(--my,50%),#000 0 68%,rgba(0,0,0,.86) 76%,transparent 100%)!important;
  mask-image:radial-gradient(circle clamp(96px,30vw,132px) at var(--mx,50%) var(--my,50%),#000 0 68%,rgba(0,0,0,.86) 76%,transparent 100%)!important;
}
html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-stage.reveal-fallback.is-touch-revealing .dragon-reveal{opacity:1!important}
html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-stage.reveal-fallback.is-touch-revealing .dragon-base{opacity:.20!important}
@media(hover:hover) and (pointer:fine){
  body.home .kow-about-ref .dragon-stage.reveal-fallback.is-hover-revealing .dragon-reveal{opacity:1!important}
  body.home .kow-about-ref .dragon-stage.reveal-fallback.is-hover-revealing .dragon-base{opacity:.18!important}
}
html[data-kow-layout="mobile"] body.home .kow-about-touch-hint{
  position:absolute;z-index:5;left:50%;bottom:13px;transform:translateX(-50%);
  font:600 7px/1 var(--f-body);letter-spacing:.18em;color:rgba(240,235,226,.46);white-space:nowrap;pointer-events:none;
}
html:not([data-kow-layout="mobile"]) body.home .kow-about-touch-hint{display:none!important}

/* The four-card chapter remains visibly a four-card unit on phones. */
html[data-kow-layout="mobile"] body.home .kow-mina-numbers{padding:74px 16px 82px!important}
html[data-kow-layout="mobile"] body.home .kow-number-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-kow-layout="mobile"] body.home .kow-number-grid article{min-height:188px!important;padding:22px 16px!important;border-right:1px solid rgba(255,255,255,.10)!important}
html[data-kow-layout="mobile"] body.home .kow-number-grid article:nth-child(even){border-right:0!important}
html[data-kow-layout="mobile"] body.home .kow-number-grid article strong{font-size:clamp(42px,13vw,58px)!important}
html[data-kow-layout="mobile"] body.home .kow-number-grid article h3{font-size:13px!important}
html[data-kow-layout="mobile"] body.home .kow-number-grid article p{font-size:10px!important;line-height:1.45!important}

/* Eyes follows the portfolio/four-card chapters and retains its scroll-owned
   sequence rather than falling back to a static black stage. */
html[data-kow-layout="mobile"] body.home .kow-hitomi{background:#050505!important}
html[data-kow-layout="mobile"] body.home .kow-hitomi .hitomi-runway{height:320vh!important}
html[data-kow-layout="mobile"] body.home .kow-hitomi #kow-hitomi-canvas{display:block!important;visibility:visible!important}
html[data-kow-layout="mobile"] body.home .kow-hitomi .hitomi-fallback{display:block!important;opacity:1;object-fit:contain!important;object-position:center!important}
html[data-kow-layout="mobile"] body.home .kow-hitomi .hitomi-fallback.is-sequence-ready{opacity:0!important}

/* No long-press save UI on authored interactive artwork. */
html[data-kow-layout="mobile"] body.home :is(.kow-mina-hero,.kow-about-ref) img{
  -webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;
}


/* ============================================================
   5.3.9 — UNITED-OF-WEB-INSPIRED HOME SERVICES
   Black Kingdom section / white rounded service boxes.
   ============================================================ */
body.home .kow-home-services{
  position:relative!important;
  background:#050505!important;
  color:#f3efe7!important;
  padding:clamp(96px,10vw,168px) clamp(18px,3vw,48px)!important;
  border-color:rgba(255,255,255,.08)!important;
  overflow:hidden;
}
body.home .kow-home-services-shell{max-width:1460px!important;margin:0 auto!important}
body.home .kow-uow-home-services-head{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:end!important;
  gap:24px!important;
  margin:0 0 clamp(42px,5vw,70px)!important;
}
body.home .kow-uow-home-services-head .kow-home-services-kicker{
  justify-self:start!important;
  align-self:center!important;
  padding:0!important;
  color:#8f8b84!important;
}
body.home .kow-uow-home-services-head h2{
  margin:0!important;
  color:#f5f2ec!important;
  font-family:var(--f-body)!important;
  font-size:clamp(44px,4.7vw,78px)!important;
  font-weight:650!important;
  line-height:.9!important;
  letter-spacing:-.055em!important;
  text-align:center!important;
}
body.home .kow-uow-home-services-head .kow-home-services-all{
  justify-self:end!important;
  align-self:center!important;
  color:#b9b4ac!important;
  border-color:rgba(255,255,255,.2)!important;
}
body.home .kow-uow-home-service-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  border:0!important;
}
body.home .kow-uow-home-service-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  min-width:0!important;
  min-height:clamp(430px,34vw,535px)!important;
  padding:clamp(24px,2.3vw,36px)!important;
  gap:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#f2f0eb!important;
  color:#090909!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:11px!important;
  text-decoration:none!important;
  transition:transform .42s cubic-bezier(.2,.75,.2,1),background .3s ease!important;
}
body.home .kow-uow-home-service-card:before{display:none!important}
@media (hover:hover) and (pointer:fine){
  body.home .kow-uow-home-service-card:hover{
    color:#090909!important;
    background:#fff!important;
    transform:translateY(-5px)!important;
  }
}
body.home .kow-uow-home-service-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:clamp(38px,4vw,62px)!important;
}
body.home .kow-uow-home-service-pill{
  display:inline-flex!important;
  align-items:center!important;
  min-height:25px!important;
  padding:5px 12px!important;
  border:1px solid #1c1c1b!important;
  border-radius:999px!important;
  color:#171716!important;
  font:700 8px/1 var(--f-body)!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
}
body.home .kow-uow-home-service-pill.is-accent{
  background:#b91729!important;
  border-color:#b91729!important;
  color:#fff!important;
}
body.home .kow-uow-home-service-no{
  color:#84817b!important;
  font:600 9px/1 var(--f-body)!important;
  letter-spacing:.13em!important;
}
body.home .kow-uow-home-service-copy{display:block!important}
body.home .kow-uow-home-service-copy h3{
  margin:0 0 17px!important;
  color:#0b0b0a!important;
  font-family:var(--f-body)!important;
  font-size:clamp(26px,2.1vw,35px)!important;
  font-weight:750!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
  text-transform:uppercase!important;
  transform:none!important;
}
body.home .kow-uow-home-service-copy p{
  margin:0!important;
  max-width:38ch!important;
  color:#55534f!important;
  font:500 clamp(12px,.9vw,14px)/1.48 var(--f-body)!important;
}
body.home .kow-uow-home-service-bottom{
  display:block!important;
  margin-top:auto!important;
  padding-top:clamp(38px,5vw,72px)!important;
}
body.home .kow-uow-home-service-price{margin-bottom:22px!important}
body.home .kow-uow-home-service-price small{
  display:block!important;
  margin:0 0 5px!important;
  color:#22211f!important;
  font:750 9px/1 var(--f-body)!important;
  letter-spacing:.05em!important;
}
body.home .kow-uow-home-service-price strong{
  display:block!important;
  color:#080808!important;
  font-family:var(--f-body)!important;
  font-size:clamp(42px,4vw,62px)!important;
  font-weight:750!important;
  line-height:.9!important;
  letter-spacing:-.065em!important;
}
body.home .kow-uow-home-service-price strong em{
  margin-left:3px!important;
  font-size:.34em!important;
  font-style:normal!important;
  font-weight:650!important;
  letter-spacing:-.02em!important;
}
body.home .kow-uow-home-service-cta{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:45px!important;
  padding:12px 18px!important;
  border-radius:999px!important;
  background:#080808!important;
  color:#f5f2ec!important;
  font:650 9px/1 var(--f-body)!important;
  letter-spacing:.06em!important;
  text-align:center!important;
  transition:background .25s ease,color .25s ease!important;
}
body.home .kow-uow-home-service-cta b{
  margin-left:10px!important;
  color:#c52e32!important;
  font-size:13px!important;
  font-weight:500!important;
}
@media (hover:hover) and (pointer:fine){
  body.home .kow-uow-home-service-card:hover .kow-uow-home-service-cta{background:#b91729!important;color:#fff!important}
  body.home .kow-uow-home-service-card:hover .kow-uow-home-service-cta b{color:#fff!important}
}
@media (max-width:900px){
  body.home .kow-home-services{padding:96px 24px 106px!important}
  body.home .kow-uow-home-services-head{
    grid-template-columns:1fr auto!important;
    grid-template-areas:"title all" "kicker kicker"!important;
    align-items:center!important;
    margin-bottom:40px!important;
  }
  body.home .kow-uow-home-services-head h2{grid-area:title!important;text-align:left!important;font-size:clamp(46px,8.5vw,68px)!important}
  body.home .kow-uow-home-services-head .kow-home-services-all{grid-area:all!important}
  body.home .kow-uow-home-services-head .kow-home-services-kicker{grid-area:kicker!important;margin-top:6px!important}
  body.home .kow-uow-home-service-grid{grid-template-columns:1fr!important;gap:12px!important}
  body.home .kow-uow-home-service-card{min-height:390px!important}
  body.home .kow-uow-home-service-copy h3{font-size:clamp(30px,6vw,42px)!important}
}
@media (max-width:768px){
  body.home .kow-home-services{padding:82px 14px 92px!important}
  body.home .kow-uow-home-services-head{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:space-between!important;
    gap:14px!important;
    margin-bottom:30px!important;
  }
  body.home .kow-uow-home-services-head h2{
    flex:1 0 100%!important;
    order:1!important;
    font-size:clamp(42px,14vw,64px)!important;
    text-align:left!important;
  }
  body.home .kow-uow-home-services-head .kow-home-services-kicker{order:2!important;margin:0!important}
  body.home .kow-uow-home-services-head .kow-home-services-all{order:3!important;margin:0!important}
  body.home .kow-uow-home-service-card{
    min-height:370px!important;
    padding:24px 20px 20px!important;
    border-radius:10px!important;
  }
  body.home .kow-uow-home-service-top{margin-bottom:34px!important}
  body.home .kow-uow-home-service-copy h3{font-size:clamp(30px,9.3vw,39px)!important;margin-bottom:14px!important}
  body.home .kow-uow-home-service-copy p{font-size:12.5px!important;line-height:1.48!important;max-width:40ch!important}
  body.home .kow-uow-home-service-bottom{padding-top:36px!important}
  body.home .kow-uow-home-service-price{margin-bottom:18px!important}
  body.home .kow-uow-home-service-price strong{font-size:clamp(40px,13vw,54px)!important}
  body.home .kow-uow-home-service-cta{min-height:44px!important}
}
@media (max-width:390px){
  body.home .kow-uow-home-service-pill{font-size:7px!important;padding-inline:10px!important}
  body.home .kow-uow-home-service-card{min-height:355px!important}
}


/* =========================================================
   5.3.9 — UNITED-INSPIRED CONTACT + REFERRAL RETURN
   ========================================================= */
body.home .kow-contact-end{
  background:#090909!important;
  color:#f2eee6!important;
  padding-bottom:clamp(88px,11vh,150px)!important;
}
body.home .kow-contact-end-form{
  border:0!important;
  border-radius:34px!important;
  overflow:hidden!important;
  background:#f2f0ea!important;
  color:#0b0b0a!important;
  padding:clamp(24px,3vw,38px)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body.home .kow-contact-end-form-title{
  color:#0b0b0a!important;
  border-bottom:1px solid rgba(8,8,8,.13)!important;
  padding-bottom:20px!important;
  margin-bottom:8px!important;
}
body.home .kow-contact-end-form-title span{color:#0b0b0a!important}
body.home .kow-contact-end-form-title b{color:#b91729!important}
body.home .kow-contact-end-fields{
  gap:12px!important;
  margin-top:18px!important;
}
body.home .kow-contact-end-fields label{
  min-width:0!important;
  gap:6px!important;
  padding:13px 17px 14px!important;
  border:1px solid #d7d3ca!important;
  border-radius:999px!important;
  background:#fff!important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
body.home .kow-contact-end-fields label.wide{
  border-radius:22px!important;
  padding:16px 18px 17px!important;
}
body.home .kow-contact-end-fields label:focus-within{
  border-color:#0b0b0a!important;
  box-shadow:0 0 0 1px #0b0b0a!important;
}
body.home .kow-contact-end-fields label span,
body.home .kow-contact-choice legend{
  color:#77736c!important;
  font:750 7.5px/1.2 var(--f-body)!important;
  letter-spacing:.12em!important;
}
body.home .kow-contact-end-fields input,
body.home .kow-contact-end-fields textarea{
  color:#0b0b0a!important;
  font:550 16px/1.4 var(--f-body)!important;
  background:transparent!important;
}
body.home .kow-contact-end-fields textarea{min-height:112px!important}
body.home .kow-contact-choice{
  margin-top:22px!important;
  padding:0!important;
}
body.home .kow-contact-choice>div{gap:8px!important;margin-top:11px!important}
body.home .kow-contact-choice label span{
  min-height:42px!important;
  padding:10px 15px!important;
  border:1px solid #d7d3ca!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#4e4b46!important;
  font:650 10.5px/1 var(--f-body)!important;
}
body.home .kow-contact-choice input:checked+span{
  background:#0b0b0a!important;
  border-color:#0b0b0a!important;
  color:#fff!important;
}
body.home .kow-contact-end-submit{
  min-height:54px!important;
  margin-top:26px!important;
  padding:0 20px 0 24px!important;
  border-radius:999px!important;
  background:#0b0b0a!important;
  color:#fff!important;
  font:700 9px/1 var(--f-body)!important;
  letter-spacing:.08em!important;
  transition:background .22s ease,transform .22s ease!important;
}
body.home .kow-contact-end-submit b{color:#d12638!important}
@media (hover:hover) and (pointer:fine){
  body.home .kow-contact-end-submit:hover{background:#b91729!important;transform:translateY(-1px)!important}
  body.home .kow-contact-end-submit:hover b{color:#fff!important}
}

/* Referral returns immediately after Services, matching the commercial rhythm. */
body.home .kow-home-referral-only{
  margin-left:46px!important;
  padding:clamp(52px,6.5vh,82px) clamp(28px,6vw,120px)!important;
  border-top:0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  background:#090909!important;
}
body.home .kow-home-referral-only .kow-referral-partner{margin:0 auto!important}

@media (max-width:900px){
  body.home .kow-home-referral-only{margin-left:0!important;padding:54px 24px!important}
}
@media (max-width:768px){
  body.home .kow-contact-end-form{border-radius:24px!important;padding:18px!important}
  body.home .kow-contact-end-fields{grid-template-columns:1fr!important;gap:9px!important}
  body.home .kow-contact-end-fields label,
  body.home .kow-contact-end-fields label.wide{grid-column:1!important}
  body.home .kow-contact-end-fields label{padding:13px 15px 14px!important}
  body.home .kow-contact-end-fields label.wide{border-radius:19px!important}
  body.home .kow-contact-choice label span{min-height:40px!important;padding:9px 12px!important;font-size:10px!important}
  body.home .kow-home-referral-only{padding:42px 14px 56px!important}
  body.home .kow-referral-partner{border-radius:24px!important;padding:28px 22px!important}
  body.home .kow-referral-button{width:100%!important;justify-self:stretch!important}
}

/* =========================================================
   KOW 5.3.9 — BLACK UNITED-STYLE CONTACT FORM
   ========================================================= */
body.home .kow-contact-end-form{
  background:#0b0b0b!important;
  color:#f2eee6!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
body.home .kow-contact-end-form-title{
  color:#f2eee6!important;
  border-bottom-color:rgba(255,255,255,.12)!important;
}
body.home .kow-contact-end-form-title span{color:#f2eee6!important}
body.home .kow-contact-end-form-title b{color:#d12638!important}
body.home .kow-contact-end-fields label{
  background:#111!important;
  border-color:rgba(255,255,255,.13)!important;
}
body.home .kow-contact-end-fields label:focus-within{
  border-color:#b91729!important;
  box-shadow:0 0 0 1px #b91729!important;
}
body.home .kow-contact-end-fields label span,
body.home .kow-contact-choice legend{color:#8d8881!important}
body.home .kow-contact-end-fields input,
body.home .kow-contact-end-fields textarea{
  color:#f2eee6!important;
  caret-color:#d12638!important;
}
body.home .kow-contact-end-fields input::placeholder,
body.home .kow-contact-end-fields textarea::placeholder{color:#6f6a64!important}
body.home .kow-contact-choice label span{
  background:#111!important;
  border-color:rgba(255,255,255,.13)!important;
  color:#c7c1b8!important;
}
body.home .kow-contact-choice input:checked+span{
  background:#b91729!important;
  border-color:#b91729!important;
  color:#fff!important;
}
body.home .kow-contact-end-submit{
  background:#f2eee6!important;
  color:#090909!important;
}
body.home .kow-contact-end-submit b{color:#b91729!important}
@media (hover:hover) and (pointer:fine){
  body.home .kow-contact-end-submit:hover{background:#b91729!important;color:#fff!important}
  body.home .kow-contact-end-submit:hover b{color:#fff!important}
}

/* KOW 5.4.1 — hero arch authority */
body.home .kow-ribbon{display:none!important}
body.home .kow-hero-kingdom-arch{position:absolute!important;z-index:2!important;left:50%!important;top:5.5%!important;width:min(88vw,1240px)!important;height:min(43vh,470px)!important;transform:translateX(-50%)!important;pointer-events:none!important;overflow:visible!important;opacity:.24!important}
body.home .kow-hero-kingdom-arch svg{display:block!important;width:100%!important;height:100%!important;overflow:visible!important}
body.home .kow-hero-kingdom-arch path{fill:none!important;stroke:none!important}
body.home .kow-hero-kingdom-arch text{fill:#f1eee6!important;font-family:var(--f-display),Georgia,"Times New Roman",serif!important;font-size:150px!important;font-weight:700!important;letter-spacing:.17em!important;text-transform:uppercase!important}
@media(max-width:900px){body.home .kow-hero-kingdom-arch{top:8%!important;width:108vw!important;height:37vh!important;opacity:.22!important}body.home .kow-hero-kingdom-arch text{font-size:148px!important;letter-spacing:.14em!important}}
@media(max-width:767px){body.home .kow-hero-kingdom-arch{top:9.5%!important;width:118vw!important;height:31vh!important;opacity:.22!important}body.home .kow-hero-kingdom-arch text{font-size:146px!important;letter-spacing:.12em!important}}

/* ============================================================
   KOW 5.4.5 — MOBILE SOURCE OF TRUTH
   Supersedes every older mobile experiment above. The supplied
   510px-wide Mina recording defines the pacing: compact chrome,
   full-screen hero, calm manifesto, long sticky sword film,
   ordinary About/work, stacked facts, short Eyes film, services.
   ============================================================ */
@media (max-width:768px){
  html[data-kow-layout="mobile"] body.home{
    overflow-x:clip!important;
    background:#050505!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-left-rail{display:none!important}

  /* Header matches the reference's tiny mobile chrome. */
  html[data-kow-layout="mobile"] body.home .kow-home-header{
    height:64px!important;
    min-height:64px!important;
    background:linear-gradient(180deg,rgba(5,5,5,.74),rgba(5,5,5,0))!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-home-wordmark{top:12px!important;left:14px!important}
  html[data-kow-layout="mobile"] body.home .kow-home-wordmark span,
  html[data-kow-layout="mobile"] body.home .kow-home-wordmark strong{font-size:18px!important}
  html[data-kow-layout="mobile"] body.home .kow-home-wordmark small{font-size:5.5px!important;margin-top:6px!important}
  html[data-kow-layout="mobile"] body.home .kow-home-menu-button{
    top:12px!important;right:14px!important;width:40px!important;height:40px!important;
    min-width:40px!important;min-height:40px!important;background:rgba(7,7,7,.64)!important;
  }

  /* HERO — same current artwork/reveal as desktop, composed for portrait. */
  html[data-kow-layout="mobile"] body.home .kow-mina-hero{
    position:relative!important;
    height:100svh!important;
    min-height:620px!important;
    overflow:hidden!important;
    background:radial-gradient(circle at 50% 33%,rgba(151,15,29,.12),transparent 31%),#060606!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-topography{display:block!important;opacity:.32!important}
  html[data-kow-layout="mobile"] body.home .kow-hero-skyline,
  html[data-kow-layout="mobile"] body.home .kow-hero-bigword,
  html[data-kow-layout="mobile"] body.home .kow-ribbon{display:none!important}

  /* Living KINGDOM crest is the current desktop crest, not a mobile substitute. */
  html[data-kow-layout="mobile"] body.home .kow-hero-kingdom-arch{
    display:block!important;
    top:11.2%!important;
    left:50%!important;
    width:96vw!important;
    height:25vh!important;
    opacity:1!important;
    transform:translateX(-50%)!important;
    z-index:2!important;
    filter:drop-shadow(0 8px 20px rgba(0,0,0,.42)) drop-shadow(0 0 12px rgba(242,238,230,.08))!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-hero-kingdom-letters{display:flex!important;justify-content:center!important;gap:0!important}
  html[data-kow-layout="mobile"] body.home .kow-hero-kingdom-letters span{
    font-family:"Cinzel",Georgia,serif!important;
    font-weight:800!important;
    font-size:clamp(58px,15.7vw,82px)!important;
    letter-spacing:-.105em!important;
    margin-left:-.135em!important;
    color:#f5efe5!important;
    opacity:.48!important;
    -webkit-text-stroke:.5px currentColor!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-hero-kingdom-letters span:first-child{margin-left:0!important}
  html[data-kow-layout="mobile"] body.home .kow-hero-kingdom-arch.is-ignited .kow-hero-kingdom-letters span{
    color:#bd172b!important;opacity:.88!important;
  }

  html[data-kow-layout="mobile"] body.home .kow-hero-portrait-stage{
    position:absolute!important;
    inset:64px 0 0!important;
    width:100vw!important;
    height:calc(100svh - 64px)!important;
    min-height:0!important;
    transform:none!important;
    overflow:hidden!important;
    z-index:3!important;
    isolation:isolate!important;
    touch-action:pan-y!important;
  }
  html[data-kow-layout="mobile"] body.home #kow-hero-fx{
    position:absolute!important;inset:0!important;display:block!important;
    width:100%!important;height:100%!important;z-index:7!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-hero-portrait-stage>picture{position:absolute!important;inset:0!important;display:block!important}
  html[data-kow-layout="mobile"] body.home .kow-hero-lion,
  html[data-kow-layout="mobile"] body.home .kow-hero-lion-base,
  html[data-kow-layout="mobile"] body.home .kow-hero-lion-reveal .kow-hero-lion{
    position:absolute!important;
    left:50%!important;right:auto!important;top:auto!important;bottom:0!important;
    width:auto!important;max-width:none!important;
    height:min(82svh,760px)!important;
    object-fit:contain!important;object-position:50% 100%!important;
    transform:translate3d(-50%,0,0)!important;
    transform-origin:center bottom!important;
    filter:contrast(1.035) brightness(.94) saturate(.88)!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-hero-side-label{
    display:block!important;right:12px!important;bottom:16px!important;top:auto!important;
    font-size:7px!important;letter-spacing:.18em!important;opacity:.58!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-hero-bottom-meta{display:none!important}

  /* MANIFESTO — one calm screen, native scroll-driven text reveal. */
  html[data-kow-layout="mobile"] body.home section.kow-manifesto-exact{
    min-height:100svh!important;height:auto!important;
    padding:96px 20px 88px!important;
    display:flex!important;flex-direction:column!important;justify-content:center!important;
    background:#080808!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-manifesto-headbar{margin-bottom:clamp(46px,8vh,72px)!important}
  html[data-kow-layout="mobile"] body.home .kow-manifesto-title{font-size:clamp(39px,10.8vw,50px)!important;line-height:.94!important}
  html[data-kow-layout="mobile"] body.home .kow-manifesto-quote{margin-top:32px!important}
  html[data-kow-layout="mobile"] body.home .kow-manifesto-quote blockquote p{
    max-width:17ch!important;font-size:clamp(22px,6.15vw,29px)!important;line-height:1.08!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-manifesto-enso{width:58vw!important;opacity:.075!important}

  /* SWORD FILM — live 3D owns one sticky viewport, like the supplied recording. */
  html[data-kow-layout="mobile"] body.home .kow-sword-film{
    position:relative!important;height:455vh!important;margin:0!important;overflow:clip!important;background:#020202!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-sword-stage{
    position:sticky!important;top:0!important;height:100svh!important;overflow:hidden!important;background:#020202!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-sword-3d{
    display:block!important;visibility:visible!important;opacity:1;
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:4!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-sword-stage.has-3d .kow-film-sword-fallback{opacity:0!important;visibility:hidden!important}
  html[data-kow-layout="mobile"] body.home .kow-film-sword-fallback{
    display:block!important;height:128svh!important;top:-14svh!important;left:50%!important;opacity:.56!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-sword-film-bg{gap:12vh!important;overflow:hidden!important}
  html[data-kow-layout="mobile"] body.home .kow-sword-film-bg span{
    font-size:clamp(110px,37vw,174px)!important;line-height:.64!important;color:rgba(242,239,231,.10)!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-sword-film-bg span+span{color:rgba(185,23,41,.16)!important}
  html[data-kow-layout="mobile"] body.home .kow-sword-statements{z-index:6!important}
  html[data-kow-layout="mobile"] body.home .kow-sword-statements h2{
    width:min(94vw,520px)!important;max-width:94vw!important;padding:0 12px!important;
    font-size:clamp(36px,10.9vw,52px)!important;line-height:.84!important;letter-spacing:-.05em!important;
    transition:none!important;will-change:opacity,transform!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-sword-film-caption{bottom:5.2vh!important;font-size:11px!important;opacity:.58!important}
  html[data-kow-layout="mobile"] body.home .kow-sword-model-meta{display:none!important}

  /* ABOUT — text is read first; the registered sketch/fill lion is beneath it. */
  html[data-kow-layout="mobile"] body.home section.kow-mina-about.kow-about-ref{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto auto!important;
    min-height:0!important;height:auto!important;
    padding:88px 20px 68px!important;
    gap:0!important;background:#080808!important;overflow:hidden!important;contain:none!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-about-ref .bg-rings{position:absolute!important;inset:0!important;grid-row:1/-1!important}
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-mina-ch-head{
    position:relative!important;inset:auto!important;grid-row:1!important;margin:0 0 34px!important;z-index:5!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-outline{
    position:relative!important;inset:auto!important;grid-row:2!important;
    margin:0 0 34px!important;padding:0!important;z-index:5!important;
    font-size:clamp(52px,14vw,74px)!important;line-height:.86!important;white-space:normal!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-about-ref .about-grid{
    position:relative!important;grid-row:3!important;display:grid!important;grid-template-columns:1fr!important;gap:18px!important;
    max-width:100%!important;width:100%!important;margin:0!important;z-index:5!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-about-ref .about-copy p{font-size:18px!important;line-height:1.46!important}
  html[data-kow-layout="mobile"] body.home .kow-about-ref .about-copy .lede{font-size:20px!important;line-height:1.42!important}
  html[data-kow-layout="mobile"] body.home .kow-about-ref .about-chips{margin-top:10px!important}
  html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-stage{
    position:relative!important;inset:auto!important;grid-row:4!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:8/5!important;
    margin:34px auto 0!important;transform:none!important;z-index:4!important;overflow:hidden!important;opacity:1!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-about-ref #kow-about-fx,
  html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-fallback,
  html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-fallback img{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;transform:none!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-fallback img{object-fit:contain!important;object-position:50% 50%!important}
  html[data-kow-layout="mobile"] body.home .kow-about-touch-hint{bottom:8px!important;font-size:7px!important}

  /* PORTFOLIO — ordinary vertical proof, no desktop horizontal stage. */
  html[data-kow-layout="mobile"] body.home .kow-work{height:auto!important;padding:82px 0 58px!important;background:#080808!important;content-visibility:visible!important}
  html[data-kow-layout="mobile"] body.home .kow-work-sticky{position:relative!important;height:auto!important;display:block!important;overflow:visible!important}
  html[data-kow-layout="mobile"] body.home .kow-work-head{position:relative!important;inset:auto!important;padding:0 18px!important;margin-bottom:28px!important}
  html[data-kow-layout="mobile"] body.home .kow-work-head h2{font-size:clamp(48px,13vw,66px)!important;line-height:.9!important}
  html[data-kow-layout="mobile"] body.home .kow-work-track{display:grid!important;grid-template-columns:1fr!important;width:auto!important;transform:none!important;padding:0 18px!important;margin:0!important;gap:14px!important}
  html[data-kow-layout="mobile"] body.home .kow-project{width:100%!important;height:50svh!important;min-height:360px!important;border-radius:0!important}
  html[data-kow-layout="mobile"] body.home .kow-project .liquid-canvas{display:none!important}

  /* FOUR CARDS — the reference scrolls them vertically; no 2×2 mobile grid. */
  html[data-kow-layout="mobile"] body.home .kow-mina-numbers{
    height:auto!important;min-height:0!important;margin:0!important;padding:78px 18px 0!important;background:#080808!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-number-grid{
    display:grid!important;grid-template-columns:1fr!important;margin:32px 0 0!important;border:1px solid rgba(255,255,255,.12)!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-number-grid article{
    min-height:250px!important;padding:42px 24px 26px!important;
    border-right:0!important;border-bottom:1px solid rgba(255,255,255,.11)!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-number-grid article:last-child{border-bottom:0!important}
  html[data-kow-layout="mobile"] body.home .kow-number-grid article strong{font-size:clamp(76px,24vw,112px)!important}
  html[data-kow-layout="mobile"] body.home .kow-number-grid article h3{font-size:17px!important}
  html[data-kow-layout="mobile"] body.home .kow-number-grid article p{font-size:13px!important;line-height:1.5!important;max-width:26ch!important}

  /* EYES — start immediately after the cards; no dead black spacer. */
  html[data-kow-layout="mobile"] body.home .kow-hitomi{
    margin:0!important;padding:0!important;background:#050505!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-hitomi .hitomi-runway{height:255vh!important;margin:0!important}
  html[data-kow-layout="mobile"] body.home .kow-hitomi .hitomi-stick{height:100svh!important;padding:64px 16px 32px!important;background:#050505!important}
  html[data-kow-layout="mobile"] body.home .kow-hitomi .hitomi-head{
    top:18px!important;left:16px!important;right:16px!important;font-size:8px!important;letter-spacing:.2em!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-hitomi .hitomi-canvas-wrap{
    opacity:.44!important;transform:scale(.985)!important;background:#050505!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-hitomi .hitomi-fallback{object-fit:contain!important;object-position:center!important}
  html[data-kow-layout="mobile"] body.home .kow-hitomi .hitomi-chapter{
    grid-template-columns:1fr!important;grid-template-rows:1fr auto!important;
    padding:0 18px 92px!important;gap:14px!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-hitomi .h-side-left{padding-top:82px!important}
  html[data-kow-layout="mobile"] body.home .kow-hitomi .h-headline{font-size:clamp(25px,7vw,36px)!important}
  html[data-kow-layout="mobile"] body.home .kow-hitomi .h-body{font-size:12.5px!important;line-height:1.5!important}
  html[data-kow-layout="mobile"] body.home .kow-hitomi .hitomi-outro{bottom:28px!important;font-size:7px!important}

  /* SERVICES — retain the current United-style white cards on Kingdom black. */
  html[data-kow-layout="mobile"] body.home .kow-home-services{
    margin:0!important;background:#050505!important;color:#f3efe7!important;padding:86px 16px 92px!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-uow-home-service-grid{grid-template-columns:1fr!important;gap:14px!important}
  html[data-kow-layout="mobile"] body.home .kow-uow-home-service-card{min-height:440px!important;border-radius:24px!important}

  /* Keep interactive artwork touchable but never saveable. */
  html[data-kow-layout="mobile"] body.home :is(.kow-mina-hero,.kow-about-ref) img{
    -webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;
  }
}

/* =========================================================
   KOW 5.5.0 — interaction parity / mobile reveal authority
   ========================================================= */
/* The live reveal canvas must always beat every retired mobile clip rule. */
html[data-kow-layout="mobile"] body.home .kow-hero-portrait-stage.webgl-on > #kow-hero-fx,
html[data-kow-layout="narrow"][data-kow-touch="1"] body.home .kow-hero-portrait-stage.webgl-on > #kow-hero-fx{
  display:block!important;opacity:1!important;visibility:visible!important;z-index:8!important;
}
html[data-kow-layout="mobile"] body.home .kow-hero-portrait-stage.webgl-on > picture,
html[data-kow-layout="mobile"] body.home .kow-hero-portrait-stage.webgl-on > .kow-hero-lion-reveal,
html[data-kow-layout="narrow"][data-kow-touch="1"] body.home .kow-hero-portrait-stage.webgl-on > picture,
html[data-kow-layout="narrow"][data-kow-touch="1"] body.home .kow-hero-portrait-stage.webgl-on > .kow-hero-lion-reveal{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}

/* Guaranteed DOM fallback: a faint roaming reveal advertises the interaction;
   touch/hover then makes the same soft window fully visible. */
body.home .kow-hero-portrait-stage.reveal-fallback > .kow-hero-lion-reveal{
  display:block!important;visibility:visible!important;clip-path:none!important;
  -webkit-mask-image:radial-gradient(ellipse 29% 23% at var(--mx,50%) var(--my,43%),#000 0 46%,rgba(0,0,0,.92) 58%,rgba(0,0,0,.34) 76%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 29% 23% at var(--mx,50%) var(--my,43%),#000 0 46%,rgba(0,0,0,.92) 58%,rgba(0,0,0,.34) 76%,transparent 100%)!important;
  transition:opacity .16s ease!important;
}
body.home .kow-hero-portrait-stage.reveal-fallback.is-idle-revealing > .kow-hero-lion-reveal{opacity:.18!important}
body.home .kow-hero-portrait-stage.reveal-fallback.is-hover-revealing > .kow-hero-lion-reveal,
body.home .kow-hero-portrait-stage.reveal-fallback.is-touch-revealing > .kow-hero-lion-reveal{opacity:1!important}

/* About must retain a working reveal even if iOS refuses a second WebGL context. */
body.home .kow-about-ref .dragon-stage.webgl-on > #kow-about-fx{
  display:block!important;opacity:1!important;visibility:visible!important;z-index:4!important;
}
body.home .kow-about-ref .dragon-stage.webgl-on > .dragon-fallback{opacity:0!important;visibility:hidden!important}
body.home .kow-about-ref .dragon-stage.reveal-fallback > .dragon-fallback{opacity:1!important;visibility:visible!important}
body.home .kow-about-ref .dragon-stage.reveal-fallback .dragon-reveal{
  opacity:0!important;visibility:visible!important;clip-path:none!important;
  -webkit-mask-image:radial-gradient(circle clamp(120px,17vw,230px) at var(--mx,50%) var(--my,50%),#000 0 48%,rgba(0,0,0,.92) 61%,rgba(0,0,0,.38) 79%,transparent 100%)!important;
  mask-image:radial-gradient(circle clamp(120px,17vw,230px) at var(--mx,50%) var(--my,50%),#000 0 48%,rgba(0,0,0,.92) 61%,rgba(0,0,0,.38) 79%,transparent 100%)!important;
  transition:opacity .12s ease!important;
}
body.home .kow-about-ref .dragon-stage.reveal-fallback.is-hover-revealing .dragon-reveal,
body.home .kow-about-ref .dragon-stage.reveal-fallback.is-touch-revealing .dragon-reveal{opacity:1!important}
body.home .kow-about-ref .dragon-stage.reveal-fallback.is-hover-revealing .dragon-base,
body.home .kow-about-ref .dragon-stage.reveal-fallback.is-touch-revealing .dragon-base{opacity:.22!important}

/* Give the crest room to breathe without losing the shallow crown-hugging arc. */
@media (min-width:901px){
  body.home .kow-hero-kingdom-letters span{
    letter-spacing:-.045em!important;
    margin-left:-.058em!important;
  }
  body.home .kow-hero-kingdom-letters span:first-child{margin-left:0!important}
  body.home .kow-about-ref .dragon-stage,
  body.home .kow-about-ref #kow-about-art{
    left:64%!important;
  }
}
@media (min-width:769px) and (max-width:900px){
  body.home .kow-hero-kingdom-letters span{letter-spacing:-.05em!important;margin-left:-.065em!important}
  body.home .kow-hero-kingdom-letters span:first-child{margin-left:0!important}
}
@media (max-width:768px){
  html[data-kow-layout="mobile"] body.home .kow-hero-kingdom-arch{width:100vw!important}
  html[data-kow-layout="mobile"] body.home .kow-hero-kingdom-letters span{
    font-size:clamp(56px,14.8vw,78px)!important;
    letter-spacing:-.052em!important;
    margin-left:-.072em!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-hero-kingdom-letters span:first-child{margin-left:0!important}
  html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-stage{touch-action:pan-y!important}
}

/* =========================================================
   KOW 5.5.1 — mobile About composition + readable sword authority
   ========================================================= */
@media(max-width:768px){
  html[data-kow-layout="mobile"] body.home section.kow-mina-about.kow-about-ref{
    position:relative!important;display:block!important;overflow:hidden!important;min-height:0!important;height:auto!important;
    padding:88px 20px 118px!important;background:#080808!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-mina-ch-head{
    position:relative!important;margin:0 0 46px!important;z-index:7!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-outline{
    position:relative!important;z-index:7!important;width:100%!important;max-width:100%!important;
    margin:0 0 58px!important;padding:0!important;white-space:normal!important;overflow:visible!important;
    font-family:"Cinzel",Georgia,serif!important;font-weight:700!important;
    font-size:clamp(46px,12.5vw,68px)!important;line-height:.9!important;letter-spacing:-.045em!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-outline .word,
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-outline .char-wrap,
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-outline .char{overflow:visible!important}
  html[data-kow-layout="mobile"] body.home .kow-about-ref .about-grid{
    position:relative!important;z-index:7!important;display:grid!important;grid-template-columns:1fr!important;gap:28px!important;
    width:100%!important;max-width:100%!important;margin:0!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-about-ref .about-copy p{font-size:18px!important;line-height:1.48!important;max-width:100%!important}
  html[data-kow-layout="mobile"] body.home .kow-about-ref .about-copy .lede{font-size:20px!important;line-height:1.43!important}
  html[data-kow-layout="mobile"] body.home .kow-about-ref .about-chips{position:relative!important;z-index:7!important;margin-top:4px!important}

  /* The lion is no longer a tiny fourth grid row. It is a large interactive
     layer underneath the writing, shifted right so the copy keeps breathing. */
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-dom-reveal,
  html[data-kow-layout="mobile"] body.home .kow-about-ref #kow-about-art{
    position:absolute!important;z-index:3!important;grid-row:auto!important;
    left:67%!important;right:auto!important;top:43%!important;bottom:auto!important;
    width:min(132vw,650px)!important;height:auto!important;aspect-ratio:1/1!important;min-height:0!important;
    margin:0!important;transform:translateX(-50%)!important;overflow:visible!important;opacity:.98!important;touch-action:pan-y!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-dom-reveal .dragon-fallback,
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-dom-reveal .dragon-fallback img{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;transform:none!important;
    object-fit:contain!important;object-position:50% 50%!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-dom-reveal .dragon-base{opacity:.56!important;filter:drop-shadow(0 0 26px rgba(211,28,48,.18))!important}
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-dom-reveal .dragon-reveal{
    -webkit-mask-image:radial-gradient(circle clamp(112px,34vw,155px) at var(--about-x) var(--about-y),#000 0 50%,rgba(0,0,0,.94) 62%,rgba(0,0,0,.38) 80%,transparent 100%)!important;
    mask-image:radial-gradient(circle clamp(112px,34vw,155px) at var(--about-x) var(--about-y),#000 0 50%,rgba(0,0,0,.94) 62%,rgba(0,0,0,.38) 80%,transparent 100%)!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-touch-hint{
    left:52%!important;right:auto!important;bottom:5%!important;transform:translateX(-50%)!important;font-size:7px!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-about-ref .bg-rings{z-index:1!important}

  html[data-kow-layout="mobile"] body.home .kow-sword-statements h2{
    width:min(92vw,520px)!important;max-width:92vw!important;padding:0 14px!important;
    font-family:"Manrope",Inter,Arial,sans-serif!important;font-weight:700!important;
    font-size:clamp(31px,8.8vw,46px)!important;line-height:.96!important;letter-spacing:-.05em!important;text-wrap:balance!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-sword-statements h2 em{font-weight:800!important}
}
@media(max-width:768px){
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-outline .char-wrap{overflow:visible!important}
  html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-stage.kow-about-dom-reveal:not(.is-about-revealing) .dragon-reveal{opacity:0!important}
  html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-stage.kow-about-dom-reveal:not(.is-about-revealing) .dragon-base{opacity:.56!important}
  html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-stage.kow-about-dom-reveal.is-about-revealing .dragon-reveal{opacity:1!important}
  html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-stage.kow-about-dom-reveal.is-about-revealing .dragon-base{opacity:.18!important}
}


/* =========================================================
   KOW 5.5.2 — free About artwork + exact reveal registration
   ========================================================= */
/* Manifesto chapter title: stronger Kingdom display face, without the fashion-editorial softness. */
body.home .kow-manifesto-title{
  font-family:"Cinzel",Georgia,"Times New Roman",serif!important;
  font-weight:700!important;
  font-size:clamp(38px,4vw,66px)!important;
  line-height:.96!important;
  letter-spacing:-.035em!important;
}

/* Desktop About artwork is deliberately larger than the viewport-facing area.
   Its internally cropped right edge is pushed beyond the viewport, so the lion
   reads as free artwork rather than a rectangular image panel. */
@media(min-width:901px){
  body.home section.kow-mina-about.kow-about-ref{overflow:visible!important;clip-path:none!important;}
  body.home .kow-about-ref .kow-about-dom-reveal,
  body.home .kow-about-ref #kow-about-art{
    left:72.5%!important;top:10%!important;width:min(68vw,1120px)!important;
    aspect-ratio:1/1!important;overflow:visible!important;clip-path:none!important;
    transform:translateX(-50%)!important;
  }
  body.home .kow-about-ref .kow-about-dom-reveal .dragon-fallback,
  body.home .kow-about-ref .kow-about-dom-reveal .dragon-fallback img{
    inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
    object-fit:contain!important;object-position:50% 50%!important;transform:none!important;clip-path:none!important;
  }
  body.home .kow-about-ref .kow-about-dom-reveal .dragon-base{opacity:.52!important;filter:drop-shadow(0 0 28px rgba(197,46,50,.12))!important;}
  body.home .kow-about-ref .kow-about-dom-reveal .dragon-reveal{
    opacity:0!important;
    -webkit-mask-image:radial-gradient(circle clamp(145px,14vw,235px) at var(--about-x) var(--about-y),#000 0 50%,rgba(0,0,0,.96) 61%,rgba(0,0,0,.38) 79%,transparent 100%)!important;
    mask-image:radial-gradient(circle clamp(145px,14vw,235px) at var(--about-x) var(--about-y),#000 0 50%,rgba(0,0,0,.96) 61%,rgba(0,0,0,.38) 79%,transparent 100%)!important;
  }
  body.home .kow-about-ref .kow-about-dom-reveal.is-about-revealing .dragon-reveal{opacity:1!important;}
  body.home .kow-about-ref .kow-about-dom-reveal.is-about-revealing .dragon-base{opacity:.16!important;}
  body.home .kow-about-ref .kow-about-outline .char-wrap{overflow:visible!important;}
}

/* Mobile: keep the lion under the copy, but large and right-biased. The stage
   extends beyond the right edge so the art never presents as a visible square. */
@media(max-width:768px){
  html[data-kow-layout="mobile"] body.home .kow-manifesto-title{
    font-family:"Cinzel",Georgia,"Times New Roman",serif!important;
    font-weight:700!important;font-size:clamp(32px,8.8vw,44px)!important;letter-spacing:-.03em!important;
  }
  html[data-kow-layout="mobile"] body.home section.kow-mina-about.kow-about-ref{overflow:hidden!important;}
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-dom-reveal,
  html[data-kow-layout="mobile"] body.home .kow-about-ref #kow-about-art{
    left:70%!important;top:41%!important;width:min(148vw,720px)!important;overflow:visible!important;clip-path:none!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-dom-reveal .dragon-fallback,
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-dom-reveal .dragon-fallback img{
    inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:50% 50%!important;transform:none!important;clip-path:none!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-dom-reveal .dragon-base{opacity:.46!important;filter:drop-shadow(0 0 22px rgba(197,46,50,.12))!important;}
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-dom-reveal.is-about-revealing .dragon-base{opacity:.12!important;}
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-dom-reveal.is-about-revealing .dragon-reveal{opacity:1!important;}
}

/* =========================================================
   KOW 5.5.4 — definitive About hover owner + smaller artwork
   ========================================================= */
@media (min-width:901px){
  body.home .kow-about-ref .kow-about-dom-reveal,
  body.home .kow-about-ref #kow-about-art{
    left:74%!important;
    top:12%!important;
    width:min(58vw,960px)!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    overflow:visible!important;
    clip-path:none!important;
    pointer-events:none!important;
    --about-x:48%;--about-y:48%;
  }
  body.home .kow-about-ref .kow-about-dom-reveal .dragon-fallback,
  body.home .kow-about-ref .kow-about-dom-reveal .dragon-fallback img{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    object-fit:contain!important;object-position:50% 50%!important;transform:none!important;
    margin:0!important;clip-path:none!important;
  }
  body.home .kow-about-ref .kow-about-dom-reveal .dragon-base{
    opacity:.18!important;
    filter:brightness(.52) saturate(.66) drop-shadow(0 0 14px rgba(151,13,28,.06))!important;
  }
  body.home .kow-about-ref .kow-about-dom-reveal .dragon-reveal{
    display:block!important;visibility:visible!important;opacity:0!important;
    -webkit-mask-image:none!important;mask-image:none!important;
    -webkit-clip-path:circle(clamp(145px,13vw,225px) at var(--about-x,48%) var(--about-y,48%))!important;
    clip-path:circle(clamp(145px,13vw,225px) at var(--about-x,48%) var(--about-y,48%))!important;
    filter:none!important;transition:opacity .07s linear!important;
  }
  /* JS-driven path plus a CSS-only safety net. */
  body.home .kow-about-ref .kow-about-dom-reveal.is-about-revealing .dragon-reveal,
  body.home .kow-about-ref:hover .kow-about-dom-reveal .dragon-reveal{opacity:1!important;}
  body.home .kow-about-ref .kow-about-dom-reveal.is-about-revealing .dragon-base,
  body.home .kow-about-ref:hover .kow-about-dom-reveal .dragon-base{opacity:.10!important;}
}

@media (max-width:768px){
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-dom-reveal,
  html[data-kow-layout="mobile"] body.home .kow-about-ref #kow-about-art{
    left:71%!important;top:44%!important;width:min(145vw,700px)!important;
    pointer-events:none!important;overflow:visible!important;clip-path:none!important;
    --about-x:48%;--about-y:48%;
  }
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-dom-reveal .dragon-base{
    opacity:.19!important;filter:brightness(.52) saturate(.66) drop-shadow(0 0 14px rgba(151,13,28,.06))!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-dom-reveal .dragon-reveal{
    display:block!important;visibility:visible!important;opacity:0!important;
    -webkit-mask-image:none!important;mask-image:none!important;
    -webkit-clip-path:circle(clamp(105px,32vw,150px) at var(--about-x,48%) var(--about-y,48%))!important;
    clip-path:circle(clamp(105px,32vw,150px) at var(--about-x,48%) var(--about-y,48%))!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-dom-reveal.is-about-revealing .dragon-reveal{opacity:1!important;}
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-dom-reveal.is-about-revealing .dragon-base{opacity:.08!important;}
}

/* =========================================================
   KOW 5.5.5 — ABOUT = HERO REVEAL ENGINE
   The separate DOM/mask reveal is retired. About now renders through the
   exact same WebGL reveal shader as the homepage hero.
   ========================================================= */
body.home .kow-about-ref .dragon-stage{
  overflow:visible!important;
  isolation:isolate!important;
  pointer-events:auto!important;
}
body.home .kow-about-ref #kow-about-fx{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  display:block!important;
  visibility:visible!important;
  pointer-events:none!important;
  z-index:4!important;
  opacity:0!important;
}
body.home .kow-about-ref .dragon-stage.reveal-pending > #kow-about-fx{
  opacity:0!important;
}
body.home .kow-about-ref .dragon-stage.webgl-on > #kow-about-fx{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
body.home .kow-about-ref .dragon-stage.webgl-on > .dragon-fallback{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.home .kow-about-ref .dragon-stage.reveal-pending > .dragon-fallback,
body.home .kow-about-ref .dragon-stage.reveal-fallback > .dragon-fallback{
  opacity:1!important;
  visibility:visible!important;
}
body.home .kow-about-ref .dragon-hover-zone{
  display:none!important;
  pointer-events:none!important;
}
/* Retired 5.5.x DOM-only classes must never win the cascade again. */
body.home .kow-about-ref .kow-about-dom-reveal .dragon-reveal,
body.home .kow-about-ref .kow-about-dom-reveal .dragon-base{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
/* If a browser refuses the second WebGL context, use the hero's same soft
   roaming reveal language as a fallback rather than the old hard circle. */
body.home .kow-about-ref .dragon-stage.reveal-fallback .dragon-reveal{
  display:block!important;
  visibility:visible!important;
  clip-path:none!important;
  -webkit-mask-image:radial-gradient(ellipse 29% 23% at var(--mx,50%) var(--my,50%),#000 0 46%,rgba(0,0,0,.92) 58%,rgba(0,0,0,.34) 76%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 29% 23% at var(--mx,50%) var(--my,50%),#000 0 46%,rgba(0,0,0,.92) 58%,rgba(0,0,0,.34) 76%,transparent 100%)!important;
  transition:opacity .14s ease!important;
}
body.home .kow-about-ref .dragon-stage.reveal-fallback.is-idle-revealing .dragon-reveal{opacity:.16!important}
body.home .kow-about-ref .dragon-stage.reveal-fallback.is-hover-revealing .dragon-reveal,
body.home .kow-about-ref .dragon-stage.reveal-fallback.is-touch-revealing .dragon-reveal{opacity:1!important}
body.home .kow-about-ref .dragon-stage.reveal-fallback.is-hover-revealing .dragon-base,
body.home .kow-about-ref .dragon-stage.reveal-fallback.is-touch-revealing .dragon-base{opacity:.18!important}

@media (max-width:768px){
  html[data-kow-layout="mobile"] body.home .kow-about-ref #kow-about-fx{
    display:block!important;
    visibility:visible!important;
    z-index:4!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-stage.webgl-on #kow-about-fx{opacity:1!important}
  html[data-kow-layout="mobile"] body.home .kow-about-ref .dragon-stage.webgl-on .dragon-fallback{opacity:0!important;visibility:hidden!important}
}


/* =========================================================
   KOW 5.5.6 — 5.5.0 About interaction authority + tight joins
   ========================================================= */
body.home #kow-about-art{overflow:visible!important;isolation:isolate!important;pointer-events:auto!important}
body.home #kow-about-art > #kow-about-fx{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;pointer-events:none!important;z-index:8!important}
body.home #kow-about-art.webgl-on > #kow-about-fx{opacity:1!important;visibility:visible!important}
body.home #kow-about-art.webgl-on > .dragon-fallback{opacity:0!important;visibility:hidden!important}
body.home #kow-about-art.reveal-pending > .dragon-fallback,
body.home #kow-about-art.reveal-fallback > .dragon-fallback{opacity:1!important;visibility:visible!important}
body.home #kow-about-art .dragon-hover-zone{display:block!important;position:absolute!important;inset:0!important;z-index:10!important;pointer-events:auto!important;background:transparent!important}
/* Restore the proven 5.5.0 fallback language too. */
body.home #kow-about-art.reveal-fallback .dragon-reveal{
  opacity:0!important;visibility:visible!important;clip-path:none!important;
  -webkit-mask-image:radial-gradient(circle clamp(120px,17vw,230px) at var(--mx,50%) var(--my,50%),#000 0 48%,rgba(0,0,0,.92) 61%,rgba(0,0,0,.38) 79%,transparent 100%)!important;
  mask-image:radial-gradient(circle clamp(120px,17vw,230px) at var(--mx,50%) var(--my,50%),#000 0 48%,rgba(0,0,0,.92) 61%,rgba(0,0,0,.38) 79%,transparent 100%)!important;
  transition:opacity .12s ease!important;
}
body.home #kow-about-art.reveal-fallback.is-hover-revealing .dragon-reveal,
body.home #kow-about-art.reveal-fallback.is-touch-revealing .dragon-reveal{opacity:1!important}
body.home #kow-about-art.reveal-fallback.is-hover-revealing .dragon-base,
body.home #kow-about-art.reveal-fallback.is-touch-revealing .dragon-base{opacity:.22!important}

@media (min-width:901px){
  body.home section.kow-mina-manifesto.kow-manifesto-exact{padding-bottom:clamp(44px,5.4vh,66px)!important;margin-bottom:0!important}
  body.home #sword-film{margin-top:-4vh!important;margin-bottom:-2vh!important}
  body.home section.kow-mina-about.kow-about-ref{height:100svh!important;min-height:720px!important;padding-bottom:2vh!important;margin:0!important}
  body.home #work.kow-work{margin-top:-1vh!important;padding-top:2.5vh!important}
}
@media (max-width:900px){
  body.home section.kow-mina-manifesto.kow-manifesto-exact{padding-bottom:58px!important;margin-bottom:0!important}
  body.home #sword-film{margin-top:-2vh!important;margin-bottom:0!important}
  body.home section.kow-mina-about.kow-about-ref{height:auto!important;min-height:0!important;padding-top:72px!important;padding-bottom:30px!important;margin:0!important;gap:18px!important}
  body.home #work.kow-work{margin-top:0!important;padding-top:48px!important}
}

/* =========================================================
   KOW 5.5.7 — final spacing / uncropped About / card parity
   ========================================================= */

/* MANIFESTO → SWORD: content decides the chapter height. No dead 100vh runway. */
body.home section.kow-mina-manifesto.kow-manifesto-exact{
  height:auto!important;
  min-height:0!important;
  justify-content:flex-start!important;
  margin-bottom:0!important;
  overflow:visible!important;
}
body.home #sword-film{margin-top:0!important;}
@media (min-width:901px){
  body.home section.kow-mina-manifesto.kow-manifesto-exact{
    padding:clamp(78px,9vh,108px) clamp(28px,6vw,120px) clamp(18px,2.6vh,28px)!important;
    gap:clamp(28px,3.8vh,44px)!important;
  }
  body.home .kow-manifesto-headbar{margin-bottom:0!important;}
  body.home .kow-manifesto-quote{margin-top:0!important;}
  body.home .kow-manifesto-attrib{margin-top:clamp(22px,2.4vh,34px)!important;}
}
@media (max-width:900px){
  html[data-kow-layout="mobile"] body.home section.kow-manifesto-exact,
  body.home section.kow-mina-manifesto.kow-manifesto-exact{
    min-height:0!important;
    height:auto!important;
    padding:74px 18px 18px!important;
    gap:24px!important;
    justify-content:flex-start!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-manifesto-headbar{margin:0 0 12px!important;}
  html[data-kow-layout="mobile"] body.home .kow-manifesto-title{
    margin:0!important;
    font-size:clamp(36px,10.2vw,46px)!important;
    line-height:.98!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-manifesto-quote{
    width:100%!important;
    max-width:none!important;
    margin:4px 0 0!important;
    overflow:visible!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-manifesto-quote blockquote{
    width:100%!important;
    max-width:none!important;
    overflow:visible!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-manifesto-quote blockquote p{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    font-size:clamp(25px,7.15vw,33px)!important;
    line-height:1.18!important;
    letter-spacing:-.018em!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    text-wrap:pretty!important;
    overflow:visible!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-manifesto-reveal-word{
    display:inline!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-manifesto-attrib{
    margin-top:22px!important;
    padding-bottom:0!important;
  }
  html[data-kow-layout="mobile"] body.home #sword-film{margin-top:0!important;}
}

/* ABOUT: the source images have been horizontally padded. The visible lion
   keeps its previous scale, while the WebGL stage extends far beyond it so a
   reveal aperture can never hit a visible rectangular canvas edge. */
body.home section.kow-mina-about.kow-about-ref{
  overflow:visible!important;
}
body.home #kow-about-art,
body.home #kow-about-art > #kow-about-fx,
body.home #kow-about-art > .dragon-fallback{
  overflow:visible!important;
  clip-path:none!important;
}
body.home #kow-about-art > .dragon-fallback img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  transform:none!important;
  clip-path:none!important;
}
@media (min-width:901px){
  body.home #kow-about-art{
    left:74%!important;
    top:12%!important;
    width:min(87vw,1440px)!important;
    height:auto!important;
    aspect-ratio:1600/1065!important;
    max-width:none!important;
    transform:translateX(-50%)!important;
    pointer-events:auto!important;
  }
}
@media (max-width:900px){
  html[data-kow-layout="mobile"] body.home section.kow-mina-about.kow-about-ref{
    overflow:visible!important;
  }
  html[data-kow-layout="mobile"] body.home #kow-about-art{
    position:relative!important;
    grid-row:4!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:min(218vw,1050px)!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1600/1065!important;
    margin:26px 0 0!important;
    transform:translateX(-50%)!important;
    overflow:visible!important;
    pointer-events:auto!important;
    touch-action:pan-y!important;
  }
  html[data-kow-layout="mobile"] body.home #kow-about-art > .dragon-fallback{
    overflow:visible!important;
  }
  html[data-kow-layout="mobile"] body.home #kow-about-art .dragon-hover-zone{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:auto!important;
    touch-action:pan-y!important;
  }
}

/* Remove the stray divider between Selected Work and By the Numbers. */
body.home #work.kow-work{border-bottom:0!important;}

/* CONTACT: no decorative sequence number in the form title. */
body.home .kow-contact-end-form-title{justify-content:flex-start!important;}
body.home .kow-contact-end-form-title>b{display:none!important;}

/* SERVICES / INDIVIDUAL SERVICE PAGES — use the exact white rounded-card
   language from the homepage service section. */
.kow-uow-page .kow-match-services-section,
.kow-uow-page .kow-uow-pricing{
  background:#050505!important;
  color:#f3efe7!important;
  padding:clamp(92px,9vw,148px) 0!important;
}
.kow-uow-page .kow-uow-pricing .kow-uow-section-head,
.kow-uow-page .kow-match-services-section .kow-uow-section-head{color:#f3efe7!important;}
.kow-uow-page .kow-match-service-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  border:0!important;
  margin:0!important;
}
.kow-uow-page .kow-match-service-grid.is-services-index{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.kow-uow-page .kow-match-service-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  min-width:0!important;
  min-height:clamp(430px,34vw,535px)!important;
  padding:clamp(24px,2.3vw,36px)!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#f2f0eb!important;
  color:#090909!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:11px!important;
  box-shadow:none!important;
  transition:transform .42s cubic-bezier(.2,.75,.2,1),background .3s ease!important;
}
.kow-uow-page .kow-match-service-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:clamp(38px,4vw,62px)!important;
}
.kow-uow-page .kow-match-service-pill{
  display:inline-flex!important;
  align-items:center!important;
  min-height:25px!important;
  padding:5px 12px!important;
  border:1px solid #1c1c1b!important;
  border-radius:999px!important;
  color:#171716!important;
  font:700 8px/1 Manrope,sans-serif!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.kow-uow-page .kow-match-service-pill.is-accent{
  background:#b91729!important;
  border-color:#b91729!important;
  color:#fff!important;
}
.kow-uow-page .kow-match-service-no{
  color:#84817b!important;
  font:600 9px/1 Manrope,sans-serif!important;
  letter-spacing:.13em!important;
}
.kow-uow-page .kow-match-service-copy h3{
  margin:0 0 17px!important;
  color:#0b0b0a!important;
  font-family:Manrope,sans-serif!important;
  font-size:clamp(26px,2.1vw,35px)!important;
  font-weight:750!important;
  line-height:.96!important;
  letter-spacing:-.045em!important;
  text-transform:uppercase!important;
}
.kow-uow-page .kow-match-service-copy>p{
  margin:0!important;
  max-width:38ch!important;
  color:#55534f!important;
  font:500 clamp(12px,.9vw,14px)/1.48 Manrope,sans-serif!important;
}
.kow-uow-page .kow-match-service-items{
  list-style:none!important;
  padding:18px 0 0!important;
  margin:22px 0 0!important;
  border-top:1px solid rgba(9,9,9,.12)!important;
  display:grid!important;
  gap:7px!important;
}
.kow-uow-page .kow-match-service-items li{
  position:relative!important;
  padding-left:14px!important;
  color:#66625d!important;
  font:550 11px/1.35 Manrope,sans-serif!important;
}
.kow-uow-page .kow-match-service-items li:before{
  content:"";position:absolute;left:0;top:.5em;width:4px;height:4px;border-radius:50%;background:#b91729;
}
.kow-uow-page .kow-match-service-bottom{
  display:block!important;
  margin-top:auto!important;
  padding-top:clamp(30px,4vw,58px)!important;
}
.kow-uow-page .kow-match-service-price{margin-bottom:22px!important;}
.kow-uow-page .kow-match-service-price small{
  display:block!important;margin:0 0 5px!important;color:#22211f!important;
  font:750 9px/1 Manrope,sans-serif!important;letter-spacing:.05em!important;text-transform:uppercase!important;
}
.kow-uow-page .kow-match-service-price strong{
  display:block!important;color:#080808!important;font-family:Manrope,sans-serif!important;
  font-size:clamp(42px,4vw,62px)!important;font-weight:750!important;line-height:.9!important;letter-spacing:-.065em!important;
}
.kow-uow-page .kow-match-service-cta{
  display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;
  min-height:45px!important;padding:12px 18px!important;border-radius:999px!important;background:#080808!important;color:#f5f2ec!important;
  font:650 9px/1 Manrope,sans-serif!important;letter-spacing:.06em!important;text-align:center!important;text-decoration:none!important;
  transition:background .25s ease,color .25s ease!important;
}
.kow-uow-page .kow-match-service-cta b{margin-left:10px!important;color:#c52e32!important;font-size:13px!important;font-weight:500!important;}
@media (hover:hover) and (pointer:fine){
  .kow-uow-page .kow-match-service-card:hover{background:#fff!important;transform:translateY(-5px)!important;}
  .kow-uow-page .kow-match-service-card:hover .kow-match-service-cta{background:#b91729!important;color:#fff!important;}
  .kow-uow-page .kow-match-service-card:hover .kow-match-service-cta b{color:#fff!important;}
}
@media(max-width:1320px){
  .kow-uow-page .kow-match-service-grid.is-services-index{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:900px){
  .kow-uow-page .kow-match-service-grid,
  .kow-uow-page .kow-match-service-grid.is-services-index{grid-template-columns:1fr!important;gap:12px!important;}
  .kow-uow-page .kow-match-service-card{min-height:390px!important;}
  .kow-uow-page .kow-match-service-copy h3{font-size:clamp(30px,6vw,42px)!important;}
}
@media(max-width:768px){
  .kow-uow-page .kow-match-services-section,
  .kow-uow-page .kow-uow-pricing{padding:78px 14px 88px!important;}
  .kow-uow-page .kow-match-services-section>.kow-shell,
  .kow-uow-page .kow-uow-pricing>.kow-shell{padding-inline:0!important;}
  .kow-uow-page .kow-uow-pricing .kow-uow-section-head{padding-inline:4px!important;}
  .kow-uow-page .kow-match-service-card{min-height:370px!important;padding:24px 20px 20px!important;border-radius:10px!important;}
  .kow-uow-page .kow-match-service-top{margin-bottom:34px!important;}
  .kow-uow-page .kow-match-service-copy h3{font-size:clamp(30px,9.3vw,39px)!important;margin-bottom:14px!important;}
  .kow-uow-page .kow-match-service-copy>p{font-size:12.5px!important;line-height:1.48!important;max-width:40ch!important;}
  .kow-uow-page .kow-match-service-bottom{padding-top:36px!important;}
  .kow-uow-page .kow-match-service-price strong{font-size:clamp(40px,13vw,54px)!important;}
  .kow-uow-page .kow-match-service-cta{min-height:44px!important;}
}
.kow-uow-page .kow-uow-pricing .kow-uow-section-head h2{color:#f3efe7!important;}
.kow-uow-page .kow-uow-pricing .kow-uow-section-head>span{color:#8f8b84!important;}


/* =========================================================
   KOW 5.5.10 — mobile homepage lock: manifesto + About
   ========================================================= */
@media (max-width: 768px){
  /* MANIFESTO: use the phone width instead of a narrow editorial column. */
  html[data-kow-layout="mobile"] body.home section.kow-mina-manifesto.kow-manifesto-exact,
  body.home section.kow-mina-manifesto.kow-manifesto-exact{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    box-sizing:border-box!important;
    padding:68px 20px 0!important;
    gap:20px!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-manifesto-headbar{
    width:100%!important;
    margin:0 0 32px!important;
    padding-bottom:14px!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-manifesto-title{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    font-size:clamp(39px,11.4vw,50px)!important;
    line-height:.96!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-manifesto-quote,
  html[data-kow-layout="mobile"] body.home .kow-manifesto-quote blockquote{
    width:calc(100vw - 40px)!important;
    max-width:calc(100vw - 40px)!important;
    margin:8px 0 0!important;
    padding:0!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-manifesto-quote blockquote p{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:clamp(23px,6.65vw,30px)!important;
    line-height:1.14!important;
    letter-spacing:-.022em!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    text-wrap:pretty!important;
    overflow:visible!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-manifesto-reveal-word{
    display:inline!important;
    overflow:visible!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-manifesto-attrib{
    margin:24px 0 0!important;
    padding:0 0 18px!important;
  }
  /* Pull the sword runway up into the end of the manifesto. The backgrounds
     match, so this simply removes the dead black no-man's-land. */
  html[data-kow-layout="mobile"] body.home #sword-film,
  body.home #sword-film{
    margin-top:-8svh!important;
  }

  /* ABOUT: copy + facts first, then one large lion underneath. The artwork is
     intentionally wider than the viewport so it feels free rather than boxed. */
  html[data-kow-layout="mobile"] body.home section.kow-mina-about.kow-about-ref{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    box-sizing:border-box!important;
    padding:66px 20px 0!important;
    gap:18px!important;
    overflow:visible!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-mina-ch-head{grid-row:1!important}
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-outline{grid-row:2!important}
  html[data-kow-layout="mobile"] body.home .kow-about-ref .about-grid{
    grid-row:3!important;
    position:relative!important;
    z-index:4!important;
    width:100%!important;
    margin:0!important;
  }
  html[data-kow-layout="mobile"] body.home #kow-about-art{
    grid-row:4!important;
    order:4!important;
    position:relative!important;
    left:64%!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:172vw!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1600/1065!important;
    margin:-10px 0 -18px!important;
    transform:translateX(-50%)!important;
    overflow:visible!important;
    clip-path:none!important;
    isolation:isolate!important;
    pointer-events:auto!important;
    touch-action:pan-y!important;
    z-index:2!important;
  }
  html[data-kow-layout="mobile"] body.home #kow-about-art > #kow-about-fx,
  html[data-kow-layout="mobile"] body.home #kow-about-art > .dragon-fallback{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    overflow:visible!important;
    clip-path:none!important;
  }
  html[data-kow-layout="mobile"] body.home #kow-about-art > .dragon-fallback img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
    filter:none!important;
  }
  html[data-kow-layout="mobile"] body.home #kow-about-art.reveal-pending .dragon-base,
  html[data-kow-layout="mobile"] body.home #kow-about-art.reveal-fallback .dragon-base{
    opacity:.34!important;
    filter:brightness(.62) saturate(.62) drop-shadow(0 0 18px rgba(120,10,22,.12))!important;
  }
  html[data-kow-layout="mobile"] body.home #kow-about-art.reveal-fallback .dragon-reveal{
    opacity:0!important;
  }
  html[data-kow-layout="mobile"] body.home #kow-about-art.reveal-fallback.is-touch-revealing .dragon-reveal,
  html[data-kow-layout="mobile"] body.home #kow-about-art.reveal-fallback.is-hover-revealing .dragon-reveal{
    opacity:1!important;
  }
  html[data-kow-layout="mobile"] body.home #kow-about-art .dragon-hover-zone{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:auto!important;
    touch-action:pan-y!important;
    z-index:12!important;
    background:transparent!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-about-ref .kow-about-touch-hint{
    left:50%!important;
    bottom:2px!important;
    transform:translateX(-50%)!important;
    z-index:13!important;
  }
}

/* =========================================================
   KOW 5.5.11 — manifesto desktop restore + mobile About authority
   ========================================================= */
/* The expanded manifesto copy is mobile-only. Desktop keeps the short Mina
   composition so the statement retains its intended one-screen rhythm. */
body.home .kow-manifesto-copy-mobile{display:none!important;}
body.home .kow-manifesto-copy-desktop{display:block!important;}
@media (min-width:769px){
  body.home section.kow-mina-manifesto.kow-manifesto-exact{
    overflow:visible!important;
  }
  body.home .kow-manifesto-quote,
  body.home .kow-manifesto-quote blockquote,
  body.home .kow-manifesto-quote p{
    overflow:visible!important;
  }
  body.home .kow-manifesto-quote p{
    font-family:var(--f-body)!important;
    font-size:clamp(42px,4.15vw,70px)!important;
    font-weight:500!important;
    font-style:italic!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
    padding:0 0 .12em!important;
  }
  body.home .kow-manifesto-reveal-word{
    display:inline-block!important;
    overflow:visible!important;
  }
}
@media (max-width:768px){
  html[data-kow-layout="mobile"] body.home .kow-manifesto-copy-desktop{display:none!important;}
  html[data-kow-layout="mobile"] body.home .kow-manifesto-copy-mobile{display:block!important;}
  html[data-kow-layout="mobile"] body.home .kow-manifesto-copy-mobile{
    width:100%!important;
    max-width:100%!important;
  }
  /* About uses the new stacked mobile composition and keeps the real interaction
     surface above the artwork without blocking vertical page scrolling. */
  html[data-kow-layout="mobile"] body.home #kow-about-art{
    pointer-events:auto!important;
    touch-action:pan-y!important;
  }
  html[data-kow-layout="mobile"] body.home #kow-about-art .dragon-hover-zone{
    pointer-events:auto!important;
    touch-action:pan-y!important;
  }
  html[data-kow-layout="mobile"] body.home #kow-about-art.reveal-fallback .dragon-reveal{
    opacity:0!important;
    visibility:visible!important;
  }
  html[data-kow-layout="mobile"] body.home #kow-about-art.reveal-fallback.is-touch-revealing .dragon-reveal,
  html[data-kow-layout="mobile"] body.home #kow-about-art.reveal-fallback.is-hover-revealing .dragon-reveal{
    opacity:1!important;
  }
}



/* =========================================================
   KOW 5.5.12 — manifesto copy + readable desktop reveal
   ========================================================= */
/* 5.5.12 deliberately keeps the expanded manifesto on BOTH layouts. Desktop
   gets a calmer reading size so the copy can breathe without clipping or
   producing orphaned two-word lines. */
body.home .kow-manifesto-copy-mobile{display:none!important;}
body.home .kow-manifesto-copy-desktop{display:block!important;}
@media (min-width:901px){
  body.home section.kow-mina-manifesto.kow-manifesto-exact{
    padding:clamp(82px,9vh,112px) clamp(34px,6vw,120px) clamp(54px,7vh,88px)!important;
    gap:clamp(24px,3vh,38px)!important;
    overflow:visible!important;
  }
  body.home .kow-manifesto-title{
    margin-bottom:0!important;
  }
  body.home .kow-manifesto-quote,
  body.home .kow-manifesto-quote blockquote{
    width:100%!important;
    max-width:1280px!important;
    overflow:visible!important;
  }
  body.home .kow-manifesto-quote p{
    width:100%!important;
    max-width:1280px!important;
    font-family:var(--f-body)!important;
    font-size:clamp(34px,3.2vw,50px)!important;
    font-weight:500!important;
    font-style:italic!important;
    line-height:1.13!important;
    letter-spacing:-.024em!important;
    text-wrap:pretty!important;
    overflow:visible!important;
    padding:0 0 .14em!important;
  }
  body.home .kow-manifesto-reveal-word{
    display:inline-block!important;
    overflow:visible!important;
    transform-origin:left center!important;
    backface-visibility:hidden!important;
  }
  body.home .kow-manifesto-attrib{margin-top:clamp(24px,3vh,38px)!important;}
}
@media (min-width:769px) and (max-width:900px){
  body.home .kow-manifesto-copy-mobile{display:none!important;}
  body.home .kow-manifesto-copy-desktop{display:block!important;}
  body.home .kow-manifesto-quote p{
    max-width:none!important;
    font-size:clamp(31px,5vw,40px)!important;
    line-height:1.12!important;
    text-wrap:pretty!important;
  }
}
@media (max-width:768px){
  html[data-kow-layout="mobile"] body.home .kow-manifesto-copy-desktop{display:none!important;}
  html[data-kow-layout="mobile"] body.home .kow-manifesto-copy-mobile{display:block!important;}
  html[data-kow-layout="mobile"] body.home .kow-manifesto-quote p{
    text-wrap:pretty!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-manifesto-reveal-word{
    display:inline-block!important;
    transform-origin:left center!important;
  }
}


/* =========================================================
   KOW 5.5.14 — MANIFESTO TRUE DE-CROP + CURSOR LAYER FIX
   ========================================================= */
/* 5.5.13 only patched style.css; this responsive authority sheet loads later,
   so it was silently winning the cascade. These are the final loaded rules. */
@media (min-width:901px){
  body.home section.kow-mina-manifesto.kow-manifesto-exact{
    height:auto!important;
    min-height:max(100svh,780px)!important;
    padding:clamp(96px,11vh,128px) clamp(34px,6vw,120px) clamp(76px,9vh,108px)!important;
    gap:clamp(24px,3vh,38px)!important;
    overflow:visible!important;
  }
  body.home .kow-manifesto-quote,
  body.home .kow-manifesto-quote blockquote,
  body.home .kow-manifesto-quote p{
    overflow:visible!important;
  }
  body.home .kow-manifesto-quote p{
    max-width:1280px!important;
    font-size:clamp(34px,3.2vw,50px)!important;
    line-height:1.18!important;
    letter-spacing:-.022em!important;
    padding:.12em 0 .20em!important;
    margin:0!important;
  }
  body.home .kow-manifesto-reveal-word{
    display:inline-block!important;
    overflow:visible!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    padding:.09em 0 .12em!important;
    margin:-.09em 0 -.12em!important;
    transform-origin:left center!important;
  }
}

/* Mobile gets the same no-guillotine reveal without changing its composition. */
@media (max-width:900px){
  body.home .kow-manifesto-reveal-word{
    clip-path:none!important;
    -webkit-clip-path:none!important;
    overflow:visible!important;
  }
}

/* The custom spear cursor must sit ABOVE the cookie consent layer. */
html.has-kow-cursor #kow-cursor-emblem{
  z-index:2147483646!important;
}


/* =========================================================
   KOW 5.5.15 — MOBILE MANIFESTO SINGLETON + SHARP ABOUT + OVERFLOW LOCK
   ========================================================= */
/* One manifesto paragraph exists in the DOM now. Do not re-introduce the old
   mobile duplicate through legacy display rules. */
body.home .kow-manifesto-copy-desktop{display:block!important;}
body.home .kow-manifesto-copy-mobile{display:none!important;}
@media(max-width:768px){
  html[data-kow-layout="mobile"] body.home .kow-manifesto-copy-desktop{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
  }
  html[data-kow-layout="mobile"] body.home .kow-manifesto-copy-mobile{display:none!important;}
}

/* Kill accidental side-scroll across the site without turning the page into a
   new scroll container (overflow:clip is sticky-safe). */
html,body{max-width:100%!important;overflow-x:clip!important;}
body.home section{overflow-x:clip!important;}
@supports not (overflow:clip){
  html,body{overflow-x:hidden!important;}
}

@media(max-width:768px){
  /* ABOUT: the section owns its oversized artwork; nothing bleeds into the
     neighbouring chapters or outside the viewport. */
  html[data-kow-layout="mobile"] body.home section.kow-mina-about.kow-about-ref{
    overflow:hidden!important;
    overflow-clip-margin:0!important;
    contain:paint!important;
  }

  /* Native PNG pair on phones: sharp, unfiltered and registered pixel-for-pixel.
     Canvas is deliberately disabled only for About/mobile; desktop WebGL stays. */
  html[data-kow-layout="mobile"] body.home #kow-about-art{
    overflow:visible!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
  }
  html[data-kow-layout="mobile"] body.home #kow-about-art > #kow-about-fx{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
  }
  html[data-kow-layout="mobile"] body.home #kow-about-art > .dragon-fallback{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    overflow:visible!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
  }
  html[data-kow-layout="mobile"] body.home #kow-about-art > .dragon-fallback img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:contain!important;
    object-position:50% 50%!important;
    filter:none!important;
    -webkit-filter:none!important;
    image-rendering:auto!important;
    transform:none!important;
    opacity:1;
  }
  html[data-kow-layout="mobile"] body.home #kow-about-art .dragon-base{
    opacity:.48!important;
    filter:none!important;
    -webkit-filter:none!important;
  }
  html[data-kow-layout="mobile"] body.home #kow-about-art .dragon-reveal{
    opacity:0!important;
    visibility:visible!important;
    filter:none!important;
    -webkit-filter:none!important;
    clip-path:circle(0 at var(--mx,50%) var(--my,48%))!important;
    -webkit-clip-path:circle(0 at var(--mx,50%) var(--my,48%))!important;
    transition:opacity .045s linear,clip-path .055s linear,-webkit-clip-path .055s linear!important;
    will-change:clip-path;
  }
  html[data-kow-layout="mobile"] body.home #kow-about-art:is(.is-touch-revealing,.is-hover-revealing) .dragon-reveal{
    opacity:1!important;
    clip-path:circle(clamp(112px,32vw,160px) at var(--mx,50%) var(--my,48%))!important;
    -webkit-clip-path:circle(clamp(112px,32vw,160px) at var(--mx,50%) var(--my,48%))!important;
  }
  html[data-kow-layout="mobile"] body.home #kow-about-art:is(.is-touch-revealing,.is-hover-revealing) .dragon-base{
    opacity:.20!important;
  }
  html[data-kow-layout="mobile"] body.home #kow-about-art .dragon-hover-zone{
    display:block!important;
    pointer-events:auto!important;
    touch-action:pan-y!important;
  }
}


/* =========================================================
   KOW 5.5.16 — MOBILE MANIFESTO OWNER + CRISP ABOUT RENDER
   DESKTOP IS DELIBERATELY UNCHANGED.
   ========================================================= */

/* Phones: the SECOND/mobile paragraph is the only visible copy and is the one
   manifesto-accuracy.js animates. These rules do not depend on data-kow-layout,
   so they also beat a cached capability attribute during first paint. */
@media (max-width:768px){
  body.home .kow-manifesto-copy-desktop{display:none!important;visibility:hidden!important;}
  body.home .kow-manifesto-copy-mobile{display:block!important;visibility:visible!important;}
}
@media (min-width:769px){
  body.home .kow-manifesto-copy-desktop{display:block!important;visibility:visible!important;}
  body.home .kow-manifesto-copy-mobile{display:none!important;visibility:hidden!important;}
}

/* iOS viewport lock. The previous overflow-x:clip still allowed an oversized
   positioned chapter to create a horizontal scroll range on Safari. */
@media (max-width:768px){
  html,body,#kow-page-shell{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  body.home section{max-width:100vw!important;overflow-x:hidden!important;}

  /* ABOUT: keep the 5.5.15 composition, but render the original 1600x1065 PNG
     pair directly. No WebGL, no filtered ancestor, no paint containment, no
     transformed raster layer. This prevents Safari from downsampling the lion. */
  body.home section.kow-mina-about.kow-about-ref{
    overflow:hidden!important;
    contain:none!important;
    isolation:auto!important;
  }
  body.home #kow-about-art{
    position:relative!important;
    left:-22vw!important;             /* same visual position as 64% - 50% of 172vw */
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:172vw!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1600/1065!important;
    margin:-10px 0 -18px!important;
    transform:none!important;
    overflow:visible!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    contain:none!important;
    isolation:auto!important;
    filter:none!important;
    -webkit-filter:none!important;
    perspective:none!important;
    backface-visibility:visible!important;
    touch-action:pan-y!important;
  }
  body.home #kow-about-art::before,
  body.home #kow-about-art::after{display:none!important;content:none!important;}
  body.home #kow-about-art > #kow-about-fx{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
  }
  body.home #kow-about-art > .dragon-fallback,
  body.home #kow-about-art.webgl-on > .dragon-fallback,
  body.home #kow-about-art.reveal-pending > .dragon-fallback,
  body.home #kow-about-art.reveal-fallback > .dragon-fallback{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    transform:none!important;
    filter:none!important;
    -webkit-filter:none!important;
  }
  body.home #kow-about-art > .dragon-fallback img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:50% 50%!important;
    transform:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    mix-blend-mode:normal!important;
    image-rendering:auto!important;
    backface-visibility:visible!important;
    will-change:auto!important;
  }
  /* Dim with opacity only. CSS filters on a very large transparent PNG are a
     common Safari low-resolution compositing trigger. */
  body.home #kow-about-art .dragon-base{
    opacity:.28!important;
    filter:none!important;
    -webkit-filter:none!important;
    mix-blend-mode:normal!important;
  }
  body.home #kow-about-art .dragon-reveal{
    display:block!important;
    visibility:visible!important;
    opacity:0!important;
    filter:none!important;
    -webkit-filter:none!important;
    mix-blend-mode:normal!important;
    clip-path:circle(0 at var(--mx,50%) var(--my,48%))!important;
    -webkit-clip-path:circle(0 at var(--mx,50%) var(--my,48%))!important;
    transition:opacity .055s linear,clip-path .055s linear,-webkit-clip-path .055s linear!important;
    will-change:auto!important;
  }
  body.home #kow-about-art:is(.is-touch-revealing,.is-hover-revealing) .dragon-reveal{
    opacity:1!important;
    clip-path:circle(clamp(108px,31vw,148px) at var(--mx,50%) var(--my,48%))!important;
    -webkit-clip-path:circle(clamp(108px,31vw,148px) at var(--mx,50%) var(--my,48%))!important;
  }
  body.home #kow-about-art:is(.is-touch-revealing,.is-hover-revealing) .dragon-base{opacity:.10!important;}
  body.home #kow-about-art .dragon-hover-zone{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:12!important;
    pointer-events:auto!important;
    touch-action:pan-y!important;
    background:transparent!important;
  }
}

/* =========================================================
   KOW 5.5.17 — MOBILE SWORD PIN / STICKY RESTORE
   DESKTOP UNCHANGED.
   ========================================================= */
@media (max-width:768px){
  /* 5.5.16 used overflow-x:hidden on #kow-page-shell and every section to
     suppress iOS side-scroll. Hidden creates a scroll container, which makes
     Safari resolve the sword's sticky stage against the wrong ancestor. Clip
     keeps the exact same visual containment without stealing sticky. */
  #kow-page-shell{
    overflow-x:clip!important;
    overflow-y:visible!important;
    max-width:100%!important;
  }

  body.home #sword-film{
    position:relative!important;
    height:500svh!important;
    min-height:500svh!important;
    margin-top:-4svh!important;
    margin-bottom:0!important;
    overflow:clip!important;
    contain:none!important;
    transform:none!important;
    filter:none!important;
    perspective:none!important;
    isolation:isolate!important;
    background:#020202!important;
  }

  body.home #sword-film > .kow-sword-stage{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:0!important;
    left:0!important;
    width:100%!important;
    max-width:100%!important;
    height:100svh!important;
    min-height:100svh!important;
    max-height:100svh!important;
    margin:0!important;
    overflow:hidden!important;
    transform:none!important;
    filter:none!important;
    contain:none!important;
    isolation:isolate!important;
    background:#020202!important;
  }

  @supports(height:100dvh){
    body.home #sword-film > .kow-sword-stage{
      height:100dvh!important;
      min-height:100dvh!important;
      max-height:100dvh!important;
    }
  }

  /* Keep all sword layers fixed to the pinned stage. */
  body.home #sword-film .kow-sword-film-bg,
  body.home #sword-film .kow-sword-film-particles,
  body.home #sword-film .kow-sword-3d,
  body.home #sword-film .kow-sword-statements{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
  }

  body.home #sword-film .kow-sword-film-caption{
    position:absolute!important;
  }
}

/* =========================================================
   KOW 5.5.18 — ALL-BLACK INNER PAGE SYSTEM
   United-inspired internal-page parity, desktop + mobile.
   Homepage intentionally untouched.
   ========================================================= */

/* One dark authority palette for every non-home route. */
body:not(.home),
body:not(.home) #kow-page-shell,
body:not(.home) .kow-agency-page,
body:not(.home) .kow-uow-page,
body:not(.home) .kow-uow-page.is-ivory,
body:not(.home) .kow-agency-page.is-ivory,
body:not(.home) .kow-privacy-page,
body:not(.home) .kow-case-study{
  background:#060606!important;
  color:#f2eee6!important;
  color-scheme:dark;
}
body:not(.home) .kow-uow-page,
body:not(.home) .kow-uow-page.is-ivory{
  --u-bg:#060606!important;
  --u-fg:#f2eee6!important;
  --u-muted:#8c8881!important;
  --u-line:rgba(242,238,230,.12)!important;
  --u-red:#d41f35!important;
  --u-gold:#b99763!important;
}
body:not(.home) .kow-agency-page,
body:not(.home) .kow-agency-page.is-ivory{
  --page-bg:#060606!important;
  --page-fg:#f2eee6!important;
  --page-muted:#8c8881!important;
  --page-line:rgba(242,238,230,.12)!important;
}

/* No legacy ivory section can leak through from an old cached class. */
body:not(.home) .kow-uow-hero,
body:not(.home) .kow-uow-intro,
body:not(.home) .kow-uow-stats,
body:not(.home) .kow-uow-principles,
body:not(.home) .kow-uow-principle,
body:not(.home) .kow-uow-why,
body:not(.home) .kow-uow-features,
body:not(.home) .kow-uow-feature-groups,
body:not(.home) .kow-uow-method,
body:not(.home) .kow-uow-gap,
body:not(.home) .kow-uow-pricing,
body:not(.home) .kow-uow-process,
body:not(.home) .kow-uow-proof,
body:not(.home) .kow-uow-projects,
body:not(.home) .kow-uow-project,
body:not(.home) .kow-uow-contact-zone,
body:not(.home) .kow-match-services-section,
body:not(.home) .kow-support-program-intro,
body:not(.home) .kow-support-program-details,
body:not(.home) .kow-support-application,
body:not(.home) .kow-agency-hero,
body:not(.home) .kow-agency-chapter,
body:not(.home) .kow-agency-contact-zone,
body:not(.home) .kow-agency-editor{
  background-color:#060606!important;
  color:#f2eee6!important;
}

/* Keep the huge United-style editorial scale, but give the dark pages depth
   with almost-black tonal changes instead of white/cream panels. */
body:not(.home) .kow-uow-intro,
body:not(.home) .kow-uow-why,
body:not(.home) .kow-uow-feature-groups,
body:not(.home) .kow-uow-gap,
body:not(.home) .kow-uow-proof,
body:not(.home) .kow-uow-project:nth-child(even),
body:not(.home) .kow-uow-principle:nth-child(even),
body:not(.home) .kow-agency-chapter:nth-child(even){
  background:#090909!important;
}
body:not(.home) .kow-uow-hero{
  background:
    radial-gradient(circle at 83% 20%,rgba(196,22,44,.085),transparent 30%),
    linear-gradient(180deg,#070707 0%,#060606 100%)!important;
}
body:not(.home) .kow-uow-hero-word{
  -webkit-text-stroke:1px rgba(242,238,230,.105)!important;
}
body:not(.home) .kow-agency-grid{opacity:.23!important;}

/* Service / pricing cards: remove the white cards completely. */
body:not(.home) .kow-uow-page .kow-match-services-section,
body:not(.home) .kow-uow-page .kow-uow-pricing{
  background:#060606!important;
  color:#f2eee6!important;
}
body:not(.home) .kow-uow-page .kow-match-service-card{
  background:#0d0d0c!important;
  color:#f2eee6!important;
  border:1px solid rgba(242,238,230,.12)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.22)!important;
}
body:not(.home) .kow-uow-page .kow-match-service-pill{
  border-color:rgba(242,238,230,.22)!important;
  color:#d9d4cb!important;
  background:transparent!important;
}
body:not(.home) .kow-uow-page .kow-match-service-pill.is-accent{
  background:#b91729!important;
  border-color:#b91729!important;
  color:#fff!important;
}
body:not(.home) .kow-uow-page .kow-match-service-no{color:#69655f!important;}
body:not(.home) .kow-uow-page .kow-match-service-copy h3{color:#f2eee6!important;}
body:not(.home) .kow-uow-page .kow-match-service-copy>p,
body:not(.home) .kow-uow-page .kow-match-service-items li{color:#918c84!important;}
body:not(.home) .kow-uow-page .kow-match-service-items{border-color:rgba(242,238,230,.1)!important;}
body:not(.home) .kow-uow-page .kow-match-service-price small{color:#77726b!important;}
body:not(.home) .kow-uow-page .kow-match-service-price strong{color:#f2eee6!important;}
body:not(.home) .kow-uow-page .kow-match-service-cta{
  background:#d41f35!important;
  color:#fff!important;
}
body:not(.home) .kow-uow-page .kow-match-service-cta b{color:#fff!important;}
@media (hover:hover) and (pointer:fine){
  body:not(.home) .kow-uow-page .kow-match-service-card:hover{
    background:#131312!important;
    border-color:rgba(212,31,53,.55)!important;
    transform:translateY(-5px)!important;
  }
  body:not(.home) .kow-uow-page .kow-match-service-card:hover .kow-match-service-cta{
    background:#f2eee6!important;
    color:#090909!important;
  }
  body:not(.home) .kow-uow-page .kow-match-service-card:hover .kow-match-service-cta b{color:#d41f35!important;}
}

/* Features/process grids should read like architectural panels, never paper. */
body:not(.home) .kow-uow-feature-grid article,
body:not(.home) .kow-uow-feature-groups-grid article,
body:not(.home) .kow-uow-method-grid article,
body:not(.home) .kow-uow-gap-grid article,
body:not(.home) .kow-uow-process-grid article,
body:not(.home) .kow-uow-stats-grid>div{
  background:#090909!important;
}
body:not(.home) .kow-uow-feature-grid article:hover,
body:not(.home) .kow-uow-feature-groups-grid article:hover,
body:not(.home) .kow-uow-method-grid article:hover,
body:not(.home) .kow-uow-gap-grid article:hover,
body:not(.home) .kow-uow-process-grid article:hover{
  background:#0f0f0e!important;
}

/* Contact + application forms: black glass, red action. */
body:not(.home) .kow-uow-contact-zone .kow-page-contact-form,
body:not(.home) .kow-support-application .kow-support-form-home-match,
body:not(.home) .kow-contact-end-form{
  background:rgba(10,10,9,.94)!important;
  color:#f2eee6!important;
  border-color:rgba(242,238,230,.12)!important;
}
body:not(.home) .kow-contact-end-fields input,
body:not(.home) .kow-contact-end-fields textarea,
body:not(.home) .kow-agency-form input,
body:not(.home) .kow-agency-form textarea,
body:not(.home) .kow-agency-form select{
  color:#f2eee6!important;
  background:transparent!important;
}
body:not(.home) .kow-contact-end-submit,
body:not(.home) .kow-uow-contact-zone .kow-page-contact-form .kow-contact-end-submit,
body:not(.home) .kow-support-application .kow-support-form-home-match .kow-contact-end-submit{
  background:#d41f35!important;
  color:#fff!important;
}

/* Full-page CTA is now dark as well: dramatic red accents, no red/white page. */
body:not(.home) .kow-uow-final-cta,
body:not(.home) .kow-agency-gate{
  background:#070707!important;
  color:#f2eee6!important;
  border-top:1px solid rgba(242,238,230,.12)!important;
  border-bottom:1px solid rgba(242,238,230,.12)!important;
}
body:not(.home) .kow-uow-final-cta small,
body:not(.home) .kow-agency-gate small{color:#77726b!important;}
body:not(.home) .kow-uow-final-cta h2 em,
body:not(.home) .kow-agency-gate h2 em{color:#d41f35!important;}
body:not(.home) .kow-uow-final-cta a,
body:not(.home) .kow-agency-gate a{
  border-color:rgba(242,238,230,.28)!important;
  color:#f2eee6!important;
}
body:not(.home) .kow-uow-final-cta a b,
body:not(.home) .kow-agency-gate a b{color:#d41f35!important;}

/* Case studies had two deliberately cream panels: bring them into the same
   black system while leaving the actual project screenshots untouched. */
body:not(.home) .kow-case-study{
  --cs-bg:#060606!important;
  --cs-fg:#f2eee6!important;
  --cs-muted:#8f8a83!important;
  --cs-line:rgba(242,238,230,.12)!important;
}
body:not(.home) .kow-cs-outcome,
body:not(.home) .kow-cs-close-visual{
  background:#080808!important;
  color:#f2eee6!important;
  border-color:rgba(242,238,230,.12)!important;
}
body:not(.home) .kow-cs-outcome .kow-cs-label{color:#8f8a83!important;}
body:not(.home) .kow-cs-detail-frame,
body:not(.home) .kow-cs-browser-frame{background:#0b0b0a!important;}
body:not(.home) .kow-cs-next{
  background:#080808!important;
  color:#f2eee6!important;
  border-top:1px solid rgba(242,238,230,.12)!important;
}
body:not(.home) .kow-cs-next small,
body:not(.home) .kow-cs-next span{color:#8f8a83!important;}
body:not(.home) .kow-cs-next h2,
body:not(.home) .kow-cs-next b{color:#d41f35!important;}

/* Generic WordPress/page content cannot introduce a white slab. */
body:not(.home) .kow-agency-editor,
body:not(.home) .kow-agency-editor .kow-shell,
body:not(.home) .kow-agency-editor .wp-block-group,
body:not(.home) .kow-agency-editor .wp-block-cover,
body:not(.home) .kow-agency-editor .has-background{
  background-color:#060606!important;
  color:#f2eee6!important;
}

/* Inner footer always belongs to the same black field. */
body:not(.home) .kow-uow-footer{
  background:#050505!important;
  color:#f2eee6!important;
  border-top-color:rgba(242,238,230,.12)!important;
}

/* Mobile: keep the same language, just tighten the geometry. */
@media(max-width:768px){
  body:not(.home) .kow-uow-hero{
    min-height:82svh!important;
    padding-top:122px!important;
    padding-bottom:54px!important;
  }
  body:not(.home) .kow-uow-page .kow-match-service-card{
    background:#0d0d0c!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }
  body:not(.home) .kow-uow-feature-grid article,
  body:not(.home) .kow-uow-feature-groups-grid article,
  body:not(.home) .kow-uow-method-grid article,
  body:not(.home) .kow-uow-gap-grid article,
  body:not(.home) .kow-uow-process-grid article{
    background:#090909!important;
  }
  body:not(.home) .kow-uow-final-cta,
  body:not(.home) .kow-agency-gate,
  body:not(.home) .kow-cs-next{min-height:auto!important;}
}


/* =========================================================
   KOW 5.5.19 — INNER ROUTE LOAD / HERO FOREGROUND GUARD
   ========================================================= */
/* Inner route heroes are always authored for the dark system. Their foreground
   must never inherit the former ivory palette while the soft-nav shell swaps. */
body:not(.home) .kow-uow-hero h1{color:#f2eee6!important;}
body:not(.home) .kow-uow-hero h1 em{color:#d41f35!important;}
body:not(.home) .kow-uow-kicker,
body:not(.home) .kow-uow-hero-foot p,
body:not(.home) .kow-uow-hero-foot>span{color:#8c8881!important;}
body:not(.home) .kow-uow-hero-foot b{color:#d41f35!important;}

/* =========================================================
   KOW 5.5.24 — MOBILE TERRITORIES + BEHIND THE EYES STICKY RESTORE
   Desktop deliberately unchanged.
   ========================================================= */
@media (max-width:768px){
  /* 5.5.16 made every homepage section overflow-x:hidden. On iOS/Safari that
     makes the section a scrolling ancestor, so sticky children stop pinning.
     Clip contains side-bleed without creating a scroll container. */
  html,
  body,
  #kow-page-shell{
    overflow-x:clip!important;
  }

  body.home section#territories,
  body.home section#lens{
    position:relative!important;
    width:100%!important;
    max-width:100vw!important;
    overflow-x:clip!important;
    overflow-y:visible!important;
    contain:none!important;
    transform:none!important;
    filter:none!important;
    perspective:none!important;
  }

  /* TERRITORIES — one real sticky viewport with enough runway for all three
     realms. The outer chapter must never be the scroll container. */
  body.home #territories .countries-runway{
    position:relative!important;
    width:100%!important;
    height:390svh!important;
    min-height:390svh!important;
    overflow:visible!important;
    contain:none!important;
  }
  body.home #territories .countries-stick{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:0!important;
    left:0!important;
    width:100%!important;
    max-width:100%!important;
    height:100svh!important;
    min-height:100svh!important;
    max-height:100svh!important;
    overflow:hidden!important;
    contain:none!important;
    transform:none!important;
    filter:none!important;
    isolation:isolate!important;
  }
  @supports(height:100dvh){
    body.home #territories .countries-stick{
      height:100dvh!important;
      min-height:100dvh!important;
      max-height:100dvh!important;
    }
  }
  body.home #territories .countries-stage{
    top:max(42svh,286px)!important;
    bottom:0!important;
    overflow:hidden!important;
  }
  body.home #territories .countries-fallback__img{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:50% 100%!important;
  }

  /* BEHIND THE EYES — restore the pinned cinematic viewport. */
  body.home #lens .hitomi-runway{
    position:relative!important;
    width:100%!important;
    height:380svh!important;
    min-height:380svh!important;
    overflow:visible!important;
    contain:none!important;
  }
  body.home #lens .hitomi-stick{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:0!important;
    left:0!important;
    width:100%!important;
    max-width:100%!important;
    height:100svh!important;
    min-height:100svh!important;
    max-height:100svh!important;
    overflow:hidden!important;
    contain:none!important;
    transform:none!important;
    filter:none!important;
    isolation:isolate!important;
    padding:0!important;
    background:#080808!important;
  }
  @supports(height:100dvh){
    body.home #lens .hitomi-stick{
      height:100dvh!important;
      min-height:100dvh!important;
      max-height:100dvh!important;
    }
  }
  body.home #lens .hitomi-stage,
  body.home #lens .hitomi-canvas-wrap{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    overflow:hidden!important;
    background:#080808!important;
  }
  body.home #lens .hitomi-canvas-wrap{
    opacity:.44;
    transform:translateZ(0) scale(1)!important;
  }
  body.home #lens .hitomi-fallback,
  body.home #lens canvas.kow-hitomi-sequence{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
  }
  body.home #lens .hitomi-fallback{
    object-fit:cover!important;
    object-position:50% 50%!important;
    filter:none!important;
    -webkit-filter:none!important;
    image-rendering:auto!important;
  }
  body.home #lens .hitomi-overlay{
    background:
      radial-gradient(circle at 50% 48%,rgba(8,8,8,.02) 0 23%,rgba(8,8,8,.28) 58%,rgba(8,8,8,.82) 100%),
      linear-gradient(180deg,rgba(8,8,8,.58) 0%,rgba(8,8,8,.08) 28%,rgba(8,8,8,.08) 66%,rgba(8,8,8,.68) 100%)!important;
  }
  body.home #lens .hitomi-head{
    top:max(18px,env(safe-area-inset-top))!important;
    left:18px!important;
    right:18px!important;
    z-index:8!important;
    font-size:8px!important;
    letter-spacing:.19em!important;
  }
  body.home #lens .hitomi-chapter{
    padding:0 18px max(88px,calc(62px + env(safe-area-inset-bottom)))!important;
    grid-template-columns:1fr!important;
    grid-template-rows:1fr auto!important;
    gap:12px!important;
  }
  body.home #lens .h-side-left{
    grid-row:1!important;
    align-self:start!important;
    padding-top:clamp(92px,13svh,126px)!important;
  }
  body.home #lens .h-side-right{
    grid-row:2!important;
    padding-bottom:0!important;
  }
  body.home #lens .h-side,
  body.home #lens .h-side-left,
  body.home #lens .h-side-right{
    max-width:min(92vw,430px)!important;
    text-align:center!important;
    justify-self:center!important;
    align-items:center!important;
    text-shadow:0 3px 28px rgba(0,0,0,.78)!important;
  }
  body.home #lens .h-headline{
    white-space:normal!important;
    font-size:clamp(27px,7.5vw,39px)!important;
    line-height:.96!important;
  }
  body.home #lens .h-body{
    max-width:36ch!important;
    font-size:13px!important;
    line-height:1.48!important;
  }
  body.home #lens .hitomi-outro{
    bottom:max(18px,env(safe-area-inset-bottom))!important;
    font-size:7px!important;
    letter-spacing:.18em!important;
  }
}

/* =========================================================
   KOW 5.5.35 — MOBILE HERO LION COMPOSITION RESTORE
   Match the earlier portrait composition: same artwork, ~10% smaller,
   bottom anchored so the crown clears the KINGDOM arc and more armour reads.
   ========================================================= */
@media (max-width:768px){
  html[data-kow-layout="mobile"] body.home .kow-hero-lion,
  html[data-kow-layout="mobile"] body.home .kow-hero-lion-base,
  html[data-kow-layout="mobile"] body.home .kow-hero-lion-reveal .kow-hero-lion{
    height:min(74svh,690px)!important;
    bottom:0!important;
    transform:translate3d(-50%,0,0)!important;
    transform-origin:center bottom!important;
  }
}


/* =========================================================
   KOW 5.5.52 — HOMEPAGE LEFT RAIL REMOVED
   Full-width homepage chapters; the normal top header remains.
   ========================================================= */
body.home :is(
  .kow-home-positioning,
  .kow-work,
  .kow-sword-film,
  .kow-mina-about,
  .kow-home-services,
  .kow-home-faq,
  .kow-contact-end
){margin-left:0!important;}


/* =========================================================
   KOW 5.5.72 — NORMAL CURSOR / CLEAN PORTFOLIO / UNITED-REFERENCE SERVICES
   ========================================================= */

/* Use the browser cursor again. The decorative cursor and light are retired. */
#kow-cursor-emblem,#kow-light{display:none!important}
html.has-kow-cursor,html.has-kow-cursor body{cursor:auto!important}
html.has-kow-cursor a,html.has-kow-cursor button,html.has-kow-cursor label,html.has-kow-cursor summary{cursor:pointer!important}
html.has-kow-cursor input,html.has-kow-cursor textarea{cursor:text!important}
html.has-kow-cursor select{cursor:default!important}

/* Portfolio: keep the heading, remove the unnecessary ruler treatment. */
.kow-portfolio-uow-hero{border-bottom:0!important}
.kow-portfolio-uow-rule{border-top:0!important;padding-top:0!important}
.kow-portfolio-uow-meta{border-top:0!important}

/* Services page: United's current page is essentially SERVICES -> three offers
   -> referral -> contact. Kingdom keeps that architecture and its own voice. */
.kow-agency-page[data-agency-page="services"]{background:#050505!important;color:#f2eee7!important}
.kow-services-uow-hero{padding:clamp(150px,18vh,220px) 0 clamp(64px,8vh,108px);background:#050505!important}
.kow-services-uow-hero-inner{position:relative}
.kow-services-uow-kicker{display:flex;align-items:center;gap:12px;margin-bottom:clamp(50px,7vh,88px);font:650 8px/1 Manrope,Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#77716c}
.kow-services-uow-kicker i{display:block;width:30px;height:1px;background:#cf2638}
.kow-services-uow-hero h1{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0;font:500 clamp(72px,10.8vw,176px)/.78 Manrope,Arial,sans-serif;letter-spacing:-.065em;color:#f2eee7;text-transform:uppercase}
.kow-services-uow-hero h1 span{display:block;min-width:.42em;text-align:center}
.kow-services-uow-twist{margin:clamp(34px,5vh,62px) 0 0;font:650 clamp(21px,2.3vw,38px)/1 Manrope,Arial,sans-serif;letter-spacing:-.045em;color:#f2eee7;text-transform:uppercase}
.kow-services-uow-twist strong{font-weight:650;color:#cf2638}
.kow-services-uow-meta{display:flex;justify-content:space-between;gap:24px;margin-top:clamp(30px,4vh,52px);font:650 8px/1.2 Manrope,Arial,sans-serif;letter-spacing:.20em;text-transform:uppercase;color:#77716c}

.kow-services-uow-cards{padding:clamp(44px,6vh,82px) 0 clamp(90px,11vh,150px);background:#050505!important}
.kow-agency-page[data-agency-page="services"] .kow-services-uow-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.kow-agency-page[data-agency-page="services"] .kow-match-service-card{background:#f2f0eb!important;color:#090909!important;border:0!important;border-radius:12px!important;box-shadow:none!important;min-height:clamp(440px,38vw,560px)!important}
.kow-agency-page[data-agency-page="services"] .kow-match-service-pill{border-color:#1c1c1b!important;color:#171716!important;background:transparent!important}
.kow-agency-page[data-agency-page="services"] .kow-match-service-pill.is-accent{background:#cf2638!important;border-color:#cf2638!important;color:#fff!important}
.kow-agency-page[data-agency-page="services"] .kow-match-service-no{color:#84817b!important}
.kow-agency-page[data-agency-page="services"] .kow-match-service-copy h3{color:#0b0b0a!important}
.kow-agency-page[data-agency-page="services"] .kow-match-service-copy>p{color:#55534f!important}
.kow-agency-page[data-agency-page="services"] .kow-match-service-price small{color:#22211f!important}
.kow-agency-page[data-agency-page="services"] .kow-match-service-price strong{color:#080808!important}
.kow-agency-page[data-agency-page="services"] .kow-match-service-cta{background:#080808!important;color:#f5f2ec!important}
.kow-agency-page[data-agency-page="services"] .kow-match-service-cta b{color:#cf2638!important}
@media (hover:hover) and (pointer:fine){
  .kow-agency-page[data-agency-page="services"] .kow-match-service-card:hover{background:#fff!important;border:0!important;transform:translateY(-5px)!important}
  .kow-agency-page[data-agency-page="services"] .kow-match-service-card:hover .kow-match-service-cta{background:#cf2638!important;color:#fff!important}
  .kow-agency-page[data-agency-page="services"] .kow-match-service-card:hover .kow-match-service-cta b{color:#fff!important}
}

.kow-services-uow-referral{padding:clamp(34px,5vh,64px) 0 clamp(110px,14vh,180px);background:#050505!important}
.kow-services-uow-referral .kow-referral-partner{margin:0 auto!important;background:#111110!important;border:0!important;box-shadow:none!important}
.kow-services-uow-referral .kow-referral-copy h2{margin:0;font:650 clamp(24px,2.1vw,34px)/1.02 Manrope,Arial,sans-serif;letter-spacing:-.045em;color:#f2eee7;max-width:17ch}

.kow-services-uow-contact{padding:clamp(105px,13vh,170px) 0 clamp(120px,14vh,185px);background:#050505!important}
.kow-services-uow-contact-head{text-align:center;max-width:940px;margin:0 auto clamp(52px,7vh,86px)}
.kow-services-uow-contact-head>span{display:block;margin-bottom:24px;font:650 8px/1 Manrope,Arial,sans-serif;letter-spacing:.23em;text-transform:uppercase;color:#77716c}
.kow-services-uow-contact-head h2{margin:0;font:650 clamp(70px,10vw,160px)/.8 Manrope,Arial,sans-serif;letter-spacing:-.07em;color:#f2eee7;text-transform:uppercase}
.kow-services-uow-contact-head p{max-width:680px;margin:clamp(30px,4vh,48px) auto 0;color:#918c84;font:500 clamp(15px,1.25vw,18px)/1.6 Manrope,Arial,sans-serif}
.kow-services-uow-contact-form{width:min(100%,920px)!important;margin:0 auto!important;background:#0b0b0a!important;border:1px solid rgba(242,238,231,.08)!important}

@media(max-width:900px){
  .kow-services-uow-hero h1{font-size:12vw}
  .kow-agency-page[data-agency-page="services"] .kow-services-uow-grid{grid-template-columns:1fr!important}
  .kow-services-uow-referral .kow-referral-partner{grid-template-columns:1fr!important}
}
@media(max-width:680px){
  .kow-services-uow-hero{padding:118px 0 54px}
  .kow-services-uow-kicker{margin-bottom:42px;font-size:7px}
  .kow-services-uow-hero h1{font-size:12.1vw;line-height:.82;letter-spacing:-.075em}
  .kow-services-uow-hero h1 span{min-width:.35em}
  .kow-services-uow-twist{font-size:7.8vw;line-height:.94;margin-top:34px}
  .kow-services-uow-meta{margin-top:30px;font-size:6px;letter-spacing:.14em}
  .kow-services-uow-meta span:last-child{display:none}
  .kow-services-uow-cards{padding:34px 14px 82px}
  .kow-services-uow-cards>.kow-shell{padding-inline:0!important}
  .kow-services-uow-referral{padding:24px 14px 82px}
  .kow-services-uow-referral>.kow-shell{padding-inline:0!important}
  .kow-services-uow-contact{padding:82px 14px 110px}
  .kow-services-uow-contact>.kow-shell{padding-inline:0!important}
  .kow-services-uow-contact-head{padding-inline:8px}
  .kow-services-uow-contact-head h2{font-size:15vw}
}