/* Ocean West Catering. Palette via Stackwell method, taken from the black and gold logo:
   main D99A2B (gold), accent 13AEA4 (main hue +137.5deg), support DED5C4 (main desaturated ~60%), ink 0E0D0B */
@font-face{font-family:"Big Shoulders Display";font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/big-shoulders-display-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Big Shoulders Display";font-weight:800;font-style:normal;font-display:swap;src:url(../fonts/big-shoulders-display-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Big Shoulders Display";font-weight:900;font-style:normal;font-display:swap;src:url(../fonts/big-shoulders-display-latin-900-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/instrument-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/instrument-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/instrument-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/instrument-sans-latin-700-normal.woff2) format("woff2")}

:root{
  --ink:#0E0D0B;--char:#1A1814;--gold:#D99A2B;--gold-deep:#8B5E0E;--teal:#13AEA4;--lav:#DED5C4;--paper:#F5F4F1;--white:#fff;
  --display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;
  --body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --pad:clamp(20px,4vw,56px);--max:1320px;--bd:2px solid var(--ink);--shadow:5px 5px 0 var(--ink);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--body);font-size:17px;line-height:1.55;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--display);font-weight:900;text-transform:uppercase;line-height:.92;margin:0;letter-spacing:.005em}
p{margin:0 0 1em}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--pad)}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:var(--ink);padding:10px 16px;z-index:200;border:var(--bd);font-weight:700}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;box-shadow:0 0 0 6px var(--ink)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;line-height:1;padding:16px 26px 15px;border:var(--bd);background:var(--gold);color:var(--ink);box-shadow:var(--shadow);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s}
.btn:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}
.btn:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--ink)}
.btn.alt{background:var(--white)}
.btn.dark{background:var(--ink);color:var(--white);border-color:var(--ink);box-shadow:5px 5px 0 var(--gold)}
.btn.dark:hover{box-shadow:2px 2px 0 var(--gold)}
.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:var(--shadow)}
.on-ink .btn,.site-head .btn,.site-foot .btn{box-shadow:none;border-color:transparent}
.on-ink .btn:hover,.site-head .btn:hover,.site-foot .btn:hover{transform:none;background:#fff;box-shadow:none}
.on-ink .btn.alt{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.on-ink .btn.alt:hover{background:#fff;color:var(--ink);border-color:#fff}
.on-ink .btn:active,.site-foot .btn:active{transform:none}

/* header */
.site-head{position:sticky;top:0;z-index:100;background:var(--ink);color:#fff;border-bottom:3px solid var(--gold)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:78px}
.brand img{height:54px;width:auto}
.nav{display:flex;align-items:center;gap:clamp(14px,2.2vw,34px)}
.nav a{font-family:var(--display);font-weight:800;font-size:22px;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;padding:6px 0;border-bottom:3px solid transparent}
.nav a:hover,.nav a[aria-current=page]{border-bottom-color:var(--gold)}
.nav .btn{font-size:20px;padding:12px 18px 11px;color:var(--ink);border-bottom:var(--bd)}
.nav .btn:hover{border-bottom:var(--bd)}
.menu-btn{display:none;background:var(--gold);color:var(--ink);border:0;font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:.06em;padding:12px 16px 10px;cursor:pointer}
@media(max-width:960px){
  .menu-btn{display:block}
  .nav{position:fixed;inset:78px 0 auto 0;background:var(--ink);border-bottom:3px solid var(--gold);flex-direction:column;align-items:stretch;gap:0;padding:8px var(--pad) 24px;transform:translateY(-130%);transition:transform .3s ease;visibility:hidden}
  .nav.open{transform:none;visibility:visible}
  .nav a{font-size:34px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.16)}
  .nav .btn{margin-top:16px;font-size:26px;justify-content:center}
}

/* hero */
.hero{background:var(--ink);color:#fff;position:relative;overflow:hidden;border-bottom:var(--bd)}
.hero-top{position:relative;isolation:isolate;background:var(--ink)}
.hero-slides{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero-slides i{position:absolute;inset:0;background-size:cover;background-position:center 60%;opacity:0;animation:heroFade 30s ease-in-out infinite}
.hero-slides i:nth-child(1){background-image:url("https://images.unsplash.com/photo-1623475173140-ad2f0369ca92?fm=jpg&q=70&w=1800&auto=format&fit=crop");animation-delay:0s}
.hero-slides i:nth-child(2){background-image:url("https://images.unsplash.com/photo-1555244162-803834f70033?fm=jpg&q=70&w=1800&auto=format&fit=crop");animation-delay:6s}
.hero-slides i:nth-child(3){background-image:url("https://images.unsplash.com/photo-1518619745898-93e765966dcd?fm=jpg&q=70&w=1800&auto=format&fit=crop");animation-delay:12s}
.hero-slides i:nth-child(4){background-image:url("https://images.unsplash.com/photo-1751651054934-3fbdf1d54d8b?fm=jpg&q=70&w=1800&auto=format&fit=crop");animation-delay:18s}
.hero-slides i:nth-child(5){background-image:url("https://images.unsplash.com/photo-1483695028939-5bb13f8648b0?fm=jpg&q=70&w=1800&auto=format&fit=crop");animation-delay:24s}
@keyframes heroFade{0%{opacity:0}4%{opacity:1}20%{opacity:1}24%{opacity:0}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.hero-slides i{animation:none}.hero-slides i:first-child{opacity:1}}
.hero-top::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,13,11,.92) 0%,rgba(14,13,11,.72) 55%,rgba(14,13,11,.5) 100%),linear-gradient(180deg,rgba(14,13,11,.35),rgba(14,13,11,.85))}
.hero .wrap{padding-top:clamp(36px,6vw,84px);padding-bottom:0}
.eyebrow{display:inline-block;font-weight:700;font-size:14px;letter-spacing:.16em;text-transform:uppercase;background:var(--gold);color:var(--ink);padding:7px 12px 6px;border:var(--bd);margin-bottom:22px}
.hero h1{font-size:clamp(76px,15.5vw,236px);line-height:.82;letter-spacing:-.005em}
.hero h1 em{font-style:normal;color:var(--gold);display:block}
.hero-row{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,80px);align-items:end;margin-top:clamp(24px,3.5vw,44px);padding-bottom:clamp(30px,4vw,52px)}
.hero-row p{font-size:clamp(18px,1.7vw,22px);max-width:34em;margin:0;color:#E9E4D8}
.hero-cta{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end}
@media(max-width:860px){.hero-row{grid-template-columns:1fr}.hero-cta{justify-content:flex-start}}

/* panels */
.panels{display:flex;height:clamp(420px,62vh,600px);border-top:var(--bd);background:var(--ink)}
.panel{position:relative;flex:1;min-width:0;overflow:hidden;color:#fff;text-decoration:none;border-right:var(--bd);transition:flex .55s cubic-bezier(.2,.8,.2,1);display:block}
.panel:last-child{border-right:0}
.panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease,filter .4s}
.panel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,13,11,.05) 30%,rgba(14,13,11,.88));transition:opacity .4s}
.panel .in{position:absolute;left:0;right:0;bottom:0;padding:clamp(16px,2vw,28px);z-index:2}
.panel h3{font-size:clamp(28px,2.5vw,40px);line-height:.88;transition:font-size .4s}
.panel.is-open h3,.panel:hover h3{font-size:clamp(40px,4.4vw,68px)}
.panel p{margin:10px 0 0;max-width:24em;font-size:16px;opacity:0;max-height:0;overflow:hidden;transition:opacity .35s .1s,max-height .5s}
.panel .go{display:inline-block;margin-top:12px;font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:.06em;text-transform:uppercase;background:var(--gold);color:var(--ink);padding:9px 14px 7px;border:var(--bd);opacity:0;transform:translateY(8px);transition:opacity .3s .15s,transform .3s .15s}
.panel:hover,.panel:focus-visible,.panel.is-open{flex:3.4}
.panel:hover p,.panel:focus-visible p,.panel.is-open p{opacity:1;max-height:120px}
.panel:hover .go,.panel:focus-visible .go,.panel.is-open .go{opacity:1;transform:none}
.panel:hover img,.panel.is-open img{transform:scale(1.04)}
@media(max-width:860px){
  .panels{flex-direction:column;height:auto}
  .panel{flex:none;height:112px;border-right:0;border-bottom:var(--bd);transition:height .45s ease}
  .panel:last-child{border-bottom:0}
  .panel,.panel:hover,.panel:focus-visible,.panel.is-open{flex:none}
  .panel.is-open{height:300px}
  .panel h3,.panel.is-open h3{font-size:44px}
  .panel:not(.is-open) p,.panel:not(.is-open) .go{opacity:0;max-height:0}
}


