
/* ===== TOKENS : black / white / light gray / gold ===== */
:root{
  --paper:#FFFFFF;
  --surface:#F4F4F2;
  --surface-2:#EBEBE8;
  --deep:#0B0B0B;
  --deep-2:#17171A;
  --deep-rule:#2A2A2E;
  --on-deep:#F7F7F5;
  --on-deep-2:#A6A7AB;
  --ink:#0B0B0B;
  --ink-2:#55565A;
  --ink-3:#8A8B8F;
  --rule:#DCDCD8;
  --rule-soft:#EAEAE6;
  --gold:#BF9B30;
  --gold-ink:#8A6D1C;
  --gold-soft:rgba(191,155,48,.10);
  --hot:#A33B22; --hot-soft:rgba(163,59,34,.08);
  --hatch:#DCDCD8;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#0B0B0B; --surface:#141416; --surface-2:#1B1B1E;
    --deep:#000000; --deep-2:#121214; --deep-rule:#26262A;
    --on-deep:#F7F7F5; --on-deep-2:#A6A7AB;
    --ink:#F7F7F5; --ink-2:#A6A7AB; --ink-3:#76777B;
    --rule:#26262A; --rule-soft:#1C1C1F;
    --gold:#D4B14A; --gold-ink:#D9B85C; --gold-soft:rgba(212,177,74,.12); --hot:#D97757; --hot-soft:rgba(217,119,87,.14);
    --hatch:#26262A;
  }
}
:root[data-theme="dark"]{
  --paper:#0B0B0B; --surface:#141416; --surface-2:#1B1B1E;
  --deep:#000000; --deep-2:#121214; --deep-rule:#26262A;
  --on-deep:#F7F7F5; --on-deep-2:#A6A7AB;
  --ink:#F7F7F5; --ink-2:#A6A7AB; --ink-3:#76777B;
  --rule:#26262A; --rule-soft:#1C1C1F;
  --gold:#D4B14A; --gold-ink:#D9B85C; --gold-soft:rgba(212,177,74,.12); --hot:#D97757; --hot-soft:rgba(217,119,87,.14);
  --hatch:#26262A;
}

*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:"Vollkorn",Georgia,serif;font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-weight:800;
  line-height:1.0;letter-spacing:-.004em;text-wrap:balance;margin:0;text-transform:uppercase}
h3,h4{font-weight:700}
p{margin:0} a{color:inherit} img{max-width:100%;display:block}
.mono{font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-size:12.5px;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
@media (min-width:1000px){.wrap{padding:0 32px}}

/* ===== header ===== */
header{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--paper) 92%,transparent);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--rule-soft)}
.bar{max-width:1200px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:26px}
.mark{font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-weight:800;font-size:17.5px;letter-spacing:-.02em;
  text-decoration:none;display:flex;align-items:baseline;gap:9px;flex:none}
.mark s{text-decoration:none;color:var(--gold-ink);font-family:"Big Shoulders Display","Arial Narrow",sans-serif;
  font-size:9.5px;letter-spacing:.18em;font-weight:500}
nav{margin-left:auto;display:none;gap:22px;align-items:center}
@media (min-width:1060px){nav{display:flex}}
nav a{font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-size:16px;font-weight:600;
  text-transform:uppercase;letter-spacing:.05em;text-decoration:none;
  color:var(--ink-2);padding:4px 0;border-bottom:1px solid transparent;white-space:nowrap}
nav a:hover{color:var(--ink)}
nav a.on{color:var(--ink);border-bottom-color:var(--gold)}
.btn{font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-size:15.5px;font-weight:700;
  text-transform:uppercase;letter-spacing:.07em;text-decoration:none;
  padding:11px 19px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);
  white-space:nowrap;transition:background .18s,color .18s,border-color .18s;cursor:pointer;display:inline-block}
