:root{--bg:#111;--panel:#1b1b1b;--gold:#c89b5b;--text:#f4eee4;--muted:#c7b9a5}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,serif;background:var(--bg);color:var(--text);line-height:1.6}
a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}
header{position:sticky;top:0;background:rgba(17,17,17,.92);backdrop-filter:blur(6px);border-bottom:1px solid #2b2b2b;z-index:10}
.nav{display:flex;justify-content:space-between;align-items:center;padding:.9rem 0}.logo{font-size:1.3rem;font-weight:700}.logo span{color:var(--gold)}
nav{display:flex;gap:1rem}nav a{color:var(--muted)}nav a.active,nav a:hover{color:var(--gold)}.toggle{display:none;background:none;border:0;color:#fff;font-size:1.3rem}
.hero{padding:6rem 0;background:linear-gradient(rgba(9,9,9,.55),rgba(9,9,9,.68)),url('../images/hero.jpg') center/cover no-repeat}.hero h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.1;margin:.4rem 0}
.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;font-size:.8rem}.lead{max-width:620px;color:var(--muted)}
.btn{display:inline-block;background:var(--gold);color:#18130e;padding:.8rem 1.1rem;border-radius:999px;font-weight:700;margin-top:1rem}
.section{padding:4rem 0}.section h2{font-size:2rem;margin:.2rem 0 1rem}.grid{display:grid;gap:1rem}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{background:var(--panel);border:1px solid #2d2d2d;border-radius:14px;padding:1rem}.price{color:var(--gold);font-weight:700}.split{display:grid;grid-template-columns:1.3fr 1fr;gap:1.2rem}
.cta{background:#20170f;border:1px solid #3a2e21;border-radius:16px;padding:1.4rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.quote{font-style:italic;color:var(--muted)}.form input,.form textarea,.form select{width:100%;padding:.75rem;border-radius:8px;border:1px solid #3a3a3a;background:#141414;color:#fff;margin:.25rem 0 .7rem}
.btn,.card{transition:transform .25s ease,box-shadow .25s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(200,155,91,.25)}.card:hover{transform:translateY(-4px);box-shadow:0 16px 28px rgba(0,0,0,.28)}
.card{position:relative;overflow:hidden}.card::after{content:"";position:absolute;top:-120%;left:-35%;width:55%;height:240%;background:linear-gradient(110deg,transparent,rgba(200,155,91,.18),transparent);transform:translateX(-20%) rotate(18deg);opacity:0;transition:transform .7s ease,opacity .7s ease;pointer-events:none}.card:hover::after{opacity:1;transform:translateX(220%) rotate(18deg)}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hero h1,.hero .lead,.hero .btn{animation:fadeUp .8s ease both}.hero .lead{animation-delay:.1s}.hero .btn{animation-delay:.2s}
@keyframes velvetIn{from{opacity:0;transform:translateY(26px) scale(.985);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
.reveal-velvet{opacity:0;transform:translateY(26px) scale(.985);filter:blur(3px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1),filter .8s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform,filter}.reveal-velvet.is-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}
.feature-gif{animation:floatY 6s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.reveal-velvet{opacity:1;transform:none;filter:none}}
footer{padding:2rem 0;border-top:1px solid #2b2b2b;color:var(--muted)}
.visual-pulse{padding-top:1rem}.media-duo{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;align-items:stretch}.media-duo img{width:100%;display:block;border-radius:14px;border:1px solid #3a2d22}.feature-photo{min-height:320px;object-fit:cover;box-shadow:0 16px 40px rgba(0,0,0,.35)}.feature-gif{min-height:320px;object-fit:cover;filter:saturate(1.1)}
@media (max-width:780px){.toggle{display:block}nav{display:none;position:absolute;right:4%;top:58px;background:#171717;border:1px solid #323232;padding:.7rem;border-radius:10px;flex-direction:column}nav.open{display:flex}.split{grid-template-columns:1fr}}

/* Premium differentiation: cinematic warmth + interactive hero glow */
.hero{position:relative;overflow:hidden;--mx:50%;--my:40%}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx) var(--my),rgba(200,155,91,.22),transparent 45%);pointer-events:none;mix-blend-mode:screen;animation:veloraGlow 12s ease-in-out infinite alternate}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 10%,rgba(255,255,255,.04) 30%,transparent 50%,rgba(200,155,91,.06) 75%,transparent);transform:translateX(-120%);animation:veloraSweep 9s ease-in-out infinite;pointer-events:none}
.hero > .container{position:relative;z-index:1}
.card.is-hovered{transform:translateY(-7px) scale(1.01);box-shadow:0 24px 38px rgba(0,0,0,.34)}
.section:nth-of-type(odd) .card{border-color:#3a2f25}
.section:nth-of-type(even) .card{border-color:#2f2922}
@keyframes veloraGlow{0%{filter:blur(0)}50%{filter:blur(1px)}100%{filter:blur(0)}}
@keyframes veloraSweep{0%{transform:translateX(-120%)}55%,100%{transform:translateX(130%)}}
@media (prefers-reduced-motion: reduce){.hero::before,.hero::after{display:none}.card.is-hovered{transform:none;box-shadow:none}}

/* Feature add-ons: rotating hero line + chef's choice spotlight */
.eyebrow{transition:opacity .35s ease,transform .35s ease}
.eyebrow.is-swapping{opacity:.35;transform:translateY(-2px)}
.card.spotlight{border-color:rgba(200,155,91,.82)!important;box-shadow:0 0 0 1px rgba(200,155,91,.4),0 22px 38px rgba(0,0,0,.34)}
.card.spotlight::before{content:attr(data-spot-label);position:absolute;top:.6rem;right:.6rem;background:rgba(200,155,91,.18);border:1px solid rgba(200,155,91,.52);color:#f3dcc0;font-size:.65rem;letter-spacing:.3px;padding:.16rem .45rem;border-radius:999px}
@media (prefers-reduced-motion: reduce){.eyebrow{transition:none}}