/* The Bankston Sterling Report page (/bankstonsterling).
   One pinned night stage (the plate rolls up, six headlamp trails flatten into a chart), then a slow turn
   toward morning (dark sections give way to paper) and the industry door back in the dark.
   Loads after fonts.css, marketing-skin.css and site.css. Type is the site's Archivo; labels are Archivo caps.
   Colour literals below are the marketing palette (marketing-skin.css), held here because the page runs
   dark-first in both OS themes and so cannot read the theme-flipping --zv-* page tokens.
   Gold: only where something is found (the "Your school" line, the key question, the marker). On paper it is gold-deep.
   Every class is bs-prefixed so nothing here can reach another page. */

body.zv-sterling{
  --bs-stage:#060D0D; --bs-ink:#0F0F0F; --bs-paper:#F8F2E8; --bs-paper-2:#F1E9DA;
  --bs-on-dark:#F4F6F8; --bs-on-dark-2:rgba(244,246,248,.74); --bs-on-dark-3:rgba(244,246,248,.58);
  --bs-on-paper:#0F0F0F; --bs-on-paper-2:rgba(15,15,15,.78); --bs-on-paper-3:rgba(15,15,15,.65);
  --bs-hair-dark:rgba(244,246,248,.16); --bs-hair-paper:rgba(15,15,15,.16);
  --bs-gold:#FFD700; --bs-gold-deep:#7A5610; --bs-azure:#0056b3; --bs-sky:#339cff;
  --bs-h:64px; --bs-runway:6.2; --bs-crumb:48px;
  --bs-gl:max(var(--zv-gutter), calc((100% - var(--zv-maxw)) / 2));
  background:var(--bs-stage);color:var(--bs-on-dark);
}
@media (min-width:860px){ body.zv-sterling{ --bs-h:80px } }
@media (max-width:699px){ body.zv-sterling{ --bs-runway:5.2 } }

.bs-main{background:var(--bs-stage);color:var(--bs-on-dark);font-family:var(--zv-font)}
:where(.bs-main) :is(h1,h2,h3,p,ul){margin:0}
:where(.bs-main) ul{padding:0;list-style:none}
.bs-main a{color:var(--bs-sky);text-underline-offset:.18em}
.bs-main :focus-visible{outline:2px solid var(--bs-sky);outline-offset:3px;border-radius:2px}
.bs-paper :focus-visible{outline-color:var(--bs-azure)}
.bs-main svg{display:block;max-width:100%}
.bs-label{font:700 12px/1.3 var(--zv-font);letter-spacing:.14em;text-transform:uppercase}

/* breadcrumbs ride over the top of the stage and scroll away with the page */
body.zv-sterling .zv-crumbs{position:absolute;z-index:6;left:0;right:0;top:var(--bs-h);border:0;background:none}
body.zv-sterling .zv-crumbs ol{padding-top:10px;padding-bottom:0;color:var(--bs-on-dark-3)}
body.zv-sterling .zv-crumbs li+li::before{color:var(--bs-on-dark-3)}
body.zv-sterling .zv-crumbs a{color:var(--bs-on-dark-2)}
body.zv-sterling .zv-crumbs [aria-current]{color:var(--bs-on-dark)}
body.zv-sterling .zv-crumbs :focus-visible{outline-color:var(--bs-sky)}

/* ---------- pinned stage ---------- */
.bs-runway{position:relative;height:calc(100vh - var(--bs-h));height:calc(100svh - var(--bs-h));background:var(--bs-stage)}
.bs-pin .bs-runway{height:calc(var(--bs-runway) * 100vh);height:calc(var(--bs-runway) * 100svh)}
.bs-stage{position:sticky;top:var(--bs-h);height:calc(100vh - var(--bs-h));height:calc(100svh - var(--bs-h));overflow:hidden;background:var(--bs-stage)}
.bs-runway.bs-static{height:auto}
.bs-runway.bs-static .bs-stage{position:relative;top:0}
.bs-runway.bs-static .bs-cue{display:none}
.bs-plate{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;
  --fx:0%;--ft:0%;--fb:0%;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fx),#000 calc(100% - var(--fx)),transparent 100%),linear-gradient(to bottom,transparent 0,#000 var(--ft),#000 calc(100% - var(--fb)),transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0,#000 var(--fx),#000 calc(100% - var(--fx)),transparent 100%),linear-gradient(to bottom,transparent 0,#000 var(--ft),#000 calc(100% - var(--fb)),transparent 100%);
  mask-composite:intersect}
