@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#08090d;--ink:#f5f1eb;--muted:#9a98a5;--purple:#c7a1ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:6px}button{border:0}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff12;position:absolute;z-index:5;width:100%}.wordmark{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:700;letter-spacing:-1px}.wordmark span{font-weight:400}.wordmark i{font-style:normal;color:var(--purple);margin-left:8px}nav{display:flex;gap:32px;font-size:12px}nav a:hover{color:var(--purple)}#motion{background:#ffffff09;border:1px solid #ffffff25;border-radius:50%;width:32px;height:32px}.hero{height:900px;min-height:780px;max-height:1100px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#20163066,transparent 50%),#08090d}.hero-top{position:absolute;top:115px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#93909e}.stars{position:absolute;inset:0;opacity:.35;background-image:radial-gradient(circle,#c9b5e5 1px,transparent 1px);background-size:97px 113px;mask-image:linear-gradient(transparent,#000,transparent)}.logo-wrap{position:absolute;top:155px;left:50%;transform:translateX(-50%);width:390px;height:285px;z-index:2;display:grid;place-items:center}.logo{width:100%;mix-blend-mode:screen;filter:brightness(1.35);position:relative;z-index:2}.logo-halo{position:absolute;inset:10%;border-radius:50%;box-shadow:0 0 100px 25px #8549bf25}.hero-copy{position:absolute;top:455px;width:100%;text-align:center;z-index:3}.hero-copy h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(38px,4.6vw,67px);font-weight:500;letter-spacing:-3px;margin:0}.hero-copy em,h2 em{font-style:normal;color:var(--purple)}.hero-copy p{font-size:13px;color:#b9b4c5;margin-top:16px}.stage{position:absolute;bottom:83px;left:12%;right:12%;height:190px;display:flex;justify-content:space-around;align-items:flex-end}.fixture{--color:#b18aff;position:relative;width:170px;height:140px;background:none;isolation:isolate;display:block;text-align:center}.fixture svg{width:110px;overflow:visible;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--color) 25%,transparent));transition:transform .3s}.fixture:hover svg{transform:translateY(-5px)}.fixture-label{position:absolute;top:55px;left:0;right:0;font-size:26.4px;letter-spacing:1px;font-weight:700;color:var(--color);z-index:2}.fixture-number{display:block;color:#77717e;font-size:9px;letter-spacing:2px;margin-top:6px}.hero-bottom{position:absolute;bottom:28px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#8e8899}.hero:after{content:'';position:absolute;bottom:70px;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,#ac7bf54d,transparent)}@keyframes breathe{from{opacity:.2}to{opacity:.5}}.section{padding:100px 7%;scroll-margin-top:0}.section-top{display:flex;justify-content:space-between}.eyebrow,.small{font-size:10px;letter-spacing:2px}.eyebrow{color:var(--purple)}.small{color:#77747f}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:32px 0}h2{font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:clamp(38px,4vw,58px);letter-spacing:-2px;line-height:1.12;margin:20px 0}p{color:#aaa6b2;font-size:15px;line-height:1.8}.section-heading p{font-size:13px;margin-bottom:5px}.filters{display:flex;gap:8px;margin:42px 0 30px}.filters button{background:none;border:1px solid #ffffff20;border-radius:30px;padding:10px 19px;font-size:11px;color:#a9a3b1}.filters .active{background:var(--ink);color:#141219;border-color:var(--ink)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 25px}.project{padding:0;background:transparent;text-align:left;min-width:0}.project.wide{grid-column:1/-1}.photo{position:relative;height:300px;overflow:hidden;border-radius:3px}.wide .photo{height:510px}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .7s;filter:saturate(.85)}.project:hover img{transform:scale(1.035);filter:saturate(1.15)}.open{position:absolute;right:20px;bottom:20px;background:#17151b88;border:1px solid #ffffff45;backdrop-filter:blur(12px);height:42px;width:42px;border-radius:50%;display:grid;place-items:center;font-size:22px}.caption{display:flex;justify-content:space-between;padding-top:18px}.caption span{font-size:9px;letter-spacing:1.5px;color:#a19aaa}.caption h3{font-weight:400;font-size:23px;letter-spacing:-.5px;margin:7px 0}.ticker{padding:30px 0;white-space:nowrap;overflow:hidden;border-block:1px solid #ffffff17;font-family:'Space Grotesk';font-size:44px;letter-spacing:-1.5px;color:#eee8f1;transform:rotate(-2deg);margin:25px 0}.ticker span{color:#a988d0}.shop{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-top:145px;padding-bottom:145px}.lei-art{--lei:#bf8cff;position:relative;height:510px;display:grid;place-items:center;border-radius:50% 50% 4px 4px;background:radial-gradient(ellipse,#3c25432e,#101016 65%);border:1px solid #ffffff0d}.lei-art>span{position:absolute;bottom:54px;font-size:11px;letter-spacing:3px}.lei-art>small{position:absolute;bottom:25px;font-size:8px;letter-spacing:1px;color:#77717f}.lei-ring{position:relative;width:270px;height:310px;transform:rotate(-15deg)}.flower{position:absolute;width:39px;height:39px;color:var(--lei);filter:drop-shadow(0 0 8px var(--lei));font-size:47px;line-height:1;transition:color .4s,filter .4s}.swatches{display:flex;align-items:center;gap:12px;margin:30px 0}.swatches button{background:var(--swatch);width:23px;height:23px;border-radius:50%;border:4px solid #08090d;outline:1px solid transparent}.swatches button.selected{outline-color:var(--swatch)}.swatches span{font-size:11px;color:#b6afc0;margin-left:8px}.shop-note{font-size:9px;letter-spacing:1.5px;color:var(--purple);border-top:1px solid #ffffff18;padding-top:19px;margin:25px 0}.shop-note span{display:block;font-size:12px;letter-spacing:0;line-height:1.8;color:#96909f;margin-top:8px}.pill{background:#c9a6ff;border-radius:30px;color:#18101f;font-size:12px;padding:16px 25px;transition:background .2s,transform .2s}.pill:hover{background:#e0caff;transform:translateY(-2px)}.lighting{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center;background:#111019}.lighting-image{height:510px}.lighting-image img{height:100%;width:100%;object-fit:cover;border-radius:3px}.lighting-copy p{max-width:370px}.light{background:var(--ink);margin-top:22px}.service-tags{display:flex;gap:22px;margin-top:45px;font-size:8px;letter-spacing:1.5px;color:#92899f}.custom{padding-top:130px;padding-bottom:120px;background:radial-gradient(ellipse at 90% 100%,#30203f66,transparent 55%)}.custom h2{font-size:clamp(52px,7vw,100px);margin-top:35px}.custom-bottom{display:flex;justify-content:space-between;align-items:center}.circle-link{border:1px solid #a783c9;background:none;border-radius:50%;height:110px;width:110px;font-size:45px;color:#d5b4ff;transition:.3s}.circle-link:hover{background:#c9a6ff;color:#151018;transform:rotate(45deg)}footer{border-top:1px solid #ffffff15;padding:50px 7% 30px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:25px}footer p{font-size:12px;margin:0}footer>div{display:flex;gap:20px;justify-content:flex-end;font-size:11px}footer small{grid-column:1/-1;color:#625f6d;font-size:10px;margin-top:35px}dialog{background:#131119;color:var(--ink);border:1px solid #4d405c;border-radius:12px;padding:45px;max-width:800px;width:90vw;max-height:90vh}dialog::backdrop{background:#030207d9;backdrop-filter:blur(8px)}dialog img{max-width:100%;max-height:440px;object-fit:cover;margin:20px 0}dialog h2{font-size:36px}.close{position:absolute;right:14px;top:9px;background:transparent;font-size:30px;color:#d3c7df}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.story-grid h3{font-size:13px;color:#c9a6ff}.story-grid p{font-size:13px}label{display:grid;gap:8px;font-size:12px;color:#c5bdcf;margin:18px 0}input,textarea{width:100%;padding:12px;background:#ffffff06;border:1px solid #ffffff25;border-radius:4px;color:white;resize:vertical}.event-fields{display:flex;gap:15px}.event-fields label{flex:1}.form-intro{font-size:12px}.skip{position:fixed;top:-100px;z-index:99;background:white;color:black;padding:12px}.skip:focus{top:10px}.paused *{animation:none!important;scroll-behavior:auto!important}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:1550px){.hero{height:1000px}.logo-wrap{top:180px;width:450px}.hero-copy{top:520px}.stage{bottom:95px}}@media(max-width:700px){header{height:70px;padding:0 6%}nav{gap:18px}nav a{font-size:11px}nav a:nth-child(3),nav a:nth-child(4){display:none}.wordmark{font-size:18px}.hero{height:800px;min-height:800px}.hero-top{top:99px;left:6%;font-size:8px}.hero-top span+span{display:none}.logo-wrap{top:160px;width:310px;height:220px}.hero-copy{top:400px;padding:0 20px}.hero-copy h1{font-size:39px;letter-spacing:-2px}.hero-copy p{font-size:12px}.stage{left:2%;right:2%;bottom:90px}.fixture{width:25%;height:125px}.fixture svg{width:85px}.fixture-label{font-size:19.2px;top:45px;letter-spacing:.2px}.fixture-number{font-size:8px;margin-top:13px}.hero-bottom{left:6%;right:6%;font-size:7px;letter-spacing:1px}.hero-bottom span{max-width:150px;line-height:1.8}.section{padding:65px 6%}.small{display:none}.section-heading{display:block}.section-heading p{margin-top:22px}h2{font-size:38px}.filters{gap:6px;flex-wrap:wrap;margin-top:30px}.filters button{font-size:10px;padding:9px 12px}.project-grid{grid-template-columns:1fr}.project.wide{grid-column:auto}.wide .photo,.photo{height:290px}.caption h3{font-size:20px}.ticker{font-size:32px;padding:22px 0}.shop{grid-template-columns:1fr;gap:40px}.lei-art{height:430px}.lighting{grid-template-columns:1fr;gap:35px}.lighting-image{height:340px}.custom h2{font-size:51px}.circle-link{width:75px;height:75px;font-size:35px}.custom-bottom p{font-size:13px}footer{grid-template-columns:1fr 1fr;padding:40px 6%}footer>div{grid-column:1/-1;justify-content:flex-start}footer small{margin-top:10px}dialog{padding:40px 24px}.story-grid{grid-template-columns:1fr}.event-fields{display:block}}
body{overflow-x:clip}.logo{width:500px;max-width:none;clip-path:circle(28% at 50% 50%)}.logo-wrap{top:145px}@media(max-width:700px){.logo{width:440px}.logo-wrap{top:145px}}
.logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:500px;height:auto;clip-path:ellipse(28% 49% at 50% 50%)}@media(max-width:700px){.logo{width:440px}}
/* Redwood grove: photographic bark and canopy, relit from multiple angles. */
@property --pool-x{syntax:'<percentage>';inherits:true;initial-value:25%}
@property --pool-other{syntax:'<percentage>';inherits:true;initial-value:75%}
@property --sweep{syntax:'<percentage>';inherits:true;initial-value:0%}
.hero{--grove-hue:0deg;--light-a-hue:65deg;--light-b-hue:-35deg;--pool-x:25%;--pool-other:75%;--sweep:0%;--active-color:#bd92ff;--second-color:#77dce7;background:#030506;isolation:isolate;transition:--pool-x 1.6s,--pool-other 1.8s,--sweep .6s}
.grove{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#020305}.grove-base,.grove-light{position:absolute;inset:0;background:url('assets/redwood-grove.webp') center center/cover no-repeat;transform:translateZ(0)}.grove-base{filter:hue-rotate(var(--grove-hue)) brightness(.65) saturate(1.05);transition:filter 1.8s ease}.grove-light{opacity:.38;transition:filter 1.7s,opacity 1.5s;mix-blend-mode:screen;will-change:opacity;pointer-events:none}.grove-light-a{filter:hue-rotate(var(--light-a-hue)) brightness(1.05) saturate(1.4);mask-image:radial-gradient(ellipse 24% 85% at calc(var(--pool-x) + var(--sweep)) 70%,#000 5%,#0009 45%,transparent 100%);animation:canopy-breathe-a 7s ease-in-out infinite alternate}.grove-light-b{filter:hue-rotate(var(--light-b-hue)) brightness(.95) saturate(1.4);mask-image:radial-gradient(ellipse 40% 57% at var(--pool-other) 24%,#000 0%,#0008 42%,transparent 90%);animation:canopy-breathe-b 9s ease-in-out infinite alternate}.grove-shade{position:absolute;inset:0;background:linear-gradient(#03040870,transparent 25%,transparent 60%,#06080aa8 87%,#08090d),radial-gradient(ellipse 27% 45% at 50% 43%,#05040b77,transparent 100%)}.grove-awake .grove-base{filter:hue-rotate(var(--grove-hue)) brightness(.85) saturate(1.2)}.grove-awake .grove-light{opacity:.85}.fixture svg{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--color) 65%,transparent))}.fixture:before{content:'';position:absolute;bottom:0;left:-5%;width:110%;height:75px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--color) 25%,transparent),transparent 70%);z-index:-1;transform:scaleX(1.3);transition:opacity .8s,transform .8s}.fixture.lit:before{background:radial-gradient(ellipse,var(--second-color),transparent 65%);opacity:.3;transform:scale(1.8,1.4)}.fixture.lit svg{transform:translateY(-5px);filter:drop-shadow(0 0 24px var(--color))}.hero-copy{text-shadow:0 2px 25px #000,0 2px 8px #000}.hero-copy h1{font-size:clamp(38px,4.3vw,62px)}.logo-halo{box-shadow:0 0 80px 15px color-mix(in srgb,var(--active-color) 20%,transparent);transition:box-shadow 1.8s}.hero-top{color:#c3b6d5;text-shadow:0 2px 8px #000}.hero-bottom{color:#c3b6d5}.fixture-label{text-shadow:0 2px 6px #000}.hero:after{opacity:.3}@keyframes canopy-breathe-a{0%{opacity:.23;mask-position:-20px 0}100%{opacity:.7;mask-position:25px -12px}}@keyframes canopy-breathe-b{0%{opacity:.55;mask-position:18px -12px}100%{opacity:.18;mask-position:-25px 10px}}@media(max-width:700px){.grove-base,.grove-light{background-size:auto 100%;background-position:50% center}.grove-shade{background:linear-gradient(#03040860,transparent 25%,#03040820 60%,#08090d 100%)}.hero-copy h1{font-size:38px}.hero-top{font-size:7px}.fixture{touch-action:manipulation}}@media(prefers-reduced-motion:reduce){.hero{transition:none}.grove-light{animation:none;opacity:.4}.grove-base,.grove-light{transition:none}}
.logo-wrap{animation:logo-drift 8s ease-in-out infinite;top:135px}.logo{mix-blend-mode:screen}.logo-halo{pointer-events:none}#third-eye{position:absolute;z-index:5;width:44px;height:44px;left:calc(50% - 22px);top:43px;border-radius:50%;background:transparent;cursor:pointer}#third-eye span{position:absolute;inset:7px;border-radius:50%;box-shadow:0 0 14px #8bddff66;transition:box-shadow .5s,transform .5s}#third-eye:hover span,#third-eye:focus-visible span{box-shadow:0 0 18px 7px #a9edff88,0 0 45px 14px #b986ff66;transform:scale(1.2)}#fractal{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity 1s}.journey #fractal{opacity:.8}.journey .logo-halo{box-shadow:0 0 100px 30px #8fe0ff33}#end-journey{position:absolute;right:5%;top:150px;z-index:6;border:1px solid #ffffff50;border-radius:30px;padding:10px 15px;font-size:11px;background:#08090dbb;backdrop-filter:blur(10px)}.hero-copy,.stage,.hero-bottom{z-index:3}@keyframes logo-drift{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-9px)}}@media(max-width:700px){.logo-wrap{top:145px}#third-eye{top:24px}#end-journey{top:105px}.journey #fractal{opacity:.65}}@media(min-width:1550px){#third-eye{top:43px}}@media(prefers-reduced-motion:reduce){.logo-wrap{animation:none}.journey #fractal{opacity:.45}}
/* Feather the source matte away without altering the logo artwork. */
.logo{clip-path:none;mask-image:radial-gradient(ellipse 26% 45% at 50% 50%,#000 87%,#000b 93%,transparent 100%);filter:brightness(1.15);mix-blend-mode:screen}.logo-halo{box-shadow:none!important;background:radial-gradient(ellipse,#9365cc12,transparent 65%)}
.proximity-target{--near:0;filter:drop-shadow(0 0 calc(var(--near)*18px) rgba(193,156,255,var(--near)));transition:filter .16s}.proximity-target.fixture svg{filter:brightness(calc(1 + var(--near)*.8)) drop-shadow(0 0 calc(8px + var(--near)*28px) var(--color))}.proximity-target#third-eye span{box-shadow:0 0 calc(10px + var(--near)*25px) calc(var(--near)*12px) rgba(154,225,255,calc(.1 + var(--near)*.65))}.proximity-target:not(.fixture):not(#third-eye){text-shadow:0 0 calc(var(--near)*18px) #d4b3ff}.near-ray{position:fixed;pointer-events:none;z-index:90;height:120px;width:180px;transform:translate(-50%,-80%);background:conic-gradient(from 157deg at 50% 100%,transparent 0deg,#c39aff28 14deg,#d9efff55 23deg,#c39aff28 32deg,transparent 46deg);filter:blur(9px);opacity:0;mix-blend-mode:screen;transition:opacity .2s}
.forest-transit{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:0;overflow:hidden;background:#020306}.forest-transit .tunnel{position:absolute;inset:-2%;background:url('assets/redwood-grove.webp') center/cover;transform:scale(1);filter:brightness(.5)}.forest-transit .deep-light{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#b882ff22,transparent 60%);opacity:0}.forest-transit.running{animation:travel-veil 1.7s both}.forest-transit.running .tunnel{animation:travel-in 1.7s cubic-bezier(.3,.1,.2,1) both}.forest-transit.running .deep-light{animation:deep-reveal 1.7s both}.section.forest-arrival{position:relative;isolation:isolate;animation:arrival-light 1.7s both}.section.forest-arrival:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#08090d55,#08090de8),url('assets/redwood-grove.webp') center/cover;opacity:.45}.forest-open{animation:arrival-light 1.2s both;box-shadow:0 0 100px #a16fe533;background:linear-gradient(#100d18e8,#100d18ed),url('assets/redwood-grove.webp') center/cover}.forest-open::backdrop{background:linear-gradient(#0009,#000c),url('assets/redwood-grove.webp') center/cover;backdrop-filter:blur(3px)}
@keyframes travel-in{0%{transform:scale(1);filter:brightness(.5)}45%{filter:brightness(.18)}75%{filter:brightness(1.15)}100%{transform:scale(2.8);filter:brightness(.5)}}@keyframes travel-veil{0%{opacity:0}15%,65%{opacity:1}100%{opacity:0}}@keyframes deep-reveal{35%{opacity:0}70%{opacity:1}100%{opacity:.1}}@keyframes arrival-light{0%{filter:brightness(.15);transform:scale(.96)}65%{filter:brightness(1.15)}100%{filter:brightness(1);transform:scale(1)}}@media(prefers-reduced-motion:reduce){.forest-transit{display:none}.section.forest-arrival,.forest-open{animation:none}}
/* Successive illuminated rows create a passage, with the foreground moving past. */
.forest-distance,.forest-middle,.forest-near{position:absolute;inset:-2%;background-position:center;background-size:cover;will-change:transform,filter,opacity}.forest-distance,.forest-middle{background-image:url('assets/deep-redwoods.webp')}.forest-distance{filter:brightness(.08);transform:scale(1)}.forest-middle{mask-image:linear-gradient(90deg,#000,transparent 43%,transparent 57%,#000);filter:brightness(.1)}.forest-near{background-image:url('assets/redwood-grove.webp');mask-image:linear-gradient(90deg,#000 8%,transparent 40%,transparent 60%,#000 92%)}.forest-transit.running{animation:layered-veil 3.2s both}.forest-transit.running .forest-distance{animation:distant-lights 3.2s both}.forest-transit.running .forest-middle{animation:middle-lights 3.2s both}.forest-transit.running .forest-near{animation:pass-trunks 3.2s both}.forest-transit.running .deep-light{animation:deep-reveal 3.2s both}@keyframes layered-veil{0%{opacity:0}10%,77%{opacity:1}100%{opacity:0}}@keyframes distant-lights{0%,22%{transform:scale(.94);filter:brightness(.04) saturate(.6)}53%{filter:brightness(.65) saturate(1.2)}83%{filter:brightness(1.15) saturate(1.4)}100%{transform:scale(1.65);filter:brightness(1)}}@keyframes middle-lights{0%{transform:scale(1);filter:brightness(.12);opacity:.6}28%{filter:brightness(.85);opacity:1}65%{filter:brightness(1.2)}100%{transform:scale(2.5);filter:brightness(.6);opacity:.15}}@keyframes pass-trunks{0%{transform:scale(1);filter:brightness(.7);opacity:1}42%{filter:brightness(1);opacity:1}100%{transform:scale(4);filter:brightness(.3);opacity:0}}
.fixture svg{width:116px}.fixture-label{top:68px;font-size:24.0px;text-shadow:0 0 5px #000,0 1px 4px #000}.fixture-number{margin-top:0}.forehead-leds{position:absolute;inset:0;width:44px;height:44px;opacity:0;pointer-events:none;filter:drop-shadow(0 0 3px #ff77ea);transition:opacity .35s}#third-eye:hover .forehead-leds,#third-eye:focus-visible .forehead-leds{opacity:1;animation:led-spectrum 2.8s linear infinite}#third-eye.proximity-target .forehead-leds{opacity:var(--near)}@keyframes led-spectrum{to{filter:hue-rotate(360deg) drop-shadow(0 0 4px #77eeff)}}
.grove-wonders{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.wonder-group{position:absolute;inset:0;opacity:0;transition:opacity .65s}.grove-wonders[data-active="0"] .wonder-0,.grove-wonders[data-active="1"] .wonder-1,.grove-wonders[data-active="2"] .wonder-2,.grove-wonders[data-active="3"] .wonder-3{opacity:1}.wonder-sprite{position:absolute;width:20px;height:20px;color:#e1d2ff;filter:drop-shadow(0 0 7px currentColor);animation-play-state:paused}.wonder-sprite svg{width:100%;height:100%;overflow:visible}.star-sprite{animation:star-shine var(--duration) var(--delay) ease-in-out infinite}.octo-sprite{width:38px;height:38px;color:#d0a3ff;animation:octo-crawl var(--duration) var(--delay) ease-in-out infinite alternate}.bird-sprite{width:48px;height:35px;color:#9de4ff;animation:bird-flight var(--duration) var(--delay) ease-in-out infinite}.bird-wing{transform-origin:40px 30px;animation:wing-beat .8s ease-in-out infinite alternate}.bird-wing.other{animation-direction:alternate-reverse}.firefly-sprite{width:4px;height:4px;background:#d5ff9e;border-radius:50%;box-shadow:0 0 12px 3px #ddffac;color:#d5ff9e;animation:firefly-drift var(--duration) var(--delay) ease-in-out infinite alternate}.wonder-group .wonder-sprite,.wonder-group .bird-wing{animation-play-state:paused}.grove-wonders[data-active="0"] .wonder-0 *,.grove-wonders[data-active="1"] .wonder-1 *,.grove-wonders[data-active="2"] .wonder-2 *,.grove-wonders[data-active="3"] .wonder-3 *{animation-play-state:running}@keyframes star-shine{0%,100%{opacity:.1;transform:scale(.4) rotate(0deg)}50%{opacity:.95;transform:scale(1.2) rotate(35deg)}}@keyframes octo-crawl{0%{transform:translate(0,40px) rotate(-16deg)}35%{transform:translate(12px,5px) rotate(9deg)}70%{transform:translate(-8px,-30px) rotate(-9deg)}100%{transform:translate(10px,-65px) rotate(12deg)}}@keyframes bird-flight{0%{opacity:0;transform:translate(-50px,70px) scale(.2)}20%,70%{opacity:.8}100%{opacity:0;transform:translate(130px,-120px) scale(1.25)}}@keyframes wing-beat{from{transform:scaleY(.55)}to{transform:scaleY(1)}}@keyframes firefly-drift{0%{opacity:.1;transform:translate(-16px,30px)}50%{opacity:.9}100%{opacity:.3;transform:translate(30px,-35px)}}@media(max-width:700px){.fixture svg{width:88px}.fixture-label{top:52px;font-size:18.0px}.fixture-number{margin-top:8px}.octo-sprite{width:28px;height:28px}.bird-sprite{width:32px}}@media(prefers-reduced-motion:reduce){.wonder-sprite,.bird-wing,.forehead-leds{animation:none!important}.forest-transit{display:none}}

/* One continuous lit corridor: overlapping trunks pass the camera, never a blackout. */
.forest-transit{background:#171024 url('assets/deep-redwoods.webp') center/cover}
.forest-transit.running{animation:continuous-veil 4.2s linear both;pointer-events:auto}
.forest-transit.running .forest-distance{animation:continuous-distance 4.2s linear both}
.forest-transit.running .forest-near{animation:continuous-near 4.2s linear both}
.forest-row{position:absolute;inset:-2%;background:url('assets/deep-redwoods.webp') center/cover;mask-image:linear-gradient(90deg,#000 5%,#000e 18%,transparent 39%,transparent 61%,#000e 82%,#000 95%);will-change:transform,opacity,filter}
.forest-row.row-far{z-index:1}.forest-row.row-mid{z-index:2}.forest-row.row-close{z-index:3}.forest-near{z-index:4}.deep-light{z-index:5}
.running .row-far{animation:pass-far 4.2s linear both}.running .row-mid{animation:pass-mid 4.2s linear both}.running .row-close{animation:pass-close 4.2s linear both}
.forest-transit.running .deep-light{animation:none;opacity:.18;background:radial-gradient(ellipse at 50% 75%,#65eaff35,transparent 65%)}
@keyframes continuous-veil{0%{opacity:0}7%,64%{opacity:1}100%{opacity:0}}
@keyframes continuous-distance{0%{transform:scale(1);filter:brightness(.65)}65%{filter:brightness(1.05)}100%{transform:scale(1.35);filter:brightness(1.05)}}
@keyframes continuous-near{0%{transform:scale(1);opacity:1;filter:brightness(.85)}45%{opacity:1}75%,100%{transform:scale(4.5);opacity:0;filter:brightness(1.15)}}
@keyframes pass-close{0%{transform:scale(.9);opacity:.75;filter:brightness(.7)}35%{opacity:1;filter:brightness(1.1)}85%,100%{transform:scale(3.6);opacity:0;filter:brightness(1.2)}}
@keyframes pass-mid{0%{transform:scale(.7);opacity:.65;filter:brightness(.65)}45%{opacity:1;filter:brightness(1.05)}100%{transform:scale(2.5);opacity:0;filter:brightness(1.2)}}
@keyframes pass-far{0%{transform:scale(.55);opacity:.6;filter:brightness(.6)}60%{opacity:1;filter:brightness(1.05)}100%{transform:scale(1.8);opacity:.7;filter:brightness(1.15)}}
body.inside-grove{background:#08090d url('assets/deep-redwoods.webp') center/cover fixed}
.inside-grove .section{background:linear-gradient(90deg,#08090dd9,#08090d9c 50%,#08090dd9)}
.inside-grove .section.forest-arrival{background:linear-gradient(90deg,#08090da6,#08090d66 50%,#08090da6);animation:none}
.section.forest-arrival:before{display:none}
.section.forest-arrival>*{animation:content-in-grove 1.8s ease-out both}
@keyframes content-in-grove{0%{opacity:0;transform:translateY(24px) scale(.94)}100%{opacity:1;transform:none}}
.forest-open{background:linear-gradient(#100d18bc,#100d18dd),url('assets/deep-redwoods.webp') center/cover;animation:content-in-grove 1.5s both}
.forest-open::backdrop{background:linear-gradient(#0003,#0006),url('assets/deep-redwoods.webp') center/cover;backdrop-filter:none}
@media(prefers-reduced-motion:reduce){.section.forest-arrival>*,.forest-open{animation:none}}

.stage{left:5%;right:5%;gap:8px}.fixture{flex:1;max-width:170px;min-width:0}
#third-eye,#third-eye.proximity-target{filter:none!important}#third-eye span{display:none}.forehead-leds{filter:none!important;shape-rendering:geometricPrecision}#third-eye:hover .forehead-leds,#third-eye:focus-visible .forehead-leds{animation:sharp-spectrum 5s linear infinite}
.logo-led-geometry{position:absolute;width:500px;height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;opacity:0;transition:opacity .35s;shape-rendering:geometricPrecision}.logo-wrap:hover .logo-led-geometry,.logo-wrap:focus-within .logo-led-geometry{opacity:1;animation:sharp-spectrum 5s linear infinite}@keyframes sharp-spectrum{to{filter:hue-rotate(360deg)}}
.travelling-totem{position:absolute;z-index:2;left:50%;bottom:7%;width:190px;transform:translateX(-50%) scale(.15);transform-origin:50% 95%;opacity:0;display:none}.travelling-totem svg{width:100%;height:auto}.travelling-totem small{display:block;text-align:center;font-size:8px;letter-spacing:1px;color:#dbcfef}.totem-trip.running .travelling-totem{display:block;animation:approach-totem 4.2s linear both}@keyframes approach-totem{0%{opacity:.2;transform:translateX(-50%) scale(.15)}25%{opacity:.7}65%{opacity:1}100%{opacity:1;transform:translateX(-50%) scale(1.1)}}.totems{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;min-height:720px}.totem-display{text-align:center}.totem-display svg{height:480px;max-width:100%}
.wonder-bark{position:absolute;inset:0;z-index:1;pointer-events:none;background:url('assets/redwood-grove.webp') center/cover;mask-image:linear-gradient(90deg,transparent 6%,#000 8%,#000 12%,transparent 15%,transparent 21%,#000 23%,#000 26%,transparent 29%,transparent 73%,#000 76%,#000 79%,transparent 82%,transparent 90%,#000 93%,#000 96%,transparent 99%);filter:hue-rotate(var(--grove-hue,0deg));opacity:.95}.wonder-sprite{scale:var(--depth-scale);filter:drop-shadow(0 0 2px currentColor)}.depth-0{opacity:.45}.depth-1{opacity:.7}.depth-2{opacity:.9}.grove-wonders[data-active="4"] .wonder-4{opacity:1}.grove-wonders[data-active="4"] .wonder-4 *{animation-play-state:running}
@keyframes octo-crawl{0%{transform:translate(-65px,65px) rotate(-12deg)}40%{transform:translate(30px,-5px) rotate(8deg)}100%{transform:translate(95px,-100px) rotate(-8deg)}}@keyframes bird-flight{0%{opacity:0;transform:translate(-170px,100px) scale(.25)}25%,75%{opacity:.8}100%{opacity:0;transform:translate(220px,-150px) scale(1.2)}}
@media(max-width:700px){.logo-led-geometry{width:440px}.stage{left:2%;right:2%;gap:0}.fixture svg{width:70px}.fixture-label{top:42px;font-size:14.4px;letter-spacing:.2px}.fixture-number{font-size:7px}.totems{grid-template-columns:1fr;text-align:center;gap:30px}.totem-display svg{height:340px}.travelling-totem{width:135px}nav{gap:12px}}
@media(prefers-reduced-motion:reduce){.logo-led-geometry,.forehead-leds{animation:none!important}}

.travelling-totem{width:280px}.travelling-totem img{display:block;width:100%;height:auto}.totem-display img{height:550px;width:100%;object-fit:contain}.totem-gallery{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.totem-gallery figure,.supplied-build figure{margin:0}.totem-gallery img,.totem-gallery video{width:100%;height:360px;object-fit:cover;border-radius:12px;background:#08090d}.totem-gallery figcaption,.supplied-build figcaption{font-size:12px;color:#c9bfd6;margin:12px 0 20px}.totem-gallery video{object-fit:contain}.real-lei{position:relative;overflow:hidden;min-height:650px}.real-lei .lei-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.real-lei .lei-ring{display:none}.real-lei>span,.real-lei>small{z-index:1;background:#08090dcc;padding:8px}.supplied-build{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.supplied-build img{width:100%;height:300px;object-fit:cover}.finished-screenshot{max-height:650px;object-fit:contain!important}@media(max-width:700px){.totem-gallery{grid-template-columns:1fr 1fr;gap:12px}.totem-gallery img,.totem-gallery video{height:280px}.totem-display img{height:430px}.travelling-totem{width:200px}.supplied-build{grid-template-columns:1fr}.real-lei{min-height:570px}}

.art-car-feature{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.art-car-finished{height:600px;overflow:hidden;border-radius:14px}.art-car-finished img{width:100%;height:100%;object-fit:cover;object-position:center}.art-car-feature h3{font-size:30px;font-weight:400}.art-car-feature .pill{margin:10px 12px 10px 0}.art-car-process{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.art-car-process figure{margin:0}.art-car-process img{width:100%;height:380px;object-fit:cover;border-radius:12px}.art-car-process figcaption{font-size:12px;color:#c9bfd6;margin-top:12px}.grove-wonders[data-active="5"] .wonder-5{opacity:1}.grove-wonders[data-active="5"] .wonder-5 *{animation-play-state:running}.fixture svg{width:100px}.fixture-label{top:58px;font-size:21.6px}nav{gap:20px}@media(max-width:700px){.stage{flex-wrap:wrap;height:260px;bottom:65px}.fixture{flex:0 0 30%;height:125px;max-width:none}.fixture svg{width:76px}.fixture-label{top:44px;font-size:16.8px}.hero-copy{top:420px}.hero-copy h1{font-size:32px}.hero{min-height:980px;height:980px}.art-car-feature{grid-template-columns:1fr}.art-car-process{grid-template-columns:1fr}.art-car-finished{height:550px}}

.art-car-finished{position:relative}.still-label{position:absolute;z-index:1;top:14px;left:14px;padding:8px 12px;background:#08090ddd;border-radius:20px;font-size:10px;letter-spacing:1px}

.media-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:40px}.media-gallery figure,.lighting-video figure{margin:0}.media-gallery video{width:100%;height:360px;object-fit:contain;background:#08090d;border-radius:12px}.media-gallery figcaption,.lighting-video figcaption{font-size:12px;color:#c9bfd6;margin-top:12px}.lighting-video{margin-top:25px}.lighting-video video{width:100%;max-height:420px;border-radius:12px;background:#08090d}.art-car-finished img{object-fit:contain}.art-car-finished{background:#08090d}@media(max-width:700px){.media-gallery{grid-template-columns:1fr 1fr;gap:12px}.media-gallery video{height:280px}}

/* Ground contact follows the vanishing point instead of enlarging around a fixed screen position. */
.forest-transit.perspective-trip,.perspective-trip .forest-row,.perspective-trip .forest-distance,.perspective-trip .forest-near,.totem-trip.perspective-trip .travelling-totem{animation:none!important}
.totem-trip.perspective-trip .travelling-totem{display:block;bottom:auto;transform-origin:50% 100%;will-change:transform,top;z-index:2}
.travelling-totem:after{content:'';position:absolute;bottom:0;left:25%;width:50%;height:10px;background:#030309aa;border-radius:50%;filter:blur(5px);z-index:-1}
.logo-wrap{--logo-near:0}.logo-led-geometry,.logo-wrap:hover .logo-led-geometry,.logo-wrap:focus-within .logo-led-geometry{opacity:calc(.04 + var(--logo-near)*.96);transition:opacity .12s;animation:sharp-spectrum 8s linear infinite;filter:none;stroke-linecap:round}.logo-wrap:focus-within .logo-led-geometry{opacity:1}
#third-eye{--eye-near:0;overflow:visible;box-shadow:none!important;backdrop-filter:none!important}#third-eye .forehead-leds{opacity:calc(.12 + var(--eye-near)*.88);filter:none!important;animation:none!important;transition:opacity .1s}#third-eye:hover .forehead-leds,#third-eye:focus-visible .forehead-leds{opacity:1}.forehead-sun{position:absolute;width:160px;height:160px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%) scale(calc(.45 + var(--eye-near)*.55));opacity:calc(var(--eye-near)*.9);pointer-events:none;filter:none!important;transition:opacity .1s,transform .12s;shape-rendering:geometricPrecision}#third-eye:hover .forehead-sun,#third-eye:focus-visible .forehead-sun{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media(prefers-reduced-motion:reduce){.logo-led-geometry{animation:none!important}.forehead-sun{transition:opacity .1s}}
#third-eye.proximity-target .forehead-leds{opacity:calc(.12 + var(--eye-near)*.88)}#third-eye.proximity-target:hover .forehead-leds,#third-eye.proximity-target:focus-visible .forehead-leds{opacity:1}

.grove-destinations{position:absolute;inset:0;pointer-events:none;z-index:1}.distant-item{position:absolute;left:var(--spot-x);top:61%;width:85px;height:115px;transform:translate(-50%,-100%);isolation:isolate}.distant-item img{position:absolute;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:brightness(.12) saturate(.3);opacity:.35;transition:filter .5s,opacity .5s}.distant-item:not(.is-totem) img{height:75px;bottom:0;object-fit:cover;mask-image:radial-gradient(ellipse,#000 45%,transparent 75%)}.distant-item.spotlit img{filter:brightness(1.15) saturate(1.15);opacity:1}.distant-item span{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:8px;letter-spacing:.6px;color:#dfd3ff;opacity:0;transition:opacity .4s}.distant-item.spotlit span{opacity:1}.destination-beam{position:absolute;left:-55%;bottom:-2%;width:210%;height:150%;clip-path:polygon(0 0,100% 0,52% 100%,48% 100%);background:linear-gradient(0deg,#b6b2ff6b,transparent);opacity:0;transition:opacity .5s}.spotlit .destination-beam{opacity:.75}.ground-contact{position:absolute;bottom:-3px;left:12%;width:76%;height:8px;border-radius:50%;background:#010106;box-shadow:0 0 12px #b39aff30;z-index:-1}.spotlit .ground-contact{box-shadow:0 0 15px 5px #b39aff66}.approach-ground{position:absolute;left:50%;width:210px;height:24px;border-radius:50%;background:radial-gradient(ellipse,#010104dd 15%,#7772bb50 55%,transparent 72%);z-index:1;opacity:0;pointer-events:none}.travelling-totem:after{display:none}.perspective-trip .travelling-totem img{transform:translateY(1.6%)}.photo-destination img{max-height:320px;object-fit:contain;mask-image:radial-gradient(ellipse,#000 55%,transparent 76%)}
@media(max-width:700px){.distant-item{width:48px;height:75px;top:62%}.distant-item:not(.is-totem) img{height:50px}.distant-item span{font-size:6px}}
.grove-destinations{z-index:2}.distant-item{top:70%}.ground-contact{opacity:0;transition:opacity .5s}.spotlit .ground-contact{opacity:.75}@media(max-width:700px){.distant-item{top:63%}}

/* Shared clearing: actor and contact shadow are children of the same ground plane. */
.grove-destinations{inset:auto 0 205px;height:260px;z-index:2;background:linear-gradient(#050609c9,#05060935 60%,#05060990),url('assets/deep-redwoods.webp') center 76%/cover;mask-image:linear-gradient(transparent,#000 18%,#000 87%,transparent)}
.distant-item{left:50%!important;top:auto!important;bottom:22%;height:125px;width:150px;transform:translateX(-50%);opacity:0;transition:opacity .35s}.distant-item.spotlit{opacity:1}.distant-item img,.distant-item:not(.is-totem) img{height:100%;width:100%;bottom:0;object-fit:contain;mask-image:none;filter:brightness(.05);opacity:1}.distant-item.spotlit img{filter:brightness(1);opacity:1}.distant-item.is-totem img{transform:translateY(3.2%)}.distant-item span{display:none}.ground-contact{opacity:1!important;left:24%;width:52%;bottom:-3px;height:8px;z-index:0;background:radial-gradient(ellipse,#000 15%,#a99cff55 50%,transparent 72%);box-shadow:none!important}.destination-beam{z-index:-1;background:conic-gradient(from 155deg at 50% 100%,transparent,#bbc9ff55 25deg,transparent 50deg);clip-path:none;bottom:0;opacity:0}.spotlit .destination-beam{opacity:1}
.shared-clearing-trip{animation:none!important;background:#030408}.shared-clearing-trip .forest-distance,.shared-clearing-trip .travelling-totem,.shared-clearing-trip .approach-ground,.shared-clearing-trip .deep-light{display:none!important}.shared-clearing-trip .forest-row,.shared-clearing-trip .forest-near{animation:none!important;z-index:3}.travel-world{position:absolute;inset:0;transform-origin:50% 78%;will-change:transform;z-index:1;background:#030408}.travel-floor{position:absolute;inset:0;background:url('assets/deep-redwoods.webp') center/cover;filter:brightness(var(--path-light,.12));transition:none}.travel-actor{position:absolute;bottom:22%;left:50%;transform:translateX(-50%);width:180px;height:min(25vh,210px);z-index:2;isolation:isolate}.travel-actor img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(1);position:absolute;bottom:0}.travel-actor.is-totem img{transform:translateY(3.2%)}.travel-actor .ground-contact{position:absolute;z-index:-1;bottom:-3px;opacity:1}.travel-actor .destination-beam{opacity:1;position:absolute;inset:-20% -35% 0}.travel-actor span{display:none}.destination-locked .distant-item.spotlit{opacity:1!important}
@media(max-width:700px){.grove-destinations{bottom:320px;height:200px}.distant-item{height:100px;width:115px}.travel-actor{width:130px;height:22vh}}

.art-car-finished{background:transparent}.art-car-finished img{object-fit:contain}

/* Full-hero rainbow overlay, above the clearing and headline, without blocking controls. */
#fractal{z-index:7;pointer-events:none;mix-blend-mode:screen}.journey #fractal{opacity:.95}#end-journey{z-index:9}.journey .hero-copy{text-shadow:0 2px 16px #000}.journey .grove-destinations{opacity:1}
.distant-item[data-world="lighting"]{height:190px;width:140px}.distant-item[data-world="lighting"] img{height:100%;width:100%;object-fit:contain;mask-image:linear-gradient(transparent,#000 8%,#000 94%,transparent);filter:brightness(.08)}.distant-item[data-world="lighting"].spotlit img{filter:brightness(1.3);opacity:1}.travel-world[data-world="lighting"] .travel-actor{height:34vh;width:200px}
@media(max-width:700px){.distant-item[data-world="lighting"]{height:155px;width:110px}}

.distant-item[data-world="lighting"]{width:210px;height:200px}.distant-item[data-world="lighting"] img{mask-image:none;object-fit:contain;object-position:center bottom}.travel-world[data-world="lighting"] .travel-actor{width:280px;height:34vh}.travel-world[data-world="lighting"] .travel-actor img{object-fit:contain;object-position:center bottom;mask-image:none}@media(max-width:700px){.distant-item[data-world="lighting"]{width:150px;height:160px}.travel-world[data-world="lighting"] .travel-actor{width:190px;height:30vh}}

#lighting .lighting-image{background:transparent;overflow:visible}#lighting .lighting-image img{width:100%;height:600px;object-fit:contain;object-position:center;padding:16px}@media(max-width:700px){#lighting .lighting-image img{height:490px}}

/* Transparent bike actor rests on the shared forest floor. */
.distant-item[data-world="explore"] img,.travel-world[data-world="explore"] .travel-actor img{object-fit:contain;object-position:center bottom;mask-image:none}
/* Restore the illuminated deep clearing; shade only the lower gap above the fixtures. */
.grove-destinations{background:linear-gradient(transparent 48%,#05060935 70%,#05060990 100%),url('assets/deep-redwoods.webp') center 76%/cover;mask-image:linear-gradient(transparent,#000 18%,#000 87%,transparent)}

/* Larger grounded previews; feather the scenery rather than clipping the actors. */
.grove-destinations{background:none;mask-image:none;isolation:isolate}
.grove-destinations:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 48%,#05060935 70%,#05060990 100%),url('assets/deep-redwoods.webp') center 76%/cover;mask-image:linear-gradient(transparent,#000 18%,#000 87%,transparent)}
.distant-item{width:240px;height:200px}
.distant-item[data-world="lighting"]{width:280px;height:265px}
.totem-gallery .totem-example img{object-fit:contain;background:transparent;height:420px}
@media(max-width:700px){.distant-item{width:175px;height:150px}.distant-item[data-world="lighting"]{width:210px;height:220px}.totem-gallery .totem-example img{height:330px}}
/* A complete first-screen stage with separate logo, headline, preview and controls. */
.hero{height:100svh;min-height:0;max-height:none}
header{height:56px}header nav{gap:15px;font-size:10px}
.hero-top{top:65px;font-size:7px}
.logo-wrap{top:80px;scale:.62;transform-origin:50% 0;animation:none}
.hero-copy{top:36%;padding:0 15px}
.hero-copy h1{font-size:clamp(26px,3.5vw,46px);letter-spacing:-1.5px;line-height:1.08}
.hero-copy p{margin:7px 0 0;font-size:11px}
.stage{bottom:25px;left:4%;right:4%;height:110px;flex-wrap:nowrap}
.fixture{height:100px;width:16%;max-width:170px}
.fixture svg{width:78px}.fixture-label{top:43px;font-size:19.2px}

.hero-bottom{bottom:10px;font-size:7px}.hero:after{bottom:24px}
.grove-destinations{bottom:135px;height:31svh}
.distant-item{bottom:0;height:clamp(100px,26svh,240px);width:clamp(160px,30vw,290px)}
.distant-item[data-world="lighting"]{height:clamp(120px,29svh,270px);width:260px}
@media(min-height:750px){.logo-wrap{top:10%;scale:.85}.hero-copy{top:38%}.grove-destinations{height:33svh}}
@media(max-width:700px){header nav{display:none}.hero-top{top:63px;font-size:6px}.logo-wrap{top:85px;scale:.68}.hero-copy{top:34%}.hero-copy h1{font-size:28px}.hero-copy p{font-size:10px}.stage{bottom:25px;height:165px;flex-wrap:wrap;align-content:end;gap:0}.fixture{flex:0 0 33.333%;height:80px;max-width:none}.fixture svg{width:62px}.fixture-label{top:34px;font-size:16.8px}.fixture-number{margin-top:3px}.grove-destinations{bottom:195px;height:25svh}.distant-item{height:clamp(90px,21svh,190px);width:190px}.distant-item[data-world="lighting"]{height:clamp(100px,24svh,220px);width:210px}.hero-bottom{font-size:6px}}
@media(max-height:500px){.hero-top{display:none}.logo-wrap{top:55px;scale:.38}.hero-copy{top:35%}.hero-copy h1{font-size:25px}.hero-copy p{display:none}.stage{height:85px;bottom:15px;flex-wrap:nowrap}.fixture{flex:0 0 16.666%;height:75px}.grove-destinations{bottom:95px;height:28svh}.distant-item{height:24svh;width:170px}.distant-item[data-world="lighting"]{height:27svh;width:150px}.hero-bottom{display:none}}

/* Broad overlapping uplight washes bring the rainbow into the upper canopy. */
.grove-base{filter:hue-rotate(var(--grove-hue)) brightness(.8) saturate(1.35)}
.grove-awake .grove-base{filter:hue-rotate(var(--grove-hue)) brightness(.95) saturate(1.5)}
.grove-light-a{filter:hue-rotate(var(--light-a-hue)) brightness(1.3) saturate(1.8);mask-image:radial-gradient(ellipse 48% 78% at calc(var(--pool-x) + var(--sweep)) 30%,#000 12%,#000b 48%,transparent 100%)}
.grove-light-b{filter:hue-rotate(var(--light-b-hue)) brightness(1.2) saturate(1.8);mask-image:radial-gradient(ellipse 50% 75% at var(--pool-other) 25%,#000 10%,#000b 48%,transparent 100%)}
.grove-light{opacity:.6;transition:filter 1.8s ease,opacity 1.4s ease}
.grove-awake .grove-light{opacity:.95}
.grove-shade{background:linear-gradient(#03040830,transparent 15%,transparent 55%,#08090d 100%)}
/* One aligned forest image across the entire opening scene. */
.grove-base,.grove-light,.wonder-bark{background-image:url('assets/deep-redwoods.webp');background-position:center;background-size:cover}
.grove-destinations:before{display:none}
/* Translate before scaling so the logo remains centered on the page. */
.logo-wrap{left:50%;top:65px;width:390px;height:285px;scale:none;transform:translateX(-50%) scale(.44);transform-origin:50% 0;animation:none}
.hero-copy{top:200px}
@media(min-height:650px){.logo-wrap{top:75px;transform:translateX(-50%) scale(.58)}.hero-copy{top:250px}}
@media(min-height:800px){.logo-wrap{top:85px;transform:translateX(-50%) scale(.76)}.hero-copy{top:315px}}
@media(max-width:700px){.logo-wrap{width:390px;height:285px}.hero-copy h1{font-size:26px}.hero-copy{top:200px}}
@media(max-width:700px) and (min-height:750px){.hero-copy{top:270px}.logo-wrap{top:75px;transform:translateX(-50%) scale(.64)}}
@media(max-height:500px){.logo-wrap{top:53px;transform:translateX(-50%) scale(.28)}.hero-copy{top:140px}.hero-copy h1{font-size:23px}}

/* Shared headline/preview clearing leaves room for the larger centered mark. */
.logo-wrap{top:76px;transform:translateX(-50%) scale(clamp(.38,calc((100svh - 250px)/500px),1))}
.hero-copy{top:auto;bottom:155px;padding:0 5%;pointer-events:none;transition:opacity .18s,visibility .18s}
.hero-copy h1{font-size:clamp(32px,5.5vw,78px);line-height:1.04;letter-spacing:-.04em;background:linear-gradient(100deg,#ff83bd,#ffc96e,#8cf5bc,#80dfff,#c3a0ff,#ff83bd);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:headline-rainbow 10s linear infinite}
.hero-copy h1 em{color:inherit}.hero-copy p{margin-top:12px}
.hero.preview-active .hero-copy{opacity:0;visibility:hidden}
@keyframes headline-rainbow{to{background-position:200% 50%}}
.logo-led-geometry,.logo-wrap:hover .logo-led-geometry{animation:none}
.hero-offscreen *{animation-play-state:paused!important}
@media(max-width:700px){.logo-wrap{top:80px;transform:translateX(-50%) scale(clamp(.36,calc((100svh - 360px)/440px),.85))}.hero-copy{top:auto;bottom:205px}.hero-copy h1{font-size:clamp(30px,7vw,49px)}}
@media(max-height:500px){.logo-wrap{top:50px;transform:translateX(-50%) scale(.34)}.hero-copy{top:auto;bottom:105px}.hero-copy h1{font-size:30px}.hero-copy p{display:none}}

/* Continuous image-to-destination camera move: no dark veil or image replacement. */
.continuous-trip.running{animation:none!important;background:transparent;pointer-events:auto}
.continuous-trip .forest-distance,.continuous-trip .deep-light,.continuous-trip .travelling-totem,.continuous-trip .approach-ground{display:none!important}
.continuous-trip .forest-row,.continuous-trip .forest-near{animation:none!important;z-index:2}
.continuous-forest{position:absolute;inset:0;background:url('assets/deep-redwoods.webp') center/cover;transform-origin:50% 65%;filter:brightness(1.08);z-index:1}
.continuous-actor{position:fixed;z-index:82;object-fit:contain!important;object-position:center bottom!important;filter:none!important;mask-image:none!important;transform:none!important;pointer-events:none;max-width:none!important;transition:none!important}
.camera-travelling{overflow:hidden}.camera-travelling .near-ray{display:none}
.section>.arrival-scene{grid-column:1/-1;position:relative;width:100%;height:100svh;min-height:420px;isolation:isolate;margin-bottom:60px;animation:none!important;background:url('assets/deep-redwoods.webp') center/cover}
.section:has(>.arrival-scene){padding-top:0}
.arrival-scene .arrival-image{position:absolute;left:5%;top:8%;width:60%;height:84%;object-fit:contain;object-position:center bottom;filter:none;mask-image:none;max-width:none}
.arrival-copy{position:absolute;right:3%;top:35%;width:31%;padding:20px;background:linear-gradient(90deg,transparent,#08090d99);opacity:1;transition:opacity 1.5s ease,transform 1.5s ease}
.arrival-copy h2{font-size:clamp(26px,3.2vw,52px)}.arrival-copy p{font-size:13px;color:#e0d8eb}
.arrival-pending .arrival-image{visibility:hidden}
.arrival-pending:not(.arrival-ready) .arrival-copy{opacity:0;transform:translateY(14px)}
.section.forest-arrival>*{animation:none!important}
@media(max-width:700px){.arrival-scene .arrival-image{left:5%;top:4%;width:90%;height:64%}.arrival-copy{left:5%;right:5%;top:auto;bottom:3%;width:auto;padding:10px}.arrival-copy h2{font-size:28px;margin:8px 0}.arrival-copy p{font-size:12px;line-height:1.4;margin:5px 0}}
@media(prefers-reduced-motion:reduce){.arrival-copy{transition:none}}

/* Larger mark and a white-hot rainbow headline. */
.logo-wrap{top:64px;transform:translateX(-50%) scale(clamp(.48,calc((100svh - 235px)/400px),1.12))}
.hero-copy h1{font-weight:650;background-image:linear-gradient(100deg,#fff 0%,#ffd6ef 14%,#fff2bd 28%,#d6ffe9 42%,#fff 50%,#c7f1ff 62%,#e5d5ff 78%,#ffd0eb 90%,#fff 100%);text-shadow:0 0 16px #ffffff38;filter:drop-shadow(0 2px 3px #05030c)}
.hero-copy p{color:#eee7f8;text-shadow:0 1px 5px #000}
@media(max-width:700px){.logo-wrap{top:76px;transform:translateX(-50%) scale(clamp(.42,calc((100svh - 300px)/450px),.95))}}
@media(max-height:500px){.logo-wrap{top:45px;transform:translateX(-50%) scale(.42)}}

/* Focus the light on a subject standing in the clearing, not a floating overlay. */
.hero:has(.distant-item.spotlit) .grove-base{filter:hue-rotate(var(--grove-hue)) brightness(.46) saturate(.9);transition:filter 1.1s ease}
.hero:has(.distant-item.spotlit) .grove-light{animation:none;opacity:.16;transition:opacity 1s ease,filter 1.2s ease}
.hero:has(.distant-item.spotlit) .wonder-bark{filter:hue-rotate(var(--grove-hue)) brightness(.65);transition:filter 1.1s ease}
.wonder-bark{transition:filter 1.1s ease}
.grove-destinations{overflow:visible}
.distant-item{opacity:0;transition:opacity .9s ease;isolation:isolate}
.distant-item.spotlit{opacity:1}
.distant-item img,.distant-item:not(.is-totem) img,.distant-item[data-world="lighting"] img{object-fit:contain;object-position:center bottom;transform:none;filter:brightness(.16) saturate(.55);transition:filter 1.35s ease;z-index:2}
.distant-item.spotlit img,.distant-item[data-world="lighting"].spotlit img{filter:brightness(1.16) saturate(1.12)}
.distant-item .destination-beam{left:-25%;right:auto;bottom:0;width:150%;height:125%;inset:auto auto 0 -25%;z-index:1;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--active-color) 38%,transparent),transparent 68%);clip-path:polygon(2% 0,98% 0,63% 100%,37% 100%);opacity:0;transition:opacity 1.4s ease;pointer-events:none}
.distant-item.spotlit .destination-beam{opacity:.8}
.distant-item .ground-contact{left:13%;bottom:-5px;width:74%;height:12px;z-index:1;opacity:0!important;background:radial-gradient(ellipse,#08070ca8 10%,color-mix(in srgb,var(--active-color) 65%,transparent) 48%,transparent 74%);transform:scaleX(1.5);transition:opacity 1.3s ease}
.distant-item.spotlit .ground-contact{opacity:.9!important}
.distant-item:after{content:'';position:absolute;bottom:-17px;left:-60%;width:220%;height:42px;z-index:0;pointer-events:none;background:radial-gradient(ellipse,color-mix(in srgb,var(--second-color) 28%,transparent),transparent 70%);opacity:0;transition:opacity 1.3s ease}
.distant-item.spotlit:after{opacity:1}
@media(prefers-reduced-motion:reduce){.distant-item,.distant-item img,.distant-item .destination-beam,.distant-item .ground-contact,.distant-item:after{transition:none}}

/* Lift the mark clear of the fixture-triggered previews. */
.logo-wrap{top:36px}
@media(max-width:700px){.logo-wrap{top:48px}}
@media(max-height:500px){.logo-wrap{top:25px}}

/* Natural stage lighting: illuminate the subject, without a luminous platform. */
.logo-wrap{top:12px;transform:translateX(-50%) scale(clamp(.50,calc((100svh - 235px)/365px),1.22))}
.distant-item .destination-beam,.distant-item:after{display:none!important}
.distant-item .ground-contact{background:radial-gradient(ellipse,#03020870,transparent 72%);height:5px;bottom:-2px;left:24%;width:52%;transform:none;box-shadow:none!important}
.distant-item.spotlit .ground-contact{opacity:.45!important}
.distant-item.spotlit img,.distant-item[data-world="lighting"].spotlit img{filter:var(--art-grade,brightness(1.08) saturate(1))}
.distant-item,.distant-item[data-world="lighting"]{width:min(380px,46vw);height:var(--subject-height,28svh)}
.distant-item[data-world="explore"]{bottom:-12px}
@media(max-width:700px){.logo-wrap{top:clamp(40px,5.7svh,48px);transform:translateX(-50%) scale(clamp(.47,calc((100svh - 300px)/388px),1.10))}.distant-item,.distant-item[data-world="lighting"]{width:min(300px,78vw)}}
@media(max-height:500px){.logo-wrap{top:8px;transform:translateX(-50%) scale(.46)}}

/* Saturated LED lettering with a crisp luminous edge and dark separation. */
.hero-copy{isolation:isolate}
.hero-copy:before{content:'';position:absolute;inset:-15px 3% -18px;z-index:-1;background:radial-gradient(ellipse,#03030ae6 0%,#03030aa0 48%,transparent 74%);pointer-events:none}
.hero-copy h1{font-weight:700;background-image:linear-gradient(100deg,#ff35a8 0%,#ffbd39 18%,#56ffbc 36%,#28dfff 53%,#a981ff 72%,#ff35a8 100%);background-size:200% 100%;-webkit-text-stroke:.45px #ffffffa8;text-shadow:none;filter:drop-shadow(0 0 3px #ffffff70) drop-shadow(0 0 9px #a559ff80);animation:headline-rainbow 5s linear infinite}
.hero-copy p{font-size:clamp(15px,1.85vw,24px);font-weight:600;letter-spacing:.13em;line-height:1.5;margin:14px auto 0;max-width:92%;color:#fff;text-shadow:0 2px 4px #000,0 0 7px #cab4ff80}
@media(max-width:700px){.hero-copy p{font-size:14px;letter-spacing:.08em;margin-top:12px}.hero-copy h1{font-size:clamp(30px,7vw,49px)}}
@media(max-height:500px){.hero-copy p{display:block;font-size:12px;margin-top:7px;letter-spacing:.08em}.hero-copy h1{font-size:28px}}

/* The selected object owns the clearing; fixtures keep their established lighting. */
.logo-wrap{opacity:1;visibility:visible;transition:opacity .24s ease,visibility .24s ease}
.hero:has(.distant-item.spotlit) .logo-wrap{opacity:0;visibility:hidden;pointer-events:none}
.distant-item{transition:opacity .55s ease}
.distant-item.spotlit{transition-delay:.12s}
@media(prefers-reduced-motion:reduce){.logo-wrap,.distant-item{transition:none}}

/* Balance each lit subject against the grove, using the same grade in every view. */
img[src$="art-car-cutout.webp"]{--art-grade:brightness(.98) saturate(.92)}
img[src$="palm-complete.webp"]{--art-grade:brightness(1.05) saturate(.9)}
img[src$="lei-person.webp"]{--art-grade:brightness(1.06) saturate(.98)}
img[src$="octopus-totem-gen2.webp"],img[src$="totem-cutout.webp"]{--art-grade:brightness(1.08) saturate(1)}
img[src$="printer-octokitt.webp"]{--art-grade:brightness(1.03) saturate(.92)}
img[src$="bike-cutout.webp"]{--art-grade:brightness(1.08) saturate(.98)}

/* Arrival feels like lights coming up: opacity only, no sliding content. */
.arrival-copy{transition:opacity 1.8s ease;transform:none!important}
.arrival-pending:not(.arrival-ready) .arrival-copy{opacity:0;transform:none}
.section:has(.arrival-scene)>:not(.arrival-scene){transition:opacity 1.8s ease}
.section.arrival-pending:not(.arrival-ready)>:not(.arrival-scene){opacity:0}
.section.arrival-ready>:not(.arrival-scene){opacity:1}
.distant-item{transition:opacity 1s ease}
.distant-item.spotlit{transition-delay:.12s}
.distant-item img{transition:filter 1.5s ease!important}
.arrival-image,.continuous-actor{filter:var(--art-grade,brightness(1.08) saturate(1))!important}
@media(prefers-reduced-motion:reduce){.arrival-copy,.section:has(.arrival-scene)>:not(.arrival-scene),.distant-item,.distant-item img{transition:none!important}}

/* One camera plane preserves the subject's proportions relative to its forest. */
.camera-world{pointer-events:none;background:#08090d;isolation:isolate;will-change:transform}
.camera-tree-plane{pointer-events:none}
.camera-subject{position:absolute;object-fit:contain;object-position:center bottom;filter:var(--art-grade,brightness(1.08) saturate(1));max-width:none;z-index:2;transition:none;transform:none}
.arrival-scene{overflow:hidden}
.arrival-copy{z-index:3}

/* Small dark tire/foot shadows replace the generic floating platform. */
.terrain-contacts{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0;transition:opacity 1.2s ease}
.spotlit .terrain-contacts,.camera-world .terrain-contacts{opacity:1}
.terrain-contacts i{position:absolute;display:block;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#030203d9 8%,#07040888 38%,transparent 72%);border-radius:50%}
.distant-item:has(.terrain-contacts) .ground-contact{display:none!important}
.camera-contact{inset:auto}
@media(prefers-reduced-motion:reduce){.terrain-contacts{transition:none}}

/* Full-width forest landing: no inset window edge or cropped head at handoff. */
.section>.arrival-scene{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:visible;background:transparent}
.arrival-scene>.camera-world{border:0;border-radius:0;box-shadow:none}
.arrival-copy{opacity:1;transition:opacity 1.8s ease;background:linear-gradient(90deg,transparent,#08090d66)}
.arrival-pending .arrival-copy{opacity:0}
.arrival-ready .arrival-copy{opacity:1}

/* A short passage through shadow and light, without hiding the destination. */
.warp-atmosphere{position:fixed;inset:0;z-index:81;pointer-events:none;--passage:0}
.warp-atmosphere:before{content:'';position:absolute;inset:0;opacity:calc(var(--passage)*.64);background:radial-gradient(ellipse at var(--warp-x) var(--warp-y),#04031138 0%,#05031185 42%,#030209e8 100%)}
.warp-atmosphere:after{content:'';position:absolute;inset:0;opacity:calc(var(--passage)*.22);background:repeating-conic-gradient(from 12deg at var(--warp-x) var(--warp-y),transparent 0deg 28deg,#b7dfff88 29deg,transparent 30deg);mask-image:radial-gradient(ellipse at var(--warp-x) var(--warp-y),transparent 20%,#0008 65%,#000 100%);mix-blend-mode:screen}
@media(prefers-reduced-motion:reduce){.warp-atmosphere{display:none}}

/* Forehead playback: five cached vector layers, active only during the short effect. */
#fractal{display:none!important}
.rainbow-playback{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:7;display:none}
.journey .rainbow-playback{display:block}
.rainbow-playback svg{position:absolute;left:calc(50% - 120px);top:calc(28% - 120px);width:240px;height:240px;opacity:0;transform:scale(.015);transform-origin:center;will-change:transform,opacity}
@keyframes ring-flight{0%{transform:scale(.15) rotate(0deg);opacity:0}15%{opacity:.7}80%{opacity:.4}100%{transform:scale(6) rotate(65deg);opacity:0}}
.hero.preview-active .hero-copy,.hero:has(.distant-item.spotlit) .hero-copy{opacity:0;visibility:hidden;pointer-events:none}
.paused .rainbow-playback,.hero-offscreen .rainbow-playback{display:none}
@media(prefers-reduced-motion:reduce){.rainbow-playback{display:none!important}.hero-copy h1{animation:none!important}}

/* Inquiry-style passing trees around the persistent, grounded destination. */
.grove-passage{overflow:hidden;opacity:var(--passage)}
.grove-passage:before,.grove-passage:after{display:none}
.grove-passage .forest-row{transform-origin:var(--warp-x) var(--warp-y);mask-image:linear-gradient(90deg,#000 0%,#000b 12%,transparent 32%,transparent 68%,#000b 88%,#000 100%)}
.grove-passage .row-far{animation:pass-far 4.2s linear both}
.grove-passage .row-mid{animation:pass-mid 4.2s linear both}
.grove-passage .row-close{animation:pass-close 4.2s linear both}
.camera-travelling .forest-arrival{animation:none!important}

/* A brief camera retreat sets the destination farther into the same grove. */
.grove-passage .forest-row{animation-duration:3.9s;animation-delay:1.1s}

/* The arrival is the same scene: no second fade/scale animation at handoff. */
.section.forest-arrival:has(.camera-world){animation:none!important;filter:none!important;transform:none!important}
.camera-subject{opacity:1!important;visibility:visible!important;mask-image:none!important}
.camera-surround{pointer-events:none}

/* The forehead acts as a beacon: the whole logo brightens toward that target. */
.logo-led-geometry,.logo-wrap:hover .logo-led-geometry,.logo-wrap:focus-within .logo-led-geometry{opacity:calc(.13 + var(--logo-near)*.87);filter:brightness(calc(1 + var(--logo-near)*1.7)) saturate(1.65) drop-shadow(0 0 3px #ff45d9) drop-shadow(0 0 8px #57dfff);transition:opacity .1s,filter .1s}
#third-eye .forehead-sun{opacity:calc(.08 + var(--eye-near)*.92);transform:translate(-50%,-50%) scale(calc(.35 + var(--eye-near)*.85));filter:brightness(calc(1 + var(--eye-near)*1.4)) saturate(1.8) drop-shadow(0 0 2px #fff8) drop-shadow(0 0 6px #fd4ed4)!important}
#third-eye .forehead-leds{filter:brightness(calc(1 + var(--eye-near)*1.8)) saturate(1.7) drop-shadow(0 0 3px #65eaff)!important}
#third-eye:hover .forehead-sun,#third-eye:focus-visible .forehead-sun{opacity:1;transform:translate(-50%,-50%) scale(1.2)}

#third-eye:focus-visible{--eye-near:1!important;outline:2px solid #8af9ff;outline-offset:5px;border-radius:50%}

/* Two-stage rainbow beacon: approach the logo, then intensify at the forehead. */
.logo-wrap{--forehead-boost:0}
.logo-led-geometry,.logo-wrap:hover .logo-led-geometry,.logo-wrap:focus-within .logo-led-geometry{opacity:calc(.12 + var(--logo-near)*.88);filter:saturate(2) brightness(calc(1 + var(--logo-near)*2.5 + var(--forehead-boost)*3)) drop-shadow(0 0 2px #fff8) drop-shadow(0 0 7px #ff32d9) drop-shadow(0 0 16px #49ddff) drop-shadow(0 0 26px #922aff);}
#third-eye .forehead-sun{filter:saturate(2) brightness(calc(1 + var(--eye-near)*2 + var(--forehead-boost)*2.5)) drop-shadow(0 0 2px #fffc) drop-shadow(0 0 9px #ff31cf) drop-shadow(0 0 20px #40ddff)!important}
#third-eye .forehead-leds{filter:saturate(2) brightness(calc(1 + var(--eye-near)*2.5 + var(--forehead-boost)*3)) drop-shadow(0 0 4px #fff9) drop-shadow(0 0 14px #57eaff)!important}
.logo-wrap:focus-within{--forehead-boost:1!important}

/* Defined logo silhouette and crisp rainbow LED lines. */
.logo{mask-image:none!important;-webkit-mask-image:none!important;clip-path:var(--logo-silhouette);filter:brightness(1.15)!important}
.logo-led-geometry,.logo-wrap:hover .logo-led-geometry,.logo-wrap:focus-within .logo-led-geometry{filter:saturate(2) brightness(calc(1 + var(--logo-near)*2.5 + var(--forehead-boost)*3));shape-rendering:geometricPrecision}

/* More sensitive proximity, brighter crisp LED cores. */
.logo-led-geometry,.logo-wrap:hover .logo-led-geometry,.logo-wrap:focus-within .logo-led-geometry{opacity:calc(.2 + var(--logo-near)*.8);filter:saturate(2.3) brightness(calc(1.3 + var(--logo-near)*3.5 + var(--forehead-boost)*4.5));transition:opacity .05s,filter .05s}
#third-eye .forehead-leds{filter:saturate(2.3) brightness(calc(1.3 + var(--eye-near)*3.5 + var(--forehead-boost)*4.5)) drop-shadow(0 0 2px #fff9)!important}
#third-eye .forehead-sun{filter:saturate(2.3) brightness(calc(1.2 + var(--eye-near)*3 + var(--forehead-boost)*3.5)) drop-shadow(0 0 2px #fffa)!important;transition:opacity .05s,transform .08s}

/* The extended forest and destination share one full-screen camera in both directions. */
body.camera-travelling{overflow-x:clip}
.arrival-scene:has(.camera-world){overflow:hidden}

/* Fade only the writing; the camera stays mounted in its final coordinate space. */
html{scrollbar-gutter:stable}
.section.stable-camera-landing{animation:none!important;transform:none!important;filter:none!important}
.stable-camera-landing .arrival-copy{transition:opacity 1.8s ease!important;transform:none!important;animation:none!important}
.stable-camera-landing.arrival-pending .arrival-copy{opacity:0}
.stable-camera-landing.arrival-ready .arrival-copy{opacity:1}

/* Keep scrollbar geometry identical during the camera motion and text reveal. */
body.camera-travelling{overflow:visible!important}
html{overflow-x:clip;overflow-y:scroll;scrollbar-gutter:stable}
.stable-camera-landing.arrival-ready .arrival-copy h2{animation:arrival-rainbow-pulse 1.5s ease 1.5s 1!important}
@keyframes arrival-rainbow-pulse{
0%,100%{color:inherit;text-shadow:none;filter:none}
18%{color:#ff70d9;text-shadow:-10px 0 14px #ff39ab99;filter:blur(.3px)}
40%{color:#ffc96b;text-shadow:-3px 0 13px #ffa63299,5px 0 15px #51ffc999;filter:blur(.6px)}
65%{color:#70f4ff;text-shadow:8px 0 15px #37dfff99;filter:blur(.4px)}
82%{color:#ce9bff;text-shadow:14px 0 13px #bd62ff88;filter:blur(.2px)}
}
@media(prefers-reduced-motion:reduce){.stable-camera-landing.arrival-ready .arrival-copy h2{animation:none!important}}

/* Small cat-eared octopuses grip, release, and climb along the trunks. */
.octo-sprite{color:#85c6b9;filter:drop-shadow(1px 3px 2px #000b);animation:octokitt-climb var(--crawl-time,14s) var(--delay) ease-in-out infinite alternate;transform-origin:50% 65%}
.octo-sprite:nth-child(2n){color:#bf91d6}
.octo-sprite .grip-a,.octo-sprite .grip-b{transform-box:fill-box;transform-origin:center;animation:octokitt-grip 1.4s ease-in-out infinite alternate;animation-play-state:paused}
.octo-sprite .grip-b{animation-delay:-1.4s}
.grove-wonders[data-active="1"] .octo-sprite .grip-a,.grove-wonders[data-active="1"] .octo-sprite .grip-b{animation-play-state:running}
@keyframes octokitt-climb{0%{transform:translate(0,17px) rotate(var(--lean))}30%{transform:translate(2px,5px) rotate(calc(var(--lean) + 3deg))}65%{transform:translate(-1px,-9px) rotate(var(--lean))}100%{transform:translate(1px,-24px) rotate(calc(var(--lean) - 3deg))}}
@keyframes octokitt-grip{from{transform:rotate(-5deg) scaleY(.93)}to{transform:rotate(5deg) scaleY(1.04)}}
.paused .octo-sprite,.paused .octo-sprite .grip-a,.paused .octo-sprite .grip-b{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.octo-sprite,.octo-sprite .grip-a,.octo-sprite .grip-b{animation:none!important}}

/* Forest flight lanes: birds disappear behind fixed trunks, not arbitrary timed fades. */
.bird-depth-plane{position:absolute;inset:0;pointer-events:none;overflow:hidden;mask-image:linear-gradient(90deg,#000 0% 8%,transparent 8.4% 12%,#000 12.4% 23%,transparent 23.4% 26%,#000 26.4% 76%,transparent 76.4% 79%,#000 79.4% 93%,transparent 93.4% 96%,#000 96.4%)}
.bird-plane-0{mask-image:linear-gradient(90deg,#000 0% 8%,transparent 8.4% 12%,#000 12.4% 23%,transparent 23.4% 28%,#000 28.4% 35%,transparent 35.4% 38%,#000 38.4% 61%,transparent 61.4% 64%,#000 64.4% 74%,transparent 74.4% 80%,#000 80.4% 91%,transparent 91.4% 96%,#000 96.4%)}
.bird-plane-1{mask-image:linear-gradient(90deg,#000 0% 8%,transparent 8.4% 12%,#000 12.4% 23%,transparent 23.4% 27%,#000 27.4% 67%,transparent 67.4% 70%,#000 70.4% 76%,transparent 76.4% 79%,#000 79.4% 93%,transparent 93.4% 96%,#000 96.4%)}
.bird-depth-plane .bird-sprite{color:#91b8c2;filter:none;animation:woodland-flight var(--duration) var(--delay) linear infinite;animation-play-state:paused}
.bird-return .bird-sprite{animation-direction:reverse}
.bird-depth-plane .bird-wing{animation-duration:.55s}
@keyframes woodland-flight{0%{opacity:0;transform:translate(0,18px) scale(.7) rotate(-5deg)}8%{opacity:var(--bird-alpha)}35%{transform:translate(28vw,-22px) scale(.82) rotate(4deg)}65%{transform:translate(55vw,8px) scale(.64) rotate(-7deg)}92%{opacity:var(--bird-alpha)}100%{opacity:0;transform:translate(86vw,-40px) scale(.45) rotate(-3deg)}}
.paused .bird-depth-plane .bird-sprite,.paused .bird-depth-plane .bird-wing{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.bird-depth-plane .bird-sprite,.bird-depth-plane .bird-wing{animation:none!important}}

/* One multicolor melt across the glyphs, then solid white again. */
.stable-camera-landing .arrival-copy h2{color:#fff;background-image:linear-gradient(105deg,#ff57b9 0%,#ffcf58 16%,#6dffac 32%,#4de7ff 48%,#a08aff 64%,#f77bff 80%,#ff57b9 100%);background-size:180% 100%;background-clip:text;-webkit-background-clip:text}
.stable-camera-landing.arrival-ready .arrival-copy h2{animation:arrival-rainbow-melt 2.4s ease-in-out 1.6s 1!important}
@keyframes arrival-rainbow-melt{
0%{color:#fff;background-position:0% 50%;filter:none;text-shadow:none}
20%{color:transparent;filter:blur(.25px);text-shadow:none}
50%{color:transparent;background-position:65% 50%;filter:blur(.65px)}
75%{color:transparent;filter:blur(.15px)}
100%{color:#fff;background-position:100% 50%;filter:none;text-shadow:none}
}
@media(prefers-reduced-motion:reduce){.stable-camera-landing.arrival-ready .arrival-copy h2{animation:none!important;color:#fff}}

/* About introduces the maker before the ordered worlds below. */
.about-octokitt{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;padding-top:110px;padding-bottom:110px;background:radial-gradient(ellipse at 15% 45%,#49206822,transparent 65%)}
.about-octokitt h2{font-size:clamp(34px,4.2vw,64px);line-height:1.12;margin-top:24px}
.about-story p{color:#c9c3d3;line-height:1.8;max-width:560px}
.about-story .about-lead{font-size:clamp(20px,2vw,27px);line-height:1.5;color:#f5f0ff}
.about-story .pill{margin-top:20px}
@media(max-width:700px){.about-octokitt{grid-template-columns:1fr;gap:20px;padding-top:70px;padding-bottom:70px}}

/* Consistent manual design browsing across every world. */
.design-arrow{position:absolute;top:48%;z-index:6;width:48px;height:58px;border:1px solid #cda5ff88;border-radius:50%;background:#100c22b8;color:#fff;font:38px/1 sans-serif;cursor:pointer;transition:background .2s,box-shadow .2s}
.design-prev{left:18px}.design-next{right:18px}
.design-arrow:hover,.design-arrow:focus-visible{background:#593785;box-shadow:0 0 20px #9c65ff88;outline:2px solid #b7faff}
.design-arrow:disabled{opacity:.25;cursor:default;box-shadow:none}
.design-style{font-size:clamp(16px,1.6vw,24px);font-weight:400;color:#dbc6ff;margin:8px 0 16px}
.design-count{display:block;font-size:11px;letter-spacing:.12em;color:#bcb0ce;margin:12px 0}
.arrival-scene:has(.design-arrow) .arrival-copy{right:7%;width:29%;top:22%;padding:18px;background:linear-gradient(90deg,#08090d22,#08090dbb);max-height:none;overflow:visible}
.arrival-copy:has(.design-arrow) h2{font-size:38px}
.lei-design-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lei-design-options label{font-size:12px;color:#e6d9f4;display:grid;gap:6px}
.lei-design-options select{min-width:0;width:100%;color:#fff;background:#171222;border:1px solid #8a729c;border-radius:6px;padding:9px;font:inherit}
.lei-design-options .design-note{grid-column:1/-1;font-size:11px;line-height:1.45;color:#bcb2c8}
.design-request{font-size:11px;padding:12px 16px;margin-top:10px}
@media(max-width:700px){.arrival-scene:has(.design-arrow){min-height:780px}.arrival-scene:has(.design-arrow) .arrival-copy{left:12%;right:12%;width:auto;top:auto;bottom:3%;max-height:none;padding:12px}.design-arrow{width:40px;height:48px;top:34%}.design-prev{left:8px}.design-next{right:8px}.arrival-scene:has(.design-arrow) .arrival-copy h2{font-size:29px}}

/* Each category presents its main clearing and design controls. */
.project-browser>:not(.arrival-scene){display:none!important}

/* A rightward path deeper into the grove opens the inquiry clearing. */
.forest-transit.inquiry-turn{background:#171024 url('assets/deep-redwoods.webp') 60% center/cover}
.forest-transit.inquiry-turn.running .forest-distance{animation:inquiry-path 4.2s ease-in-out both;transform-origin:72% 52%}
.forest-transit.inquiry-turn.running .forest-row,.forest-transit.inquiry-turn.running .forest-near{transform-origin:78% 55%}
.forest-transit.inquiry-turn .deep-light{background:radial-gradient(ellipse at 72% 50%,#60fff166,transparent 48%),radial-gradient(ellipse at 20% 65%,#ed58ff55,transparent 65%)!important;opacity:.45!important}
@keyframes inquiry-path{0%{transform:scale(1) translateX(0);filter:brightness(.85)}45%{transform:scale(1.35) translateX(-5%);filter:brightness(1.15)}100%{transform:scale(1.9) translateX(-11%);filter:brightness(1.1)}}
#inquiry-dialog.grove-inquiry{width:min(720px,90vw);max-height:88svh;border:1px solid #b79bea88;border-radius:20px;background:linear-gradient(135deg,#141529ed,#211229ed);color:#fff;box-shadow:-25px 0 100px #00dfd144,25px 0 100px #e448ff55,0 0 30px #c5b1ff33;animation:inquiry-form-reveal 1.5s ease both}
#inquiry-dialog.grove-inquiry::backdrop{background:radial-gradient(ellipse at 15% 45%,#24e9db38,transparent 50%),radial-gradient(ellipse at 85% 55%,#ed4bff44,transparent 50%),linear-gradient(#080c1622,#0d071933),url('assets/deep-redwoods.webp') 65% center/cover;backdrop-filter:none}
@keyframes inquiry-form-reveal{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){#inquiry-dialog.grove-inquiry{animation:none}}

/* Native page scroll, with scenery held beside the full-height text. */
.section>.arrival-scene,.arrival-scene:has(.camera-world),.arrival-scene:has(.design-arrow){height:auto;min-height:100svh;overflow:visible;display:flow-root}
.arrival-visual{position:sticky;top:0;height:100svh;width:100%;overflow:hidden;pointer-events:none;background:url('assets/deep-redwoods.webp') center/cover}
.arrival-scene:has(.design-arrow) .arrival-copy{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:29%;margin-left:64%;margin-top:-78svh;margin-bottom:0;padding:18px 18px 70px;max-height:none;overflow:visible;min-height:78svh;box-sizing:border-box}
.arrival-scene .design-arrow{top:48svh}
@media(max-width:700px){
.arrival-scene:has(.design-arrow) .arrival-copy{width:76%;margin-left:12%;margin-top:-42svh;min-height:42svh;padding:16px 16px 55px;background:linear-gradient(#08090da6,#08090dd9)}
.arrival-scene .design-arrow{top:30svh}
}

/* Lei details always size to their content, never a nested scroll container. */
#shop .arrival-scene .arrival-copy{height:auto!important;max-height:none!important;overflow:visible!important;overflow-y:visible!important;min-height:0;align-self:start}

/* The dialog's top layer contains the same forest from the first frame onward. */
#inquiry-dialog.continuous-inquiry{position:fixed;inset:0;margin:0;width:100%;height:100svh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow-y:auto;overflow-x:clip;animation:none!important}
#inquiry-dialog.continuous-inquiry::backdrop{background:transparent;backdrop-filter:none}
.inquiry-landscape{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:#101323 url('assets/deep-redwoods.webp') center/cover;transform-origin:76% 30%;animation:inquiry-continuous-camera 4.4s cubic-bezier(.32,0,.2,1) both}
.inquiry-scene-snapshot img{margin:0!important;max-height:none!important;max-width:none!important;object-fit:contain!important}
.inquiry-landscape:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,#28ffdb33,transparent 55%),radial-gradient(ellipse at 80% 45%,#ef4cff44,transparent 55%);opacity:0;animation:inquiry-light-rise 4.4s ease both}
#inquiry-dialog.continuous-inquiry .inquiry-sheet{position:relative;box-sizing:border-box;width:min(720px,90%);margin:5svh auto;padding:40px;border:1px solid #b2baff66;border-radius:18px;background:linear-gradient(135deg,#131c2be6,#21152be8);box-shadow:-20px 0 80px #29e8d536,20px 0 80px #df4cff3d;opacity:0;animation:inquiry-sheet-light 4.4s ease both}
@keyframes inquiry-continuous-camera{0%{transform:translate(0,0) scale(1)}45%{transform:translate(-3%,3%) scale(1.22)}100%{transform:translate(-10%,9%) scale(1.85)}}
@keyframes inquiry-sheet-light{0%,38%{opacity:0;filter:brightness(.35)}70%{opacity:.4;filter:brightness(.65)}100%{opacity:1;filter:brightness(1)}}
@keyframes inquiry-light-rise{0%,25%{opacity:0}100%{opacity:1}}
#inquiry-dialog.inquiry-still .inquiry-landscape,#inquiry-dialog.inquiry-still .inquiry-sheet,#inquiry-dialog.inquiry-still .inquiry-landscape:after{animation:none!important;opacity:1}
@media(max-width:700px){#inquiry-dialog.continuous-inquiry .inquiry-sheet{padding:30px 22px}}
@media(prefers-reduced-motion:reduce){.inquiry-landscape,.inquiry-sheet,.inquiry-landscape:after{animation:none!important;opacity:1!important}}

/* The second totem hangs from the canopy, rather than standing on the floor. */
.hanging-octopus .camera-subject,.hanging-octopus .arrival-image{transform:rotate(0deg) scale(.72)!important;transform-origin:center;object-position:center!important}
.hanging-octopus .camera-contact{opacity:0!important}
.hanging-octopus .arrival-visual:after{content:'';position:absolute;z-index:3;left:50%;top:0;height:24%;width:2px;background:linear-gradient(#6d687b,#3d354c);box-shadow:1px 0 1px #0009;pointer-events:none}
#totems .selected-project-gallery img[src$="totem-octopus-detail.webp"]{transform:none}

/* Restore the forest fly-through, followed by a slow illumination of the form. */
#inquiry-dialog.grove-inquiry:not(.continuous-inquiry){animation:inquiry-return-focus 1.8s ease both!important}
@keyframes inquiry-return-focus{0%{opacity:0;filter:brightness(.2) blur(2px)}65%{opacity:.8;filter:brightness(.75) blur(.4px)}100%{opacity:1;filter:brightness(1) blur(0)}}
@media(prefers-reduced-motion:reduce){#inquiry-dialog.grove-inquiry:not(.continuous-inquiry){animation:none!important}}

/* Gate the entire information panel until camera travel has finished. */
.section.arrival-in-motion .arrival-copy{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:none!important;animation:none!important}
.section.arrival-in-motion .arrival-copy *{animation:none!important}
.section.arrival-copy-lit .arrival-copy{visibility:visible;animation:finished-camera-copy 1.8s ease both!important}
@keyframes finished-camera-copy{from{opacity:0;filter:brightness(.3) blur(1.5px)}to{opacity:1;filter:brightness(1) blur(0)}}
@media(prefers-reduced-motion:reduce){.section.arrival-copy-lit .arrival-copy{animation:none!important}}

/* The fly-through itself becomes the permanent form backdrop; no second forest. */
#inquiry-dialog.held-inquiry .inquiry-flight{z-index:-1;opacity:1;animation:none!important;pointer-events:none}
#inquiry-dialog.held-inquiry .inquiry-sheet{animation:held-form-reveal 6.6s ease both}
@keyframes held-form-reveal{0%,64%{opacity:0;filter:brightness(.2) blur(2px)}82%{opacity:.4;filter:brightness(.6) blur(.8px)}100%{opacity:1;filter:brightness(1) blur(0)}}
#inquiry-dialog.held-inquiry .inquiry-flight .travelling-totem{display:none}
#inquiry-dialog.held-inquiry.inquiry-still .inquiry-sheet{animation:none!important;opacity:1;filter:none}
#inquiry-dialog.held-inquiry.inquiry-still .inquiry-flight *{animation-duration:.001s!important}
@media(prefers-reduced-motion:reduce){#inquiry-dialog.held-inquiry .inquiry-flight{display:block}#inquiry-dialog.held-inquiry .inquiry-flight *{animation-duration:.001s!important}#inquiry-dialog.held-inquiry .inquiry-sheet{animation:none!important;opacity:1}}

/* Contact entry completes in two seconds: movement, then the form reveal. */
#inquiry-dialog.held-inquiry .inquiry-flight .forest-distance,#inquiry-dialog.held-inquiry .inquiry-flight .forest-row,#inquiry-dialog.held-inquiry .inquiry-flight .forest-near{animation-duration:1.28s!important}
#inquiry-dialog.held-inquiry .inquiry-sheet{animation-duration:2s!important}
@media(prefers-reduced-motion:reduce){#inquiry-dialog.held-inquiry .inquiry-flight *{animation-duration:.001s!important}}

/* One camera path governs the entire inquiry grove: rightward drift, then a left curve. */
#inquiry-dialog.held-inquiry .inquiry-flight{transform-origin:50% 50%;animation:inquiry-curved-path 1.28s linear both!important}
#inquiry-dialog.held-inquiry .inquiry-flight .forest-distance,#inquiry-dialog.held-inquiry .inquiry-flight .forest-row,#inquiry-dialog.held-inquiry .inquiry-flight .forest-near{animation:none!important;transform:none!important;filter:brightness(.95) saturate(1.2);opacity:1}
#inquiry-dialog.held-inquiry .inquiry-flight .forest-row{display:none}
@keyframes inquiry-curved-path{
0%{transform:translate(0.0000%,0.0000%) scale(1.0000)}
5%{transform:translate(-0.1591%,0.0218%) scale(1.0052)}
10%{transform:translate(-0.6095%,0.0840%) scale(1.0202)}
15%{transform:translate(-1.3020%,0.1822%) scale(1.0437)}
20%{transform:translate(-2.1709%,0.3120%) scale(1.0749)}
25%{transform:translate(-3.1289%,0.4688%) scale(1.1125)}
30%{transform:translate(-4.0672%,0.6480%) scale(1.1555)}
35%{transform:translate(-4.8624%,0.8452%) scale(1.2029)}
40%{transform:translate(-5.3896%,1.0560%) scale(1.2534)}
45%{transform:translate(-5.5420%,1.2758%) scale(1.3062)}
50%{transform:translate(-5.2500%,1.5000%) scale(1.3600)}
55%{transform:translate(-4.4955%,1.7243%) scale(1.4138)}
60%{transform:translate(-3.3176%,1.9440%) scale(1.4666)}
65%{transform:translate(-1.8069%,2.1547%) scale(1.5171)}
70%{transform:translate(-0.0912%,2.3520%) scale(1.5645)}
75%{transform:translate(1.6836%,2.5312%) scale(1.6075)}
80%{transform:translate(3.3731%,2.6880%) scale(1.6451)}
85%{transform:translate(4.8475%,2.8177%) scale(1.6763)}
90%{transform:translate(5.9985%,2.9160%) scale(1.6998)}
95%{transform:translate(6.7394%,2.9783%) scale(1.7148)}
100%{transform:translate(7.0000%,3.0000%) scale(1.7200)}
}
#inquiry-dialog.held-inquiry.inquiry-still .inquiry-flight{animation:none!important;transform:translate(7%,3%) scale(1.72)}
@media(prefers-reduced-motion:reduce){#inquiry-dialog.held-inquiry .inquiry-flight{animation:none!important;transform:translate(7%,3%) scale(1.72)}}

/* A forward camera follows a gentle S bend without exposing the forest edges. */
#inquiry-dialog.held-inquiry .inquiry-flight{transform-origin:50% 64%;animation:inquiry-winding-path 3.4s linear both!important}
/* One eased progress curve, sampled continuously: no restart at each bend. */
@keyframes inquiry-winding-path{
 0.00%{transform:translate(0.00000%,0.00000%) scale(1.040000) rotate(-0.00000deg)}
 1.25%{transform:translate(0.00001%,0.00093%) scale(1.040516) rotate(-0.00000deg)}
 2.50%{transform:translate(0.00019%,0.00369%) scale(1.042047) rotate(-0.00003deg)}
 3.75%{transform:translate(0.00093%,0.00823%) scale(1.044566) rotate(-0.00013deg)}
 5.00%{transform:translate(0.00290%,0.01450%) scale(1.048048) rotate(-0.00041deg)}
 6.25%{transform:translate(0.00696%,0.02246%) scale(1.052466) rotate(-0.00099deg)}
 7.50%{transform:translate(0.01417%,0.03206%) scale(1.057795) rotate(-0.00202deg)}
 8.75%{transform:translate(0.02576%,0.04326%) scale(1.064008) rotate(-0.00368deg)}
 10.00%{transform:translate(0.04305%,0.05600%) scale(1.071080) rotate(-0.00615deg)}
 11.25%{transform:translate(0.06749%,0.07024%) scale(1.078984) rotate(-0.00964deg)}
 12.50%{transform:translate(0.10050%,0.08594%) scale(1.087695) rotate(-0.01436deg)}
 13.75%{transform:translate(0.14352%,0.10304%) scale(1.097187) rotate(-0.02050deg)}
 15.00%{transform:translate(0.19785%,0.12150%) scale(1.107433) rotate(-0.02826deg)}
 16.25%{transform:translate(0.26462%,0.14127%) scale(1.118407) rotate(-0.03780deg)}
 17.50%{transform:translate(0.34469%,0.16231%) scale(1.130083) rotate(-0.04924deg)}
 18.75%{transform:translate(0.43857%,0.18457%) scale(1.142437) rotate(-0.06265deg)}
 20.00%{transform:translate(0.54631%,0.20800%) scale(1.155440) rotate(-0.07804deg)}
 21.25%{transform:translate(0.66747%,0.23255%) scale(1.169068) rotate(-0.09535deg)}
 22.50%{transform:translate(0.80097%,0.25819%) scale(1.183294) rotate(-0.11442deg)}
 23.75%{transform:translate(0.94510%,0.28485%) scale(1.198093) rotate(-0.13501deg)}
 25.00%{transform:translate(1.09747%,0.31250%) scale(1.213437) rotate(-0.15678deg)}
 26.25%{transform:translate(1.25496%,0.34109%) scale(1.229303) rotate(-0.17928deg)}
 27.50%{transform:translate(1.41381%,0.37056%) scale(1.245662) rotate(-0.20197deg)}
 28.75%{transform:translate(1.56964%,0.40088%) scale(1.262490) rotate(-0.22423deg)}
 30.00%{transform:translate(1.71758%,0.43200%) scale(1.279760) rotate(-0.24537deg)}
 31.25%{transform:translate(1.85240%,0.46387%) scale(1.297446) rotate(-0.26463deg)}
 32.50%{transform:translate(1.96867%,0.49644%) scale(1.315523) rotate(-0.28124deg)}
 33.75%{transform:translate(2.06099%,0.52966%) scale(1.333964) rotate(-0.29443deg)}
 35.00%{transform:translate(2.12424%,0.56350%) scale(1.352742) rotate(-0.30346deg)}
 36.25%{transform:translate(2.15376%,0.59790%) scale(1.371834) rotate(-0.30768deg)}
 37.50%{transform:translate(2.14568%,0.63281%) scale(1.391211) rotate(-0.30653deg)}
 38.75%{transform:translate(2.09705%,0.66820%) scale(1.410848) rotate(-0.29958deg)}
 40.00%{transform:translate(2.00613%,0.70400%) scale(1.430720) rotate(-0.28659deg)}
 41.25%{transform:translate(1.87248%,0.74018%) scale(1.450800) rotate(-0.26750deg)}
 42.50%{transform:translate(1.69710%,0.77669%) scale(1.471062) rotate(-0.24244deg)}
 43.75%{transform:translate(1.48246%,0.81348%) scale(1.491479) rotate(-0.21178deg)}
 45.00%{transform:translate(1.23247%,0.85050%) scale(1.512028) rotate(-0.17607deg)}
 46.25%{transform:translate(0.95238%,0.88771%) scale(1.532680) rotate(-0.13605deg)}
 47.50%{transform:translate(0.64859%,0.92506%) scale(1.553410) rotate(-0.09266deg)}
 48.75%{transform:translate(0.32847%,0.96251%) scale(1.574192) rotate(-0.04692deg)}
 50.00%{transform:translate(0.00000%,1.00000%) scale(1.595000) rotate(-0.00000deg)}
 51.25%{transform:translate(-0.32847%,1.03749%) scale(1.615808) rotate(0.04692deg)}
 52.50%{transform:translate(-0.64859%,1.07494%) scale(1.636590) rotate(0.09266deg)}
 53.75%{transform:translate(-0.95238%,1.11229%) scale(1.657320) rotate(0.13605deg)}
 55.00%{transform:translate(-1.23247%,1.14950%) scale(1.677973) rotate(0.17607deg)}
 56.25%{transform:translate(-1.48246%,1.18652%) scale(1.698521) rotate(0.21178deg)}
 57.50%{transform:translate(-1.69710%,1.22331%) scale(1.718938) rotate(0.24244deg)}
 58.75%{transform:translate(-1.87248%,1.25982%) scale(1.739200) rotate(0.26750deg)}
 60.00%{transform:translate(-2.00613%,1.29600%) scale(1.759280) rotate(0.28659deg)}
 61.25%{transform:translate(-2.09705%,1.33180%) scale(1.779152) rotate(0.29958deg)}
 62.50%{transform:translate(-2.14568%,1.36719%) scale(1.798789) rotate(0.30653deg)}
 63.75%{transform:translate(-2.15376%,1.40210%) scale(1.818166) rotate(0.30768deg)}
 65.00%{transform:translate(-2.12424%,1.43650%) scale(1.837258) rotate(0.30346deg)}
 66.25%{transform:translate(-2.06099%,1.47034%) scale(1.856036) rotate(0.29443deg)}
 67.50%{transform:translate(-1.96867%,1.50356%) scale(1.874477) rotate(0.28124deg)}
 68.75%{transform:translate(-1.85240%,1.53613%) scale(1.892554) rotate(0.26463deg)}
 70.00%{transform:translate(-1.71758%,1.56800%) scale(1.910240) rotate(0.24537deg)}
 71.25%{transform:translate(-1.56964%,1.59912%) scale(1.927510) rotate(0.22423deg)}
 72.50%{transform:translate(-1.41381%,1.62944%) scale(1.944338) rotate(0.20197deg)}
 73.75%{transform:translate(-1.25496%,1.65891%) scale(1.960697) rotate(0.17928deg)}
 75.00%{transform:translate(-1.09747%,1.68750%) scale(1.976562) rotate(0.15678deg)}
 76.25%{transform:translate(-0.94510%,1.71515%) scale(1.991907) rotate(0.13501deg)}
 77.50%{transform:translate(-0.80097%,1.74181%) scale(2.006706) rotate(0.11442deg)}
 78.75%{transform:translate(-0.66747%,1.76745%) scale(2.020932) rotate(0.09535deg)}
 80.00%{transform:translate(-0.54631%,1.79200%) scale(2.034560) rotate(0.07804deg)}
 81.25%{transform:translate(-0.43857%,1.81543%) scale(2.047563) rotate(0.06265deg)}
 82.50%{transform:translate(-0.34469%,1.83769%) scale(2.059917) rotate(0.04924deg)}
 83.75%{transform:translate(-0.26462%,1.85873%) scale(2.071593) rotate(0.03780deg)}
 85.00%{transform:translate(-0.19785%,1.87850%) scale(2.082568) rotate(0.02826deg)}
 86.25%{transform:translate(-0.14352%,1.89696%) scale(2.092813) rotate(0.02050deg)}
 87.50%{transform:translate(-0.10050%,1.91406%) scale(2.102305) rotate(0.01436deg)}
 88.75%{transform:translate(-0.06749%,1.92976%) scale(2.111016) rotate(0.00964deg)}
 90.00%{transform:translate(-0.04305%,1.94400%) scale(2.118920) rotate(0.00615deg)}
 91.25%{transform:translate(-0.02576%,1.95674%) scale(2.125992) rotate(0.00368deg)}
 92.50%{transform:translate(-0.01417%,1.96794%) scale(2.132205) rotate(0.00202deg)}
 93.75%{transform:translate(-0.00696%,1.97754%) scale(2.137534) rotate(0.00099deg)}
 95.00%{transform:translate(-0.00290%,1.98550%) scale(2.141953) rotate(0.00041deg)}
 96.25%{transform:translate(-0.00093%,1.99177%) scale(2.145434) rotate(0.00013deg)}
 97.50%{transform:translate(-0.00019%,1.99631%) scale(2.147953) rotate(0.00003deg)}
 98.75%{transform:translate(-0.00001%,1.99907%) scale(2.149484) rotate(0.00000deg)}
 100.00%{transform:translate(-0.00000%,2.00000%) scale(2.150000) rotate(0.00000deg)}
}
#inquiry-dialog.held-inquiry.inquiry-still .inquiry-flight{animation:none!important;transform:translate(0,2%) scale(2.15)}
@media(prefers-reduced-motion:reduce){#inquiry-dialog.held-inquiry .inquiry-flight{animation:none!important;transform:translate(0,2%) scale(2.15)}}


.suspended-octopus{display:none}
.hanging-octopus .camera-subject,.hanging-octopus .arrival-image{visibility:hidden!important;opacity:0!important}
.hanging-octopus .suspended-octopus{display:block;position:absolute;z-index:4;left:50%;top:22.8%;height:54svh;width:auto;max-width:none;transform:translateX(-50%);object-fit:contain;filter:brightness(1.2) saturate(1.08);pointer-events:none}
.hanging-octopus .arrival-visual:after{left:50%;height:24svh}

.fixture-label{line-height:1.15;letter-spacing:.2px;font-weight:700}.fixture-number{font-size:10px;margin-top:5px}

/* Keep fixture feedback local so the illuminated grove remains the focus. */
.proximity-target.fixture svg,.fixture.lit svg{filter:brightness(calc(1 + var(--near,0)*.12)) drop-shadow(0 0 5px color-mix(in srgb,var(--color) 35%,transparent))}
.fixture.lit:before{opacity:.12;transform:scale(1.1,1);background:radial-gradient(ellipse,color-mix(in srgb,var(--color) 35%,transparent),transparent 65%)}

.og-king-camp{display:none}
.og-king-scene .camera-subject,.og-king-scene .arrival-image{visibility:hidden!important;opacity:0!important}
.og-king-scene .camera-contact{opacity:0!important}
.og-king-scene .og-king-camp{display:block;position:absolute;z-index:3;left:35%;bottom:4%;height:88%;width:60%;object-fit:contain;object-position:center bottom;transform:translateX(-50%);pointer-events:none}
@media(max-width:700px){.og-king-scene .og-king-camp{left:50%;width:94%;height:66%;bottom:30%}}

.design-travelling{overflow:clip}.design-travelling .arrival-visual{will-change:transform,opacity;transform-origin:50% 55%}.design-travelling .design-request{pointer-events:none}

/* Give the printer and its description distinct areas, including direct arrivals. */
#printing .arrival-image{left:9%;top:16%;width:46%;height:68%}
@media(max-width:700px){#printing .arrival-image{left:10%;top:5%;width:80%;height:42%}#printing .arrival-copy{margin-top:-48svh}}

/* Shared composition: artwork ends at 55%; copy begins at 64%. */
.project-browser .arrival-scene .arrival-image{left:9%;top:12%;width:46%;height:76%;object-position:center;object-fit:contain}
.project-browser .arrival-scene .arrival-copy{overflow-wrap:anywhere}
.project-browser .hanging-octopus .suspended-octopus{left:32%;max-width:46%;object-fit:contain}
.project-browser .hanging-octopus .arrival-visual:after{left:32%}
.project-browser .og-king-scene .og-king-camp{left:32%;width:46%;height:76%;bottom:12%}
@media(max-width:700px){
 .project-browser .arrival-scene .arrival-visual{position:relative;top:auto}
 .project-browser .arrival-scene .arrival-image{left:10%;top:5%;width:80%;height:42%}
 .project-browser .arrival-scene:has(.design-arrow) .arrival-copy,#printing .arrival-copy{margin-top:-48svh;width:84%;margin-left:8%;min-height:48svh}
 .project-browser .hanging-octopus .suspended-octopus{left:50%;top:8%;height:40svh;max-width:80%}
 .project-browser .hanging-octopus .arrival-visual:after{left:50%;height:9svh}
 .project-browser .og-king-scene .og-king-camp{left:50%;width:80%;height:42%;bottom:53%}
}

/* Artwork stays sharp; copy and forms reveal through light, never defocus. */
.camera-world{filter:none!important}
@keyframes finished-camera-copy{from{opacity:0;filter:brightness(.45)}to{opacity:1;filter:brightness(1)}}
.section.arrival-copy-lit .arrival-copy{animation:finished-camera-copy .85s ease-out both!important}
@keyframes held-form-reveal{0%,64%{opacity:0;filter:brightness(.3)}82%{opacity:.45;filter:brightness(.65)}100%{opacity:1;filter:brightness(1)}}
@keyframes inquiry-return-focus{from{opacity:0;filter:brightness(.4)}to{opacity:1;filter:brightness(1)}}
.arrival-copy h2{filter:none!important}
@media(prefers-reduced-motion:reduce){.section.arrival-copy-lit .arrival-copy{animation:none!important}}

/* A clear invitation accompanies each illuminated preview. */
.preview-invitation{position:absolute;z-index:3;left:61%;right:5%;top:54%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s;text-shadow:0 2px 8px #000,0 0 18px #000}
.preview-invitation strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:clamp(23px,2.7vw,38px);line-height:1.1;color:#fff}
.preview-invitation p{font-size:clamp(13px,1.4vw,18px);line-height:1.4;color:#e6d8ff;margin:12px 0 0}
.hero:has(.distant-item.spotlit):not(.destination-locked) .preview-invitation{opacity:1;visibility:visible}
@media(max-width:700px){.preview-invitation{left:60%;right:4%;top:51%}.preview-invitation strong{font-size:20px}.preview-invitation p{font-size:12px;margin-top:8px}}

/* Invitations sit at the edge; preview objects retain their original clearing. */
.preview-invitation{left:auto;right:3%;width:19%;top:34%;text-align:right}
.preview-invitation strong{font-size:clamp(16px,1.65vw,23px);line-height:1.15}
.preview-invitation p{font-size:clamp(11px,1vw,14px);line-height:1.4;margin-top:7px}
@media(max-width:700px){.preview-invitation{left:auto;right:3%;width:25%;top:35%}.preview-invitation strong{font-size:15px}.preview-invitation p{font-size:10px;margin-top:5px}}

/* Keep the inquiry forest subdued while the form gently illuminates. */
#inquiry-dialog.held-inquiry .inquiry-flight{filter:brightness(.65) saturate(1.05)!important}
#inquiry-dialog.held-inquiry .inquiry-flight .deep-light{opacity:.12!important}
#inquiry-dialog.continuous-inquiry .inquiry-sheet{box-shadow:-12px 0 45px #29e8d51a,12px 0 45px #df4cff20}

/* Prominent left-side invitations, independent of the centered preview objects. */
.preview-invitation{left:3%;right:auto;top:30%;width:25%;text-align:left;text-shadow:0 2px 8px #000,0 0 22px #000}
.preview-invitation strong{font-size:clamp(28px,3.1vw,46px);font-weight:700;line-height:1.06;letter-spacing:-.6px}
.preview-invitation p{font-size:clamp(14px,1.45vw,20px);line-height:1.4;margin-top:14px;color:#f1e8ff}
@media(max-width:700px){.preview-invitation{left:3%;right:auto;top:32%;width:28%}.preview-invitation strong{font-size:clamp(19px,4.7vw,28px);letter-spacing:-.3px}.preview-invitation p{font-size:12px;line-height:1.35;margin-top:8px}}

.section-navigation{position:fixed;top:14px;left:3%;right:3%;z-index:95;display:flex;align-items:center;gap:18px;padding:9px 14px;border:1px solid #c7a1ff38;border-radius:16px;background:#090d18ed;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .35s ease,transform .35s ease,visibility .35s;box-shadow:0 4px 20px #0005}
.section-navigation.is-visible{opacity:1;visibility:visible;transform:none}
.return-home{flex-shrink:0;display:flex;gap:8px;align-items:center;padding:10px 15px;border-radius:10px;background:linear-gradient(110deg,#77e7e5,#baa0ff,#ff9bd5);color:#111322;font-size:15px;font-weight:700}
.section-nav-links{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex:1;overflow-x:auto;scrollbar-width:thin}
.section-nav-links a{white-space:nowrap;font-size:11px;letter-spacing:.5px;color:var(--nav-color);padding:9px 0}
.section-nav-links a:hover{color:white}
.camera-travelling .section-navigation{opacity:0;pointer-events:none}
@media(max-width:700px){.section-navigation{left:10px;right:10px;top:8px;padding:7px;gap:12px}.return-home{padding:9px 11px}.section-nav-links{justify-content:flex-start;gap:16px}}
@media(prefers-reduced-motion:reduce){.section-navigation{transition:none}}

#inquiry-dialog.inquiry-closing .inquiry-sheet{animation:none!important;opacity:0!important;filter:brightness(.4);transition:opacity .3s ease,filter .3s ease;pointer-events:none}

.preview-invitation strong{background:linear-gradient(100deg,#ff35a8 0%,#ffbd39 18%,#56ffbc 36%,#28dfff 53%,#a981ff 72%,#ff35a8 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:.3px #ffffff80;text-shadow:none;filter:drop-shadow(0 2px 3px #05030c);animation:headline-rainbow 5s linear infinite;animation-play-state:paused}
.hero:has(.distant-item.spotlit):not(.destination-locked) .preview-invitation strong{animation-play-state:running}
@media(prefers-reduced-motion:reduce){.preview-invitation strong{animation:none!important}}
.paused .preview-invitation strong{animation-play-state:paused!important}

.contact-us-button{flex-shrink:0;padding:10px 15px;border-radius:24px;border:1px solid #c7a1ff99;background:#241c37;color:#f5ecff;font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s}
.contact-us-button:hover{background:#493364}
header .contact-us-button{margin-left:14px;margin-right:10px}
@media(max-width:700px){.contact-us-button{padding:9px 11px;font-size:11px}header .contact-us-button{margin-left:auto;margin-right:10px}.section-navigation{gap:8px}}

/* Floating navigation leaves the forest visible between controls. */
.section-navigation{background:transparent;border:0;box-shadow:none;backdrop-filter:none;border-radius:0;pointer-events:none}
.section-navigation a,.section-navigation button,.section-nav-links{pointer-events:auto}
.section-nav-links a{text-shadow:0 1px 4px #000,0 0 8px #000}

.homeward-grove{position:fixed;inset:0;z-index:110;pointer-events:all;background:linear-gradient(#090a1626,#090a1644),url('assets/deep-redwoods.webp') center/cover;transform-origin:50% 48%;will-change:transform,opacity}

.fixture-action-cue{position:absolute;left:50%;top:-30px;transform:translateX(-50%);display:grid;place-items:center;min-width:130px;padding:7px 9px;border:1px solid #ffffff55;border-radius:20px;background:#111323e8;color:#fff;font-size:12px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:4;text-shadow:none}
.fixture-action-cue>span{grid-area:1/1}.cue-name{opacity:0}.fixture:hover .fixture-action-cue,.fixture:focus-visible .fixture-action-cue{opacity:1}
@media(hover:none){.fixture-action-cue{opacity:1;min-width:0;width:max-content;max-width:150%;font-size:10px;top:-30px;padding:6px 8px}.cue-name{animation:cue-show-name 4s ease-in-out infinite}.cue-action{animation:cue-show-action 4s ease-in-out infinite}.fixture[data-armed] .cue-name{animation:none;opacity:0}.fixture[data-armed] .cue-action{animation:none;opacity:1}}
@keyframes cue-show-name{0%,40%,100%{opacity:1}50%,90%{opacity:0}}
@keyframes cue-show-action{0%,40%,100%{opacity:0}50%,90%{opacity:1}}
.hero-offscreen .fixture-action-cue>span,.paused .fixture-action-cue>span{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.fixture-action-cue>span{animation:none!important}.fixture-action-cue .cue-name{opacity:0}.fixture-action-cue .cue-action{opacity:1}}

body>header{display:none}
.section-navigation #motion{flex-shrink:0;background:#141525d9;border-color:#c7a1ff70}

.persistent-contact{position:fixed;top:23px;right:3%;z-index:105;padding:11px 18px;background:#241c37f2;border-color:#c7a1ffb3;box-shadow:0 2px 12px #0006;font-size:13px}
.section-navigation{right:calc(3% + 132px)}
.hero-top{font-size:12px;font-weight:600;letter-spacing:1.4px;color:#f4edff;text-shadow:0 1px 4px #000,0 0 10px #000;top:75px}
@media(max-width:700px){.persistent-contact{right:10px;top:15px;padding:10px 12px;font-size:12px}.section-navigation{right:125px}.hero-top{top:70px;left:4%;right:4%;font-size:10px;letter-spacing:.7px;gap:20px;line-height:1.5}.hero-top>span{max-width:46%}.hero-top>span:last-child{text-align:right}}

/* Override legacy rules that hid the hero captions on shorter/mobile screens. */
.hero-top{display:flex!important;visibility:visible!important;opacity:1!important;z-index:6;top:78px;left:3%;right:3%;color:#fff;font-size:14px;font-weight:700;line-height:1.5;pointer-events:none}
.hero-top>span,.hero-top span+span{display:block!important;visibility:visible!important;opacity:1!important;background:#080c16ba;padding:7px 10px;border-radius:6px;max-width:40%;text-shadow:0 1px 3px #000}
@media(max-width:700px){.hero-top{top:68px;font-size:11px;letter-spacing:.6px;align-items:flex-start;gap:12px}.hero-top>span{max-width:47%;padding:6px 8px}}

.hero-top>span,.hero-top span+span{background:transparent;border-radius:0;box-shadow:none}

main>section.world-hidden{display:none!important}
.focused-world>footer{display:none!important}
.next-project{display:block;margin:35px auto 20px;padding:14px 24px}

/* Crisp rainbow cores travel through all geometric lines. */
.logo-led-geometry .geometry-chase{stroke-width:5;stroke-linecap:round;opacity:calc(.1 + var(--logo-near)*.9)}
.geometry-chase path,.geometry-chase circle{stroke-dasharray:2 9;animation:geometry-led-run 2s linear infinite}
@keyframes geometry-led-run{to{stroke-dashoffset:-44}}
.logo-wrap.touch-lit .logo-led-geometry{opacity:1;filter:saturate(2) brightness(2.5)}
@media(prefers-reduced-motion:reduce){.geometry-chase path,.geometry-chase circle{animation:none}}

#totems .arrival-image[src$="octopus-totem-gen2.webp"]{top:5%;height:88%}
@media(max-width:700px){#totems .arrival-image[src$="octopus-totem-gen2.webp"]{top:2%;height:48%}}

/* Give the octopus the full clearing, with its actual portrait proportions. */
#totems .arrival-image[src$="octopus-totem-gen2.webp"]{left:3%;top:1%;width:58%;height:98%}
@media(max-width:700px){#totems .arrival-image[src$="octopus-totem-gen2.webp"]{left:3%;top:1%;width:94%;height:64%}}

/* Sideways camera travel between neighboring forest clearings. */
.grove-sideways-passage{position:absolute;inset:0;overflow:hidden;z-index:12;pointer-events:none;background:#080c12}
.sideways-active>:not(.grove-sideways-passage){opacity:0!important}

/* Return using the current clearing rather than a replacement forest image. */
.homeward-grove{background:transparent;transform-origin:50% 60%;overflow:hidden;mask-image:radial-gradient(ellipse at center,#000 57%,#000e 72%,transparent 100%)}

/* One crisp Merkaba: no extra sunburst or hover labels. */
#end-journey{display:none!important}
#third-eye .forehead-sun{display:block!important}
#third-eye .forehead-leds{filter:saturate(1.5)!important;transform:none!important;animation:none!important}
#third-eye .forehead-leds path{stroke-dasharray:5 2;animation:merkaba-led-flow 2.4s linear infinite}
@keyframes merkaba-led-flow{to{stroke-dashoffset:-42}}
@media(prefers-reduced-motion:reduce){#third-eye .forehead-leds path{animation:none}}

/* Keep the original forehead Merkaba, with only its rainbow starburst surround. */
#third-eye .forehead-leds{display:none!important}
/* The rays begin at the artwork's circular rim; proximity changes brightness, not alignment. */
#third-eye .forehead-sun,#third-eye:hover .forehead-sun,#third-eye:focus-visible .forehead-sun{width:calc(var(--merkaba-diameter,36px)*3.2);height:calc(var(--merkaba-diameter,36px)*3.2);left:50%;top:50%;transform:translate(-50%,-50%)!important;opacity:var(--eye-near,0);transition:opacity .3s ease;filter:saturate(1.65) drop-shadow(0 0 3px #ce8eff80)!important}
#third-eye:hover .forehead-sun,#third-eye:focus-visible .forehead-sun{opacity:1}

/* Mobile navigation uses the fixture's existing label, without duplicate tap hints. */
@media (hover:none), (pointer:coarse), (max-width:700px){
 .fixture .fixture-action-cue{display:none!important}
 .fixture .fixture-action-cue *{animation:none!important}
}

/* Use the same crossfade for pointer, keyboard, and touch. Visibility changes
   only after fade-out; reversing midway continues from the current opacity. */
 .hero .logo-wrap,.hero .hero-copy{
  transition:opacity .9s ease-in-out,visibility 0s linear;
 }
 .hero:has(.distant-item.spotlit) .logo-wrap,
 .hero.preview-active .hero-copy,
 .hero:has(.distant-item.spotlit) .hero-copy{
  transition:opacity .9s ease-in-out,visibility 0s linear .9s;
 }
 .hero .distant-item,.hero .distant-item.spotlit{
  transition:opacity .9s ease-in-out;
  transition-delay:0s;
 }
 /* Keep lighting steady while opacity blends the two images. */
 .hero .distant-item img,.hero .distant-item[data-world="lighting"] img{
  filter:var(--art-grade,brightness(1.08) saturate(1));
 }
 .hero .preview-invitation{
  transition:opacity .9s ease-in-out,visibility 0s linear .9s;
 }
 .hero:has(.distant-item.spotlit):not(.destination-locked) .preview-invitation{
  transition:opacity .9s ease-in-out,visibility 0s linear;
 }
/* Scrolling into a clearing uses a grounded portrait scene, then flowing copy. */
@media(max-width:700px){
 .project-browser .arrival-scene:not(:has(.camera-world)) .arrival-visual{
  height:68svh;min-height:380px;
  background-position:center bottom;
 }
 .project-browser .arrival-scene:not(:has(.camera-world)) .arrival-image,
 #printing .arrival-scene:not(:has(.camera-world)) .arrival-image,
 #totems .arrival-scene:not(:has(.camera-world)) .arrival-image[src$="octopus-totem-gen2.webp"]{
  left:8%;top:auto;bottom:10%;width:84%;height:80%;
  object-fit:contain;object-position:center bottom;z-index:2;
 }
 .project-browser .arrival-scene:not(:has(.camera-world)) .arrival-visual:before{
  content:'';position:absolute;z-index:1;left:20%;bottom:8%;width:60%;height:5%;
  background:radial-gradient(ellipse,#030208b8,transparent 70%);pointer-events:none;
 }
 .project-browser .arrival-scene:not(:has(.camera-world)) .arrival-copy,
 #printing .arrival-scene:not(:has(.camera-world)) .arrival-copy{
  position:relative;left:auto;right:auto;top:auto;bottom:auto;
  margin:0;width:100%;min-height:0;padding:24px 8% 48px;
  background:linear-gradient(#08090df5,#08090d);text-align:left;
 }
 .project-browser .arrival-scene:not(:has(.camera-world)) .design-arrow{top:32svh}
 .project-browser .arrival-scene:not(:has(.camera-world)).og-king-scene .og-king-camp{
  left:50%;bottom:10%;width:90%;height:80%;
 }
 .project-browser .arrival-scene:not(:has(.camera-world)).hanging-octopus .suspended-octopus{
  top:14%;height:65%;max-width:80%;
 }
 .project-browser .arrival-scene:not(:has(.camera-world)).hanging-octopus .arrival-visual:after{height:16%}
 .project-browser .arrival-scene.hanging-octopus .arrival-visual:before,
 .project-browser .arrival-scene.og-king-scene .arrival-visual:before{display:none}
}

/* Quick taps select previews; suppress native link hold menus on these controls. */
.fixture{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}

/* Understated machined housings; illumination stays in the recessed lenses. */
.fixture svg,.proximity-target.fixture svg,.fixture.lit svg{filter:drop-shadow(0 3px 3px #0009)}

/* Spend the phone's rendering budget on the active camera movement. */
@media(max-width:700px),(pointer:coarse){
 .camera-travelling .hero .grove-wonders *,
 .camera-travelling .hero .logo-wrap *,
 .camera-travelling .hero .fixture *,
 .camera-travelling .hero .hero-copy *{animation-play-state:paused!important}
 .grove-pan-view{will-change:transform,opacity}
 .homeward-grove{will-change:transform,opacity}
}

/* The touch halo expands from the same forehead center as the emitted pulses. */
@media(hover:none),(pointer:coarse){
 #third-eye .forehead-sun,#third-eye:hover .forehead-sun,#third-eye:focus-visible .forehead-sun{
  transform:translate(-50%,-50%) scale(var(--touch-ray-scale,.65))!important;
  opacity:var(--eye-near,0);transition:opacity .25s ease,transform .15s ease;
 }
 .logo-wrap,.logo-wrap .logo{-webkit-touch-callout:none;user-select:none}
}

/* Prevent iOS long-press previews on every layer of the interactive logo. */
.logo-wrap,.logo-wrap *{
 -webkit-touch-callout:none;
 -webkit-user-select:none;
 user-select:none;
 -webkit-tap-highlight-color:transparent;
}
.logo-wrap img{-webkit-user-drag:none}
.logo-wrap,.logo-wrap:active,.logo-wrap:focus-within{background:transparent}
#third-eye,#third-eye:active{background:transparent}



/* Proximity lengthens rays from a fixed perimeter on touch and desktop. */
#third-eye .forehead-sun,#third-eye:hover .forehead-sun,#third-eye:focus-visible .forehead-sun{
 overflow:visible;transform:translate(-50%,-50%)!important;
 opacity:var(--ray-near,0);
 filter:saturate(1.8) brightness(calc(1 + var(--ray-near,0)*.65)) drop-shadow(0 0 3px #ce8eff80)!important;
 transition:opacity .25s ease;
}
#third-eye:focus-visible .forehead-sun{opacity:1}

/* Ease the entire touch response; no sticky focus jump on phones. */
@media (hover:none),(pointer:coarse){
 .logo-wrap:focus-within{--logo-near:unset}
 .logo-led-geometry,.logo-wrap:hover .logo-led-geometry,.logo-wrap:focus-within .logo-led-geometry{transition:opacity .3s,filter .3s}
}
.logo-wrap .logo{filter:brightness(calc(1.15 + var(--logo-near,0)*.65)) saturate(calc(1 + var(--logo-near,0)*.35))!important;transition:filter .3s;
 mask-image:none!important;-webkit-mask-image:none!important;}
.logo-live-wordmark{position:absolute;width:500px;height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;pointer-events:none;overflow:visible}
.logo-live-wordmark .wordmark-light{opacity:var(--logo-near,0);transition:opacity .3s;filter:brightness(1.5)}
@media(max-width:700px){.logo-live-wordmark{width:440px}}
/* The source circle is centered at (790,472), not the image midpoint.
   Radius 432 leaves an even 9px margin beyond the geometry's 421px ring. */
.logo-wrap{--logo-silhouette:ellipse(27% 45.665962% at 49.375% 49.894292%)}
.logo-led-geometry{clip-path:var(--logo-silhouette)}
.logo-live-wordmark:not(.logo-wordmark-backing) text{paint-order:stroke fill;stroke:#000;stroke-width:5;stroke-linejoin:round}
.logo-live-wordmark{clip-path:var(--logo-silhouette)}

/* One unbroken geometry surface includes the area around the wordmark. */
.logo-wordmark-backing{z-index:2;filter:brightness(calc(1.15 + var(--logo-near,0)*.65));transition:filter .3s}
.logo-led-geometry{z-index:3}
.logo-live-wordmark:not(.logo-wordmark-backing){z-index:4}
.logo-led-geometry .geometry-chase{stroke-width:4;opacity:calc(.15 + var(--logo-near,0)*.85)}
.geometry-chase path,.geometry-chase circle{stroke-dasharray:8 3;animation-duration:4s}
.logo-live-wordmark .wordmark-light{opacity:var(--logo-near,0);filter:saturate(2.3) brightness(calc(1.3 + var(--logo-near,0)*3.5 + var(--forehead-boost,0)*4.5));transition:opacity .3s,filter .3s}

/* Full-screen forest coverage prevents exposed photo edges during Home travel. */
.homeward-grove{background:linear-gradient(#090a1626,#090a1644),url('assets/deep-redwoods.webp') center/cover;mask-image:none;-webkit-mask-image:none}

/* Anchor the whole OG King campsite to the path, including camera arrivals. */
@media(max-width:700px){
 .project-browser .arrival-scene.og-king-scene .og-king-camp,
 .project-browser .arrival-scene:not(:has(.camera-world)).og-king-scene .og-king-camp{
  left:50%;top:auto;bottom:4%;width:96%;height:86%;
  object-position:center bottom;
  mask-image:linear-gradient(to bottom,#000 0%,#000 94%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 94%,transparent 100%);
 }
 .project-browser .arrival-scene.og-king-scene .arrival-visual:before{
  content:'';display:block;position:absolute;z-index:2;left:6%;bottom:3%;
  width:88%;height:6%;background:radial-gradient(ellipse,#020205b3,transparent 72%);pointer-events:none;
 }
}

/* The lower clearing remains forest floor while the copy brightens on arrival. */
.clearing-floor{display:none}
@media(max-width:700px){
 .project-browser .arrival-scene{position:relative;isolation:isolate}
 .clearing-floor{display:block;position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
 .clearing-floor-track{position:absolute;inset:0;will-change:transform}
 .clearing-floor-tile{position:absolute;top:0;bottom:0;width:100%;background:linear-gradient(#08090d22,#08090d66),url('assets/deep-redwoods.webp') center bottom/auto 150% no-repeat}
 .clearing-floor-tile:nth-child(2){left:100%;transform:scaleX(-1)}
 .clearing-floor-tile:nth-child(3){left:200%}
 .clearing-floor-tile:nth-child(4){left:300%;transform:scaleX(-1)}
 .project-browser .arrival-scene .arrival-visual{z-index:1}
 .project-browser .arrival-scene .arrival-copy,
 .project-browser .arrival-scene:not(:has(.camera-world)) .arrival-copy{
  z-index:3;background:linear-gradient(#08090d33,#08090d66);text-shadow:0 2px 5px #000;
 }
}

/* Only the visible preview artwork receives a second tap; empty grove stays scrollable. */
.hero .distant-item.spotlit img{pointer-events:auto;cursor:pointer;touch-action:pan-y;-webkit-touch-callout:none;user-select:none}

/* Feather gravel and scenery into the same dark surface behind the mobile copy. */
@media(max-width:700px){
 .project-browser .arrival-scene{background:#08090d;--clearing-bottom:100svh}
 .project-browser .arrival-scene:not(:has(.camera-world)){--clearing-bottom:max(380px,68svh)}
 .project-browser .arrival-scene .arrival-visual{
  mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 140px),#000c calc(100% - 95px),#0005 calc(100% - 45px),transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 140px),#000c calc(100% - 95px),#0005 calc(100% - 45px),transparent 100%);
 }
 .project-browser .clearing-floor{
  mask-image:linear-gradient(to bottom,#000 calc(var(--clearing-bottom) - 180px),transparent var(--clearing-bottom));
  -webkit-mask-image:linear-gradient(to bottom,#000 calc(var(--clearing-bottom) - 180px),transparent var(--clearing-bottom));
 }
 .project-browser .arrival-scene .arrival-copy,
 .project-browser .arrival-scene:not(:has(.camera-world)) .arrival-copy{background:transparent}
 .project-browser .arrival-scene.og-king-scene .og-king-camp,
 .project-browser .arrival-scene:not(:has(.camera-world)).og-king-scene .og-king-camp{
  mask-image:linear-gradient(to bottom,#000 calc(100% - 38px),#000a calc(100% - 20px),transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 38px),#000a calc(100% - 20px),transparent 100%);
 }
}

.return-home[hidden]{display:none}

/* Brief living light passes through the inquiry grove; only transforms and opacity animate. */
#inquiry-dialog.held-inquiry .inquiry-sheet{animation-duration:3.6s!important}
.inquiry-wisps{position:absolute;inset:0;z-index:6;overflow:hidden;pointer-events:none}
.inquiry-wisps i{position:absolute;left:50%;top:55%;width:3px;height:3px;border-radius:50%;background:#e4fff0;box-shadow:0 0 7px 2px #9bffe8aa,0 0 17px 4px #b8ffe633;opacity:0;animation:inquiry-wisp-pass 2.2s ease-in-out .35s both}
.inquiry-wisps i:after{content:'';position:absolute;right:1px;top:1px;width:24px;height:1px;transform:rotate(-15deg);transform-origin:right;background:linear-gradient(90deg,transparent,#b4ffe688)}
.inquiry-wisps i:nth-child(2){left:47%;top:48%;width:2px;height:2px;animation-delay:.65s;animation-duration:2.1s;box-shadow:0 0 8px 2px #e4c1ff99}
.inquiry-wisps i:nth-child(3){left:53%;top:58%;width:2px;height:2px;animation-delay:.9s;animation-duration:1.9s}
@keyframes inquiry-wisp-pass{
 0%{opacity:0;transform:translate(-12vw,8vh) scale(.4)}
 20%{opacity:.7;transform:translate(-5vw,1vh) scale(.7)}
 45%{opacity:.9;transform:translate(3vw,-3vh) scale(1)}
 70%{opacity:.6;transform:translate(10vw,-1vh) scale(1.1)}
 100%{opacity:0;transform:translate(23vw,-9vh) scale(.5)}
}
#inquiry-dialog.inquiry-still .inquiry-wisps,#inquiry-dialog.inquiry-closing .inquiry-wisps{display:none}
@media(prefers-reduced-motion:reduce){.inquiry-wisps{display:none}}

/* Sea Dust's isolated body shares the grove's contrast and ground contact. */
#art-cars .sea-dust-scene .arrival-image,
#art-cars .sea-dust-scene .camera-subject{
 filter:brightness(1.05) saturate(.95) drop-shadow(0 5px 4px #03070a80)!important;
}

/* Temporary Sea Dust image placeholder while its replacement is refined. */
.image-coming-soon{display:none}
#art-cars .sea-dust-scene .arrival-image,
#art-cars .sea-dust-scene .camera-subject,
#art-cars .sea-dust-scene .camera-contact,
#art-cars .sea-dust-scene .terrain-contacts{visibility:hidden!important;opacity:0!important}
#art-cars .sea-dust-scene .arrival-visual:before{display:none}
#art-cars .sea-dust-scene .image-coming-soon{
 display:block;position:absolute;z-index:4;left:8%;width:46%;top:44%;margin:0;text-align:center;
 font-size:clamp(20px,3vw,32px);font-weight:500;color:#eee3ff;text-shadow:0 2px 8px #000,0 0 24px #090714;
}
@media(max-width:700px){#art-cars .sea-dust-scene .image-coming-soon{left:8%;width:84%;top:48%}}

/* A playful construction mascot replaces Sea Dust's temporary text-only notice. */
#art-cars .sea-dust-scene .image-coming-soon{top:16%;font-size:clamp(20px,2.4vw,28px);line-height:1.25}
.image-coming-soon img{display:block;width:min(100%,390px);height:auto;max-height:48svh;object-fit:contain;margin:0 auto 14px;filter:drop-shadow(0 8px 7px #03040888)}
.image-coming-soon figcaption{max-width:340px;margin:auto;text-wrap:balance;color:#f0e6ff}
@media(max-width:700px){#art-cars .sea-dust-scene .image-coming-soon{top:20%;font-size:23px}.image-coming-soon img{max-height:36svh}}

/* Continue OG King's colored gravel beneath the copy. The original campsite
   stays fully lit; the added ground, below the photograph, fades to darkness. */
.og-ground-extension{display:none}
@media(max-width:700px){
 .project-browser .arrival-scene.og-king-scene .arrival-visual{
  overflow:visible;mask-image:none;-webkit-mask-image:none;
 }
 .project-browser .arrival-scene.og-king-scene .og-king-camp,
 .project-browser .arrival-scene:not(:has(.camera-world)).og-king-scene .og-king-camp{
  mask-image:none;-webkit-mask-image:none;
 }
 .project-browser .arrival-scene.og-king-scene .arrival-visual:before{display:none}
 .og-king-scene .og-ground-extension{
  display:block;position:absolute;left:0;top:calc(96% - 28px);width:100%;
  height:clamp(300px,46svh,440px);z-index:2;pointer-events:none;
  background:linear-gradient(transparent 8%,#08090d33 35%,#08090d88 70%,#08090dcc),url('assets/og-king-ground-extension.webp') center top/100% 100% no-repeat;
  mask-image:linear-gradient(transparent,#000 28px,#000 68%,transparent),linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);
  -webkit-mask-image:linear-gradient(transparent,#000 28px,#000 68%,transparent),linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);
  mask-composite:intersect;-webkit-mask-composite:source-in;
 }
}

/* A bounded shockwave reveals the forest, then brings the homepage back. */
html:has(body.forest-show-mode){overflow:hidden}
body.forest-show-mode{position:fixed;inset:0;width:100%;overflow:hidden;overscroll-behavior:none}
.hero:focus{outline:none}
.forest-show-mode .hero{touch-action:none}
.forest-show-mode .grove{transform-origin:var(--show-origin-x,50%) var(--show-origin-y,42%)}
.forest-show-mode .hero>:not(.grove){
 opacity:0!important;pointer-events:none!important;
 transition:opacity calc(var(--show-phase-duration,950ms) - var(--show-wave-delay,0ms)) ease-in-out var(--show-wave-delay,0ms)!important;
}
.forest-show-mode .hero:after,.forest-show-mode .hero:before{opacity:0;transition:opacity .7s ease}
.forest-show-mode #motion,.forest-show-mode .near-ray{display:none}
.forest-show-mode .grove-shade{background:linear-gradient(#03040830,transparent 20%,transparent 70%,#08090d99)}
.forest-show-mode .grove-base{transition:filter .55s ease}
.forest-show-mode .grove-light{transition:filter .5s ease,opacity .5s ease;animation:none}
.forest-show-mode .grove-light-a{mask-image:radial-gradient(ellipse 23% 90% at var(--pool-x) 45%,#000 12%,#000b 50%,transparent 100%)}
.forest-show-mode .grove-light-b{mask-image:radial-gradient(ellipse 20% 85% at var(--pool-other) 40%,#000 12%,#000b 50%,transparent 100%)}
.forest-show-settled .hero>:not(.grove){visibility:hidden!important}
.forest-show-settled .hero>:not(.grove),.forest-show-settled .hero>:not(.grove) *{animation-play-state:paused!important}
.forest-show-mode.forest-show-returning .hero>:not(.grove){opacity:var(--show-home-opacity,1)!important;visibility:visible!important;transition:opacity calc(var(--show-phase-duration,1100ms) - var(--show-wave-delay,0ms)) ease-in-out var(--show-wave-delay,0ms)!important}
/* Hidden transient UI stays hidden on the return; only normal home content returns. */
.forest-show-mode.forest-show-returning .hero>.rainbow-playback,
.forest-show-mode.forest-show-returning .hero>.preview-invitation,
.forest-show-mode.forest-show-returning .hero>#fractal,
.forest-show-mode.forest-show-returning .hero>#end-journey{opacity:0!important}
.forest-show-returning .grove-shade{background:linear-gradient(#03040870,transparent 25%,transparent 60%,#06080aa8 87%,#08090d),radial-gradient(ellipse 27% 45% at 50% 43%,#05040b77,transparent 100%)}
.forest-ripple-lens{position:absolute;inset:0;pointer-events:none;background-position:center;background-size:cover;background-repeat:no-repeat;will-change:clip-path,transform,opacity}
.forest-shockwave{position:fixed;inset:0;z-index:90;pointer-events:none;overflow:hidden;contain:paint}
.forest-shockwave>i{position:absolute;width:200px;height:200px;border-radius:50%;opacity:0;will-change:transform,opacity;background:radial-gradient(circle,transparent 54%,#8cefff18 59%,#b9eaff88 64%,#e895ff99 66%,#788fff44 69%,transparent 75%)}
.logo-restored #third-eye{outline:none!important}
.logo-restored #third-eye .forehead-sun{opacity:0!important}
.forest-show-status{position:absolute;top:0;left:0;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.paused.forest-show-mode .hero>:not(.grove){transition:none!important}
@media(prefers-reduced-motion:reduce){
 .forest-show-mode .hero>:not(.grove){transition:none!important}
 .forest-shockwave,.forest-ripple-lens{display:none}
}

/* Rich rainbow cores on both pointer and touch: brightness never clips to white. */
.logo-led-geometry,
.logo-wrap:hover .logo-led-geometry,
.logo-wrap:focus-within .logo-led-geometry,
.logo-wrap.touch-lit .logo-led-geometry{
 opacity:calc(.1 + var(--logo-near,0)*.9);
 filter:saturate(1.2) brightness(calc(.95 + var(--logo-near,0)*.3))!important;
 animation:none!important;transition:opacity .3s ease,filter .3s ease;
}
.logo-led-geometry>g:not(.geometry-chase){stroke-width:calc(3.8px + var(--logo-near,0)*1.2px)}
.logo-led-geometry .geometry-chase{stroke-width:6.2;opacity:calc(.1 + var(--logo-near,0)*.85)}
.logo-live-wordmark .wordmark-light{
 filter:saturate(1.2) brightness(calc(.95 + var(--logo-near,0)*.3));
 transition:opacity .3s ease,filter .3s ease;
}

/* A shared spectrum flows through every traced line and the lowercase wordmark. */
#geometry-spectrum stop{animation:geometry-color-flow 8.4s linear infinite;animation-play-state:paused}
#geometry-spectrum stop:nth-child(2){animation-delay:-1.2s}
#geometry-spectrum stop:nth-child(3){animation-delay:-2.4s}
#geometry-spectrum stop:nth-child(4){animation-delay:-3.6s}
#geometry-spectrum stop:nth-child(5){animation-delay:-4.8s}
#geometry-spectrum stop:nth-child(6){animation-delay:-6s}
#geometry-spectrum stop:nth-child(7){animation-delay:-7.2s}
.logo-led-geometry .geometry-chase path,.logo-led-geometry .geometry-chase circle{animation-play-state:paused}
.logo-illuminated #geometry-spectrum stop,
.logo-illuminated .geometry-chase path,.logo-illuminated .geometry-chase circle{animation-play-state:running}
@keyframes geometry-color-flow{
 0%,100%{stop-color:#ff126d}
 14.286%{stop-color:#ff6500}
 28.571%{stop-color:#ffe600}
 42.857%{stop-color:#00ee78}
 57.143%{stop-color:#00c8ff}
 71.429%{stop-color:#6540ff}
 85.714%{stop-color:#e020ff}
}
@media(prefers-reduced-motion:reduce){#geometry-spectrum stop{animation:none!important}}

/* Keep native horizontal history swipes and exposed document canvas out of clearings. */
html{background:#08090d;overscroll-behavior-x:none;overflow-x:clip}
body{overscroll-behavior-x:none}
main{overflow-x:clip}
.project-browser .arrival-scene{touch-action:pan-y pinch-zoom;overflow-anchor:none}
.grove-sideways-passage{isolation:isolate;contain:paint}
.design-travelling .clearing-floor-track{will-change:transform}
.clearing-floor-track{will-change:auto}

/* Desktop: keep the campsite exactly in place and feather only its gravel edge. */
@media(min-width:701px){
 .project-browser .og-king-scene .og-king-camp{
  mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 26px),#000e calc(100% - 17px),#0006 calc(100% - 7px),transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 26px),#000e calc(100% - 17px),#0006 calc(100% - 7px),transparent 100%);
  mask-size:100% 100%;-webkit-mask-size:100% 100%;
  mask-position:center bottom;-webkit-mask-position:center bottom;
  mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;
 }
}

/* Let the phone compositor allocate camera layers only while they move. */
@media(max-width:700px),(pointer:coarse){.camera-world{will-change:auto}.grove-pan-view{will-change:auto}}

/* Phone totems share one clearing height on both entry routes. Keep the
   campsite above the copy, and reserve the full tripod before text begins. */
@media(max-width:700px){
 #totems.project-browser .arrival-scene{
  --totem-clearing-height:max(440px,70svh);
  --clearing-bottom:calc(var(--totem-clearing-height) + 120px);
 }
 #totems.project-browser .arrival-scene .arrival-visual{
  height:var(--totem-clearing-height);min-height:0;
  mask-image:linear-gradient(#000 calc(100% - 56px),transparent);
  -webkit-mask-image:linear-gradient(#000 calc(100% - 56px),transparent);
 }
 #totems.project-browser .arrival-scene .arrival-copy{
  position:relative;inset:auto;margin:0;width:100%;min-height:0;
  padding:24px 8% 56px;background:transparent;text-align:center;
 }
 #totems.project-browser .arrival-scene .arrival-image,
 #totems.project-browser .arrival-scene:not(:has(.camera-world)) .arrival-image{
  left:3%;top:70px;bottom:8%;width:94%;height:calc(92% - 70px);
  object-fit:contain;object-position:center bottom;
 }
 #totems.project-browser .arrival-scene.og-king-scene .arrival-visual{
  mask-image:none;-webkit-mask-image:none;
 }
 #totems.project-browser .arrival-scene.og-king-scene .og-king-camp{
  left:50%;top:auto;bottom:6%;width:96%;height:calc(94% - 70px);
  object-fit:contain;object-position:center bottom;
 }
 #totems.project-browser .og-king-scene .og-ground-extension{
  top:calc(94% - 28px);
 }
 #totems.project-browser .arrival-scene .design-arrow{
  top:calc(var(--totem-clearing-height) * .52);
 }
}

/* Mobile lettering travels with the clearing; only the small text surface blurs. */
.arrival-copy.mobile-copy-moving{transition:none!important;animation:none!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;will-change:transform,filter}
.arrival-copy.mobile-copy-moving h2{animation:none!important}
.mobile-copy-outgoing{z-index:3!important}

/* Home and Contact share a crisp dark pill; only their lettering reacts. */
.return-home{padding:11px 18px;border:1px solid #c7a1ffb3;border-radius:24px;background:#241c37f2;color:#f5ecff;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 2px 12px #0006}
.return-home svg{width:1.2em;height:1.2em;flex-shrink:0}
.contact-us-button:hover{background:#241c37f2}
.return-home,.return-home.proximity-target,.contact-us-button,.contact-us-button.proximity-target{filter:none!important;text-shadow:none!important}
@media(max-width:700px){.return-home{padding:10px 12px;font-size:12px}}

/* White labels reveal the logo's rainbow only on the active control. */
.hero .fixture:before{display:none}
.hero .fixture,.hero .fixture.proximity-target{filter:none}
.hero .fixture-label,.nav-rainbow-label{color:#fff;-webkit-text-fill-color:#fff;text-shadow:none}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .hero .fixture-label,.nav-rainbow-label{
  background-image:repeating-linear-gradient(90deg,#ff126d 0%,#ff6500 7.142857%,#ffe600 14.285714%,#00ee78 21.428571%,#00c8ff 28.571429%,#6540ff 35.714286%,#e020ff 42.857143%,#ff126d 50%);
  background-size:200% 100%;background-clip:text;-webkit-background-clip:text;
  opacity:1;filter:brightness(1.25) saturate(1.2);text-shadow:none;
  animation:fixture-label-spectrum 8.4s linear infinite;animation-delay:var(--delay,0s);
  animation-play-state:paused;
  transition:color .4s ease,-webkit-text-fill-color .4s ease;
 }
 .hero .fixture:is([data-armed],:focus-visible) .fixture-label,
 :is(.return-home,.contact-us-button):is(:focus-visible,:active) .nav-rainbow-label{
  color:transparent;-webkit-text-fill-color:transparent;animation-play-state:running;
 }
 @media(hover:hover) and (pointer:fine){
  .hero .fixture:hover .fixture-label,
  :is(.return-home,.contact-us-button):hover .nav-rainbow-label{
   color:transparent;-webkit-text-fill-color:transparent;animation-play-state:running;
  }
 }
}
@keyframes fixture-label-spectrum{from{background-position:0% 50%}to{background-position:100% 50%}}
.hero.hero-offscreen .fixture-label,.forest-show-mode .fixture-label,.paused .fixture-label,.paused .nav-rainbow-label{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.hero .fixture-label,.nav-rainbow-label{animation:none!important;transition:none}}
@media(forced-colors:active){.hero .fixture-label,.nav-rainbow-label{background:none;color:LinkText;-webkit-text-fill-color:LinkText;filter:none!important;text-shadow:none!important;opacity:1;animation:none!important}}

/* One phone clearing: fit the art above the full copy and keep the inquiry in view. */
@media(max-width:700px){
 html{overflow-y:auto;scrollbar-gutter:auto}
 body.focused-world{min-height:0}
 body.focused-world :is(#totems,#shop,#lighting,#art-cars,#printing,#explore).project-browser{padding:0!important;margin:0!important;min-height:0;scroll-margin:0}
 body.focused-world :is(#totems,#shop,#lighting,#art-cars,#printing,#explore).project-browser .arrival-scene{
  --copy-height:280px;height:100svh;min-height:max(100svh,calc(var(--copy-height) + 170px));
  margin:0;width:100%;overflow:hidden;display:block;
 }
 body.focused-world :is(#totems,#shop,#lighting,#art-cars,#printing,#explore).project-browser .arrival-scene .arrival-visual{
  position:absolute;inset:0;width:100%;height:100%;min-height:0;overflow:hidden;
  mask-image:none;-webkit-mask-image:none;background-position:center bottom;
 }
 body.focused-world :is(#totems,#shop,#lighting,#art-cars,#printing,#explore).project-browser .clearing-floor,
 body.focused-world :is(#totems,#shop,#lighting,#art-cars,#printing,#explore).project-browser .og-ground-extension,
 body.focused-world :is(#totems,#shop,#lighting,#art-cars,#printing,#explore).project-browser .arrival-visual:before{display:none!important}
 body.focused-world :is(#totems,#shop,#lighting,#art-cars,#printing,#explore).project-browser .arrival-scene:after{
  content:'';position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(transparent 35%,#08090d55 63%,#08090de8 100%);
 }
 body.focused-world :is(#totems,#shop,#lighting,#art-cars,#printing,#explore).project-browser .arrival-scene > .arrival-copy{
  position:absolute;inset:auto 0 0;margin:0;width:100%;min-height:0;
  padding:8px 7% max(14px,env(safe-area-inset-bottom));background:transparent;text-align:center;
  z-index:3;overflow:visible;
 }
 body.focused-world :is(#totems,#shop,#lighting,#art-cars,#printing,#explore).project-browser .arrival-copy h2{font-size:27px;line-height:1.12;margin:6px 0}
 body.focused-world :is(#totems,#shop,#lighting,#art-cars,#printing,#explore).project-browser .arrival-copy .eyebrow{font-size:10px;letter-spacing:1.5px}
 body.focused-world :is(#totems,#shop,#lighting,#art-cars,#printing,#explore).project-browser .arrival-copy .design-style{font-size:14px;line-height:1.35;margin:6px 0 9px}
 body.focused-world :is(#totems,#shop,#lighting,#art-cars,#printing,#explore).project-browser .arrival-copy p{font-size:13px;line-height:1.45;margin:8px 0;color:#e0dbe7}
 body.focused-world :is(#totems,#shop,#lighting,#art-cars,#printing,#explore).project-browser .arrival-copy .design-count{margin:8px 0;font-size:11px}
 body.focused-world :is(#totems,#shop,#lighting,#art-cars,#printing,#explore).project-browser .arrival-copy .design-request{margin:4px 0 0;min-height:44px;padding:11px 18px;font-size:12px}
 body.focused-world :is(#totems,#shop,#lighting,#art-cars,#printing,#explore).project-browser .arrival-scene .arrival-image{
  left:6%;top:70px;bottom:auto;width:88%;height:calc(100% - var(--copy-height) - 88px);
  object-fit:contain;object-position:center bottom;
 }
 body.focused-world :is(#totems,#shop,#lighting,#art-cars,#printing,#explore).project-browser .arrival-scene .og-king-camp{
  left:50%;top:70px;bottom:auto;width:94%;height:calc(100% - var(--copy-height) - 88px);
  object-fit:contain;object-position:center bottom;
 }
 body.focused-world :is(#totems,#shop,#lighting,#art-cars,#printing,#explore).project-browser .arrival-scene .design-arrow{top:calc((100% - var(--copy-height)) * .5);min-height:44px}
 body.focused-world :is(#totems,#shop,#lighting,#art-cars,#printing,#explore).project-browser .arrival-scene .image-coming-soon{left:6%;top:75px;width:88%;font-size:18px}
 body.focused-world :is(#totems,#shop,#lighting,#art-cars,#printing,#explore).project-browser .image-coming-soon img{max-height:calc(100svh - var(--copy-height) - 150px);width:auto;max-width:100%;margin-bottom:8px}
 body.focused-world :is(#totems,#shop,#lighting,#art-cars,#printing,#explore).project-browser .lei-design-options{gap:6px 12px}
 body.focused-world :is(#totems,#shop,#lighting,#art-cars,#printing,#explore).project-browser .lei-design-options label{margin:5px 0}
 body.focused-world :is(#totems,#shop,#lighting,#art-cars,#printing,#explore).project-browser .lei-design-options .design-note{margin:2px 0 6px;font-size:11px}
}
/* Native scenery stays at its original exposure throughout a phone pan. */
.mobile-native-view{pointer-events:none;contain:paint}
.mobile-native-active{overflow:hidden!important}
.mobile-native-active > .arrival-visual{will-change:translate}
.mobile-native-active > .mobile-copy-moving{animation:none!important;transition:none!important;opacity:1!important;visibility:visible!important}

/* Inquiry delivery: one accessible form across every section. */
#inquiry-form fieldset{border:0;padding:0;margin:0;min-width:0}
#inquiry-form [hidden],#inquiry-context[hidden],#inquiry-preview-notice[hidden]{display:none!important}
#inquiry-form .inquiry-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#inquiry-form label{display:flex;flex-direction:column;gap:8px;margin:0 0 18px;color:#f5f1eb;font-size:14px;line-height:1.5}
#inquiry-form input,#inquiry-form select,#inquiry-form textarea{display:block;width:100%;min-width:0;min-height:46px;margin:0;padding:12px 13px;border:1px solid #756982;border-radius:8px;background:#12121ee8;color:#fff;font:inherit;font-size:16px;box-shadow:none;filter:none}
#inquiry-form textarea{resize:vertical;min-height:112px}
#inquiry-form input:focus-visible,#inquiry-form textarea:focus-visible,#inquiry-form select:focus-visible{outline:2px solid #d5b5ff;outline-offset:2px}
/* Same seven-color LED spectrum as the site's active labels; mask removes the entire center. */
#inquiry-form .inquiry-input-edge{display:block;position:relative;min-width:0}
#inquiry-form .inquiry-input-edge:has(>[aria-invalid=true])::after{content:'';position:absolute;inset:-1px;padding:2px;border-radius:9px;pointer-events:none;background:repeating-linear-gradient(90deg,#ff126d 0%,#ff6500 7.142857%,#ffe600 14.285714%,#00ee78 21.428571%,#00c8ff 28.571429%,#6540ff 35.714286%,#e020ff 42.857143%,#ff126d 50%);background-size:200% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:inquiry-edge-spectrum 8.4s linear infinite}
@keyframes inquiry-edge-spectrum{from{background-position:0% 50%}to{background-position:100% 50%}}
#inquiry-form [aria-invalid=true]{border-color:#ba73ff}
@media(prefers-reduced-motion:reduce){#inquiry-form .inquiry-input-edge:has(>[aria-invalid=true])::after{animation:none}}
@media(forced-colors:active){#inquiry-form [aria-invalid=true]{outline:2px solid Highlight}#inquiry-form .inquiry-input-edge::after{display:none}}
#inquiry-form .optional{font-size:12px;color:#b8afc5;display:contents}
#inquiry-form .inquiry-submit{min-height:48px;font-size:15px;font-weight:600;min-width:160px}
#inquiry-form .inquiry-submit:disabled{opacity:.65;cursor:default;transform:none}
#inquiry-form .inquiry-field-error{font-size:13px;color:#e1bfff}
#inquiry-form #form-status{font-size:14px;line-height:1.6;margin:16px 0 0;color:#e3d7ed;white-space:normal;outline:none}
#form-status[data-state=success]{color:#a8eed7!important}
#form-status[data-state=error]{color:#e1bfff!important}
#inquiry-dialog .inquiry-context{margin:0 0 22px;font-size:13px;line-height:1.6;color:#d9c7f3}
#inquiry-dialog .form-intro{color:#d4ccdf;margin-bottom:16px}
#inquiry-dialog .inquiry-preview-notice{border-left:2px solid #c9a6ff;padding:10px 14px;background:#c9a6ff12;color:#e5d6fa;font-size:12px;line-height:1.6;margin:0 0 22px}
#inquiry-form .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:520px){#inquiry-form .inquiry-row{grid-template-columns:1fr;gap:0}#inquiry-form .inquiry-submit{width:100%}#inquiry-dialog h2{font-size:34px;letter-spacing:-1.2px}}

/* Keep typed and browser-autofilled inquiry interiors dark; LED error ring is separate. */
#inquiry-form :is(input,select,textarea){color-scheme:dark;background-color:#12121e!important;color:#fff;caret-color:#fff}
#inquiry-form :is(input,select,textarea):autofill{background-color:#12121e!important;color:#fff!important;caret-color:#fff;box-shadow:0 0 0 1000px #12121e inset!important}
#inquiry-form :is(input,select,textarea):-webkit-autofill,#inquiry-form :is(input,select,textarea):-webkit-autofill:hover,#inquiry-form :is(input,select,textarea):-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;caret-color:#fff;-webkit-box-shadow:0 0 0 1000px #12121e inset!important;box-shadow:0 0 0 1000px #12121e inset!important}
#inquiry-form select option{background:#12121e;color:#fff}

/* Desktop: hold these two clearings and their transparent panel frames still.
   Overflow scrolls the contents within the same fixed-sized panel, not the panel itself. */
@media(min-width:701px){
 html:has(body.focused-world :is(#shop,#lighting):not(.world-hidden)),
 body.focused-world:has(:is(#shop,#lighting):not(.world-hidden)){overflow-y:hidden;overscroll-behavior-y:none}
 body.focused-world :is(#shop,#lighting).project-browser:not(.world-hidden){height:100svh;min-height:0;padding:0!important;margin:0!important;overflow:hidden}
 body.focused-world :is(#shop,#lighting).project-browser .arrival-scene{height:100svh;min-height:0;overflow:hidden}
 body.focused-world :is(#shop,#lighting).project-browser .arrival-visual{position:absolute;inset:0;height:100%;width:100%}
 body.focused-world :is(#shop,#lighting).project-browser .arrival-scene .arrival-copy{position:absolute;inset:17svh 5% 9svh auto;width:34%;height:74svh!important;max-height:74svh!important;min-height:0;margin:0;padding:18px 18px 24px;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#ba9adb transparent;background:transparent!important;box-shadow:none;text-shadow:0 2px 5px #000}
 body.focused-world :is(#shop,#lighting) .arrival-copy:focus-visible{outline:1px solid #c7a1ff;outline-offset:2px}
}

.inquiry-receipt{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:120;max-width:calc(100vw - 32px);width:560px;padding:16px 20px;border:1px solid #c7a1ff88;border-radius:14px;background:#10101eeF;color:#fff;box-shadow:0 4px 25px #0008}
.inquiry-receipt[hidden]{display:none}.inquiry-receipt p{color:#fff;margin:0 0 8px;font-size:15px;line-height:1.5}.inquiry-receipt button{padding:7px 12px;border:1px solid #c7a1ff;border-radius:16px;background:#241c37;color:#fff}
/* Desktop palm trunk follows the visible foreground trail center in this crop. */
@media(min-width:701px){#lighting.project-browser .arrival-scene .arrival-image{left:30.5%;width:46%}}

/* Initially invite a send with the same thin LED edge; never a purple fill. */
#inquiry-form .inquiry-submit,#inquiry-form .inquiry-submit:hover{position:relative;background:#12121e!important;color:#fff;border:1px solid #756982;box-shadow:none;filter:none}
#inquiry-form:not([data-send-attempted]) .inquiry-submit::after{content:'';position:absolute;inset:-1px;padding:2px;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(90deg,#ff126d 0%,#ff6500 7.142857%,#ffe600 14.285714%,#00ee78 21.428571%,#00c8ff 28.571429%,#6540ff 35.714286%,#e020ff 42.857143%,#ff126d 50%);background-size:200% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:inquiry-edge-spectrum 8.4s linear infinite}
@media(prefers-reduced-motion:reduce){#inquiry-form .inquiry-submit::after{animation:none!important}}

#inquiry-form:not([data-send-attempted]) .inquiry-submit:not(:disabled) .inquiry-button-label{background:repeating-linear-gradient(90deg,#ff126d 0%,#ff6500 7.142857%,#ffe600 14.285714%,#00ee78 21.428571%,#00c8ff 28.571429%,#6540ff 35.714286%,#e020ff 42.857143%,#ff126d 50%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
#inquiry-form:not([data-send-attempted]) .inquiry-button-label{animation:inquiry-edge-spectrum 8.4s linear infinite}
#inquiry-form .inquiry-submit:disabled .inquiry-button-label{background:none;color:#fff;-webkit-text-fill-color:#fff;animation:none}
@media(prefers-reduced-motion:reduce){#inquiry-form .inquiry-button-label{animation:none!important}}
@media(forced-colors:active){#inquiry-form .inquiry-button-label{background:none!important;color:ButtonText!important;-webkit-text-fill-color:ButtonText!important}}

#inquiry-form[data-send-attempted] .inquiry-button-label{background:none;color:#fff;-webkit-text-fill-color:#fff;animation:none}

/* Remaining desktop clearings: retain their original 64%/22svh copy origin
   and 29% width; only constrain overflow, never reposition their artwork. */
@media(min-width:701px){
 html:has(body.focused-world),body.focused-world{overflow-y:hidden;overscroll-behavior-y:none}
 body.focused-world .project-browser:not(.world-hidden){height:100svh;min-height:0;padding:0!important;margin:0!important;overflow:hidden}
 body.focused-world .project-browser .arrival-scene{height:100svh;min-height:0;overflow:hidden}
 body.focused-world .project-browser .arrival-visual{position:absolute;inset:0;height:100%;width:100%}
 body.focused-world :is(#totems,#art-cars,#printing,#explore).project-browser .arrival-scene .arrival-copy{position:absolute;left:64%;right:auto;top:22svh;bottom:0;width:29%;height:78svh;max-height:78svh;min-height:0;margin:0;padding:18px 18px 70px;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#ba9adb transparent;background:transparent;box-shadow:none}
 body.focused-world .project-browser .arrival-copy:focus-visible{outline:1px solid #c7a1ff;outline-offset:2px}
}
@media(min-width:701px){body.focused-world .project-browser:not(.world-hidden),body.focused-world .project-browser .arrival-scene{overflow:clip!important}}