:root{--ink:#170e09;--paper:#f2e8d8;--cream:#fff6e8;--orange:#e45422;--gold:#d7a441;--line:rgba(23,14,9,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}img{display:block;width:100%;height:100%;object-fit:cover}.topbar{height:72px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:20;background:linear-gradient(to bottom,rgba(16,9,5,.72),transparent);color:white}.brand{display:flex;align-items:center;gap:.7rem;color:inherit;text-decoration:none;font-weight:800;letter-spacing:.12em}.brand i{font-style:normal;width:34px;height:34px;border:1px solid rgba(255,255,255,.7);display:grid;place-items:center}.topbar nav{display:flex;gap:2rem}.topbar nav a{color:inherit;text-decoration:none;font-size:.78rem;letter-spacing:.12em}.hero{height:100svh;min-height:720px;background:var(--ink);color:white;display:grid;grid-template-columns:1.15fr .85fr;position:relative;overflow:hidden}.hero-image{overflow:hidden}.hero-a{grid-row:1}.hero-b{grid-row:1}.hero-image img{filter:saturate(.9) contrast(1.04);transition:transform 1.4s ease}.hero:hover .hero-image img{transform:scale(1.025)}.hero-copy{position:absolute;left:7vw;bottom:8vh;max-width:680px;text-shadow:0 3px 30px rgba(0,0,0,.45)}.kicker,.chapter{font-size:.7rem;letter-spacing:.22em;font-weight:800}.hero h1{font-size:clamp(5rem,10vw,11rem);line-height:.78;letter-spacing:-.08em;margin:1.4rem 0 2rem}.hero h1 em,.toppings h2 em,.sauce h2 em,.ending h2 em{font-family:Georgia,"Songti SC",serif;font-style:italic;color:#ff7142;font-weight:500}.hero-copy>p:not(.kicker){max-width:34rem;font-size:1rem;line-height:1.85}.hero-copy a{display:inline-block;margin-top:1rem;color:white;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:.35rem;font-size:.82rem}.side-note{position:absolute;right:1.5rem;top:50%;writing-mode:vertical-rl;font-size:.7rem;letter-spacing:.25em;color:rgba(255,255,255,.72)}.intro{padding:10vw 5vw;display:grid;grid-template-columns:.3fr .7fr 1.5fr;gap:4vw;align-items:start}.intro h2,.toppings h2,.mix-head h2,.sauce h2,.boil h2,.ending h2{font-size:clamp(3.2rem,7vw,8rem);line-height:.9;letter-spacing:-.07em;margin:.6rem 0 2rem}.intro>div>p{line-height:1.85;max-width:28rem}.duo{display:grid;grid-template-columns:1fr 1fr;gap:1rem;height:72vh;min-height:600px}.duo img{border-radius:180px 180px 14px 14px}.toppings{background:var(--ink);color:var(--cream);padding:9vw 5vw}.section-copy{display:grid;grid-template-columns:.7fr 1.3fr;gap:5vw;align-items:end;margin-bottom:4rem}.section-copy .chapter{grid-column:1/-1;color:var(--gold)}.section-copy h2{margin:0}.section-copy>p:not(.chapter){line-height:1.85;max-width:34rem}.topping-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;height:82vh;min-height:640px}.topping-grid figure,.mix-collage figure{margin:0;overflow:hidden}.topping-grid figure:first-child{border-radius:28px 0 0 28px}.topping-grid figure:last-child{border-radius:0 28px 28px 0}.mixing{padding:10vw 4vw}.mix-head{display:grid;grid-template-columns:.4fr .85fr .75fr;gap:4vw;align-items:end;margin-bottom:4rem}.mix-head .chapter{align-self:start}.mix-head h2{margin:0}.mix-head>p:not(.chapter){line-height:1.85}.mix-collage{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:52vh 52vh;gap:12px}.mix-collage figure{border-radius:18px}.mix-collage .lift{grid-row:span 2}.mix-collage figure:nth-child(4){grid-column:span 2}.sauce{display:grid;grid-template-columns:1.05fr .95fr;min-height:88vh;background:#c95126;color:#fff}.sauce-photo{min-height:88vh}.sauce-copy{padding:7vw 5vw;display:flex;flex-direction:column;justify-content:center}.sauce-copy .chapter{color:#ffd28d}.sauce-copy h2{font-size:clamp(3rem,5.8vw,7rem)}.sauce-copy p:last-child{line-height:1.9;max-width:30rem}.boil{min-height:100svh;position:relative;background:#0d0907;color:white;overflow:hidden}.boil>img{position:absolute;inset:0;filter:brightness(.58) saturate(.65)}.boil:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,5,3,.82),rgba(8,5,3,.08))}.boil-copy{position:relative;z-index:1;padding:18vh 8vw;max-width:650px}.boil-copy p{line-height:1.9;max-width:31rem}.boil-copy span{display:block;margin-top:4rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.35);font-family:Georgia,"Songti SC",serif;font-size:1.35rem}.ending{padding:12vw 7vw;background:var(--cream);text-align:center}.ending>p{font-size:.7rem;letter-spacing:.25em}.ending h2{margin:2rem auto 4rem}.ending a{color:inherit;text-decoration:none;border-bottom:1px solid;padding-bottom:.4rem}footer{padding:2rem 4vw;background:var(--ink);color:rgba(255,255,255,.75);display:flex;justify-content:space-between;font-size:.72rem;letter-spacing:.1em}.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.topbar{height:60px;padding:0 16px}.topbar nav{display:none}.hero{height:auto;min-height:100svh;grid-template-columns:1fr 1fr}.hero-image{height:100svh}.hero-copy{left:20px;right:20px;bottom:7vh}.hero h1{font-size:20vw;margin:1rem 0 1.3rem}.hero-copy>p:not(.kicker){font-size:.9rem;max-width:80%}.side-note{display:none}.intro{padding:72px 16px;grid-template-columns:1fr;gap:20px}.intro h2,.toppings h2,.mix-head h2,.sauce h2,.boil h2,.ending h2{font-size:15vw}.duo{height:auto;min-height:0;gap:8px}.duo img{height:auto;aspect-ratio:3/4;border-radius:90px 90px 12px 12px}.toppings{padding:74px 14px}.section-copy{display:block;margin-bottom:28px}.section-copy h2{margin:1rem 0}.topping-grid{height:auto;min-height:0;grid-template-columns:1fr;gap:10px}.topping-grid figure:first-child,.topping-grid figure:last-child{border-radius:16px}.topping-grid img{height:auto;aspect-ratio:4/5}.mixing{padding:72px 12px}.mix-head{display:block;margin-bottom:28px}.mix-head h2{margin:1rem 0}.mix-collage{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:8px}.mix-collage figure,.mix-collage .lift,.mix-collage figure:nth-child(4){grid-row:auto;grid-column:auto;border-radius:12px}.mix-collage img{height:auto;aspect-ratio:3/4}.sauce{grid-template-columns:1fr;min-height:0}.sauce-photo{min-height:0;height:auto}.sauce-photo img{height:auto;aspect-ratio:3/4}.sauce-copy{padding:58px 20px}.boil{min-height:86svh}.boil-copy{padding:16vh 20px}.boil-copy p{max-width:78%}.ending{padding:86px 20px}footer{padding:24px 18px;gap:18px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-image img{transition:none}}