html body.faq-route > header { background: transparent !important; color: #fff !important; }
html body.faq-route > header > a:first-child img { filter: invert(1); }
html body.faq-route > header .nav-link { color: rgba(255,255,255,.8) !important; }
html body.faq-route > header.nav-on-light { background: #fff !important; color: #121212 !important; }
html body.faq-route > header.nav-on-light > a:first-child img { filter: none; }
html body.faq-route > header.nav-on-light .nav-link { color: rgba(18,18,18,.68) !important; }

.faq-hero { background: #000; color: #fff; padding: 140px var(--pandect-nav-gutter) 64px; font-family: 'General Sans','Helvetica Neue',Helvetica,sans-serif; }
.faq-hero__shell { max-width: 1680px; margin-inline: auto; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(40px,5vw,80px); align-items: end; }
html:root body .faq-hero h1 { margin: 0; font-size: 88px !important; line-height: 1.08; font-weight: 400; letter-spacing: -.04em; }
.faq-hero__message { grid-column: 2; position: relative; padding-left: 44px; }
.faq-hero__square { position: absolute; left: 0; top: 11px; display: block; width: 8px; height: 8px; background: #fff; }
html:root body .faq-hero__intro { margin: 0; color: #fff; font-size: 23px; line-height: 1.4; font-weight: 400; letter-spacing: -.018em; }
@media(max-width:900px) { .faq-hero__shell { grid-template-columns: 1fr; gap: 32px; } .faq-hero__message { grid-column: 1; } }
@media(max-width:720px) { .faq-hero { padding-top: 112px; padding-bottom: 40px; } html:root body .faq-hero h1 { font-size: 50px !important; } .faq-hero__intro br { display: none; } }