/* One system for the whole site.
   Type: League Gothic for every heading (caps), Inter for everything else.
   Colour: black, white, one grey, one red. Loaded after each page's inline styles. */
:root{--serif:var(--dsp);--cond:var(--sans);--tb:var(--bg);--paper:var(--fg)}

/* ---- headings: League Gothic, caps, second phrase in red ---- */
.serif,.svc-title,.sv-t,.tb-title,.tb .prose h2,.tb h2,.tt,.scene-t,.c-title,.cond,.foot-big,.ncard h3,.un-grid h3{
  font-family:var(--dsp);font-weight:400;font-style:normal;font-variation-settings:normal;font-stretch:normal;
  text-transform:uppercase;letter-spacing:.005em}
.tt{font-size:clamp(46px,6.2vw,104px);line-height:.9}
.tt .dim,.tt span+span{color:var(--red)}
.svc-title{font-size:clamp(64px,9.5vw,150px);line-height:.88}
.sv-t{font-size:clamp(56px,8vw,128px);line-height:.88}
.tb-title{font-size:clamp(72px,11vw,170px);line-height:.86}
.tb .prose h2,.tb h2{font-size:clamp(36px,3.8vw,60px);line-height:.95}
.scene-t{font-size:clamp(72px,12.5vw,200px);line-height:.86}
.c-title{font-size:clamp(80px,14vw,220px);line-height:.85}
.cond{font-size:clamp(44px,5vw,80px);line-height:.9}
.ncard h3,.un-grid h3{font-size:clamp(22px,1.8vw,28px);line-height:1}
.foot-big{font-size:clamp(52px,7vw,112px);line-height:.95}
.logos .wm{font-family:var(--dsp);font-weight:400;font-stretch:normal;font-size:30px;letter-spacing:.02em}

/* ---- small labels and lists: Inter ---- */
.lab{font:600 12px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.tools{font:400 16px/1.7 var(--sans);color:var(--mute)}
.tb-sub{font:400 18px/1.4 var(--sans)}
.tb .faq summary,summary{font-family:var(--sans);font-weight:500}

/* ---- colour: one black, one red ---- */
.svc,.tb{background:var(--bg);color:var(--fg)}
html[data-theme=light] .svc,html[data-theme=light] .tb{background:var(--bg);color:var(--fg)}
.pill-red{background:var(--red)}

/* sections that used to read as a different site: same black, same white type */
.svc::before,.tb::before{content:none}
.svc-title,.tb-title{color:var(--fg);mix-blend-mode:normal}
.upnext{background:var(--bg);color:var(--fg)}
.upnext p,.upnext .un-grid p{color:var(--mute)}
.close .tt .dim,.close h2 .dim{color:var(--red)}

/* ---- logo: the HVBIB wordmark ---- */
.mono{width:auto}
.mono svg{display:block;width:auto;height:22px}