:root{--ink:#171714;--paper:#f1f0ea;--white:#fafaf7;--sage:#e2dfda;--red-accent:#c62026;--line:rgba(23,23,20,.18)}
html{scroll-behavior:smooth}.home-page{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',sans-serif;overflow-x:hidden}.home-page *{box-sizing:border-box}.home-page em{font-style:normal}.home-page a{color:inherit;text-decoration:none}.home-page main{overflow:hidden}.section-label{font:400 .65rem/1 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;margin:0}.site-header{height:76px;padding:0 3.2vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:.7rem;font-size:.75rem;font-weight:600}.brand-logo{width:48px;height:48px;display:block;object-fit:contain;mix-blend-mode:multiply}.site-header nav{display:flex;gap:2.6rem;font-size:.7rem}.site-header nav a,.header-cart{position:relative}.site-header nav a:after,.header-cart:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:currentColor;transition:right .3s}.site-header nav a:hover:after,.header-cart:hover:after{right:0}.header-cart{justify-self:end;display:flex;align-items:center;gap:.7rem;font-size:.7rem}.header-cart #cartCount{position:static;padding:0;background:var(--red-accent);color:white;width:22px;height:22px;display:grid;place-items:center;font:500 .6rem 'DM Mono';border-radius:50%}
.hero{height:calc(100svh - 76px);min-height:620px;padding:4vh 3.2vw 6vh;position:relative;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--line)}.hero-kicker{display:flex;justify-content:space-between;font:400 .62rem 'DM Mono';letter-spacing:.08em;text-transform:uppercase}.hero h1{font:400 clamp(5rem,12vw,13.2rem)/.72 'Archivo Black',serif;letter-spacing:-.075em;margin:auto 0 5vh;position:relative;z-index:2}.hero h1 em{font-weight:400;color:var(--red-accent)}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end}.hero-bottom>p{max-width:410px;font-size:.82rem;line-height:1.7;margin:0}.arrow-link{display:inline-flex;justify-content:space-between;gap:3rem;min-width:210px;border-bottom:1px solid currentColor;padding:.6rem 0;font-size:.7rem}.arrow-link span{transition:transform .3s}.arrow-link:hover span{transform:translate(3px,-3px)}.hero-orbit{position:absolute;right:10vw;top:17vh;width:clamp(170px,20vw,280px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:float 7s ease-in-out infinite}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--red-accent);top:12%;left:16%}.hero-orbit:after{width:4px;height:4px;top:79%;left:83%;background:var(--ink)}.hero-orbit span{font:400 clamp(3rem,5vw,5rem) 'Archivo Black'}.hero-orbit small{font:400 .55rem 'DM Mono';letter-spacing:.1em}@keyframes float{50%{transform:translateY(-12px) rotate(3deg)}}
.principles{padding:9rem 3.2vw 10rem;background:var(--white)}.principles-intro{margin:5rem 0 8rem;display:grid;grid-template-columns:minmax(0,2.3fr) minmax(260px,.7fr);gap:4vw;align-items:end}.principles h2,.coffee-head h2,.about h2{font:400 clamp(3.5rem,7vw,7.4rem)/.9 'Archivo Black';letter-spacing:-.055em;margin:0}.principles-intro h2{max-width:1050px}.principles h2 em{color:var(--red-accent);font-weight:400}.principles-intro>p{font-size:.82rem;line-height:1.8;max-width:370px;margin:0}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.principle-grid article{padding:2.2rem 5vw 1rem 0;min-height:220px;border-right:1px solid var(--line)}.principle-grid article+article{padding-left:2rem}.principle-grid article:last-child{border:0}.principle-grid span,.row-index{font:400 .6rem 'DM Mono';opacity:.48}.principle-grid h3{font:400 1.35rem 'Archivo Black';margin:3rem 0 1rem}.principle-grid p{font-size:.7rem;line-height:1.7;opacity:.65;max-width:250px}
.coffee-section{padding:9rem 3.2vw 11rem;background:var(--ink);color:var(--paper)}.coffee-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:6rem}.coffee-head h2{margin-top:2rem}.coffee-head>p{font:300 .65rem/1.7 'DM Mono';opacity:.58;text-align:right}.coffee-list{border-top:1px solid rgba(255,255,255,.25)}.coffee-row{display:grid;grid-template-columns:55px 2fr 1fr 90px 45px;align-items:center;min-height:150px;border-bottom:1px solid rgba(255,255,255,.2);transition:color .3s,padding .3s,background .3s}.coffee-row:hover{background:var(--sage);color:var(--ink);padding:0 1.4rem}.coffee-name h3{font:400 clamp(1.8rem,3vw,3.1rem) 'Archivo Black';margin:0 0 .5rem}.coffee-name p,.origin{font-size:.65rem;opacity:.6}.origin{line-height:1.7;text-transform:uppercase;letter-spacing:.06em}.origin small{font-size:.55rem}.coffee-row strong{font:400 .68rem 'DM Mono';white-space:nowrap}.coffee-row i{font-style:normal;font-size:1.25rem;text-align:right;transition:transform .3s}.coffee-row:hover i{transform:rotate(45deg)}
.coffee-skeleton{min-height:150px;border-bottom:1px solid rgba(255,255,255,.2);display:grid;grid-template-columns:55px minmax(180px,2fr) minmax(100px,1fr);align-items:center;gap:2rem}.coffee-skeleton span{display:block;height:10px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden;position:relative}.coffee-skeleton span:first-child{width:22px}.coffee-skeleton span:nth-child(2){width:min(70%,420px);height:34px;border-radius:2px}.coffee-skeleton span:nth-child(3){width:min(65%,160px)}.catalog-loading .coffee-skeleton span:after{content:'';position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);animation:catalog-shimmer 1.5s ease-in-out infinite}.coffee-skeleton:nth-child(2) span:after{animation-delay:.12s}.coffee-skeleton:nth-child(3) span:after{animation-delay:.24s}.catalog-empty{min-height:150px;margin:0;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);font:300 .72rem/1.7 'DM Mono';opacity:.64}.catalog-error{color:#fff}.coffee-row.is-out{opacity:.5;pointer-events:none}@keyframes catalog-shimmer{to{transform:translateX(110%)}}@media(prefers-reduced-motion:reduce){.catalog-loading .coffee-skeleton span:after{animation:none}}
.quote-band{background:var(--red-accent);color:var(--ink);overflow:hidden;padding:1.5rem 0;border-block:1px solid var(--ink)}.marquee{display:flex;width:max-content;animation:marquee 32s linear infinite}.marquee span{display:block;font:400 1rem 'DM Mono';text-transform:uppercase;white-space:nowrap}@keyframes marquee{to{transform:translateX(-12.5%)}}
.about{padding:10rem 3.2vw 7rem;background:var(--sage)}.about-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:10vw;margin:5rem 0 8rem}.about-copy .lead{font:400 2rem 'Archivo Black';margin:0 0 3rem}.about-copy>p:not(.lead){font-size:.77rem;line-height:1.8;margin:0 0 1.5rem}.company-details{display:grid;gap:.45rem;border-top:1px solid var(--line);padding-top:1.3rem;margin-top:2.5rem;font:400 .58rem 'DM Mono';text-transform:uppercase;letter-spacing:.04em}.arrow-link.dark{margin-top:2rem}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.facts div{padding:3rem 0;border-right:1px solid var(--line);display:flex;align-items:end;gap:1rem}.facts div+div{padding-left:2rem}.facts div:last-child{border:0}.facts strong{font:400 clamp(3rem,6vw,6rem)/.8 'Archivo Black'}.facts span{font:400 .57rem 'DM Mono';text-transform:uppercase;opacity:.6}
.site-footer{background:var(--paper);color:var(--ink);padding:7rem 3.2vw 2rem;display:grid;grid-template-columns:2fr 1fr}.footer-top{display:flex;align-items:flex-end;gap:4rem}.footer-brand{font:400 clamp(4rem,9vw,9rem)/.68 'Archivo Black';letter-spacing:-.07em}.footer-brand em{color:var(--red-accent)}.footer-top p{font-size:.67rem;line-height:1.6}.footer-nav{display:grid;align-content:start;font-size:.68rem}.footer-nav a{padding:.8rem 0;border-bottom:1px solid var(--line)}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:1.5rem;margin-top:8rem;font:400 .57rem 'DM Mono';text-transform:uppercase;letter-spacing:.08em}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.principle-grid .reveal:nth-child(2),.coffee-list .reveal:nth-child(2){transition-delay:.08s}.principle-grid .reveal:nth-child(3),.coffee-list .reveal:nth-child(3){transition-delay:.16s}
@media(max-width:760px){.site-header{height:66px;padding:0 1.1rem;grid-template-columns:1fr 1fr}.site-header nav{display:none}.hero{height:calc(100svh - 66px);min-height:580px;padding:2rem 1.1rem 2.5rem}.hero-kicker span:last-child{display:none}.hero h1{font-size:19vw;line-height:.78;margin-top:auto}.hero-orbit{width:130px;top:17%;right:7%}.hero-bottom{display:block}.hero-bottom>p{max-width:85%;font-size:.72rem}.hero-bottom .arrow-link{margin-top:2rem}.principles,.coffee-section,.about{padding:6rem 1.1rem}.principles-intro{display:block;margin:3rem 0 5rem}.principles-intro>p{margin-top:2rem}.principles h2,.coffee-head h2,.about h2{font-size:14vw}.principle-grid{grid-template-columns:1fr}.principle-grid article,.principle-grid article+article{padding:1.7rem 0;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.principle-grid h3{margin:2rem 0 .7rem}.coffee-head{display:block;margin-bottom:3rem}.coffee-head>p{text-align:left;margin-top:1.5rem}.coffee-row{grid-template-columns:30px 1fr auto;min-height:125px}.coffee-row .origin{grid-column:2;margin-top:.8rem}.coffee-row strong{grid-column:3;grid-row:1}.coffee-row i{display:none}.coffee-row:hover{padding:0 .6rem}.about-grid{display:block;margin:3rem 0 5rem}.about-copy{margin-top:3rem}.facts{grid-template-columns:1fr}.facts div,.facts div+div{padding:1.8rem 0;border-right:0;border-bottom:1px solid var(--line)}.site-footer{display:block;padding:5rem 1.1rem 2rem}.footer-top{display:block}.footer-top p{margin-top:2rem}.footer-nav{margin-top:4rem}.footer-bottom{margin-top:5rem;gap:2rem;line-height:1.5}}
@media(max-width:760px){.coffee-skeleton{min-height:125px;grid-template-columns:30px 1fr;gap:1rem}.coffee-skeleton span:nth-child(2){width:75%}.coffee-skeleton span:nth-child(3){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-orbit,.marquee{animation:none}.reveal{opacity:1;transform:none;transition:none}}
.hero-orbit span{font-size:clamp(2rem,3.7vw,3.8rem)}
.hero-orbit.orbit-stack{gap:.06em;color:var(--ink)}.hero-orbit.orbit-stack span{display:block;font:400 clamp(1.9rem,3.5vw,3.45rem)/.82 'Space Grotesk',sans-serif;letter-spacing:-.055em;color:var(--ink)}.hero-orbit.orbit-stack span:nth-child(2){font-size:clamp(1.1rem,1.7vw,1.6rem);line-height:1}
.hero-orbit-logo{display:block;width:72%;height:72%;object-fit:contain}
.about-grid{grid-template-columns:minmax(0,1.35fr) minmax(360px,1fr);gap:2.5vw}.about-grid h2{font-size:clamp(2.6rem,4.4vw,4.9rem);white-space:nowrap}
@media(max-width:760px){.about-grid h2{font-size:9.5vw;white-space:nowrap}}
.stock-note span{display:block}.stock-note span:first-child{white-space:nowrap}
@media(max-width:760px){.stock-note{font-size:.7rem!important}.stock-note span:first-child{white-space:nowrap}}