.btn:hover{background:var(--gold);border-color:var(--gold);color:#0B0B0B}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--rule)}
.btn.ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn.gold{background:var(--gold);border-color:var(--gold);color:#0B0B0B}
.btn.gold:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.bar .btn{margin-left:auto}
@media (min-width:1060px){.bar .btn{margin-left:0}}
.menu-t{margin-left:auto;display:flex;background:none;border:1px solid var(--rule);color:var(--ink);
  padding:10px 13px;font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;cursor:pointer}
@media (min-width:1060px){.menu-t{display:none}}
/* header fit: the bar was overflowing at 1280 and badly on phones */
@media (min-width:1060px) and (max-width:1339px){
  .bar{gap:16px}
  nav{gap:15px}
  nav a{font-size:14.5px;letter-spacing:.03em}
  .bar .btn{font-size:13.5px;padding:10px 13px;letter-spacing:.05em}
}
@media (min-width:1060px) and (max-width:1199px){
  .bar{gap:12px}
  nav{gap:11px}
  nav a{font-size:13.5px;letter-spacing:.01em}
  .bar .btn{font-size:12.5px;padding:9px 11px;letter-spacing:.03em}
}
@media (max-width:1059px){
  .bar{gap:14px}
  .bar .btn{margin-left:auto;font-size:12.5px;padding:9px 12px;letter-spacing:.04em}
  .menu-t{margin-left:0}
}
@media (max-width:479px){
  .bar{padding-left:16px;padding-right:16px}
  .bar .btn{display:none}
  .mark .badge{width:34px;height:34px}
}
.mnav{display:none;border-top:1px solid var(--rule-soft);background:var(--surface);max-height:70vh;overflow:auto}
.mnav.open{display:block}
@media (min-width:1060px){.mnav{display:none !important}}
.mnav a{display:block;padding:13px 24px;border-bottom:1px solid var(--rule-soft);text-decoration:none;
  font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-size:15px;font-weight:500}
.mnav a.sub{padding-left:44px;font-size:13.5px;color:var(--ink-2)}

/* ===== shared ===== */
.slot{position:relative;background:var(--surface);
  background-image:repeating-linear-gradient(45deg,var(--hatch) 0 1px,transparent 1px 11px);
  border:1px solid var(--rule);display:flex;align-items:flex-end;overflow:hidden}
.slot::after{content:attr(data-slot);font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-size:9.5px;
  font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2);
  background:var(--paper);border-top:1px solid var(--rule);border-right:1px solid var(--rule);padding:6px 11px}
.rule-gold{height:2px;background:var(--gold);width:44px}
.eyebrow{color:var(--ink-3);margin-bottom:22px}
.lede{font-size:clamp(1.08rem,1.8vw,1.3rem);color:var(--ink-2);max-width:60ch;line-height:1.56}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
/* long button labels can't nowrap on a phone */
@media (max-width:560px){
  .acts{gap:10px}
  .acts .btn{white-space:normal;display:block;width:100%;text-align:center;font-size:14px;padding:12px 14px}
}
.ph{padding:66px 0 0}
.ph h1{font-size:clamp(2.15rem,7.4vw,5.4rem);max-width:17ch;margin-bottom:22px;overflow-wrap:break-word}
.sec{padding:84px 0}
.sec h2{font-size:clamp(2.1rem,4.4vw,3.4rem);max-width:21ch}
.sec .sub{color:var(--ink-2);max-width:58ch;margin-top:16px;font-size:1.06rem}
.dark{background:var(--deep);color:var(--on-deep)}
.dark h1,.dark h2,.dark h3{color:var(--on-deep)}
.dark p,.dark .sub{color:var(--on-deep-2)}
.dark .mono{color:var(--gold)}
.dark .btn.ghost{color:var(--on-deep);border-color:var(--deep-rule)}
.dark .btn.ghost:hover{background:var(--on-deep);color:var(--deep);border-color:var(--on-deep)}
.dark .pcard .cap b{color:var(--on-deep)}
.dark .pcard .cap span{color:var(--on-deep-2)}
.dark .pcard:hover .cap b{color:var(--gold)}
.dark .slot{background-color:#17171A}
.body-txt{font-size:1.06rem;color:var(--ink-2)}
.body-txt>p:first-child{margin-top:0}
h2 + .body-txt{margin-top:24px}
h2 + .sub{margin-top:22px}
.steps{margin:22px 0 0;padding:0;list-style:none;counter-reset:st}
h2 + .steps{margin-top:22px}
.steps li{position:relative;padding-left:32px;margin:13px 0;color:var(--ink-2);counter-increment:st;list-style:none}
.steps li::marker{content:""}
.steps li::before{content:counter(st);position:absolute;left:0;top:.02em;font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-weight:700;font-size:1.02rem;color:var(--gold-ink);font-variant-numeric:tabular-nums}
.dark .steps li{color:var(--on-deep-2)}
.dark .steps li::before{color:var(--gold)}
h2 + .bullets,h2 + ul.bullets{margin-top:20px}
.body-txt p+p{margin-top:1.1em}
.body-txt strong{color:var(--ink);font-weight:500}
.body-txt em{color:var(--ink);font-style:italic}
.two{display:grid;gap:36px}
@media (min-width:900px){.two{grid-template-columns:1fr 1.35fr;gap:70px}}
.view{display:none}
.view.on{display:block}
.tmpl{background:var(--gold-soft);border-bottom:1px solid var(--gold);padding:11px 0}
.tmpl .mono{color:var(--gold-ink)}

/* ===== badge logo ===== */
.badge{display:block;background-color:currentColor;-webkit-mask:url(/img/aeb90102bbef.webp) center/contain no-repeat;mask:url(/img/aeb90102bbef.webp) center/contain no-repeat}
.mark .badge{width:42px;height:42px;flex:none}
.foot-badge{width:50px;height:50px;color:var(--ink)}
.mark .wm{display:flex;flex-direction:column;gap:1px;line-height:1}
.mark .wm b{font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-weight:800;font-size:21px;letter-spacing:.04em}
.mark .wm s{text-decoration:none;color:var(--gold-ink);font-family:"Big Shoulders Display","Arial Narrow",sans-serif;
  font-size:10.5px;letter-spacing:.19em;font-weight:600}
.tagline{font-family:"Vollkorn",Georgia,serif;font-weight:600;text-transform:uppercase;
  letter-spacing:.19em;font-size:clamp(.68rem,1.15vw,.86rem);color:var(--gold)}

/* ===== full-bleed hero ===== */
.hero-full{position:relative;display:flex;align-items:flex-end;overflow:hidden;
  min-height:clamp(400px,66vh,660px);background:#0B0B0B}
.hero-bg{position:absolute;inset:0;background-color:#0B0B0B;
  background-image:repeating-linear-gradient(45deg,#1E1E22 0 1px,transparent 1px 12px)}
.hero-bg::before{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.15) 40%,rgba(0,0,0,.82) 100%)}
.hero-tagpic{position:absolute;top:0;right:0;z-index:3;background:rgba(11,11,11,.72);
  border-left:1px solid #2A2A2E;border-bottom:1px solid #2A2A2E;color:#A6A7AB;
  font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:7px 12px}
.hero-in{position:relative;z-index:2;width:100%;padding:0 0 44px}
@media (min-width:760px){.hero-in{padding:0 0 56px}}
.hero-in .eyebrow{color:var(--gold);margin-bottom:16px}
.hero-badge{width:clamp(86px,11vw,124px);height:clamp(86px,11vw,124px);color:#FFFFFF;margin-bottom:24px;
  filter:drop-shadow(0 2px 14px rgba(0,0,0,.5))}
.hero-in h1.hero-tag{color:#FFFFFF;margin:0;max-width:22ch;
  font-family:"Vollkorn",Georgia,serif;font-weight:500;font-style:normal;
  text-transform:uppercase;letter-spacing:.16em;line-height:1.28;
  font-size:clamp(1.15rem,3.4vw,2.35rem);
  text-shadow:0 2px 24px rgba(0,0,0,.45)}
.hero-in .hero-place{color:rgba(255,255,255,.6);margin-top:20px}
.hero-in .kicker{color:rgba(255,255,255,.78);font-size:clamp(1rem,1.6vw,1.18rem);
  max-width:44ch;margin-top:16px}

/* ===== the fork ===== */
.fork{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:38px}
@media (max-width:480px){.fork{grid-template-columns:1fr}}
@media (min-width:900px){.fork{gap:20px}}
.fcard{position:relative;text-decoration:none;border:1px solid var(--rule);background:var(--paper);
  display:flex;flex-direction:column;transition:border-color .2s,transform .2s;overflow:hidden}
.fcard:hover{border-color:var(--gold);transform:translateY(-2px)}
.fcard .slot{border:0;border-bottom:1px solid var(--rule);aspect-ratio:4/3}
@media (min-width:760px){.fcard .slot{aspect-ratio:16/9}}
.fcard .fb{padding:18px 18px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
@media (min-width:760px){.fcard .fb{padding:24px 26px 28px;gap:9px}}
.fcard h3{font-size:clamp(1.35rem,3vw,2.3rem)}
.fcard p{color:var(--ink-2);font-size:clamp(.92rem,1.3vw,1rem);line-height:1.5}
.fcard .go{margin-top:auto;padding-top:14px;color:var(--gold-ink);font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;
  font-weight:600;font-size:clamp(12px,1.1vw,13.5px)}
.fcard .tag{position:absolute;top:0;left:0;background:var(--gold);color:#0B0B0B;
  font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  padding:5px 10px;z-index:2}
.quick{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px;
  padding-top:20px;border-top:1px solid var(--rule-soft)}
.quick .lbl{color:var(--ink-3)}
.quick a{font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-size:13px;font-weight:500;text-decoration:none;
  border:1px solid var(--rule);padding:7px 13px;color:var(--ink-2)}
.quick a:hover{border-color:var(--gold);color:var(--ink)}

/* ===== service grid ===== */
.svc{display:grid;gap:1px;background:var(--deep-rule);border:1px solid var(--deep-rule);margin-top:44px}
@media (min-width:700px){.svc{grid-template-columns:1fr 1fr}}
@media (min-width:1050px){.svc{grid-template-columns:1fr 1fr 1fr}}
.svc a{background:var(--deep);padding:28px 24px 32px;display:flex;flex-direction:column;gap:10px;
  text-decoration:none;transition:background .2s}
.svc a:hover{background:var(--deep-2)}
.svc .n{color:var(--gold);font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-size:10px;letter-spacing:.16em}
.svc h3{font-size:1.28rem;color:var(--on-deep)}
.svc p{color:var(--on-deep-2);font-size:.97rem;line-height:1.54}

/* ===== steps ===== */
.steps{margin-top:44px;border-top:1px solid var(--rule)}
.step{display:grid;gap:8px 30px;padding:24px 0;border-bottom:1px solid var(--rule);align-items:start}
@media (min-width:820px){.step{grid-template-columns:58px 1fr 1.5fr}}
.step .num{font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-size:10.5px;font-weight:500;letter-spacing:.16em;
  color:var(--gold-ink);padding-top:6px}
.step h3{font-size:1.22rem}
.step p{color:var(--ink-2);font-size:1rem}
.meta{display:inline-block;margin-top:8px;font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-size:10px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);background:var(--gold-soft);padding:4px 9px}

/* ===== values ===== */
.vgrid{display:grid;gap:26px;margin-top:44px}
@media (min-width:680px){.vgrid{grid-template-columns:1fr 1fr}}
@media (min-width:900px){.vgrid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1180px){.vgrid{grid-template-columns:repeat(5,1fr);gap:20px}}
.vgrid article{border-top:2px solid var(--gold);padding-top:16px}
.vgrid .l{font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-weight:800;font-size:2.4rem;line-height:1;
  color:var(--gold-ink);letter-spacing:-.03em}
.vgrid h3{font-size:1.12rem;margin-top:5px}
.vgrid p{color:var(--ink-2);font-size:.96rem;margin-top:8px;line-height:1.54}
.dark .body-txt{color:var(--on-deep-2)}
.dark .body-txt strong{color:var(--on-deep);font-weight:600}
.dark .body-txt em{color:var(--on-deep)}
.dark .bullets li strong{color:var(--on-deep)}
.dark .vgrid p{color:var(--on-deep-2)}
.dark .vgrid h3{color:var(--on-deep)}
.dark .vgrid .l{color:var(--gold)}
.dark .vgrid article{border-top-color:var(--gold)}

/* ===== quote ===== */
.quote blockquote{margin:0;font-size:clamp(1.35rem,3vw,2.05rem);line-height:1.34;letter-spacing:-.018em;
  font-family:"Vollkorn",Georgia,serif;font-weight:300;max-width:26ch;color:var(--on-deep)}
.quote .attr{margin-top:22px;color:var(--gold);font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-size:10.5px;
  letter-spacing:.16em;text-transform:uppercase}

/* ===== work ===== */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.chip{font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-size:12.5px;font-weight:500;padding:7px 14px;
  border:1px solid var(--rule);background:transparent;color:var(--ink-2);cursor:pointer}
.chip:hover{border-color:var(--gold);color:var(--ink)}
.chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.pgrid{display:grid;gap:20px;margin-top:34px}
@media (min-width:640px){.pgrid{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.pgrid{grid-template-columns:1fr 1fr 1fr}
.pgrid.two{grid-template-columns:1fr 1fr}}
.pcard{text-decoration:none;display:block}
.pcard .slot{aspect-ratio:4/3}
.pcard .cap{margin-top:10px;font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif}
.pcard .cap b{display:block;font-size:1.02rem;font-weight:600;letter-spacing:-.012em}
.pcard .cap span{color:var(--ink-3);font-size:.87rem}
.pcard:hover .cap b{color:var(--gold-ink)}
.pmeta{display:grid;gap:20px;margin-top:34px;padding:24px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
@media (min-width:700px){.pmeta{grid-template-columns:repeat(3,1fr)}}
@media (min-width:980px){.pmeta{grid-template-columns:repeat(5,1fr)}}
.pmeta .val.cost{color:var(--gold-ink)}
.pnote{margin-top:14px;font-size:.9rem;color:var(--ink-3);max-width:62ch}
.pnote a{color:var(--gold-ink)}
.pmeta .lbl{color:var(--ink-3);margin-bottom:6px}
.pmeta .val{font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-weight:600;font-size:1rem}
.gal{display:grid;gap:14px;margin-top:34px}
@media (min-width:700px){.gal{grid-template-columns:1fr 1fr}}
.gal .slot{aspect-ratio:4/3}
.gal .wide{grid-column:1/-1;aspect-ratio:16/8}

/* ===== hubs / lists ===== */
.hubs{display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:38px}
@media (min-width:700px){.hubs{grid-template-columns:1fr 1fr}}
.hubs a{background:var(--paper);padding:28px 26px 30px;display:flex;flex-direction:column;gap:9px;
  text-decoration:none;transition:background .18s}
.hubs a:hover{background:var(--surface)}
.hubs h3{font-size:1.26rem}
.hubs p{color:var(--ink-2);font-size:.97rem}
.hubs .k{color:var(--gold-ink)}
.hubs button{background:var(--paper);padding:28px 26px 30px;display:flex;flex-direction:column;
  gap:9px;text-align:left;border:0;font:inherit;color:inherit;cursor:pointer;transition:background .18s}
.hubs button:hover{background:var(--surface)}
.hubs button.on{background:var(--ink)}
.hubs button.on h3{color:var(--paper)}
.hubs button.on p{color:var(--on-deep-2)}
.hubs button.on .k{color:var(--gold)}
.jfilter{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-top:26px;
  font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-size:12.5px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.jfilter button{background:none;border:0;padding:0;font:inherit;letter-spacing:.12em;
  color:var(--gold-ink);cursor:pointer;border-bottom:1px solid var(--rule)}
.jfilter button:hover{color:var(--ink);border-bottom-color:var(--ink)}

.plist{margin-top:34px;border-top:1px solid var(--rule)}
.plist a{display:grid;gap:4px 24px;padding:17px 0;border-bottom:1px solid var(--rule-soft);
  text-decoration:none;align-items:baseline}
@media (min-width:760px){.plist a{grid-template-columns:96px 1fr 130px}}
.plist a:hover .t{color:var(--gold-ink)}
.plist .d{font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-size:10px;letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase}
.plist .t{font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-size:1.02rem;font-weight:500;letter-spacing:-.012em;line-height:1.35}
.plist .c{font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-size:9.5px;letter-spacing:.14em;color:var(--gold-ink);text-transform:uppercase}

.faq{margin-top:34px;border-top:1px solid var(--rule)}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{padding:20px 0;cursor:pointer;font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-weight:600;
  font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold-ink);font-weight:500;flex:none}
.faq details[open] summary::after{content:"–"}
.faq .a{padding:0 0 22px;color:var(--ink-2);max-width:66ch}

.cols{display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:38px}
@media (min-width:820px){.cols{grid-template-columns:1fr 1fr}}
.cols article{background:var(--paper);padding:34px 30px 36px;display:flex;flex-direction:column;gap:11px}
.cols .fig{margin-top:auto;padding-top:16px;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:3px}
.cols .fig strong{font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-size:1.9rem;font-weight:800;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums}
.cols .fig span{font-size:.9rem;color:var(--ink-3)}
@media (min-width:860px){.cols.three{grid-template-columns:repeat(3,1fr)}}
.cols.three article{padding:30px 26px 32px}
.cols.three h3.big{font-size:clamp(1.6rem,2.5vw,2.1rem)}
.cols .counties{color:var(--gold-ink);font-size:1.06rem;line-height:1.5}
.cols h3.big{font-size:clamp(1.9rem,3.6vw,2.6rem);line-height:1.02;letter-spacing:-.005em;margin-bottom:4px}
.cols h3{font-size:1.42rem}
.cols p{color:var(--ink-2);font-size:1rem}
.cols .k{color:var(--gold-ink)}
.cols .btn{align-self:flex-start;margin-top:10px}

.bullets{margin:20px 0 0;padding:0;list-style:none}
.bullets li{position:relative;padding-left:26px;margin:12px 0;color:var(--ink-2)}
.bullets li::before{content:"";position:absolute;left:0;top:.62em;width:13px;height:2px;background:var(--gold)}
.bullets b{color:var(--ink);font-weight:500;font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-size:.98rem}

.ctaform{border-top:1px solid var(--rule);background:var(--surface);padding:64px 0 72px}
.ctaform .form{margin-top:26px}
.ctaform .sub{max-width:58ch}
.ctaform .fine{margin-top:16px;font-size:.86rem;color:var(--ink-3)}
.ctaform .fine a{color:var(--gold-ink);text-decoration:none;border-bottom:1px solid var(--rule)}
.contactbar{display:grid;gap:24px;margin-top:42px;padding-top:26px;border-top:1px solid var(--rule)}
@media (min-width:700px){.contactbar{grid-template-columns:repeat(3,1fr)}}
.contactbar .lbl{color:var(--ink-3);margin-bottom:6px}
.contactbar a,.contactbar span{font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-size:1.02rem;font-weight:500;text-decoration:none}
.contactbar a:hover{color:var(--gold-ink)}

/* form mock */
.form{display:grid;gap:16px;margin-top:34px;max-width:640px}
@media (min-width:640px){.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}}
.field{display:flex;flex-direction:column;gap:7px}
.field label{color:var(--ink-3);font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-size:10px;
  letter-spacing:.14em;text-transform:uppercase}
.field input,.field select,.field textarea{font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-size:15px;
  padding:12px 13px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);width:100%}
.field textarea{min-height:110px;resize:vertical}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.formdone{border:1px solid var(--gold-soft);border-left:2px solid var(--gold);
  background:var(--gold-soft);padding:26px 28px;max-width:560px}
.formdone .t{font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;
  font-size:.95rem;letter-spacing:.11em;text-transform:uppercase;font-weight:600;
  color:var(--gold-ink);margin-bottom:8px}
.formdone p{margin:0;color:var(--ink-2);font-size:1.02rem;line-height:1.6}
.formerr{margin-top:14px;color:#B3261E;font-size:.98rem;line-height:1.5}
.dark .formerr{color:#F2B8B5}
.sform button[data-submit-button][disabled]{opacity:.55;cursor:default}
/* ===== cost calculator (ported from the standalone page) ===== */
@media (prefers-color-scheme:dark){#v-calculator :root:not([data-theme="light"]){
  --paper:#0B0B0B; --surface:#141416; --surface-2:#1B1B1E; --deep:#000000;
  --ink:#F7F7F5; --ink-2:#A6A7AB; --ink-3:#76777B;
  --rule:#26262A; --rule-soft:#1C1C1F;
  --gold:#D4B14A; --gold-ink:#D9B85C; --gold-soft:rgba(212,177,74,.12);
  --hot:#E08163; --hot-soft:rgba(224,129,99,.11);
}}
#v-calculator :root[data-theme="dark"]{
  --paper:#0B0B0B; --surface:#141416; --surface-2:#1B1B1E; --deep:#000000;
  --ink:#F7F7F5; --ink-2:#A6A7AB; --ink-3:#76777B;
  --rule:#26262A; --rule-soft:#1C1C1F;
  --gold:#D4B14A; --gold-ink:#D9B85C; --gold-soft:rgba(212,177,74,.12);
  --hot:#E08163; --hot-soft:rgba(224,129,99,.11);
}
#v-calculator *{box-sizing:border-box}
#v-calculator body{margin:0;background:var(--paper);color:var(--ink);
  font-family:"Vollkorn",Georgia,serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
#v-calculator h1, #v-calculator h2, #v-calculator h3, #v-calculator h4{font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-weight:700;
  line-height:1.06;letter-spacing:-.021em;margin:0;text-wrap:balance}
#v-calculator h3, #v-calculator h4{font-weight:700}
#v-calculator p{margin:0}
#v-calculator a{color:inherit}
#v-calculator :focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#v-calculator .c-lbl{font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-size:11px;font-weight:600;
  letter-spacing:.15em;text-transform:uppercase}
#v-calculator .c-wrap{max-width:1120px;margin:0 auto;padding:0 22px}
#v-calculator .c-num{font-variant-numeric:tabular-nums}
#v-calculator .warn{background:var(--hot-soft);border-bottom:1px solid var(--hot);padding:12px 0}
#v-calculator .warn .c-lbl{color:var(--hot)}
#v-calculator .top{background:var(--deep);color:var(--on-deep);padding:46px 0 52px}
#v-calculator .tophead{display:flex;gap:24px;align-items:flex-start;justify-content:space-between}
#v-calculator .c-badge{width:78px;height:78px;flex:none;background-color:#fff;-webkit-mask:none center/contain no-repeat;mask:none center/contain no-repeat}
@media (max-width:620px){#v-calculator .c-badge{width:56px;height:56px}}
#v-calculator .top .c-lbl{color:var(--gold)}
#v-calculator .top h1{color:#fff;font-size:clamp(2.2rem,6vw,3.8rem);margin:16px 0 0;max-width:18ch}
#v-calculator .top p{color:var(--on-deep-2);max-width:56ch;margin-top:16px}
#v-calculator .types{display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule);margin:34px 0 0}
@media (min-width:620px){#v-calculator .types{grid-template-columns:repeat(3,1fr)}}
@media (min-width:960px){#v-calculator .types{grid-template-columns:repeat(7,1fr)}}
#v-calculator .types button{background:var(--paper);border:0;padding:18px 12px;cursor:pointer;text-align:left;
  font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-weight:600;font-size:16px;
  letter-spacing:-.008em;color:var(--ink-2);transition:background .15s,color .15s}
#v-calculator .types button:hover{background:var(--surface);color:var(--ink)}
#v-calculator .types button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
#v-calculator .types button span{display:block;font-family:"Vollkorn",Georgia,serif;font-size:12.5px;font-weight:400;
  letter-spacing:0;text-transform:none;color:var(--ink-3);margin-top:5px;line-height:1.35}
#v-calculator .types button[aria-pressed="true"] span{color:rgba(255,255,255,.62)}
#v-calculator .c-grid{display:grid;gap:26px;margin-top:26px;align-items:start}
@media (min-width:900px){#v-calculator .c-grid{grid-template-columns:1.15fr .85fr;gap:34px}}
#v-calculator .panel{border:1px solid var(--rule);padding:22px 20px 24px}
#v-calculator .panel>.c-lbl{color:var(--ink-3);display:block;margin-bottom:16px}
#v-calculator .c-field{margin-bottom:18px}
#v-calculator .c-field label{display:block;font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-size:13.5px;
  font-weight:600;letter-spacing:.02em;color:var(--ink-2);margin-bottom:8px}
#v-calculator .c-field .hint{font-family:"Vollkorn",Georgia,serif;font-size:13px;letter-spacing:0;text-transform:none;
  color:var(--ink-3);font-weight:400;display:block;margin-top:3px}
#v-calculator .def{font-family:"Vollkorn",Georgia,serif;font-size:14px;line-height:1.5;color:var(--ink-2);
  margin-top:9px;padding-left:12px;border-left:2px solid var(--gold)}
