@import "https://fonts.googleapis.com/css2?family=Barlow:wght@500;600;700;800&family=Literata:opsz,wght@7..72,500;7..72,650&display=swap";:root{color:#e9f6ea;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050807;font-family:Barlow,Inter,system-ui,sans-serif}*{box-sizing:border-box}html{background:#050807;min-width:320px}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}::selection{color:#06100c;background:#b9f5cf}.threshold-app{--scroll:0;--phase:0%;color:#e9f6ea;background:linear-gradient(#050807eb,#050807fa),#050807;min-height:330vh}.scroll-stage{isolation:isolate;min-height:100vh;position:sticky;top:0;overflow:hidden}.scene-shell{background:linear-gradient(#bae7cb0f,#0000 22%),radial-gradient(circle at 50% 58%,#9dfac129,#0000 0 36%),#050807;min-height:100vh;position:relative;overflow:hidden}.scene-shell:before,.scene-shell:after{z-index:20;pointer-events:none;content:"";position:absolute;inset:0}.scene-shell:before{background:radial-gradient(ellipse at 50% 48%, transparent 0 40%, rgba(2, 4, 3, var(--vignette-alpha)) 73%), linear-gradient(90deg, #010302e6, transparent 18% 82%, #010302e6)}.scene-shell:after{opacity:.32;transform:translateY(var(--texture-y)) scale(var(--texture-scale));background-image:linear-gradient(#dbffe514 1px,#0000 1px),linear-gradient(90deg,#dbffe50e 1px,#0000 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at 50% 54%,#000 0 38%,#0000 68%);mask-image:radial-gradient(circle at 50% 54%,#000 0 38%,#0000 68%)}.scene-horizon{perspective:1100px;transform:translateY(var(--scene-y)) scale(var(--scene-scale));transform-style:preserve-3d;position:absolute;inset:-7vh -9vw -9vh}.scene-layer{background-image:var(--asset-image), var(--fallback-image);will-change:transform, opacity, filter;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.scene-layer--far{filter:saturate(var(--far-saturation)) brightness(var(--far-brightness));transform:translateZ(-310px) scale(var(--far-scale)) translateY(var(--far-y))}.scene-layer--mid{opacity:var(--mid-opacity);transform:translateZ(-110px) scale(var(--mid-scale)) translateY(var(--mid-y))}.scene-layer--core{opacity:var(--core-opacity);filter:blur(var(--core-blur));transform:translateZ(24px) scale(var(--core-scale)) translateY(var(--core-y))}.scene-layer--left{transform-origin:8% 48%;transform:translateZ(120px) scale(var(--curtain-scale)) translateX(var(--left-x)) rotateY(var(--left-rotate))}.scene-layer--right{transform-origin:92% 48%;transform:translateZ(120px) scale(var(--curtain-scale)) translateX(var(--right-x)) rotateY(var(--right-rotate))}.scene-layer--front{filter:brightness(var(--front-brightness));transform:translateZ(260px) scale(var(--front-scale)) translateY(var(--front-y))}.scene-layer--air{opacity:var(--air-opacity);filter:blur(8px);transform:translateZ(330px) scale(var(--air-scale)) translateY(var(--air-y))}.portal-aperture{aspect-ratio:1/1.35;z-index:12;width:clamp(13rem,26vw,28rem);box-shadow:0 0 var(--portal-glow) #b3ffcd6b, inset 0 0 38px #ebffe042;transform:translate(-50%, -50%) scale(var(--portal-scale)) translateY(var(--portal-y));border:1px solid #e1ffdbb8;border-radius:49% 49% 42% 42%/58% 58% 36% 36%;position:absolute;top:55%;left:50%}.portal-aperture:before{border-radius:inherit;filter:blur(var(--portal-blur));opacity:var(--portal-opacity);content:"";background:radial-gradient(at 50% 45%,#fcffe1f0,#0000 0 19%),radial-gradient(at 50% 57%,#93f7be7a,#0000 0 48%);position:absolute;inset:9%}.greenhouse-grid{z-index:10;clip-path:polygon(50% 0,100% 26%,92% 100%,8% 100%,0 26%);opacity:var(--grid-opacity);transform:translateY(var(--grid-y)) scale(var(--grid-scale));background:linear-gradient(90deg,#0000 0 23%,#ddffe71f 23.2% 23.6%,#0000 23.8% 76%,#ddffe71f 76.2% 76.6%,#0000 76.8%),linear-gradient(#0000 0 22%,#ddffe71a 22.1% 22.6%,#0000 23% 58%,#ddffe714 58.1% 58.5%,#0000 59%);border:1px solid #c8f1d32e;position:absolute;inset:11vh 10vw 8vh}.journey-rail{z-index:30;color:#eaffef;text-transform:uppercase;letter-spacing:0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040b08c2;border:1px solid #cdffda33;grid-template-columns:auto auto 3.5rem;align-items:center;gap:.65rem;max-width:calc(100vw - 2rem);padding:.65rem .75rem;display:grid;position:fixed;bottom:clamp(1rem,3vw,2.4rem);right:clamp(1rem,3vw,2.4rem)}.journey-rail:before{background:linear-gradient(90deg, #e8ffdc var(--phase), #e8ffdc33 var(--phase));content:"";height:2px;position:absolute;bottom:.42rem;left:.75rem;right:.75rem}.journey-rail span,.journey-rail strong{font-size:.72rem;line-height:1}.journey-rail span{color:#e9f6ea9e}.journey-rail strong{color:#b9f5cf}.journey-rail i{color:#fbffe1;justify-content:flex-end;font-size:1.2rem;font-style:normal;font-weight:800;line-height:1;display:inline-flex}.field-caption{z-index:30;text-shadow:0 2px 20px #0000006b;max-width:min(27rem,100vw - 2rem);transform:translateY(var(--caption-y));position:fixed;top:clamp(1rem,6vh,4rem);left:clamp(1rem,4vw,3rem)}.field-caption p{color:#b9f5cf;text-transform:uppercase;margin:0 0 .55rem;font-size:clamp(.72rem,1.7vw,.88rem);font-weight:800;line-height:1}.field-caption h1{color:#f4fff4;max-width:12ch;margin:0;font-family:Literata,Georgia,serif;font-size:clamp(2.6rem,8.2vw,7.4rem);font-weight:650;line-height:.86}.beat-strip{z-index:25;pointer-events:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:118vh;padding:0 clamp(1rem,4vw,3rem) clamp(2rem,8vh,5rem);display:grid;position:relative}.beat-strip article{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#040b08c7;border-top:1px solid #c6ffda38;min-height:8rem;padding:1rem}.beat-strip span{color:#b9f5cf;margin-bottom:1.4rem;font-size:.82rem;font-weight:800;display:block}.beat-strip h2{color:#f4fff4eb;text-transform:uppercase;max-width:16rem;margin:0;font-size:clamp(1rem,2vw,1.45rem);font-weight:700;line-height:1.04}@media (width<=760px){.scene-horizon{inset:-5vh -36vw -8vh}.field-caption{top:1rem}.field-caption h1{max-width:10ch}.journey-rail{grid-template-columns:1fr auto 2.8rem;left:1rem;right:1rem}.beat-strip{grid-template-columns:1fr;margin-top:112vh}}@media (prefers-reduced-motion:reduce){.scene-horizon,.scene-layer,.portal-aperture,.greenhouse-grid,.field-caption{transform:none}.threshold-app{--scroll:.55}}