/* ==========================================================================
   Bennett Garry Hauling & Junk Removal
   Aesthetic: industrial work-order. Asphalt + bone + hi-vis orange lifted
   from the ratchet straps in Bennett's own job photos. Anton / Barlow.
   ========================================================================== */

/* === defensive base — injected by harden_css.py; do not hand-edit === */
*, *::before, *::after { box-sizing: border-box; min-width: 0; }
html { scroll-padding-top: calc(var(--nav-h, 72px) + 1rem); }
img, svg, video, iframe, canvas, table { display: block; max-width: 100%; }
p, li, h1, h2, h3, h4, blockquote, td, dd, dt { overflow-wrap: anywhere; }
form[style*="min-height"] { align-content: center; }
/* === end defensive base === */

:root{
  --asphalt:#101315;
  --asphalt-2:#15191C;
  --steel:#1A1F23;
  --iron:#272D33;
  --iron-2:#343B42;
  --bone:#F3F0E9;
  --ash:#9CA3A9;
  --ash-dim:#6D757C;
  --hivis:#F26B1D;
  --hivis-2:#FF8038;
  --hivis-deep:#B84A0C;

  --display:'Anton','Haettenschweiler','Impact',sans-serif;
  --cond:'Barlow Condensed','Barlow',sans-serif;
  --body:'Barlow','Helvetica Neue',sans-serif;

  --nav-h:62px;
  --gut:clamp(1.15rem,4vw,2.5rem);
  --hero-gut:clamp(1.15rem,6vw,6rem);
  --ease:cubic-bezier(.2,.7,.3,1);
}
@media (min-width:900px){ :root{ --nav-h:78px; } }

*{box-sizing:border-box;}
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0;
  background:var(--asphalt);
  color:var(--bone);
  font-family:var(--body);
  font-size:clamp(1rem,.97rem + .18vw,1.075rem);
  line-height:1.6;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
}

/* Film grain — keeps flat dark panels from reading as dead pixels. */
body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:9;opacity:.055;
  mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

img,svg,picture{max-width:100%;}
picture{display:block;}
h1,h2,h3{margin:0;font-weight:400;}
p{margin:0;}
a{color:inherit;}
ul,ol{margin:0;padding:0;list-style:none;}

.wrap{max-width:1280px;margin-inline:auto;padding-inline:var(--gut);}

/* Parked with the clip technique, not left:-9999px — a far-offscreen box
   counts as horizontal overflow. */
.skip{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;
  font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-weight:700;
}
.skip:focus{
  left:.5rem;top:.5rem;z-index:100;width:auto;height:auto;margin:0;
  padding:.75rem 1.25rem;overflow:visible;clip:auto;
  background:var(--hivis);color:#0F1214;
}

.sr-only{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

/* Brand motif: the clipped corner off the BG plate. */
.tick{
  display:inline-block;flex:none;width:11px;height:11px;background:var(--hivis);
  clip-path:polygon(0 0,68% 0,100% 32%,100% 100%,0 100%);margin-right:.65rem;
}

.eyebrow{
  display:flex;align-items:center;
  font-family:var(--cond);text-transform:uppercase;letter-spacing:.18em;
  font-weight:600;font-size:.8rem;color:var(--ash);
}

/* ── Buttons ─────────────────────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-weight:700;
  font-size:.92rem;line-height:1;text-decoration:none;white-space:nowrap;
  padding:.85rem 1.45rem;border:2px solid transparent;border-radius:2px;
  cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease),
    color .2s var(--ease),transform .2s var(--ease);
}
.btn--lg{padding:1.05rem 1.85rem;font-size:1.02rem;}
.btn--hivis{background:var(--hivis);border-color:var(--hivis);color:#0F1214;}
.btn--hivis:hover{background:var(--hivis-2);border-color:var(--hivis-2);transform:translateY(-2px);}
.btn--ghost{background:transparent;border-color:rgba(243,240,233,.32);color:var(--bone);}
.btn--ghost:hover{border-color:var(--bone);background:rgba(243,240,233,.07);transform:translateY(-2px);}
.btn--dark{background:var(--steel);border-color:var(--iron);color:var(--bone);}
.btn--dark:hover{background:var(--iron);border-color:var(--iron-2);transform:translateY(-2px);}
:focus-visible{outline:3px solid var(--hivis-2);outline-offset:3px;}

/* ── Nav ─────────────────────────────────────────────────────────────── */
.nav{
  position:sticky;top:0;z-index:50;
  background:rgba(16,19,21,.82);backdrop-filter:blur(12px);
  border-bottom:1px solid transparent;transition:border-color .3s,background .3s;
}
.nav.is-stuck{background:rgba(16,19,21,.96);border-bottom-color:var(--iron);}
.nav__in{
  max-width:1280px;margin-inline:auto;padding-inline:var(--gut);
  height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:1rem;
}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;}
.brand__mark{width:36px;height:36px;flex:none;}
.brand__txt{display:flex;flex-direction:column;line-height:1;}
.brand__name{font-family:var(--display);font-size:1.12rem;letter-spacing:.015em;text-transform:uppercase;}
.brand__sub{
  font-family:var(--cond);font-size:.63rem;text-transform:uppercase;
  letter-spacing:.17em;color:var(--ash-dim);margin-top:.25rem;font-weight:600;
}
@media (min-width:900px){
  .brand__mark{width:42px;height:42px;}
  .brand__name{font-size:1.32rem;}
  .brand__sub{font-size:.68rem;}
}

