:root{--ink:#171915;--paper:#f6f7f1;--acid:#d9ff48;--line:#cdd0c3;--muted:#62685a;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:stolzl,Arial,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2{font-family:ogg,Georgia,serif;font-weight:400;letter-spacing:-.055em;line-height:1.03;margin-bottom:35px}h1{font-size:clamp(72px,8.3vw,145px)}h2{font-size:clamp(60px,6.5vw,112px)}h1 em,h2 em,.fit-list em{font-weight:400}p{max-width:620px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #7d972b;outline-offset:6px}.skip{position:absolute;left:15px;top:-100px;background:white;z-index:100;padding:12px}.skip:focus{top:15px}.header{padding:18px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px;background:var(--paper)}.header img{width:105px;height:66px;object-fit:contain}.header nav{display:flex;gap:36px;align-items:center;font-size:14px}.header nav>a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:7px}.nav-cta{border:1px solid #9fa591;border-radius:40px;padding:13px 20px}.small-plus{margin-left:25px}.eyebrow,.section-label{font-size:12px;letter-spacing:1.4px;text-transform:uppercase}.eyebrow{margin-bottom:27px}.button{display:inline-flex;gap:30px;justify-content:space-between;align-items:center;padding:17px 25px;border-radius:40px;border:1px solid transparent;min-height:58px;font-size:14px;transition:background .25s,transform .3s;white-space:nowrap}.button span{font-size:25px;line-height:1}.button:hover{transform:translateY(-3px)}.button.light{background:var(--paper);color:var(--ink)}.button.dark{background:var(--ink);color:var(--paper)}.button.dark:hover{background:#3d4530}.button:disabled{opacity:.5;cursor:wait}.text-link{display:inline-flex;gap:26px;align-items:center;font-size:14px;border-bottom:1px solid currentColor;padding-bottom:8px}.hero{position:relative;min-height:780px;height:calc(100svh - 102px);max-height:1200px;color:white;background:#151a14;overflow:hidden;display:flex;align-items:center}.hero video{position:absolute;inset:-10% 0;width:100%;height:120%;object-fit:cover;opacity:.7}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0009,transparent),linear-gradient(0deg,#0008,transparent 45%)}.hero-copy{position:relative;width:90%;margin:0 auto;padding:60px 0 120px;z-index:1}.hero h1{max-width:1300px;margin-bottom:40px}.hero h1 em{color:var(--acid)}.hero-bottom-copy{display:flex;align-items:end;justify-content:space-between;gap:30px;max-width:1100px}.hero-bottom-copy p{font-size:18px;line-height:1.8;margin:0}.hero-meta{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.4px;z-index:2}.video-toggle{background:transparent;color:white;border:1px solid #ffffff70;border-radius:30px;padding:10px 20px;font-size:12px}.section{padding:100px 5%}.section-label{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:20px;margin-bottom:70px}.intro-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:7%;align-items:center}.intro-grid>div{min-width:0}.intro-grid p{max-width:510px;color:var(--muted);font-size:17px}.intro-grid .lead{font-size:25px;color:var(--ink);line-height:1.5;margin-top:40px}.open-tin{position:relative;padding-top:75px}.open-tin>img{position:relative;z-index:1;width:100%;height:auto;will-change:transform}.image-orbit{position:absolute;top:0;left:0;font:400 clamp(40px,5vw,75px)/1.2 ogg,serif;color:#7b855f;transform:rotate(-10deg)}.image-caption{display:flex;flex-direction:column;text-align:right;font-size:12px;gap:6px;margin-top:20px}.image-caption>span:first-child{font-size:10px;letter-spacing:1.3px}.principles{display:flex;justify-content:space-between;gap:25px;margin-top:80px;padding-top:30px;border-top:1px solid var(--line)}.principles>div{display:flex;align-items:center;gap:18px;font-size:14px}.principles img{width:48px;height:48px;object-fit:contain}.journey{height:260svh;position:relative;background:#dff18c}.journey-stage{position:sticky;top:0;min-height:760px;height:100svh;overflow:hidden;padding:40px 5%;background:var(--scene-color,#dff18c);transition:background .8s}.journey-top{display:flex;justify-content:space-between;position:relative;z-index:2}.journey-count{font-size:12px}.journey-title{position:absolute;left:5%;top:18%;width:75%}.journey-title h2{font-size:clamp(76px,9vw,150px);max-width:1000px}.journey-tin{position:absolute;width:42%;max-width:640px;top:25%;left:35%;z-index:2;pointer-events:none}.journey-tin img{width:100%;transform:rotate(-12deg);filter:drop-shadow(0 25px 20px #0002);transition:opacity .25s}.journey-copy{position:absolute;right:5%;bottom:17%;width:27%;z-index:3}.journey-copy h3{font-family:ogg,serif;font-size:40px;font-weight:400;line-height:1.08;margin-bottom:20px;letter-spacing:-.04em}.journey-copy p:not(.eyebrow){font-size:15px;max-width:400px}.journey-copy .eyebrow{margin-bottom:15px}.journey-nav{position:absolute;bottom:35px;left:5%;right:5%;display:flex;gap:30px;z-index:4}.journey-nav button{flex:1;text-align:left;border:0;border-top:1px solid #323c3840;background:transparent;padding:16px 0;font-size:11px;color:inherit;opacity:.5}.journey-nav button span{font-size:14px;margin-left:25px}.journey-nav button.active{opacity:1;border-top:2px solid currentColor}.range-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.range-heading>p{font-size:18px;max-width:420px;margin-bottom:40px}.product-selector{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}.product-selector button{background:transparent;border:1px solid #bbc2ae;border-radius:30px;padding:13px 20px;font-size:13px;transition:background .25s}.product-selector button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.product-feature{display:grid;grid-template-columns:1.1fr 1fr;background:#eaf0da;transition:background .5s}.product-art{position:relative;min-height:620px;display:grid;place-items:center;overflow:hidden}.product-art>img{width:66%;max-height:470px;object-fit:contain;position:relative;z-index:1;transform:rotate(-8deg);transition:transform .6s var(--ease)}.product-word{position:absolute;font:400 clamp(65px,8vw,130px)/1 ogg,serif;opacity:.12;white-space:nowrap;top:40%;left:4%;letter-spacing:-.05em}.product-index{position:absolute;bottom:30px;left:30px;font-size:12px}.product-copy{padding:60px 12% 60px 5%;min-width:0}.product-copy h3{font:400 clamp(52px,5vw,85px)/1.04 ogg,serif;letter-spacing:-.055em;margin-bottom:5px}.flavour{font-size:20px;margin-bottom:30px}.product-copy>p:not(.eyebrow):not(.flavour):not(.product-note){font-size:16px}.effects{border-top:1px solid #a4af9460;padding-top:22px;margin-top:28px}.effects .eyebrow{font-size:10px;margin-bottom:14px}.effects ul{display:flex;gap:8px;flex-wrap:wrap;padding:0;list-style:none;margin:0}.effects li{font-size:12px;border:1px solid #a4af94;padding:6px 10px;border-radius:20px}.product-note{font-size:12px;color:#59604f;line-height:1.7;margin:22px 0}.film-section{background:#181c15;color:var(--paper);padding:90px 5%;display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center}.film-section h2{font-size:clamp(62px,6vw,102px);margin-bottom:0}.film-section video{width:100%;display:block}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%}.how-grid h2{font-size:clamp(60px,6.2vw,100px)}.how-steps article{display:flex;gap:30px;border-top:1px solid var(--line);padding:30px 0}.how-steps article>span{font-size:12px}.how-steps h3{font-size:22px;font-weight:400;margin-bottom:10px}.how-steps p{font-size:16px;color:var(--muted);margin:0}.wholesale-callout{background:var(--acid);padding:90px 5%}.wholesale-callout h2{font-size:clamp(68px,8.3vw,140px);max-width:1350px}.wholesale-callout>div{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:50px}.wholesale-callout p{margin-bottom:0}.wholesale-callout>.eyebrow{margin-bottom:35px}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%}.questions details{border-top:1px solid var(--line);padding:25px 0}.questions summary{font-size:18px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px}.questions summary:after{content:'+'}.questions details[open] summary:after{content:'−'}.questions p{font-size:15px;color:var(--muted);margin:20px 0 0}.questions a{text-decoration:underline}footer{background:var(--ink);color:var(--paper);padding:60px 5% 25px}.footer-top{display:flex;align-items:start;justify-content:space-between;gap:35px}.footer-brand{width:180px}.footer-top p{font:400 32px/1.3 ogg,serif}.footer-top nav{display:flex;flex-direction:column;font-size:14px;gap:10px}.footer-bottom{border-top:1px solid #515947;padding-top:25px;margin-top:50px;display:flex;justify-content:space-between;font-size:12px;gap:25px}.text-button{border:0;background:transparent;color:inherit;padding:0}.text-button:hover{text-decoration:underline}.trade-hero{background:#dfe9c9;position:relative;overflow:hidden;padding-bottom:0}.trade-hero h1{position:relative;z-index:2;max-width:1300px}.trade-hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px;position:relative;z-index:2}.trade-hero-bottom p{font-size:18px;max-width:650px;margin-bottom:0}.trade-tins{height:380px;display:flex;justify-content:center;gap:0;margin:30px 0 -80px}.trade-tins img{width:30%;max-width:400px;object-fit:contain;transform:rotate(-14deg)}.trade-tins img:nth-child(2){transform:translateY(70px) rotate(8deg)}.trade-tins img:nth-child(3){transform:rotate(20deg)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:70px}.benefits article{border-top:1px solid var(--line);padding-top:25px}.benefits article>span{font-size:11px;letter-spacing:1px}.benefits h3{font-family:ogg,serif;font-weight:400;font-size:38px;line-height:1.2;letter-spacing:-.04em;margin:30px 0 25px}.benefits p{font-size:16px;color:var(--muted)}.trade-fit{background:var(--ink);color:var(--paper);padding:65px 5%}.fit-list{font:400 clamp(40px,4.8vw,78px)/1.3 ogg,serif;max-width:none;letter-spacing:-.04em;margin:0}.fit-list em{color:var(--acid)}.contact-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%}.contact-copy>p{font-size:18px;max-width:350px}.contact-copy>.eyebrow{font-size:12px}.contact-next{margin-top:65px;max-width:340px;border-top:1px solid var(--line);padding-top:22px}.contact-next>span{font-size:11px;letter-spacing:1px}.contact-next p{font-size:14px;color:var(--muted);margin-top:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}form label{display:block;font-size:13px}form label>span,legend>span{color:var(--muted)}input,textarea,select{width:100%;border:0;border-bottom:1px solid #a5ad96;background:transparent;color:var(--ink);padding:13px 0;font-size:16px;border-radius:0;display:block;margin-top:5px}textarea{resize:vertical;min-height:130px}input::placeholder,textarea::placeholder{color:#858b7c;font-size:14px}fieldset{border:0;padding:0;margin:32px 0}legend{font-size:13px;margin-bottom:15px}.interest-options{display:flex;flex-wrap:wrap;gap:8px}.interest-options label{position:relative}.interest-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.interest-options span{display:block;border:1px solid #a5ad96;border-radius:20px;padding:7px 13px;font-size:12px;color:var(--ink)}.interest-options input:checked+span{background:var(--ink);color:white}.interest-options input:focus-visible+span{outline:2px solid #7d972b;outline-offset:3px}.consent{display:flex;gap:12px;align-items:start;margin:27px 0}.consent input{width:17px;height:17px;flex-shrink:0;margin-top:3px}.consent span{font-size:12px;line-height:1.7}.submit{width:100%}.honey{position:absolute;left:-9999px}.form-error{color:#8c2920}#form-status{font-size:14px;margin-top:20px}dialog{border:0;max-width:650px;width:90%;padding:55px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}dialog h2{font-size:60px}dialog p{font-size:16px}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:30px}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--acid);z-index:99;transform:scaleX(0);transform-origin:left;pointer-events:none}.reveal{transition:opacity .9s var(--ease),transform 1.2s var(--ease)}.motion .reveal:not(.visible){opacity:0;transform:translateY(45px)}.motion .reveal:focus-within{opacity:1;transform:none}.word-mask{display:inline-block;overflow:clip;vertical-align:top;padding:0 .08em .24em;margin:0 -.08em -.24em}.word-inner{display:inline-block;transition:transform 1.25s var(--ease),opacity .8s;transition-delay:calc(var(--word) * 50ms)}.motion .heading-reveal:not(.visible) .word-inner{transform:translateY(110%) rotate(3deg);opacity:0}
@media(min-width:1600px){.section,.film-section,.wholesale-callout{padding-left:max(5%,calc((100% - 1500px)/2));padding-right:max(5%,calc((100% - 1500px)/2))}}@media(max-width:1000px){.hero{min-height:720px}.journey-copy{width:35%}.journey-tin{left:15%;top:37%;width:48%}.journey-title{top:14%;width:90%}.product-copy{padding:45px 8% 45px 0}.product-art{min-height:580px}.principles>div{gap:12px;font-size:12px}.section{padding-top:80px;padding-bottom:80px}.film-section{gap:30px}.benefits{gap:25px}.benefits h3{font-size:30px}.contact-section{gap:5%}.contact-copy h2{font-size:65px}}
@media(max-width:700px){body{font-size:16px}.header{padding:10px 5%}.header img{width:80px;height:55px}.header nav{gap:15px;font-size:12px}.header nav>a:first-child{display:none}.nav-cta{padding:10px 14px}.small-plus{margin-left:8px}.hero{height:auto;min-height:760px}.hero-copy{padding:60px 0 130px}.hero h1{font-size:clamp(62px,12vw,84px);letter-spacing:-.055em}.hero-bottom-copy{display:block}.hero-bottom-copy p{font-size:16px}.hero-bottom-copy .button{margin-top:28px}.hero-meta>span:last-child{display:none}.hero-meta{font-size:9px;gap:15px}.hero .eyebrow{font-size:10px}h2{font-size:clamp(54px,11vw,78px)}.section{padding:65px 6%}.section-label{font-size:10px;margin-bottom:45px}.section-label>span:last-child{display:none}.intro-grid{grid-template-columns:1fr;gap:30px}.intro-grid .lead{font-size:23px;margin-top:30px}.intro-grid p{font-size:16px}.open-tin{padding-top:60px}.image-orbit{font-size:44px}.principles{margin-top:40px;gap:15px}.principles>div{flex:1;flex-direction:column;text-align:center;font-size:11px}.principles img{width:38px;height:38px}.journey{height:230svh}.journey-stage{padding:28px 6%;min-height:760px}.journey-top .eyebrow{font-size:10px}.journey-title{top:12%;left:6%;width:88%}.journey-title h2{font-size:clamp(53px,10vw,75px)}.journey-tin{width:58%;left:21%;top:27%}.journey-copy{bottom:15%;left:6%;right:6%;width:auto}.journey-copy h3{font-size:31px;margin-bottom:12px}.journey-copy p:not(.eyebrow){font-size:13px;max-width:100%;margin-bottom:13px}.journey-copy .eyebrow{font-size:10px;margin-bottom:10px}.journey-copy .text-link{font-size:12px;padding-bottom:4px}.journey-nav{bottom:20px;gap:15px;left:6%;right:6%}.journey-nav button{font-size:10px}.journey-nav button span{font-size:11px;margin-left:7px}.range-heading{display:block}.range-heading>p{font-size:16px}.product-selector{gap:7px;margin:20px 0}.product-selector button{padding:10px 13px;font-size:11px}.product-feature{grid-template-columns:1fr}.product-art{min-height:350px}.product-art>img{height:290px;width:70%}.product-word{font-size:80px}.product-copy{padding:15px 7% 35px}.product-copy h3{font-size:58px}.product-copy .eyebrow{margin-bottom:15px}.product-copy .flavour{font-size:19px}.film-section{display:block;padding:65px 6%}.film-section h2{font-size:58px;margin-bottom:35px}.film-section .eyebrow{font-size:10px}.how-grid{grid-template-columns:1fr;gap:15px}.how-grid h2{font-size:58px}.how-steps h3{font-size:20px}.how-steps p{font-size:15px}.wholesale-callout{padding:65px 6%}.wholesale-callout h2{font-size:clamp(52px,10.4vw,75px)}.wholesale-callout>div{display:block;margin-top:35px}.wholesale-callout p{font-size:15px}.wholesale-callout .button{margin-top:25px}.wholesale-callout>.eyebrow{font-size:10px}.faq{grid-template-columns:1fr;gap:15px}.faq h2 br{display:none}.questions summary{font-size:16px}.questions details{padding:21px 0}.footer-top{flex-wrap:wrap;gap:30px}.footer-brand{width:120px}.footer-top p{font-size:26px}.footer-top nav{width:100%;gap:13px}.footer-bottom{flex-wrap:wrap;font-size:10px;gap:15px}.trade-hero h1{font-size:clamp(58px,11.8vw,82px)}.trade-hero-bottom{display:block}.trade-hero-bottom p{font-size:16px}.trade-hero-bottom .button{margin-top:25px}.trade-hero{padding-bottom:0}.trade-tins{height:230px;margin-bottom:-45px}.trade-tins img{width:38%;max-width:none}.trade-tins img:nth-child(2){transform:translateY(40px) rotate(8deg)}.benefits{grid-template-columns:1fr;margin-top:45px;gap:20px}.benefits h3{font-size:35px;margin:20px 0}.trade-fit{padding:50px 6%}.fit-list{font-size:39px}.contact-section{grid-template-columns:1fr;gap:35px}.contact-next{margin-top:30px}.contact-copy h2{font-size:65px}.form-grid{gap:20px;grid-template-columns:1fr}dialog{padding:40px 25px}dialog h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.motion .reveal,.motion .heading-reveal .word-inner{opacity:1!important;transform:none!important}.journey{height:auto}.journey-stage{position:relative}.hero video,.open-tin>img{transform:none!important}.reading-progress{display:none}}
/* Ogg is always upright, including semantic emphasis. */
h1,h2,h3,em,.image-orbit,.product-word,.fit-list{font-style:normal!important}
.journey{height:620svh;background:#f5ddae}.journey-stage{min-height:720px;height:100svh;color:var(--day-ink,#382d26);background:linear-gradient(180deg,var(--day-sky,#f5ddae),var(--day-ground,#f1b99a));transition:color .65s;background-color:#f5ddae}.day-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden}.day-halo{position:absolute;width:65vw;height:65vw;left:20%;top:10%;border-radius:50%;background:radial-gradient(circle,#fff5,transparent 67%);opacity:.7;transform:translateY(calc(var(--day-progress,0)*14%));}.day-icon{position:absolute;right:6%;top:12%;width:100px;height:100px;opacity:.65}.day-icon svg{width:100%;height:100%}.day-horizon{position:absolute;left:-10%;right:-10%;bottom:18%;height:20%;border-top:1px solid currentColor;border-radius:50% 50% 0 0;opacity:.12}.journey-stage[data-period=sleep] .day-halo{opacity:.15}.journey-stage[data-period=sleep] .day-atmosphere{background-image:radial-gradient(circle at 18% 20%,#fff9 1px,transparent 2px),radial-gradient(circle at 70% 37%,#fff8 1px,transparent 2px),radial-gradient(circle at 80% 14%,#fff9 1px,transparent 2px),radial-gradient(circle at 37% 65%,#fff8 1px,transparent 2px),radial-gradient(circle at 57% 12%,#fff8 1px,transparent 2px)}.journey-title{top:20%;left:5%;width:33%;z-index:2}.journey-title h2{font-size:clamp(55px,5.3vw,96px);max-width:none}.day-period{font-size:13px;letter-spacing:1px;margin-bottom:20px}.day-intro{font-size:16px;opacity:.75;margin-top:28px}.journey-tin{left:34%;top:19%;width:34%;max-width:none;height:60%;z-index:3;transform:none!important}.journey-tin .day-product{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;will-change:transform,opacity;filter:drop-shadow(0 25px 25px #0002);transition:none}.journey-copy{right:5%;bottom:26%;width:25%;z-index:4}.journey-copy h3{font-size:clamp(32px,3.2vw,52px)}.journey-copy p:not(.eyebrow){font-size:15px}.journey-copy .eyebrow{font-size:11px}.journey-nav{bottom:65px;gap:18px}.journey-nav button{border-color:currentColor;opacity:.6;min-width:0}.journey-nav button span{display:block;font-size:12px;margin:8px 0 0}.journey-nav button .day-number{font-size:10px;margin:0}.journey-nav button.active{opacity:1}.day-note{position:absolute;left:5%;bottom:13px;font-size:11px;max-width:none;opacity:.72;margin:0}.effects{border-top:1px solid #a4af9460;padding-top:22px;margin-top:28px}.effects .eyebrow{font-size:10px;margin-bottom:14px}.effects ul{display:flex;gap:8px;flex-wrap:wrap;padding:0;list-style:none}.effects li{font-size:12px;border:1px solid #a4af94;padding:6px 10px;border-radius:20px}
@media(max-width:1000px) and (min-width:701px){.journey-title{width:40%;top:15%}.journey-title h2{font-size:65px}.journey-tin{left:15%;top:34%;width:43%;height:43%}.journey-copy{width:34%;bottom:27%}.journey-nav{gap:10px}.journey-nav button span{font-size:10px}}
@media(max-width:700px){.journey{height:570svh}.journey-stage{min-height:820px;height:100svh;padding:25px 6%}.journey-title{top:11%;left:6%;width:80%}.journey-title h2{font-size:44px;max-width:270px;line-height:1;margin-bottom:0}.journey-title h2 br{display:none}.day-period{font-size:11px;margin-bottom:12px}.day-intro{display:none}.day-icon{width:62px;height:62px;right:6%;top:21%}.journey-tin{width:60%;height:32%;top:24%;left:18%}.journey-copy{left:6%;right:6%;width:auto;bottom:23%;}.journey-copy h3{font-size:32px;margin-bottom:10px}.journey-copy p:not(.eyebrow){font-size:13px;line-height:1.6;margin-bottom:12px;max-width:390px}.journey-copy .eyebrow{font-size:10px}.journey-nav{left:6%;right:6%;bottom:56px;gap:8px;display:grid;grid-template-columns:repeat(4,1fr)}.journey-nav button{padding:6px 0}.journey-nav button span{font-size:9px;margin-top:3px}.journey-nav button .day-number{font-size:9px}.day-note{font-size:9px;left:6%;right:6%;bottom:15px;max-width:330px;line-height:1.5}.day-horizon{bottom:35%}}
@media(prefers-reduced-motion:reduce){.journey{height:auto}.journey-stage{position:relative}.journey-tin .day-product{will-change:auto}.day-halo{transform:none}}
.journey-stage{transition:none}
/* Refined brand and type rhythm. */
:root{--acid:#4478ff;--paper:#f6f7fb;--line:#d0d4df;--muted:#626979}
h1,h2,.product-copy h3,.journey-copy h3,.benefits h3,.fit-list{letter-spacing:-.025em}.hero h1 em,.fit-list em{color:#9cbcff}.image-orbit,.day-horizon{display:none}.open-tin{padding-top:0}.wholesale-callout{background:#4478ff;color:white}.wholesale-callout .button{background:white;color:#182447}.trade-hero{background:#e2e9fa}.nav-cta{border-color:#b3bdd4}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#4478ff}.product-selector button{border-color:#bac5de}.product-feature{background:#e8eefb}.product-note{color:#586174}.product-selector button[aria-pressed=true]{background:#294fb1;border-color:#294fb1}.range{padding-top:65px;padding-bottom:65px}.range .section-label{margin-bottom:35px}.range-heading h2{font-size:clamp(56px,5.5vw,86px);margin-bottom:15px}.range-heading h2 br{display:none}.range-heading>p{font-size:16px;max-width:420px;margin-bottom:12px}.product-selector{margin:22px 0 18px}.product-feature{grid-template-columns:.9fr 1.1fr}.product-art{min-height:420px}.product-art>img{height:340px;max-height:340px;width:65%}.product-copy{padding:35px 8% 35px 3%}.product-copy h3{font-size:58px}.product-copy .eyebrow{margin-bottom:14px}.product-copy .flavour{font-size:18px;margin-bottom:18px}.effects{margin-top:18px;padding-top:15px}.product-note{margin:15px 0}.product-word{font-size:85px}.product-copy>p:not(.eyebrow):not(.flavour):not(.product-note){font-size:15px}
/* Vertical timeline: the specific moment leads, the overarching story recedes. */
.journey-nav{top:18%;bottom:15%;left:5%;right:auto;width:170px;display:flex;flex-direction:column;justify-content:space-between;gap:0}.journey-nav:before{content:'';position:absolute;left:19px;top:22px;bottom:22px;width:1px;background:currentColor;opacity:.2}.journey-nav button{position:relative;flex:0;display:flex;align-items:center;gap:14px;padding:9px 0;border:0!important;text-align:left;opacity:.45;transition:opacity .25s,transform .35s}.journey-nav button.active{opacity:1;transform:translateX(5px)}.journey-nav button img{width:40px;height:40px;padding:7px;background:var(--day-sky);border:1px solid currentColor;border-radius:50%;position:relative;flex-shrink:0}.journey-nav button .timeline-label{display:block;margin:0;font-size:12px;line-height:1.4}.timeline-label small{display:block;font-size:9px;font-weight:400;margin-bottom:5px;opacity:.75}.journey-copy{left:23%;top:24%;bottom:auto;right:auto;width:33%}.journey-copy h3{font-size:clamp(48px,5.2vw,88px);letter-spacing:-.025em;line-height:1.06}.journey-copy p:not(.eyebrow){font-size:17px;max-width:440px;line-height:1.7}.journey-copy .eyebrow{font-size:12px}.journey-title{left:auto;right:6%;top:auto;bottom:14%;width:27%;z-index:4}.journey-title h2{font-size:clamp(30px,2.8vw,48px);letter-spacing:-.02em;margin-bottom:12px}.journey-title h2 br{display:none}.journey-title .day-period{font-size:11px;margin-bottom:15px}.journey-title .day-intro{display:none}.journey-tin{left:58%;top:17%;width:35%;height:57%}.day-icon{right:7%;top:8%;width:65px;height:65px;opacity:1}.day-icon img{width:100%;height:100%;object-fit:contain}.day-note{left:23%}
/* Full-width product film, behind its headline. */
.film-section{position:relative;display:flex;align-items:center;min-height:700px;height:85svh;max-height:1050px;overflow:hidden;padding:80px 6%;background:#111821}.film-section video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.film-section:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#081326cf,#08132650 65%,#08132620);z-index:1;pointer-events:none}.film-heading{position:relative;z-index:2}.film-section h2{font-size:clamp(70px,7.8vw,132px);letter-spacing:-.025em;max-width:1100px}.film-toggle{position:absolute;bottom:30px;right:6%;z-index:3;border:1px solid #ffffff90;color:white;background:#08132666;border-radius:30px;padding:10px 20px;font-size:12px}
@media(max-width:1000px) and (min-width:701px){.journey-nav{width:135px}.journey-copy{left:25%;width:36%;top:23%}.journey-copy h3{font-size:52px}.journey-tin{left:62%;width:33%;top:29%;height:42%}.journey-title{right:5%;width:30%;bottom:13%}.journey-title h2{font-size:30px}.journey-copy p:not(.eyebrow){font-size:15px}.day-note{left:25%}}
@media(max-width:700px){.hero h1,.trade-hero h1{letter-spacing:-.025em}.journey-stage{min-height:850px}.journey-nav{left:5%;top:22%;bottom:16%;width:50px;display:flex;gap:0}.journey-nav button{padding:5px 0;gap:0}.journey-nav button img{width:38px;height:38px}.journey-nav button .timeline-label{display:none}.journey-nav:before{left:18px}.journey-nav button.active{transform:translateX(3px)}.journey-copy{left:22%;right:6%;width:auto;top:12%;bottom:auto}.journey-copy h3{font-size:38px;margin-bottom:15px}.journey-copy .eyebrow{font-size:9px;margin-bottom:14px}.journey-copy p:not(.eyebrow){font-size:13px;line-height:1.65;margin-bottom:15px}.journey-copy .text-link{font-size:11px}.journey-tin{left:24%;top:47%;width:64%;height:32%}.day-icon{right:6%;top:6%;width:40px;height:40px}.journey-title{left:23%;right:6%;width:auto;bottom:10%;top:auto}.journey-title h2{font-size:25px;margin:0}.journey-title .day-period{display:none}.day-note{left:23%;right:6%;bottom:3%;font-size:9px}.range{padding:50px 6%}.range .section-label{margin-bottom:25px}.range-heading h2{font-size:48px;margin-bottom:20px}.range-heading>p{font-size:14px;margin:0}.product-feature{grid-template-columns:1fr}.product-art{min-height:240px}.product-art>img{height:220px;width:60%}.product-copy{padding:15px 7% 25px}.product-copy h3{font-size:47px}.product-selector button{font-size:10px;padding:8px 11px}.product-word{font-size:65px}.product-index{bottom:15px;left:20px}.film-section{min-height:650px;height:85svh;padding:65px 6%}.film-section h2{font-size:58px}.film-section .eyebrow{max-width:250px;line-height:1.8}.film-section video{object-position:58% center}}

/* Dots live only between icon nodes, never underneath them. */
.journey-nav{--node-size:40px;justify-content:flex-start}
.journey-nav:before{display:none}
.journey-nav button,.journey-nav button.active{transform:none;opacity:1;padding:0;min-height:var(--node-size);flex:0 0 var(--node-size)}
.journey-nav button img{width:var(--node-size);height:var(--node-size);opacity:1;background:transparent;object-fit:contain}
.journey-nav button .timeline-label{opacity:.5;transition:opacity .25s}
.journey-nav button.active .timeline-label{opacity:1}
.journey-nav button.active img{border-width:2px}
.timeline-dots{width:var(--node-size);flex:1;min-height:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:3px 0}
.timeline-dots i{display:block;width:4px;height:4px;flex:0 0 4px;border:1px solid currentColor;border-radius:50%;opacity:.3;transition:background-color .2s,opacity .2s}
.timeline-dots i.filled{background:currentColor;opacity:1}
@media(max-width:700px){.journey-nav{--node-size:38px}.journey-nav button.active{transform:none}.timeline-dots{min-height:16px;padding:2px 0}.timeline-dots i{width:3px;height:3px;flex-basis:3px}}

.journey-top{justify-content:flex-end}

.journey-skip{position:absolute;bottom:25px;right:5%;z-index:5;width:48px;height:48px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;color:inherit;transition:background .2s}
.journey-skip svg{width:24px;height:24px}
.journey-skip:hover{background:#ffffff20}
.day-note{right:calc(5% + 65px)}
@media(max-width:700px){.journey-skip{right:6%;bottom:22px;width:42px;height:42px}.day-note{right:calc(6% + 54px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Navigation enters after the opening scroll. */
.header{position:fixed;inset:0 0 auto;z-index:50;transform:translateY(-100%);visibility:hidden;transition:transform .35s var(--ease),visibility .35s;box-shadow:0 1px 0 #17191514}
.header.is-visible{transform:translateY(0);visibility:visible}
.hero{height:100svh}
html{scroll-padding-top:110px}
.day-note{left:5%;right:calc(5% + 70px);max-width:none;font-size:12px;line-height:1.6}
@media(max-width:700px){html{scroll-padding-top:85px}.day-note{left:5%;right:calc(6% + 54px);font-size:10px;bottom:22px}}
@media(prefers-reduced-motion:reduce){.header{transition:none}}

/* A shorter journey, with each product acting as a resting point. */
.journey{height:420svh}
@media(max-width:700px){.journey{height:400svh}}
@media(prefers-reduced-motion:reduce){.journey{height:auto}}

/* Visible on arrival, pinned when scrolling. */
.header,.header.is-visible{position:sticky;top:0;transform:none;visibility:visible;transition:none}
.hero{height:calc(100svh - 102px)}
@media(max-width:700px){.hero{height:calc(100svh - 75px)}}

/* Keep the opening navigation; reveal it again on upward scroll. */
.header{transition:transform .3s var(--ease),visibility .3s}
.header.nav-hidden{transform:translateY(-100%);visibility:hidden}
.header:focus-within{transform:none;visibility:visible}
@media(prefers-reduced-motion:reduce){.header{transition:none}}

/* Label-inspired product typography on the open page. */
.range-heading h2{letter-spacing:-.015em;word-spacing:.06em}
.product-feature{background:transparent;--product-color:#e9bd24;--flavour-color:#24bdcb}
.product-copy h3{font-family:stolzl,Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(30px,3.4vw,56px);line-height:1.05;letter-spacing:-.035em;color:var(--product-color);margin-bottom:0;position:relative;z-index:1}
.product-copy .flavour{font-family:ogg,Georgia,serif;font-weight:400;font-style:normal;font-size:clamp(30px,3.2vw,52px);line-height:1.08;letter-spacing:-.035em;color:var(--flavour-color);margin:-.12em 0 28px .22em;position:relative;z-index:2}
@media(max-width:700px){.product-copy h3{font-size:clamp(27px,7.6vw,47px)}.product-copy .flavour{font-size:clamp(29px,7.5vw,44px)}}
/* Match the case, weight and scale relationship printed on the tins. */
.product-copy{--label-size:clamp(30px,3.8vw,60px)}
.product-copy h3{font-family:stolzl,Arial,sans-serif;font-weight:700;font-size:var(--label-size);text-transform:uppercase;letter-spacing:-.045em;line-height:1}
.product-copy .flavour{font-family:ogg,Georgia,serif;font-weight:700;font-style:normal;font-size:calc(var(--label-size)*.65);text-transform:lowercase;letter-spacing:-.035em;line-height:1.05;margin-top:-.1em;margin-left:.22em}
@media(max-width:700px){.product-copy{--label-size:clamp(27px,8vw,48px)}}

.product-label{display:table;max-width:100%;margin-bottom:28px}
.product-copy .product-label .flavour{text-align:center;margin-left:0;margin-right:0;margin-bottom:0}
.product-label #product-title{text-align:center}

.age-locked{overflow:hidden}.age-gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#10182fe8;backdrop-filter:blur(12px)}.age-gate[hidden]{display:none}.age-card{width:min(100%,550px);max-height:90svh;overflow:auto;background:var(--paper);padding:40px;text-align:center;border-radius:8px}.age-card>img{margin:0 auto 20px;object-fit:contain}.age-badge{color:#4478ff;font:700 24px stolzl,sans-serif;margin:0 0 20px}.age-card h2{font-size:clamp(42px,6vw,66px);margin-bottom:20px}.age-card>p{margin-left:auto;margin-right:auto}.age-actions{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:28px}.age-actions .text-button{color:var(--ink)}