:root{
  --red:#d71920;
  --dark:#080808;
  --cream:#fff6e8;
  --muted:#bdb4a8;
  --glass:rgba(255,255,255,.08);
  --line:rgba(255,255,255,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background: radial-gradient(circle at 20% 0%, #581014 0 20%, transparent 38%), radial-gradient(circle at 80% 20%, #191919 0 22%, transparent 42%), var(--dark);
  color:var(--cream);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img,video{max-width:100%;display:block}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.topbar{
  position:sticky;top:0;z-index:10;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px clamp(18px,4vw,60px);
  background:rgba(8,8,8,.72);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line)
}
.brand{font-weight:900;letter-spacing:-.04em;font-size:clamp(20px,3vw,30px)}
.logo{filter:drop-shadow(0 0 12px rgba(215,25,32,.9))}
nav{display:flex;gap:18px;color:var(--muted);font-weight:700;font-size:14px}
nav a:hover{color:#fff}
.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center;min-height:calc(100vh - 74px);padding:54px clamp(18px,4vw,60px)}
.eyebrow{margin:0 0 12px;color:#ffcccb;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900}
h1{font-size:clamp(56px,9vw,132px);line-height:.82;margin:0 0 22px;letter-spacing:-.08em;text-transform:uppercase;max-width:900px;text-shadow:0 10px 40px rgba(215,25,32,.28)}
.sub{font-size:clamp(18px,2.1vw,27px);color:#e9dfd3;line-height:1.35;max-width:700px;margin:0 0 28px}
.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}
.btn{border:0;border-radius:999px;padding:14px 22px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:.2s transform,.2s box-shadow,.2s background}
.btn:hover{transform:translateY(-2px)}
.primary{background:var(--red);color:white;box-shadow:0 12px 38px rgba(215,25,32,.35)}
.ghost{background:var(--glass);border:1px solid var(--line);color:var(--cream)}
.hero-card{position:relative;border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 90px rgba(0,0,0,.5);transform:rotate(1.5deg)}
.hero-card img{width:100%;height:100%;object-fit:cover}
.stamp{position:absolute;right:22px;bottom:22px;border:5px solid var(--red);color:var(--red);font-weight:1000;font-size:clamp(24px,3vw,44px);line-height:.85;text-align:center;transform:rotate(-10deg);padding:10px 14px;border-radius:14px;background:rgba(0,0,0,.38);mix-blend-mode:screen}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 clamp(18px,4vw,60px);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--line)}
.stats div{background:rgba(255,255,255,.05);padding:28px;text-align:center}.stats strong{display:block;font-size:clamp(34px,5vw,74px);line-height:1;color:#fff}.stats span{color:var(--muted);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.ticker{margin:26px 0 0;background:var(--red);color:#fff;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden;padding:12px 0}.ticker div{display:inline-block;animation:ticker 20s linear infinite}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.section{padding:86px clamp(18px,4vw,60px)}.section-head{max-width:760px;margin-bottom:28px}.section h2,.verdict h2{font-size:clamp(38px,6vw,88px);line-height:.9;margin:0 0 18px;letter-spacing:-.07em;text-transform:uppercase}.section p,.verdict p{color:#d8cec1;font-size:18px;line-height:1.5}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.clip-card,.roast-card{background:var(--glass);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 20px 80px rgba(0,0,0,.3)}.clip-card video{width:100%;aspect-ratio:9/16;background:#000;object-fit:contain}.clip-card h3,.clip-card p{padding:0 18px}.clip-card h3{font-size:21px;margin:18px 0 8px}.clip-card p{margin:0 0 20px;color:var(--muted);font-size:15px}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px;align-items:center}.bullets{margin:22px 0 0;padding:0;list-style:none}.bullets li{padding:13px 0;border-bottom:1px solid var(--line);font-weight:800;color:#f1e9dd}.bullets li:before{content:"🍼";margin-right:10px}.image-stack{border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 90px rgba(0,0,0,.45)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.roast-card{padding:24px}.roast-card span{display:inline-grid;place-items:center;width:42px;height:42px;background:var(--red);border-radius:50%;font-weight:1000}.roast-card h3{font-size:25px;margin:18px 0 10px}.roast-card p{font-size:16px;color:var(--muted)}.verdict{text-align:center;padding:100px 18px 120px;background:linear-gradient(180deg,transparent,rgba(215,25,32,.18));}.verdict p{max-width:720px;margin:0 auto 24px}.excuse{min-height:34px;font-weight:900;color:white!important}footer{text-align:center;color:var(--muted);padding:26px;border-top:1px solid var(--line);font-size:14px}
@media (max-width:900px){.hero,.split{grid-template-columns:1fr}.video-grid,.cards,.stats{grid-template-columns:1fr}.hero{min-height:auto}.topbar nav{display:none}.hero-card{transform:none}.section{padding-top:62px}.clip-card video{aspect-ratio:16/9}}