:root{--green:#0e4c32;--cream:#f6edc6;--ink:#073522;--line:#0e4c3240;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--cream);scroll-behavior:auto}body{color:var(--green);font-family:'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:5px}::selection{background:var(--green);color:var(--cream)}h1,h2,h3{font-family:'Arial Black','Helvetica Neue',Arial,sans-serif;font-weight:900;letter-spacing:-.075em}.mono{font:10px/1.5 'Courier New',monospace;letter-spacing:.035em;font-weight:600}.skip{position:fixed;top:-100px;z-index:100;padding:15px;background:var(--cream)}.skip:focus{top:15px;left:15px}.site-head{position:fixed;z-index:20;top:0;left:0;right:0;height:100px;padding:18px 4.5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #f6edc63a;color:var(--cream);transition:background .3s,color .3s,border-color .3s}.brand{position:relative;display:block;width:82px;height:54px}.brand img{position:absolute;inset:0;object-fit:contain}.green-logo{opacity:0}.site-head.light{background:var(--cream);color:var(--green);border-color:var(--line)}.site-head.light .green-logo{opacity:1}.site-head.light .white-logo{opacity:0}.head-center{justify-self:center}.site-head nav{justify-self:end;display:flex;gap:27px;align-items:center;font-size:11px;font-weight:600}.site-head nav>a{padding:14px 0}.site-head .nav-cta{border:1px solid currentColor;padding:12px 18px;display:flex;gap:20px}.nav-cta:hover{background:var(--cream);color:var(--green)}.light .nav-cta:hover{background:var(--green);color:var(--cream)}
.hero-scroll{height:240svh;position:relative;background:var(--green)}.hero-stage{height:100svh;position:sticky;top:0;overflow:hidden;color:var(--cream)}.hero-image{position:absolute;inset:0;overflow:hidden}.hero-image img{object-position:70% center;transform:scale(1.02);will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#05271945,transparent 64%),linear-gradient(0deg,#032b2070,transparent 45%);pointer-events:none}.hero-top{position:absolute;top:130px;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;color:#f6edc6bd}.hero-copy{position:absolute;left:4.5vw;top:32%;width:53%;will-change:transform,opacity}.kicker{display:flex;align-items:center;gap:12px;margin-bottom:20px}.kicker i{height:6px;width:32px;background:var(--cream)}.hero-copy h1{font-size:clamp(70px,9.6vw,160px);line-height:.88;max-width:800px}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-top:34px;padding-top:22px;border-top:1px solid #f6edc66b;max-width:610px}.hero-bottom p{font-size:14px;line-height:1.55;color:#f6edc6cb}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-height:52px;padding:0 21px;border:0;font-size:10px;letter-spacing:.02em;font-weight:800;transition:background .2s,color .2s}.button span{font-size:23px;font-weight:400;transition:transform .3s var(--ease)}.button:hover span{transform:translate(3px,-3px)}.cream{background:var(--cream);color:var(--green)}.green{background:var(--green);color:var(--cream)}.cream:hover{background:#fff5cf}.green:hover{background:#072f1f}.macro-scene{position:absolute;inset:0;background:var(--cream);color:var(--green);clip-path:circle(0% at 72% 48%);will-change:clip-path}.macro-scene>img{position:absolute;right:-8%;top:0;width:77%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply}.macro-copy{position:absolute;left:4.5vw;top:31%;width:45%;opacity:0;transform:translateY(20px)}.macro-copy h2{font-size:clamp(56px,6.7vw,115px);line-height:.89;margin:22px 0 25px}.macro-copy>p:last-child{font-size:14px;line-height:1.55}.hero-progress{position:absolute;left:4.5vw;right:4.5vw;bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:3}.hero-progress .progress-line{height:1px;flex:1;max-width:40%;background:currentColor;opacity:.6}.progress-line i{display:block;background:currentColor;height:3px;transform:scaleX(0);transform-origin:left}.hero-progress.dark{color:var(--green)}.hero-progress>span:last-child{font-size:9px}.hero-progress>span:last-child>span{font-size:18px;padding-left:15px}
.ticker{overflow:hidden;background:var(--green);color:var(--cream);padding:20px 0;border-bottom:1px solid #f6edc63b}.ticker>div{width:max-content;display:flex;align-items:center;gap:60px;animation:ticker 35s linear infinite}.ticker span{font-weight:800;font-size:28px;letter-spacing:-.04em;white-space:nowrap}.ticker i{font-style:normal;font-size:27px}@keyframes ticker{to{transform:translateX(-50%)}}
.collection{padding:100px 4.5vw 110px;scroll-margin-top:99px}.collection-head{display:grid;grid-template-columns:1fr 2.7fr 1.3fr;gap:35px;align-items:end;padding-bottom:40px}.collection-head>.mono{align-self:start;padding-top:10px}.collection-head h2{font-size:clamp(62px,7.3vw,120px);line-height:.87}.collection-head>div p{font-size:14px;line-height:1.6;margin-bottom:25px}.collection-head>div>.mono{display:block;border-top:1px solid var(--line);padding-top:14px;font-size:9px}.coffee-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.coffee-card{position:relative;min-width:0;height:620px;border:0;text-align:left;overflow:hidden;background:#e1dfbc;color:var(--cream);isolation:isolate}.card-image{position:absolute;inset:0;z-index:-2}.card-image img{object-position:center 42%;transition:transform 1s var(--ease);transform:scale(1.02)}.coffee-card:nth-child(3) .card-image img{object-position:68% center}.coffee-card:after{position:absolute;inset:0;content:'';z-index:-1;background:linear-gradient(180deg,#092c1225,transparent 40%,#05291bd9 100%)}.coffee-card:hover .card-image img,.coffee-card:focus-visible .card-image img{transform:scale(1.075)}.card-top{position:absolute;top:22px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center}.coffee-card:first-child .card-top{color:var(--green)}.open-mark{border:1px solid currentColor;width:36px;height:36px;display:grid;place-items:center;font-size:20px;transition:background .2s,color .2s}.coffee-card:hover .open-mark{background:var(--cream);color:var(--green)}.card-copy{position:absolute;left:22px;right:22px;bottom:25px}.card-copy h3{font-size:clamp(46px,4.3vw,75px);line-height:.88;margin:17px 0 25px}.card-notes{display:flex;flex-direction:column;gap:18px;font-size:11px;border-top:1px solid #f6edc65c;padding-top:15px}.card-notes .mono{font-size:9px}
.sensory{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:830px;background:var(--green);color:var(--cream);overflow:hidden}.sensory-image{position:relative;overflow:hidden}.sensory-image img{width:160%;height:120%;max-width:none;object-fit:cover;object-position:50% 50%;position:absolute;left:-30%;top:-10%;transform:rotate(-14deg) scale(1.08);will-change:transform}.sensory-copy{padding:85px 5vw;align-self:center}.sensory-copy h2{font-size:clamp(60px,6.5vw,110px);line-height:.88;margin:38px 0 35px}.sensory-copy h2 span{display:block;opacity:.32;transition:opacity .2s}.sensory-copy>p:not(.mono){font-size:15px;line-height:1.6;color:#f6edc6ba}.sensory-line{display:flex;justify-content:space-between;border-top:1px solid #f6edc650;margin-top:55px;padding-top:16px}
.ritual{padding:100px 4.5vw 110px;scroll-margin-top:99px}.ritual-title{display:grid;grid-template-columns:1fr 2.7fr 1.3fr;gap:35px;align-items:end;margin-bottom:55px}.ritual-title>.mono{align-self:start;padding-top:10px}.ritual-title h2{font-size:clamp(62px,7.3vw,120px);line-height:.87}.ritual-title>p:last-child{font-size:14px;line-height:1.6}.ritual-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;align-items:center}.ritual-photo{height:650px;position:relative;overflow:hidden;background:var(--green)}.ritual-photo>img{object-position:center;transition:opacity .22s,transform 1.2s var(--ease);transform:scale(1.02)}.ritual-photo>img.changing{opacity:0;transform:scale(1.055)}.ritual-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#032b1dc9,transparent 45%);pointer-events:none}.ritual-caption{position:absolute;bottom:30px;left:30px;right:30px;z-index:1;color:var(--cream)}.ritual-caption strong{display:block;font-size:45px;letter-spacing:-.055em;margin-top:10px;font-weight:800}.ritual-options>button{background:none;border:0;border-top:1px solid var(--line);width:100%;display:grid;grid-template-columns:25px 1fr 30px;gap:22px;padding:28px 12px;align-items:center;text-align:left;min-height:120px;transition:padding .3s var(--ease),background .3s}.ritual-options>button:nth-child(3){border-bottom:1px solid var(--line)}.ritual-options>button>span:nth-child(2){font-size:clamp(23px,2.6vw,40px);font-weight:800;letter-spacing:-.04em}.ritual-options small{display:block;font-weight:400;font-size:12px;line-height:1.6;letter-spacing:0;margin-top:8px}.ritual-options>button>span:last-child{font-size:28px;font-weight:400;transition:transform .3s}.ritual-options>button:hover>span:last-child{transform:translate(3px,-3px)}.ritual-options>button.active{background:var(--green);color:var(--cream);padding:28px 22px}.ritual-result{margin-top:30px}.ritual-result p{font-size:14px;line-height:1.6;max-width:380px;margin-bottom:25px}.text-link{background:none;border:0;border-bottom:1px solid var(--green);padding:0 0 10px;display:flex;gap:35px;font-size:10px;font-weight:700;min-height:44px}.text-link span{font-size:18px}
.closing{background:var(--green);color:var(--cream);padding:85px 4.5vw 75px}.closing h2{font-size:clamp(90px,15.3vw,250px);line-height:.81;margin:40px 0 55px}.closing>div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f6edc666;padding-top:25px;font-size:14px}footer{padding:45px 4.5vw;display:flex;justify-content:space-between;align-items:center;gap:35px}footer img{width:120px;height:78px;object-fit:contain}footer .mono{font-size:9px;line-height:1.8}footer p{margin-left:auto}footer>a:last-child{padding:15px 0}
.reveal{transform:translateY(25px);transition:transform .9s var(--ease)}.reveal.in{transform:none}
dialog{border:0;position:fixed;inset:0;width:min(1120px,92vw);height:min(780px,90svh);max-height:none;padding:0;background:var(--cream);color:var(--green);overflow:hidden}dialog[open]{display:grid;grid-template-columns:1fr 1fr}dialog::backdrop{background:#032317b5;backdrop-filter:blur(7px)}body.dialog-open{overflow:hidden}.dialog-close{position:absolute;z-index:3;right:20px;top:14px;background:var(--cream);border:1px solid var(--line);min-height:44px;display:flex;gap:25px;align-items:center;padding:0 12px;font-size:9px}.dialog-close span{font-size:26px}.detail-photo{overflow:hidden}.detail-photo img{object-position:center 42%}.detail-content{padding:65px 45px 35px;overflow-y:auto;overscroll-behavior:contain}.detail-content h2{font-size:65px;line-height:.91;margin:25px 0}.detail-description{font-size:14px;line-height:1.6;max-width:410px}.detail-notes{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.detail-notes span{padding:8px 10px;border:1px solid var(--line);font-size:11px}dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}dl>div{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding:7px 0}dt{opacity:.7}dd{text-align:right}.taste-scales{display:grid;gap:13px;margin:25px 0}.taste-scales>div{display:grid;grid-template-columns:75px 1fr;gap:15px;align-items:center;font:9px 'Courier New',monospace}.taste-scales i{height:4px;position:relative;background:#0e4c322a}.taste-scales i:after{content:'';position:absolute;left:0;top:0;bottom:0;width:var(--value);background:var(--green)}.detail-size{margin-bottom:20px;font-size:9px}.detail-content .button{width:100%}
@media(min-width:1700px){.coffee-card{height:760px}.hero-copy{top:35%}}@media(max-width:1100px) and (min-width:701px){.head-center{display:none}.site-head{grid-template-columns:1fr 1fr}.hero-copy{width:58%;top:35%}.hero-copy h1{font-size:10vw}.hero-bottom{flex-direction:column;align-items:flex-start;gap:20px;margin-top:20px}.coffee-card{height:510px}.card-copy h3{font-size:4.6vw}.card-top{left:16px;right:16px;font-size:8px}.card-copy{left:16px;right:16px}.sensory{min-height:650px}.sensory-copy{padding:70px 4vw}.ritual-photo{height:550px}.detail-content{padding:65px 30px 30px}.detail-content h2{font-size:55px}}
@media(max-width:700px){.mono{font-size:9px}.site-head{height:78px;padding:12px 6vw;grid-template-columns:1fr 1fr}.brand{width:68px;height:44px}.head-center{display:none}.site-head nav{gap:14px;font-size:10px}.site-head nav>a:nth-child(2){display:none}.site-head .nav-cta{padding:10px 12px;gap:15px}.hero-scroll{height:235svh}.hero-image img{object-position:68% center}.hero-shade{background:linear-gradient(0deg,#032317eb,transparent 67%),linear-gradient(90deg,#03231720,transparent)}.hero-top{top:103px;left:6vw;right:6vw;font-size:8px}.hero-top>span:last-child{display:none}.hero-copy{left:6vw;right:6vw;top:auto;bottom:83px;width:auto}.kicker{margin-bottom:17px;font-size:8px}.hero-copy h1{font-size:clamp(60px,15.8vw,100px);line-height:.87}.hero-bottom{display:block;max-width:none;margin-top:22px;padding-top:17px}.hero-bottom p{font-size:12px;line-height:1.5;margin-bottom:17px}.button{min-height:46px;font-size:9px;padding:0 17px}.hero-bottom .button{width:100%}.hero-progress{left:6vw;right:6vw;bottom:20px;gap:15px;font-size:8px}.hero-progress>span:last-child{font-size:0}.hero-progress>span:last-child>span{font-size:16px;padding-left:0}.hero-progress .progress-line{max-width:none}.macro-scene>img{right:-23%;top:9%;width:146%;height:65%;object-fit:contain}.macro-copy{left:6vw;top:auto;right:6vw;bottom:85px;width:auto}.macro-copy h2{font-size:clamp(45px,12.5vw,76px);line-height:.9;margin:15px 0 18px}.macro-copy h2 br:nth-child(2){display:none}.macro-copy>p:last-child{font-size:12px}.ticker{padding:15px 0}.ticker>div{gap:35px}.ticker span{font-size:21px}.ticker i{font-size:21px}.collection{padding:65px 6vw 65px;scroll-margin-top:77px}.collection-head{display:block;padding-bottom:30px}.collection-head>.mono{margin-bottom:25px;padding-top:0}.collection-head h2{font-size:16vw;line-height:.86}.collection-head>div{margin-top:25px}.collection-head>div p{font-size:13px;margin-bottom:18px}.coffee-grid{grid-template-columns:1fr;gap:18px}.coffee-card{height:580px}.card-top{left:22px;right:22px;font-size:9px}.card-copy h3{font-size:17vw;line-height:.86}.card-notes{font-size:12px}.sensory{grid-template-columns:1fr;min-height:0}.sensory-image{height:420px}.sensory-image img{width:120%;height:110%;left:-10%;top:-5%}.sensory-copy{padding:50px 6vw 60px}.sensory-copy h2{font-size:14.4vw;line-height:.9;margin:28px 0}.sensory-copy>p:not(.mono){font-size:13px}.sensory-line{margin-top:35px}.ritual{padding:65px 6vw;scroll-margin-top:77px}.ritual-title{display:block;margin-bottom:30px}.ritual-title>.mono{margin-bottom:25px;padding:0}.ritual-title h2{font-size:16vw}.ritual-title>p:last-child{font-size:13px;margin-top:25px}.ritual-layout{grid-template-columns:1fr;gap:30px}.ritual-photo{height:460px}.ritual-caption{left:24px;bottom:24px}.ritual-caption strong{font-size:37px}.ritual-options>button{min-height:103px;padding:22px 8px;gap:12px}.ritual-options>button.active{padding:22px 15px}.ritual-options>button>span:nth-child(2){font-size:27px}.ritual-options small{font-size:11px}.ritual-result p{font-size:13px}.closing{padding:60px 6vw}.closing h2{font-size:19.3vw;line-height:.83;margin:35px 0}.closing>div{display:block;font-size:12px}.closing .button{margin-top:20px;width:100%}footer{padding:35px 6vw;flex-wrap:wrap;gap:25px}footer img{width:85px;height:56px}footer p{margin:0;width:100%;order:2;font-size:8px!important}footer>a:last-child{margin-left:auto}dialog{width:94vw;height:92svh;overflow-y:auto;overscroll-behavior:contain}dialog[open]{display:block}.detail-photo{height:330px}.dialog-close{top:12px;right:12px}.detail-content{padding:30px 25px 35px;overflow:visible}.detail-content h2{font-size:54px;margin:20px 0}.detail-description{font-size:13px}.detail-notes{margin:22px 0}.taste-scales{margin:22px 0}}
@media(max-width:380px){.site-head nav>a:first-child{display:none}.hero-copy h1{font-size:16vw}.coffee-card{height:530px}.ritual-options>button>span:nth-child(2){font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{transform:none}.hero-image img{will-change:auto}.sensory-image img{will-change:auto}}
.site-head.solid{background:var(--green)}
@media(prefers-reduced-motion:reduce){.hero-scroll{height:100svh}.macro-scene{display:none}.sensory-copy h2 span{opacity:1}.hero-image img{transform:none!important}}
@media(min-width:701px){.macro-scene>img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%);mask-image:linear-gradient(90deg,transparent,#000 20%)}}
dialog{margin:auto}
@media(max-width:700px){.site-head{grid-template-columns:auto 1fr;gap:20px}.site-head nav{white-space:nowrap;gap:17px}.site-head .nav-cta{font-size:9px}.card-copy h3{font-size:15.5vw}}
@media(max-width:700px){.macro-copy h2 br:nth-child(2){display:initial}.macro-scene>img{top:17%;height:48%;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,transparent,#000 9%,#000 88%,transparent);mask-image:linear-gradient(180deg,transparent,#000 9%,#000 88%,transparent)}}
@media(max-width:700px){.dialog-close{position:fixed;top:calc(4svh + 12px);right:calc(3vw + 12px)}}
@media(max-width:700px){.collection-head h2,.ritual-title h2{font-size:15.2vw}.card-copy h3{font-size:clamp(40px,calc(17vw - 9px),70px)}}