@font-face{font-family:'Bricolage';src:url(fonts/bricolage-0.woff2) format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow';src:url(fonts/barlow-0.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow';src:url(fonts/barlow-1.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow';src:url(fonts/barlow-2.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'PlexMono';src:url(fonts/plexmono-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}

/* ─────────────────────────────────────────────────────────────
   BLAZING CUSTOMS — "the chart table"
   The subject is the runs between systems, so the page is built
   like a schematic: hairline rules, plotted nodes, brass seams.
   ───────────────────────────────────────────────────────────── */

:root{
  --deep:#0B2027;        /* harbour water — the ground */
  --deep-2:#143039;      /* raised panel on deep */
  --deep-3:#1D414C;      /* hairlines on deep */
  --chart:#EDE9DE;       /* chart paper */
  --paper:#F7F5EF;       /* raised panel on chart */
  --ink:#10222A;         /* text on light */
  --ink-2:#48606A;       /* secondary text on light */
  --chart-2:#B9C7CC;     /* secondary text on deep */
  --rule:#CFC9BA;        /* hairline on light */
  --brass:#8A5520;       /* seam colour on light (AA on --chart) */
  --brass-lift:#D99A52;  /* seam colour on deep */
  --sea:#2F7264;         /* "I own this" */
  --sea-lift:#5FB3A1;
  --buoy:#A8321F;        /* broken-seam state only */
  --buoy-lift:#E2705A;

  --disp:'Bricolage',ui-sans-serif,system-ui,sans-serif;
  --body:'Barlow',ui-sans-serif,system-ui,-apple-system,sans-serif;
  --mono:'PlexMono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;

  --measure:68ch;
  --gut:clamp(20px,5vw,64px);
  --shell:1220px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--chart);color:var(--ink);
  font-family:var(--body);font-size:clamp(17px,.55vw + 15.6px,19px);
  line-height:1.62;font-weight:400;
  -webkit-font-smoothing:antialiased;
  overflow-wrap:break-word;
}
img,svg{max-width:100%}
a{color:var(--brass);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--ink)}
:focus-visible{outline:2.5px solid var(--brass);outline-offset:3px;border-radius:2px}

h1,h2,h3,h4{font-family:var(--disp);font-weight:600;letter-spacing:-.022em;line-height:1.06;margin:0}
p{margin:0 0 1.05em}
p:last-child{margin-bottom:0}

.shell{max-width:var(--shell);margin-inline:auto;padding-inline:var(--gut)}
.narrow{max-width:var(--measure)}

/* ── mono utility label. Used for chart annotations and eyebrows. ── */
.tag{
  font-family:var(--mono);font-size:12px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--ink-2);font-weight:400;
}
.on-deep .tag,.hero .tag,.page-head .tag{color:var(--chart-2)}

