@font-face{font-family:Archivo;src:url('../fonts/Archivo.woff2') format('woff2');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:InterV;src:url('../fonts/Inter.woff2') format('woff2');font-weight:100 900;font-display:swap}

:root{
  --ink:#1C1C1A; --wash:#F2EFE9; --clay:#B04A27; --clay-d:#D9744E;
  --slate:#3E4A4C; --sand:#DDD6C8; --quiet:#6E6C66;
  --bar:68px; --pad:20px; --w:1180px;
  /* modular scale, 1.25 */
  --t-xs:12px; --t-sm:14px; --t-base:17px; --t-md:19px; --t-lg:23px;
  --t-xl:29px; --t-2xl:36px; --t-3xl:45px; --t-4xl:56px; --t-5xl:72px;
  --disp:Archivo,system-ui,sans-serif;
  --body:InterV,-apple-system,system-ui,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--wash);color:var(--ink);font:400 17px/1.65 var(--body);
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video,iframe{max-width:100%;display:block}
h1,h2,h3{font-family:var(--disp);font-weight:600;letter-spacing:-.015em;margin:0}
p{margin:0 0 1em}
a{color:inherit}
.wrap{max-width:var(--w);margin:0 auto;padding:0 var(--pad)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:200;background:var(--ink);color:var(--wash);padding:10px 14px}

.eyebrow{font-family:var(--disp);font-weight:600;font-size:12px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--clay);margin:0 0 14px}
.h2{font-size:clamp(27px,4.4vw,42px);line-height:1.12;margin:0 0 22px;max-width:19ch}
.link{font-family:var(--disp);font-weight:600;font-size:15px;color:var(--clay);text-decoration:none}
.link:hover{text-decoration:underline}

/* buttons — 44px finger targets on touch */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--disp);font-weight:600;font-size:15px;letter-spacing:.01em;
  padding:12px 20px;border-radius:2px;text-decoration:none;border:1.5px solid transparent;
  cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease;
  min-height:44px;white-space:nowrap}
.btn--clay{background:var(--clay);color:#fff;border-color:var(--clay)}
.btn--clay:hover{background:#9a4123;border-color:#9a4123}
.btn--line{border-color:var(--ink);color:var(--ink);background:transparent}
.btn--line:hover{background:var(--ink);color:var(--wash)}
.btn--ghost{color:var(--ink);background:transparent;padding:12px 10px}
.btn--ghost:hover{color:var(--clay)}
.btn--lg{font-size:16px;padding:15px 26px;min-height:52px}
.btn--sm{font-size:14px;padding:9px 16px;min-height:38px}
@media (pointer:coarse){.btn--sm{min-height:44px;padding:11px 16px}}
.btn--full{width:100%}
.btn:active{transform:translateY(1px)}

/* ── bar ── */
.bar{position:fixed;inset:0 0 auto 0;height:var(--bar);z-index:100;display:flex;
  align-items:center;gap:16px;padding:0 var(--pad);
  background:var(--wash);border-bottom:1px solid var(--sand)}
.bar__logo{display:flex;align-items:center;margin-right:auto;padding:6px 0}
.bar__logo img{height:24px;width:auto}
.bar__nav{display:none;gap:30px;font-family:var(--disp);font-weight:500;font-size:15px;
  letter-spacing:.012em}
.bar__nav a{text-decoration:none;color:var(--slate);padding:6px 0;position:relative}
.bar__nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;
  background:var(--clay);transform:scaleX(0);transform-origin:left;
  transition:transform .28s cubic-bezier(.32,.72,0,1)}
.bar__nav a:hover{color:var(--ink)}
.bar__nav a:hover::after{transform:scaleX(1)}
.bar__nav a[aria-current=page]{color:var(--ink)}
.bar__nav a[aria-current=page]::after{transform:scaleX(1)}
.bar__cta{display:flex;align-items:center;gap:18px}
.bar__tel{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);
  font-family:var(--disp);font-weight:600;font-size:15px;letter-spacing:.012em;
  transition:color .18s ease}
.bar__tel:hover{color:var(--clay)}
.bar__tel svg{color:var(--clay);flex:0 0 auto}
@media(max-width:620px){
  .bar{gap:10px}
  .bar__logo img{height:20px}
  .bar__cta{gap:9px}
  .btn--sm{padding:10px 13px;font-size:13.5px}
}
@media(max-width:959px){
  .bar__tel span{display:none}
  .bar__tel{width:44px;height:44px;justify-content:center;gap:0;
    border:1px solid var(--sand);border-radius:2px}
  .bar__tel svg{width:16px;height:16px}
}

