:root{--son: #7a1420;--son-deep: #2a0509;--ink: #160305;--cream: #f0e0be;--cream-dim: #d8c6a6;--gold: #d4ae6a;--matcha: #a9c25a;--serif: "Spectral", Georgia, serif;--sans: "Be Vietnam Pro", system-ui, sans-serif;--ease: cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--son-deep)}body{margin:0;color:var(--cream);font:300 17px/1.7 var(--sans);font-variant-numeric:lining-nums;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit}h1,h2,h3{font-family:var(--serif);font-weight:300;margin:0;text-wrap:balance}h2{font-size:clamp(2.1rem,4.2vw,3.7rem);line-height:1.14;letter-spacing:-.01em}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;left:12px;top:-60px;z-index:50;background:var(--cream);color:var(--ink);padding:8px 14px}.skip:focus{top:12px}.stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;display:block}.stage-static{background:linear-gradient(90deg,#2a050933,#2a0509d9),url(./teapot-BxuXW3bz.webp) left center/cover}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:var(--son-deep);transition:opacity .9s ease .1s,visibility 1s}.loader img{animation:breathe 1.8s ease-in-out infinite}.loader.done{opacity:0;visibility:hidden}@keyframes breathe{50%{opacity:.45;transform:scale(.96)}}.nav{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,4vw,52px);transition:background .35s,backdrop-filter .35s}.nav.solid{background:#1e0407c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:400 1.1rem var(--serif)}.nav nav{display:flex;gap:clamp(16px,2.4vw,34px)}.nav nav a{text-decoration:none;font-size:.9rem;font-weight:400;padding:10px 2px;background:linear-gradient(var(--gold),var(--gold)) 0 85%/0 1px no-repeat;transition:background-size .3s var(--ease)}.nav nav a:hover{background-size:100% 1px}.burger{display:none;width:44px;height:44px;background:none;border:0;cursor:pointer;position:relative;color:var(--cream)}.burger i{position:absolute;left:11px;right:11px;height:1.5px;background:currentColor;transition:transform .25s;top:18px}.burger i+i{top:26px}.burger[aria-expanded=true] i{transform:translateY(4px) rotate(45deg)}.burger[aria-expanded=true] i+i{transform:translateY(-4px) rotate(-45deg)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 30px;background:var(--cream);color:var(--son-deep);font-weight:500;font-size:.95rem;text-decoration:none;border-radius:2px;transition:background .25s,transform .25s var(--ease)}.btn:hover{background:#fff6e0;transform:translateY(-2px)}.btn-sm{min-height:44px;padding:0 20px;font-size:.87rem}.link{text-underline-offset:6px;text-decoration-thickness:1px;font-size:.95rem;padding:12px 0;font-weight:400}.row{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;margin-top:34px}.eyebrow{margin:0 0 16px;color:var(--gold);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500}.hero{min-height:100svh;display:flex;align-items:center;padding:110px clamp(16px,7vw,110px) 90px;position:relative}.hero-copy{max-width:560px;animation:rise 1.2s var(--ease) .5s both}.hero-word{width:min(380px,78vw);height:auto;filter:drop-shadow(0 6px 22px rgba(0,0,0,.4))}.hero h1{font-style:italic;font-size:clamp(2.1rem,4.4vw,3.8rem);line-height:1.15;margin:22px 0 16px;color:#fff3da}.hero p{max-width:45ch;font-size:1.08rem;text-shadow:0 1px 16px rgba(30,4,7,.75)}.cue{position:absolute;left:50%;bottom:22px;translate:-50% 0;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;display:grid;justify-items:center;gap:8px;opacity:.85}.cue i{width:1px;height:36px;background:linear-gradient(var(--cream),transparent);animation:drip 2.2s ease-in-out infinite;transform-origin:top}@keyframes drip{0%{transform:scaleY(0)}55%{transform:scaleY(1)}to{transform:scaleY(1);opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(26px)}}.panel{min-height:118vh;display:flex;align-items:center;padding:100px clamp(16px,7vw,110px)}.panel-right{justify-content:flex-end}.copy{max-width:540px;padding:clamp(24px,3vw,42px);background:linear-gradient(135deg,#1e0407b8,#1e040770);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-left:1px solid rgba(212,174,106,.45)}.copy h2{margin-bottom:22px;font-size:clamp(2rem,3.4vw,3rem)}.copy>p:not(.eyebrow){margin:0 0 14px}.steps,.brew{list-style:none;padding:0;margin:8px 0 0}.steps li,.brew li{display:grid;grid-template-columns:66px 1fr;gap:10px;padding:15px 0;border-top:1px solid rgba(240,224,190,.2)}.steps b,.brew b{font:300 1.45rem/1.3 var(--serif);color:var(--gold);font-variant-numeric:lining-nums}.steps h3,.brew h3{font-size:1.3rem;line-height:1.3;margin-bottom:2px}.steps p,.brew p{margin:0;font-size:.95rem;line-height:1.6;color:var(--cream-dim)}.products{padding:110px clamp(16px,5vw,76px) 130px;background:linear-gradient(transparent,rgba(22,3,5,.5) 8%,rgba(22,3,5,.5) 92%,transparent)}.products-head{max-width:680px;margin:0 auto 54px;text-align:center}.demo-note{margin:14px 0 0;font-size:.86rem;color:var(--cream-dim)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1320px;margin:auto;perspective:1200px}.card{--rx: 0deg;--ry: 0deg;--gx: 50%;--gy: 0%;display:flex;flex-direction:column;background:#300a0e;border:1px solid rgba(212,174,106,.28);transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .35s var(--ease),border-color .3s,opacity .8s var(--ease) var(--d),translate .8s var(--ease) var(--d);position:relative}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(420px circle at var(--gx) var(--gy),rgba(240,224,190,.13),transparent 65%);opacity:0;transition:opacity .3s}.card:hover{border-color:var(--gold)}.card:hover:after{opacity:1}.card-lead{grid-column:span 2;flex-direction:row}.card-lead .card-img{flex:1.15;aspect-ratio:auto}.card-lead .card-body{flex:1;justify-content:center;padding:clamp(24px,3vw,44px)}.card-lead h3{font-size:clamp(2.2rem,3.4vw,3.2rem)}.card-img{position:relative;overflow:hidden;aspect-ratio:4/3;background:#1e0507}.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.card:hover .card-img img{transform:scale(1.05)}.tag{position:absolute;top:14px;left:14px;padding:4px 12px;background:var(--cream);color:var(--son-deep);font-size:.74rem;font-weight:600}.card-body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}.grade{margin:0 0 4px;font-size:.78rem;font-weight:500;letter-spacing:.08em;color:var(--matcha)}.card h3{font-size:1.85rem;line-height:1.2}.note{margin:10px 0 20px;font-size:.94rem;line-height:1.6;color:var(--cream-dim)}.card-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.card-foot strong{display:block;font:400 1.42rem/1.2 var(--serif);font-variant-numeric:lining-nums}.card-foot span{font-size:.8rem;color:var(--cream-dim)}.contact{min-height:112vh;display:flex;justify-content:center;align-items:flex-start;padding:110px 16px 52vh;text-align:center}.contact-box{max-width:680px;width:100%}.contact dl{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:34px 0 0;background:#d4ae6a4d;border:1px solid rgba(212,174,106,.3)}.contact dl div{background:#1e0407c7;padding:16px}.contact dt{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:500}.contact dd{margin:2px 0 0}.contact em{color:var(--cream-dim);font-style:normal;font-size:.94rem}.foot{background:var(--ink);padding:44px clamp(16px,5vw,76px);text-align:center;display:grid;justify-items:center;gap:10px;font-size:.88rem;color:var(--cream-dim)}.foot p{margin:0}.foot details{max-width:760px}.foot summary{cursor:pointer;padding:10px;color:var(--cream)}.foot ul{text-align:left;padding-left:18px}.rv{opacity:0;translate:0 28px;transition:opacity .9s var(--ease) var(--d, 0ms),translate .9s var(--ease) var(--d, 0ms)}.rv.in{opacity:1;translate:0 0}@media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){body{font-size:16px}.brand span{font-size:1rem}.burger{display:block}.nav nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;padding:8px 16px 18px;background:#1e0407f7;display:none}.nav nav.open{display:flex}.nav nav a{padding:12px 0;font-size:1.02rem}.hero{align-items:flex-start;text-align:center;padding:86px 16px 0;min-height:100svh;justify-content:center}.hero-word{margin:auto;width:58vw;max-width:250px}.hero h1{margin:12px 0 8px;font-size:1.95rem}.hero p{font-size:.95rem;margin:0 auto;line-height:1.55}.row{justify-content:center;margin-top:16px}.row .link{display:none}.btn{min-height:46px}.cue{display:none}.panel{min-height:auto;padding:200px 16px 60px}.copy{padding:22px 20px;background:#1e0407cc}.grid{grid-template-columns:1fr;gap:18px}.card-lead{grid-column:auto;flex-direction:column}.card-lead .card-img{aspect-ratio:4/3;flex:none}.card-lead .card-body{padding:22px 24px 24px}.card-lead h3{font-size:2.1rem}.products{padding:70px 16px}.contact{padding:240px 16px 90px;min-height:auto}.contact dl{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.rv{opacity:1;translate:0 0}}