#v-calculator select, #v-calculator input[type=number]{width:100%;font-family:"Vollkorn",Georgia,serif;font-size:16px;padding:11px 12px;
  border:1px solid var(--rule);background:var(--paper);color:var(--ink)}
#v-calculator .seg{display:flex;flex-wrap:wrap;gap:7px}
#v-calculator .seg button{font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-size:14px;font-weight:500;
  letter-spacing:-.005em;padding:9px 14px;border:1px solid var(--rule);
  background:transparent;color:var(--ink-2);cursor:pointer}
#v-calculator .seg button:hover{border-color:var(--gold);color:var(--ink)}
#v-calculator .seg button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
#v-calculator .checks{display:flex;flex-direction:column;gap:9px}
#v-calculator .chk{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:15.5px;color:var(--ink-2)}
#v-calculator .chk input{margin-top:4px;accent-color:var(--gold);width:16px;height:16px}
#v-calculator .range-row{display:flex;align-items:center;gap:12px}
#v-calculator .range-row input[type=range]{flex:1;accent-color:var(--gold)}
#v-calculator .range-row output{font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-weight:700;
  font-size:19px;min-width:88px;text-align:right}
#v-calculator .result{border:1px solid var(--ink);background:var(--deep);color:var(--on-deep);padding:26px 22px 28px;
  position:sticky;top:20px}
