:root{--paper:#fff;--paper2:#fff}
.hero-stage{animation:none}.hero-stage:before{background:linear-gradient(90deg,#020202 0 27%,#020202d9 40%,#02020233 56%,transparent 75%),linear-gradient(0deg,#050505,transparent 28%)}
.office-photo{width:61%;filter:none;object-position:center;opacity:1}
.hero-logo-wrap:after{display:none}.hero-logo-wrap:before{inset:-18% -5%;background:radial-gradient(ellipse,#020202 40%,#02020299 66%,transparent 78%);filter:none}
.hero-logo-video{mix-blend-mode:screen;background:#000;filter:none;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.nav-logo{mix-blend-mode:screen;filter:none}.service:after,.btn:after,.twist-embers,.planet-glow{display:none!important}
.concept-art:before,.concept.is-active .concept-art img,.return-dark:after{animation:none!important}
.spiral-canvas{display:block;width:92%;height:92%;object-fit:contain;position:absolute;inset:4%;max-width:100%}
.planet-reveal{height:200svh}.planet-sticky{height:100svh;min-height:0}.planet-asset{width:min(92vw,1320px);aspect-ratio:1672/941;filter:none;opacity:1;transform:translate(-50%,-50%) scale(var(--planet-scale,.74));transform-origin:50% 29%}
.planet-asset img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.planet-asset canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0}
.planet-whiteout{background:#fff;opacity:var(--whiteout,0)}.planet-sticky:before{background:#020202}.planet-sticky:after{display:none}
.showroom{padding-top:0;background:#fff}.white-room{width:100%;position:relative;margin-bottom:100px;background:#fff;overflow:hidden}.white-room img{width:100%;height:auto;display:block}.white-room:after{content:"";position:absolute;inset:auto 0 0;height:15%;background:linear-gradient(transparent,#fff)}
.stage{touch-action:pan-y;cursor:grab;height:800px}.stage:active{cursor:grabbing}.concept{transition:none!important;filter:none!important;will-change:transform;user-select:none}.concept-shell{border-color:#ddd;background:#fff}.concept h3{font-size:clamp(40px,4.6vw,72px)}.concept-copy{padding:clamp(28px,3.5vw,56px)}.concept-grid{margin-top:20px}.point{padding:14px;min-height:90px}.point:last-child{grid-column:1/-1}.point small{font-size:10px;color:#666}.point b{font-size:14px}.tag{font-size:10px}.drag-note,.count{font-size:12px}.show-head{padding-top:20px}.micro{font-size:11px}
#customCursor{position:fixed;left:0;top:0;width:32px;height:25px;object-fit:contain;pointer-events:none;z-index:1000;opacity:0;will-change:transform}
@media(hover:hover) and (pointer:fine){body.cursor-ready,body.cursor-ready a,body.cursor-ready button,body.cursor-ready .stage{cursor:none}}
@media(max-width:820px){.office-photo{width:100%;height:44%;top:auto;bottom:260px;opacity:.9;object-position:center 62%;mask-image:linear-gradient(0deg,transparent,#000 18%,#000 75%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 18%,#000 75%,transparent)}.hero-stage:before{background:linear-gradient(#020202 0 35%,transparent 63%,#020202 88%)}.hero-grid{padding-bottom:570px}.hero-main{max-width:650px}.planet-asset{width:140vw}.planet-reveal{height:195svh}.white-room{margin-bottom:55px}.white-room img{min-height:340px;object-fit:cover;object-position:60% center}.stage{height:1120px}.concept-shell{grid-template-rows:320px 1fr}.concept-art{min-height:0}.concept h3{font-size:clamp(40px,8vw,58px)}.concept-copy{padding:26px}.point{min-height:75px}.nav-brand small{font-size:7px}.show-head h2{font-size:clamp(48px,12vw,70px)}}
@media(max-width:520px){.hero-grid{padding-bottom:560px}.office-photo{bottom:290px;height:30%}.stage{height:1240px}.concept-shell{grid-template-rows:270px 1fr}.concept-grid{grid-template-columns:1fr}.concept-copy{padding:22px}.point{min-height:0;padding:12px}.point small{margin-bottom:5px}.concept h3{font-size:42px}.show-head p{font-size:17px}.manifesto h2,.final h2{font-size:clamp(38px,10vw,60px)}.modal-card{max-height:85svh;overflow:auto}}
@media(prefers-reduced-motion:reduce){#customCursor{display:none!important}.planet-reveal{height:140svh}.concept{will-change:auto}}

/* V18: one staged planet/room transition, driven by motion.js. */
.planet-reveal{height:210svh;background:#fff}
.planet-asset{transform-origin:50% 29%;transform:translate(-50%,-29%) scale(var(--planet-scale,.74))}
.white-room{position:absolute;inset:0;z-index:7;width:100%;height:100%;margin:0;opacity:0;pointer-events:none;transform-origin:center;background:#fff}
.white-room img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}
.white-room:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 65% 48%,#ff8d28,transparent 55%);mix-blend-mode:soft-light;opacity:var(--room-breath,0)}
.white-room:after{height:22%}
.showroom{padding-top:55px}
.hero-stage:after{content:"";position:absolute;inset:0 0 0 45%;z-index:4;pointer-events:none;background:radial-gradient(ellipse at 65% 40%,#ff7800,transparent 65%);opacity:var(--office-breath,0);mix-blend-mode:screen}
.hero-logo-video{mask-image:radial-gradient(ellipse 68% 75% at 50% 45%,#000 55%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 68% 75% at 50% 45%,#000 55%,transparent 100%)}
.approach-art:before,.final:before{animation:none!important}
.concept{height:auto}.concept-shell{height:auto;min-height:760px}.concept-copy{min-width:0}.concept h3{overflow-wrap:break-word}
.motion-toggle{position:fixed;bottom:14px;right:14px;z-index:99;border:1px solid #777;border-radius:24px;padding:10px 14px;background:#111e;color:#fff;font:12px Arial,sans-serif;cursor:pointer}
:focus-visible{outline:3px solid #ff7900;outline-offset:5px}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
@media(max-width:820px){.planet-reveal{height:210svh}.planet-asset{transform:translate(-50%,-29%) scale(var(--planet-scale,.74))}.white-room img{object-fit:contain;object-position:center}.concept-shell{grid-template-rows:320px auto;min-height:0}.concept-art{height:320px;min-height:0}.showroom{padding-top:25px}}
@media(max-width:520px){.concept-shell{grid-template-rows:270px auto}.concept-art{height:270px;min-height:0}}
@media(prefers-reduced-motion:reduce){.planet-reveal{height:180svh}.motion-toggle{display:none}}
@media(max-width:820px){.white-room img{position:absolute;top:12%;height:76%;object-fit:cover;object-position:48% center;mask-image:linear-gradient(transparent,#000 12%,#000 77%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 77%,transparent)}.hero-meta{display:flex;flex-wrap:wrap;gap:8px;white-space:normal;max-width:100%}}

.diag-grid>* , .show-head>* , .manifesto-grid>*{min-width:0}h1,h2,h3{overflow-wrap:anywhere}
@media(max-width:820px) and (orientation:portrait){.white-room img{width:150%;max-width:none;height:auto;left:-25%;top:48%;transform:translateY(-50%);object-fit:contain;mask-image:linear-gradient(transparent,#000 9%,#000 80%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 9%,#000 80%,transparent)}}

/* Original approach, with additional dwell inside the retained showroom. */
.planet-reveal{height:310svh}.showroom-anchor{position:absolute;top:110svh;left:0;width:1px;height:1px;pointer-events:none}
.white-room{margin:0!important}.white-room img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center;transform:none;mask-image:none;-webkit-mask-image:none}.white-room:after{height:10%}
.room-gallery{--screen-width:min(980px,72vw,calc((100svh - 340px)*1.6));position:absolute;inset:0;z-index:9;display:grid;grid-template-rows:auto 1fr auto;gap:14px;padding:96px 0 24px;color:#141414;opacity:0;pointer-events:none;isolation:isolate}
.gallery-heading{width:var(--screen-width);margin:0 auto;display:flex;align-items:end;justify-content:space-between;gap:20px}.gallery-heading .micro{font-size:9px;letter-spacing:.2em}.gallery-heading h2{font-size:clamp(24px,2.5vw,38px);line-height:1;margin:7px 0 0;letter-spacing:-.055em;white-space:nowrap}.gallery-heading h2 span{color:#de5300}.gallery-heading p{font-size:12px;font-weight:600;max-width:155px;line-height:1.45;margin:0;text-align:right}
.screen-space{display:flex;align-items:center;min-height:0;perspective:1600px;transform:translateY(var(--screen-float,0))}
.room-gallery .stage{width:100%;height:calc(var(--screen-width)*.625 + 94px);min-height:0;max-height:none;touch-action:pan-y;perspective:1600px;cursor:grab}
.website-screen{position:absolute;top:0;left:50%;width:var(--screen-width);border:1px solid #ff852d;border-radius:28px;overflow:hidden;background:#fff;opacity:1;transform-origin:center;box-shadow:0 2px 3px #fff9 inset,0 0 18px #ff7a003b,0 25px 50px -15px #31201565;user-select:none;will-change:transform}
.website-screen:after{content:"";position:absolute;inset:0;background:#17120f;opacity:var(--screen-shade,0);pointer-events:none;border-radius:inherit}
.website-screen.is-active{box-shadow:0 2px 3px #fff9 inset,0 0 22px rgba(255,101,0,var(--rim-light,.4)),0 28px 48px -19px #2f160b88}
.screen-toolbar{height:28px;background:#f5f4f1;color:#777;display:flex;align-items:center;justify-content:center;font:10px Arial,sans-serif;position:relative;border-bottom:1px solid #ddd}.screen-dots{position:absolute;left:17px;color:#d48148;font-size:8px;letter-spacing:3px}
.website-screen>img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;background:#fff;pointer-events:none}
.screen-caption{height:66px;padding:12px 22px;display:flex;gap:15px;align-items:center;justify-content:space-between;background:#fff;color:#171717}.screen-caption h3{margin:0;font-size:17px;line-height:1.15;letter-spacing:-.03em}.screen-caption p{font-size:11px;color:#666;margin:5px 0 0}.screen-caption a{flex:none;color:#c34800;font-weight:750;font-size:12px;border:1px solid #f1c9aa;padding:9px 13px;border-radius:20px;background:#fff;text-decoration:none}.screen-caption a:hover{background:#fff3e9}
.gallery-footer{position:relative;z-index:20}.room-gallery .stage-controls{margin:0;gap:15px}.room-gallery .round{width:40px;height:40px;background:#fff;border-color:#c6a88f}.room-gallery .round:disabled{opacity:.35;cursor:default}.room-gallery .count{color:#252525;background:#ffffffed;padding:8px;border-radius:12px}.room-gallery .drag-note{font-size:9px;color:#5e4c40;margin:10px 0 0;text-shadow:0 1px #fff}.gallery-footer:before{content:"";position:absolute;left:25%;right:25%;height:12px;top:-24px;border-radius:50%;background:#7b4c2130;filter:blur(10px);pointer-events:none}

@media(max-width:820px){.white-room img{inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:56% center;transform:none;mask-image:none;-webkit-mask-image:none}.room-gallery{--screen-width:84vw;padding:98px 0 45px;gap:15px}.gallery-heading{display:block}.gallery-heading h2{font-size:clamp(25px,6vw,36px)}.gallery-heading p{text-align:left;max-width:none;margin-top:10px;font-size:11px}.website-screen{border-radius:20px}.screen-caption{padding:12px 14px;height:88px}.screen-caption h3{font-size:15px}.screen-caption p{font-size:10px;max-width:170px;line-height:1.4}.screen-caption a{font-size:10px;padding:8px}.room-gallery .stage{height:calc(var(--screen-width)*.625 + 116px)}.screen-toolbar{font-size:9px}.screen-dots{left:12px;font-size:6px}.gallery-footer{align-self:start}}
@media(max-height:600px) and (orientation:landscape){.room-gallery{--screen-width:min(66vw,calc((100svh - 185px)*1.6));padding:76px 0 8px;gap:5px}.gallery-heading{display:flex}.gallery-heading h2{font-size:19px;margin:0}.gallery-heading .micro,.gallery-heading p,.drag-note{display:none}.room-gallery .stage{height:calc(var(--screen-width)*.625 + 58px)}.screen-toolbar{height:20px}.screen-caption{height:38px;padding:5px 12px}.screen-caption h3{font-size:12px}.screen-caption p{display:none}.screen-caption a{font-size:9px;padding:4px 7px}.room-gallery .round{height:29px;width:29px}.gallery-footer:before{display:none}}
@media(prefers-reduced-motion:reduce){.showroom-anchor{top:100svh}.website-screen{will-change:auto}}
.screen-space{clip-path:inset(-35px max(0px,calc((100vw - var(--screen-width)*1.32)/2)) -65px)}
@media(min-width:821px){.room-gallery{--screen-width:min(980px,72vw,calc((100svh - 355px)*1.6))}}
@media(max-height:600px) and (orientation:landscape){.room-gallery{--screen-width:min(66vw,calc((100svh - 205px)*1.6))}}
@media(max-width:820px){.planet-reveal{height:310svh}}
@media(prefers-reduced-motion:reduce){.planet-reveal{height:310svh}}

/* Keep the cursor tip anchored to the actual pointer at its fixed angle. */
#customCursor{transform-origin:29px 12px}
#moonMotion{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:0;pointer-events:none;mix-blend-mode:screen}
@media(prefers-reduced-motion:reduce){#moonMotion{display:none}}

#wordmarkFrames{position:absolute;inset:0;width:100%;height:100%;opacity:0}#wordmarkFrames.ready{opacity:1}
.approach-art{border-color:transparent;background:radial-gradient(ellipse at 50% 58%,#36140370,transparent 65%)}
#planetExact,#moonMotion{filter:brightness(var(--moon-brightness,1))}
.moon-bloom{position:absolute;inset:-10%;z-index:5;pointer-events:none;background:radial-gradient(ellipse at 50% 64%,#fff 0%,#fff9dfde 12%,#ffbd755c 35%,transparent 66%);opacity:var(--moon-bloom,0);mix-blend-mode:screen}
/* Opaque website content suspended within a luminous, glass-like frame. */
.website-screen{border:2px solid #fff9e8;border-radius:30px;box-shadow:0 0 0 1px #ff8b44,0 0 8px #fff8df,0 0 34px #ff953c88,0 38px 65px -24px #52372370;overflow:visible;background:#fff}
.website-screen>img{border-radius:0 0 6px 6px}.screen-toolbar{border-radius:28px 28px 0 0;background:linear-gradient(110deg,#fff,#fff1dd,#fff);height:28px}
.screen-caption{border-radius:0 0 28px 28px;background:linear-gradient(125deg,#fff,#fffaf3)}
.website-screen:before{content:"";position:absolute;inset:-7px;border:1px solid #ffffffa8;border-radius:36px;pointer-events:none;box-shadow:inset 0 0 10px #fff8,0 0 22px #ff9b4938}
.website-screen.is-active{box-shadow:0 0 0 1px #ffa550,0 0 12px #fff5d5,0 0 45px #ff90276b,0 42px 80px -32px #68451f80}
.website-screen:after{border-radius:28px}
.screen-space{transform:translateY(var(--screen-float,0)) rotateX(2deg);transform-style:preserve-3d}
.gallery-footer:before{height:22px;left:30%;right:30%;top:-34px;background:radial-gradient(ellipse,#ff8c36a8,#fff7da70 42%,transparent 70%);filter:blur(9px)}
@media(max-width:820px){.website-screen{border-radius:22px}.screen-toolbar{border-radius:20px 20px 0 0}.screen-caption{border-radius:0 0 20px 20px}.website-screen:before{border-radius:28px}}
@media(prefers-reduced-motion:reduce){.screen-space{transform:none}}

.screen-space{transform:translateY(var(--screen-float,0)) rotateX(var(--holo-pitch,0deg)) rotateY(var(--holo-yaw,0deg))}
@media(prefers-reduced-motion:reduce){.screen-space{transform:none}}
/* V20: approved art, native source frames, and the confirmed entrance. */
.hero-logo-wrap{aspect-ratio:928/320;max-width:1040px}.wordmark-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.hero-logo-video{aspect-ratio:928/320;object-fit:contain;mask-image:none;-webkit-mask-image:none;mix-blend-mode:normal;background:#020202}
.hero-logo-wrap:has(#wordmarkFrames.ready) .wordmark-fallback{visibility:hidden}
.nav-art{display:block;position:relative;width:190px;aspect-ratio:928/320}.nav-art>img{width:100%;height:100%;object-fit:contain;display:block}.nav-art .nav-logo{position:absolute;inset:0;width:100%;height:100%;opacity:0;mix-blend-mode:normal}.nav-art .nav-logo.ready{opacity:1}.nav-art:has(.ready)>img{visibility:hidden}
.hero-title{font-size:0;line-height:0;margin:20px 0 18px;max-width:940px}.pixel-headline{display:block;width:100%;height:auto;object-fit:contain}.footer-logo{width:190px;height:auto;display:block}
.approach-art{border:0;background:radial-gradient(ellipse at 50% 55%,#2310064d,transparent 66%);min-width:0}
.approved-sculpture{position:relative;width:min(82%,365px);aspect-ratio:332/604;margin:auto;will-change:transform}.approved-sculpture>img{display:block;width:100%;height:100%;object-fit:contain}
.sculpture-light{position:absolute;inset:0;pointer-events:none;mask:url('spiral-highlight-mask.png') center/100% 100% no-repeat;-webkit-mask:url('spiral-highlight-mask.png') center/100% 100% no-repeat;background:linear-gradient(0deg,transparent 35%,#fff0d0 50%,transparent 65%) 0 var(--flow-y,50%)/100% 240%;opacity:var(--flow-opacity,.08);mix-blend-mode:screen}
.planet-reveal{height:420svh}.showroom-anchor{top:240svh}.planet-asset{top:61%;left:50%;width:min(88vw,1200px);transform:translate(-50%,-50%) scale(var(--planet-scale,.78));transform-origin:50% 38%}.planet-asset #planetExact{opacity:1!important;transform:none!important;filter:brightness(1.035) contrast(1.015)}
.planet-copy{top:16%;width:90%;transform:translateX(-50%);mix-blend-mode:normal;color:#ff6500;opacity:var(--planet-copy-opacity,1);text-shadow:none}.planet-copy strong{font-size:clamp(30px,4.3vw,62px);line-height:1.04;color:#ff6500}.planet-copy small{color:#ff934c}.planet-caption{opacity:var(--planet-copy-opacity,1)}
.planet-stars{position:absolute;inset:0;z-index:2;pointer-events:none}.planet-stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ff7b19;box-shadow:0 0 6px #ff650070}.planet-stars i:nth-child(1){left:12%;top:31%}.planet-stars i:nth-child(2){left:26%;top:42%;width:2px;height:2px}.planet-stars i:nth-child(3){left:9%;top:76%}.planet-stars i:nth-child(4){left:84%;top:34%;width:2px;height:2px}.planet-stars i:nth-child(5){left:90%;top:71%}.planet-stars i:nth-child(6){left:72%;top:88%;width:2px;height:2px}
.ring-flow{position:absolute;inset:0;mask:url('ring-flow-mask.webp') center/100% 100% no-repeat;-webkit-mask:url('ring-flow-mask.webp') center/100% 100% no-repeat;mix-blend-mode:screen;pointer-events:none}
.showroom-entrance{position:absolute;inset:0;z-index:10;display:grid;place-items:center;color:#ff6500;opacity:0;visibility:hidden;pointer-events:none}.showroom-entrance span{font-size:clamp(28px,7.6vw,112px);font-weight:900;letter-spacing:-.06em;line-height:1;white-space:nowrap}
.white-room:after{display:none}.white-room img{object-fit:cover;object-position:center;max-width:none;width:108%;left:-4%}
.room-gallery{opacity:1;visibility:hidden;overflow:hidden;padding-top:102px}.gallery-heading h2{font-size:26px}.gallery-heading .micro{font-size:9px}
.website-screen{overflow:hidden;border:1px solid #ff9d59;border-radius:26px;background:#fff;box-shadow:0 0 0 1px #fff7,0 0 17px #ff9b3d42,0 30px 54px -20px #4a281d66}.website-screen:before{inset:0;border-radius:inherit;box-shadow:inset 0 1px 3px #fff9;border:0}.website-screen.is-active{box-shadow:0 0 0 1px #fff9,0 0 22px #ff91334a,0 32px 60px -22px #4a281d77}.website-screen:after{border-radius:inherit}.screen-toolbar,.screen-caption{border-radius:0}.website-screen>img{border-radius:0;aspect-ratio:8/5;object-fit:contain}
.screen-space{transform:translateY(var(--screen-float,0));clip-path:inset(-30px max(0px,calc((100vw - var(--screen-width)*1.48)/2)) -55px)}
@media(max-width:820px){.nav-art{width:160px}.hero-title{margin-top:10px}.approved-sculpture{width:min(74%,310px)}.planet-reveal{height:420svh}.planet-asset{width:112vw;top:59%;transform:translate(-50%,-50%) scale(var(--planet-scale,.78))}.planet-copy{top:18%}.planet-copy strong{font-size:clamp(26px,7vw,42px)}.room-gallery{padding:98px 0 52px}.white-room img{width:100%;left:0;object-position:56% center}.website-screen{border-radius:20px}.gallery-heading h2{font-size:25px}}
@media(max-height:600px) and (orientation:landscape){.room-gallery{padding:76px 0 8px}.gallery-heading h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.planet-reveal{height:420svh}.showroom-anchor{top:240svh}.approved-sculpture{will-change:auto}.sculpture-light,.ring-flow{display:none}}
/* Remove the baked duplicate services strip; keep native source pixels. */
.hero-logo-wrap,.hero-logo-video,.nav-art{aspect-ratio:928/288}
.hero-logo-video{mask-image:radial-gradient(ellipse 68% 75% at 50% 45%,#000 55%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 68% 75% at 50% 45%,#000 55%,transparent 100%);mix-blend-mode:screen}
.pixel-headline{mask-image:linear-gradient(90deg,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 96%,transparent)}
@media(min-width:821px){.white-room img{width:128%;height:128%;left:-14%;top:-14%}}

.room-gallery[data-hidden="true"] .website-screen{visibility:hidden!important}

/* Direct moon-to-room transition; message sits over the moon itself. */
.planet-reveal{height:350svh}.showroom-anchor{top:170svh}
.planet-copy{top:58%;width:min(720px,84vw);transform:translate(-50%,-50%);text-shadow:0 2px 16px #0009}
.planet-copy strong{font-size:clamp(28px,4.3vw,62px)}
.planet-asset #planetExact{filter:none}
@media(max-width:820px){.planet-copy{top:58%;width:86vw}.planet-copy strong{font-size:clamp(28px,7vw,42px)}}

/* Hero seam repair: blend existing artwork into one shared backdrop. */
.hero .hero-stage{background:#020202!important}
.hero .hero-grid,.hero .hero-main{z-index:auto}
.hero .hero-title{background:transparent;mix-blend-mode:screen}
.hero .hero-logo-wrap{isolation:auto}
.hero .hero-logo-wrap:before{background:radial-gradient(ellipse closest-side,#020202 40%,#02020299 66%,transparent 100%)}
.hero .wordmark-fallback{mix-blend-mode:screen}
.hero .pixel-headline{
  /* Fade only the source's empty top margin and bottom hairline. */
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 98%,transparent),linear-gradient(90deg,#000 90%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 16%,#000 98%,transparent),linear-gradient(90deg,#000 90%,transparent);
  -webkit-mask-composite:source-in;mask-composite:intersect;
}
.hero .hero-stage:before{background:linear-gradient(90deg,#020202 0 24%,#020202ed 35%,#020202c4 46%,#02020299 58%,#0202024d 68%,#0202020d 78%,transparent 88%),linear-gradient(0deg,#020202,transparent 28%)}
.hero .hero-stage:after{inset:0;background:radial-gradient(ellipse at 80% 40%,#ff7800,transparent 68%)}
@media(min-width:821px){.hero .office-photo{-webkit-mask-image:linear-gradient(90deg,transparent,#0003 12%,#0008 26%,#000d 40%,#000 52%);mask-image:linear-gradient(90deg,transparent,#0003 12%,#0008 26%,#000d 40%,#000 52%)}}
@media(max-width:820px){
  .hero .hero-stage:before{background:linear-gradient(#020202 0 28%,#020202e6 36%,#02020266 48%,transparent 63%,#020202 88%)}
  .hero .hero-stage:after{background:radial-gradient(ellipse at 80% 57%,#ff7800,transparent 65%)}
}

/* Performance repair: compositor motion under the original ring mask. */
.ring-flow{overflow:hidden}
.ring-flow:before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,#ffe5b06b 28deg,transparent 65deg,transparent 175deg,#ffa12c45 205deg,transparent 245deg);transform:rotate(var(--ring-angle,35deg));transform-origin:center;will-change:transform}
.white-room{visibility:hidden}
/* Stable section height while mobile browser chrome expands or collapses. */
.planet-reveal{height:350svh}

/* Supplied spiral footage uses native video playback and keeps the existing layout. */
.sculpture-video{position:absolute;left:0;top:50%;width:100%;height:auto;aspect-ratio:960/1216;transform:translateY(-50%);object-fit:contain;opacity:0;pointer-events:none;mix-blend-mode:screen;mask-image:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
.approved-sculpture.video-ready .sculpture-video{opacity:1}
.approved-sculpture.video-ready>img,.approved-sculpture.video-ready .sculpture-light{visibility:hidden}
@media(prefers-reduced-motion:reduce){.approved-sculpture.video-ready .sculpture-video{display:none}.approved-sculpture.video-ready>img{visibility:visible}}

/* New moon footage, with scroll-controlled starlight around it. */
.planet-asset #moonMotion{object-fit:contain;filter:none;mix-blend-mode:screen}
.planet-asset.moon-ready #moonMotion{opacity:1}
.planet-asset.moon-ready #planetExact{visibility:hidden}
.planet-asset.moon-ready .ring-flow{display:none}
.planet-stars i{background:#fff4cd;box-shadow:0 0 5px 1px #ffc46f,0 0 15px 4px #ff650080;will-change:opacity,transform}
@media(prefers-reduced-motion:reduce){.planet-asset.moon-ready #planetExact{visibility:visible}.planet-stars i{will-change:auto}}

/* The supplied headline film shares the existing heading box and black-level blend. */
.hero .hero-title{position:relative}
.hero .headline-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;background:transparent;pointer-events:none;opacity:0;transition:opacity .25s linear;-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 98%,transparent),linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(180deg,transparent,#000 16%,#000 98%,transparent),linear-gradient(90deg,#000 90%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.hero .hero-title.headline-ready .headline-motion{opacity:var(--headline-video,1)}
.hero .hero-title.headline-ready .pixel-headline{opacity:var(--headline-poster,0);transition:opacity .25s linear}
@media(prefers-reduced-motion:reduce){.hero .headline-motion{display:none}.hero .hero-title.headline-ready .pixel-headline{opacity:1}}

/* Blend the headline media edges without changing its animation or geometry. */
.hero .hero-title,.hero .pixel-headline,.hero .headline-motion{background:transparent;border:0;outline:0;box-shadow:none;overflow:visible}
.hero .pixel-headline,.hero .headline-motion{mix-blend-mode:screen;-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 88%,transparent),linear-gradient(90deg,transparent,#000 2%,#000 90%,transparent);mask-image:linear-gradient(180deg,transparent,#000 16%,#000 88%,transparent),linear-gradient(90deg,transparent,#000 2%,#000 90%,transparent)}

/* Show the full source frame outside the old crop, with transparent feathered edges. */
.hero .headline-motion{height:118.22%;top:-10.932%;object-fit:fill;transition:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 78%,transparent),radial-gradient(ellipse 64% 95% at 50% 55%,#000 54%,#000b3 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 78%,transparent),radial-gradient(ellipse 64% 95% at 50% 55%,#000 54%,#000b3 78%,transparent 100%)}
.hero .hero-title.headline-ready .headline-motion{opacity:1}
.hero .hero-title.headline-ready .pixel-headline{opacity:0;transition:none}
/* White light stays on the upper moon, clear of the orange ring band. */
.planet-asset:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 22% 40% at 50% 31%,#ffffffa8 0%,#ffffff70 48%,#ffffff24 73%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0 23%,transparent 36%);mask-image:linear-gradient(#000 0 23%,transparent 36%);mix-blend-mode:screen;opacity:var(--moon-glow,0)}
@media(prefers-reduced-motion:reduce){.hero .hero-title.headline-ready .pixel-headline{opacity:1}}

/* Header frames and fallback have real alpha; no isolated black blending tile. */
.nav-art,.nav-art .nav-logo,.nav-art>img{background:transparent;mix-blend-mode:normal}
/* Keep header canvas layout independent of its bitmap and bound its paint surface. */
.nav-art{height:calc(190px * 288 / 928);contain:layout paint}
.nav-art>img{position:absolute;inset:0}
@media(max-width:820px){.nav-art{height:calc(160px * 288 / 928)}}