:root{color:#302a37;font-synthesis:none;--progress:0;--ink:#302a37;--violet:#9b83ff;--cyan:#77e7df;--coral:#f3a47f;background:#e8e3ef;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}html{scrollbar-width:thin;scrollbar-color:#99909f #e8e3ef}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:7px;outline:2px solid #766391}button{border:0}#journey{height:1100svh;position:relative}.stage{position:fixed;inset:0;overflow:hidden}canvas{width:100%;height:100%;display:block}.texture{pointer-events:none;z-index:2;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h150v150H0z'/%3E%3C/svg%3E");position:fixed;inset:0}.login{z-index:10;top:max(32px, env(safe-area-inset-top));letter-spacing:.03em;border-bottom:1px solid #302a3730;align-items:center;gap:35px;padding:0 0 10px;font-size:12px;display:flex;position:fixed;left:4%}.login span{font-size:17px}.login:hover{border-color:currentColor}.editorial{letter-spacing:.23em;pointer-events:none;justify-content:space-between;font-size:9px;display:flex;position:fixed;inset:132px 4% auto}.hero-copy{pointer-events:none;position:fixed;bottom:15%;left:7%}.hero-copy p{letter-spacing:-.055em;margin:0 0 23px;font-size:clamp(32px,3.9vw,60px);font-weight:400;line-height:1.08}em{font-family:Georgia,Times New Roman,serif;font-weight:400}.micro{letter-spacing:.17em;font-size:8px;line-height:1.9}.scroll-cue{letter-spacing:.13em;align-items:center;gap:18px;font-size:9px;display:flex;position:fixed;bottom:16%;right:7%}.scroll-line{opacity:.35;background:currentColor;width:54px;height:1px}.arrow{margin-left:10px;font-size:22px}.journey-index{bottom:max(30px, env(safe-area-inset-bottom));letter-spacing:.14em;pointer-events:none;align-items:center;gap:28px;font-size:8px;display:flex;position:fixed;left:4%;right:4%}.progress-track{background:#7b738330;flex:1;height:1px}.progress-track i{height:1px;transform:scaleX(var(--progress));transform-origin:0;background:currentColor;display:block}.chapter-copy{z-index:3;pointer-events:none;max-width:500px;position:fixed;bottom:16%;left:7%}.chapter-number{letter-spacing:.2em;font-size:8px}.chapter-copy h2{white-space:pre-line;letter-spacing:-.055em;margin:20px 0 15px;font-size:clamp(34px,4.3vw,65px);font-weight:400;line-height:1.02}.chapter-copy p{letter-spacing:.01em;font-size:12px;line-height:1.6}.final-copy{z-index:4;position:fixed;bottom:14%;left:7%}.final-copy h2{letter-spacing:-.06em;margin:22px 0 30px;font-size:clamp(48px,6vw,90px);font-weight:400;line-height:.96}.cta{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f9f6fa60;border:1px solid #42334840;border-radius:99px;align-items:center;gap:48px;padding:16px 23px;font-size:12px;transition:background .2s,transform .2s;display:inline-flex}.cta:hover{background:#fcf9ff;transform:translateY(-2px)}footer{z-index:5;background:#e8e3ef;padding:5px 0 5px 18px;font-size:10px;position:fixed;bottom:27px;right:4%}.studio-logo-slot:empty{display:none}[hidden]{display:none!important}[data-dark=true]{color:#f1ecee}#loading{letter-spacing:.15em;z-index:20;background:#e8e3ef;place-content:center;font-size:10px;display:grid;position:fixed;inset:0}#loading span{transform-origin:0;background:#9a81bf;height:1px;margin-top:20px;animation:1.3s ease-in-out infinite load}@keyframes load{50%{transform:scaleX(.3)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}dialog{color:#302a37;background:#eeebf2;border:1px solid #c7bdd4;border-radius:5px;width:min(90vw,470px);padding:50px;box-shadow:0 30px 100px #21182930}dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#29233140}dialog h2{letter-spacing:-.055em;font-size:44px;font-weight:400;line-height:1.05}dialog p{color:#6e6575;font-size:14px;line-height:1.7}.close{background:0 0;font-size:28px;position:absolute;top:12px;right:18px}.dialog-done{background:0 0;border-top:1px solid #302a3720;justify-content:space-between;width:100%;margin-top:30px;padding:20px 0 0;font-size:12px;display:flex}#fallback{z-index:6;background:radial-gradient(at 70% 30%,#c3b2d7,#0000 60%),#e8e3ef;padding:20vh 9vw;position:fixed;inset:0}#fallback h2{letter-spacing:-.06em;margin:30px 0;font-size:clamp(56px,8vw,110px);font-weight:400;line-height:1}#fallback p{max-width:430px;font-size:15px;line-height:1.6}#fallback .fallback-reason{opacity:.6;font-size:12px}#fallback .cta{margin-top:20px}[data-webgl=unavailable] #journey{height:100svh}@media (width<=700px){#journey{height:850svh}.login{left:max(7%, env(safe-area-inset-left));top:max(20px, env(safe-area-inset-top));min-height:44px;padding-bottom:8px;font-size:13px}.editorial{top:clamp(82px,12svh,105px);left:max(7%, env(safe-area-inset-left));right:max(7%, env(safe-area-inset-right));font-size:clamp(8px,2.2vw,10px)}.edition{display:none}.hero-copy{bottom:max(22%, calc(env(safe-area-inset-bottom) + 17%));left:max(8%, env(safe-area-inset-left));max-width:80vw}.hero-copy p{margin-bottom:clamp(12px,3vh,20px);font-size:clamp(35px,10vw,52px);line-height:1.04}.hero-copy .micro{max-width:260px;font-size:clamp(8px,2.1vw,9px);display:block}.scroll-cue{bottom:max(11%, calc(env(safe-area-inset-bottom) + 8%));right:max(8%, env(safe-area-inset-right));gap:clamp(8px,2.5vw,12px);font-size:clamp(8px,2vw,9px)}.scroll-line{width:clamp(18px,7vw,32px)}.journey-index{left:max(7%, env(safe-area-inset-left));right:max(7%, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));letter-spacing:.1em;gap:clamp(8px,3vw,14px);font-size:clamp(8px,2vw,9px)}.chapter-copy{left:max(8%, env(safe-area-inset-left));bottom:max(17%, calc(env(safe-area-inset-bottom) + 13%));max-width:min(84%,390px)}.chapter-number{font-size:10px}.chapter-copy h2{margin:clamp(10px,2.4vh,18px) 0 10px;font-size:clamp(34px,9.6vw,48px)}.chapter-copy p{max-width:300px;font-size:clamp(13px,3.5vw,15px);line-height:1.5}.final-copy{left:max(8%, env(safe-area-inset-left));bottom:max(17%, calc(env(safe-area-inset-bottom) + 13%));max-width:84%}.final-copy h2{margin:14px 0 22px;font-size:clamp(48px,13vw,66px)}.final-copy .micro{max-width:280px;font-size:clamp(8px,2vw,9px)}.cta{gap:clamp(24px,9vw,48px);min-height:48px;padding:14px 18px;font-size:13px}footer{right:max(7%, env(safe-area-inset-right));bottom:max(52px, calc(env(safe-area-inset-bottom) + 42px));font-size:9px}dialog{padding:38px 27px}.texture{opacity:.035}}@media (width<=360px){.scroll-cue{right:max(6%, env(safe-area-inset-right));gap:7px;font-size:7px}.scroll-line{width:14px}.journey-index{letter-spacing:.06em;gap:7px}.chapter-copy h2{font-size:clamp(32px,9vw,36px)}.chapter-copy p{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}#journey{height:700svh}}.product-note{letter-spacing:.13em;opacity:.6;pointer-events:none;font-size:7px;position:fixed;bottom:70px;right:4%}.studio-logo-slot img{width:clamp(150px,12vw,220px);max-width:none;height:auto;display:block}@media (width<=700px){.product-note{bottom:max(70px, calc(env(safe-area-inset-bottom) + 58px));right:max(7%, env(safe-area-inset-right));font-size:8px}}[data-reduced-motion=true] #journey{height:700svh}[data-reduced-motion=true] *,[data-reduced-motion=true] :before,[data-reduced-motion=true] :after{transition:none!important;animation:none!important}