.nav__links{display:none;}
.nav__links a{
  font-family:var(--cond);text-transform:uppercase;letter-spacing:.11em;font-weight:600;
  text-decoration:none;color:var(--bone);font-size:1rem;transition:color .2s;
}
.nav__links a:not(.btn):hover{color:var(--hivis);}
.nav__tel{color:var(--ash)!important;}
.nav__tel:hover{color:var(--hivis)!important;}

@media (min-width:900px){
  .nav__links{display:flex;align-items:center;gap:1.7rem;}
  .nav__cta{margin-left:.3rem;}
}
/* Mobile drawer — display:none is the real gate, not [hidden]. */
@media (max-width:899px){
  .nav__links{
    position:fixed;left:0;right:0;top:var(--nav-h);
    flex-direction:column;align-items:stretch;gap:0;
    background:var(--asphalt);border-top:1px solid var(--iron);
    padding:.5rem var(--gut) 1.5rem;z-index:45;
  }
  .nav__links.is-open{display:flex;}
  .nav__links a{padding:1rem 0;border-bottom:1px solid var(--iron);font-size:1.15rem;}
  .nav__links .nav__cta{
    margin-top:1.1rem;border-bottom:0;justify-content:center;font-size:1.05rem;padding:1rem 1.5rem;
  }
}

.burger{
  display:flex;flex-direction:column;justify-content:center;gap:5px;
  width:44px;height:44px;padding:0 8px;background:none;border:0;cursor:pointer;flex:none;
}
.burger span{display:block;height:2px;background:var(--bone);transition:transform .3s var(--ease),opacity .2s;}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
@media (min-width:900px){ .burger{display:none;} }

/* ── Hero ────────────────────────────────────────────────────────────── */
.hero{
  position:relative;isolation:isolate;overflow:clip;
  min-height:calc(100svh - var(--nav-h));
  display:grid;grid-template-columns:1fr;
}
.hero__media{position:absolute;inset:0;z-index:-1;}
.hero__media picture{height:100%;}
.hero__media img{
  width:100%;height:100%;object-fit:cover;object-position:50% 58%;display:block;
}
.hero__media::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(16,19,21,.60) 0%,rgba(16,19,21,.74) 45%,rgba(16,19,21,.92) 100%);
}

.hero__copy{
  container-type:inline-size;
  position:relative;z-index:1;
  display:flex;flex-direction:column;justify-content:center;
  gap:clamp(.85rem,2.2vw,1.35rem);
  padding:clamp(2rem,6vw,3rem) var(--hero-gut) clamp(3.5rem,8vw,4rem);
  max-width:52rem;
}
.hero__h1{
  font-family:var(--display);
  font-size:clamp(2.2rem,12.4cqi,4.6rem);
  line-height:.88;letter-spacing:.002em;text-transform:uppercase;
  text-shadow:0 2px 30px rgba(0,0,0,.5);
}
.hero__h1 .hi{color:var(--hivis);}
.hero__sub{
  font-size:clamp(1rem,3.5cqi,1.24rem);
  color:#D6D2C9;max-width:34ch;line-height:1.5;
}
.hero__cta{display:flex;flex-wrap:wrap;gap:.75rem;}
/* Stacked buttons of unequal width read as sloppy — match them on narrow screens. */
@media (max-width:519px){
  .hero__cta,.cta__row{flex-direction:column;align-items:stretch;}
  .hero__cta .btn,.cta__row .btn{width:100%;}
}
.proof{
  display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;
  font-family:var(--cond);text-transform:uppercase;letter-spacing:.09em;
  font-weight:600;font-size:.83rem;color:var(--ash);
}
.proof li{display:flex;align-items:center;}
.proof li::before{
  content:'';width:7px;height:7px;background:var(--hivis);margin-right:.5rem;flex:none;
  clip-path:polygon(0 0,68% 0,100% 32%,100% 100%,0 100%);
}
.hero__scroll{
  position:absolute;bottom:18px;left:var(--hero-gut);
  width:1px;height:42px;background:linear-gradient(var(--hivis),transparent);
}
.hero__scroll span{
  position:absolute;top:0;left:-2px;width:5px;height:5px;background:var(--hivis);
  border-radius:50%;animation:drop 2.2s var(--ease) infinite;
}
@keyframes drop{0%{transform:translateY(0);opacity:0}20%{opacity:1}80%{opacity:0}100%{transform:translateY(34px);opacity:0}}

