/* RB Maintenance, concept 1 — "The Badge".
   Design system sampled from Ryan's own Instagram profile mark: a black
   roundel, a gold roof outline, RB in a heavy condensed face. Gold is
   #F4C33A, taken straight off that badge, and the ground is #0B0F14, lifted
   a touch from the badge's near black #000912 so photography sits on it.
   Loud face Anton (condensed heavy, closest to his stencil lettering),
   quiet face Barlow. Nothing here is a guessed colour. */

:root{
  --ink:#0B0F14;
  --ink-2:#141B24;
  --ink-3:#1D2732;
  --gold:#F4C33A;          /* his exact badge gold, dark grounds only */
  --gold-txt:#7A5D0C;      /* same hue, darkened to pass on cream */
  --cream:#F6F3EC;
  --paper:#FFFFFF;
  --muted:#8D96A1;
  --muted-d:#5E6873;
  --line:rgba(246,243,236,.14);
  --line-d:rgba(11,15,20,.13);
  --rad:3px;
  --f-loud:Anton,Impact,sans-serif;
  --f-quiet:Barlow,system-ui,-apple-system,Segoe UI,sans-serif;
  --wrap:1200px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--ink);color:var(--cream);
  font-family:var(--f-quiet);font-size:17px;line-height:1.62;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--f-loud);font-weight:400;letter-spacing:.012em;line-height:1.02;margin:0}
p{margin:0}
.wrap{width:min(var(--wrap),calc(100% - 44px));margin-inline:auto}
section[id]{scroll-margin-top:96px}
@media(max-width:640px){section[id]{scroll-margin-top:84px}}

/* ------------------------------------------------------------ motion */
.reveal{opacity:0;transform:translateY(18px);filter:blur(6px);
  transition:opacity .7s cubic-bezier(.2,.9,.3,1),transform .7s cubic-bezier(.2,.9,.3,1),filter .7s ease}
.reveal.in{opacity:1;transform:none;filter:none}
.noanim .reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
.prog{position:fixed;top:0;left:0;height:2px;width:0;background:var(--gold);z-index:90}

/* ------------------------------------------------------------ header */
.hd{
  position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:20px;
  padding:12px clamp(16px,3vw,30px);
  background:rgba(11,15,20,.82);backdrop-filter:blur(14px) saturate(150%);
  -webkit-backdrop-filter:blur(14px) saturate(150%);
  border-bottom:1px solid var(--line);
}
.hd-logo{display:flex;align-items:center;gap:11px;text-decoration:none;min-height:46px}
.hd-badge{width:42px;height:42px;border-radius:50%;background:#0B0F14;border:1px solid rgba(244,195,58,.35);
  position:relative;display:grid;place-items:center;flex:0 0 auto}
.hd-badge b{font-family:var(--f-loud);font-size:17px;color:var(--cream);line-height:1;position:relative;top:4px}
.hd-badge svg{position:absolute;top:6px;left:50%;transform:translateX(-50%)}
.hd-badge i{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:21px;height:2px;background:var(--gold);border-radius:2px}
.hd-name{display:grid;line-height:1}
.hd-name b{font-family:var(--f-loud);font-size:19px;letter-spacing:.03em;color:var(--cream)}
.hd-name span{font-size:10.6px;letter-spacing:.2em;color:var(--gold);font-weight:600;margin-top:3px}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{padding:11px 13px;min-height:44px;display:inline-flex;align-items:center;
  text-decoration:none;font-size:15px;font-weight:600;color:#C3CBD4;border-radius:var(--rad)}
.nav a:hover{color:var(--cream);background:rgba(246,243,236,.07)}
.hd-cta{display:flex;gap:9px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:0 20px;border-radius:var(--rad);text-decoration:none;cursor:pointer;
  font-family:var(--f-quiet);font-size:15.5px;font-weight:700;letter-spacing:.01em;border:1px solid transparent;
  transition:transform .16s ease,background .16s ease,border-color .16s ease}
.btn-1{background:var(--gold);color:#0B0F14}
.btn-1:hover{background:#FFD658;transform:translateY(-1px)}
.btn-2{background:transparent;color:var(--cream);border-color:rgba(246,243,236,.28)}
.btn-2:hover{border-color:var(--gold);color:var(--gold)}
.btn-3{background:var(--ink);color:var(--cream)}
.btn-3:hover{background:var(--ink-3)}
.burger{display:none;width:48px;height:48px;background:transparent;border:1px solid var(--line);
  border-radius:var(--rad);cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center}
.burger span{width:20px;height:2px;background:var(--cream);border-radius:2px;transition:transform .2s ease,opacity .2s ease}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mnav{position:fixed;left:0;right:0;top:0;z-index:59;background:var(--ink-2);
  padding:16px 22px 26px;display:none;flex-direction:column;gap:2px;
  border-bottom:1px solid var(--line);transform:translateY(-102%);transition:transform .3s cubic-bezier(.2,.9,.3,1);
  max-height:100vh;overflow-y:auto}
.mnav.open{transform:none}
.mnav a{padding:14px 4px;min-height:52px;display:flex;align-items:center;text-decoration:none;
  font-size:17px;font-weight:600;color:var(--cream);border-bottom:1px solid var(--line)}
.mnav .btn{margin-top:14px}

/* ------------------------------------------------------------ hero */
.hero{
  position:relative;display:flex;flex-direction:column;justify-content:center;
  min-height:clamp(600px,88vh,860px);padding:70px 0 56px;overflow:hidden;
}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg img{width:100%;height:100%;object-fit:cover}
.hero-veil{position:absolute;inset:0;z-index:1;
  background:linear-gradient(100deg,rgba(11,15,20,.95) 0%,rgba(11,15,20,.86) 38%,rgba(11,15,20,.6) 70%,rgba(11,15,20,.72) 100%)}
.hero-beam{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(60% 50% at 12% 22%,rgba(244,195,58,.13),transparent 68%)}
.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);
  gap:44px;align-items:center}
.hero-copy{max-width:640px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.4px;font-weight:700;
  letter-spacing:.2em;color:var(--gold);margin-bottom:20px}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--gold);border-radius:2px}
