:root{--cream: #f7f3ec;--bone: #ede7da;--warm-white: #f9f6f1;--accent: #b5895f;--accent-light: #d4aa7d;--accent-dark: #8a6340;--espresso: #1a1007;--roast: #2c1a0a;--roast-mid: #3d2410;--ash: #a9977e;--smoke: #7a6c5c;--line: rgba(181,137,95,.18);--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--espresso)}body{background:var(--espresso);color:var(--bone);font-family:var(--font-body);-webkit-font-smoothing:antialiased;cursor:none;overflow-x:hidden;overflow-y:auto}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--espresso)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:translateY(0)}a{color:inherit;text-decoration:none}section{padding:clamp(80px,12vw,160px) clamp(22px,6vw,96px)}.eyebrow{font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--accent)}*{cursor:none!important}.cur-ring{position:fixed;top:0;left:0;z-index:9999;width:38px;height:38px;border:1.5px solid var(--accent);border-radius:50%;margin:-19px 0 0 -19px;pointer-events:none;will-change:transform;transition:width .2s,height .2s,margin .2s,border-color .2s;mix-blend-mode:normal}.cur-dot{position:fixed;top:0;left:0;z-index:10000;width:6px;height:6px;background:var(--accent);border-radius:50%;margin:-3px 0 0 -3px;pointer-events:none;will-change:transform}.cur-ring.big{width:60px;height:60px;margin:-30px 0 0 -30px;border-color:var(--accent-light)}.pre{position:fixed;inset:0;z-index:500;background:var(--roast);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.pre.gone{pointer-events:none}.pre-logo{font-family:var(--font-display);font-size:28px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-light)}.pre-count{font-family:var(--font-display);font-size:clamp(72px,14vw,160px);font-weight:400;color:var(--cream);line-height:1;font-variant-numeric:tabular-nums}.pre-rail{width:min(44vw,360px);height:1px;background:#f2e1c426;position:relative;overflow:hidden}.pre-rail i{position:absolute;inset:0 100% 0 0;background:linear-gradient(90deg,var(--accent),var(--accent-light))}.pre-lbl{font-size:10px;letter-spacing:.38em;text-transform:uppercase;color:var(--smoke)}.curtain{position:fixed;left:0;width:100%;height:50%;background:var(--roast);z-index:499;will-change:transform}.curtain.top{top:0}.curtain.bot{bottom:0}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,72px);height:72px;transition:background .4s,backdrop-filter .4s}nav.scrolled{background:#1a1007e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-brand{font-family:var(--font-display);font-size:22px;font-weight:400;letter-spacing:.06em;color:var(--cream)}.nav-links{display:flex;align-items:center;gap:clamp(22px,3vw,44px);list-style:none}.nav-links a{font-size:13px;letter-spacing:.06em;color:var(--ash);transition:color .25s}.nav-links a:hover{color:var(--cream)}.nav-cta{padding:11px 26px;border-radius:44px;border:1px solid var(--accent);background:transparent;color:var(--accent)!important;font-size:12px!important;letter-spacing:.1em!important;font-weight:600;text-transform:uppercase;transition:background .25s,color .25s!important}.nav-cta:hover{background:var(--accent)!important;color:var(--espresso)!important}#hero{position:relative;height:100vh;min-height:700px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:var(--espresso)}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 60%,var(--roast-mid) 0%,var(--espresso) 70%)}.badge-wrap{position:absolute;width:min(72vw,620px);height:min(72vw,620px);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.badge-svg{overflow:visible;width:100%;height:100%}.ring-outer{animation:rotCW 22s linear infinite;transform-box:fill-box;transform-origin:center}.ring-inner{animation:rotCCW 14s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes rotCW{to{transform:rotate(360deg)}}@keyframes rotCCW{to{transform:rotate(-360deg)}}.centre-glow{animation:glowPulse 3.5s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.08}50%{opacity:.22}}.tick{stroke:#f2e1c41a;stroke-width:1}.hero-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}.hero-eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--accent);font-weight:500}.hero-display{font-family:var(--font-display);font-size:clamp(64px,12vw,160px);font-weight:400;letter-spacing:-.02em;line-height:.92;color:var(--cream)}.hero-tagline{font-size:clamp(13px,1.4vw,17px);letter-spacing:.06em;color:var(--ash);max-width:44ch;line-height:1.6}.hero-cta{display:inline-flex;align-items:center;gap:10px;margin-top:10px;padding:16px 38px;border-radius:48px;background:var(--accent);color:var(--espresso)!important;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--accent);will-change:transform;transition:background .25s,box-shadow .25s}.hero-cta:hover{background:var(--accent-light);box-shadow:0 0 36px #b5895f73}.scroll-cue{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--smoke)}.scroll-cue .arrow{width:1px;height:42px;background:linear-gradient(to bottom,var(--accent),transparent);animation:arrowFade 2s ease-in-out infinite}@keyframes arrowFade{0%,to{opacity:.4;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1)}}#statement{background:var(--roast);position:relative;overflow:hidden}#statement:before{content:"";position:absolute;inset:0;background:radial-gradient(50% 100% at 20% 50%,rgba(181,137,95,.1),transparent 60%);pointer-events:none}.statement-inner{max-width:1200px;margin:0 auto}.statement-headline{font-family:var(--font-display);font-size:clamp(36px,6vw,82px);font-weight:400;line-height:1.08;letter-spacing:-.02em;color:var(--cream);max-width:18ch}.statement-headline em{font-style:italic;color:var(--accent-light)}.statement-body{margin-top:34px;font-size:clamp(15px,1.4vw,18px);line-height:1.78;color:var(--ash);max-width:58ch}.statement-divider{width:60px;height:1px;background:var(--accent);margin:38px 0}#the-roasts{background:var(--espresso);position:relative}.roasts-inner{max-width:1300px;margin:0 auto}.section-header{text-align:center;margin-bottom:clamp(44px,6vw,80px)}.section-heading{font-family:var(--font-display);font-size:clamp(32px,5vw,64px);font-weight:400;letter-spacing:-.02em;color:var(--cream);margin-top:12px}.roasts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:960px){.roasts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.roasts-grid{grid-template-columns:1fr}}.roast-card{border-radius:16px;overflow:hidden;background:var(--roast);border:1px solid var(--line);position:relative;transition:transform .35s cubic-bezier(.22,.7,.3,1),box-shadow .35s}.roast-card:hover{transform:translateY(-6px);box-shadow:0 32px 64px #0000008c}.roast-img-wrap{position:relative;height:240px;overflow:hidden}.roast-img-wrap img{width:100%;height:100%;object-fit:cover;filter:brightness(.78) saturate(1.1);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.roast-card:hover .roast-img-wrap img{transform:scale(1.07)}.roast-badge{position:absolute;top:14px;right:14px;padding:4px 12px;border-radius:20px;background:#1a1007b8;border:1px solid var(--accent);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.roast-copy{padding:22px}.roast-name{font-family:var(--font-display);font-size:20px;font-weight:400;color:var(--cream);line-height:1.2}.roast-origin{margin-top:5px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--smoke)}.roast-notes{margin-top:14px;font-size:13.5px;line-height:1.62;color:var(--ash);font-style:italic;border-top:1px solid var(--line);padding-top:14px}#offer{background:var(--roast);position:relative}.offer-inner{max-width:1300px;margin:0 auto}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px;perspective:1400px}@media(max-width:860px){.offer-grid{grid-template-columns:1fr}}.ocard{position:relative;border-radius:20px;overflow:hidden;height:480px;transform-style:preserve-3d;transition:transform .14s cubic-bezier(.22,.61,.36,1);will-change:transform;box-shadow:0 40px 80px #0009;border:1px solid var(--line)}.ocard .oimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72) saturate(1.1);transform:translateZ(0)}.ocard .oscrim{position:absolute;inset:0;background:linear-gradient(200deg,#1a100700 30%,#1a1007e0);transform:translateZ(1px)}.ocard .oedge{position:absolute;inset:0;border-radius:20px;border:1px solid rgba(242,225,196,.12);box-shadow:inset 0 1px #f2e1c429;transform:translateZ(2px)}.ocard .oglare{position:absolute;inset:0;border-radius:20px;transform:translateZ(3px);opacity:0;mix-blend-mode:overlay;pointer-events:none;background:radial-gradient(38% 50% at var(--gx,50%) var(--gy,50%),rgba(242,225,196,.9),rgba(242,225,196,0) 60%);transition:opacity .2s}.ocard .ocopy{position:absolute;left:26px;right:26px;bottom:26px;transform:translateZ(60px)}.ocard .ocopy .ok{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.ocard .ocopy .ot{font-family:var(--font-display);font-size:32px;font-weight:400;color:var(--cream);margin-top:6px;letter-spacing:-.01em}.ocard .ocopy .od{margin-top:12px;font-size:14px;line-height:1.6;color:var(--ash);max-width:30ch}.ocard .ocopy .octa{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:12px 24px;border-radius:40px;border:1px solid rgba(242,225,196,.3);color:var(--cream);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;background:#f2e1c40f;transition:background .25s,border-color .25s}.ocard .ocopy .octa:hover{background:#b5895f33;border-color:var(--accent)}#work{background:var(--espresso);position:relative}.work-inner{max-width:1300px;margin:0 auto}.work-filters{display:flex;gap:12px;margin-top:42px;flex-wrap:wrap}.work-filters button{padding:10px 24px;border-radius:34px;border:1px solid var(--line);background:transparent;color:var(--ash);font:inherit;font-size:13px;letter-spacing:.06em;text-transform:capitalize;cursor:none;transition:all .25s;will-change:transform}.work-filters button.on{border-color:var(--accent);background:var(--accent);color:var(--espresso);font-weight:600}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}@media(max-width:960px){.work-grid{grid-template-columns:repeat(2,1fr)}}.wcell{position:relative;height:28vh;min-height:220px;border-radius:14px;overflow:hidden;will-change:transform,opacity;box-shadow:0 20px 44px #00000073;border:1px solid var(--line)}.wcell.hide{display:none}.wcell img{width:100%;height:100%;object-fit:cover;filter:saturate(1.1) brightness(.88);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.wcell:hover img{transform:scale(1.07)}.wcell .wsc{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(26,16,7,.88) 100%)}.wcell .wlab{position:absolute;left:16px;bottom:14px}.wcell .wlab .wt{font-family:var(--font-display);font-size:17px;color:var(--cream)}.wcell .wlab .ws{font-size:11px;color:var(--ash);letter-spacing:.04em;margin-top:2px}.wcell .wroast{position:absolute;top:12px;right:12px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);background:#1a1007b8;padding:4px 10px;border-radius:20px;border:1px solid var(--line)}#proof{background:var(--roast);position:relative;overflow:hidden}.proof-inner{max-width:1300px;margin:0 auto}.cf-scene{position:relative;margin-top:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1300px;perspective-origin:50% 46%}.cf-track{position:relative;width:100%;height:380px;transform-style:preserve-3d;display:flex;align-items:center;justify-content:center}.cf-card{position:absolute;width:280px;height:360px;border-radius:16px;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.25,.46,.45,.94),box-shadow .55s,filter .55s;cursor:none;user-select:none;will-change:transform}.cf-card img{width:100%;height:100%;object-fit:cover;border-radius:16px;pointer-events:none;border:1px solid var(--line)}.cf-card:after{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(180deg,transparent 30%,rgba(26,16,7,.9) 100%);pointer-events:none}.cf-quote{position:absolute;bottom:24px;left:16px;right:16px;z-index:2;pointer-events:none}.cf-quote-text{font-family:var(--font-display);font-size:14px;font-style:italic;color:var(--cream);line-height:1.5;opacity:0;transition:opacity .4s}.cf-quote-author{font-size:11px;letter-spacing:.1em;color:var(--accent);margin-top:8px;opacity:0;transition:opacity .4s .1s}.cf-card.active .cf-quote-text,.cf-card.active .cf-quote-author{opacity:1}.cf-card-name{position:absolute;top:16px;left:16px;right:16px;z-index:2;pointer-events:none;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-light);opacity:0;transition:opacity .4s}.cf-card.active .cf-card-name{opacity:1}.cf-floor{width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(181,137,95,.25),transparent);margin-bottom:0}.cf-reflection-wrap{position:relative;width:100%;height:100px;overflow:hidden;margin-top:4px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.45) 0%,transparent 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.45) 0%,transparent 100%);perspective:1300px;perspective-origin:50% 0%;pointer-events:none}.cf-reflection{position:relative;width:100%;height:360px;transform:scaleY(-1) translateY(-100px);transform-style:preserve-3d;display:flex;align-items:center;justify-content:center;filter:blur(1px) brightness(.35)}.cf-dots{display:flex;gap:8px;margin-top:24px;z-index:10;position:relative}.cf-dot{width:6px;height:6px;border-radius:50%;background:#f2e1c433;transition:background .3s,transform .3s;cursor:none}.cf-dot.active{background:var(--accent);transform:scale(1.5)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:1300px;margin:72px auto 0;border-top:1px solid var(--line);padding-top:56px}@media(max-width:860px){.stats-row{grid-template-columns:repeat(2,1fr);row-gap:42px}}.stat .sn{font-family:var(--font-display);font-weight:400;color:var(--cream);font-size:clamp(38px,5vw,62px);line-height:1}.stat .sn u{font-style:normal;font-size:.42em;color:var(--accent);margin-left:4px;letter-spacing:.02em}.stat .sl{margin-top:12px;font-size:12.5px;letter-spacing:.04em;color:var(--smoke);max-width:22ch}#contact{background:var(--espresso);position:relative;overflow:hidden}#contact:before{content:"";position:absolute;inset:0;background:radial-gradient(50% 70% at 50% 0%,rgba(181,137,95,.12),transparent 65%);pointer-events:none}.contact-inner{position:relative;max-width:1300px;margin:0 auto;text-align:center}.contact-inner h2{font-family:var(--font-display);font-size:clamp(34px,5.5vw,76px);font-weight:400;letter-spacing:-.02em;color:var(--cream);line-height:1.04;margin-top:14px}.contact-inner p{margin:22px auto 40px;font-size:16px;line-height:1.7;color:var(--ash);max-width:52ch}.contact-cta{display:inline-flex;align-items:center;gap:10px;padding:18px 44px;border-radius:48px;background:var(--accent);color:var(--espresso);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--accent);will-change:transform;transition:background .25s,box-shadow .25s}.contact-cta:hover{background:var(--accent-light);box-shadow:0 0 40px #b5895f66}.contact-meta{margin-top:56px;display:flex;justify-content:center;gap:48px;flex-wrap:wrap;font-size:13.5px;color:var(--ash)}.contact-meta span{color:var(--smoke);display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:7px}footer{background:var(--roast);border-top:1px solid var(--line);padding:72px clamp(22px,6vw,96px) 40px}.foot-grid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:46px}@media(max-width:860px){.foot-grid{grid-template-columns:1fr 1fr;gap:34px}}.foot-brand-name{font-family:var(--font-display);font-size:26px;color:var(--cream);font-weight:400;letter-spacing:.04em}.foot-brand p{margin-top:16px;font-size:13.5px;line-height:1.72;color:var(--smoke);max-width:34ch}.fcol h4{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}.fcol a{display:block;font-size:13.5px;color:var(--ash);margin-bottom:11px;transition:color .25s}.fcol a:hover{color:var(--cream)}.fine{max-width:1300px;margin:56px auto 0;padding-top:24px;border-top:1px solid var(--line);font-size:12px;color:var(--smoke);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}