/* sections */
section{position:relative}
.sec{padding-block:clamp(64px,9vw,128px)}
.sec h2{font-size:clamp(52px,8.4vw,128px)}
.kicker{font-weight:700;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:16px}
.on-ink .kicker{color:var(--gold)}
.on-gold .kicker{color:var(--ink)}
.lede{font-size:clamp(18px,1.6vw,21px);max-width:36em}
.on-ink{background:var(--ink);color:#fff}
.on-gold{background:var(--gold);color:var(--ink)}
.on-lav{background:var(--lav)}

/* quote */
.quote-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,72px);align-items:start;margin-top:clamp(28px,4vw,52px)}
@media(max-width:980px){.quote-grid{grid-template-columns:1fr}}
.est{position:sticky;top:104px;background:var(--ink);color:#fff;border:var(--bd);box-shadow:8px 8px 0 var(--gold);padding:clamp(22px,3vw,36px)}
@media(max-width:980px){.est{position:static}}
.est .lab{font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.est .big{font-family:var(--display);font-weight:900;font-size:clamp(56px,7.4vw,104px);line-height:.88;margin:10px 0 6px;text-transform:uppercase}
.est .big small{font-size:.42em;color:var(--lav);letter-spacing:.04em;display:block;margin-top:6px}
.est ul{list-style:none;margin:20px 0 0;padding:0;border-top:2px solid rgba(255,255,255,.22)}
.est li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:2px solid rgba(255,255,255,.22);font-size:16px}
.est li b{font-weight:600;text-align:right}
.est .fine{font-size:14px;color:var(--lav);margin:16px 0 0}
.demo-tag{display:inline-block;margin-left:8px;font-size:11px;letter-spacing:.14em;background:var(--gold);color:var(--ink);padding:3px 7px 2px;vertical-align:middle}
.steps{display:grid;gap:clamp(26px,3vw,40px)}
.step{display:grid;grid-template-columns:64px 1fr;gap:18px}
.step .n{font-family:var(--display);font-weight:900;font-size:64px;line-height:.8;color:var(--gold-deep)}
.step h3{font-size:30px;margin-bottom:14px}
.pills{display:flex;flex-wrap:wrap;gap:10px}
.pill{position:relative}
.pill input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0}
.pill span{display:block;padding:12px 16px 11px;border:var(--bd);background:var(--white);font-weight:600;font-size:16px;line-height:1.2;transition:background .12s,transform .12s}
.pill small{display:block;font-weight:400;font-size:13px;color:#5A5346;margin-top:3px}
.pill:hover span{background:var(--lav)}
.pill input:checked+span{background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--gold)}
.pill input:checked+span small{color:var(--lav)}
.pill input:focus-visible+span{outline:3px solid var(--gold);outline-offset:3px;box-shadow:0 0 0 6px var(--ink)}
.guests{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.num{display:inline-flex;border:var(--bd);background:#fff}
.num button{width:52px;border:0;background:var(--gold);font-family:var(--display);font-weight:900;font-size:30px;cursor:pointer;line-height:1;color:var(--ink)}
.num button:hover{background:var(--ink);color:var(--gold)}
.num input{width:104px;border:0;border-inline:var(--bd);text-align:center;font-family:var(--display);font-weight:900;font-size:36px;padding:8px 0 4px;background:#fff;color:var(--ink);-moz-appearance:textfield}
.num input::-webkit-outer-spin-button,.num input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=range]{width:100%;accent-color:var(--gold-deep);margin:14px 0 0;height:28px}
.hint{font-size:14px;color:#5A5346;margin:8px 0 0}
.hint.warn{color:#9b1c1c;font-weight:600}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fields .full{grid-column:1/-1}
@media(max-width:560px){.fields{grid-template-columns:1fr}}
label.f{display:block;font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
label.f input,label.f textarea{display:block;width:100%;margin-top:6px;font:inherit;font-size:17px;letter-spacing:0;text-transform:none;font-weight:400;padding:13px 14px;border:var(--bd);background:#fff;color:var(--ink);border-radius:0}
label.f textarea{min-height:110px;resize:vertical}
label.f input:focus,label.f textarea:focus{outline:3px solid var(--gold);box-shadow:0 0 0 5px var(--ink)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.status{margin-top:18px;padding:16px 18px;border:var(--bd);font-weight:600;display:none}
.status.show{display:block}
.status.ok{background:var(--gold)}
.status.err{background:#fff;border-color:#9b1c1c;color:#7a1414}
.status a{color:inherit}

/* tiers */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(32px,4vw,56px)}
@media(max-width:900px){.tiers{grid-template-columns:1fr}}
.tier{background:#fff;border:var(--bd);box-shadow:var(--shadow);padding:clamp(22px,2.4vw,34px);display:flex;flex-direction:column}
.tier .no{font-family:var(--display);font-weight:900;font-size:104px;line-height:.78;color:var(--gold-deep)}
.tier h3{font-size:34px;margin:6px 0 16px}
.tier ul{list-style:none;padding:0;margin:0;border-top:2px solid var(--ink)}
.tier li{padding:11px 0;border-bottom:2px solid var(--lav);display:flex;justify-content:space-between;gap:12px;font-weight:500}
.tier li b{font-family:var(--display);font-weight:900;font-size:26px;line-height:1;color:var(--gold-deep)}
.tier.pop{background:var(--gold)}
.tier.pop .no{color:var(--ink)}
.tier.pop li{border-bottom-color:rgba(14,13,11,.25)}
.tier.pop li b{color:var(--ink)}
.note{margin-top:28px;font-weight:500;max-width:46em}
.dish-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:var(--bd);margin-top:clamp(36px,5vw,64px);background:var(--ink)}
@media(max-width:860px){.dish-strip{grid-template-columns:repeat(2,1fr)}}
.dish{position:relative;aspect-ratio:4/5;overflow:hidden;border-right:var(--bd)}
.dish:last-child{border-right:0}
@media(max-width:860px){.dish:nth-child(2){border-right:0}.dish:nth-child(-n+2){border-bottom:var(--bd)}}
.dish img{width:100%;height:100%;object-fit:cover}
.dish figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;background:linear-gradient(transparent,rgba(14,13,11,.9));color:#fff;font-weight:600;font-size:15px;line-height:1.25}
.cats{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.cats a{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border:var(--bd);background:#fff;padding:9px 14px 7px}
.cats a:hover{background:var(--ink);color:var(--gold)}

/* film */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}
@media(max-width:900px){.split{grid-template-columns:1fr}}
.photo{border:var(--bd);box-shadow:10px 10px 0 var(--gold);background:#000}
.photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 28px;padding:0;list-style:none}
.tags li{border:2px solid var(--gold);color:var(--gold);padding:6px 11px 5px;font-weight:600;font-size:15px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 28px}
.facts div{border-top:2px solid var(--gold);padding-top:10px}
.facts b{display:block;font-family:var(--display);font-weight:900;font-size:44px;line-height:.9;color:var(--gold);text-transform:uppercase}
.facts span{font-size:15px;color:var(--lav)}

.split h2{font-size:clamp(48px,6.2vw,96px)}

/* process */
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,24px);margin-top:clamp(32px,4vw,52px)}
@media(max-width:900px){.process{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.process{grid-template-columns:1fr}}
.pstep{background:var(--white);border:var(--bd);padding:22px;color:var(--ink);box-shadow:5px 5px 0 var(--ink)}
.pstep .n{font-family:var(--display);font-weight:900;font-size:80px;line-height:.8;color:var(--gold-deep)}
.pstep h3{font-size:28px;margin:10px 0 10px}
.pstep p{margin:0;font-size:16px}

/* reviews */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(32px,4vw,56px)}
@media(max-width:960px){.reviews{grid-template-columns:1fr}}
.rev{color:var(--ink);border:var(--bd);background:#fff;padding:clamp(22px,2.4vw,32px);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.rev:nth-child(2){background:var(--gold)}
.on-gold .rev:nth-child(2){background:var(--ink);color:#fff}
.on-gold .rev:nth-child(2) blockquote{color:var(--gold)}
.rev blockquote{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(30px,3vw,42px);line-height:1;text-transform:uppercase}
.rev cite{font-style:normal;font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase}
.rev-list{columns:2;column-gap:28px;margin-top:40px}
@media(max-width:800px){.rev-list{columns:1}}
.rev-list .rev{break-inside:avoid;margin-bottom:28px;box-shadow:var(--shadow)}
.rev-list .rev:nth-child(2){background:#fff}
.rev-list blockquote{font-family:var(--body);font-weight:500;font-size:19px;line-height:1.5;text-transform:none}

/* chefs */
.chef{border:var(--bd);background:#fff;padding:clamp(22px,2.6vw,34px);box-shadow:var(--shadow)}
.chef h3{font-size:44px;margin-bottom:6px}
.chef .role{font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:13px;color:var(--gold-deep);margin-bottom:12px}

/* contact bits */
.contact-card{background:var(--ink);color:#fff;border:var(--bd);box-shadow:8px 8px 0 var(--gold);padding:clamp(22px,3vw,40px)}
.contact-card h3{font-size:56px;margin-bottom:16px}
.contact-card a{color:var(--gold);font-weight:700;text-underline-offset:4px}
.contact-card dl{margin:0}
.contact-card dt{font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--lav);margin-top:18px}
.contact-card dd{margin:4px 0 0;font-size:20px}
.areas{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.areas li{border:2px solid #fff;padding:5px 11px 4px;font-weight:600;font-size:15px}

/* menus page */
.page-hero{background:linear-gradient(90deg,rgba(14,13,11,.92),rgba(14,13,11,.7) 60%,rgba(14,13,11,.5)),linear-gradient(180deg,rgba(14,13,11,.3),rgba(14,13,11,.8)),var(--bg,none) center/cover,var(--ink);color:#fff;border-bottom:var(--bd);padding-block:clamp(48px,7vw,104px)}
.page-hero h1{font-size:clamp(68px,12vw,180px);line-height:.84}
.page-hero h1 em{font-style:normal;color:var(--gold)}
.page-hero p{font-size:clamp(18px,1.7vw,22px);max-width:36em;margin:24px 0 0;color:#E9E4D8}
.menu-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,36px);margin-top:36px}
@media(max-width:900px){.menu-cols{grid-template-columns:1fr}}
.menu-block{border:var(--bd);background:#fff;padding:22px 24px;box-shadow:var(--shadow)}
.menu-block h3{font-size:36px;margin-bottom:12px;color:var(--gold-deep)}
.menu-block ul{margin:0;padding:0;list-style:none}
.menu-block li{padding:7px 0;border-bottom:1px solid var(--lav)}
.menu-block li:last-child{border-bottom:0}
.menu-block li small{display:block;color:#5A5346;font-size:14px;line-height:1.35}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:36px}
@media(max-width:900px){.cat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.cat-grid{grid-template-columns:1fr}}
.cat{border:var(--bd);background:#fff;padding:20px;box-shadow:5px 5px 0 var(--ink)}
.cat h3{font-size:34px;color:var(--gold-deep);margin-bottom:8px}
.cat p{margin:0 0 14px;font-size:16px}
.cat a{font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink)}

/* footer */
.site-foot{background:var(--char);color:#fff;border-top:var(--bd)}
.foot-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px;padding-block:clamp(44px,6vw,80px)}
.foot-top h2{font-size:clamp(56px,10vw,150px);line-height:.84}
.foot-top h2 em{font-style:normal;color:var(--gold)}
.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px;padding-block:36px;border-top:2px solid rgba(255,255,255,.2)}
@media(max-width:800px){.foot-grid{grid-template-columns:1fr}}
.foot-grid img{height:60px;width:auto;margin-bottom:14px}
.foot-grid h4{font-size:24px;color:var(--gold);margin-bottom:10px}
.foot-grid ul{list-style:none;margin:0;padding:0}
.foot-grid li{padding:3px 0}
.foot-grid a{text-decoration:none}
.foot-grid a:hover{text-decoration:underline;text-underline-offset:4px}
.foot-base{padding-block:20px;border-top:2px solid rgba(255,255,255,.2);font-size:14px;color:var(--lav);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}

/* reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .panel,.panel img,.btn{transition:none}
}