@media (min-width:900px){
  .hero{grid-template-columns:1.06fr .94fr;}
  .hero__media{position:relative;inset:auto;z-index:0;grid-column:2;grid-row:1;}
  .hero__media img{object-position:50% 52%;}
  .hero__media::after{
    background:linear-gradient(90deg,var(--asphalt) 0%,rgba(16,19,21,.55) 26%,rgba(16,19,21,.12) 62%,rgba(16,19,21,.35) 100%);
  }
  .hero__copy{grid-column:1;grid-row:1;padding-block:clamp(2rem,5vw,4rem);}
}

/* ── Hazard ticker ───────────────────────────────────────────────────── */
.ticker{
  background:var(--hivis);color:#0F1214;overflow-x:clip;
  border-top:2px solid #0B0E10;border-bottom:2px solid #0B0E10;
}
.ticker__track{display:flex;width:max-content;animation:slide 42s linear infinite;}
.ticker__set{display:flex;align-items:center;padding-block:.7rem;}
.ticker__set span{
  font-family:var(--cond);text-transform:uppercase;font-weight:700;
  letter-spacing:.13em;font-size:.95rem;white-space:nowrap;
}
.ticker__set i{
  width:8px;height:8px;background:#0F1214;margin-inline:1.35rem;flex:none;
  clip-path:polygon(0 0,68% 0,100% 32%,100% 100%,0 100%);
}
@keyframes slide{to{transform:translateX(-50%)}}

/* ── Section chrome ──────────────────────────────────────────────────── */
.sec{padding-block:clamp(3.75rem,8.5vw,7rem);border-top:1px solid var(--iron);}
.sec--pitch,.sec--ba,.sec--areas{background:var(--asphalt-2);}
.sechead{max-width:44rem;margin-bottom:clamp(2.25rem,4.5vw,3.5rem);}
.sechead__h{
  font-family:var(--display);text-transform:uppercase;
  font-size:clamp(1.95rem,5.4vw,3.5rem);line-height:.94;margin-top:1rem;
}
.sechead__p{color:var(--ash);margin-top:1.1rem;max-width:52ch;}

/* ── Services ────────────────────────────────────────────────────────── */
.svc__row{
  display:grid;grid-template-columns:auto 1fr;gap:.25rem 1.1rem;
  padding-block:1.7rem;border-top:1px solid var(--iron);
  transition:background .25s var(--ease);
}
.svc__row:last-child{border-bottom:1px solid var(--iron);}
.svc__no{
  font-family:var(--display);font-size:clamp(1.5rem,4.6vw,2.3rem);line-height:1;
  color:var(--hivis);grid-row:span 2;transition:color .25s;
}
.svc__body h3{
  font-family:var(--display);text-transform:uppercase;
  font-size:clamp(1.3rem,3.6vw,1.95rem);line-height:1.05;
}
.svc__body p{color:var(--ash);margin-top:.55rem;max-width:64ch;}
.svc__cta{
  grid-column:2;justify-self:start;margin-top:.9rem;
  display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;
  font-family:var(--cond);text-transform:uppercase;letter-spacing:.12em;
  font-weight:700;font-size:.85rem;color:var(--hivis);
}
.svc__cta span{transition:transform .25s var(--ease);}
.svc__row:hover .svc__cta span{transform:translateX(5px);}
@media (min-width:860px){
  .svc__row{
    grid-template-columns:5rem 1fr auto;align-items:center;
    gap:0 1.75rem;padding-inline:1rem;margin-inline:-1rem;
  }
  .svc__no{grid-row:auto;}
  .svc__cta{grid-column:3;margin-top:0;justify-self:end;}
  .svc__row:hover{background:var(--steel);}
  .svc__row:hover .svc__no{color:var(--bone);}
}