.bs-plate picture{display:block;width:100%;height:100%}
.bs-plate img{width:100%;height:100%;object-fit:cover;max-width:none}
.bs-shade{position:absolute;left:0;right:0;pointer-events:none}
.bs-shade-top{top:0;height:34%;background:linear-gradient(to bottom,rgba(6,13,13,.62),rgba(6,13,13,0))}
.bs-shade-bot{bottom:0;height:46%;background:linear-gradient(to top,rgba(6,13,13,.94),rgba(6,13,13,.55) 45%,rgba(6,13,13,0))}
.bs-dim{position:absolute;inset:0;background:var(--bs-stage);opacity:0;pointer-events:none}
.bs-stage svg.bs-chart,.bs-stage svg.bs-trails{position:absolute;left:0;top:0;pointer-events:none;overflow:visible;z-index:1}
/* the chart and trails come last in the markup (so a screen reader meets the headline first); text sits above them */
.bs-hero,.bs-cap,.bs-cue{z-index:2}
.bs-chart text,.bs-trails text{font-family:var(--zv-font);font-weight:700}
.bs-hero{position:absolute;inset:0;pointer-events:none;will-change:transform,opacity}
.bs-hero h1{position:absolute;left:var(--bs-gl);right:var(--bs-gl);top:calc(var(--bs-crumb) + 6svh);max-width:11em;
  font:800 clamp(30px,5vw,76px)/1.04 var(--zv-font);letter-spacing:-.026em;word-spacing:.05em;text-wrap:balance;color:var(--bs-on-dark);
  text-shadow:0 2px 30px rgba(0,0,0,.75),0 0 2px rgba(0,0,0,.35)}
.bs-signoff{position:absolute;left:var(--bs-gl);right:var(--bs-gl);bottom:max(26px,4.5svh)}
.bs-signoff .bs-name{font:800 clamp(17px,1.5vw,22px)/1.2 var(--zv-font);letter-spacing:-.01em;color:var(--bs-on-dark)}
.bs-signoff .bs-fine{margin-top:.55em;max-width:44em;font-size:clamp(12.5px,1vw,14px);line-height:1.5;color:var(--bs-on-dark-2)}
.bs-cue{position:absolute;right:var(--bs-gl);bottom:max(26px,4.5svh);display:flex;align-items:center;gap:10px;color:var(--bs-on-dark-2);pointer-events:none}
.bs-cue i{display:block;width:1px;height:34px;background:linear-gradient(to bottom,rgba(244,246,248,0),var(--bs-on-dark-2))}
@media (max-width:699px){.bs-cue{display:none}}
.bs-cap{position:absolute;left:var(--bs-gl);right:var(--bs-gl);pointer-events:none;opacity:0;will-change:transform,opacity}
.bs-cap h2{font:700 clamp(26px,3.3vw,50px)/1.08 var(--zv-font);letter-spacing:-.024em;word-spacing:.04em;max-width:15em;text-wrap:balance;color:var(--bs-on-dark);text-shadow:0 2px 24px rgba(0,0,0,.7)}
.bs-cap p{margin-top:.8em;max-width:32em;color:var(--bs-on-dark-2);font-size:clamp(15px,1.25vw,19px);line-height:1.5}
.bs-cap-b,.bs-cap-c{bottom:max(30px,9svh)}
.bs-cap-d{top:max(24px,5svh)}
.bs-cap-d h2{max-width:24em}
.bs-cap-n{bottom:max(18px,3.6svh)}
.bs-cap-n p{margin:0;max-width:46em;font-size:12px;letter-spacing:.02em;line-height:1.6;color:var(--bs-on-dark-3)}
.bs-cap-n b{font-weight:700;color:var(--bs-on-dark-2)}

/* ---------- sections ---------- */
.bs-sec{position:relative;padding-top:clamp(72px,11vw,150px);padding-bottom:clamp(72px,11vw,150px)}
.bs-dark{background:var(--bs-stage);color:var(--bs-on-dark)}
.bs-paper{background:var(--bs-paper);color:var(--bs-on-paper)}
.bs-paper a{color:var(--bs-azure)}
.bs-eyebrow{display:flex;align-items:center;gap:14px;font:700 12px/1.3 var(--zv-font);letter-spacing:.15em;text-transform:uppercase;color:var(--bs-on-dark-3);margin-bottom:26px}
.bs-eyebrow::before{content:"";width:28px;height:1px;background:currentColor}
.bs-paper .bs-eyebrow{color:var(--bs-on-paper-3)}
.bs-h2{font:700 clamp(30px,4vw,56px)/1.07 var(--zv-font);letter-spacing:-.024em;word-spacing:.04em;max-width:17em;text-wrap:balance}
.bs-lead{margin-top:28px;max-width:38em;font-size:clamp(17px,1.5vw,21px);line-height:1.6;color:var(--bs-on-dark-2)}
.bs-paper .bs-lead{color:var(--bs-on-paper-2)}