#v-calculator .result .c-lbl{color:var(--gold)}
#v-calculator .figure{font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-weight:700;
  font-size:clamp(2rem,5.4vw,3rem);line-height:1;color:#fff;margin-top:14px;letter-spacing:-.03em}
#v-calculator .figure .dash{color:var(--gold);margin:0 6px}
#v-calculator .c-bar{display:flex;height:8px;margin-top:22px;background:#26262A;overflow:hidden}
#v-calculator .c-bar i{display:block;height:100%}
#v-calculator .floornote{margin-top:14px;font-size:.9rem;line-height:1.5;color:var(--ink-2);border-left:2px solid var(--gold);padding-left:14px}
#v-calculator .legend{margin-top:14px;display:flex;flex-direction:column;gap:7px;padding-bottom:4px}
#v-calculator .legend div{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--on-deep-2)}
#v-calculator .legend b{width:9px;height:9px;flex:none}
#v-calculator .legend span.v{margin-left:auto;font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;
  font-weight:600;color:#fff;font-size:15px}
#v-calculator .cta{display:block;margin-top:20px;text-align:center;background:var(--gold);color:#0B0B0B;
  font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-weight:600;font-size:15.5px;
  letter-spacing:.01em;padding:14px;text-decoration:none}
#v-calculator .cta:hover{background:#fff}
#v-calculator .assume{margin-top:60px;border-top:1px solid var(--rule);padding-top:44px}
#v-calculator .assume h2{font-size:clamp(1.6rem,3.4vw,2.2rem)}
#v-calculator .assume>p{color:var(--ink-2);max-width:64ch;margin-top:14px}
#v-calculator .tbl{width:100%;border-collapse:collapse;margin-top:22px;font-size:15px}
#v-calculator .tbl caption{text-align:left;font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;
  font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--gold-ink);
  padding:22px 0 8px}
