:root {
  --ink: #090706;
  --ink-soft: #15100e;
  --wine: #520f18;
  --wine-light: #7d1c28;
  --gold: #cda25e;
  --gold-deep: #9b6c2f;
  --gold-pale: #f2deb6;
  --cream: #f3ede3;
  --muted: #aaa095;
  --line: rgba(242, 222, 182, .18);
  --ease: cubic-bezier(.2, .7, .2, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
section[id] { scroll-margin-top: 85px; }
body {
  margin: 0;
  background: radial-gradient(circle at 92% 18%, rgba(82,15,24,.16), transparent 27%), var(--ink);
  color: var(--cream);
  font-family: "Vazirmatn", Tahoma, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
::selection { color: var(--ink); background: var(--gold-pale); }
h1, h2, h3, .brand small, .hero-rail span, .showcase-seal strong { font-family: "Noto Serif Arabic", "Vazirmatn", serif; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
:where(a, button):focus-visible { outline: 2px solid var(--gold-pale); outline-offset: 4px; }
.grain {
  position: fixed; inset: 0; pointer-events: none; z-index: 20; opacity: .045;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}
.scroll-progress { position: fixed; top: 0; right: 0; left: 0; z-index: 50; height: 2px; pointer-events: none; }
.scroll-progress span { display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: right; background: linear-gradient(90deg, var(--gold-deep), var(--gold-pale), var(--gold)); box-shadow: 0 0 14px rgba(205,162,94,.7); }

.site-header {
  position: fixed; top: 0; right: 0; left: 0; z-index: 40;
  height: 100px; padding: 0 clamp(22px, 5vw, 78px); display: flex; align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.1);
  background: linear-gradient(180deg, rgba(8,6,5,.78), rgba(8,6,5,.12));
  transition: height .35s var(--ease), background .35s, border-color .35s, box-shadow .35s;
}
.site-header.scrolled { height: 78px; background: rgba(10,7,6,.9); border-color: rgba(205,162,94,.24); box-shadow: 0 18px 55px rgba(0,0,0,.28); -webkit-backdrop-filter: blur(18px) saturate(125%); backdrop-filter: blur(18px) saturate(125%); }
.brand { display: inline-flex; align-items: center; gap: 12px; min-width: 220px; }
.brand-mark { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid var(--gold); transform: rotate(45deg); box-shadow: inset 0 0 0 4px rgba(205,162,94,.06), 0 0 22px rgba(205,162,94,.08); transition: .3s; }
.brand:hover .brand-mark { box-shadow: inset 0 0 0 4px rgba(205,162,94,.11), 0 0 28px rgba(205,162,94,.19); }
.brand-mark svg { width: 34px; height: 34px; transform: rotate(-45deg); fill: none; stroke: var(--gold-pale); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.brand > span:last-child { display: flex; flex-direction: column; line-height: 1.05; }
.brand b { font-size: 15px; font-weight: 500; letter-spacing: -.4px; }
.brand small { color: var(--gold); font-weight: 800; font-size: 20px; line-height: 1.25; }
#main-nav { display: flex; gap: clamp(25px, 3vw, 54px); margin: auto; }
#main-nav a { font-size: 13px; color: rgba(255,255,255,.72); transition: .25s; position: relative; }
#main-nav a::after { content: ""; height: 1px; width: 0; position: absolute; right: 0; bottom: -8px; background: var(--gold); transition: .25s; }
#main-nav a:hover { color: #fff; } #main-nav a:hover::after { width: 100%; }
.header-cta { min-width: 220px; text-align: left; color: var(--gold-pale); font-size: 13px; transition: color .25s; }
.header-cta span { display: inline-grid; place-items: center; width: 30px; height: 30px; margin-right: 8px; border: 1px solid var(--gold); border-radius: 50%; }
.header-cta:hover { color: #fff; }
.nav-toggle { display: none; border: 0; color: #fff; background: none; width: 44px; height: 44px; padding: 10px; }
.nav-toggle span { display: block; height: 1px; background: currentColor; margin: 7px 0; transition: .3s; }

.hero { min-height: 880px; height: 100svh; position: relative; display: flex; align-items: center; overflow: hidden; }
.hero-media { position: absolute; inset: 0; background: url("assets/zakariyaei-hero.webp") 38% center / cover no-repeat; transform: scale(1.02); animation: heroIn 1.6s var(--ease) both; }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,8,7,.06) 0%, rgba(10,8,7,.26) 42%, rgba(10,8,7,.94) 80%, #090706 100%), linear-gradient(0deg, rgba(10,8,7,.92), transparent 38%), radial-gradient(circle at 35% 38%, transparent 0 18%, rgba(9,7,6,.24) 70%); }
.hero-frame { position: absolute; z-index: 1; inset: 124px 34px 34px; pointer-events: none; }
.hero-frame i { position: absolute; width: 58px; height: 58px; opacity: .75; }
.hero-frame i:nth-child(1) { top: 0; right: 0; border-top: 1px solid var(--gold); border-right: 1px solid var(--gold); }
.hero-frame i:nth-child(2) { top: 0; left: 0; border-top: 1px solid var(--gold); border-left: 1px solid var(--gold); }
.hero-frame i:nth-child(3) { bottom: 0; right: 0; border-bottom: 1px solid var(--gold); border-right: 1px solid var(--gold); }
.hero-frame i:nth-child(4) { bottom: 0; left: 0; border-bottom: 1px solid var(--gold); border-left: 1px solid var(--gold); }
.hero-signature { position: absolute; z-index: 2; left: 42px; bottom: 190px; margin: 0; writing-mode: vertical-rl; transform: rotate(180deg); color: rgba(242,222,182,.52); font: 500 9px/1.2 Georgia, serif; letter-spacing: .36em; }
.hero-signature span { color: var(--gold); }
.hero-copy { position: relative; z-index: 1; max-width: 630px; margin-right: clamp(28px, 8vw, 130px); margin-top: 55px; }
.eyebrow, .kicker { margin: 0 0 24px; color: var(--gold); font-size: 12px; font-weight: 600; letter-spacing: .06em; }
.eyebrow { display: flex; align-items: center; gap: 12px; }
.eyebrow span { display: block; width: 40px; height: 1px; background: var(--gold); }
.hero h1 { margin: 0; font-size: clamp(64px, 8.5vw, 130px); font-weight: 900; line-height: .88; letter-spacing: -7px; text-shadow: 0 18px 55px rgba(0,0,0,.48); }
.hero h1 em { display: block; margin-top: 15px; color: transparent; -webkit-text-stroke: 1.15px var(--gold-pale); font-style: normal; font-weight: 700; filter: drop-shadow(0 12px 24px rgba(0,0,0,.28)); }
.hero-lead { max-width: 540px; margin: 35px 0 0; color: rgba(255,255,255,.7); font-size: 16px; line-height: 2.1; }
.hero-actions { display: flex; align-items: center; gap: 34px; margin-top: 38px; }
.button { min-height: 56px; display: inline-flex; align-items: center; justify-content: center; padding: 0 28px; font-size: 13px; font-weight: 700; transition: transform .25s, background .25s, color .25s; }
.button:hover { transform: translateY(-3px); }
.button-gold { position: relative; overflow: hidden; border: 1px solid #e2c386; background: linear-gradient(115deg, #a97635, #e3c27e 48%, #b88643); color: #17100a; box-shadow: 0 18px 45px rgba(200,155,84,.22), inset 0 0 0 3px rgba(42,25,10,.08); }
.button-gold::after { content: ""; position: absolute; inset: -30% auto -30% -40%; width: 28%; transform: skewX(-20deg); background: rgba(255,255,255,.28); transition: left .55s var(--ease); }
.button-gold:hover::after { left: 115%; }
.text-link { font-size: 13px; color: #ddd3c6; }
.text-link span { color: var(--gold); margin-right: 8px; }
.hero-stamp { position: absolute; left: clamp(25px, 6vw, 90px); top: 50%; z-index: 1; width: 132px; height: 132px; border: 1px solid rgba(238,215,173,.42); border-radius: 50%; display: grid; place-content: center; text-align: center; transform: translateY(-30%); background: rgba(12,9,8,.32); backdrop-filter: blur(7px); }
.hero-stamp::before, .hero-stamp::after { content: "✦"; position: absolute; color: var(--gold); font-size: 9px; top: 10px; left: 50%; transform: translateX(-50%); }
.hero-stamp::after { top: auto; bottom: 10px; }
.hero-stamp span { font-size: 9px; color: var(--gold-pale); }.hero-stamp b { font-size: 25px; color: var(--gold); }
.hero-rail { position: absolute; z-index: 2; right: 0; bottom: 0; width: min(40%, 590px); height: 96px; display: flex; align-items: center; gap: 20px; padding: 0 clamp(28px, 5vw, 70px); background: var(--cream); color: var(--ink); }
.hero-rail span { font-weight: 900; color: var(--wine); font-size: 20px; }.hero-rail i { height: 1px; flex: 1; background: #b5a999; }.hero-rail p { font-size: 11px; line-height: 1.8; min-width: 90px; }
@keyframes heroIn { from { transform: scale(1.09); opacity: .6; } to { transform: scale(1.02); opacity: 1; } }

.luxury-strip { min-height: 108px; display: grid; grid-template-columns: repeat(4, 1fr); padding: 0 clamp(25px, 8vw, 130px); border-top: 1px solid rgba(205,162,94,.25); border-bottom: 1px solid var(--line); background: linear-gradient(90deg, #0d0a08, #18100d 50%, #0d0a08); }
.luxury-strip > div { display: flex; align-items: center; gap: 17px; padding: 25px clamp(14px, 2vw, 32px); border-left: 1px solid var(--line); }
.luxury-strip > div:first-child { border-right: 1px solid var(--line); }
.luxury-strip span { color: var(--gold); font: 500 10px/1 Georgia, serif; }
.luxury-strip p { margin: 0; display: flex; flex-direction: column; gap: 5px; }
.luxury-strip strong { color: var(--gold-pale); font-size: 12px; font-weight: 600; }
.luxury-strip small { color: #7f766d; font-size: 9px; }

.section-pad { padding-right: clamp(25px, 8vw, 130px); padding-left: clamp(25px, 8vw, 130px); }
.manifesto { min-height: 420px; display: grid; grid-template-columns: .5fr 2.3fr 1fr; gap: 60px; align-items: center; position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(120deg, #f6f0e7, #e8ddcc); color: var(--ink); }
.manifesto::before { content: "ذ"; position: absolute; z-index: -1; left: 7%; top: 50%; transform: translateY(-52%); color: rgba(82,15,24,.045); font: 900 clamp(220px, 28vw, 470px)/1 "Noto Serif Arabic", serif; }
.manifesto::after { content: ""; position: absolute; z-index: -1; inset: 16px; border: 1px solid rgba(82,15,24,.08); pointer-events: none; }
.section-index { align-self: start; margin-top: 100px; color: var(--wine); font-size: 12px; }
.manifesto h2, .section-head h2, .promise h2, .order h2 { margin: 0; font-size: clamp(40px, 5vw, 76px); line-height: 1.16; letter-spacing: -3px; }
.manifesto h2 span { color: var(--wine); }
.manifesto-note { padding-right: 24px; border-right: 1px solid #cfc1ad; font-size: 13px; line-height: 2.1; color: #5f574f; }

.collections { padding-top: 135px; padding-bottom: 150px; position: relative; background: radial-gradient(circle at 15% 22%, rgba(82,15,24,.18), transparent 28%), linear-gradient(180deg, #0a0807, #0d0908 60%, #090706); }
.section-head { display: flex; justify-content: space-between; align-items: end; margin-bottom: 70px; }
.section-head > p { max-width: 370px; color: var(--muted); font-size: 13px; line-height: 2; }
.showcase-browser { margin-bottom: 42px; border: 1px solid rgba(205,162,94,.32); background: #100d0b; box-shadow: 0 48px 120px rgba(0,0,0,.46), 0 0 0 7px rgba(205,162,94,.025); }
.showcase-tabs { min-height: 78px; display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--line); }
.showcase-tab { border: 0; border-left: 1px solid var(--line); padding: 0 24px; display: flex; align-items: center; gap: 14px; color: var(--muted); background: transparent; cursor: pointer; text-align: right; transition: color .25s, background .25s; }
.showcase-tab:last-child { border-left: 0; }
.showcase-tab span { color: var(--gold); font-size: 10px; }
.showcase-tab:hover { color: var(--cream); background: rgba(255,255,255,.025); }
.showcase-tab.active { color: #fff; background: linear-gradient(135deg, var(--wine-light), #421017); box-shadow: inset 0 -2px var(--gold); }
.showcase-tab.active span { color: var(--gold-pale); }
.showcase-stage { min-height: 610px; }
.showcase-panel { min-height: 610px; display: grid; grid-template-columns: 1.25fr .9fr; }
.showcase-panel[hidden] { display: none; }
.showcase-panel.active { animation: panelIn .55s var(--ease) both; }
@keyframes panelIn { from { opacity: .2; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.showcase-visual { min-height: 610px; position: relative; overflow: hidden; background-image: var(--visual-image); background-size: cover; background-repeat: no-repeat; background-position: center; }
.showcase-visual::before { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(8,6,5,.84), transparent 46%), linear-gradient(90deg, transparent 64%, rgba(16,13,11,.82) 100%); }
.showcase-visual::after { content: ""; position: absolute; inset: 22px; border: 1px solid rgba(238,215,173,.16); pointer-events: none; }
.visual-beef { --visual-image: url("assets/showcase-beef.webp"); background-position: 48% center; }
.visual-chicken { --visual-image: url("assets/showcase-chicken.webp"); background-position: 46% center; }
.visual-ready { --visual-image: url("assets/showcase-ready.webp"); background-position: 50% center; }
.visual-food { --visual-image: url("assets/showcase-food.webp"); background-position: 48% center; }
.showcase-seal { position: absolute; z-index: 1; left: 48px; top: 48px; width: 118px; height: 118px; border: 1px solid rgba(238,215,173,.62); border-radius: 50%; display: grid; place-content: center; text-align: center; background: rgba(10,8,7,.55); backdrop-filter: blur(8px); }
.showcase-seal::before, .showcase-seal::after { content: "✦"; position: absolute; left: 50%; transform: translateX(-50%); color: var(--gold); font-size: 8px; }.showcase-seal::before { top: 8px; }.showcase-seal::after { bottom: 8px; }
.showcase-seal small { color: var(--gold-pale); font-size: 8px; }.showcase-seal strong { color: var(--gold); font-size: 21px; line-height: 1.25; }
.showcase-caption { position: absolute; z-index: 1; right: 48px; bottom: 45px; color: rgba(255,255,255,.72); font-size: 11px; }
.showcase-caption::before { content: ""; display: inline-block; width: 42px; height: 1px; margin-left: 12px; vertical-align: middle; background: var(--gold); }
.showcase-details { padding: 64px clamp(34px, 4vw, 68px); display: flex; flex-direction: column; justify-content: center; }
.showcase-details h3 { margin: 0; font-size: clamp(34px, 3.5vw, 54px); line-height: 1.18; letter-spacing: -2px; }
.showcase-details > p:not(.kicker) { margin: 24px 0 30px; color: var(--muted); font-size: 12px; line-height: 2; }
.cut-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.cut-list li { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--line); }
.cut-list li span { font-size: 13px; font-weight: 600; }.cut-list li small { color: var(--muted); font-size: 9px; }
.showcase-action { margin-top: 28px; display: flex; justify-content: space-between; align-items: center; color: var(--gold-pale); font-size: 11px; }
.showcase-action span { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--gold); border-radius: 50%; transition: .25s; }
.showcase-action:hover span { background: var(--gold); color: var(--ink); transform: translateX(-4px); }
.showcase-note { margin: 0; padding: 17px 28px; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; line-height: 1.8; }.showcase-note span { color: var(--gold); margin-left: 8px; }
.collection-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); }
.collection-card { min-height: 495px; padding: 23px; display: flex; flex-direction: column; position: relative; overflow: hidden; border-left: 1px solid var(--line); background: linear-gradient(180deg, rgba(255,255,255,.018), transparent 65%); transition: .5s var(--ease); }
.collection-card:last-child { border-left: 0; }
.collection-card::before { content: ""; position: absolute; inset: 100% 0 0; background: linear-gradient(160deg, var(--wine-light), #380b11); transition: inset .45s var(--ease); }
.collection-card::after { content: ""; position: absolute; inset: 14px; border: 1px solid transparent; pointer-events: none; transition: border-color .4s; }
.collection-card > * { position: relative; z-index: 1; }
.collection-card:hover { transform: translateY(-8px); border-color: transparent; box-shadow: 0 28px 75px rgba(0,0,0,.32); }.collection-card:hover::before { inset: 0; }.collection-card:hover::after { border-color: rgba(242,222,182,.18); }
.card-number { position: absolute !important; top: 16px; right: 16px; z-index: 3 !important; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(242,222,182,.64); background: rgba(9,7,6,.66); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: var(--gold-pale); font: 600 12px/1 Georgia, serif; }
.card-photo { height: 218px; margin: -23px -23px 27px; background-image: var(--card-image); background-position: center; background-size: cover; transition: transform .6s var(--ease), filter .6s var(--ease); }
.card-photo::after { content: ""; position: absolute; inset: 0; border-bottom: 1px solid rgba(205,162,94,.35); background: linear-gradient(0deg, rgba(9,7,6,.45), transparent 50%); }
.card-beef { --card-image: url("assets/showcase-beef.webp"); }
.card-chicken { --card-image: url("assets/showcase-chicken.webp"); }
.card-ready { --card-image: url("assets/showcase-ready.webp"); }
.card-food { --card-image: url("assets/showcase-food.webp"); }
.collection-card:hover .card-photo { transform: scale(1.035); filter: saturate(1.1); }
.collection-card small { color: var(--gold); font-size: 10px; }.collection-card h3 { font-size: 28px; margin: 7px 0 13px; }.collection-card p { margin: 0; color: var(--muted); font-size: 12px; line-height: 2; }
.collection-card a { margin-top: auto; padding-top: 22px; border-top: 1px solid var(--line); font-size: 11px; color: var(--gold-pale); display: flex; justify-content: space-between; }

.journal { min-height: 590px; display: grid; grid-template-columns: 48% 52%; position: relative; overflow: hidden; background: #eee4d4; color: var(--ink); }
.journal-image { min-height: 590px; position: relative; background: linear-gradient(0deg, rgba(9,7,6,.56), transparent 48%), url("assets/showcase-beef.webp") 48% center / cover no-repeat; }
.journal-image::after { content: ""; position: absolute; inset: 25px; border: 1px solid rgba(242,222,182,.4); pointer-events: none; }
.journal-image > span { position: absolute; right: 55px; bottom: 58px; color: var(--gold-pale); font-size: 11px; letter-spacing: .03em; }
.journal-copy { padding: 95px clamp(48px, 8vw, 130px) 100px clamp(48px, 7vw, 110px); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; background: radial-gradient(circle at 95% 5%, rgba(82,15,24,.08), transparent 42%), linear-gradient(120deg, #f6f0e7, #e7dac7); }
.journal-copy h2 { margin: 0; font-size: clamp(42px, 5.5vw, 78px); line-height: 1.18; letter-spacing: -2px; }
.journal-copy h2 em { color: var(--wine); font-style: normal; }
.journal-copy > p:not(.kicker) { max-width: 470px; margin: 27px 0 30px; color: #5c5048; font-size: 13px; line-height: 2.15; }
.journal-link { min-height: 48px; display: inline-flex; align-items: center; gap: 27px; border-bottom: 1px solid var(--wine); color: var(--wine); font-size: 12px; font-weight: 700; transition: gap .25s, color .25s; }
.journal-link:hover { gap: 36px; color: #9b2733; }
.journal-link span { font-size: 18px; }
.journal-index { position: absolute; bottom: 22px; left: 30px; color: rgba(82,15,24,.4); font: 10px/1 Georgia, serif; letter-spacing: .2em; }

.fire-kitchen { min-height: 720px; display: grid; grid-template-columns: 45% 55%; position: relative; overflow: hidden; background: radial-gradient(circle at 18% 45%, #781d29, transparent 42%), linear-gradient(135deg, #540f18, #31090f); border-top: 1px solid rgba(205,162,94,.24); border-bottom: 1px solid rgba(205,162,94,.24); }
.fire-copy { align-self: center; padding-top: 100px; padding-bottom: 150px; z-index: 2; }
.fire-copy h2 { margin: 0; font-size: clamp(56px, 7vw, 100px); line-height: .95; letter-spacing: -5px; }
.fire-copy > p:not(.kicker) { max-width: 490px; margin: 32px 0; color: rgba(255,255,255,.66); line-height: 2.1; font-size: 14px; }
.button-outline { border: 1px solid var(--gold); color: var(--gold-pale); }
.button-outline:hover { background: var(--gold); color: var(--ink); }
.fire-visual { position: relative; overflow: hidden; background: linear-gradient(90deg, rgba(49,9,15,.8), transparent 28%), url("assets/showcase-food.webp") center / cover no-repeat; }
.fire-visual::after { content: ""; position: absolute; inset: 26px 26px 100px; border: 1px solid rgba(242,222,182,.27); pointer-events: none; }
.fire-visual > span { position: absolute; right: 6%; bottom: 126px; color: rgba(255,240,207,.82); font-family: "Noto Serif Arabic", serif; font-size: clamp(42px, 6vw, 88px); font-weight: 800; text-shadow: 0 8px 30px #0b0503; }
.menu-strip { position: absolute; bottom: 0; right: 0; left: 0; height: 76px; display: flex; align-items: center; justify-content: center; gap: clamp(18px, 4vw, 70px); border-top: 1px solid rgba(255,255,255,.15); background: rgba(10,6,5,.6); backdrop-filter: blur(10px); z-index: 3; font-size: 12px; }.menu-strip b { color: var(--gold); }

.promise { padding-top: 150px; padding-bottom: 150px; display: grid; grid-template-columns: 1fr 1.2fr; gap: 12vw; position: relative; background: linear-gradient(115deg, #f7f1e8, #e9decd); color: var(--ink); }
.promise::before { content: ""; position: absolute; inset: 0; opacity: .2; pointer-events: none; background: repeating-linear-gradient(135deg, transparent 0 56px, rgba(82,15,24,.07) 57px, transparent 58px 112px); }
.promise > * { position: relative; }
.promise h2 span { color: var(--wine); }.promise-list { border-top: 1px solid #cfc3b3; }
.promise-list article { display: grid; grid-template-columns: 58px 1fr; gap: 20px; padding: 34px 0; border-bottom: 1px solid #cfc3b3; }
.promise-list article > span { color: var(--wine); font-weight: 800; font-size: 12px; }.promise-list h3 { margin: 0 0 9px; font-size: 18px; }.promise-list p { margin: 0; color: #6c635a; font-size: 12px; line-height: 1.9; }

.order { min-height: 610px; position: relative; overflow: hidden; background: radial-gradient(circle at 18% 75%, rgba(82,15,24,.52), transparent 32%), #100c0a; display: grid; grid-template-columns: 1.2fr 1fr; gap: 10vw; align-items: center; padding-top: 100px; padding-bottom: 100px; }
.order-pattern { position: absolute; inset: 0; opacity: .11; background: repeating-radial-gradient(circle at 15% 80%, transparent 0 19px, var(--gold) 20px 21px, transparent 22px 42px); mask-image: linear-gradient(90deg, #000, transparent 60%); }
.order-copy, .order-options { position: relative; }.order h2 em { color: var(--gold); font-style: normal; }.order-copy > p { max-width: 520px; color: var(--muted); line-height: 2; font-size: 13px; }
.location-link { max-width: 520px; margin-top: 26px; padding: 18px 20px; display: grid; grid-template-columns: 36px 1fr; align-items: center; border: 1px solid rgba(205,162,94,.42); background: linear-gradient(90deg, rgba(205,162,94,.11), rgba(205,162,94,.025)); box-shadow: inset 0 0 0 3px rgba(205,162,94,.025); transition: .25s; }
.location-link:hover { background: rgba(200,155,84,.12); border-color: var(--gold); transform: translateY(-2px); }
.location-link > span { grid-row: 1 / 3; color: var(--gold); font-size: 24px; }
.location-link strong { font-size: 14px; font-weight: 600; }
.location-link small { margin-top: 4px; color: var(--gold); font-size: 10px; }
.order-options { border-top: 1px solid var(--line); }
.order-options > div { display: grid; grid-template-columns: 42px 1fr; padding: 28px 0; border-bottom: 1px solid var(--line); }
.order-options span { color: var(--gold); font-size: 11px; grid-row: 1 / 3; }.order-options strong { font-size: 17px; }.order-options small { margin-top: 7px; color: var(--muted); font-size: 11px; }

footer { min-height: 250px; padding: 60px clamp(25px, 8vw, 130px); display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; position: relative; border-top: 1px solid rgba(205,162,94,.28); background: linear-gradient(180deg, #0a0807, #070504); }
.footer-brand { min-width: 0; }.footer-brand .brand-mark { width: 40px; height: 40px; }.footer-brand .brand-mark svg { width: 27px; height: 27px; }
footer > p { color: var(--muted); font-size: 11px; text-align: center; }.back-top { justify-self: end; font-size: 11px; color: var(--gold); }.copyright { position: absolute; bottom: 25px; right: clamp(25px, 8vw, 130px); color: #6d655e; font-size: 9px; }
footer > p a { display: inline-block; margin-top: 10px; color: var(--gold-pale); border-bottom: 1px solid rgba(205,162,94,.45); }

.article-hero { min-height: 620px; position: relative; display: flex; align-items: flex-end; overflow: hidden; }
.article-hero-image { position: absolute; inset: 0; background: url("assets/showcase-beef.webp") center 46% / cover no-repeat; }
.article-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(9,7,6,.18), rgba(9,7,6,.72) 55%, #090706), linear-gradient(0deg, rgba(9,7,6,.92), transparent 50%); }
.article-hero-copy { position: relative; width: min(100%, 930px); padding: 160px 0 85px; margin-right: clamp(25px, 8vw, 130px); }
.breadcrumbs { display: flex; align-items: center; gap: 10px; margin: 0 0 55px; color: rgba(242,222,182,.7); font-size: 11px; }
.breadcrumbs a:hover { color: #fff; }
.breadcrumbs span:last-child { color: rgba(255,255,255,.5); }
.article-hero .kicker { margin-bottom: 16px; }
.article-hero h1 { margin: 0; font-size: clamp(42px, 5.6vw, 78px); font-weight: 800; line-height: 1.25; letter-spacing: -3px; }
.article-hero h1 em { color: var(--gold-pale); font-style: normal; }
.article-hero-copy > p:last-child { max-width: 700px; margin: 22px 0 0; color: rgba(255,255,255,.72); font-size: 14px; line-height: 2; }
.article-hero-number { position: absolute; bottom: 38px; left: 48px; color: var(--gold-pale); font: 10px/1 Georgia, serif; letter-spacing: .2em; }
.article-layout { display: grid; grid-template-columns: 220px minmax(0, 820px); justify-content: center; gap: clamp(35px, 6vw, 95px); padding: 105px clamp(24px, 7vw, 110px) 130px; background: linear-gradient(125deg, #f5eee4, #e9dece); color: var(--ink); }
.article-aside { align-self: start; position: sticky; top: 115px; display: flex; flex-direction: column; gap: 13px; padding: 24px 0 25px 24px; border-top: 2px solid var(--wine); border-bottom: 1px solid rgba(82,15,24,.24); }
.article-aside > span { margin-bottom: 7px; color: var(--wine); font-size: 12px; font-weight: 800; }
.article-aside a { color: #63584e; font-size: 11px; line-height: 1.6; transition: color .2s, transform .2s; }
.article-aside a:hover { color: var(--wine); transform: translateX(-4px); }
.guide-content { min-width: 0; color: #302721; font-size: 15px; line-height: 2.25; }
.guide-content p { margin: 0 0 22px; }
.guide-content strong { color: var(--wine); }
.guide-content h2 { margin: 54px 0 20px; color: #251914; font-size: clamp(28px, 3vw, 38px); line-height: 1.45; letter-spacing: -1px; scroll-margin-top: 105px; }
.guide-content .guide-intro { margin: 0 0 40px; padding: 0 25px 0 0; border-right: 3px solid var(--gold-deep); color: #332820; font-size: 18px; line-height: 2.15; }
.guide-callout { margin: 35px 0 45px; padding: 25px 30px 10px; border: 1px solid rgba(155,108,47,.4); background: rgba(255,255,255,.4); }
.guide-callout span { color: var(--wine); font-size: 12px; font-weight: 800; }
.guide-callout p { margin-top: 8px; font-size: 13px; }
.guide-table-wrap { overflow-x: auto; border: 1px solid #d6c7b1; }
.guide-table-wrap table { width: 100%; min-width: 620px; border-collapse: collapse; text-align: right; font-size: 12px; line-height: 1.9; }
.guide-table-wrap th { padding: 15px 18px; color: #fff5e6; background: var(--wine); font-weight: 700; }
.guide-table-wrap td { padding: 14px 18px; border-top: 1px solid #dfd2c2; }
.guide-table-wrap tbody tr:nth-child(even) { background: rgba(255,255,255,.35); }
.guide-small { margin-top: 10px !important; color: #75695e; font-size: 11px; }
.guide-checklist { margin: 0; padding: 0; list-style: none; }
.guide-checklist li { position: relative; padding: 14px 34px 14px 0; border-bottom: 1px solid #d9cbbb; font-size: 13px; }
.guide-checklist li::before { content: "✦"; position: absolute; right: 0; top: 14px; color: var(--wine); font-size: 11px; }
.guide-conclusion { margin-top: 65px; padding: 42px 45px 48px; background: var(--wine); color: #f8efe4; }
.guide-conclusion .kicker { color: var(--gold-pale); }
.guide-conclusion h2 { margin: 0 0 18px; color: #fff; font-size: clamp(29px, 3.2vw, 40px); }
.guide-conclusion p { color: rgba(255,255,255,.74); font-size: 13px; }
.guide-conclusion p a { color: var(--gold-pale); border-bottom: 1px solid rgba(242,222,182,.55); }
.guide-conclusion .button { margin-top: 5px; }

.reveal { opacity: 0; transform: translateY(32px); transition: opacity .8s var(--ease), transform .8s var(--ease); }
.reveal.visible { opacity: 1; transform: none; }

@media (max-width: 1050px) {
  .site-header { height: 82px; }.header-cta { min-width: auto; }.header-cta { font-size: 0; }.header-cta span { font-size: 14px; }
  .hero { min-height: 760px; }.hero-copy { margin-right: 6vw; }.hero-stamp { display: none; }
  .luxury-strip { padding-right: 30px; padding-left: 30px; }.luxury-strip > div { padding-right: 16px; padding-left: 16px; }
  .manifesto { grid-template-columns: .3fr 2fr 1fr; gap: 35px; }
  .showcase-panel { grid-template-columns: 1.05fr 1fr; }.showcase-details { padding: 48px 34px; }
  .collection-grid { grid-template-columns: repeat(2, 1fr); }.collection-card { min-height: 460px; }.collection-card:nth-child(2) { border-left: 0; }.collection-card:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .journal-copy { padding-right: 60px; padding-left: 50px; }
  .article-layout { grid-template-columns: 185px minmax(0, 760px); gap: 45px; }
}

@media (max-width: 760px) {
  .site-header { position: fixed; padding: 0 20px; justify-content: space-between; background: linear-gradient(180deg, rgba(8,6,5,.88), transparent); }.site-header.scrolled { height: 70px; background: rgba(9,7,6,.94); }.brand { min-width: 0; }.brand-mark { width: 39px; height: 39px; }.brand-mark svg { width: 28px; height: 28px; }.brand b { font-size: 11px; }.brand small { font-size: 16px; }
  .nav-toggle { display: block; z-index: 3; }.nav-toggle.active span:first-child { transform: translateY(4px) rotate(45deg); }.nav-toggle.active span:last-child { transform: translateY(-4px) rotate(-45deg); }
  #main-nav { position: fixed; inset: 0; background: rgba(11,9,8,.97); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 35px; transform: translateY(-100%); transition: .5s var(--ease); z-index: 2; } #main-nav.open { transform: none; } #main-nav a { font-size: 22px; }.header-cta { display: none; }
  .hero { height: auto; min-height: 800px; align-items: end; padding-bottom: 135px; }.hero-media { background-position: 45% center; }.hero-shade { background: linear-gradient(0deg, #0b0908 6%, rgba(11,9,8,.76) 50%, rgba(11,9,8,.2) 100%); }.hero-frame { inset: 94px 14px 18px; }.hero-frame i { width: 34px; height: 34px; }.hero-signature { display: none; }
  .hero-copy { margin: 0 24px; }.eyebrow { margin-bottom: 18px; }.hero h1 { font-size: clamp(56px, 17vw, 86px); letter-spacing: -5px; }.hero-lead { font-size: 13px; line-height: 1.9; }.hero-actions { gap: 22px; flex-wrap: wrap; }.hero-rail { width: 78%; height: 76px; padding: 0 22px; }
  .luxury-strip { grid-template-columns: repeat(2, 1fr); min-height: 0; padding: 0 14px; }.luxury-strip > div { min-height: 94px; padding: 18px 10px; gap: 10px; border-bottom: 1px solid var(--line); }.luxury-strip > div:nth-child(2n) { border-left: 0; }.luxury-strip > div:nth-last-child(-n+2) { border-bottom: 0; }.luxury-strip strong { font-size: 10px; }.luxury-strip small { font-size: 8px; }
  .section-pad { padding-right: 24px; padding-left: 24px; }.manifesto { min-height: 520px; grid-template-columns: 1fr; gap: 25px; padding-top: 75px; padding-bottom: 75px; }.section-index { margin: 0; }.manifesto h2, .section-head h2, .promise h2, .order h2 { font-size: 44px; letter-spacing: -2px; }.manifesto-note { max-width: 390px; }
  .collections { padding-top: 90px; padding-bottom: 90px; }.section-head { display: block; margin-bottom: 45px; }.section-head > p { margin-top: 24px; }
  .showcase-browser { margin-right: -24px; margin-left: -24px; border-right: 0; border-left: 0; }.showcase-tabs { display: flex; min-height: 66px; overflow-x: auto; scrollbar-width: none; }.showcase-tabs::-webkit-scrollbar { display: none; }.showcase-tab { min-width: 145px; padding: 0 18px; flex: 1 0 auto; white-space: nowrap; }.showcase-stage, .showcase-panel { min-height: 0; }.showcase-panel { grid-template-columns: 1fr; }.showcase-visual { min-height: 410px; background-size: cover; }.showcase-visual::before { background: linear-gradient(0deg, #100d0b 0, rgba(8,6,5,.18) 55%); }.showcase-seal { width: 98px; height: 98px; left: 34px; top: 34px; }.showcase-caption { right: 30px; bottom: 28px; }.showcase-details { padding: 48px 26px 55px; }.showcase-details h3 { font-size: 38px; }.showcase-note { padding: 16px 24px; }
  .collection-grid { grid-template-columns: 1fr; }.collection-card { min-height: 445px; border-left: 0; border-bottom: 1px solid var(--line); }.collection-card:last-child { border-bottom: 0; }.card-photo { height: 215px; }
  .journal { grid-template-columns: 1fr; }.journal-image { min-height: 330px; }.journal-image > span { right: 38px; bottom: 36px; }.journal-copy { padding: 75px 24px 82px; }.journal-copy h2 { font-size: clamp(42px, 11vw, 60px); }.journal-index { left: 22px; bottom: 18px; }
  .fire-kitchen { grid-template-columns: 1fr; min-height: 920px; }.fire-copy { padding-top: 85px; padding-bottom: 70px; }.fire-copy h2 { font-size: 60px; }.fire-visual { min-height: 360px; }.menu-strip { overflow: hidden; justify-content: flex-start; padding: 0 24px; white-space: nowrap; gap: 22px; }
  .promise { grid-template-columns: 1fr; gap: 60px; padding-top: 90px; padding-bottom: 90px; }
  .order { grid-template-columns: 1fr; gap: 60px; padding-top: 90px; padding-bottom: 90px; }
  footer { grid-template-columns: 1fr; gap: 28px; text-align: center; padding-top: 55px; padding-bottom: 75px; }.footer-brand { justify-self: center; }.back-top { justify-self: center; }footer > p { margin: 0; }.copyright { right: 0; width: 100%; text-align: center; }
  .article-hero { min-height: 670px; }.article-hero-image { background-position: 38% center; }.article-hero-shade { background: linear-gradient(0deg, rgba(9,7,6,.96), rgba(9,7,6,.68) 55%, rgba(9,7,6,.18)); }.article-hero-copy { margin: 0 24px; padding: 135px 0 72px; }.breadcrumbs { flex-wrap: wrap; margin-bottom: 46px; }.article-hero h1 { font-size: clamp(36px, 9.5vw, 56px); letter-spacing: -1.5px; }.article-hero-copy > p:last-child { font-size: 12px; }.article-hero-number { left: 24px; bottom: 26px; }
  .article-layout { display: block; padding: 60px 24px 85px; }.article-aside { position: static; flex-direction: row; flex-wrap: wrap; gap: 10px 17px; padding: 20px; margin-bottom: 50px; background: rgba(255,255,255,.28); }.article-aside > span { flex-basis: 100%; }.guide-content { font-size: 13px; line-height: 2.1; }.guide-content .guide-intro { font-size: 16px; }.guide-content h2 { margin-top: 46px; font-size: 29px; }.guide-conclusion { padding: 30px 25px 35px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }.reveal { opacity: 1; transform: none; }
}