/* three owner questions */
.bs-qs{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,40px);margin-top:clamp(48px,6vw,84px)}
.bs-q{border-top:1px solid var(--bs-hair-dark);padding-top:22px;position:relative}
.bs-q.key{border-top-color:transparent}
.bs-q.key::before{content:"";position:absolute;left:0;top:-1px;width:100%;height:2px;background:var(--bs-gold)}
.bs-q .bs-n{font:700 12px/1.3 var(--zv-font);letter-spacing:.14em;color:var(--bs-on-dark-3)}
.bs-q h3{margin-top:14px;font:700 clamp(21px,2vw,28px)/1.18 var(--zv-font);letter-spacing:-.02em;text-wrap:balance}
.bs-q p{margin-top:12px;color:var(--bs-on-dark-2);font-size:16px;max-width:22em}
@media (max-width:759px){.bs-qs{grid-template-columns:1fr}}

/* what the Report holds */
.bs-claim{margin-top:clamp(40px,5vw,64px);padding-top:30px;border-top:1px solid var(--bs-hair-dark);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:end}
.bs-claim q{display:block;quotes:none;font:700 clamp(24px,2.9vw,40px)/1.14 var(--zv-font);letter-spacing:-.026em;text-wrap:balance}
.bs-claim p{color:var(--bs-on-dark-2);font-size:15px;line-height:1.55}
@media (max-width:759px){.bs-claim{grid-template-columns:1fr}}
.bs-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:clamp(40px,5vw,64px);background:var(--bs-hair-dark);border:1px solid var(--bs-hair-dark)}
.bs-cat{background:var(--bs-stage);padding:24px 22px 26px}
.bs-cat h3{font:700 17px/1.3 var(--zv-font);letter-spacing:-.01em}
.bs-cat p{margin-top:8px;color:var(--bs-on-dark-2);font-size:14.5px;line-height:1.5}
.bs-cat.cuts{background:#0b1415}
.bs-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.bs-chip{font:700 11px/1.2 var(--zv-font);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--bs-hair-dark);border-radius:999px;padding:6px 10px;color:var(--bs-on-dark-2)}
@media (max-width:1019px){.bs-cats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:519px){.bs-cats{grid-template-columns:1fr}}
.bs-spread{margin-top:clamp(40px,5vw,64px);border:1px solid var(--bs-hair-dark);background:rgba(244,246,248,.03);padding:clamp(22px,3vw,40px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,60px)}
.bs-spread h3{font:700 clamp(22px,2.2vw,30px)/1.15 var(--zv-font);letter-spacing:-.022em}
.bs-spread .bs-sub{margin-top:14px;color:var(--bs-on-dark-2);font-size:15.5px;line-height:1.55;max-width:26em}
.bs-spread .bs-tag{margin-top:22px;color:var(--bs-on-dark-3)}
.bs-strips{display:grid;gap:22px}
.bs-strip .bs-lab{display:flex;justify-content:space-between;gap:12px;color:var(--bs-on-dark-3);margin-bottom:6px}
.bs-strip svg{width:100%;height:auto}
@media (max-width:859px){.bs-spread{grid-template-columns:1fr}}