/* ── hero: type on the brand ground, the picture as a deliberate panel ── */
.hero{padding:calc(var(--bar) + clamp(34px,6vh,64px)) 0 0;overflow:hidden}
.hero__grid{display:grid;gap:clamp(30px,5vw,56px);align-items:center}
.hero__rule{width:58px;height:1.5px;background:var(--ink);margin:0 0 22px;opacity:.26}
.hero__h{font-size:clamp(40px,7.4vw,var(--t-5xl));line-height:1.0;letter-spacing:-.028em;
  margin:0 0 20px;font-family:var(--disp);font-weight:600;max-width:15ch}
.hero__p{font-size:clamp(17px,1.9vw,var(--t-md));color:var(--slate);max-width:44ch;margin:0 0 28px}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}
.hero__trust{list-style:none;display:grid;gap:9px;padding:0;margin:0;
  font-family:var(--disp);font-weight:500;font-size:var(--t-xs);letter-spacing:.13em;
  text-transform:uppercase;color:var(--quiet)}
.hero__trust li{position:relative;padding-left:17px}
.hero__trust li::before{content:"";position:absolute;left:0;top:.46em;width:7px;height:1.5px;background:var(--clay)}
.hero__fig{margin:0;position:relative}
.hero__fig img{width:100%;height:clamp(300px,52vh,480px);object-fit:cover;display:block}
.hero__cap{font-family:var(--disp);font-size:var(--t-xs);letter-spacing:.13em;
  text-transform:uppercase;color:var(--quiet);margin:12px 0 0;display:flex;
  align-items:center;gap:9px}
.hero__cap::before{content:"";width:22px;height:1.5px;background:var(--sand)}

/* ── the film, as a framed object in a dark room ── */
.film{background:var(--ink);color:var(--wash);padding:clamp(56px,9vh,104px) 0 0;
  margin-top:clamp(56px,9vh,104px)}
