@font-face{font-family:"Bronco";src:url("fonts/Bronco.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Extra Old";src:url("fonts/ExtraOld.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --black:#000;--char:#161311;--bone:#fff;--smoke:#b9b2aa;--line:rgba(255,255,255,.14);
  --orange:#FA7100;--coral:#FA472E;--red:#F82127;--cream:#FADDB1;
  --head:"Bronco",Impact,"Arial Narrow",sans-serif;
  --eo:"Extra Old",Rockwell,Georgia,serif;
  --script:"Lobster","Brush Script MT",cursive;
  --pad:clamp(20px,5vw,72px);
  box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
/* The brand lives on black, so both schemes resolve to the same tokens. */
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--black:#000;--bone:#fff}}
:root[data-theme="dark"]{--black:#000;--bone:#fff}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--black);color:var(--bone);font-family:var(--eo);letter-spacing:.01em;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.star{display:inline-block;width:.8em;height:.8em;vertical-align:-.05em;flex:none}
.skip{position:absolute;left:-999px;top:0;background:var(--orange);color:#000;padding:10px 16px;z-index:100}
.skip:focus{left:10px;top:10px}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:calc(env(safe-area-inset-top,0px) + 14px) var(--pad) 14px;display:flex;align-items:center;justify-content:space-between;transition:background .4s}
.nav.solid{background:rgba(0,0,0,.86);backdrop-filter:blur(8px)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;background:transparent;padding:0}
.brand svg{width:78px;height:auto}
.links{display:flex;gap:28px;align-items:center;font-size:13px;letter-spacing:.1em}
.links a{text-decoration:none;opacity:.85}.links a:hover{opacity:1;color:var(--orange)}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 28px;border-radius:999px;font-family:var(--eo);font-size:20px;letter-spacing:.08em;text-decoration:none;border:0;cursor:pointer;transition:transform .2s,background .2s,color .2s}
.btn:hover{transform:translateY(-2px)}
.btn-o{background:var(--orange);color:#000}
.btn-w{border:2px solid var(--bone);color:var(--bone);background:transparent}
.btn-w:hover{background:var(--bone);color:#000}
.btn-k{background:#000;color:var(--bone)}
@media (max-width:820px){.links a:not(.btn){display:none}}

/* COUNTER */
.counter{position:fixed;right:var(--pad);bottom:calc(env(safe-area-inset-bottom,0px) + 18px);z-index:40;font-family:var(--head);font-size:15px;letter-spacing:.08em;mix-blend-mode:difference;color:#fff}
.counter b{font-weight:400;color:#fff}

/* HERO */
.hero{position:relative;min-height:100vh;height:auto;display:flex;align-items:flex-end;overflow:hidden;padding-top:230px;box-sizing:border-box}
.hero .bg{position:absolute;inset:0;background:#000 url("img/hero.jpg") center 42%/cover;transform:scale(1.08);animation:heroZoom 14s ease-out forwards;filter:contrast(1.18) saturate(1.28) brightness(.9)}
@keyframes heroZoom{to{transform:scale(1)}}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.55) 34%,rgba(0,0,0,.4) 58%,#000 100%)}
.hero-in{position:relative;z-index:2;width:100%;padding:0 var(--pad) clamp(70px,10vh,120px)}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.14em;color:var(--orange);margin-bottom:18px;text-shadow:0 2px 14px #000}
.hero h1{margin:0;font-family:var(--eo);font-weight:400;font-size:clamp(52px,10.5vw,176px);line-height:.92;text-transform:uppercase}
.hero h1 .ln{display:block;overflow:hidden;padding:.02em 0 .1em;margin-bottom:-.1em}
.hero h1 .ln span{display:block;transform:translateY(105%);animation:up 1.1s cubic-bezier(.2,.7,.1,1) forwards}
.hero h1 .ln:nth-child(2) span{animation-delay:.12s}.hero h1 .ln:nth-child(3) span{animation-delay:.24s}
@keyframes up{to{transform:none}}
.hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:22px;flex-wrap:wrap}
.hero .script{font-family:var(--script);font-size:clamp(26px,3vw,44px);color:var(--orange)}
.fade-in{opacity:0;animation:fi 1s ease .8s forwards}@keyframes fi{to{opacity:1}}
.cues{display:flex;gap:12px;flex-wrap:wrap}
.scroll-cue{display:none}
.scroll-cue i{width:1px;height:34px;background:linear-gradient(var(--orange),transparent);animation:cue 1.8s infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* SECTION LABEL */
.label{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.16em}
.label .n{font-family:var(--head);font-size:16px}

/* PICKER */
.picker{position:relative;min-height:100vh;padding:120px var(--pad) 90px;background:var(--orange);color:#000;transition:background-color .7s cubic-bezier(.4,0,.2,1);display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(30px,5vw,80px);align-items:center}
.picker h2{font-family:var(--eo);font-weight:400;font-size:clamp(46px,7vw,112px);line-height:.9;margin:18px 0 26px;text-transform:uppercase}
.sw{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.sw button{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 18px 6px 6px;border-radius:999px;border:2px solid #000;background:transparent;font-family:var(--eo);font-size:14px;letter-spacing:.06em;color:#000;cursor:pointer;transition:background .25s,color .25s}
.sw button i{width:38px;height:38px;border-radius:50%;border:2px solid #000;display:block}
.sw button[aria-pressed="true"]{background:#000;color:var(--bone)}
.sw button[aria-pressed="true"] i{border-color:var(--bone)}
.fname{font-family:var(--head);font-size:clamp(54px,8vw,120px);line-height:.88;text-transform:uppercase}
.fdesc{font-family:var(--script);font-size:clamp(24px,2.6vw,38px);margin:4px 0 16px}
.meta{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;font-size:14px;letter-spacing:.04em;max-width:540px;border-top:2px solid #000;padding-top:16px}
.meta dt{opacity:.7}.meta dd{margin:0}
.heat{display:flex;gap:4px}
.card{position:relative;justify-self:center;width:min(100%,520px);aspect-ratio:4/5;border-radius:4px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);transform:rotate(2deg);transition:transform .6s}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s,transform .8s}
.card img.off{opacity:0;transform:scale(1.06)}
.card .tag{position:absolute;left:18px;bottom:18px;right:18px;display:flex;justify-content:space-between;align-items:flex-end;color:var(--bone);font-size:12px;letter-spacing:.14em}
.card .price{font-family:var(--head);font-size:34px}
.pk-foot{grid-column:1/-1;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.14em;border-top:1px solid rgba(0,0,0,.25);padding-top:14px}
@media (max-width:900px){.picker{grid-template-columns:1fr}.card{width:min(100%,420px)}}

/* HORIZONTAL STRIP */
.strip{position:relative;height:400vh}
.strip .pin{position:sticky;top:0;height:100vh;overflow:hidden}
.strip .track{display:flex;height:100%;will-change:transform}
.panel{flex:0 0 100vw;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 var(--pad);color:#000;position:relative}
.panel .big{font-family:var(--head);font-size:clamp(90px,22vw,360px);line-height:.82;text-transform:uppercase}
.panel .s{font-family:var(--script);font-size:clamp(26px,3.4vw,52px);margin-top:10px}
.panel .tl{display:flex;gap:12px;align-items:center;font-size:clamp(13px,1.3vw,18px);letter-spacing:.12em;margin-top:26px}
.panel .corner{position:absolute;left:var(--pad);bottom:28px;font-size:12px;letter-spacing:.16em}
.panel .corner2{position:absolute;right:var(--pad);top:96px;font-family:var(--head);font-size:18px}

/* FAMILY */
.family{position:relative;min-height:170vh;padding:0 var(--pad);overflow:hidden}
.family .center{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2;pointer-events:none}
.family h2{font-family:var(--eo);font-weight:400;font-size:clamp(48px,8.5vw,140px);line-height:.9;margin:16px 0 0;text-transform:uppercase}
.family h2 .o{color:var(--orange)}
.family p{max-width:520px;color:#ddd6ce;font-size:16px;line-height:1.6;margin:22px auto 0}
.float{position:absolute;width:clamp(150px,19vw,290px);border-radius:3px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.9);will-change:transform;z-index:1}
.float img{width:100%;aspect-ratio:4/5;object-fit:cover}
.float figcaption{position:absolute;left:12px;bottom:12px;font-size:18px;letter-spacing:.12em;color:#fff;font-family:"Extra Old",Rockwell,Georgia,serif;text-shadow:0 2px 8px #000}

@media (max-width:700px){
  .float{display:none}
  .family{min-height:auto;padding:110px var(--pad) 80px}
  .family .center{position:relative;height:auto}
  .brand img{width:132px}
  .nav{align-items:center;gap:12px}
  .links .btn{font-size:15px;min-height:46px;padding:0 16px;white-space:nowrap}
}
/* CATERING */
.cater{position:relative;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.cater .ph{position:relative;background:#000 url("img/catering.jpg") center/cover}
.cater .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0) 40%,#000 100%)}
.cater .tx{padding:120px var(--pad) 90px;display:flex;flex-direction:column;justify-content:center}
.cater h2{font-family:var(--eo);font-weight:400;font-size:clamp(46px,6vw,96px);line-height:.9;margin:18px 0 10px;text-transform:uppercase}
.cater .script{font-family:var(--script);font-size:clamp(22px,2.2vw,32px);color:var(--orange);margin-bottom:26px}
.occ{list-style:none;margin:0 0 30px;padding:0;border-top:1px solid var(--line)}
.occ li{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}
.occ .i{font-family:var(--head);font-size:26px;color:var(--orange)}
.occ h3{margin:0 0 4px;font-weight:400;font-size:22px;letter-spacing:.03em}
.occ p{margin:0;color:var(--smoke);font-size:14px;line-height:1.5}
@media (max-width:900px){.cater{grid-template-columns:1fr}.cater .ph{min-height:56vh}.cater .ph::after{background:linear-gradient(180deg,rgba(0,0,0,0) 50%,#000 100%)}}

/* EVENTS: Two-Tone Burn */
.events{position:relative;padding:130px var(--pad) 120px;background:#000}
.events .top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:40px}
.events h2{font-family:var(--eo);font-weight:400;font-size:clamp(44px,6vw,96px);line-height:.9;margin:18px 0 0;text-transform:uppercase}
.ev{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.evc{position:relative;min-height:440px;border-radius:4px;overflow:hidden;display:flex;align-items:flex-end;padding:30px;text-decoration:none}
.evc .im{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s}
.evc:hover .im{transform:scale(1.05)}
.evc::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.9) 100%)}
.evc .in{position:relative;z-index:2}
.evc .d{font-family:var(--head);font-size:18px;color:var(--orange);letter-spacing:.06em}
.evc h3{font-weight:400;font-size:clamp(30px,3.4vw,50px);line-height:.95;margin:8px 0 6px}
.evc p{margin:0;color:#e8dccd;font-size:14px}
@media (max-width:820px){.ev{grid-template-columns:1fr}}

/* NEWSLETTER + FOOTER */
.cta{padding:120px var(--pad);text-align:center;border-top:1px solid var(--line)}
.cta h2{font-family:var(--eo);font-weight:400;font-size:clamp(40px,6vw,92px);line-height:.92;margin:14px 0 10px;text-transform:uppercase}
.cta .script{font-family:var(--script);font-size:clamp(22px,2.4vw,34px);color:var(--orange);margin-bottom:28px}
.form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;max-width:560px;margin:0 auto}
.form label{position:absolute;left:-999px}
.form input{flex:1 1 260px;min-height:52px;border-radius:999px;border:2px solid rgba(255,255,255,.35);background:transparent;color:var(--bone);padding:0 22px;font-family:var(--eo);font-size:15px;letter-spacing:.04em}
.form input::placeholder{color:#8f8880}
.ok{margin-top:14px;font-size:13px;color:var(--orange);min-height:18px;letter-spacing:.06em}
footer{padding:70px var(--pad) calc(env(safe-area-inset-bottom,0px) + 40px);border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px}
footer .em svg{width:180px;height:auto}
footer h4{margin:0 0 12px;font-weight:400;font-size:12px;letter-spacing:.16em;color:var(--orange)}
footer a,footer p{display:block;margin:0 0 8px;text-decoration:none;font-size:14px;color:#ddd6ce}
footer a:hover{color:var(--orange)}
footer .ph{font-family:var(--head);font-size:26px;color:var(--bone)}
.legal{grid-column:1/-1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:11px;letter-spacing:.12em;color:#8f8880;border-top:1px solid var(--line);padding-top:22px}
@media (max-width:820px){footer{grid-template-columns:1fr 1fr}}

/* REVEAL */
.rv{opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.1,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .hero .bg,.hero h1 .ln span,.fade-in,.scroll-cue i{animation:none!important;transform:none!important;opacity:1!important}
  .rv{opacity:1;transform:none;transition:none}
  .strip{height:auto}.strip .pin{position:relative;height:auto}.strip .track{flex-direction:column;transform:none!important}.panel{flex-basis:auto;min-height:70vh;width:100%}
  .float{transform:none!important}
}

html,body{background:#000!important;color:#fff!important}
body,h1,h2,h3,p,a,button,li,dt,dd,.links,.sec-label{font-family:"Extra Old",Rockwell,Georgia,serif!important}
.fname,.panel .big,.price,.ph,.d,.corner2,footer .ph,.counter{font-family:"Bronco",Impact,"Arial Narrow",sans-serif!important}
.script,.fdesc,.panel .s,.hero .script,.cater .script,.cta .script{font-family:"Lobster","Brush Script MT",cursive!important;color:#FA7100!important}
.family,.events,.cta,footer,.cater{background:#000!important;color:#fff!important}
.family h2,.events h2,.cta h2,.cater h2,.hero h1{color:#fff!important;font-family:"Extra Old",Rockwell,Georgia,serif!important}
.family h2 .o,.hero h1 .hot,.evc h3{color:#FA7100!important}
.family p,.cater li,.events p,.evc p{color:#ddd6ce!important}
.cater{display:grid!important;grid-template-columns:1fr 1fr;min-height:100vh;overflow:hidden}
.cater .ph{position:relative;min-height:100%;background:#000}
.cater .ph img{width:100%;height:100%;object-fit:cover;filter:contrast(1.16) saturate(1.3) brightness(.88)}
.cater .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0) 40%,#000 100%)}
.cater .tx{background:#000;color:#fff;position:relative;z-index:1}
@media (max-width:820px){.cater{grid-template-columns:1fr!important}.cater .ph{min-height:46vh}.cater .ph::after{background:linear-gradient(180deg,rgba(0,0,0,0) 40%,#000 100%)}}
.float img{filter:contrast(1.12) saturate(1.22) brightness(.92)}
.evc .im{filter:grayscale(1) contrast(1.45) brightness(.72)}
.evc::before{content:"";position:absolute;inset:0;background:#FA7100;mix-blend-mode:multiply;z-index:1}
body.admin-bar{padding-top:32px!important}
body.admin-bar .nav{top:32px!important}
#wpadminbar{position:fixed!important;top:0;left:0;right:0;z-index:99999;height:32px;overflow:hidden}
@media (max-width:782px){body.admin-bar .nav{top:46px}}
.sec-label{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.16em}
.sec-label .star{width:12px;height:12px}

.brand img{width:259px;height:auto}
footer .em img{width:220px;height:auto}
.cater h2{font-family:var(--eo);font-weight:400;font-size:clamp(44px,6vw,92px);line-height:.9;margin:16px 0 8px;text-transform:uppercase}
.cater .script{font-family:var(--script);font-size:clamp(22px,2.4vw,34px);color:var(--orange);margin:0 0 22px}
.cater ol{list-style:none;margin:0 0 28px;padding:0}
.cater li{border-top:1px solid var(--line);padding:14px 0;font-size:15px;letter-spacing:.04em;color:#ddd6ce}
.cater li strong{display:block;color:#fff;letter-spacing:.12em;font-weight:400;margin-bottom:4px}
.cater .cues{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:820px){.cater{grid-template-columns:1fr}.cater .ph{min-height:42vh}}
.sw button{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border-radius:999px;border:2px solid #000;background:transparent;color:#000;font-family:var(--eo);letter-spacing:.08em;cursor:pointer}
.sw button i{width:14px;height:14px;border-radius:50%;border:2px solid transparent}
.sw button[aria-pressed="true"]{background:#000;color:#fff}
.sw button[aria-pressed="true"] i{border-color:#fff}