/* CompanyCam typography roles, verified against the live reference on 2026-10-17. */
@font-face{font-family:Averta;src:url('/fonts/companycam/averta-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Averta;src:url('/fonts/companycam/averta-semibold.woff2') format('woff2');font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:Averta;src:url('/fonts/companycam/averta-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Averta;src:url('/fonts/companycam/averta-extra-bold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:Averta;src:url('/fonts/companycam/averta-regular-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
:root{--font-body:Averta,Arial,sans-serif;--font-heading:'roc-grotesk-condensed','Arial Narrow',Arial,sans-serif;--font-accent:'richmond-display',Georgia,serif}
body.gq-site{font-family:var(--font-body);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.gq-site :is(button,input,textarea,select,option){font-family:var(--font-body)}
body.gq-site #gq-main :is(p,a,span,b,strong,small,label,input,button,select,textarea,summary,li,dt,dd,td,th,div),body.gq-site :is(.gq-site-header,footer){font-family:var(--font-body)}
body.gq-site #gq-main :is(h1,h2,legend){font-family:var(--font-heading)!important;font-weight:800;letter-spacing:normal;text-transform:uppercase;line-height:.96}
body.gq-site #gq-main :is(h1,h2,legend) :is(span,b,strong){font-family:inherit!important;font-weight:inherit;line-height:inherit;letter-spacing:inherit}
body.gq-site #gq-main :is(h3,h4,h5,h6){font-family:var(--font-body)!important;font-weight:700;letter-spacing:normal;text-transform:none;line-height:1.2}
body.gq-site #gq-main :is(h3,h4,h5,h6) :is(span,b,strong){font-family:inherit!important}
body.gq-site #gq-main :is(h1,h2,h3) em{font-family:var(--font-accent)!important;font-weight:400;font-style:italic;text-transform:none}
body.gq-site #gq-main :is(p,li,dd){font-weight:400}
body.gq-site #gq-main :is(strong,b){font-weight:700}
body.gq-site .gq-site-header :is(.nav>a,.gq-nav-group>summary){font-family:var(--font-body);font-size:16px;font-weight:500;line-height:1.25;letter-spacing:normal}
body.gq-site :is(.nav-cta,.quote-button,.gq-button,.back-btn){font-family:var(--font-body)!important;font-weight:700!important;font-size:16px;line-height:1.25;letter-spacing:normal}
body.gq-site .gq-mega-links b{font-family:var(--font-body);font-weight:700}
body.gq-site .gq-mega-links small{font-family:var(--font-body);font-weight:400}
body.gq-site #gq-main :is(.quote-dock-head strong,.dr-form label,summary){font-family:var(--font-body);font-weight:700}
body.gq-site #gq-main .dr-main :is(p,li,dd){font-size:17px;line-height:1.65}
body.gq-site #gq-main .dr-main .dr-card p{font-size:16px;line-height:1.5}
body.gq-site #gq-main .dr-main h1{font-size:clamp(48px,6.7vw,96px);line-height:.9;letter-spacing:.01em}
body.gq-site #gq-main .dr-main h2{font-size:clamp(38px,4.5vw,64px);line-height:.96}
body.gq-site #gq-main .dr-main h3{font-size:22px;line-height:1.125}
body.gq-home #gq-main .cc-hero h1{font-size:96px;line-height:86px;letter-spacing:.94px}
body.gq-home #gq-main .cc-hero .hero-lead{font-family:var(--font-body);font-weight:400;font-size:20px;line-height:32px}
body.gq-site footer :is(p,a){font-family:var(--font-body);font-weight:400;font-size:13px;line-height:1.6}
body.gq-site footer strong{font-family:var(--font-body);font-weight:700}
@media(min-width:1025px) and (max-width:1440px){body.gq-home #gq-main .cc-hero h1{font-size:64px;line-height:56px}body.gq-home #gq-main .cc-hero .hero-lead{font-size:18px;line-height:28px}body.gq-site #gq-main .dr-main h1{font-size:64px}}
@media(max-width:1024px){body.gq-home #gq-main .cc-hero h1{font-size:58px;line-height:50px}body.gq-home #gq-main .cc-hero .hero-lead{font-size:16px;line-height:26px}body.gq-site #gq-main .dr-main h1{font-size:58px}body.gq-site .gq-site-header :is(.nav>a,.gq-nav-group>summary){font-size:14px}}
@media(max-width:640px){body.gq-home #gq-main .cc-hero h1{font-size:48px;line-height:42px;letter-spacing:.4px}body.gq-home #gq-main .cc-hero .hero-lead{font-size:16px;line-height:26px}body.gq-site #gq-main .dr-main h1{font-size:48px;line-height:.95}body.gq-site #gq-main .dr-main :is(p,li,dd){font-size:16px;line-height:1.6}body.gq-site #gq-main .dr-main h2{font-size:38px}body.gq-site :is(input,select,textarea){font-size:16px}}
body.gq-site #gq-main :is(.dr-kicker,.eyebrow,.section-tag,.gq-kicker){font-family:var(--font-body);font-weight:700}
