/* Continuous product discovery, STAYLOUD edition. */
.experience-v5{--gutter:clamp(22px,4vw,76px);background:#080a08}
.experience-v5 .site-header{position:absolute;inset:0 0 auto;height:82px;background:transparent;border:0;z-index:20}
.experience-v5 .nav-brand{width:clamp(130px,15vw,230px)}
.experience-v5 .site-header nav{font-size:12px;gap:25px;font-weight:600;letter-spacing:.06em}
.discovery-hero{min-height:104svh;position:relative;overflow:hidden;isolation:isolate;padding:clamp(120px,14vh,170px) var(--gutter) 100px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2vw}
.foil-film,.film-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.foil-film{opacity:.47;filter:contrast(1.2)}.film-shade{z-index:-1;background:linear-gradient(90deg,#070907d9 0%,#07090777 55%,#07090744),linear-gradient(0deg,#080a08,transparent 30%)}
.discovery-heading .eyebrow{color:var(--acid);font-size:13px;letter-spacing:.15em;margin-bottom:28px}
.discovery-heading h1{font-size:clamp(55px,6.4vw,112px);line-height:1.02;letter-spacing:-.055em;font-style:italic}
.discovery-heading h1>span{display:block}.discovery-heading h1 img{width:100%;max-width:670px;margin-top:20px;filter:none}
.hero-collection{display:flex;align-items:center;justify-content:center;gap:0;min-width:0;perspective:1200px;position:relative}
.hero-sachet{width:31%;position:relative;flex-shrink:0;transform:rotate(var(--turn));transition:transform .5s ease;filter:drop-shadow(0 24px 25px #0008)}
.hero-sachet:nth-child(2){z-index:2;transform:translateY(-20px) rotate(var(--turn));margin:0 -2%}
.hero-sachet img{height:min(54svh,570px);width:100%;object-fit:contain}.hero-sachet span{display:block;font-size:10px;line-height:1.4;letter-spacing:.07em;text-align:center;margin-top:20px;font-weight:700}
.hero-sachet:hover{transform:translateY(-25px) rotate(0)}
.discovery-bottom{position:absolute;bottom:28px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:25px}
.discovery-bottom p{font-size:13px;color:#c5c8bd}.discover-link{font-size:12px;font-weight:600;letter-spacing:.1em;display:flex;gap:22px;align-items:center}.discover-link span{font-size:30px;font-weight:400;color:var(--acid)}
.film-toggle{background:transparent;color:var(--paper);border:1px solid #ffffff66;border-radius:40px;padding:13px 18px;font-size:11px;min-height:44px;letter-spacing:.04em}
.flavour-nav{position:sticky;top:0;z-index:15;background:#080a08ee;backdrop-filter:blur(12px);display:flex;justify-content:center;gap:clamp(20px,8vw,120px);padding:18px var(--gutter);border-bottom:1px solid #ffffff22}
.flavour-nav a{font-size:12px;letter-spacing:.08em;font-weight:600;padding:7px 0;border-bottom:2px solid transparent;transition:color .2s}.flavour-nav a.current{color:var(--acid);border-color:currentColor}.flavour-nav a[href='#flow'].current{color:var(--green)}.flavour-nav a[href='#reset'].current{color:var(--purple)}
.experience-v5 .product-chapter{background:#141608;scroll-margin-top:64px}
.experience-v5 #flow{background:#0c1c11}.experience-v5 #reset{background:#1a0e25}
.experience-v5 .product-sticky{padding:32px var(--gutter) 22px;isolation:isolate}
.experience-v5.motion-ready .product-chapter,.motion-ready .experience-v5 .product-chapter{height:260svh}
.motion-ready .experience-v5 .product-sticky{height:100svh;min-height:700px;position:sticky;top:0}
.experience-v5 .product-ghost{font-size:clamp(100px,16vw,300px);top:18%;left:3%;right:auto;width:94%;text-align:center;line-height:.95;text-transform:uppercase;font-style:italic;letter-spacing:-.06em;color:color-mix(in srgb,var(--product-accent) 14%,transparent);-webkit-text-stroke:0;z-index:-1}
.experience-v5 .product-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:5vw;align-items:center;padding-top:15px}
.experience-v5 .product-copy{z-index:2;padding-top:10vh;max-width:460px}.experience-v5 .product-copy h2{font-size:clamp(24px,3vw,48px);margin:14px 0 20px;letter-spacing:.01em}.experience-v5 .product-copy h3{font-family:var(--display);font-size:clamp(36px,4.5vw,74px);line-height:1.05;font-style:italic;text-transform:uppercase;letter-spacing:-.05em;max-width:100%}.experience-v5 .product-copy>p:not(.eyebrow):not(.artwork-note){font-size:16px;max-width:390px}.experience-v5 .product-copy .artwork-note{font-size:12px}
.experience-v5 .sachet-viewport{height:68svh;min-height:390px;max-height:820px}.experience-v5 .product-object{position:relative;z-index:1;min-width:0}.experience-v5 .rotation-controls{max-width:430px;width:100%;margin:auto;border-color:#ffffff26}.experience-v5 .rotation-controls button{font-size:12px}.experience-v5 .reverse-note{font-size:11px;margin:8px 0}
.experience-v5 .chapter-bottom{font-size:11px}.experience-v5 .chapter-bottom>span{font-size:11px}
.ingredient-sequence{position:relative}.ingredient-panel{min-height:100svh;padding:60px var(--gutter);display:flex;flex-direction:column;justify-content:center;color:#121410;position:relative;overflow:hidden;border-top:1px solid #0002;isolation:isolate}
.panel-citrus{background:#f7f74a}.panel-tropical{background:#a3f945}.panel-berry{background:#c66afb}.panel-pocket{background:#e8eae3}
.ingredient-count{font-size:12px;letter-spacing:.1em;font-weight:600;position:absolute;left:var(--gutter);top:35px}.ingredient-kicker{font-size:14px;letter-spacing:.1em;margin:40px 0 25px;font-weight:700}
.ingredient-panel h3{font-size:clamp(58px,10.5vw,180px);line-height:.98;letter-spacing:-.07em;font-style:italic;position:relative;z-index:1;max-width:100%;overflow-wrap:normal}
.ingredient-lower{display:grid;grid-template-columns:1fr 1fr;gap:12vw;margin-top:55px;align-items:start;max-width:1150px}.ingredient-lower>p{font-size:clamp(18px,2vw,29px);line-height:1.4;max-width:500px}.ingredient-lower>div p{font-size:16px;max-width:470px}.ingredient-lower button,.ingredient-lower a{color:#121410;display:flex;align-items:center;justify-content:space-between;gap:30px;background:none;border:0;border-bottom:1px solid #12141099;padding:15px 0;margin-top:23px;font-size:13px;font-weight:700;width:100%;text-align:left}.ingredient-lower button span{font-size:28px;font-weight:400}
.experience-v5 .kit-section{background:#090b09;color:var(--paper);padding-top:100px}.experience-v5 .kit-heading{display:block;text-align:center}.experience-v5 .kit-heading h2{font-size:clamp(42px,7vw,116px);margin-top:25px;letter-spacing:-.06em}.experience-v5 .kit-grid{gap:6vw}.experience-v5 .kit-info h3{font-size:clamp(32px,4vw,62px)}.experience-v5 .kit-description,.experience-v5 .contents>div>span:last-child,.experience-v5 .product-note{color:#b6bbae}.experience-v5 .contents{border-color:#fff3}.experience-v5 .contents>div{border-color:#fff3}.experience-v5 .product-topline span:last-child{color:var(--acid)}.experience-v5 .button-dark{background:var(--acid);color:var(--ink)}
.experience-v5 .faq{background:#e9eae3;color:var(--ink);grid-template-columns:.9fr 1.3fr;gap:6vw}.experience-v5 .faq h2{font-size:clamp(45px,6.6vw,110px);letter-spacing:-.06em}.experience-v5 .faq-list details{border-color:#0003}.experience-v5 .faq-list summary{color:var(--ink);font-size:17px}.experience-v5 .faq-list details p{color:#43493e}.experience-v5 .faq-list summary span{color:var(--ink)}
.experience-v5 .closing{background:#f7f74a;color:var(--ink);text-align:center;padding:100px var(--gutter) 35px;min-height:88svh;display:flex;align-items:center;flex-direction:column;justify-content:center}.experience-v5 .closing h2{font-size:clamp(52px,8vw,134px);line-height:1.05;font-style:italic;letter-spacing:-.05em;width:100%;max-width:1000px;margin:25px auto 35px}.experience-v5 .closing h2 img{width:100%;max-width:850px;margin:20px auto 0;filter:brightness(0)}.experience-v5 .closing .button{background:var(--ink);color:var(--paper)}.experience-v5 .closing-base{border-color:#0004;width:100%;margin-top:65px;color:var(--ink)}
@media(min-width:1600px){.discovery-hero{max-height:1200px}.ingredient-panel{min-height:900px}}
@media(max-width:900px){.experience-v5 .site-header nav{display:none}.discovery-hero{grid-template-columns:1fr;padding-top:120px;padding-bottom:110px;gap:45px;min-height:1100px}.discovery-heading{text-align:center;max-width:650px;margin:auto;width:100%}.discovery-heading h1{font-size:10vw}.discovery-heading h1 img{max-width:620px;margin:20px auto 0}.hero-collection{max-width:640px;width:100%;margin:auto}.hero-sachet img{height:390px}.hero-sachet span{font-size:9px}.discovery-bottom p{font-size:12px}.ingredient-panel h3{font-size:10.5vw}.ingredient-lower{gap:6vw}.experience-v5 .faq{display:block}.experience-v5 .faq-list{margin-top:50px}.experience-v5 .product-copy h3{font-size:4.5vw}}
@media(max-width:600px){.experience-v5 .site-header{height:72px}.experience-v5 .nav-brand{width:142px}.experience-v5 .launch-button{font-size:10px;gap:12px}.discovery-hero{padding-top:108px;min-height:860px;gap:32px}.discovery-heading .eyebrow{font-size:11px;margin-bottom:20px}.discovery-heading h1{font-size:13.4vw}.hero-sachet img{height:310px}.hero-sachet span{display:none}.discovery-bottom{bottom:22px;gap:10px;flex-wrap:wrap}.discovery-bottom p{display:none}.discover-link{font-size:10px;gap:12px}.film-toggle{font-size:10px;padding:12px}.flavour-nav{gap:0;justify-content:space-between;padding:10px var(--gutter)}.flavour-nav a{font-size:10px}.experience-v5 .product-chapter-top{font-size:10px}.experience-v5 .product-layout{display:flex;flex-direction:column;gap:12px;padding:20px 0 0}.experience-v5 .product-copy{padding:0;max-width:none;width:100%}.experience-v5 .product-copy .eyebrow{font-size:11px}.experience-v5 .product-copy h2{font-size:20px;margin:7px 0}.experience-v5 .product-copy h3{font-size:8vw;max-width:100%;line-height:1.05}.experience-v5 .product-copy>p:not(.eyebrow):not(.artwork-note){font-size:14px;margin-top:12px}.experience-v5 .formula-button{font-size:11px;margin-top:10px;padding:6px 0}.experience-v5 .product-copy .artwork-note{display:none}.experience-v5 .sachet-viewport{height:40svh;min-height:275px;max-height:380px}.experience-v5 .product-object{width:100%;flex:1}.experience-v5 .product-ghost{font-size:24vw;top:45%;overflow-wrap:normal}.experience-v5 .rotation-controls{padding:4px 0}.experience-v5 .rotation-controls button{font-size:10px;min-height:35px}.experience-v5 .reverse-note{font-size:10px}.experience-v5 .chapter-bottom{font-size:9px;padding-top:10px}.experience-v5 .chapter-bottom>span{display:none}.motion-ready .experience-v5 .product-sticky{min-height:780px}.ingredient-panel{min-height:90svh;padding:65px var(--gutter)}.ingredient-count{top:25px;font-size:10px}.ingredient-kicker{font-size:11px;margin:30px 0 20px}.ingredient-panel h3{font-size:11.4vw;line-height:1.02;letter-spacing:-.065em}.ingredient-lower{display:block;margin-top:35px}.ingredient-lower>p{font-size:22px}.ingredient-lower>div{margin-top:30px}.ingredient-lower>div p{font-size:15px}.ingredient-lower button,.ingredient-lower a{font-size:12px}.experience-v5 .kit-grid{display:block}.experience-v5 .kit-info{margin-top:35px}.experience-v5 .kit-heading h2{font-size:9.4vw}.experience-v5 .closing h2{font-size:13vw}.experience-v5 .closing-base{font-size:9px}.experience-v5 .faq h2{font-size:13vw}.experience-v5 .faq-list summary{font-size:15px}}
@media(max-height:780px){.motion-ready .experience-v5 .product-chapter{height:auto}.motion-ready .experience-v5 .product-sticky{position:relative;height:auto;min-height:0}.experience-v5 .product-layout{padding:35px 0}.experience-v5 .sachet-viewport{height:530px}.discovery-hero{min-height:850px}}
@media(prefers-reduced-motion:reduce){.foil-film{display:none}.discovery-hero{background:#111 url('assets/foil-motion-poster.webp') center/cover}.film-toggle{display:none}.motion-ready .experience-v5 .product-chapter,.experience-v5 .product-chapter{height:auto!important}.motion-ready .experience-v5 .product-sticky,.experience-v5 .product-sticky{position:relative!important;height:auto!important;min-height:0!important}.experience-v5 .product-layout{padding:45px 0}.hero-sachet,.ingredient-panel h3{transition:none}}

.waitlist-section{display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;background:#151615;color:#fff;scroll-margin-top:90px}.waitlist-section h2{font-family:Archivo Black,sans-serif;font-size:clamp(3rem,6vw,6.5rem);line-height:.95;letter-spacing:-.055em;margin:24px 0}.waitlist-section p{font-size:1rem;line-height:1.5}.waitlist-bag{color:#f7f74a;max-width:340px}#waitlist-form{align-self:center;position:relative}#waitlist-form>label{display:block;margin-bottom:10px;font-size:1rem}#waitlist-email{display:block;box-sizing:border-box;width:100%;padding:18px;background:#232523;border:1px solid #626662;border-radius:0;color:#fff;font:inherit;font-size:1rem}#waitlist-email:focus{outline:2px solid #f7f74a;outline-offset:3px}#waitlist-form .waitlist-consent{display:flex;gap:12px;align-items:flex-start;margin:20px 0;font-size:.875rem;line-height:1.5}.waitlist-consent input{margin-top:4px;flex:none;width:18px;height:18px;accent-color:#f7f74a}.waitlist-note{color:#b8beb8;font-size:.875rem!important}#waitlist-status{min-height:1.5em;color:#f7f74a}#waitlist-form button:disabled{opacity:.65;cursor:wait}.waitlist-trap{position:absolute;left:-10000px;opacity:0;pointer-events:none}.waitlist-section .button{width:100%}@media(max-width:700px){.waitlist-section{grid-template-columns:1fr;gap:24px}.site-header .launch-button{font-size:.7rem}}

.nav-early-access{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:0}.hero-access{margin-top:24px;font-size:.875rem;position:relative}.chapter-access{display:block;background:transparent;border:1px solid currentColor;color:inherit;padding:14px 20px;margin:18px 0;font:inherit;font-size:.875rem;font-weight:700;cursor:pointer}.chapter-access:hover{background:var(--product-accent);color:#101110}.waitlist-dialog{box-sizing:border-box;width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:28px;background:#151615;color:#fff;border:1px solid #646964;overflow-y:auto}.waitlist-dialog::backdrop{background:rgb(0 0 0 / .75);backdrop-filter:blur(8px)}.waitlist-dialog .dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.close-waitlist{border:0;background:transparent;color:#fff;font:32px sans-serif;cursor:pointer;padding:6px 10px}.waitlist-dialog .waitlist-section{display:block;padding:0;background:none;overflow:hidden}.waitlist-dialog .waitlist-section h2{font-size:clamp(2.7rem,8vw,4.5rem);margin:20px 0 14px}.waitlist-dialog .waitlist-section>div>.eyebrow{margin-top:16px}.waitlist-dialog #waitlist-form{margin-top:24px}.waitlist-dialog .waitlist-bag{max-width:none}.waitlist-dialog #waitlist-status:empty{display:none}.waitlist-dialog button:focus-visible,.chapter-access:focus-visible,.nav-early-access:focus-visible{outline:2px solid #f7f74a;outline-offset:4px}@media(max-width:700px){.waitlist-dialog{padding:20px}.hero-access{padding:12px 16px;margin-top:16px}.chapter-access{padding:12px 16px}}

.waitlist-dialog #waitlist-form>button[type="submit"]{margin-top:20px}

#waitlist-name{display:block;box-sizing:border-box;width:100%;padding:18px;margin-bottom:18px;background:#232523;border:1px solid #626662;border-radius:0;color:#fff;font:inherit;font-size:1rem}#waitlist-name:focus{outline:2px solid #f7f74a;outline-offset:3px}.site-loader{position:fixed;inset:0;z-index:10000;background:#101110;color:#f7f74a;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.loader-brand{position:absolute;top:7vh;width:clamp(180px,24vw,320px);height:auto;filter:invert(1)}.loader-object{perspective:900px;width:clamp(90px,15vh,180px);height:clamp(225px,37.5vh,450px)}.loader-sachet{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:loader-turn 2.4s ease-in-out infinite}.loader-sachet img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;filter:drop-shadow(0 15px 30px #0008)}.loader-back{transform:rotateY(180deg)}.loader-front{transform:translateZ(1px)}.loader-bottom{position:absolute;left:5vw;right:5vw;bottom:7vh;display:flex;align-items:end;justify-content:space-between;gap:20px;font-size:.8rem;font-weight:700;letter-spacing:.06em}.loader-percent{font-size:clamp(2rem,7vw,5rem);font-variant-numeric:tabular-nums;letter-spacing:-.05em}.loader-skip{background:none;border:0;color:inherit;padding:12px;cursor:pointer;font:inherit}.loader-skip:focus-visible{outline:2px solid currentColor}.loader-track{position:absolute;bottom:0;left:0;right:0;height:4px;background:#303330}.loader-track i{display:block;height:100%;background:#f7f74a;transform-origin:left;transform:scaleX(var(--load-progress,0));transition:transform .2s}.loading-site main,.loading-site .site-header{opacity:0;transform:translateY(24px)}main,.site-header{transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1)}.site-loader.loader-leaving{opacity:0;transition:opacity .45s;pointer-events:none}@keyframes loader-turn{0%{transform:rotateZ(-12deg) rotateY(0)}50%{transform:rotateZ(8deg) rotateY(180deg)}100%{transform:rotateZ(-12deg) rotateY(360deg)}}@media(prefers-reduced-motion:reduce){.loader-sachet{animation:none}.site-loader.loader-leaving,main,.site-header,.loader-track i{transition:none}.loading-site main,.loading-site .site-header{transform:none}}@media(max-width:500px){.loader-bottom{font-size:.7rem;gap:8px}.loader-skip{padding:8px}.loader-brand{top:10vh}}

.site-loader .loader-logo{position:relative;display:block;width:min(76vw,760px);padding:0;border:0;background:transparent;cursor:pointer;line-height:0;filter:drop-shadow(0 0 28px #cfd4e014)}.loader-logo img{display:block;width:100%;height:auto}.logo-shimmer{position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#a6d8ee44 36%,#fff9 45%,#efc9f277 50%,#b8e6d555 56%,transparent 68%);background-size:250% 100%;mask:url('assets/stayloud-wordmark.svg') center/contain no-repeat;-webkit-mask:url('assets/stayloud-wordmark.svg') center/contain no-repeat;mix-blend-mode:screen;animation:logo-hologram 2.8s ease-in-out infinite}.loader-logo:focus-visible{outline:1px solid #dfe5ef;outline-offset:20px}@keyframes logo-hologram{0%{background-position:160% 50%}100%{background-position:-60% 50%}}@media(prefers-reduced-motion:reduce){.logo-shimmer{animation:none;background-position:45% 50%}}