.hero h1{font-size:clamp(46px,7vw,88px);line-height:.95;letter-spacing:.005em}
.hero h1 .g{color:var(--gold)}
.hero .lede{margin-top:22px;font-size:clamp(17px,1.6vw,20.5px);color:#CDD5DD;max-width:53ch}
.hero-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-fig{min-height:470px;border-radius:var(--rad)}
@media(max-width:980px){.hero-fig{min-height:420px}}
.hero-fig.is-empty{display:none}

/* trust chips under the hero copy */
.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;
  border:1px solid rgba(244,195,58,.3);border-radius:var(--rad);
  font-size:13.4px;font-weight:600;color:#E3E9EF;background:rgba(244,195,58,.07)}
.chip svg{width:15px;height:15px;color:var(--gold);flex:0 0 auto}

/* ------------------------------------------------------------ sections */
.sec{padding:clamp(72px,9vw,118px) 0}
.sec-cream{background:var(--cream);color:var(--ink)}
.sec-2{background:var(--ink-2)}
.shead{max-width:760px;margin-bottom:clamp(38px,5vw,56px)}
.shead .eyebrow{color:var(--gold)}
.sec-cream .shead .eyebrow{color:var(--gold-txt)}
.sec-cream .eyebrow::before{background:var(--gold-txt)}
.shead h2{font-size:clamp(34px,4.6vw,60px);line-height:1}
.shead p{margin-top:18px;font-size:17.5px;color:#C0C8D1;max-width:60ch}
.sec-cream .shead p{color:#4C555F}

/* strip of facts */
.strip{background:var(--gold);color:#0B0F14}
.strip .wrap{display:flex;flex-wrap:wrap;gap:10px 40px;justify-content:space-between;padding:20px 0}
.strip b{font-family:var(--f-loud);font-size:clamp(17px,2vw,23px);letter-spacing:.02em;display:block;line-height:1.05}
.strip span{font-size:12.6px;font-weight:600;letter-spacing:.12em;color:rgba(11,15,20,.7)}

/* services */
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--rad);padding:30px 26px 32px;
  transition:border-color .2s ease,transform .2s ease}
.sec-cream .card{background:var(--paper);border-color:var(--line-d)}
.card:hover{border-color:rgba(244,195,58,.42);transform:translateY(-3px)}
.card-n{font-family:var(--f-loud);font-size:14px;color:var(--gold);letter-spacing:.1em;display:block;margin-bottom:14px}
.sec-cream .card-n{color:var(--gold-txt)}
.card h3{font-size:24px;line-height:1.06;margin-bottom:10px}
.card p{font-size:15.6px;color:#B6BEC8}
.sec-cream .card p{color:#525B65}

/* work gallery */
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gal figure{margin:0;position:relative;border-radius:var(--rad);overflow:hidden;background:var(--ink-3);aspect-ratio:1/1}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.9,.3,1)}
.gal figure:hover img{transform:scale(1.05)}
.gal figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;font-size:13.2px;font-weight:600;
  color:#fff;background:linear-gradient(to top,rgba(11,15,20,.9),transparent)}
.gal .tall{grid-row:span 2;aspect-ratio:auto}
.galnote{margin-top:20px;font-size:14.4px;color:var(--muted)}

/* process */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s}
.step{position:relative;padding:32px 26px;background:var(--paper);border:1px solid var(--line-d);border-radius:var(--rad);
  display:grid;grid-template-columns:52px 1fr;gap:6px 16px;align-items:start}
.step::before{counter-increment:s;content:counter(s);grid-row:1 / span 2;
  font-family:var(--f-loud);font-size:34px;color:var(--gold-txt);line-height:.9}
.step h3{grid-column:2;font-size:22px;color:var(--ink)}
.step p{grid-column:2;font-size:15.6px;color:#525B65}

/* about */
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:clamp(30px,5vw,64px);align-items:center}
.about p{font-size:17.4px;color:#C4CCD5;margin-bottom:16px}
.about-fig{border-radius:var(--rad);overflow:hidden;border:1px solid var(--line)}

/* honesty panel */
.honest{background:var(--ink-3);border:1px solid rgba(244,195,58,.26);border-radius:var(--rad);padding:clamp(26px,4vw,42px)}
.honest h3{font-size:26px;margin-bottom:8px}
.honest .cols{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:22px}
.honest h4{font-family:var(--f-quiet);font-weight:700;font-size:13.4px;letter-spacing:.13em;margin-bottom:12px;color:var(--gold)}
.honest ul{margin:0;padding-left:19px;display:grid;gap:8px}
.honest li{font-size:15.4px;color:#BFC7D0}

/* faq */
.faq{display:grid;gap:0;max-width:900px;border-top:1px solid var(--line-d)}
.sec-cream .faq details{border-bottom:1px solid var(--line-d)}
.faq details{padding:4px 0}
.faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;position:relative;
  font-family:var(--f-loud);font-size:clamp(19px,2.2vw,25px);color:var(--ink);min-height:52px;display:flex;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:8px;top:50%;width:13px;height:13px;
  border-right:2px solid var(--gold-txt);border-bottom:2px solid var(--gold-txt);
  transform:translateY(-70%) rotate(45deg);transition:transform .22s ease}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq p{padding:0 0 24px;font-size:16.4px;color:#4E5761;max-width:72ch}

/* contact */
.ct{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:clamp(30px,5vw,60px);align-items:start}
.ct-list{display:grid;gap:14px;margin-top:28px}
.ct-list a,.ct-list div{display:flex;gap:13px;align-items:center;text-decoration:none;
  font-size:16.6px;color:#CDD5DD;min-height:46px}
.ct-list svg{width:19px;height:19px;color:var(--gold);flex:0 0 auto}
.form{background:var(--paper);border-radius:var(--rad);overflow:hidden;border:1px solid var(--line-d)}
.form-hd{background:linear-gradient(180deg,rgba(244,195,58,.2),rgba(255,255,255,0));padding:20px 22px 16px;text-align:center;
  border-bottom:1px solid var(--line-d)}
.form-hd img{height:96px;width:auto;margin:0 auto}
.form-b{padding:24px 22px 26px;display:grid;gap:13px}
.form label{display:grid;gap:6px;font-size:13.6px;font-weight:700;color:#414A54;letter-spacing:.02em}
.form input,.form select,.form textarea{
  height:52px;padding:0 14px;font-family:var(--f-quiet);font-size:16px;color:var(--ink);
  background:#fff;border:1px solid #CFD5DB;border-radius:var(--rad);width:100%}
.form textarea{height:110px;padding:13px 14px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--gold-txt);box-shadow:0 0 0 3px rgba(122,93,12,.16)}
.form .btn{width:100%}
.form-note{font-size:12.9px;color:#6A737D;margin-top:2px}
.ok{display:none;padding:16px;background:#EEF7EE;border:1px solid #BEDCBE;border-radius:var(--rad);
  font-size:15px;color:#22571F}
.ok[hidden]{display:none}
.ok[data-on]{display:block}

/* footer */
.ft{background:#070A0E;padding:clamp(52px,6vw,76px) 0 0;border-top:1px solid var(--line)}
.ft-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;padding-bottom:44px}
.ft h4{font-family:var(--f-quiet);font-weight:700;font-size:13px;letter-spacing:.15em;color:var(--gold);margin-bottom:16px}
.ft a{display:block;text-decoration:none;color:#A9B2BC;font-size:15.4px;padding:8px 0;min-height:40px}
.ft a:hover{color:var(--cream)}
.ft p{color:#8D96A1;font-size:15.2px}
.ft-bot{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:space-between;align-items:center;
  padding:20px 0 26px;border-top:1px solid var(--line)}
.ft-bot small{color:#79828C;font-size:13.4px}
.by{display:inline-flex;align-items:center;gap:.32em;text-decoration:none;color:#79828C;font-size:13.4px;
  min-height:44px;padding:6px 0}
.by b{color:var(--gold);font-weight:700}
.concept-line{color:#5F6870;font-size:12.6px}

/* ------------------------------------------------------------ dock */
.dk{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;justify-content:center;
  padding:0 12px 12px;pointer-events:none;transform:translateY(150%);
  transition:transform .45s cubic-bezier(.2,.9,.3,1)}
.dk.in{transform:none}
.dk-in{position:relative;display:flex;align-items:center;gap:2px;padding:5px;
  background:rgba(20,27,36,.9);backdrop-filter:blur(16px) saturate(150%);
  -webkit-backdrop-filter:blur(16px) saturate(150%);
  border:1px solid var(--line);border-radius:var(--rad);
  box-shadow:0 12px 34px rgba(0,0,0,.45);pointer-events:auto;max-width:100%}
.dk-i{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  height:46px;padding:0 16px;border:0;background:transparent;cursor:pointer;
  font-family:var(--f-quiet);font-size:14px;font-weight:600;color:#A9B2BC;text-decoration:none;
  border-radius:2px;white-space:nowrap;transition:color .18s ease}
.dk-i:hover,.dk-i.on{color:var(--cream)}
.dk-i:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.dk-cta{background:var(--gold);color:#0B0F14}
.dk-cta:hover,.dk-cta.on{background:#FFD658;color:#0B0F14}
.dk-pill{position:absolute;left:0;top:5px;height:46px;width:0;opacity:0;
  background:rgba(246,243,236,.09);border-radius:2px;z-index:0;
  transition:transform .3s cubic-bezier(.2,.9,.3,1),width .3s cubic-bezier(.2,.9,.3,1),opacity .2s ease}
.dk-dot{width:7px;height:7px;border-radius:50%;background:#0B0F14}
.dk-chat{display:none}
body.has-dock{padding-bottom:86px}
html.rbc-open .dk{transform:translateY(150%)}

/* ------------------------------------------------------------ chat */
.rbc-fab{position:fixed;right:22px;bottom:22px;z-index:72;display:inline-flex;align-items:center;gap:9px;
  height:52px;padding:0 20px;background:var(--gold);color:#0B0F14;border:0;border-radius:var(--rad);cursor:pointer;
  font-family:var(--f-quiet);font-size:15px;font-weight:700;
  box-shadow:0 14px 34px rgba(0,0,0,.45);transition:transform .18s ease}
.rbc-fab svg{width:19px;height:19px}
.rbc-fab:hover{transform:translateY(-2px)}
.rbc-fab:focus-visible{outline:2px solid var(--cream);outline-offset:3px}
.rbc-fab.on span{display:none}
.rbc-fab.on{padding:0 16px}
.rbc{position:fixed;right:22px;bottom:86px;z-index:73;width:min(384px,calc(100vw - 32px));height:min(560px,72vh);
  display:flex;flex-direction:column;overflow:hidden;background:var(--paper);
  border:1px solid var(--line-d);border-radius:var(--rad);box-shadow:0 26px 60px rgba(0,0,0,.5)}
.rbc[hidden]{display:none}
.rbc-hd{display:flex;align-items:center;gap:12px;padding:15px 16px;background:var(--ink);color:var(--cream)}
.rbc-hd-b{display:grid;flex:1 1 auto;min-width:0}
.rbc-hd-b b{font-family:var(--f-loud);font-size:18px;letter-spacing:.02em}
.rbc-hd-b span{font-size:12.5px;color:#9AA3AD}
.rbc-x{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;background:transparent;
  border:1px solid var(--line);border-radius:2px;color:var(--cream);cursor:pointer}
.rbc-x svg{width:15px;height:15px}
.rbc-x:hover{background:rgba(246,243,236,.1)}
.rbc-log{flex:1 1 auto;overflow-y:auto;padding:16px;display:grid;gap:10px;align-content:start}
.rbc-m{max-width:86%;padding:11px 14px;border-radius:var(--rad);font-size:15px;line-height:1.5}
.rbc-bot{background:#F1F3F5;border:1px solid var(--line-d);color:var(--ink);justify-self:start}
.rbc-you{background:var(--ink);color:var(--cream);justify-self:end}
.rbc-dots{display:inline-flex;gap:4px;padding:3px 0}
.rbc-dots span{width:6px;height:6px;border-radius:50%;background:#98A1AB;animation:rbcd 1.1s ease-in-out infinite}
.rbc-dots span:nth-child(2){animation-delay:.15s}
.rbc-dots span:nth-child(3){animation-delay:.3s}
@keyframes rbcd{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.rbc-chips{display:flex;flex-wrap:wrap;gap:7px;padding:0 16px 4px}
.rbc-chips:empty{display:none}
.rbc-chip{min-height:38px;padding:0 12px;background:transparent;cursor:pointer;border:1px solid var(--line-d);
  border-radius:2px;color:var(--ink);font-family:var(--f-quiet);font-size:13.5px;font-weight:600}
.rbc-chip:hover{border-color:var(--gold-txt);color:var(--gold-txt)}
.rbc-f{display:flex;gap:8px;padding:12px 16px 0}
.rbc-f input{flex:1 1 auto;min-width:0;height:48px;padding:0 14px;font-family:var(--f-quiet);font-size:16px;
  color:var(--ink);background:#fff;border:1px solid #CFD5DB;border-radius:2px}
.rbc-f input:focus{outline:none;border-color:var(--gold-txt);box-shadow:0 0 0 3px rgba(122,93,12,.15)}
.rbc-f button{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;background:var(--ink);
  color:var(--cream);border:0;border-radius:2px;cursor:pointer}
.rbc-f button:hover{background:var(--ink-3)}
.rbc-f button svg{width:19px;height:19px}
.rbc-note{padding:9px 16px 14px;margin:0;font-size:12.4px;color:#6A737D}

/* ------------------------------------------------------------ responsive */
@media(max-width:1100px){
  .svc{grid-template-columns:repeat(2,1fr)}
  .gal{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:980px){
  .nav{display:none}
  .hd-cta .btn-1{display:none}
  .burger{display:flex}
  .mnav{display:flex}
  .hero .wrap{grid-template-columns:1fr}
  .about,.ct{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .ft-top{grid-template-columns:1fr 1fr}
}
@media(max-width:1023px){
  .rbc-fab{display:none}
  .dk-wide{display:none}
  .dk-chat{display:inline-flex}
  .dk-in{width:100%}
  .dk-i{flex:1 1 0;min-width:0;padding:0 8px;font-size:13.5px}
  .rbc{right:0;left:0;bottom:0;width:100%;height:min(78vh,600px);
    border-radius:var(--rad) var(--rad) 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}
}
@media(max-width:640px){
  body{font-size:16.5px}
  .wrap{width:calc(100% - 34px)}
  .sec{padding:58px 0}
  .hero{min-height:auto;padding:48px 0 44px}
  .hero h1{font-size:clamp(38px,11vw,54px)}
  .svc,.gal{grid-template-columns:1fr}
  .gal .tall{grid-row:auto}
  .honest .cols{grid-template-columns:1fr}
  .ft-top{grid-template-columns:1fr}
  .strip .wrap{gap:14px 20px}
  .hero-acts .btn{width:100%}
}

/* Phone header: the number, the wordmark and its tagline together overrun a
   375px header and wrapped the call button onto three lines. The button keeps
   its tap target and becomes the phone glyph, the tagline steps aside, and the
   wordmark eases back, so the row stays on one line at 375 and 390. */
.hd-call-i{display:none;width:19px;height:19px}
@media(max-width:640px){
  .hd{gap:10px;padding:10px 16px}
  /* nav carries margin-left:auto on desktop and is hidden here, so the
     buttons need their own push to stay against the right edge */
  .hd-cta{margin-left:auto}
  .hd-name span{display:none}
  .hd-name b{font-size:17px;white-space:nowrap}
  .hd-badge{width:38px;height:38px}
  .hd-badge b{font-size:15px}
  .hd-call{padding:0 14px;min-width:48px}
  .hd-call span{display:none}
  .hd-call-i{display:block}
}

/* contrast: the concept line sat at 3.5:1 on the near black footer */
.concept-line{color:#98A1AB}