/* ── Price pitch ─────────────────────────────────────────────────────── */
.pitch{display:grid;gap:clamp(2.5rem,5vw,4rem);}
/* Stretch (not start): the copy column is the taller one, and top-aligning the
   stats left a ~270px void beside it. */
@media (min-width:940px){
  .pitch{grid-template-columns:1.05fr .95fr;align-items:stretch;}
  .stats{grid-template-rows:repeat(2,minmax(150px,1fr));}
}
.pitch__copy .sechead__h{margin-bottom:1.4rem;}
.pitch__copy p{color:var(--ash);margin-bottom:1rem;max-width:56ch;}
.pitch__copy .btn{margin-top:1.5rem;}
.quote{
  margin:1.9rem 0 0;padding:1.1rem 0 1.1rem 1.5rem;border-left:3px solid var(--hivis);
}
.quote p{color:var(--bone)!important;font-size:1.12rem;font-style:italic;line-height:1.5;}
.quote cite{
  display:block;margin-top:.85rem;font-style:normal;
  font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;
  font-size:.78rem;font-weight:600;color:var(--ash-dim);
}
.stats{display:grid;gap:1px;background:var(--iron);border:1px solid var(--iron);}
@media (min-width:560px){ .stats{grid-template-columns:1fr 1fr;} }
.stats li{
  background:var(--steel);padding:clamp(1.35rem,3vw,1.9rem);position:relative;
  display:flex;flex-direction:column;justify-content:center;
}
.stats li::before{content:'';position:absolute;top:0;left:0;width:38px;height:3px;background:var(--hivis);}
.stats strong{
  display:block;font-family:var(--display);text-transform:uppercase;font-weight:400;
  font-size:clamp(1.45rem,3.4vw,2rem);line-height:1;letter-spacing:.01em;
}
.stats span{display:block;color:var(--ash);font-size:.94rem;margin-top:.6rem;line-height:1.45;}

/* ── Photo wall ───────────────────────────────────────────────────────
   10 shots on a uniform 4:5 tile — the source photos are ~4:5.1 portrait,
   so this crops almost nothing. Column counts are chosen to divide 10
   exactly (2x5 / 5x2): masonry left one column ending ~400px short of the
   others, which read as a hole rather than a layout. */
