:root{--ink:#14213d;--ink2:#1d2f55;--orange:#e5701b;--orange-d:#b85511;--cream:#f6f0e4;--tint:#ece3d1;--text:#2a2f3a}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{font-family:'Work Sans',system-ui,sans-serif;color:var(--text);background:var(--cream);font-size:1.05rem;line-height:1.65}
h1,h2,h3,.h2like{font-family:'Big Shoulders Display',Impact,sans-serif;text-transform:uppercase;letter-spacing:.01em;line-height:1;color:var(--ink);font-weight:800}
h1{font-size:clamp(3.2rem,8vw,6rem);color:#fff;font-weight:900}
h1 em{font-style:normal;color:var(--orange)}
h2{font-size:clamp(2.2rem,4.6vw,3.6rem);margin-bottom:1rem}
.h2like{font-size:clamp(1.9rem,3.4vw,2.7rem);display:block;margin-bottom:1rem}
h3{font-size:1.8rem;margin-bottom:.5rem}
a{color:var(--orange-d)}
.topbar{background:#0d172c;color:#cfd6e4;font-size:.8rem;padding:.4rem 0}
.topbar a{color:#fff;font-weight:600;text-decoration:none}
.mainnav{background:var(--ink);border-bottom:4px solid var(--orange);padding:.5rem 0}
.navbar-brand{display:flex;flex-direction:column;line-height:1;color:#fff}
.navbar-brand:hover{color:#fff}
.bn{font-family:'Big Shoulders Display',sans-serif;font-weight:900;font-size:1.9rem;text-transform:uppercase;letter-spacing:.02em}
.bs{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#f0b98a;margin-top:.15rem}
.mainnav .nav-link{color:#e9edf5;text-transform:uppercase;font-size:.82rem;letter-spacing:.1em;font-weight:600}
.mainnav .nav-link:hover{color:var(--orange)}
.navbar-toggler{border-color:rgba(255,255,255,.5)}
.navbar-toggler-icon{filter:invert(1)}
.btn-meade{background:var(--orange);color:#14110d;border:2px solid var(--orange);font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:3px}
.btn-meade:hover{background:#ff8a35;border-color:#ff8a35;color:#14110d}
.btn-ghost{border:2px solid rgba(255,255,255,.7);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:3px}
.btn-ghost:hover{background:#fff;color:var(--ink)}
.stencil{font-family:'Special Elite',monospace;text-transform:uppercase;letter-spacing:.2em;font-size:.82rem;color:var(--orange);border:2px solid currentColor;display:inline-block;padding:.2rem .7rem;margin-bottom:1.1rem;transform:rotate(-1.2deg)}
.stencil.dark{color:var(--orange-d)}
.hero{background:var(--ink);padding:4.5rem 0 0;position:relative;overflow:hidden}
.hero .lead{color:#dbe2ef;max-width:34rem;margin:1.2rem 0 1.8rem}
.herophoto{position:relative;margin:0 0 3.2rem 0}
.herophoto img{width:100%;height:auto;display:block;border:6px solid var(--cream);box-shadow:14px 14px 0 var(--orange)}
.seal{position:absolute;left:-14px;bottom:-20px;width:96px;height:96px;border-radius:50%;background:var(--cream);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Special Elite',monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;border:3px dashed var(--ink);transform:rotate(-10deg)}
.seal b{font-family:'Big Shoulders Display',sans-serif;font-size:1.9rem;letter-spacing:0;line-height:1}
.rope{height:18px;background:repeating-linear-gradient(115deg,#d9b779 0 7px,#a98446 7px 11px);border-top:2px solid #7d5f2c;border-bottom:2px solid #7d5f2c}
.strip{background:var(--orange);color:#14110d;padding:.9rem 0}
.strip ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;justify-content:center;font-family:'Big Shoulders Display',sans-serif;font-weight:800;text-transform:uppercase;font-size:1.25rem;letter-spacing:.04em}
.strip li+li::before{content:"\2022";margin-right:1.6rem}
.sec{padding:5rem 0}
.sec.dark{background:var(--ink);color:#dbe2ef}
.sec.dark h2,.sec.dark .h2like,.sec.dark h3{color:#fff}
.sec.dark a:not(.btn){color:#ffb27a}
.sec.tint{background:var(--tint)}
.intro{font-size:1.15rem;max-width:46rem}
.card-m{background:#fff;height:100%;border-top:6px solid var(--orange);box-shadow:0 1px 0 rgba(0,0,0,.08)}
.card-m img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:left center;display:block}
.cb{padding:1.5rem 1.6rem 1.8rem}
.ticks{list-style:none;padding:0;margin:1rem 0 0}
.ticks li{position:relative;padding-left:1.7rem;margin-bottom:.45rem}
.ticks li::before{content:"";position:absolute;left:0;top:.5rem;width:.9rem;height:.5rem;border-left:3px solid var(--orange);border-bottom:3px solid var(--orange);transform:rotate(-45deg)}
.ticks.cols{columns:2;column-gap:2rem}
.ticks.cols li{break-inside:avoid}
img.wide{width:100%;height:auto;display:block}
.photo-pair{position:relative;padding-bottom:3rem}
.photo-pair img{width:100%;height:auto;display:block;border:5px solid var(--cream)}
.photo-pair .second{width:55%;position:absolute;right:-6px;bottom:0;box-shadow:8px 8px 0 var(--orange)}
.tilt{transform:rotate(-1.5deg);border:6px solid #fff;box-shadow:10px 10px 0 var(--orange)}
.gallery img{width:100%;height:260px;object-fit:cover;display:block;border:4px solid #fff}
.story{background:var(--tint)}
.portrait{margin:0;display:inline-block;background:#fff;padding:.7rem .7rem 1rem;transform:rotate(-2deg);box-shadow:10px 10px 0 var(--orange)}
.portrait img{width:100%;max-width:320px;height:auto;display:block}
.portrait figcaption{font-family:'Special Elite',monospace;margin-top:.7rem;font-size:.9rem;color:var(--ink)}
.sign{font-weight:600;color:var(--ink)}
address{font-style:normal;line-height:1.7}
address .big{font-family:'Big Shoulders Display',sans-serif;font-size:2.6rem;font-weight:800;text-decoration:none;color:#fff!important}
.map iframe{width:100%;height:100%;min-height:420px;border:0;border-top:6px solid var(--orange)}
footer{background:#0d172c;color:#cfd6e4;padding:2.2rem 0;font-size:.92rem}
footer a{color:#ffb27a}
.fbrand{font-family:'Big Shoulders Display',sans-serif;font-size:1.6rem;font-weight:800;text-transform:uppercase;color:#fff}
.fsmall{font-size:.8rem;opacity:.8;margin-top:.3rem}
.powered{color:#fff;font-weight:600}
@media(max-width:991px){.sec{padding:3.5rem 0}.hero{padding-top:2.5rem}.herophoto{margin-bottom:2.6rem}.ticks.cols{columns:1}.photo-pair .second{right:0}}
@media(max-width:575px){.bn{font-size:1.5rem}.bs{font-size:.58rem}.herophoto img{box-shadow:8px 8px 0 var(--orange)}.gallery img{height:200px}.strip ul{font-size:1.05rem}}