/* dawn: the turn from night to paper */
.bs-dawn{height:clamp(140px,26vw,320px);background:linear-gradient(to bottom,#060d0d 0%,#0e1413 18%,#2b2a24 40%,#6d6556 62%,#c4b9a3 84%,#f8f2e8 100%)}

/* why it's worth having */
.bs-why-h{max-width:16em}
.bs-pair{display:grid;grid-template-columns:1fr 1fr;margin-top:clamp(44px,5vw,72px);border:1px solid var(--bs-hair-paper);background:rgba(255,255,255,.4)}
.bs-pair .bs-col{padding:clamp(22px,3vw,36px)}
.bs-pair .bs-col + .bs-col{border-left:1px solid var(--bs-hair-paper);background:rgba(255,255,255,.55)}
.bs-pair h3{font:700 12px/1.3 var(--zv-font);letter-spacing:.14em;text-transform:uppercase;color:var(--bs-on-paper-3)}
.bs-pair li{padding:16px 0;border-top:1px solid var(--bs-hair-paper);font:500 clamp(17px,1.5vw,20px)/1.35 var(--zv-font);letter-spacing:-.01em}
.bs-pair ul{margin-top:18px}
.bs-pair .bs-col + .bs-col li::before{content:"";display:inline-block;width:8px;height:8px;margin-right:12px;background:var(--bs-gold-deep);transform:rotate(45deg) translateY(-1px)}
@media (max-width:759px){.bs-pair{grid-template-columns:1fr}.bs-pair .bs-col + .bs-col{border-left:0;border-top:1px solid var(--bs-hair-paper)}}
.bs-pull{margin-top:clamp(48px,6vw,88px);font:700 clamp(26px,3.5vw,50px)/1.08 var(--zv-font);letter-spacing:-.03em;max-width:16em;text-wrap:balance}
.bs-pull span{color:var(--bs-on-paper-3)}

/* where it shows up */
.bs-where{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);margin-top:clamp(40px,5vw,64px)}
.bs-wcard{border:1px solid var(--bs-hair-paper);background:rgba(255,255,255,.55);padding:24px 24px 22px;display:flex;flex-direction:column;gap:12px}
.bs-wcard .bs-chip{align-self:flex-start;border-color:var(--bs-hair-paper);color:var(--bs-on-paper-3)}
.bs-wcard h3{font:700 clamp(20px,1.8vw,24px)/1.15 var(--zv-font);letter-spacing:-.02em}
.bs-wcard p{color:var(--bs-on-paper-2);font-size:15.5px;line-height:1.5}
.bs-wcard svg{width:100%;height:auto;margin-top:auto;padding-top:8px}
.bs-foot{margin-top:28px;color:var(--bs-on-paper-3);font-size:15px}
@media (max-width:859px){.bs-where{grid-template-columns:1fr}}

/* ways to see it */
.bs-pill{display:inline-flex;align-items:center;gap:10px;margin-top:30px;border:1px solid var(--bs-hair-paper);border-radius:999px;padding:8px 16px;font-size:14.5px;color:var(--bs-on-paper-2);background:rgba(255,255,255,.5)}
.bs-pill::before{content:"";width:7px;height:7px;background:var(--bs-gold-deep);transform:rotate(45deg)}
.bs-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,24px);margin-top:clamp(36px,4vw,56px);align-items:stretch}
.bs-tier{display:flex;flex-direction:column;border:1px solid var(--bs-hair-paper);background:rgba(255,255,255,.55);padding:28px 26px 26px}
.bs-tier .bs-step{display:flex;gap:4px;align-items:flex-end;height:34px;margin-bottom:22px}
.bs-tier .bs-step i{display:block;width:22px;background:var(--bs-hair-paper)}
.bs-tier .bs-step i.on{background:var(--bs-on-paper)}
.bs-tier .bs-nm{font:700 12px/1.3 var(--zv-font);letter-spacing:.14em;text-transform:uppercase;color:var(--bs-on-paper-3)}
.bs-tier h3{margin-top:10px;font:700 clamp(24px,2.3vw,32px)/1.1 var(--zv-font);letter-spacing:-.026em;min-height:2.2em}
.bs-tier .bs-d{margin-top:14px;color:var(--bs-on-paper-2);font-size:15.5px;line-height:1.55;min-height:7.8em}
.bs-tier ul{margin-top:20px;border-top:1px solid var(--bs-hair-paper)}
.bs-tier li{display:flex;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--bs-hair-paper);font-size:14.5px;line-height:1.35;color:var(--bs-on-paper-3)}
.bs-tier li::before{content:"";flex:none;width:9px;height:9px;border:1.5px solid var(--bs-hair-paper);border-radius:50%;transform:translateY(1px)}
.bs-tier li.on{color:var(--bs-on-paper)}
.bs-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.bs-tier li.on::before{background:var(--bs-on-paper);border-color:var(--bs-on-paper)}
.bs-tier .bs-price{margin-top:22px;font:700 12px/1.3 var(--zv-font);letter-spacing:.1em;text-transform:uppercase;color:var(--bs-on-paper-3)}
.bs-tier.top{background:var(--bs-ink);color:var(--bs-on-dark);border-color:var(--bs-ink)}
.bs-tier.top .bs-nm,.bs-tier.top .bs-price{color:var(--bs-on-dark-3)}
.bs-tier.top .bs-d{color:var(--bs-on-dark-2)}
.bs-tier.top .bs-step i{background:rgba(244,246,248,.22)}
.bs-tier.top .bs-step i.on{background:var(--bs-on-dark)}
.bs-tier.top ul,.bs-tier.top li{border-color:var(--bs-hair-dark)}
.bs-tier.top li{color:var(--bs-on-dark-3)}
.bs-tier.top li::before{border-color:rgba(244,246,248,.3)}
.bs-tier.top li.on{color:var(--bs-on-dark)}
.bs-tier.top li.on::before{background:var(--bs-on-dark);border-color:var(--bs-on-dark)}
.bs-tiernote{margin-top:22px;color:var(--bs-on-paper-3);font-size:13.5px;line-height:1.6}
@media (max-width:959px){.bs-tiers{grid-template-columns:1fr}.bs-tier .bs-d,.bs-tier h3{min-height:0}}

