:root{--teal:#63a1a3;--ink:#193d3d;--cream:#f6f2e9;--copper:#ad5a3d;--line:#193d3d28}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:6px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.07}h2{font-size:clamp(38px,4.2vw,62px);letter-spacing:-1.5px;margin-bottom:26px}h3{font-size:27px}em{font-weight:400;color:var(--copper)}p{color:#486160;font-size:15px}.announcement{background:var(--ink);color:#f6f2e9;text-align:center;padding:10px 5%;font-size:9px;letter-spacing:1.7px}.announcement span{margin-left:46px;color:#b6d8d7}header{padding:26px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{font-family:Georgia,serif;font-size:23px;line-height:1.2}.brand span{display:block;font:8px Arial,sans-serif;letter-spacing:2.2px;margin-top:9px}nav{display:flex;gap:30px;font-size:12px}.nav-cta{font-size:12px;border-bottom:1px solid var(--ink);padding:8px 0}.nav-cta span{padding-left:24px}.hero{display:grid;grid-template-columns:1fr 1fr;max-width:1600px;margin:auto;min-height:720px}.hero-copy{padding:76px 9% 42px 12%}.eyebrow{font:10px Arial,sans-serif;letter-spacing:2px;color:var(--ink);margin-bottom:30px}.eyebrow>span{width:6px;height:6px;display:inline-block;background:var(--copper);border-radius:50%;margin-right:8px}h1{font-size:clamp(66px,7.6vw,112px);letter-spacing:-4px;margin:0 0 30px}.intro{max-width:390px;line-height:1.85;font-size:16px}.button{display:inline-flex;background:var(--ink);border:1px solid var(--ink);color:white;padding:17px 23px;align-items:center;justify-content:space-between;gap:28px;font-size:12px;transition:background .2s}.button:hover{background:#2c5655}.text-link{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:6px;display:inline-block}.hero .text-link{margin:20px 0 0 23px}.hero-foot{display:flex;gap:36px;margin-top:58px;border-top:1px solid var(--line);padding-top:24px;font:21px Georgia,serif}.hero-foot small{display:block;font:8px Arial,sans-serif;letter-spacing:1.2px;margin-top:10px}.hero-image{position:relative;min-height:720px}.hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover}.image-caption{position:absolute;bottom:23px;left:0;right:0;text-align:center;color:white;font-size:8px;letter-spacing:2.4px}.ribbon{display:flex;gap:40px;justify-content:space-evenly;align-items:center;padding:26px 5%;background:#dbe7e1;font:20px Georgia,serif}.ribbon i{color:var(--copper);font-size:20px}.section{padding:100px 6%;max-width:1600px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:80px;margin-bottom:45px}.section-heading>p{max-width:350px;margin-bottom:26px}.flavours{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.flavours article{padding:32px 36px;position:relative}.flavours article:first-child{padding-left:0}.flavours article+article{border-left:1px solid var(--line)}.number{font-size:11px;color:var(--copper)}.taste-art{font:70px Georgia,serif;margin:16px 0 23px;color:var(--teal);height:70px}.copper{color:var(--copper)}.flavours p{font-size:14px;max-width:300px;margin-bottom:5px}.editorial-note{font-size:10px;margin:20px 0 0;color:#627672}.ritual{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:#e8e9dd}.ritual-line{display:flex;gap:20px;align-items:center;border-top:1px solid var(--line);margin-top:38px;padding-top:22px;font-size:23px}.ritual-line span{font-size:11px}.brew [role=tablist]{display:flex;border-bottom:1px solid var(--line)}.brew button{background:none;border:none;border-bottom:2px solid transparent;padding:13px 23px;color:#486160;font-size:12px}.brew button[aria-selected=true]{border-color:var(--copper);color:var(--ink)}#brew-panel{padding:36px 0;min-height:284px}#brew-panel h3{font-size:37px;margin:22px 0}#brew-panel p{max-width:430px}.brew-index,.brew-bottom{font-size:9px;letter-spacing:1.7px}.brew-bottom{color:var(--copper)}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.quote-art{background:var(--teal);padding:45px 10%;min-height:460px;position:relative;overflow:hidden}.big-quote{font:120px Georgia,serif;color:#f6eedd;line-height:.8}.quote-art p{font:39px/1.2 Georgia,serif;color:var(--ink);margin:10px 0 40px}.quote-art em{color:#f6eedd}.quote-art>span:last-child{font-size:8px;letter-spacing:1.4px}.soundwave{font-size:28px;color:#f6eedd;letter-spacing:4px;white-space:nowrap;opacity:.65;margin-bottom:25px}.presale{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:var(--ink);color:var(--cream)}.presale .eyebrow,.presale p{color:#b4cdca}.presale em{color:#9ac6c4}.timeline{list-style:none;margin:40px 0 0;padding:0}.timeline li{border-top:1px solid #ffffff25;display:flex;gap:30px;padding:18px 0;align-items:center}.timeline b{min-width:105px;font:24px Georgia,serif}.timeline span{font-size:12px;color:#b4cdca}.offer{background:var(--cream);color:var(--ink);padding:32px}.offer-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;border-bottom:1px solid var(--line);padding-bottom:20px}.offer-product{display:flex;gap:30px;align-items:center;margin:27px 0}.offer-product img{width:110px;box-shadow:4px 7px 0 #193d3d12}.offer-product h3{font-size:34px;margin-bottom:12px}.offer-product p{font-size:12px;color:#486160}.offer-info{margin:15px 0 25px}.offer-info>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:12px 0;font-size:11px}.offer-info b{text-align:right;font-weight:500}.offer .button{width:100%}.offer .offer-note{font-size:10px;text-align:center;margin:15px 0 0;color:#627672}.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:80px}details{border-bottom:1px solid var(--line);padding:22px 0}details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none;font-size:14px}summary:after{content:'+';color:var(--copper)}details[open] summary:after{content:'−'}details p{font-size:13px;margin:15px 25px 0 0}details a{text-decoration:underline}.closing{text-align:center;background:#dbe7e1;padding:75px 6%}.closing h2{font-size:64px}footer{display:flex;align-items:center;justify-content:space-between;padding:36px 6%;gap:25px}footer p,footer>a:last-child{font-size:10px;margin:0}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){nav{gap:16px}.hero-copy{padding-top:55px}.hero{min-height:650px}.hero-image{min-height:650px}.hero-foot{gap:22px}.section{padding:70px 6%}.ritual,.about,.presale{gap:45px}.quote-art p{font-size:33px}.offer{padding:25px}}@media(max-width:720px){.announcement{font-size:8px}.announcement span{display:block;margin:5px 0 0}header{padding:20px 6%}nav{display:none}.brand{font-size:19px}.brand span{font-size:6px}.nav-cta{font-size:10px}.nav-cta span{padding-left:7px}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 7% 35px}h1{font-size:77px;letter-spacing:-3px}.hero-image{height:540px;min-height:0}.hero-image img{object-position:50% 60%}.hero-foot{margin-top:32px}.hero .text-link{margin-left:15px}.ribbon{gap:14px;flex-wrap:wrap;font-size:16px;padding:22px 6%}.ribbon i:nth-of-type(2){display:none}.ribbon span{white-space:nowrap}.section{padding:58px 7%}.section-heading{display:block;margin-bottom:28px}.section-heading>p{max-width:none}.flavours{grid-template-columns:1fr}.flavours article,.flavours article:first-child{padding:25px 0 25px 65px}.flavours article+article{border-left:0;border-top:1px solid var(--line)}.flavours .taste-art{position:absolute;left:0;top:35px;font-size:44px}.flavours h3{margin:15px 0}.flavours p{max-width:none}.ritual,.about,.presale,.faq{grid-template-columns:1fr;gap:35px}.quote-art{min-height:400px}.offer-product img{width:100px}.offer-product h3{font-size:32px}.closing h2{font-size:47px}footer{flex-wrap:wrap}footer p{order:3;width:100%}.faq h2{margin-bottom:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