#v-calculator .tbl th{text-align:left;font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-size:11.5px;
  font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3);
  border-bottom:1px solid var(--rule);padding:7px 10px 7px 0}
#v-calculator .tbl td{border-bottom:1px solid var(--rule-soft);padding:9px 10px 9px 0;color:var(--ink-2);vertical-align:top}
#v-calculator .tbl td:first-child{color:var(--ink);font-weight:500;width:44%}
#v-calculator .tbl td.c-n{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;color:var(--ink)}
#v-calculator .c-scroller{overflow-x:auto}
#v-calculator footer{padding:40px 0 60px;color:var(--ink-3);border-top:1px solid var(--rule);margin-top:56px}
#v-calculator footer .c-lbl{display:block}
#v-calculator footer .c-lbl+.c-lbl{margin-top:8px}

/* ===== JobTread embed, restyled ===== */
.jtform{max-width:560px;margin-top:30px}
.jtform .intro{font-size:.95rem;color:var(--ink-3);margin:0 0 22px;max-width:52ch}
.jtwf,.jtwf>div{max-width:none;background:transparent;box-shadow:none;border-radius:0;margin:0}
.jtwf .p-4{padding:0}
.jtwf .shadow-line-bottom{display:none}
.jtwf .space-y-2{display:flex;flex-direction:column;gap:19px}
.jtwf .space-y-2>*{margin-block:0}
.jtwf label.block,.jtwf .block{display:flex;flex-direction:column;gap:7px}
.jtwf .font-bold{color:var(--ink-3);font-family:"Big Shoulders Display","Arial Narrow",sans-serif;
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.jtwf .text-red-500{color:var(--gold-ink)}
.jtwf .text-gray-500{font-family:Vollkorn,Georgia,serif;font-size:.87rem;color:var(--ink-3);
  text-transform:none;letter-spacing:0;line-height:1.5;margin:-2px 0 2px}
.jtwf input[type=text],.jtwf input[type=email],.jtwf input[type=tel],
.jtwf input[type=file],.jtwf select,.jtwf textarea{
  font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-size:15px;
  padding:12px 13px;border:1px solid var(--rule);border-radius:0;background:var(--paper);
  color:var(--ink);width:100%;box-shadow:none;appearance:none}
.jtwf textarea{min-height:84px;resize:vertical}
.jtwf select{background-image:none}
.jtwf input:focus,.jtwf select:focus,.jtwf textarea:focus{
  outline:none;border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-soft)}