/* the industry door (back in the dark) */
.bs-ind{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,84px);margin-top:clamp(44px,5vw,72px);align-items:start}
.bs-tabs{position:relative}
.bs-tabs input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.bs-tablist{display:flex;flex-wrap:wrap;gap:8px}
.bs-tablist label{cursor:pointer;font:600 15px/1.2 var(--zv-font);padding:11px 18px;min-height:44px;display:inline-flex;align-items:center;border:1px solid var(--bs-hair-dark);border-radius:999px;color:var(--bs-on-dark-2);background:transparent}
.bs-tablist label:hover{border-color:rgba(244,246,248,.4);color:var(--bs-on-dark)}
.bs-panels{margin-top:30px;min-height:11em}
.bs-panel{display:none}
.bs-panel h3{font:700 clamp(22px,2.2vw,30px)/1.15 var(--zv-font);letter-spacing:-.022em}
.bs-panel p{margin-top:14px;color:var(--bs-on-dark-2);font-size:clamp(16px,1.35vw,19px);line-height:1.6;max-width:30em}
#bs-e1:checked~.bs-panels .bs-p1,#bs-e2:checked~.bs-panels .bs-p2,#bs-e3:checked~.bs-panels .bs-p3,#bs-e4:checked~.bs-panels .bs-p4{display:block}
#bs-e1:checked~.bs-tablist label[for=bs-e1],#bs-e2:checked~.bs-tablist label[for=bs-e2],#bs-e3:checked~.bs-tablist label[for=bs-e3],#bs-e4:checked~.bs-tablist label[for=bs-e4]{background:var(--bs-on-dark);color:var(--bs-ink);border-color:var(--bs-on-dark)}
#bs-e1:focus-visible~.bs-tablist label[for=bs-e1],#bs-e2:focus-visible~.bs-tablist label[for=bs-e2],#bs-e3:focus-visible~.bs-tablist label[for=bs-e3],#bs-e4:focus-visible~.bs-tablist label[for=bs-e4]{outline:2px solid var(--bs-sky);outline-offset:3px}
.bs-door{border:1px solid var(--bs-hair-dark);background:rgba(244,246,248,.03);padding:clamp(24px,3vw,38px)}
.bs-door .bs-row{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--bs-hair-dark);font-size:15px}
.bs-door .bs-row:first-of-type{padding-top:0}
.bs-door .bs-row span:first-child{color:var(--bs-on-dark-3);font:700 12px/1.3 var(--zv-font);letter-spacing:.1em;text-transform:uppercase}
.bs-door .bs-row span:last-child{text-align:right;color:var(--bs-on-dark)}
/* the secondary door is a text link, never a second button: the page's one primary action is Find your number */
.bs-door .bs-doorlink{margin-top:22px}
.bs-door .bs-doorlink a{display:inline-flex;align-items:center;gap:.5em;min-height:44px;color:var(--bs-on-dark);font-weight:700;text-decoration:none;border-bottom:2px solid var(--bs-hair-dark)}
.bs-door .bs-doorlink a:hover{border-color:var(--bs-on-dark)}
.bs-door .bs-privacy{margin-top:16px;color:var(--bs-on-dark-3);font-size:13.5px;line-height:1.55}
@media (max-width:899px){.bs-ind{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){.bs-cue i{animation:none}}
@media (prefers-reduced-motion:no-preference){.bs-cue i{animation:bs-cue 2.4s ease-in-out infinite}
  @keyframes bs-cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}}
:root[data-motion="reduce"] .bs-cue i{animation:none}