/* Self-hosted, OFL-licensed brand typography. */
@font-face{font-family:Manrope;src:url('../fonts/manrope-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('../fonts/manrope-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url('../fonts/manrope-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('../fonts/manrope-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('../fonts/manrope-800.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('../fonts/barlow-condensed-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('../fonts/barlow-condensed-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{--font-body:Manrope,'Segoe UI',sans-serif;--font-display:'Barlow Condensed','Arial Narrow',sans-serif}
body{font-family:var(--font-body)}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:0}
.brand-copy strong{font-family:var(--font-display);font-size:1.65rem;font-weight:700;letter-spacing:.025em;line-height:1}
.brand-copy small{letter-spacing:.16em}
.g-hero h1{font-size:clamp(4rem,6.65vw,6.5rem);font-weight:700;letter-spacing:-.012em;line-height:.99}
.g-hero h1 span{line-height:.99}
.g-section-head h2,.g-self h2,.g-split-copy h2,.g-cta h2{font-weight:600;letter-spacing:0;line-height:1.07}
.g-card h3{font-size:1.625rem;font-weight:600;letter-spacing:0;line-height:1.12}
.g-cover-panel strong{font-family:var(--font-display);font-size:1.75rem;letter-spacing:.01em;line-height:1.12}
.g-tool strong{font-family:var(--font-display);font-size:1.75rem;letter-spacing:0}
.g-split-media:after{background:linear-gradient(90deg,rgba(2,31,52,.02),rgba(2,31,52,.12))}
.g-card-media img{image-rendering:auto}
.g-split-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.g-split-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
@media(max-width:760px){
 .brand-copy strong{font-size:1.3rem}
 .g-hero h1{font-size:clamp(2.9rem,13vw,5.5rem)}
 .g-card h3{font-size:1.625rem}
 .g-split-media{min-height:0;aspect-ratio:1.5}
}