.jtwf .divide-y{border:1px solid var(--rule);border-radius:0;overflow:hidden}
.jtwf .divide-y>label{display:flex;align-items:center;gap:11px;padding:11px 13px;
  border-bottom:1px solid var(--rule-soft);
  font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;
  font-size:14.5px;color:var(--ink);cursor:pointer;transition:background .15s}
.jtwf .divide-y>label:last-child{border-bottom:0}
.jtwf .divide-y>label:hover{background:var(--gold-soft)}
.jtwf input[type=checkbox]{width:auto;padding:0;border:0;background:none;
  accent-color:var(--gold-ink);flex:none}
.jtwf .text-right{text-align:left;margin-top:4px}
.jtwf button[data-submit-button]{font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;
  font-size:15.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;
  padding:12px 24px;border-radius:0;box-shadow:none;filter:none;
  background:var(--gold)!important;color:#0B0B0B!important;border:1px solid var(--gold)}
.jtwf button[data-submit-button]:hover{background:var(--ink)!important;color:var(--paper)!important;
  border-color:var(--ink);filter:none}
@media (max-width:560px){.jtwf button[data-submit-button]{width:100%;text-align:center}}
.jtwf input[type=date]{font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;
  font-size:15px;padding:11px 13px;border:1px solid var(--rule);border-radius:0;
  background:var(--paper);color:var(--ink);width:100%}
.jtwf input[type=radio]{width:auto;padding:0;border:0;background:none;
  accent-color:var(--gold-ink);flex:none}
.jtwf .scroller .divide-y{max-height:340px;overflow-y:auto}
.jtform.wide{max-width:620px}

footer{padding:34px 0 46px;border-top:1px solid var(--rule-soft);color:var(--ink-3);margin-top:20px}
.foot{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}
.foot .links{display:flex;gap:18px;flex-wrap:wrap}
.foot a{text-decoration:none}
.foot a:hover{color:var(--ink)}

.note-box{border:1px solid var(--gold);background:var(--gold-soft);padding:20px 22px;
  display:flex;flex-direction:column;gap:8px;margin:0 0 60px}
.note-box .t{color:var(--gold-ink)}
.note-box p,.note-box li{font-size:.96rem;color:var(--ink-2)}
.note-box ul{margin:4px 0 0;padding-left:18px}
.note-box li{margin:5px 0}
.note-box strong{color:var(--ink);font-weight:500}

/* ===== real photography ===== */
.hero-bg{background-image:url(/img/9fe60e5ef379.webp);background-size:cover;background-position:center 42%}
.hero-bg{background-color:#0B0B0B}
.ph-fork1{background-image:url(/img/a7aa701292cc.webp)}
.ph-fork2{background-image:url(/img/69ad6abf8444.webp)}
.slot.photo{background-size:cover;background-position:center;background-repeat:no-repeat}
.slot.photo::after{display:none}
.slot.tall{aspect-ratio:3/4}
.gal{align-items:start}
.prog{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:52px}
@media (min-width:640px){.prog{grid-template-columns:repeat(5,1fr)}}
@media (min-width:640px){.prog.four{grid-template-columns:repeat(4,1fr)}}
.prog .slot{aspect-ratio:3/4}
.shot{display:block;width:100%;height:auto;object-fit:cover;background:var(--surface);border:0}
.closelinks{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:34px;padding-top:22px;border-top:1px solid var(--rule-soft)}
.closelinks a{font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-size:12.5px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);text-decoration:none}
.closelinks a:hover{color:var(--ink)}
.closenote{margin-top:20px;font-size:.87rem;color:var(--ink-3)}
.readmore{display:inline-block;margin-top:18px;font-family:"Big Shoulders Display","Arial Narrow",sans-serif;
  font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);text-decoration:none}
