@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Italiana&display=swap');
:root{--wine:#240d16;--cream:#f7ecda;--gold:#e8bd85;--muted:#c8aeb2;--line:#ffffff22;--serif:'Italiana',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--wine);color:var(--cream);font-family:var(--sans);font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}header{position:absolute;z-index:8;top:0;left:0;right:0;height:112px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;flex-direction:column;align-items:center;line-height:1}.brand>span{font-size:10px;letter-spacing:.35em;margin-bottom:6px}.brand b{font-family:var(--serif);font-weight:400;font-size:36px}.brand-heart{font-size:17px;vertical-align:top;margin-left:3px}nav{display:flex;gap:38px;font-size:14px}nav a{transition:color .2s}nav a:hover{color:var(--gold)}.button{border:1px solid var(--gold);display:inline-flex;align-items:center;justify-content:space-between;gap:42px;background:var(--gold);color:var(--wine);padding:18px 25px;border-radius:3px;font-size:14px;font-weight:600;transition:background .2s,transform .2s;min-height:52px}.button:hover{background:#f8d6aa;transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.button.small{padding:13px 21px;min-height:46px;font-size:13px;gap:30px;background:transparent;color:var(--cream);border-color:#b98c6880}.button.small:hover{background:#ffffff0a}.journey{height:290svh;position:relative}.stage{height:100svh;min-height:700px;position:sticky;top:0;overflow:hidden;isolation:isolate}.ambient{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 78% 50%,#632b34 0%,#3c1623 31%,#240d16 65%)}.oversized{position:absolute;left:30%;top:17%;color:#ffffff04;letter-spacing:-.045em;font-family:var(--serif);font-size:25vw;z-index:-2;pointer-events:none}#scene{position:absolute;left:39%;top:9%;width:65%;height:83%;z-index:-1;transition:opacity .5s}#scene canvas{height:100%;width:100%;display:block}.fallback{position:absolute;width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten;transition:opacity .5s}.webgl-ready .fallback{opacity:0}.hero-copy{position:absolute;left:7%;top:24%;width:43%;height:65%}.chapter{position:absolute;inset:0;opacity:0;transform:translateY(24px);transition:opacity .5s,transform .6s;pointer-events:none}.chapter.active{opacity:1;transform:none;pointer-events:auto}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.17em;line-height:1.7;color:var(--gold);margin:0 0 24px}.eyebrow>span{display:inline-block;width:17px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.04em;line-height:.99;margin:0}h1{font-size:clamp(72px,6.5vw,110px)}em{font-family:Georgia,serif;font-weight:400;color:var(--gold);letter-spacing:-.055em}h2{font-size:clamp(48px,5vw,78px)}.intro{font-size:16px;line-height:1.75;color:var(--muted);margin:27px 0}.micro{font-size:12px;color:#b59c9e;margin-top:14px}.scene-label{position:absolute;right:6%;bottom:16%;text-align:right;display:flex;flex-direction:column;gap:9px}.scene-label span{font-size:9px;letter-spacing:.2em;color:var(--gold)}.scene-label i{font-family:var(--serif);font-size:25px;color:#e8d5c5}.stage-bottom{position:absolute;bottom:32px;left:7%;right:5%;display:flex;align-items:center;justify-content:space-between}.scroll-hint{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:15px}.scroll-hint>span{border:1px solid #b59c9e70;border-radius:30px;display:grid;place-items:center;width:27px;height:42px;font-size:18px}.progress{display:flex;gap:15px;align-items:center;font-size:11px;color:var(--muted)}.progress>div{width:110px;height:1px;background:#ffffff26}.progress i{display:block;background:var(--gold);height:1px;width:0}.motion{border:0;background:none;color:var(--muted);font-size:11px;padding:12px;cursor:pointer}.motion span{margin-left:7px}.ribbon{background:var(--gold);color:var(--wine);padding:22px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;white-space:nowrap;font-family:var(--serif);font-size:25px}.ribbon b{font-size:23px;font-weight:400}.section{padding:105px 7%}.flavors{background:var(--cream);color:var(--wine)}.flavors .eyebrow,.faq .eyebrow{color:#79543c}.flavors em,.faq em{color:#88512f}.section-heading{position:relative;margin-bottom:55px}.section-heading>p:last-child{position:absolute;right:0;bottom:0;max-width:380px;font-size:15px;line-height:1.8;color:#715b55}.flavor-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.editorial{position:relative;margin:0;overflow:hidden;border-radius:2px;background:#260811}.editorial img{width:100%;display:block;aspect-ratio:1/1.07;object-fit:cover}.editorial figcaption{position:absolute;bottom:13px;left:20px;color:#f5e2d0b0;font-size:10px}.image-tag{position:absolute;top:28px;left:28px;font-family:var(--serif);font-size:36px;color:var(--cream);line-height:1.05}.image-tag em{color:var(--gold)}.flavor-options>.eyebrow{font-size:10px}.flavor{display:flex;align-items:center;text-align:left;gap:22px;width:100%;border:0;border-top:1px solid #4f272527;background:none;color:var(--wine);padding:26px 4px;cursor:pointer;transition:padding .25s,background .25s}.flavor.selected{padding-left:16px;background:#dbc4a936}.flavor-num{font-size:11px;color:#866d63}.flavor strong{display:block;font-family:var(--serif);font-size:29px;font-weight:400;margin-bottom:8px}.flavor small{font-size:13px;color:#80675c}.option-arrow{margin-left:auto;font-size:24px;opacity:.35;padding:0 12px}.selected .option-arrow{opacity:1}.flavor-cta{border-top:1px solid #4f272527;padding-top:25px}.flavor-cta>p{font-size:14px}.button.dark{background:var(--wine);color:var(--cream);border-color:var(--wine)}.button.dark:hover{background:#4c202d}.flavor-cta>small{display:block;font-size:11px;color:#80675c;margin-top:15px}.order-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#30111d}.order-section h2{font-size:56px}.text-link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid #ba977b88;padding-bottom:13px;margin-top:35px;font-size:14px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li>span{font-size:12px;color:var(--gold);padding-top:5px}h3{font-size:19px;font-weight:400;margin:0 0 12px}.steps p{font-size:14px;line-height:1.75;color:var(--muted);margin:0;max-width:345px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;background:var(--cream);color:var(--wine);column-gap:8%}.faq>.eyebrow{grid-column:1/-1}.faq h2{font-size:60px}.questions{border-top:1px solid #4f272527}details{border-bottom:1px solid #4f272527}summary{cursor:pointer;list-style:none;padding:24px 0;display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:15px;line-height:1.5}summary::-webkit-details-marker{display:none}summary span{font-size:23px;font-weight:400;color:#896048}details[open] summary span{transform:rotate(45deg)}details p{font-size:14px;line-height:1.8;color:#715b55;margin:0 30px 25px 0}.last-call{text-align:center;padding:110px 24px 115px;background:radial-gradient(ellipse at 50% 100%,#612b38,transparent 70%)}.last-call h2{font-size:clamp(65px,7vw,108px);margin-bottom:35px}.last-call>p:last-child{font-size:12px;color:var(--muted);margin-top:20px}footer{padding:40px 7%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}footer p,footer>a:last-child{font-size:12px;color:var(--muted)}.mobile-order{display:none}.skip{position:fixed;top:-100px;left:20px;z-index:20;padding:15px;background:var(--cream);color:var(--wine)}.skip:focus{top:15px}
@media(min-width:1500px){.hero-copy{top:25%}}@media(max-height:760px) and (min-width:800px){.stage{min-height:620px}.hero-copy{top:22%}h1{font-size:78px}.intro{margin:20px 0}.scene-label{bottom:18%}}
@media(max-width:800px){header{height:88px;padding:0 6%}.brand b{font-size:31px}nav{display:none}.button.small{font-size:12px;padding:12px;gap:15px}.journey{height:260svh}.stage{min-height:740px;height:100svh;max-height:1050px}.hero-copy{left:7%;top:15%;width:86%;height:50%}.eyebrow{font-size:9px;margin-bottom:18px}h1{font-size:68px;line-height:.96}h1 br:nth-child(2){display:none}h1 em{display:block}.intro{font-size:14px;line-height:1.65;margin:19px 0}.hero-copy .button{padding:14px 20px;min-height:48px}.micro{font-size:10px}#scene{left:0;top:53%;width:100%;height:36%}.oversized{left:5%;top:50%;font-size:31vw}.scene-label{bottom:13%;right:7%}.scene-label span{font-size:8px}.scene-label i{font-size:19px}.stage-bottom{bottom:23px;left:7%;right:5%;gap:12px}.scroll-hint{font-size:10px;max-width:160px;line-height:1.5;gap:10px}.progress{display:none}.motion{font-size:10px}.chapter h2{font-size:54px}.chapter:nth-child(2),.chapter:nth-child(3){top:2%}.chapter:nth-child(2) .intro,.chapter:nth-child(3) .intro{max-width:300px}.ribbon{padding:17px 6%;font-size:22px;gap:22px}.ribbon span:nth-last-child(-n+3),.ribbon b:last-of-type{display:none}.section{padding:70px 7%}.section-heading{margin-bottom:30px}.section-heading>p:last-child{position:static;font-size:14px;margin-top:25px}.flavor-layout{grid-template-columns:1fr;gap:40px}.editorial img{aspect-ratio:1/1}.flavor{padding:23px 0;gap:16px}.flavor strong{font-size:26px}.flavor small{font-size:12px}.flavor-cta .button{width:100%;gap:18px}.order-section{grid-template-columns:1fr;gap:42px}.order-section h2{font-size:46px}.faq{grid-template-columns:1fr;gap:0}.faq h2{font-size:54px;margin-bottom:35px}.faq>.eyebrow{margin-bottom:18px}summary{font-size:14px}.last-call{padding:75px 7%}.last-call h2{font-size:64px}footer{padding:35px 7% 100px;flex-wrap:wrap}footer p{display:none}footer>a:last-child{font-size:11px}.mobile-order{display:flex;position:fixed;bottom:14px;left:5%;right:5%;z-index:10;box-shadow:0 5px 30px #17081160;transition:opacity .3s,transform .3s;opacity:0;pointer-events:none;transform:translateY(90px)}.mobile-order.visible{opacity:1;transform:translateY(0);pointer-events:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.journey{height:100svh;min-height:740px}.chapter:not(:first-child){display:none}.stage{position:relative}.scroll-hint{visibility:hidden}}