:root{--bg:#0e0e0e;--line:#2a2a2a;--card:#2f2f2f;--red:#c8102e;--red-d:#a30d25;--red-b:#ff3b4e;--text:#f4f2ee;--body:#e2ded8;--muted:#b9b4ad;--gold:#ffb400;--px:56px;--off:20px;--hdr:142px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Archivo',sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%}
picture{display:contents}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #fff;outline-offset:3px}
.page{max-width:1440px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.gold{color:var(--gold)}

/* header */
.hdr{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding:22px var(--px);border-bottom:1px solid var(--line)}
.logo{display:inline-flex;flex-direction:column;transform:rotate(-4deg);line-height:1;padding:4px 8px}
.logo-a{font:400 38px 'Pacifico',cursive;color:#fff;-webkit-text-stroke:6px var(--red);paint-order:stroke fill;text-shadow:2px 3px 0 var(--red)}
.logo-b{font:700 12px 'Barlow Condensed',sans-serif;letter-spacing:.2em;color:#fff;-webkit-text-stroke:3px var(--red);paint-order:stroke fill;margin:8px 0 0 13px;white-space:nowrap}
.nav{display:flex;flex-wrap:wrap;gap:6px 28px;font:500 15px 'Archivo',sans-serif}
.nav a{padding:6px 0;color:#cfcac3;border-bottom:2px solid transparent}
.nav a:hover{color:#fff}
.nav a[aria-current]{color:#fff;border-color:var(--red)}
.call,.btn{background:var(--red);color:#fff;font:700 16px 'Oswald',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.call{white-space:nowrap;padding:12px 22px}
.call:hover,.btn:hover{background:var(--red-d)}
.menu-btn{display:none;background:none;border:2px solid var(--text);color:var(--text);padding:8px 16px;font:700 15px 'Oswald',sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}

/* shared type */
.eyebrow{font:600 16px 'Oswald',sans-serif;letter-spacing:.2em;color:var(--red-b);text-transform:uppercase;margin-bottom:12px}
.h-page{margin:0 0 16px;font:700 clamp(48px,7vw,96px)/.95 'Oswald',sans-serif;text-transform:uppercase}
.h-hero{margin:16px 0 24px;font:700 clamp(56px,8vw,112px)/.92 'Oswald',sans-serif;text-transform:uppercase}
.mb12{margin-bottom:12px}.mb28{margin-bottom:28px}.mb48{margin-bottom:48px}
.lede{max-width:520px;font-size:19px;line-height:1.5;color:var(--body);margin:0 0 32px}
.sub{font-size:19px;color:var(--muted);margin:0 0 40px}
.lnk{color:var(--red-b);text-decoration:underline}
.sec{padding:80px var(--px) 0}

/* offset-block photo frame */
.frame{position:relative}
.frame::before{content:"";position:absolute;inset:0;transform:translate(var(--off),var(--off));background:var(--red)}
.frame img{position:relative;display:block;width:100%;height:auto}

/* home */
.hero{position:relative;overflow:hidden;min-height:calc(100vh - var(--hdr));display:flex;align-items:center}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,14,14,.92) 0%,rgba(14,14,14,.7) 45%,rgba(14,14,14,.35) 100%)}
.hero-in{position:relative;z-index:1;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:40px 48px;padding:40px var(--px)}
.hero-text{flex:1 1 440px;min-width:0}
.hero-text .eyebrow{font-size:15px}
.hero-text .h-hero{margin:12px 0 20px;font-size:clamp(52px,6.4vw,104px)}
.hero-text .lede{margin-bottom:20px}
.tl{text-decoration:underline;text-decoration-color:var(--red-b);text-decoration-thickness:2px;text-underline-offset:4px}
.tl:hover{color:#fff;text-decoration-color:#fff}
.info-l{margin:0 0 28px;font:600 17px/1.4 'Oswald',sans-serif;letter-spacing:.06em;text-transform:uppercase}
.svc{flex:0 1 640px;min-width:0;background:rgba(14,14,14,.86);border-top:4px solid var(--red);padding:26px 28px}
.svc h2{margin:0 0 16px;font:700 34px/1 'Oswald',sans-serif;text-transform:uppercase}
.svc-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0 28px}
.svc-i{border-top:1px solid var(--card);padding:12px 0 14px}
.svc-i h3{margin:0 0 4px;font:700 17px/1.2 'Oswald',sans-serif;text-transform:uppercase}
.svc-i p{margin:0;font-size:14px;line-height:1.4;color:var(--muted)}
.btns{display:flex;flex-wrap:wrap;gap:14px}
.btn{padding:16px 30px;font-size:18px}
.btn-o{background:none;border:2px solid var(--text);padding:14px 30px}
.btn-o:hover{background:var(--text);color:var(--bg)}
.trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px;padding:56px var(--px) 0}
.ph{position:relative}
.ph img{width:100%;height:300px;object-fit:cover;display:block}
.tag{position:absolute;left:0;bottom:0;background:var(--red);color:#fff;font:600 15px 'Oswald',sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:8px 14px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:40px;padding:72px var(--px) 0}
.stat{border-top:4px solid var(--red);padding:20px 0 0}
.stat-n{font:700 clamp(44px,5vw,72px)/1 'Oswald',sans-serif;text-transform:uppercase}
.stat-n .gold{font-size:.6em}
.stat-l{font:500 15px 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:10px}

/* service areas */
.towns{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 48px}
.towns button{background:none;border:2px solid #3a3a3a;color:var(--text);padding:12px 24px;font:600 18px 'Oswald',sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.towns button:hover{border-color:var(--red)}
.towns button[aria-pressed=true]{background:var(--red);border-color:var(--red)}
.eyebrow a:hover{text-decoration:underline}
.h-area{margin:0 0 20px;font:700 clamp(36px,4.4vw,60px)/1 'Oswald',sans-serif;text-transform:uppercase}
.h-sv{margin:32px 0 12px;font:700 20px 'Oswald',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--red-b)}
.sv-list{columns:2 220px;margin:0 0 32px;padding:0 0 0 18px;font-size:17px;line-height:1.7;color:var(--body)}
.area .btn{display:inline-block}
.long{max-width:860px;padding:72px var(--px) 0}
.long h2{margin:40px 0 12px;font:700 30px/1.1 'Oswald',sans-serif;text-transform:uppercase}
.long h2:first-child{margin-top:0}
.long p{margin:0 0 16px;font-size:18px;line-height:1.65;color:var(--body)}
.long-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px!important}
.long-cta .btn{display:inline-block}

/* about */
.split{display:flex;flex-wrap:wrap;gap:56px;align-items:center;padding-bottom:0}
.split-t,.split-i{flex:1 1 420px;min-width:0}
.about-l{font-size:21px;line-height:1.6;margin:0 0 20px}
.about-s{font-size:17px;line-height:1.6;margin:0;color:var(--muted)}
.about-img img{height:520px;object-fit:cover}

/* work */
.masonry{columns:3 280px;column-gap:12px}
.masonry img{width:100%;height:auto;display:block;margin:0 0 12px;break-inside:avoid}

/* reviews */
.reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:20px}
.review{margin:0;border:1px solid var(--card);padding:28px}
.stars{letter-spacing:.15em}
.review blockquote{margin:12px 0 18px;font-size:17px;line-height:1.55;color:var(--body)}
.review figcaption{font:700 17px 'Oswald',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--red-b)}

/* contact */
.contact{display:flex;flex-wrap:wrap;gap:56px}
.contact-t{flex:1 1 300px;min-width:0}
.contact-m{flex:2 1 460px;min-width:0;min-height:420px}
.contact-m iframe{border:0;width:100%;height:100%;min-height:420px;display:block}
.info{font-style:normal;font-size:18px;line-height:1.7}
.info b{color:var(--red-b)}
.info a:hover{text-decoration:underline}

/* footer band */
.band{margin-top:80px;background:var(--red);padding:56px var(--px);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center}
.band-h{font:700 clamp(40px,5vw,64px)/1 'Oswald',sans-serif;text-transform:uppercase}
.band-s{margin:16px 0 0;font-size:19px;line-height:1.4}
.band-r{text-align:right;font-size:18px;line-height:1.6}
.band-tel{display:block;font:700 44px 'Oswald',sans-serif}
.band-r a:hover{text-decoration:underline}

@media (max-width:760px){
  :root{--px:20px;--off:12px}
  .hdr{padding:16px var(--px);gap:12px}
  .menu-btn{display:block}
  .nav{display:none;flex-basis:100%;flex-direction:column;gap:0;order:3}
  .hdr.open .nav{display:flex}
  .nav a{padding:12px 0;border-bottom:1px solid var(--line)}
  .call{order:4;flex-basis:100%;text-align:center}
  .hero{min-height:0}
  .hero-in{padding-top:32px;padding-bottom:32px;gap:32px}
  .svc{padding:20px}
  .towns button{padding:10px 16px;font-size:16px}
  .long{padding-top:48px}
  .sec{padding-top:48px}
  .band{margin-top:48px}
  .band-r{text-align:left}
  .band-tel{font-size:36px}
  .about-img img{height:340px}
}

/* intro animation (home, once per session) */
.lm-intro{position:fixed;inset:0;z-index:1000;background:#0e0e0e;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:lmOut .45s cubic-bezier(.7,0,.3,1) 2.3s forwards}
.lm-flash{position:absolute;inset:0;background:#c8102e;opacity:0;pointer-events:none;animation:lmFlash .45s ease-out 1.72s}
.lm-stage{animation:lmShake .38s linear 1.72s}
.lm-fall{animation:lmFall 1.85s linear both}
.lm-svg{display:block;width:min(88vw,820px);height:auto;overflow:visible}
.lm-svg g{filter:drop-shadow(0 0 6px rgba(255,59,78,.9));animation:lmGlow .08s linear 1.72s forwards}
.lm-word{font-family:'Pacifico',cursive;font-size:150px;text-anchor:middle;fill:transparent;stroke:#c8102e;stroke-width:4;stroke-linejoin:round;stroke-linecap:round;paint-order:stroke fill;animation:lmThick .14s ease-in 1.6s forwards}
.lm-word tspan{fill:transparent;stroke-dasharray:1500;stroke-dashoffset:1500;animation:lmDraw .4s cubic-bezier(.5,0,.4,1) forwards,lmInk .2s ease-out forwards}
.lm-sub{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:34px;letter-spacing:7px;text-anchor:middle;fill:transparent;stroke:#c8102e;stroke-width:2;stroke-linejoin:round;paint-order:stroke fill;stroke-dasharray:400;stroke-dashoffset:400;animation:lmDraw .3s ease-out 1.15s forwards,lmSubInk .2s ease-out 1.45s forwards}
.lm-skip{position:absolute;right:24px;bottom:24px;background:none;border:1px solid #3a3a3a;color:#cfcac3;font:500 13px 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:8px 14px;cursor:pointer}
.lm-skip:hover{border-color:#c8102e;color:#fff}
@keyframes lmDraw{to{stroke-dashoffset:0}}
@keyframes lmInk{to{fill:#fff;stroke-dasharray:none}}
@keyframes lmSubInk{to{fill:#fff;stroke-width:9;stroke-dasharray:none}}
@keyframes lmThick{to{stroke-width:22}}
@keyframes lmGlow{to{filter:drop-shadow(5px 7px 0 #c8102e)}}
@keyframes lmFall{0%{transform:translateY(-42vh) scale(.5) rotate(-3deg);opacity:0;animation-timing-function:cubic-bezier(.25,.6,.5,1)}6%{opacity:1}78%{transform:translateY(-12vh) scale(.8) rotate(0);animation-timing-function:ease-out}84%{transform:translateY(-17vh) scale(.88);animation-timing-function:cubic-bezier(.7,0,1,.6)}93%{transform:translateY(0) scale(1.07)}97%{transform:translateY(0) scale(.97)}100%{transform:translateY(0) scale(1);opacity:1}}
@keyframes lmShake{0%,100%{transform:translate(0,0)}15%{transform:translate(-14px,9px)}35%{transform:translate(11px,-7px)}55%{transform:translate(-7px,5px)}75%{transform:translate(4px,-3px)}}
@keyframes lmFlash{0%{opacity:.55}100%{opacity:0}}
@keyframes lmOut{to{transform:translateY(-100%);visibility:hidden}}
@media (prefers-reduced-motion:reduce){.lm-intro{display:none}}