@font-face{font-family:Window Sans;src:url(assets/window-sans.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Window Serif;src:url(assets/window-serif.woff2) format('woff2');font-weight:400;font-display:swap}
:root{--paper:#f5f3e9;--ink:#163c30;--lime:#e5edb8;--muted:#657166;--line:#163c3026;--serif:'Window Serif',Georgia,serif;--sans:'Window Sans',Arial,sans-serif;--gutter:clamp(24px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default}::selection{background:#d1df9c;color:var(--ink)}:focus-visible{outline:3px solid #a8713b;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:.95}em{font-weight:400}button{color:inherit}section{position:relative}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:600;display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.skip-link{position:fixed;top:12px;left:12px;background:var(--ink);color:white;padding:12px;z-index:30;transform:translateY(-150%)}.skip-link:focus{transform:none}
.header{height:102px;margin:0 var(--gutter);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:4}.wordmark{font-weight:900;font-size:26px;letter-spacing:-1.9px;line-height:.81;position:relative}.header nav{display:flex;gap:40px;font-size:12px;font-weight:500}.header nav a{position:relative;padding:12px 0}.header nav a:after{content:'';position:absolute;bottom:6px;left:0;right:0;height:1px;transform:scaleX(0);transform-origin:left;background:currentColor;transition:transform .2s}.header nav a:hover:after{transform:scaleX(1)}.club-link{border:1px solid var(--ink);border-radius:100px;padding:12px 18px;display:flex;gap:22px;align-items:center;font-size:12px}.club-link:hover{background:var(--ink);color:var(--paper)}
.hero{min-height:690px;height:calc(100svh - 102px);max-height:980px;display:grid;grid-template-columns:46% 54%;padding:0 var(--gutter);overflow:hidden}.hero-copy{align-self:center;padding-bottom:55px;position:relative;z-index:2}.hero h1{font-size:clamp(90px,9.6vw,162px);margin-top:32px}.hero h1 em{margin-left:4px}.hero-description{font-size:16px;line-height:1.65;margin-top:27px}.button{display:inline-flex;gap:40px;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;border-radius:100px;border:1px solid transparent;padding:18px 24px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#28533e}.button span{font-size:20px;line-height:1}.hero .button{margin-top:30px}.hero-footnote{display:block;font-size:8px;letter-spacing:.15em;margin-top:17px;color:var(--muted)}
.hero-art{position:relative;align-self:stretch;min-width:0}.hero-orbit{position:absolute;left:0;top:19%;width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 48% 47%,#e4e6c3 0,#eaeacf 45%,#eeeddb 68%,#f5f3e9 71%);opacity:.65}.hero-product{position:absolute;will-change:transform;transform:translateY(var(--parallax,0px)) rotate(var(--tilt))}.product-image{background-image:url(assets/coffee-cans-neon.png);background-size:500% 100%;background-position:calc(var(--flavor)*25%) center;background-repeat:no-repeat;aspect-ratio:3/5;width:100%}.hero-product-back{--tilt:-13deg;left:0;top:18%;width:56%;z-index:1}.hero-product-front{--tilt:12deg;right:-7%;top:21%;width:60%;z-index:2}.hero-product-back .product-image{filter:drop-shadow(10px 17px 12px #1a37221a)}.hero-product-front .product-image{filter:drop-shadow(12px 25px 18px #1a372226)}.hero-sun{position:absolute;left:49%;top:9%;font-size:64px;font-weight:100;color:#8a9c62;transform:rotate(12deg)}.hero-tag{position:absolute;z-index:3;left:1%;bottom:12%;width:120px;height:120px;border:1px solid var(--ink);background:var(--paper);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-12deg)}.hero-tag span{font-size:8px;letter-spacing:.12em}.hero-tag strong{font-family:var(--serif);font-style:italic;font-size:29px;font-weight:400;line-height:1.2}.hero-product-caption{position:absolute;right:0;bottom:11%;font-size:8px;letter-spacing:.14em;writing-mode:vertical-rl}.scroll-cue{position:absolute;bottom:31px;left:var(--gutter);display:flex;align-items:center;gap:15px;font-size:8px;letter-spacing:.14em}.scroll-cue span{height:30px;width:30px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:15px}.hero-corner{position:absolute;right:var(--gutter);bottom:41px;font-size:8px;letter-spacing:.15em}.statement-strip{display:flex;align-items:center;justify-content:space-around;gap:30px;padding:23px var(--gutter);background:var(--lime);overflow:hidden;white-space:nowrap;font-size:12px;font-weight:500;letter-spacing:.1em}.statement-strip i{font-style:normal;font-size:25px;font-weight:400}
.collection{padding:66px var(--gutter) 30px;background:var(--ink);color:var(--paper);overflow:hidden}.section-top{display:flex;justify-content:space-between;align-items:center}.section-top>span{font-size:8px;letter-spacing:.12em;opacity:.5}.collection-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:40px 0 46px}.collection-heading h2{font-size:clamp(66px,7vw,106px)}.collection-heading>p{line-height:1.8;font-size:13px;opacity:.75;max-width:250px;padding-bottom:6px}.flavor-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #f5f3e933;border-bottom:1px solid #f5f3e933}.flavor-tabs button{appearance:none;background:transparent;border:0;border-bottom:2px solid transparent;color:#f5f3e98c;padding:22px 4px;text-align:left;font-size:14px;white-space:nowrap;transition:color .2s,background .2s}.flavor-tabs button span{font-size:9px;margin-right:13px;opacity:.65}.flavor-tabs button:hover{color:var(--paper)}.flavor-tabs button[aria-pressed=true]{color:var(--lime);border-bottom-color:var(--lime)}.flavor-stage{display:grid;grid-template-columns:38% 62%;min-height:620px;position:relative}.flavor-copy{align-self:center;position:relative;z-index:2;max-width:350px;padding-bottom:35px}.flavor-kicker{display:block;font-size:9px;letter-spacing:.16em;color:var(--lime)}.flavor-title{font-family:var(--serif);font-weight:400;font-size:clamp(60px,6vw,90px);letter-spacing:-.04em;margin:20px 0}.flavor-description{font-size:14px;line-height:1.8;max-width:315px;color:#f5f3e9bf;min-height:76px}.flavor-tags{display:flex;gap:8px;margin:25px 0 40px;flex-wrap:wrap}.flavor-tags span{font-size:9px;border:1px solid #f5f3e940;border-radius:30px;padding:8px 12px;color:#f5f3e9d9}.text-link{font-size:10px;border-bottom:1px solid #f5f3e97a;padding-bottom:7px;display:inline-flex;gap:23px;align-items:center}.text-link span{font-size:18px}.flavor-visual{position:relative;display:flex;justify-content:center;align-items:center;min-width:0;padding:28px 0}.flavor-ghost{position:absolute;top:41%;left:50%;transform:translate(-50%,-50%);color:#f5f3e90e;font-family:var(--serif);font-size:clamp(110px,15vw,240px);letter-spacing:-.07em;white-space:nowrap}.flavor-disc{width:390px;height:390px;border-radius:50%;background:#dce6b9;position:absolute;opacity:.13;transition:background .4s}.selected-product{width:315px;z-index:1;position:relative;transform:rotate(9deg);filter:drop-shadow(18px 25px 18px #0003);transition:opacity .14s,transform .35s}.selected-product.changing{opacity:0;transform:translateY(18px) rotate(4deg)}.visual-caption{position:absolute;right:0;top:50%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.17em;opacity:.45}.flavor-controls{position:absolute;left:0;right:0;bottom:24px;display:flex;justify-content:space-between;align-items:center}.flavor-controls>div{display:flex;gap:8px}.flavor-counter{font-size:13px}.flavor-counter i{font-style:normal;opacity:.4;margin-left:8px}.round-button{width:44px;height:44px;border:1px solid #f5f3e960;background:transparent;color:var(--paper);border-radius:50%;font-size:18px}.round-button:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}.concept-note{font-size:9px;color:#f5f3e97a;border-top:1px solid #f5f3e933;padding-top:20px;line-height:1.6}
.idea{padding:110px var(--gutter) 115px}.idea-heading{display:grid;grid-template-columns:30% 70%;align-items:start}.idea-heading .eyebrow{padding-top:11px}.idea h2{font-size:clamp(55px,6.5vw,96px)}.idea-body{display:grid;grid-template-columns:30% 70%;margin-top:65px}.idea-intro{font-size:13px;line-height:1.9;padding-top:25px}.steps{border-top:1px solid var(--line)}.steps article{display:flex;gap:40px;padding:29px 0;border-bottom:1px solid var(--line)}.steps article>span{font-size:11px;padding-top:7px;color:#778471}.steps h3{font-family:var(--serif);font-weight:400;font-size:34px;letter-spacing:-.025em}.steps p{margin-top:7px;font-size:12px;color:var(--muted);line-height:1.7}
.loyalty{display:grid;grid-template-columns:46% 54%;gap:20px;align-items:center;background:var(--lime);padding:100px var(--gutter);overflow:hidden}.loyalty h2{font-size:clamp(66px,6.6vw,105px);margin-top:30px}.loyalty-promise{font-size:17px;line-height:1.7;margin-top:30px}.loyalty-promise strong{font-weight:500}.loyalty .button{margin-top:30px}.availability{font-size:9px;margin-top:14px;color:#4e624a}.loyalty-visual{position:relative;padding:75px 0}.club-star{position:absolute;right:-10px;top:-8px;font-size:125px;color:#93a368;transform:rotate(10deg)}.loyalty-card{position:relative;background:var(--ink);color:var(--paper);border-radius:18px;padding:30px 32px;max-width:480px;margin:auto;transform:rotate(-8deg);box-shadow:0 25px 40px #334c2c29}.card-top{display:flex;align-items:flex-start;justify-content:space-between}.card-wordmark{font-weight:850;font-size:28px;line-height:.85;letter-spacing:-1.3px}.card-top>span:last-child{font-size:9px;line-height:1.4;letter-spacing:.1em}.loyalty-card>p{font-family:var(--serif);font-size:25px;margin:26px 0 22px}.stamps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stamps>span{aspect-ratio:1;border:1px solid #f5f3e955;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#f5f3e999;max-width:60px}.stamps .filled{background:var(--lime);border-color:var(--lime);color:var(--ink);font-size:27px}.stamps .gift{background:var(--paper);color:var(--ink);flex-direction:column;font-size:18px;border-color:var(--paper)}.gift small{font-size:6px;font-weight:600}.card-bottom{display:flex;justify-content:space-between;border-top:1px solid #f5f3e93d;padding-top:17px;margin-top:26px;font-size:6px;letter-spacing:.07em}.sample-label{text-align:center;font-size:7px;letter-spacing:.15em;margin-top:57px;color:#52674b}
.location{display:grid;grid-template-columns:60% 40%;padding:115px var(--gutter);gap:20px}.location h2{font-size:clamp(80px,8.5vw,135px);margin:32px 0}.location>div>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted)}.opening-panel{align-self:center;text-align:center;padding:0 0 0 35px}.opening-star{font-size:57px;color:#758654}.opening-panel>p{font-family:var(--serif);font-size:43px!important;line-height:1.05!important;color:var(--ink)!important;letter-spacing:-.03em;margin:20px 0}.opening-panel>span:not(.opening-star){font-size:8px;letter-spacing:.13em}.opening-panel details{text-align:left;border-bottom:1px solid var(--line);padding:18px 0;font-size:12px}.opening-panel details:first-of-type{border-top:1px solid var(--line);margin-top:35px}.opening-panel summary{display:flex;justify-content:space-between;list-style:none;cursor:pointer;font-weight:500}.opening-panel summary::-webkit-details-marker{display:none}.opening-panel summary span{font-size:16px;font-weight:400}.opening-panel details[open] summary span{transform:rotate(45deg)}.opening-panel details p{font-size:11px;line-height:1.8;margin-top:15px;color:var(--muted)}
.footer{padding:35px var(--gutter) 25px;background:var(--ink);color:var(--paper);overflow:hidden}.footer-top{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.09em}.footer-top>span{color:#f5f3e98c}.footer-wordmark{font-size:clamp(25px,10.2vw,180px);font-weight:850;line-height:1.15;letter-spacing:-.065em;white-space:nowrap;margin:50px -4px 28px}.footer-wordmark>span{color:var(--lime)}.footer-bottom{border-top:1px solid #f5f3e933;padding-top:20px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:7px;letter-spacing:.04em;color:#f5f3e98c}.motion-toggle{border:0;background:none;color:inherit;padding:5px 0;font-size:8px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.wallet-dialog{width:min(500px,calc(100% - 32px));border:0;border-radius:20px;background:var(--paper);color:var(--ink);padding:45px;max-height:90svh;overflow:auto}.wallet-dialog::backdrop{background:#102b22b8;backdrop-filter:blur(8px)}.dialog-close{position:absolute;top:16px;right:18px;width:36px;height:36px;font-size:26px;background:none;border:1px solid var(--line);border-radius:50%}.dialog-star{display:block;margin:26px 0 12px;font-size:45px;color:#829759}.wallet-dialog h2{font-size:67px;margin-bottom:22px}.wallet-dialog>p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:350px}.wallet-options{display:grid;gap:9px;margin:26px 0 17px}.wallet-options button{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:#e7e9de;color:#546550;border-radius:9px;padding:17px;font-size:13px}.wallet-options button span{font-size:9px}.wallet-dialog .dialog-note{font-size:10px!important;color:var(--muted)}.dialog-done{margin-top:24px}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.js .reveal.is-visible{opacity:1;transform:none}body.motion-paused .hero-product{transform:rotate(var(--tilt));will-change:auto}body.motion-paused .reveal{opacity:1;transform:none;transition:none}body.motion-paused .selected-product{transition:none}
@media(min-width:1600px){.hero{max-height:900px}.hero-product-back{width:50%;left:3%;top:12%}.hero-product-front{width:54%;right:0;top:15%}.hero-tag{bottom:16%}}
@media(max-width:1000px){.header nav{gap:25px}.hero{min-height:660px;grid-template-columns:48% 52%}.hero h1{font-size:105px}.hero-product-back{top:25%;left:-12%;width:69%}.hero-product-front{top:31%;right:-14%;width:72%}.hero-sun{top:18%;font-size:50px}.hero-tag{width:100px;height:100px;bottom:11%;left:0}.hero-tag strong{font-size:25px}.hero-art .hero-product-caption{display:none}.section-top>span{display:none}.flavor-tabs button{font-size:12px}.flavor-tabs button span{margin-right:8px}.flavor-stage{min-height:580px;grid-template-columns:40% 60%}.selected-product{width:280px}.flavor-disc{width:300px;height:300px}.flavor-copy{padding-right:15px}.visual-caption{display:none}.loyalty{grid-template-columns:43% 57%;gap:0}.loyalty-card{padding:25px 24px;transform:rotate(-6deg)}.stamps{gap:8px}.card-wordmark{font-size:24px}.card-bottom{font-size:5px}.idea-heading,.idea-body{grid-template-columns:27% 73%}.idea-heading .eyebrow{font-size:8px}.location h2{font-size:95px}.opening-panel{padding-left:0}.footer-top{font-size:7px}.footer-bottom{font-size:6px}}
@media(max-width:700px){:root{--gutter:24px}html{scroll-padding-top:20px}.header{height:82px}.wordmark{font-size:23px}.header nav{display:none}.club-link{padding:10px 14px;font-size:10px;gap:17px}.hero{min-height:0;height:auto;max-height:none;display:flex;flex-direction:column;padding-top:34px;padding-bottom:68px}.hero-copy{align-self:stretch;padding:0;position:relative;z-index:2}.hero .eyebrow{font-size:8px}.hero h1{font-size:92px;margin-top:24px;line-height:.89;letter-spacing:-.045em}.hero-description{font-size:13px;margin-top:22px;line-height:1.6}.hero .button{margin-top:23px;padding:15px 20px;font-size:11px;gap:32px}.hero-footnote{display:none}.hero-art{height:400px;width:100%;align-self:stretch;margin-top:-9px}.hero-product-back{top:11%;left:0;width:59%}.hero-product-front{top:15%;right:-4%;width:63%}.hero-orbit{top:15%;left:0;width:100%}.hero-sun{top:4%;left:53%;font-size:44px}.hero-tag{width:85px;height:85px;left:1%;bottom:0}.hero-tag span{font-size:6px}.hero-tag strong{font-size:22px}.scroll-cue{bottom:24px;font-size:7px;gap:10px}.scroll-cue span{height:25px;width:25px}.hero-corner{bottom:32px;font-size:7px}.statement-strip{justify-content:flex-start;gap:22px;padding:18px 24px;font-size:9px}.statement-strip i{font-size:19px}.collection{padding-top:45px;padding-bottom:23px}.collection-heading{display:block;margin:30px 0}.collection-heading h2{font-size:74px}.collection-heading>p{font-size:11px;line-height:1.7;margin-top:20px}.eyebrow{font-size:8px}.flavor-tabs{display:flex;gap:24px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#e5edb855 transparent}.flavor-tabs button{padding:18px 0;flex:none;font-size:12px}.flavor-tabs button span{font-size:8px;margin-right:5px}.flavor-stage{display:flex;min-height:0;flex-direction:column;padding-bottom:75px}.flavor-visual{order:0;height:410px;padding:22px 0 0}.selected-product{width:235px}.flavor-disc{width:280px;height:280px}.flavor-ghost{font-size:112px;top:47%}.flavor-copy{order:1;padding:0;align-self:stretch;max-width:none;margin-top:18px}.flavor-kicker{font-size:8px}.flavor-title{font-size:65px;margin:14px 0}.flavor-description{font-size:12px;line-height:1.8;max-width:310px;min-height:0}.flavor-tags{margin:20px 0 25px}.flavor-tags span{font-size:8px;padding:7px 10px}.text-link{font-size:9px}.flavor-controls{bottom:14px}.flavor-counter{font-size:11px}.round-button{width:40px;height:40px}.concept-note{font-size:8px;padding-top:16px}.idea{padding:65px var(--gutter)}.idea-heading,.idea-body{display:block}.idea-heading .eyebrow{padding:0;margin-bottom:25px}.idea h2{font-size:55px;line-height:1.03}.idea-body{margin-top:28px}.idea-intro{font-size:12px;line-height:1.8;padding:0;margin-bottom:29px}.steps article{gap:25px;padding:23px 0}.steps h3{font-size:30px}.steps p{font-size:11px}.loyalty{display:flex;flex-direction:column;align-items:stretch;padding:65px var(--gutter) 38px}.loyalty h2{font-size:73px;margin-top:26px}.loyalty-promise{font-size:16px;margin-top:24px}.loyalty .button{margin-top:25px;font-size:11px}.availability{font-size:8px}.loyalty-visual{padding:70px 12px 20px}.loyalty-card{padding:25px 23px;transform:rotate(-7deg);max-width:390px}.loyalty-card>p{font-size:23px;margin:25px 0 20px}.card-wordmark{font-size:26px}.card-top>span:last-child{font-size:8px}.stamps{gap:10px}.stamps>span{font-size:9px}.stamps .filled{font-size:23px}.stamps .gift{font-size:16px}.gift small{font-size:5px}.card-bottom{font-size:5px;margin-top:23px}.club-star{font-size:90px;top:21px;right:1px}.sample-label{font-size:6px;margin-top:40px}.location{display:block;padding:65px var(--gutter)}.location h2{font-size:84px;margin:27px 0}.location>div>p:not(.eyebrow){font-size:12px}.opening-panel{padding:45px 0 0;margin:0 auto;max-width:390px}.opening-star{font-size:45px}.opening-panel>p{font-size:40px!important}.opening-panel details{padding:19px 0;font-size:12px}.footer{padding-top:28px;padding-bottom:20px}.footer-top>span{display:none}.footer-top{font-size:7px}.footer-wordmark{font-size:10.6vw;margin:33px -1px 21px}.footer-bottom{flex-wrap:wrap;gap:16px;font-size:7px;line-height:1.6}.footer-bottom>span:nth-child(2){order:2;width:100%}.motion-toggle{font-size:7px}.wallet-dialog{padding:35px 27px}.wallet-dialog h2{font-size:59px}.wallet-dialog>.eyebrow{font-size:8px}.wallet-dialog>p:not(.eyebrow){font-size:12px}.js .reveal{transform:translateY(16px)}}
@media(max-width:370px){:root{--gutter:19px}.hero h1{font-size:81px}.hero-art{height:340px}.hero-tag{width:72px;height:72px}.hero-tag strong{font-size:19px}.collection-heading h2{font-size:65px}.flavor-visual{height:370px}.selected-product{width:210px}.idea h2{font-size:48px}.loyalty h2{font-size:64px}.loyalty-card{padding:21px 17px}.stamps{gap:7px}.loyalty-card>p{font-size:21px}.location h2{font-size:74px}.card-bottom{font-size:4.5px}.club-link{font-size:9px}.wordmark{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-product{transform:rotate(var(--tilt))!important;will-change:auto}.js .reveal{opacity:1;transform:none}}