.wall{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
@media (min-width:1100px){ .wall{grid-template-columns:repeat(5,1fr);} }
.wall__i{
  margin:0;overflow:clip;aspect-ratio:4/5;
  background:var(--steel);border:1px solid var(--iron);position:relative;
}
.wall__i picture{display:block;width:100%;height:100%;}
.wall__i img{
  display:block;width:100%;height:100%;object-fit:cover;
  transition:transform .55s var(--ease),filter .55s var(--ease);
}
.wall__i::after{
  content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 0 var(--hivis);
  transition:box-shadow .3s var(--ease);pointer-events:none;
}
.wall__i:hover img{transform:scale(1.045);}
.wall__i:hover::after{box-shadow:inset 0 0 0 3px var(--hivis);}

/* ── Before / after ──────────────────────────────────────────────────── */
.ba{display:grid;gap:clamp(1.25rem,3vw,2rem);}
@media (min-width:760px){ .ba{grid-template-columns:1fr 1fr;} }
.ba__i{margin:0;border:1px solid var(--iron);background:var(--steel);}
.ba__i img{display:block;width:100%;height:auto;}
.ba__i figcaption{
  padding:1.1rem 1.25rem 1.25rem;color:var(--ash);font-size:.95rem;line-height:1.45;
}
.ba__tag{
  display:block;width:fit-content;margin-bottom:.7rem;padding:.3rem .6rem;background:var(--hivis);
  color:#0F1214;font-family:var(--cond);text-transform:uppercase;letter-spacing:.13em;
  font-weight:700;font-size:.7rem;
}

/* ── How it works ────────────────────────────────────────────────────── */
.how{display:grid;gap:clamp(1.75rem,4vw,2.5rem);}
@media (min-width:820px){ .how{grid-template-columns:repeat(3,1fr);gap:2.5rem;} }
.how li{border-top:3px solid var(--hivis);padding-top:1.4rem;}
.how__no{
  display:block;font-family:var(--display);font-size:2.6rem;line-height:1;
  color:var(--ash-dim);margin-bottom:.6rem;
}
.how h3{font-family:var(--display);text-transform:uppercase;font-size:1.45rem;line-height:1.1;}
.how p{color:var(--ash);margin-top:.65rem;}
.how a{color:var(--hivis);text-decoration:none;border-bottom:1px solid rgba(242,107,29,.4);}
.how a:hover{border-bottom-color:var(--hivis);}

/* ── Areas ───────────────────────────────────────────────────────────── */
.areas{display:grid;gap:clamp(2rem,4vw,3rem);}
@media (min-width:760px){ .areas{grid-template-columns:1.35fr 1fr;} }
.areas__col h3{
  font-family:var(--cond);text-transform:uppercase;letter-spacing:.15em;
  font-size:.85rem;font-weight:700;color:var(--hivis);
  padding-bottom:.85rem;border-bottom:1px solid var(--iron);margin-bottom:1.2rem;
}
.areas__col ul{display:grid;grid-template-columns:1fr 1fr;gap:.7rem 1.25rem;}
@media (min-width:520px){ .areas__col ul{grid-template-columns:repeat(3,1fr);} }
@media (min-width:760px){ .areas__col:last-child ul{grid-template-columns:1fr 1fr;} }
.areas__col li{
  display:flex;align-items:center;font-family:var(--cond);text-transform:uppercase;
  letter-spacing:.07em;font-weight:600;font-size:1.02rem;color:#CFCBC3;
}
.areas__col li::before{
  content:'';width:7px;height:7px;background:var(--iron-2);margin-right:.6rem;flex:none;
  clip-path:polygon(0 0,68% 0,100% 32%,100% 100%,0 100%);
}

/* ── Final CTA ───────────────────────────────────────────────────────── */
.cta{background:var(--hivis);color:#0F1214;padding-block:clamp(3.25rem,7vw,5.5rem);}
.cta__in{text-align:center;display:flex;flex-direction:column;align-items:center;}
.cta__h{
  font-family:var(--display);text-transform:uppercase;
  font-size:clamp(1.9rem,5.6vw,3.6rem);line-height:.94;
}
.cta__p{margin-top:1.1rem;max-width:44ch;color:rgba(15,18,20,.78);font-weight:500;}
.cta__row{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:2rem;}
.cta .btn--hivis{background:#0F1214;border-color:#0F1214;color:var(--bone);}
.cta .btn--hivis:hover{background:#000;border-color:#000;}
.cta .btn--dark{background:transparent;border-color:rgba(15,18,20,.4);color:#0F1214;}
.cta .btn--dark:hover{background:rgba(15,18,20,.1);border-color:rgba(15,18,20,.7);}

/* ── Footer ──────────────────────────────────────────────────────────── */
.foot{background:var(--asphalt-2);border-top:1px solid var(--iron);padding-top:clamp(2.5rem,5vw,3.5rem);}
.foot__in{display:grid;gap:2.25rem;}
@media (min-width:820px){ .foot__in{grid-template-columns:1.4fr .8fr 1fr;align-items:start;} }
.foot__brand{display:flex;gap:.9rem;align-items:flex-start;}
.foot__brand img{width:44px;height:44px;flex:none;}
.foot__name{font-family:var(--display);text-transform:uppercase;font-size:1.15rem;line-height:1.15;}
.foot__sub{color:var(--ash-dim);font-size:.9rem;margin-top:.4rem;}
.foot__nav{display:flex;flex-direction:column;gap:.7rem;}
.foot__nav a{
  text-decoration:none;font-family:var(--cond);text-transform:uppercase;
  letter-spacing:.11em;font-weight:600;color:var(--ash);font-size:.95rem;
}
.foot__nav a:hover{color:var(--hivis);}
.foot__contact p{color:var(--ash-dim);font-size:.9rem;margin-top:.5rem;max-width:30ch;}
.foot__tel{
  font-family:var(--display);font-size:1.6rem;color:var(--bone);text-decoration:none;
  letter-spacing:.01em;
}
.foot__tel:hover{color:var(--hivis);}
.foot__legal{
  margin-top:clamp(2.25rem,4vw,3rem);padding-block:1.35rem;
  border-top:1px solid var(--iron);color:var(--ash-dim);font-size:.82rem;
}

/* ── Scroll reveal (below the fold only; lcp_guard strips it off the hero) */
@media (scripting:enabled){
  .reveal{
    opacity:0;transform:translateY(20px);
    transition:opacity .75s var(--ease),transform .75s var(--ease);
  }
}
.reveal.in{opacity:1;transform:none;}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
  .reveal{opacity:1!important;transform:none!important;}
  .ticker__track{animation:none!important;}
}

/* ══════════════════════════════════════════════════════════════════════
   Contact page
   ══════════════════════════════════════════════════════════════════════ */
.pagehead{
  padding-block:clamp(2.75rem,7vw,5rem) clamp(2rem,4vw,3rem);
  border-bottom:1px solid var(--iron);position:relative;overflow:clip;
}
.pagehead::before{
  content:'';position:absolute;top:0;right:-4rem;width:26rem;height:100%;
  background:radial-gradient(closest-side,rgba(242,107,29,.16),transparent 72%);
  pointer-events:none;
}
.pagehead__h{
  font-family:var(--display);text-transform:uppercase;
  font-size:clamp(2.1rem,6.4vw,4rem);line-height:.92;margin-top:1rem;
}
.pagehead__p{color:var(--ash);margin-top:1.15rem;max-width:46ch;}

.contact{display:grid;gap:clamp(2.25rem,5vw,3.5rem);padding-block:clamp(2.5rem,6vw,4.5rem);}
@media (min-width:940px){ .contact{grid-template-columns:1.15fr .85fr;align-items:start;} }

.card{background:var(--steel);border:1px solid var(--iron);padding:clamp(1.35rem,3.5vw,2.25rem);}
.card__h{
  font-family:var(--display);text-transform:uppercase;font-size:1.5rem;line-height:1.1;
  margin-bottom:.45rem;
}
.card__note{color:var(--ash);font-size:.95rem;margin-bottom:1.6rem;}

.form{display:grid;gap:1.15rem;}
.field{display:flex;flex-direction:column;gap:.45rem;}
.field label{
  font-family:var(--cond);text-transform:uppercase;letter-spacing:.13em;
  font-weight:600;font-size:.78rem;color:var(--ash);
}
.field input,.field textarea{
  font-family:var(--body);font-size:1rem;color:var(--bone);
  background:var(--asphalt);border:1px solid var(--iron-2);border-radius:2px;
  padding:.85rem .95rem;width:100%;transition:border-color .2s,box-shadow .2s;
}
.field textarea{min-height:8.5rem;resize:vertical;}
.field input::placeholder,.field textarea::placeholder{color:#5F676D;}
.field input:focus,.field textarea:focus{
  outline:none;border-color:var(--hivis);box-shadow:0 0 0 3px rgba(242,107,29,.18);
}
.form .btn{width:100%;}
.form-status{
  margin:0;padding:1rem 1.15rem;border-left:3px solid var(--hivis);
  background:rgba(242,107,29,.08);font-size:.98rem;line-height:1.5;
}
.form-status.is-err{border-left-color:#E0553F;background:rgba(224,85,63,.1);}
.form-sent .btn{background:var(--iron)!important;border-color:var(--iron)!important;color:var(--ash)!important;transform:none!important;}
.turnstile-box{min-height:65px;}

.side{display:grid;gap:1.25rem;}
.side__row{display:flex;gap:.9rem;align-items:flex-start;}
.side__row .tick{margin-top:.5rem;margin-right:0;}
.side__k{
  font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;
  font-size:.74rem;font-weight:600;color:var(--ash-dim);
}
.side__v{font-size:1.02rem;margin-top:.15rem;}
.side__v a{text-decoration:none;}
.side__v a:hover{color:var(--hivis);}
.side__big{
  font-family:var(--display);font-size:1.85rem;letter-spacing:.01em;
  text-decoration:none;display:inline-block;margin-top:.1rem;
}
.side__big:hover{color:var(--hivis);}

/* === site credit (injected by credit_footer.py); do not hand-edit === */
.site-credit {
  margin: 2.25rem 0 0;
  padding-inline: 1.25rem;
  font-size: .73rem;
  line-height: 1.5;
  letter-spacing: .06em;
  text-align: center;
  opacity: .65;
}
.site-credit a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(128, 128, 128, .5);
  border-bottom: 1px solid color-mix(in srgb, currentColor 45%, transparent);
  transition: border-bottom-color .25s ease;
}
.site-credit a:hover,
.site-credit a:focus-visible { border-bottom-color: currentColor; }
@media (prefers-reduced-motion: reduce) {
  .site-credit a { transition: none; }
}
/* === end site credit === */