/* ─── skip link ─── */
.skip{position:absolute;left:0;top:0;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.skip:focus{position:fixed;left:8px;top:8px;width:auto;height:auto;margin:0;padding:12px 18px;overflow:visible;clip:auto;clip-path:none;white-space:normal;background:var(--brass);color:#fff;z-index:99}

/* ─── masthead ─── */
.top{background:var(--deep);color:var(--chart);border-bottom:1px solid var(--deep-3)}
.top-in{display:flex;align-items:center;gap:18px;min-height:58px;flex-wrap:wrap}
.brand{
  font-family:var(--disp);font-weight:700;font-size:18px;letter-spacing:-.01em;
  color:var(--chart);text-decoration:none;margin-right:auto;display:flex;align-items:center;gap:10px;
}
.brand:hover{color:#fff}
.brand-mark{width:19px;height:19px;flex:none}
.nav{display:flex;gap:clamp(12px,2vw,26px);flex-wrap:wrap;align-items:center}
.nav a{
  font-family:var(--mono);font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--chart-2);text-decoration:none;padding:6px 0;border-bottom:1px solid transparent;
}
.nav a:hover,.nav a[aria-current=page]{color:#fff;border-bottom-color:var(--brass-lift)}
.top-tel{
  font-family:var(--mono);font-size:12.5px;letter-spacing:.05em;color:var(--brass-lift);
  text-decoration:none;white-space:nowrap;
}
.top-tel:hover{color:#fff}

/* ─── section frame ─── */
.sec{padding-block:clamp(56px,8vw,104px);position:relative}
.sec + .sec{border-top:1px solid var(--rule)}
.on-deep{background:var(--deep);color:var(--chart)}
.on-deep h1,.on-deep h2,.on-deep h3{color:#fff}
.on-deep + .on-deep{border-top-color:var(--deep-3)}
.sec.on-deep + .sec:not(.on-deep),.sec:not(.on-deep) + .sec.on-deep{border-top:0}
.on-deep a{color:var(--brass-lift)}
.on-deep a:hover{color:#fff}

/* section marker sits in the margin like a chart annotation */
.sec-head{margin-bottom:clamp(28px,4vw,46px)}
.sec-head .tag{display:block;margin-bottom:14px;position:relative;padding-left:26px}
.sec-head .tag::before{
  content:"";position:absolute;left:0;top:.52em;width:16px;height:1px;background:var(--brass);
}
.on-deep .sec-head .tag::before,.hero .sec-head .tag::before{background:var(--brass-lift)}
.sec-head h2{font-size:clamp(30px,4.4vw,46px);max-width:22ch}
.sec-head .lede{margin-top:16px;max-width:var(--measure);color:var(--ink-2);font-size:1.05em}
.on-deep .sec-head .lede{color:var(--chart-2)}

/* ─── hero ─── */
.hero{background:var(--deep);color:var(--chart);padding-block:clamp(52px,8vw,92px) clamp(40px,6vw,64px);overflow:hidden}
.hero h1{
  font-size:clamp(38px,7.4vw,80px);font-weight:600;letter-spacing:-.033em;line-height:1.0;
  color:#fff;max-width:15ch;
}
.hero h1 em{font-style:normal;color:var(--brass-lift)}
.hero .sub{
  margin-top:clamp(20px,3vw,28px);max-width:60ch;font-size:clamp(18px,1.1vw + 15px,22px);
  line-height:1.45;color:#fff;font-weight:500;
}
.hero .body{margin-top:20px;max-width:var(--measure);color:var(--chart-2)}
.hero .tag{margin-bottom:22px;display:block}

.cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:clamp(26px,3.5vw,36px)}
.btn{
  display:inline-block;font-family:var(--body);font-weight:600;font-size:17px;
  padding:14px 26px;border-radius:2px;text-decoration:none;border:1.5px solid transparent;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.btn-primary{background:var(--brass-lift);color:var(--deep);border-color:var(--brass-lift)}
.btn-primary:hover{background:#fff;border-color:#fff;color:var(--deep)}
.on-light .btn-primary{background:var(--brass);color:#fff;border-color:var(--brass)}
.on-light .btn-primary:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.btn-ghost{border-color:var(--deep-3);color:var(--chart)}
.btn-ghost:hover{border-color:var(--chart);color:#fff;background:transparent}

.hero-meta{
  margin-top:clamp(30px,4vw,42px);padding-top:20px;border-top:1px solid var(--deep-3);
  display:flex;gap:10px 28px;flex-wrap:wrap;
}
.hero-meta span{font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;color:var(--chart-2)}
.hero-meta a{color:var(--brass-lift);text-decoration:none}
.hero-meta a:hover{color:#fff}

/* ── ambient hero schematic: two boxes, one seam that never closes ── */
.hero-run{margin-top:clamp(34px,5vw,50px);width:100%;max-width:660px}
.hero-run svg{display:block;width:100%;height:auto;overflow:visible}
.hr-box{fill:none;stroke:var(--deep-3);stroke-width:1.25}
.hr-lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.11em;fill:var(--chart-2)}
.hr-seam{stroke:var(--brass-lift);stroke-width:2;stroke-dasharray:7 7;fill:none}
.hr-gap{fill:var(--buoy-lift)}
.hr-note{font-family:var(--mono);font-size:10.5px;letter-spacing:.07em;fill:var(--brass-lift)}
@media (prefers-reduced-motion:no-preference){
  .hr-seam{animation:crawl 2.6s linear infinite}
  .hr-gap{animation:blink 2.6s ease-in-out infinite}
}
@keyframes crawl{to{stroke-dashoffset:-28}}
@keyframes blink{0%,100%{opacity:.35}50%{opacity:1}}

/* ─── prose ─── */
.prose{max-width:var(--measure)}
.prose p + p{margin-top:0}
.big-note{font-size:clamp(20px,1.5vw + 16px,27px);line-height:1.34;font-family:var(--disp);font-weight:500;letter-spacing:-.015em}

/* ─── card grid (services) ─── */
.grid{display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:3px;overflow:hidden}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,268px),1fr))}
@media (min-width:1000px){.grid-3{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--paper);padding:clamp(24px,2.6vw,32px)}
.card h3{font-size:21px;margin-bottom:9px;letter-spacing:-.015em}
.card p{color:var(--ink-2);font-size:.96em;margin:0}
.card .tag{display:block;margin-bottom:14px}

/* ─── plans ─── */
.plans{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));margin-top:8px}
.plan{
  background:var(--paper);border:1px solid var(--rule);border-radius:3px;
  padding:clamp(24px,2.6vw,32px);display:flex;flex-direction:column;
}
.plan.is-mid{border-color:var(--brass);box-shadow:0 0 0 1px var(--brass)}
.plan h2,.plan h3{font-size:26px;margin-bottom:6px}
.plan .who{color:var(--brass);font-size:.93em;margin-bottom:18px;font-weight:500}
.plan ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.plan li{position:relative;padding-left:22px;font-size:.95em;color:var(--ink-2);line-height:1.44}
.plan li::before{
  content:"";position:absolute;left:0;top:.62em;width:11px;height:1px;background:var(--brass);
}
.plan .inherits{
  font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink);background:var(--chart);border:1px solid var(--rule);
  padding:7px 10px;border-radius:2px;margin-bottom:16px;display:block;
}

.no-price{
  margin-top:clamp(30px,4vw,44px);background:var(--deep);color:var(--chart);
  border-radius:3px;padding:clamp(26px,3.4vw,40px);
}
.no-price h3{font-size:23px;color:#fff;margin-bottom:14px}
.no-price p{color:var(--chart-2);max-width:64ch}
.no-price .btn{margin-top:8px}

/* ─── numbered sequence (only where order is real) ─── */
.steps{display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:3px;overflow:hidden;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.step{background:var(--paper);padding:clamp(24px,2.6vw,32px)}
.step .n{
  font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--brass);
  display:block;margin-bottom:14px;
}
.step h3{font-size:19px;margin-bottom:8px}
.step p{color:var(--ink-2);font-size:.95em;margin:0}

/* ─── workshop shelf ─── */
.shelf{display:grid;gap:1px;background:var(--deep-3);border:1px solid var(--deep-3);border-radius:3px;overflow:hidden;grid-template-columns:repeat(auto-fit,minmax(min(100%,255px),1fr))}
.shelf-item{background:var(--deep-2);padding:clamp(22px,2.4vw,30px)}
.shelf-item h3{font-size:18px;color:#fff;margin-bottom:8px}
.shelf-item p{color:var(--chart-2);font-size:.93em;margin:0}

/* ─── ladder ─── */
.ladder{list-style:none;margin:0;padding:0;display:grid;gap:0;max-width:var(--measure)}
.ladder li{
  padding:20px 0 20px 30px;border-bottom:1px solid var(--deep-3);position:relative;color:var(--chart-2);
}
.ladder li:last-child{border-bottom:0}
.ladder li strong{color:#fff;font-weight:600;display:block;font-family:var(--disp);font-size:19px;letter-spacing:-.012em;margin-bottom:4px}
.ladder li::before{
  content:"";position:absolute;left:0;top:29px;width:16px;height:1px;background:var(--brass-lift);
}

/* ═══════════════════════════════════════════════════════════
   THE SEAM MAP — the signature element
   ═══════════════════════════════════════════════════════════ */
.seam{background:var(--deep);color:var(--chart)}
.seam-pick{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:clamp(24px,3vw,34px)}
.seam-pick button{
  font-family:var(--mono);font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;
  background:transparent;color:var(--chart-2);border:1px solid var(--deep-3);
  padding:10px 15px;border-radius:2px;cursor:pointer;transition:all .14s ease;
}
.seam-pick button:hover{border-color:var(--brass-lift);color:#fff}
.seam-pick button[aria-selected=true]{background:var(--brass-lift);border-color:var(--brass-lift);color:var(--deep);font-weight:700}

.seam-stage{
  display:grid;gap:clamp(20px,2.5vw,32px);
  grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;
}
@media (max-width:900px){.seam-stage{grid-template-columns:1fr}}

.seam-canvas{
  background:var(--deep-2);border:1px solid var(--deep-3);border-radius:3px;
  padding:clamp(14px,2vw,22px);position:relative;
  display:flex;flex-direction:column;justify-content:center;
}
.seam-canvas svg{display:block;width:100%;height:auto;overflow:visible}
@media (min-width:901px){
  .seam-canvas{position:sticky;top:20px}
}

.sm-node rect{fill:var(--deep);stroke:var(--deep-3);stroke-width:1.25;transition:stroke .15s ease}
.sm-node.is-mine rect{stroke:var(--sea-lift);fill:#12343A}
.sm-node text{font-family:var(--mono);font-size:10px;letter-spacing:.06em;fill:var(--chart-2)}
.sm-node.is-mine text{fill:var(--sea-lift)}

.sm-seam{
  stroke:var(--brass-lift);stroke-width:2;fill:none;stroke-dasharray:6 6;
  cursor:pointer;transition:stroke-width .14s ease,stroke .14s ease;
}
.sm-seam-hit{stroke:transparent;stroke-width:20;fill:none;cursor:pointer}
.sm-seam-g:hover .sm-seam,.sm-seam-g.is-active .sm-seam{stroke:var(--buoy-lift);stroke-width:2.75;stroke-dasharray:none;opacity:.9}
.sm-seam-g:focus-visible{outline:none}
.sm-seam-g:focus-visible .sm-seam{stroke:#fff;stroke-width:3.5;stroke-dasharray:none}
.sm-dot{fill:var(--buoy-lift);opacity:0;transition:opacity .14s ease}
.sm-seam-g:hover .sm-dot,.sm-seam-g.is-active .sm-dot,.sm-seam-g:focus-visible .sm-dot{opacity:1}
@media (prefers-reduced-motion:no-preference){
  .sm-seam{animation:crawl 3.4s linear infinite}
  .sm-seam-g.is-active .sm-seam,.sm-seam-g:hover .sm-seam{animation:none}
}

.seam-read{display:flex;flex-direction:column;gap:14px;min-width:0}
.seam-read .tag{display:block}
.seam-list{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:var(--deep-3);border:1px solid var(--deep-3);border-radius:3px;overflow:hidden}
.seam-list li{margin:0}
.seam-list button{
  width:100%;text-align:left;background:var(--deep-2);border:0;cursor:pointer;
  padding:14px 16px;color:var(--chart-2);font-family:var(--body);font-size:.93em;line-height:1.42;
  display:block;transition:background .14s ease;
}
.seam-list button:hover{background:#1A3A44;color:#fff}
.seam-list button[aria-pressed=true]{background:var(--brass-lift);color:var(--deep)}
.seam-list .sl-pair{
  display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--brass-lift);margin-bottom:5px;
}
.seam-list button:hover .sl-pair{color:var(--brass-lift)}
.seam-list button[aria-pressed=true] .sl-pair{color:var(--deep)}

.seam-key{
  display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:20px;padding-top:18px;
  border-top:1px solid var(--deep-3);
}
.seam-key span{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;color:var(--chart-2);display:flex;align-items:center;gap:8px;white-space:nowrap}
@media (max-width:640px){.seam-key{flex-direction:column;gap:9px}}
.kdot{width:13px;height:13px;border:1.5px solid currentColor;border-radius:2px;flex:none}
.k-mine{color:var(--sea-lift)}
.k-vendor{color:var(--chart-2)}
.k-seam{color:var(--brass-lift);width:18px;height:0;border:0;border-top:2px dashed currentColor;border-radius:0}

.seam-foot{margin-top:clamp(22px,3vw,30px);padding-top:20px;border-top:1px solid var(--deep-3)}
.seam-foot p{color:var(--chart-2);max-width:60ch}
.seam-foot strong{color:#fff}

/* no-JS fallback: the same content, plainly */
.seam-fallback{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.seam-fb{background:var(--deep-2);border:1px solid var(--deep-3);border-radius:3px;padding:22px}
.seam-fb h3{font-size:18px;color:#fff;margin-bottom:12px}
.seam-fb ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.seam-fb li{font-size:.9em;color:var(--chart-2);padding-left:20px;position:relative;line-height:1.4}
.seam-fb li::before{content:"";position:absolute;left:0;top:.6em;width:12px;border-top:2px dashed var(--brass-lift)}
.seam-fb .stack{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--chart-2);margin-bottom:14px;line-height:1.6}

/* ─── forms ─── */
.form{max-width:640px}
.f-row{display:grid;gap:16px;grid-template-columns:1fr 1fr}
@media (max-width:600px){.f-row{grid-template-columns:1fr}}
.field{display:block;margin-bottom:16px}
.field > span{
  display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-2);margin-bottom:7px;
}
.field input,.field textarea,.field select{
  width:100%;font-family:var(--body);font-size:17px;color:var(--ink);
  background:var(--paper);border:1px solid var(--rule);border-radius:2px;
  padding:12px 14px;line-height:1.4;
}
.field textarea{min-height:150px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--brass);outline:none;box-shadow:0 0 0 3px rgba(138,85,32,.16)}
.check{display:flex;gap:11px;align-items:flex-start;margin-bottom:20px;font-size:.96em;color:var(--ink-2)}
.check input{margin-top:.35em;width:17px;height:17px;flex:none;accent-color:var(--brass)}
.hp{position:absolute;left:0;top:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.f-status{margin-top:16px;padding:13px 16px;border-radius:2px;font-size:.95em;display:none}
.f-status.is-ok{display:block;background:#E4EFE9;border:1px solid var(--sea);color:#123F35}
.f-status.is-bad{display:block;background:#F6E4E0;border:1px solid var(--buoy);color:#6E2114}
.f-note{margin-top:14px;font-size:.9em;color:var(--ink-2);overflow-wrap:anywhere}

/* ─── contact strip ─── */
.contact-grid{display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}
@media (max-width:860px){.contact-grid{grid-template-columns:1fr}}
.dl{display:grid;gap:16px;margin:0}
.dl div{border-top:1px solid var(--rule);padding-top:14px}
.dl dt{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-bottom:5px}
.dl dd{margin:0;font-size:1.05em;font-weight:500;overflow-wrap:anywhere}
.dl dd a{text-decoration:none}
.dl dd a:hover{text-decoration:underline}

/* an owner-fillable blank, visibly marked rather than invented */
.tbd{
  font-family:var(--mono);font-size:12px;letter-spacing:.05em;color:var(--ink-2);
  background:repeating-linear-gradient(135deg,#E3DED0,#E3DED0 5px,#DAD4C4 5px,#DAD4C4 10px);
  border:1px dashed var(--rule);border-radius:2px;padding:3px 8px;display:inline-block;font-weight:400;
}
.on-deep .tbd{background:#16333C;border-color:var(--deep-3);color:var(--chart-2)}

/* ─── footer ─── */
.foot{background:var(--deep);color:var(--chart-2);padding-block:clamp(40px,5vw,60px);border-top:1px solid var(--deep-3)}
.foot-grid{display:grid;gap:30px 26px;grid-template-columns:1fr}
@media (min-width:620px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (min-width:900px){.foot-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr)}}
.foot-grid > *{min-width:0}
.foot h2{font-family:var(--mono);font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--chart-2);font-weight:400;margin:0 0 14px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.foot a{color:var(--chart);text-decoration:none;font-size:.94em;overflow-wrap:anywhere}
.foot a:hover{color:var(--brass-lift)}
.foot-about{max-width:42ch;font-size:.94em;line-height:1.55}
.foot-brand{font-family:var(--disp);font-weight:700;color:#fff;font-size:17px;margin-bottom:12px;display:block}
.foot-base{
  margin-top:clamp(28px,4vw,42px);padding-top:20px;border-top:1px solid var(--deep-3);
  display:flex;gap:12px 28px;flex-wrap:wrap;justify-content:space-between;
  font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;
}

/* ─── misc ─── */
.crumb{font-family:var(--mono);font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);margin-bottom:18px}
.crumb a{color:var(--ink-2);text-decoration:none}
.crumb a:hover{color:var(--brass)}
.page-head{background:var(--deep);color:var(--chart);padding-block:clamp(42px,6vw,72px)}
.page-head h1{font-size:clamp(32px,5.4vw,58px);color:#fff;max-width:18ch}
.page-head .lede{margin-top:18px;max-width:var(--measure);color:var(--chart-2);font-size:1.06em}
.page-head .crumb{color:var(--chart-2)}
.page-head .crumb a{color:var(--chart-2)}
.page-head .crumb a:hover{color:var(--brass-lift)}

.svc{border-top:1px solid var(--rule);padding-top:clamp(26px,3vw,36px);margin-top:clamp(26px,3vw,36px)}
.svc:first-of-type{border-top:0;margin-top:0;padding-top:0}
.signoff{margin-top:2em;font-family:var(--mono);font-size:13px;letter-spacing:.05em;color:var(--ink-2)}
.svc h2,.svc h3{font-size:clamp(22px,2.4vw,29px);margin-bottom:12px}
.svc .who{font-family:var(--mono);font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--brass);margin-bottom:14px;display:block}
.svc .prose{color:var(--ink-2)}
.svc .typical{margin-top:16px;padding-left:18px;border-left:2px solid var(--rule);font-size:.94em;color:var(--ink-2)}
.svc .typical strong{color:var(--ink);font-weight:600}

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