/* The camera and particle transitions follow native page scrolling. */
.header{position:fixed;top:0;left:0;right:0;height:86px;background:linear-gradient(#0b080dd9,#0b080d30);border-bottom:1px solid #edbad514;backdrop-filter:blur(12px)}
.experience{height:680svh;position:relative;background:#100a10;isolation:isolate}
.experience-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;isolation:isolate}
.world{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 45%,#482139,#0b080d 75%)}
#kan-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:1;display:block}
.world-vignette{position:absolute;inset:0;background:linear-gradient(#0b080d20 0%,transparent 35%,#10081020 63%,#0b070cb8 100%),linear-gradient(90deg,#0c080d35,transparent 30%,transparent 70%,#0c080d35);pointer-events:none}
.scene-topline{position:absolute;left:var(--pad);right:var(--pad);top:106px;display:flex;justify-content:space-between;font-family:Space,monospace;font-size:8px;letter-spacing:1px;color:#bfa0b2;z-index:3;pointer-events:none}
.scene-topline>span:first-child{display:flex;align-items:center;gap:9px}.scene-topline>span:last-child{color:#8d7082}
.search-area{position:absolute;left:50%;top:139px;transform:translateX(-50%);width:min(650px,calc(100% - 2 * var(--pad)));margin:0;z-index:5;will-change:transform,opacity}
.search-panel{background:linear-gradient(125deg,#2b1d29e8,#21141fe8);box-shadow:0 8px 80px #05000666,0 0 28px #dd7ebd14;border-color:#be82a369}
.search-top{height:76px;padding:17px 20px}.search-top input{font-size:16px}.search-bottom{padding:10px 18px}.suggestions{justify-content:center;margin-top:13px}.suggestions>span{font-size:8px}.suggestions button{background:#1a0f19c7}
.story-panel{position:absolute;z-index:2;width:46%;max-width:750px;top:29%;left:var(--pad);opacity:0;will-change:transform,opacity;pointer-events:none;transform:translateY(40px)}
.story-panel[inert]{visibility:hidden}.story-panel h2{font-family:Space,Arial,sans-serif;font-weight:500;line-height:1.03;letter-spacing:-.065em;font-size:clamp(55px,6.2vw,100px);text-wrap:balance}
.story-panel .serif-word{font-size:1.12em;line-height:1.12;color:#f4bbd7}.story-panel .eyebrow{color:#d8adc5;font-size:9px;letter-spacing:1.5px;margin:0 0 25px;display:flex;align-items:center;gap:10px}.story-panel .eyebrow::before{content:'';display:block;width:5px;height:5px;background:#e6a3c5;border-radius:50%;box-shadow:0 0 10px #e2b1d1}
.story-panel--hero{opacity:1;transform:none;top:auto;bottom:109px;left:var(--pad);right:var(--pad);max-width:none;width:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:35px}
.story-panel--hero h1{font-size:clamp(68px,7.2vw,118px);line-height:.92;letter-spacing:-.06em;font-weight:500}.story-panel--hero h1 .serif-word{line-height:1.02}.story-panel--hero .title-arrow{font-size:.55em;transform:translate(23px,15px)}
.story-description{color:#d5b8ca;font-size:12px;line-height:1.95;margin:28px 0 0;letter-spacing:0;font-weight:400;max-width:360px;text-shadow:0 2px 18px #08040a}
.story-panel--hero .story-description{font-size:12px;padding-bottom:9px;margin:0 7% 0 0;max-width:340px}.story-description>span{color:#a48599}
.story-panel--right{left:55%;width:40%;max-width:680px}.scene-cta{pointer-events:auto;display:flex;align-items:center;gap:30px;font-size:11px;color:#f1c8df;width:fit-content;margin-top:25px;padding:12px 0;border-bottom:1px solid #c78fac72}.scene-cta span{font-size:19px}.scene-cta:hover{color:#fff}
.scene-navigation{position:absolute;right:24px;top:50%;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;gap:18px}.scene-navigation button{display:flex;align-items:center;gap:12px;padding:5px 0 5px 5px;color:#967386}.scene-navigation span{font-family:Space,monospace;font-size:8px;opacity:0;transition:opacity .25s}.scene-navigation i{display:block;width:4px;height:4px;border:1px solid #b18a9f;border-radius:50%;transition:height .35s,background .35s}.scene-navigation button[aria-current=step] i{height:24px;border-radius:5px;background:#efbbd6;border-color:#efbbd6}.scene-navigation button[aria-current=step] span,.scene-navigation button:hover span,.scene-navigation button:focus-visible span{opacity:1}
.scene-footer{position:absolute;left:var(--pad);right:var(--pad);bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:6}.scene-footer .scroll-cue{padding:0;color:#c3a1b6;font-size:8px}.scroll-pill{animation:scroll-bob 2.4s ease-in-out infinite}.scene-progress{display:flex;align-items:center;gap:12px;font-family:Space,monospace;font-size:9px;color:#bc91aa}.scene-progress-track{width:100px;height:1px;background:#b48ba333;position:relative}.scene-progress-track i{display:block;width:100%;height:1px;background:#f0b9d8;transform:scaleX(0);transform-origin:left;will-change:transform}#motion-toggle{color:#c09bb2;font-size:9px}.motion-paused .scroll-pill{animation-play-state:paused}
.scene-fallback #kan-canvas{display:none}.scene-fallback .world::after{content:'KAN';position:absolute;top:34%;left:50%;transform:translateX(-50%);font-family:Space,Arial;font-weight:700;font-size:clamp(80px,18vw,250px);letter-spacing:-.08em;color:#efb9d7;text-shadow:0 0 70px #ed66b4a0}
@keyframes scroll-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(min-width:1600px){.search-area{margin:0;top:155px}.story-panel--hero{bottom:125px}.scene-topline{top:116px}}
@media(max-width:1100px){.search-area{margin:0;max-width:600px}.story-panel--hero h1{font-size:85px}.story-panel--hero .story-description{margin-right:5%;max-width:270px;font-size:11px}.story-panel h2{font-size:65px}.story-panel--right{left:52%;width:43%}.scene-navigation{right:16px}.scene-topline>span:last-child{display:none}}
@media(max-width:760px){.header{height:76px}.nav{top:76px}.experience{height:620svh}.experience-stage{min-height:660px}.scene-topline{top:95px;font-size:7px;justify-content:center;left:16px;right:16px;letter-spacing:.6px}.search-area{top:122px;width:calc(100% - 40px);max-width:480px;margin:0}.search-top{height:61px;padding:12px 14px;gap:11px}.search-top input{font-size:13px}.search-submit{width:32px;height:32px;font-size:21px}.search-icon svg{width:18px;height:18px}.search-bottom{font-size:8px;padding:9px 12px}.suggestions{gap:6px;margin-top:10px;flex-wrap:nowrap;justify-content:center}.suggestions>span{display:none}.suggestions button{font-size:8px;white-space:nowrap;padding:6px 7px}.suggestions button span{padding-left:4px}.story-panel--hero{left:24px;right:24px;bottom:94px;display:block;width:auto;top:auto}.story-panel--hero .eyebrow{font-size:7px;margin-bottom:16px;letter-spacing:.8px}.story-panel--hero h1{font-size:clamp(54px,12vw,82px);line-height:.95}.story-panel--hero .title-arrow{transform:translate(20px,10px)}.story-panel--hero .story-description{font-size:10px;margin:17px 0 0;line-height:1.8;max-width:100%;padding:0}.story-panel--hero .story-description br{display:none}.story-panel--hero .story-description>span{display:block;margin-top:2px}.story-panel--left,.story-panel--right{left:24px;right:35px;top:auto;bottom:104px;max-width:none;width:auto}.story-panel h2{font-size:clamp(41px,10vw,64px);line-height:1.03;max-width:95%}.story-panel .eyebrow{font-size:7px;letter-spacing:.8px;margin-bottom:17px}.story-panel .story-description{font-size:11px;line-height:1.8;margin-top:17px;max-width:280px}.scene-cta{font-size:10px;margin-top:13px;padding:9px 0;gap:22px}.scene-footer{left:24px;right:24px;bottom:25px;gap:15px}.scene-footer .scroll-cue{font-size:7px;letter-spacing:.3px;gap:9px;max-width:210px;text-align:left;line-height:1.6}.scene-footer .scroll-pill{height:29px;flex-shrink:0}.scene-progress{display:none}.scene-navigation{right:14px;top:45%;gap:12px}.scene-navigation button{padding:5px}.scene-navigation button span{display:none}.scene-navigation button i{width:3px;height:3px}.scene-navigation button[aria-current=step] i{height:17px}#motion-toggle{font-size:12px;padding:8px}#motion-label{display:none}}
@media(max-height:740px) and (min-width:761px){.search-area{top:122px}.search-top{height:62px}.search-bottom{padding:8px 18px}.scene-topline{top:98px}.story-panel--hero{bottom:81px}.story-panel--hero h1{font-size:76px}.story-panel--hero .eyebrow{margin-bottom:18px}.story-panel{top:26%}.story-panel--hero{top:auto}.story-panel h2{font-size:62px}.story-panel .story-description{margin-top:20px}}