:root{--white:#fff;--tint:#f3eee6;--line:#e0d8ca;--ink:#231d19;--ink-soft:#5f564e;--coral:#b8553a;--coral-bright:#d98c6c;--maroon:#3a241a;--brown:#2a1a12;--teal:#4f7a74;--teal-dark:#3c615c;--yellow:#e6bf72;--display:"Recoleta", "Gloock", "Rockwell", Georgia, "Times New Roman", serif;--sans:"Avenir Next", "Montserrat", "Century Gothic", "Segoe UI", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body{font-family:var(--sans);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-size:1.05rem;line-height:1.65}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.1}p{margin:0 0 1rem}a{color:inherit}img,svg{max-width:100%}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{background:var(--yellow);color:var(--ink);z-index:100;padding:.6rem 1rem;font-weight:700;position:absolute;top:0;left:-999px}.skip:focus{top:.5rem;left:.5rem}:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.announce{background:var(--maroon);color:var(--white);text-align:center;letter-spacing:.02em;padding:.5rem 1rem;font-size:.8rem;font-weight:700}.nav{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#ffffffe6;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem clamp(1rem,4vw,2.5rem);display:flex;position:sticky;top:0}.nav-brand{color:var(--ink);align-items:center;gap:.6rem;text-decoration:none;display:flex}.logo-word{font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;font-weight:700}.nav-brand .logo-word{font-size:1.05rem}.logo-icon{flex:none;width:auto}.nav nav{gap:clamp(.9rem,3vw,2rem);display:flex}.nav nav a{color:var(--ink);font-size:.9rem;font-weight:700;text-decoration:none}.nav nav a:hover{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral);text-underline-offset:6px;text-decoration-thickness:3px}.btn{cursor:pointer;font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;border:2px solid #0000;border-radius:0;padding:1.05rem 2rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:transform .15s,background .15s,border-color .15s,color .15s;display:inline-block}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.6;cursor:wait;transform:none}.btn-primary{background:var(--ink);color:var(--white);border-color:var(--ink)}.btn-primary:hover{background:var(--coral);border-color:var(--coral)}.btn-ghost{color:var(--ink);border-color:var(--ink);background:0 0}.btn-ghost:hover{background:var(--ink);color:var(--white)}.section{padding:clamp(3.5rem,8vw,6.5rem) 0;position:relative}.wrap{width:min(1080px,100% - 2.5rem);margin:0 auto}.narrow{text-align:left;max-width:720px;margin-left:auto;margin-right:auto}.white{background:var(--white)}.tint{background:var(--tint)}.bold{background:var(--teal);color:var(--white)}.sun{background:var(--yellow)}.sun .kicker{color:var(--ink)}.sun .ornament span:nth-child(3){background:var(--white)!important}.kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--teal);text-align:left;margin:0 0 .8rem;font-size:.8rem;font-weight:700}.bold .kicker{color:var(--yellow)}h2{text-align:left;text-wrap:balance;font-size:clamp(2rem,5vw,3.2rem)}.lede{text-align:left;max-width:560px;color:var(--ink-soft);margin:0 0 2.4rem;font-size:1.15rem}.bold .lede{color:#ffffffd9}.ornament{align-items:center;gap:.4rem;margin:1.2rem 0 2rem;display:flex}.ornament span{width:2.2rem;height:.4rem}.bold .ornament span:nth-child(2){background:var(--white)!important}.hero{--yellow:#f5c242;--teal:#2d8179;color:var(--white);background:#4a2216;position:relative;overflow:hidden}.hero-inner{z-index:1;width:min(1080px,100% - 2.5rem);margin:0 auto;padding:clamp(2.75rem,5vw,4.25rem) 0;position:relative}.hero h1{max-width:6.5em;font-size:clamp(3rem,8.4vw,6rem)}.hero:before,.hero:after{content:"";position:absolute;top:0;bottom:0;right:0}.hero:before{background:var(--yellow);clip-path:polygon(40% 0,100% 0,100% 100%,0 100%);width:38%}.hero:after{background:var(--teal);clip-path:polygon(39.1% 0,50.4% 0,17.4% 100%,6.1% 100%);width:46%}.hero-descriptor{color:#f08a5d;margin-top:.4rem;display:block}.hero-tagline{letter-spacing:-.01em;margin:1.6rem 0 1.8rem;font-size:clamp(1.15rem,2.5vw,1.45rem);font-weight:600}.hero .kicker{color:var(--yellow)}.hero .btn-primary{background:var(--white);color:var(--ink);border-color:var(--white)}.hero .btn-primary:hover{background:var(--coral-bright);border-color:var(--coral-bright);color:var(--ink)}.hero .btn-ghost{color:var(--white);border-color:var(--white)}.hero .btn-ghost:hover{background:var(--white);color:var(--ink)}.hero-actions{flex-wrap:wrap;gap:.9rem;display:flex}.story-text{color:var(--ink-soft);font-size:1.15rem}.highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:3.2rem;display:grid}.highlight{background:var(--tint);border-top:6px solid var(--coral);border-radius:0;padding:1.6rem 1.4rem}.highlight:nth-child(2){border-top-color:var(--teal)}.highlight:nth-child(3){border-top-color:var(--yellow)}.highlight h3{margin-bottom:.4rem;font-size:1.2rem}.highlight p{color:var(--ink-soft);margin:0;font-size:.98rem}.products{grid-template-columns:minmax(0,1fr);max-width:920px;margin:0 auto;display:grid}.product{background:var(--white);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid;position:relative}.ribbon{z-index:1;background:var(--yellow);color:var(--ink);letter-spacing:.08em;text-transform:uppercase;border-radius:0;padding:.3rem .8rem;font-size:.72rem;font-weight:700;position:absolute;top:1.2rem;left:1.2rem}.product-art{background:var(--yellow);justify-content:center;align-items:center;padding:2.2rem 1rem;display:flex}.drink{width:auto;height:300px}.product-body{flex-direction:column;padding:clamp(1.5rem,4vw,2.5rem);display:flex}.product h3{margin:0 0 .5rem;font-size:2rem}.product-tagline{color:var(--ink-soft);font-size:1.05rem}.notes{flex-wrap:wrap;gap:.4rem;margin:.2rem 0 1.2rem;padding:0;list-style:none;display:flex}.notes li{border:1.5px solid var(--ink);border-radius:0;padding:.2rem .7rem;font-size:.78rem;font-weight:600}.product-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-top:.4rem;padding-top:.8rem;display:flex}.size{color:var(--ink-soft);font-size:.85rem;font-weight:600}.price{letter-spacing:-.03em;font-size:2.4rem;font-weight:700}.product-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.4rem;display:flex}.checkout{background:var(--white);gap:1.8rem;max-width:760px;padding:clamp(1.5rem,4vw,2.5rem);display:grid}.check-step{border:0;min-width:0;margin:0;padding:0}.check-step legend{letter-spacing:-.02em;align-items:center;gap:.8rem;margin-bottom:1rem;padding:0;font-size:1.3rem;font-weight:700;display:flex}.step-num{width:2.2rem;height:2.2rem;color:var(--ink);background:var(--yellow);border-radius:50%;flex:none;place-items:center;font-size:1rem;font-weight:700;display:grid}.check-step:nth-of-type(2) .step-num{background:var(--coral-bright)}.check-step:nth-of-type(3) .step-num{background:var(--teal);color:var(--white)}.check-step:nth-of-type(4) .step-num{background:var(--yellow)}.check-submit .step-num{background:var(--ink);color:var(--white)}.qty-row{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;display:flex}.qty{border:2px solid var(--ink);align-items:stretch;display:inline-flex}.qty button{width:3rem;font:inherit;color:var(--ink);background:var(--white);cursor:pointer;border:0;font-size:1.4rem;font-weight:700}.qty button:hover:not(:disabled){background:var(--ink);color:var(--white)}.qty button:disabled{opacity:.35;cursor:default}.qty output{place-items:center;min-width:3.4rem;font-size:1.3rem;font-weight:700;display:grid}.qty-label{margin:0;font-weight:600}.qty-label span{color:var(--ink-soft);font-size:.9rem;font-weight:400;display:block}.qty-total{letter-spacing:-.03em;margin:0 0 0 auto;font-size:2.4rem;font-weight:700}.check-fields{gap:1rem;display:grid}.choices{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:.7rem;display:grid}.choice{cursor:pointer;display:block;position:relative}.choice input{opacity:0;cursor:pointer;position:absolute;inset:0}.choice span{border:2px solid var(--line);padding:.9rem 1.1rem;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:block}.choice:hover span{border-color:var(--ink)}.choice input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--white)}.choice input:focus-visible+span{outline:3px solid var(--teal);outline-offset:2px}.check-submit{border-top:1px solid var(--line);align-items:flex-start;gap:.8rem;padding-top:1.6rem;display:flex}.check-submit-body{flex:1;min-width:0}.check-submit .btn{width:100%}.card-form{text-align:left;color:var(--ink);background:var(--white);border-radius:0;gap:1.2rem;padding:2.2rem 2rem;display:grid}.field{gap:.4rem;display:grid}.field span{color:var(--ink);padding:0;font-size:.82rem;font-weight:700}.field input,.field textarea,.field select{font:inherit;color:var(--ink);background:var(--tint);border:2px solid #0000;border-radius:0;width:100%;padding:.8rem 1rem}.privacy-note{color:var(--ink-soft);margin:.9rem 0 0;font-size:.85rem}.card-form .privacy-note{margin:-.4rem 0 0}.field-error{color:#b3261e;font-size:.88rem;font-style:normal;font-weight:600}.choices-error{margin-bottom:.6rem;display:block}.field input[aria-invalid=true],.field textarea[aria-invalid=true],.field select[aria-invalid=true]{border-color:#b3261e}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--teal);background:var(--white);outline:none}.form-error{color:#c0261a;margin:0;font-size:.95rem}.form-ok{color:var(--ink-soft);margin:0;font-size:.95rem}.form-ok a{color:var(--teal)}.card-form .btn{justify-self:start}.footer{--logo-ice:var(--ink);background:var(--ink);color:#ffffffb3;text-align:center;padding:3.2rem 1.25rem 2.5rem}.footer svg{color:var(--white)}.footer-name{color:var(--white);letter-spacing:-.02em;margin:.8rem 0 .2rem;font-size:1.3rem;font-weight:700}.footer-name span{color:var(--yellow);margin-left:.4rem}.footer-tag{color:var(--coral);margin:0 0 1.4rem;font-size:.9rem;font-weight:700}.footer-copy{opacity:.6;margin:0;font-size:.8rem}.footer-credit{max-width:520px;color:var(--white);border-top:1px solid #ffffff2e;margin:2rem auto 0;padding-top:1.4rem;font-size:.95rem;font-weight:600}.footer-credit a{color:var(--yellow);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.footer-credit a:hover{color:var(--white)}@media (width<=860px){.hero:before,.hero:after{width:auto;height:26vw;inset:auto 0 0}.hero:before{clip-path:polygon(0 100%,100% 0,100% 100%)}.hero:after{clip-path:polygon(0 70%,70% 0,100% 0,0 100%)}.hero-inner{padding-bottom:30vw}.products,.highlights,.product{grid-template-columns:minmax(0,1fr)}.drink{height:220px}}@media (width<=560px){html{scroll-padding-top:6.5rem}.nav{flex-wrap:wrap;justify-content:center;row-gap:.4rem;padding-top:.6rem;padding-bottom:.6rem}.nav-brand{flex-basis:100%;justify-content:center}.nav-brand .logo-word{white-space:nowrap;font-size:.95rem}.nav nav{gap:1.4rem}.nav nav a{font-size:.85rem}.btn{text-align:center;width:100%}.hero-actions{flex-direction:column}.card-form{padding:1.6rem 1.2rem}.card-form .btn{justify-self:stretch}}.gate{background:var(--maroon);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.gate-card{color:var(--ink);text-align:center;background:var(--white);border-radius:0;justify-items:center;gap:.9rem;width:min(380px,100%);padding:2.4rem 2rem;display:grid}.gate h1{font-size:1.6rem}.gate-sub{letter-spacing:.14em;text-transform:uppercase;color:var(--coral);margin:-.4rem 0 0;font-size:.8rem;font-weight:700}.gate-note{color:var(--ink-soft);margin:.4rem 0 .2rem}.gate input{width:100%;font:inherit;color:var(--ink);background:var(--tint);text-align:center;border:2px solid #0000;border-radius:0;padding:.8rem 1rem}.gate input:focus{border-color:var(--teal);background:var(--white);outline:none}.gate-error{color:#c0261a;margin:0;font-size:.92rem}.gate .btn{width:100%}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes slide-in{0%{opacity:0;transform:translate(14%)}to{opacity:1;transform:none}}.hero-inner>div>*{animation:.8s cubic-bezier(.2,.7,.2,1) both rise}.hero-inner>div>:nth-child(2){animation-delay:80ms}.hero-inner>div>:nth-child(3){animation-delay:.16s}.hero-inner>div>:nth-child(4){animation-delay:.24s}.hero-inner>div>:nth-child(5){animation-delay:.32s}.hero:before{animation:1s cubic-bezier(.2,.7,.2,1) both slide-in}.hero:after{animation:1s cubic-bezier(.2,.7,.2,1) .12s both slide-in}.reveal{opacity:0;transform:translateY(18px)}.reveal-ready{transition:opacity .4s ease-out,transform .45s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 45ms)}.reveal.revealed{opacity:1;transform:none}.modal-backdrop{z-index:200;background:#231d199e;place-items:center;padding:1.25rem;animation:.2s both fade-in;display:grid;position:fixed;inset:0}.modal{background:var(--white);width:min(520px,100%);max-height:100%;color:var(--ink);outline:none;padding:clamp(1.75rem,5vw,2.5rem);animation:.3s cubic-bezier(.2,.7,.2,1) both rise;position:relative;overflow-y:auto}.modal h3{margin:0 2rem 1rem 0;font-size:clamp(1.5rem,4vw,1.9rem)}.modal>p{color:var(--ink-soft)}.modal .btn{text-align:center;width:100%;margin-top:.6rem}.modal-close{width:2.4rem;height:2.4rem;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:1.6rem;line-height:1;position:absolute;top:1.2rem;right:.9rem}.modal-close:hover{background:var(--tint)}.modal-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;gap:.35rem 1.2rem;margin:1.2rem 0;padding:1rem 0;font-size:.95rem;display:grid}.modal-details dt{color:var(--ink-soft)}.modal-details dd{word-break:break-word;margin:0;font-weight:600}.modal-details .modal-total{font-size:1.15rem;font-weight:700}.modal-pay{background:var(--tint);margin-top:.6rem;padding:1.1rem 1.2rem}.modal-pay p{margin:0 0 .3rem}.modal-pay p:last-child{margin-bottom:0}.modal-handle{word-break:break-all;font-size:1.3rem;font-weight:700}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width<=560px){.modal-details{grid-template-columns:minmax(0,1fr);gap:0}.modal-details dt{font-size:.8rem}.modal-details dd{margin-bottom:.7rem}.modal-details dd:last-child{margin-bottom:0}}.enjoy-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.enjoy-steps li{background:var(--white);padding:1.4rem 1.3rem 1.5rem}.enjoy-steps .step-num{margin-bottom:.9rem}.enjoy-steps li:first-child .step-num{background:var(--coral);color:var(--white)}.enjoy-steps li:nth-child(2) .step-num{background:var(--teal);color:var(--white)}.enjoy-steps li:nth-child(3) .step-num{background:var(--yellow);color:var(--ink)}.enjoy-steps li:nth-child(4) .step-num{background:var(--maroon);color:var(--white)}.enjoy-yield{letter-spacing:-.02em;margin:1.6rem 0 0;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700}.size strong{color:var(--ink);font-size:.95rem;display:block}.enjoy-steps p{letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:600;line-height:1.35}@media (width<=860px){.enjoy-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.enjoy-steps{grid-template-columns:minmax(0,1fr)}}