.film__note{padding-top:clamp(28px,5vh,52px)}
.film .eyebrow{color:var(--clay-d)}
.film__intro{max-width:var(--w);margin:0 auto;padding:0 var(--pad) clamp(28px,5vh,52px)}
.film__intro h2{font-size:clamp(27px,4.4vw,var(--t-3xl));line-height:1.1;margin:0 0 14px;max-width:17ch}
.film__intro p{color:#B5B0A8;max-width:50ch;margin:0}
.film__stage{position:relative;height:100svh;min-height:480px;overflow:hidden;background:#111}
.film__vig{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(28,28,26,.42) 0%,rgba(28,28,26,0) 22%,
    rgba(28,28,26,0) 72%,rgba(28,28,26,.60) 100%)}
.film__v,.film__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.film__v{opacity:0;transition:opacity .5s ease}
.film__v.is-ready{opacity:1}
.film__poster{opacity:1;transition:opacity .5s ease}
.film__poster.is-out{opacity:0}
.film__meta{position:absolute;left:0;right:0;bottom:clamp(22px,4vh,44px);z-index:5;
  display:flex;align-items:center;justify-content:center;gap:11px;
  font-family:var(--disp);font-weight:600;font-size:var(--t-xs);letter-spacing:.16em;
  text-transform:uppercase;color:#D6D1C8}
.film__dot{width:7px;height:7px;border-radius:50%;background:var(--clay-d)}
.film__note{max-width:var(--w);margin:0 auto;padding:0 var(--pad) clamp(44px,7vh,80px);
  font-size:var(--t-sm);color:#8E8A83;line-height:1.6;max-width:72ch}

/* ── proof strip, early ── */
.proof{border-bottom:1px solid var(--sand);padding:clamp(30px,5vh,46px) 0}
.proof__grid{display:grid;gap:22px}
.proof__c{display:flex;gap:13px;align-items:flex-start}
.proof__n{font-family:var(--disp);font-weight:650;font-size:var(--t-xs);letter-spacing:.1em;
  color:var(--clay);padding-top:3px;flex:0 0 auto}
.proof__c b{font-family:var(--disp);font-weight:600;font-size:var(--t-base);display:block;margin-bottom:3px}
.proof__c span{font-size:var(--t-sm);color:var(--slate);line-height:1.55}

.chip{position:absolute;z-index:6;font-family:var(--disp);font-weight:600;font-size:12px;
  letter-spacing:.15em;text-transform:uppercase;padding:7px 11px;border-radius:2px;
  background:rgba(28,28,26,.88);color:#F2EFE9;border:1px solid rgba(242,239,233,.40)}
.chip--ba{top:12px;right:12px}
.chip--film{top:calc(var(--bar) + 16px);right:var(--pad);z-index:7}

/* ── services ── */
.svc{padding:clamp(64px,10vh,116px) 0}
.svc__grid{display:grid;gap:26px;margin-top:10px}
.svc__card{background:#fff;border:1px solid var(--sand);border-radius:3px;overflow:hidden;
  display:flex;flex-direction:column}
.svc__card img{width:100%;height:220px;object-fit:cover}
.svc__card h3{font-size:23px;padding:22px 24px 0}
.svc__card ul{list-style:none;padding:14px 24px 0;margin:0;flex:1}
.svc__card p{padding:12px 24px 0;margin:0;flex:1;color:var(--slate);font-size:15.5px}
.svc__card li{padding:9px 0;border-bottom:1px solid var(--sand);font-size:15.5px}
.svc__card li:last-child{border-bottom:0}
.svc__card .link{display:block;padding:18px 24px 24px}

/* ── craft ── */
.craft{display:grid;gap:0}
.craft__img img{width:100%;height:clamp(280px,46vh,520px);object-fit:cover}
.craft__copy{padding:clamp(48px,8vh,92px) var(--pad);max-width:640px;margin:0 auto}
.craft__copy p{color:var(--slate)}

/* ── how ── */
.how{padding:clamp(64px,10vh,116px) 0;background:#EDEAE3}
.how__row{display:grid;gap:34px;align-items:start}
.how__fig{background:var(--wash);border:1px solid var(--sand);border-radius:3px;padding:6px}
.how__fig iframe{width:100%;aspect-ratio:400/330;border:0;display:block}
.how__cap{font-family:var(--disp);font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--quiet);text-align:center;margin:0 0 8px}
.how__steps{counter-reset:s;list-style:none;padding:0;margin:0}
.how__steps li{counter-increment:s;position:relative;padding:0 0 22px 52px;
  border-left:1px solid var(--sand);margin-left:16px;padding-top:2px}
.how__steps li:last-child{border-left-color:transparent;padding-bottom:0}
.how__steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:-17px;top:0;
  width:34px;height:34px;background:var(--clay);color:#fff;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--disp);font-weight:650;font-size:13px}
.how__steps b{font-family:var(--disp);font-weight:650}

/* ── before / after ── */
.ba{padding:clamp(64px,10vh,116px) 0}
.ba__box{border:1px solid var(--sand);border-radius:3px;overflow:hidden;background:#fff}
.ba__stage{position:relative;aspect-ratio:16/9;overflow:hidden;cursor:ew-resize;
  touch-action:pan-y;user-select:none}
.ba__stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ba__clip{position:absolute;inset:0;width:50%;overflow:hidden}
.ba__clip img{width:auto;height:100%;max-width:none}
.ba__handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--wash);
  z-index:3;pointer-events:none}
.ba__handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:44px;height:44px;border-radius:50%;background:var(--wash);
  box-shadow:0 2px 10px rgba(0,0,0,.26)}
.ba__handle span::before,.ba__handle span::after{content:"";position:absolute;top:50%;
  width:0;height:0;border:5px solid transparent}
.ba__handle span::before{left:9px;transform:translateY(-50%);border-right-color:var(--ink)}
.ba__handle span::after{right:9px;transform:translateY(-50%);border-left-color:var(--ink)}
.ba__stage:focus-visible{outline:3px solid var(--clay);outline-offset:3px}
.ba__lbl{position:absolute;bottom:12px;z-index:4;font-family:var(--disp);font-weight:600;
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#F2EFE9;
  background:rgba(28,28,26,.86);padding:6px 10px;border-radius:2px}
.ba__lbl--b{left:12px}
.ba__lbl--a{right:12px}
.ba__note{margin-top:18px;font-size:14px;color:var(--slate);max-width:68ch;line-height:1.6}

/* ── promises ── */
.prom{padding:clamp(64px,10vh,116px) 0;background:var(--ink);color:var(--wash)}
.prom .eyebrow{color:var(--clay-d)}
.prom__grid{display:grid;gap:1px;background:rgba(242,239,233,.16);border:1px solid rgba(242,239,233,.16)}
.prom__c{background:var(--ink);padding:28px 26px}
.prom__c span{font-family:var(--disp);font-weight:650;font-size:12px;letter-spacing:.14em;color:var(--clay-d)}
.prom__c h3{font-size:20px;margin:10px 0 8px}
.prom__c p{font-size:15.5px;color:#B5B0A8;margin:0}

/* ── area ── */
.area{padding:clamp(64px,10vh,116px) 0}
.area__grid{display:grid;gap:18px}
.area__grid div{border:1px solid var(--sand);background:#fff;padding:22px 24px;border-radius:3px}
.area__grid b{font-family:var(--disp);font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--clay);display:block;margin-bottom:10px}
.area__grid p{margin:0;color:var(--slate);font-size:15.5px;line-height:1.9}

/* ── quote ── */
.quote{padding:clamp(64px,10vh,116px) 0;background:#EDEAE3}
.quote__wrap{display:grid;gap:34px}
.quote__copy p{color:var(--slate);max-width:44ch}
.quote__alt{font-family:var(--disp);font-weight:600}
.quote__alt a{color:var(--clay)}
.quote__form{background:var(--wash);border:1px solid var(--sand);border-radius:3px;padding:26px}
.quote__form label{display:block;font-family:var(--disp);font-weight:600;font-size:13px;
  letter-spacing:.06em;margin-bottom:18px}
.quote__form input[type=text],.quote__form textarea{display:block;width:100%;margin-top:8px;
  font:400 16px/1.5 var(--body);padding:13px 14px;border:1.5px solid var(--sand);
  border-radius:2px;background:#fff;color:var(--ink);min-height:48px}
.quote__form input:focus,.quote__form textarea:focus{outline:0;border-color:var(--clay)}
.quote__form input.err,.quote__form textarea.err{border-color:#A3301B}
.quote__form fieldset{border:0;padding:0;margin:0 0 18px}
.quote__form legend{font-family:var(--disp);font-weight:600;font-size:13px;letter-spacing:.06em;
  padding:0;margin-bottom:10px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{margin:0}
.chips input{position:absolute;opacity:0;width:1px;height:1px}
.chips span{display:inline-flex;align-items:center;min-height:44px;padding:0 15px;
  border:1.5px solid var(--sand);border-radius:2px;background:#fff;cursor:pointer;
  font-family:var(--body);font-weight:400;font-size:15px;letter-spacing:0;
  transition:border-color .16s ease,background .16s ease,color .16s ease}
.chips input:checked + span{background:var(--ink);color:var(--wash);border-color:var(--ink)}
.chips input:focus-visible + span{outline:3px solid var(--clay);outline-offset:2px}
.quote__fine{font-size:13px;color:var(--slate);margin:12px 0 0;text-align:center}

/* ── footer ── */
.foot{background:var(--ink);color:#8E8A83;padding:52px 0 calc(32px + env(safe-area-inset-bottom))}
.foot__wrap{display:grid;gap:26px}
.foot__logo{height:72px;width:auto}
.foot__col{display:flex;flex-direction:column;gap:7px;font-size:15px}
.foot__col b{font-family:var(--disp);color:var(--wash);font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;margin-bottom:4px}
.foot__col a{color:var(--wash);text-decoration:none}
.foot__col a:hover{color:var(--clay-d)}
.foot__fine{font-size:13px;line-height:1.6;margin:0;grid-column:1/-1;
  border-top:1px solid rgba(242,239,233,.14);padding-top:22px}

/* ── sticky mobile CTA ── */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:99;display:flex;gap:8px;
  padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom));
  background:rgba(242,239,233,.95);border-top:1px solid var(--sand);
  transform:translateY(110%);transition:transform .3s cubic-bezier(.32,.72,0,1)}
.sticky.is-on{transform:translateY(0)}
.sticky .btn{flex:1}
.sticky .btn--line{flex:0 0 96px}

/* ── finger targets ── */
@media (pointer: coarse){
  .foot__col a,.foot__col span{min-height:44px;display:flex;align-items:center}
  .bar__logo{min-height:44px}
  .link{min-height:44px;display:flex;align-items:center}
  .quote__alt a{display:inline-flex;min-height:44px;align-items:center}
}
.skip:focus{min-height:44px;display:flex;align-items:center}

/* ── reveal ── */
[data-rise]{opacity:0;transform:translateY(18px)}
.no-anim [data-rise],[data-rise].is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  [data-rise]{opacity:1!important;transform:none!important}
}

/* ── desk ── */
@media(min-width:720px){
  :root{--pad:30px}
  .svc__grid{grid-template-columns:1fr 1fr}
  .prom__grid{grid-template-columns:1fr 1fr}
  .area__grid{grid-template-columns:repeat(3,1fr)}
  .foot__wrap{grid-template-columns:1.4fr 1fr 1fr}
  .quote__wrap{grid-template-columns:1fr 1.05fr;align-items:start}
  .sticky{display:none}
  .craft{grid-template-columns:1fr 1fr;align-items:center}
  .craft__img img{height:100%;min-height:440px}
  .craft__copy{padding:0 clamp(28px,4vw,62px);max-width:560px;margin:0}
}
@media(min-width:960px){
  .bar{height:72px;--bar:72px}
  .bar__nav{display:flex}
  .bar__cta .btn--ghost{display:inline-flex}
  .bar__logo img{height:26px}
  .how__row{grid-template-columns:.92fr 1.08fr;gap:52px}
  .prom__grid{grid-template-columns:repeat(4,1fr)}
}

/* ── page hero (inner pages) ── */
.ph-hero{padding:calc(var(--bar) + clamp(52px,9vh,104px)) 0 clamp(34px,5vh,56px)}
.h1{font-size:clamp(38px,7vw,70px);line-height:1.02;letter-spacing:-.025em;margin:0 0 18px;
  font-family:var(--disp);font-weight:600;max-width:16ch}
.lede{font-size:clamp(17px,2.1vw,20px);color:var(--slate);max-width:52ch;margin:0}

/* ── placeholders, honestly marked ── */
.ph{display:flex;align-items:center;justify-content:center;text-align:center;
  background:repeating-linear-gradient(45deg,#E9E5DD,#E9E5DD 10px,#E4DFD6 10px,#E4DFD6 20px);
  border:1.5px dashed var(--sand);border-radius:3px;color:var(--slate);
  font-family:var(--disp);font-weight:600;font-size:13px;letter-spacing:.11em;
  text-transform:uppercase;line-height:1.8;aspect-ratio:4/3;padding:20px}
.ph--tall{aspect-ratio:4/5}
.ph--text{display:block;aspect-ratio:auto;text-align:left;text-transform:none;
  letter-spacing:0;font-family:var(--body);font-weight:400;font-size:16px;
  color:var(--slate);padding:20px 22px;line-height:1.6}
.ph--text b{font-family:var(--disp);font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--clay);display:block;margin-bottom:8px}
.ph--text p{margin:0}
.ph__note{font-size:13.5px;color:var(--quiet);line-height:1.6;margin:12px 0 0}

/* ── bio ── */
.bio{padding:0 0 clamp(56px,9vh,104px)}
.bio__wrap{display:grid;gap:34px}
.bio__copy h3{font-family:var(--disp);font-size:14px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--slate);margin:34px 0 12px}
.bio__copy p{color:var(--slate);max-width:56ch}
ul.plain{list-style:none;padding:0;margin:0;max-width:56ch}
ul.plain li{padding:11px 0 11px 26px;border-bottom:1px solid var(--sand);position:relative;font-size:16px}
ul.plain li:last-child{border-bottom:0}
ul.plain li::before{content:"";position:absolute;left:0;top:1.05em;width:10px;height:2px;background:var(--clay)}

/* ── services detail ── */
.svcx{padding:clamp(52px,8vh,96px) 0}
.svcx--alt{background:#EDEAE3}
.svcx__head{max-width:62ch;margin-bottom:26px}
.svcx__head p{color:var(--slate);font-size:18px;margin:0}
.svcx__img{width:100%;height:clamp(220px,34vh,380px);object-fit:cover;border-radius:3px;margin-bottom:30px}
.svcx__grid{display:grid;gap:22px;margin-bottom:30px}
.svcx__grid h3{font-size:19px;margin:0 0 8px}
.svcx__grid p{color:var(--slate);font-size:15.5px;margin:0}

/* ── meet ── */
.meet{padding:clamp(56px,9vh,104px) 0;background:#EDEAE3}
.meet__wrap{display:grid;gap:30px;align-items:center}
.meet__copy p{color:var(--slate);max-width:48ch}
.meet .btn{margin-top:8px}

/* ── cta band ── */
.band{padding:clamp(52px,8vh,92px) 0;background:var(--ink);color:var(--wash)}
.band__wrap{display:grid;gap:26px;align-items:center}
.band .h2{margin-bottom:12px}
.band p{color:#B5B0A8;max-width:46ch;margin:0}
.band__cta{display:flex;flex-wrap:wrap;gap:12px}
.band .btn--line{border-color:var(--wash);color:var(--wash)}
.band .btn--line:hover{background:var(--wash);color:var(--ink)}

/* ── contact ways ── */
.quote__ways{display:grid;gap:12px;margin:24px 0 16px;max-width:420px}
.way{display:flex;flex-direction:column;gap:3px;text-decoration:none;background:var(--wash);
  border:1px solid var(--sand);border-radius:3px;padding:15px 18px;min-height:44px;
  transition:border-color .18s ease,background .18s ease}
.way:hover{border-color:var(--clay);background:#fff}
.way b{font-family:var(--disp);font-size:16px}
.way span{font-size:14.5px;color:var(--slate)}
.quote__hours{font-size:14px;color:var(--quiet);margin:0}

@media(min-width:720px){
  .bio__wrap{grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}
  .meet__wrap{grid-template-columns:.8fr 1.2fr;gap:44px}
  .svcx__grid{grid-template-columns:1fr 1fr}
  .band__wrap{grid-template-columns:1.3fr auto}
  .quote__ways{grid-template-columns:1fr 1fr;max-width:none}
}
@media(min-width:960px){
  .bar__nav{display:flex}
  .svcx__grid{grid-template-columns:repeat(3,1fr)}
}

@media(min-width:860px){
  .hero__grid{grid-template-columns:1.02fr 1fr;gap:clamp(40px,5vw,72px)}
  .hero__fig{margin-right:calc((100vw - min(100vw, var(--w)))/-2 - var(--pad));}
  .hero__fig img{height:clamp(440px,72vh,660px)}
  .proof__grid{grid-template-columns:repeat(4,1fr);gap:26px}
}
@media(min-width:960px){ :root{--bar:76px} .bar__logo img{height:26px} }

/* ── the owner's portrait ── */
.shot{margin:0;position:relative}
.shot img{width:100%;height:auto;display:block}
.shot figcaption{font-family:var(--disp);font-weight:600;font-size:var(--t-xs);
  letter-spacing:.14em;text-transform:uppercase;color:var(--quiet);
  margin-top:14px;display:flex;align-items:center;gap:9px}
.shot figcaption::before{content:"";width:22px;height:1.5px;background:var(--clay)}
.shot img{max-width:340px;border-radius:2px}
.shot--sm img{max-width:300px}
/* 355px of source: shown larger than this and it goes soft. */
@media(min-width:720px){ .shot img{max-width:355px} }

/* ── the record ── */
ul.stats{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:1px;
  background:var(--sand);border:1px solid var(--sand);border-radius:3px;overflow:hidden}
ul.stats li{background:var(--wash);padding:16px 18px;display:flex;flex-direction:column;gap:3px}
ul.stats b{font-family:var(--disp);font-weight:650;font-size:var(--t-lg);letter-spacing:-.01em}
ul.stats span{font-size:14.5px;color:var(--slate);line-height:1.45}
@media(min-width:560px){ ul.stats{grid-template-columns:1fr 1fr} }

.pull{margin:0 0 20px;padding:4px 0 4px 22px;border-left:3px solid var(--clay);
  font-family:var(--disp);font-weight:600;font-size:clamp(20px,2.4vw,26px);
  line-height:1.3;letter-spacing:-.01em;max-width:24ch}

/* ── our own work ── */
.work{padding:clamp(56px,9vh,104px) 0}
.work__lede{color:var(--slate);max-width:62ch;margin:0 0 30px}
.work__grid{display:grid;gap:16px}
.work figure{margin:0}
.work img{width:100%;height:100%;object-fit:cover;display:block;border-radius:2px}
.work figcaption{font-size:14px;color:var(--slate);line-height:1.5;margin-top:10px;max-width:46ch}
@media(min-width:820px){
  .work__grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(0,auto)}
  .work__a{grid-column:1;grid-row:1 / span 2}
  .work__a img{height:clamp(420px,56vh,620px)}
  .work__b{grid-column:2 / span 2;grid-row:1}
  .work__b img{height:clamp(220px,28vh,310px)}
  .work__c{grid-column:2;grid-row:2}
  .work__d{grid-column:3;grid-row:2}
  .work__c img,.work__d img{height:clamp(180px,22vh,250px)}
}