:root{--ink:#22262b;--steel:#e7e9eb;--paper:#f7f6f3;--door:#f26a1b;--door-d:#c9500a;--tan:#b79b73}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{font-family:'Barlow',sans-serif;color:var(--ink);background:var(--paper);font-size:1.05rem}
h1,h2,h3,h4,.navbar-brand,.btn,.unit b,.eyebrow{font-family:'Barlow Condensed',sans-serif}
a{color:var(--door-d)}
.util{background:var(--ink);color:#d8dbde;font-size:.88rem;padding:.4rem 0}
.util-call{color:#fff;font-weight:600;text-decoration:none}
.util-call:hover{color:var(--door)}
.mms-nav{background:#fff;border-bottom:3px solid var(--door)}
.navbar-brand{font-weight:800;font-size:1.5rem;text-transform:uppercase;letter-spacing:.02em;color:var(--ink);display:flex;align-items:center;gap:.6rem}
.brand-door{width:26px;height:22px;border-radius:2px;background:repeating-linear-gradient(#f26a1b 0 3px,#c9500a 3px 4px);display:inline-block}
.nav-link{font-weight:600;color:var(--ink)}
.nav-link:hover{color:var(--door-d)}
.btn-door{background:var(--door);color:#fff;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:0;border-radius:3px}
.btn-door:hover{background:var(--door-d);color:#fff}
.btn-ghost{border:2px solid #fff;color:#fff;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:3px}
.btn-ghost:hover{background:#fff;color:var(--ink)}
.hero{background:var(--ink);color:#fff;padding:3rem 0 4.2rem;position:relative}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--door);font-size:1rem;margin-bottom:.5rem}
.hero h1{font-weight:800;text-transform:uppercase;font-size:clamp(2.6rem,6vw,4.6rem);line-height:.98;margin-bottom:1rem}
.hero h1 span{color:var(--door);display:block}
.hero .lead{color:#e3e5e7;font-size:1.15rem;max-width:34rem}
.hero-note{margin:1rem 0 0;color:#c4c8cc;font-size:.95rem}
.hero-frame{border:6px solid #fff;border-radius:2px;line-height:0}
.hero-frame img{width:100%;height:auto;aspect-ratio:780/290;object-fit:cover}
.door-edge{position:absolute;left:0;right:0;bottom:0;height:22px;background:repeating-linear-gradient(var(--door) 0 4px,var(--door-d) 4px 6px)}
.sec{padding:4.5rem 0}
.sec-steel{background:var(--steel)}
.narrow{max-width:820px}
h2{font-weight:800;text-transform:uppercase;font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.05;margin-bottom:1rem;max-width:44rem}
.unit{background:repeating-linear-gradient(180deg,#fb8a45 0 9px,var(--door) 9px 11px);color:#fff;border-radius:3px;border-bottom:6px solid var(--door-d);padding:1.6rem .5rem 1.2rem;text-align:center;position:relative;height:100%;min-height:128px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.unit::before{content:"";position:absolute;top:10px;left:50%;width:34px;height:5px;margin-left:-17px;background:rgba(0,0,0,.28);border-radius:3px}
.unit b{font-size:2rem;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.45);background:rgba(34,38,43,.55);padding:0 .6rem;border-radius:2px}
.unit span{font-size:.85rem;font-weight:600;margin-top:.45rem;background:rgba(34,38,43,.7);padding:.05rem .5rem;border-radius:2px}
.unit-note{font-weight:500}
.feat{list-style:none;padding:0;margin:0;columns:2;column-gap:2rem}
.feat li{break-inside:avoid;padding:.5rem 0 .5rem 1.6rem;border-bottom:1px solid rgba(34,38,43,.15);position:relative;font-weight:500}
.feat li::before{content:"";position:absolute;left:0;top:.95rem;width:.9rem;height:.6rem;background:repeating-linear-gradient(var(--door) 0 2px,var(--door-d) 2px 3px)}
.feat-one{columns:1}
.shot{margin:0}
.shot img{width:100%;aspect-ratio:1/1;object-fit:cover;border:4px solid #fff;border-radius:2px;display:block}
.shot figcaption{font-size:.85rem;font-weight:600;margin-top:.4rem;color:#555}
.contact-card{background:#fff;border-top:6px solid var(--door);padding:1.6rem;height:100%}
.contact-card h3{font-weight:800;text-transform:uppercase}
.contact-card h4{font-weight:700;text-transform:uppercase;font-size:1.1rem;color:var(--door-d);margin-top:1rem}
.contact-card .big{font-family:'Barlow Condensed',sans-serif;font-size:2rem;font-weight:800;text-decoration:none}
.map{width:100%;height:100%;min-height:360px;border:0}
.foot{background:var(--ink);color:#c4c8cc;padding:2.2rem 0}
.foot a{color:#fff}
.foot-name{font-family:'Barlow Condensed',sans-serif;font-size:1.6rem;font-weight:800;text-transform:uppercase;color:#fff;margin-bottom:.3rem}
@media(max-width:767px){.feat{columns:1}.sec{padding:3rem 0}.hero{padding:2rem 0 3.4rem}.navbar-brand{font-size:1.25rem}}