/* The opening is one native-scroll scene, led by the slogan. */
.intro-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.65}
.intro-rings{position:absolute;left:50%;top:48%;width:min(750px,83vw);aspect-ratio:1;z-index:1;pointer-events:none;opacity:calc(var(--intro-progress)*.7);transform:translate(-50%,-50%) rotate(calc(var(--intro-progress)*125deg)) scale(calc(.85 + var(--intro-progress)*.35))}
.intro-rings i{position:absolute;inset:0;border:1px solid #f39cbb25;border-radius:50%;transform:rotateX(65deg) rotate(-25deg)}
.intro-rings i:nth-child(2){inset:12%;border-color:#ffb45827;transform:rotateX(35deg) rotate(20deg)}
.intro-rings i:nth-child(3){inset:-8%;border-color:#e575c319;transform:rotateY(60deg) rotate(35deg)}
.intro-rings i::after{content:'';position:absolute;top:14%;left:14%;width:5px;height:5px;border-radius:50%;background:#f6b397;box-shadow:0 0 20px #f899b2}
.hero{--intro-progress:0;height:190svh;min-height:1200px;overflow:clip;background:#160c25}
.hero-stage{position:sticky;top:0;height:100svh;min-height:600px;isolation:isolate;overflow:clip}
.intro-veil{position:absolute;inset:0;background:#100b20;opacity:calc(.89 - var(--intro-progress)*.76)}
.hero-content{position:absolute;inset:0;max-width:none;width:100%;height:100%;padding:0;display:block}
.hero-copy{position:absolute;left:50%;top:50%;width:max-content;max-width:90%;padding:0;text-align:center;transform:translate(-50%,-50%) translateX(calc(var(--intro-progress)*-24vw)) scale(calc(1 - var(--intro-progress)*.42));transform-origin:center;opacity:1;will-change:transform}
.hero .eyebrow{justify-content:center;font-size:10px;letter-spacing:3px;margin-bottom:28px;color:#c8a7cd}
.hero h1{font-size:clamp(100px,12vw,200px);letter-spacing:-2.5px;line-height:.8;margin-bottom:28px;white-space:nowrap}
.hero h1>.title-mood{font-size:1.47em;line-height:1.05;letter-spacing:-4px;background-image:linear-gradient(100deg,#e77ccf,#f48793 52%,#ffc17e);filter:drop-shadow(0 0 60px #e761b71c)}
.hero-description{font-size:13px;line-height:1.8;letter-spacing:.2px;color:#c2adc9;margin-bottom:0}
.hero-buttons{position:absolute;left:50%;top:calc(100% + 30px);transform:translateX(-50%);width:max-content;gap:27px;opacity:1}
.cinematic-ready .hero-buttons{opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.cinematic-ready .hero.is-unfolded .hero-buttons{opacity:1;visibility:visible}
.hero-buttons .button{font-size:16px;padding:21px 27px;gap:35px}.hero-buttons .text-link{font-size:14px}
.hero-emblem{position:absolute;top:50%;left:55%;width:43vw;max-width:620px;margin:0;perspective:1100px;animation:none;transform:translate(calc((1 - var(--intro-progress))*7vw),-46%) scale(calc(.72 + var(--intro-progress)*.28));opacity:clamp(0,calc((var(--intro-progress) - .12)*2),1);will-change:transform,opacity}
.hero-emblem img{max-height:70svh;object-fit:contain;transform:translate3d(var(--emblem-x,0px),var(--emblem-y,0px),0) rotateX(var(--emblem-rx,0deg)) rotateY(var(--emblem-ry,0deg))}
.hero-emblem .orbit-label{font-size:7px;letter-spacing:2.5px;opacity:var(--intro-progress)}
.hero-bottom{z-index:4;bottom:30px}.hero-bottom .scroll-hint{color:#cfb4d4}
.hero .landscape{height:78%;min-height:520px;transform:translate3d(0,calc((1 - var(--intro-progress))*28px),0)}
.hero .haze{transform:translateX(var(--sky-x,0px))}
.hero .sun{left:51%;bottom:20%}
.hero-content::before{content:'';position:absolute;left:50%;top:47%;width:min(650px,85vw);aspect-ratio:1;border:1px solid #e6a3d40b;border-radius:50%;transform:translate(-50%,-50%) scale(calc(1 + var(--intro-progress)*.3));box-shadow:0 0 0 55px #d979b103,0 0 0 110px #d979b102;opacity:calc(1 - var(--intro-progress));pointer-events:none}
.hero .eyebrow{font-size:calc(10px + var(--intro-progress)*7px)}
.hero-description{font-size:calc(13px + var(--intro-progress)*9px)}
.hero-buttons .button{font-size:calc(16px + var(--intro-progress)*8px);padding:calc(21px + var(--intro-progress)*8px) calc(27px + var(--intro-progress)*10px)}
.hero-buttons .text-link{font-size:calc(14px + var(--intro-progress)*7px)}
.hero h1{transform:translate3d(var(--title-x,0px),var(--title-y,0px),0);transition:transform .8s var(--ease-out)}
.hero h1 .title-line{position:relative;isolation:isolate;color:#eee9f2;background:none;-webkit-text-fill-color:currentColor;filter:none}
.hero h1 .title-mood{color:#c5becd}
.hero h1 .title-line>.title-ink{position:absolute;inset:0;color:transparent;background:linear-gradient(105deg,#e675ca,#f68a93 55%,#ffc17c);background-clip:text;-webkit-text-fill-color:transparent;clip-path:inset(0 calc(100% - var(--color-fill,0%)) 0 0);pointer-events:none}
.hero h1 .title-find{--color-fill:var(--find-fill,0%)}
.hero h1 .title-mood{--color-fill:var(--mood-fill,0%)}
.hero-content{z-index:2}
.cursor-aura::after{content:'';position:absolute;left:50%;top:50%;width:16px;height:16px;border:1px solid #f1a2cf66;border-radius:50%;transform:translate(-50%,-50%);transition:width .35s var(--ease-out),height .35s var(--ease-out),border-color .35s}
.cursor-aura.is-interactive::after{width:38px;height:38px;border-color:#ffbd9a88}
@media(min-width:1600px){.hero-content{padding:0}.hero h1{font-size:200px}}
@media(max-width:1100px) and (min-width:801px){.hero-copy{transform:translate(-50%,-50%) translateX(calc(var(--intro-progress)*-23vw)) scale(calc(1 - var(--intro-progress)*.4))}.hero h1{font-size:12vw}.hero-emblem{left:54%;width:44vw}.hero .eyebrow{font-size:9px}}
@media(max-width:800px){.hero{height:195svh;min-height:1250px}.hero-stage{height:100svh;min-height:620px}.hero-content{padding:0;display:block}.hero-copy{left:50%;top:45%;width:90%;max-width:90%;transform:translate(-50%,-50%) translateY(calc(var(--intro-progress)*-18svh)) scale(calc(1 - var(--intro-progress)*.34));opacity:1}.hero h1{font-size:19vw;letter-spacing:-1.4px;line-height:.83;margin-bottom:20px}.hero h1>.title-mood{font-size:1.48em;letter-spacing:-2px;line-height:1.05}.hero .eyebrow{font-size:calc(7px + var(--intro-progress)*3px);letter-spacing:2px;margin-bottom:24px;gap:8px}.hero .little-sun{font-size:18px}.hero-description{font-size:calc(12px + var(--intro-progress)*5px);margin:0;line-height:1.8}.hero-emblem{top:53%;left:50%;width:76vw;max-width:410px;transform:translate(-50%,calc((1 - var(--intro-progress))*12svh)) scale(calc(.75 + var(--intro-progress)*.25));opacity:clamp(0,calc((var(--intro-progress) - .15)*2.1),1);margin:0}.hero-emblem img{width:100%;height:auto;max-height:40svh;object-fit:contain;transform:none}.hero-emblem .orbit-label{font-size:5px;letter-spacing:1.7px}.hero-buttons{top:calc(100% + 24px);gap:24px}.hero-buttons .button{font-size:18px;padding:21px 26px;gap:24px}.hero-buttons .text-link{font-size:16px;gap:14px}.hero-bottom{left:7%;right:7%;bottom:26px}.hero-bottom .scroll-hint{font-size:6px;letter-spacing:1px;gap:8px}.hero-bottom #atmosphere{font-size:6px;gap:6px}.hero-bottom .sun-icon{font-size:14px}.hero .landscape{height:75%;min-height:520px;width:150%;left:-25%;transform:none}.hero .sun{left:42%;bottom:22%;width:200px;height:200px}}
@media(max-width:420px){.hero{min-height:1250px}.hero h1{font-size:19vw}.hero .eyebrow{font-size:calc(6px + var(--intro-progress)*3px);letter-spacing:1.7px}.hero-description{font-size:calc(11px + var(--intro-progress)*6px)}.hero-bottom .scroll-hint{font-size:5.5px}}
@media(max-height:700px) and (min-width:801px){.hero h1{font-size:17svh}.hero .eyebrow{margin-bottom:20px}.hero-description{font-size:12px}.hero-emblem img{max-height:65svh}}
@media(prefers-reduced-motion:reduce){.hero{height:auto;min-height:0;--intro-progress:1!important}.hero-stage{height:auto;min-height:100svh;position:relative;padding:150px 6% 100px}.intro-veil{opacity:.35}.hero-content{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;height:auto}.hero-copy{position:relative;left:auto;top:auto;width:auto;max-width:none;transform:none!important;will-change:auto}.hero h1{font-size:8vw;transform:none}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-description{font-size:13px}.hero-emblem{position:relative;top:auto;left:auto;width:100%;transform:none;opacity:1;will-change:auto}.hero-buttons{position:static;transform:none;justify-content:center;margin-top:25px;width:auto;opacity:1!important;visibility:visible!important}.hero-buttons .button{font-size:12px;padding:16px}.hero-buttons .text-link{font-size:11px}.hero-content::before{display:none}.hero-emblem .orbit-label{opacity:1}}
@media(prefers-reduced-motion:reduce) and (max-width:800px){.hero-stage{padding-top:140px}.hero-content{display:flex;flex-direction:column;gap:30px}.hero-copy{max-width:100%;width:100%}.hero h1{font-size:19vw}.hero-emblem{max-width:330px;width:80%;margin:0}.hero-emblem img{max-height:unset}.hero-buttons{gap:20px}.hero-bottom .scroll-hint{display:none}}
@media(prefers-reduced-motion:reduce){.intro-particles,.intro-rings{display:none}.hero h1 .title-line{--color-fill:100%}}