.readmore:hover{color:var(--ink)}
.close{border-top:1px solid var(--rule-soft);padding:38px 0}
.dark .shot{background:#17171A}
.shot.wide16{aspect-ratio:16/8;height:100%}
.shot.wide167{aspect-ratio:16/7;height:100%}
.shot.tall34{aspect-ratio:3/4;height:100%}
.shot.portrait{aspect-ratio:3/4;width:100%;max-width:540px;margin:0 auto;height:100%}
.quote .stars{color:var(--gold);font-size:15px;letter-spacing:.18em;line-height:1;margin-bottom:18px}
.fingrid{display:grid;gap:18px;margin-top:20px}
.fingrid .full{aspect-ratio:16/8}
.fingrid .portrait{aspect-ratio:3/4;width:100%;max-width:540px;margin:0 auto}
.fintwo{display:grid;gap:18px;margin-top:18px}
@media (min-width:800px){.fintwo{grid-template-columns:1fr 1fr}}
.slot.photo.ph-cst{background-image:url(/img/4af09b875a25.jpg)}
.slot.photo.ph-dk{background-image:url(/img/52f05025a177.webp)}
.slot.photo.ph-ad{background-image:url(/img/27ccc01a8797.webp)}
.slot.photo.ph-sy{background-image:url(/img/19a3318d5a96.webp)}
.slot.photo.ph-tv{background-image:url(/img/045ceb4ca418.webp)}
.slot.photo.ph-sg{background-image:url(/img/26d833fb5359.webp)}
.slot.photo.ph-wz{background-image:url(/img/a67c2298414a.webp)}
.slot.photo.ph-sb-hero{background-image:url(/img/4c46e0d859ca.webp)}

.ph-s4{background-image:url(/img/515dee4f2a5b.webp)}
.ph-s12{background-image:url(/img/92912e681e38.webp)}

/* ===== reviews ===== */
.trust{display:flex;flex-wrap:wrap;gap:14px 30px;align-items:center;padding:18px 0;
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:32px}
.trust .stars{color:var(--gold);font-size:17px;letter-spacing:.14em;line-height:1}
.trust .big{font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-weight:800;
  font-size:2rem;line-height:1;letter-spacing:.02em}
.trust .cap{color:var(--ink-2);font-size:.97rem;max-width:40ch}
.revs{display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:36px}
@media (min-width:760px){.revs{grid-template-columns:1fr 1fr}}
@media (min-width:1060px){.revs{grid-template-columns:repeat(3,1fr)}}
.rev{background:var(--paper);padding:26px 24px 28px;display:flex;flex-direction:column;gap:13px}
.rev .stars{color:var(--gold);font-size:13px;letter-spacing:.16em;line-height:1}
.rev blockquote{margin:0;font-size:1.02rem;line-height:1.56;color:var(--ink)}
.rev .who{margin-top:auto;padding-top:10px;font-family:"Big Shoulders Display","Arial Narrow",sans-serif;
  font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.rev .who b{display:block;color:var(--ink);font-size:16px;letter-spacing:.04em;font-weight:700}
.rev .who b:only-child{margin-bottom:0}
.revs.two{grid-template-columns:1fr}
.revs.solo{grid-template-columns:1fr;max-width:760px}
@media (min-width:1060px){.revs.four{grid-template-columns:1fr 1fr}}
@media (min-width:1060px){.revs.pair{grid-template-columns:1fr 1fr}}
@media (min-width:760px){.revs.two{grid-template-columns:1fr 1fr}}
.feat{background:var(--deep);color:var(--on-deep);padding:76px 0}
.feat .lbl{color:var(--gold);font-family:"Big Shoulders Display","Arial Narrow",sans-serif;
  font-size:12.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.feat blockquote{margin:20px 0 0;font-family:"Vollkorn",Georgia,serif;font-weight:300;font-style:italic;
  font-size:clamp(1.3rem,2.9vw,2rem);line-height:1.36;color:#fff;max-width:30ch}
.feat .body{color:var(--on-deep-2);margin-top:24px;max-width:62ch;font-size:1.03rem}
.feat .body p+p{margin-top:.9em}
.feat .more{display:inline-block;margin-top:22px;color:#fff;font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-weight:700;font-size:15.5px;text-transform:uppercase;letter-spacing:.07em;text-decoration:none;border-bottom:2px solid var(--gold);padding-bottom:3px}
.feat .more:hover{color:var(--gold)}
.feat .attr{margin-top:14px;color:var(--gold);font-family:"Big Shoulders Display","Arial Narrow",sans-serif;
  font-size:12.5px;letter-spacing:.18em;text-transform:uppercase}

.ar-v1{background-image:url(/img/9f3f19e0c8c4.webp)}
.ar-v2{background-image:url(/img/af2700efa714.webp)}
.ar-v3{background-image:url(/img/7d1a531db5c5.webp)}
.ar-v5{background-image:url(/img/799948078b81.webp)}
.ar-v6{background-image:url(/img/079244c46ae1.webp)}
/* ===== archive strip ===== */
.arch{display:grid;gap:12px;margin-top:34px}
@media (min-width:620px){.arch{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1000px){.arch{grid-template-columns:repeat(5,1fr)}}
.arch figure{margin:0}
.vgrid .verse{margin-top:12px;font-family:"Big Shoulders Display","Arial Narrow",sans-serif;
  font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.arch .im{aspect-ratio:4/3;background-size:cover;background-position:center;
  border:1px solid var(--rule);filter:saturate(.92)}
.arch figcaption{margin-top:8px;font-family:"Big Shoulders Display","Arial Narrow",sans-serif;
  font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}

/* ===== article ===== */
.art{max-width:68ch}
.art p{margin-bottom:1.05em;font-size:1.09rem;color:var(--ink-2);line-height:1.66}
.art p strong{color:var(--ink);font-weight:600}
.art h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:52px 0 20px}
.beats{margin:0 0 1.4em;padding-left:20px;border-left:2px solid var(--gold)}
.beats p{margin:0 0 .3em;font-size:1.09rem;color:var(--ink);line-height:1.55}
.faults{margin:6px 0 1.4em;padding:0;list-style:none}
.faults li{position:relative;padding-left:24px;margin:9px 0;color:var(--ink-2);font-size:1.06rem}
.faults li::before{content:"";position:absolute;left:0;top:.62em;width:12px;height:2px;background:var(--hot,#A33B22)}
.pull{margin:44px 0;padding:0 0 0 24px;border-left:3px solid var(--gold)}
.pull p{font-family:"Vollkorn",Georgia,serif;font-weight:400;font-style:italic;
  font-size:clamp(1.3rem,2.7vw,1.85rem);line-height:1.34;color:var(--ink);margin:0}
.deck{font-size:clamp(1.1rem,1.9vw,1.32rem);color:var(--ink-2);max-width:56ch;line-height:1.5;margin-top:18px}

.shot{margin:30px 0 34px}
.shot .im{aspect-ratio:5/6;background-image:url(/img/b813e053b76f.webp);background-size:cover;background-position:center;
  border:1px solid var(--rule)}
.shot figcaption{margin-top:10px;font-family:"Big Shoulders Display","Arial Narrow",sans-serif;
  font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.shot figcaption b{color:var(--gold-ink)}
@media (min-width:760px){
  .withshot{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
  .shot{margin:0}
}

/* ===== drawing sheet ===== */
.plan{background:var(--surface);border:1px solid var(--rule);padding:18px}
@media (min-width:760px){.plan{padding:26px}}
.plan .im{background-color:#FFFFFF;background-repeat:no-repeat;background-position:center;
  background-size:contain;border:1px solid var(--rule)}
.plan .sheet{aspect-ratio:3/2;background-image:url(/img/738a167b8345.webp)}
.plan .front{aspect-ratio:1400/396;background-image:url(/img/60e14690a4d8.webp)}
.plan .cap{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;align-items:baseline;
  margin-top:16px;padding-top:13px;border-top:1px solid var(--rule)}
.plan .cap span{font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-size:12.5px;
  font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.plan .cap b{color:var(--gold-ink)}

/* blueprint on the homepage fork card — a drawing, so contain on paper, not cover */
.slot.photo.ph-fork1{background-image:url(/img/7ad485e07038.webp);background-size:contain;
  background-color:#F3F4F7;background-position:center}
.plan .bp{aspect-ratio:3/2;background-image:url(/img/b87f94c1c141.webp)}
.ph-fork2{background-image:url(/img/685729c61b76.webp)}
.ph-fork2{background-image:url(/img/c9542177fa4e.webp)}

/* lender card */
.lender{display:grid;gap:26px;border:1px solid var(--rule);background:var(--surface);padding:26px 24px 28px;margin-top:34px}
@media (min-width:640px){.lender{grid-template-columns:170px 1fr;gap:32px;align-items:start}}
.lender .pic{aspect-ratio:4/5;background-image:url(/img/d6abc4109a9a.webp);background-size:cover;background-position:center 30%;
  border:1px solid var(--rule)}
.lender h3{font-size:1.5rem}
.lender .role{color:var(--ink-2);font-size:1rem;margin-top:4px}
.lender .co{font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-weight:700;font-size:1.15rem;
  letter-spacing:.02em;text-transform:uppercase;color:var(--gold-ink);margin-top:12px}
.lender dl{margin:16px 0 0;display:grid;gap:9px 18px;font-size:1rem}
@media (min-width:560px){.lender dl{grid-template-columns:auto 1fr}}
.lender dt{font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-size:11.5px;font-weight:600;
  letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3);padding-top:3px}
.lender dd{margin:0;color:var(--ink-2)}
.lender dd a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule)}
.lender dd a:hover{color:var(--gold-ink);border-bottom-color:var(--gold)}
.lender .btn{margin-top:20px}

/* pricing table */
.ptbl{width:100%;border-collapse:collapse;margin-top:24px;font-size:1rem}
.ptbl th{text-align:left;font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-size:12px;
  font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3);
  border-bottom:1px solid var(--rule);padding:9px 14px 9px 0}
.ptbl th:last-child,.ptbl td:last-child{text-align:right}
.ptbl td{border-bottom:1px solid var(--rule-soft);padding:11px 14px 11px 0;color:var(--ink-2)}
.ptbl td:first-child{color:var(--ink);font-weight:500}
.ptbl td:last-child{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink);font-weight:500}
.qalist{margin-top:10px}
.qalist .qa{border-top:1px solid var(--rule-soft);padding:20px 0}
.qalist .q{font-size:1.06rem;font-weight:600;color:var(--ink);margin:0 0 .45em;line-height:1.42}
.qalist .a{font-size:1.01rem;color:var(--ink-3);line-height:1.62;margin:0}
.pj{display:grid;gap:16px;align-items:start;margin:44px 0 0}
@media(min-width:560px){.pj.four{grid-template-columns:1fr 1fr}}
@media(min-width:720px){.pj.two{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.pj.four{grid-template-columns:repeat(4,1fr)}}
.pj figure{margin:0}
.pj img,.pjfull img,.pjnarrow img{display:block;width:100%;height:auto;border:1px solid var(--rule);background:transparent}
.pjfull{margin:44px 0 0}
.pjnarrow{max-width:520px;margin:18px auto 0}
.pjcap{margin-top:9px;font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);line-height:1.45}
.art h3{font-size:1.2rem;margin:32px 0 10px}
.art a{color:var(--gold-ink);text-decoration:none;border-bottom:1px solid var(--rule)}
.art a:hover{border-bottom-color:var(--gold)}

/* global CTA band */
#gcta{background:var(--deep);border-top:0;padding:76px 0 80px}
#gcta .grid{display:grid;gap:44px}
@media (min-width:900px){#gcta .grid{grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}}
#gcta h2{font-size:clamp(2rem,4vw,2.9rem);max-width:15ch;color:var(--on-deep)}
#gcta .sub{color:var(--on-deep-2);margin-top:18px;font-size:1.06rem;max-width:48ch}
#gcta .acts{margin-top:30px}
#gcta .reach{display:flex;flex-direction:column;align-items:flex-start}
@media (min-width:900px){#gcta .reach{padding-left:56px;border-left:1px solid var(--deep-rule)}}
#gcta .tel{font-family:"Big Shoulders Display","Arial Narrow",Arial,sans-serif;font-weight:800;
  font-size:clamp(2.3rem,5.4vw,3.6rem);line-height:1;letter-spacing:-.01em;
  color:var(--on-deep);text-decoration:none;transition:color .18s}
#gcta .tel:hover{color:var(--gold)}
#gcta .rest{margin-top:22px;padding-top:20px;border-top:1px solid var(--deep-rule);
  display:flex;flex-direction:column;gap:7px;font-size:.95rem;color:var(--on-deep-2)}
#gcta .rest a{color:var(--on-deep-2);text-decoration:none;border-bottom:1px solid var(--deep-rule)}
#gcta .rest a:hover{color:var(--gold);border-bottom-color:var(--gold)}
#gcta .rest .lic{font-size:.86rem;color:#77787C}
#gcta .row2{display:grid;gap:16px}
@media (min-width:620px){#gcta .row2{grid-template-columns:1fr 1fr}}
#gcta .note{margin-top:16px;color:var(--ink-3);font-size:.88rem}

/* photo upload */
.drop{border:1px dashed var(--rule);background:var(--surface);padding:22px 18px;text-align:center;
  cursor:pointer;transition:border-color .18s,background .18s}
.drop:hover{border-color:var(--gold);background:var(--surface-2,var(--surface))}
.drop .ic{font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-weight:800;font-size:1.5rem;
  color:var(--gold-ink);line-height:1}
.drop .t{font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-weight:700;font-size:1.05rem;
  letter-spacing:.01em;margin-top:8px;color:var(--ink)}
.drop .h{color:var(--ink-3);font-size:.9rem;margin-top:5px}
.drop input{display:none}
.shots{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.shots span{font-family:"Big Shoulders Display","Arial Narrow",sans-serif;font-size:12.5px;font-weight:600;
  letter-spacing:.06em;background:var(--gold-soft);color:var(--gold-ink);border:1px solid var(--gold);
  padding:5px 10px}
