.aqp-contact, .aqp-contact * { box-sizing: border-box; } .aqp-contact { --aq-ink: #102a36; --aq-muted: #5f727c; --aq-line: #dce5e9; --aq-wash: #f4f7f8; --aq-navy: #082633; width: 100%; background: #ffffff; color: var(--aq-ink); font-family: inherit; } .aqp-contact__hero { position: relative; overflow: hidden; padding: clamp(62px, 8vw, 110px) 22px clamp(52px, 7vw, 88px); background: var(--aq-navy); color: #ffffff; } .aqp-contact__hero::after { content: ''; position: absolute; right: -8%; bottom: -100px; width: min(54vw, 700px); height: 240px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; transform: rotate(-8deg); } .aqp-contact__inner { position: relative; z-index: 1; width: min(100%, 1160px); margin: 0 auto; } .aqp-contact__eyebrow { margin: 0 0 14px; color: rgba(255,255,255,.62); font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; } .aqp-contact h1 { max-width: 780px; margin: 0; color: #ffffff; font-size: clamp(36px, 5vw, 60px); font-weight: 600; letter-spacing: -.04em; line-height: 1.02; } .aqp-contact__intro { display: grid; grid-template-columns: minmax(0, 1fr) 230px; gap: clamp(28px, 7vw, 100px); align-items: end; } .aqp-contact__updated { margin: 0 0 5px; color: var(--aq-muted); font-size: 13px; white-space: nowrap; } .aqp-contact__hero-note { padding-top: 16px; border-top: 1px solid rgba(255,255,255,.22); } .aqp-contact__hero-note strong { display: block; margin-bottom: 6px; color: #fff; font-size: 15px; font-weight: 600; } .aqp-contact__hero-note span { color: rgba(255,255,255,.68); font-size: 14px; line-height: 1.55; } .aqp-contact__content { padding: clamp(48px, 7vw, 92px) 22px clamp(64px, 8vw, 112px); } .aqp-contact__grid { display: grid; grid-template-columns: 220px minmax(0, 760px); gap: clamp(42px, 8vw, 112px); align-items: start; } .aqp-contact__nav { position: sticky; top: 24px; padding-top: 5px; } .aqp-contact__nav-title { margin: 0 0 16px; color: var(--aq-muted); font-size: 11px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; } .aqp-contact__nav ul { margin: 0; padding: 0; list-style: none; border-left: 1px solid var(--aq-line); } .aqp-contact__nav li { margin: 0; } .aqp-contact__nav a { display: block; padding: 7px 0 7px 18px; color: #60727a; font-size: 13px; line-height: 1.35; text-decoration: none; transition: color .2s ease, border-color .2s ease; } .aqp-contact__nav a:hover { color: var(--aq-ink); } .aqp-contact__support { margin-top: 28px; color: var(--aq-muted); font-size: 12px; line-height: 1.55; } .aqp-contact__support a { display: inline; padding: 0; font-size: inherit; text-decoration: underline; text-underline-offset: 3px; } .aqp-contact__body { min-width: 0; } .aqp-contact__body h2 { margin: 48px 0 14px; color: var(--aq-ink); font-size: clamp(21px, 2.5vw, 27px); font-weight: 600; letter-spacing: -.02em; line-height: 1.2; } .aqp-contact__body p, .aqp-contact__body li { color: #314751; font-size: clamp(15px, 1.7vw, 17px); font-weight: 400; line-height: 1.72; } .aqp-contact__body p { margin: 0 0 17px; } .aqp-contact__body > p:first-child { margin-top: 0; color: var(--aq-ink); font-size: clamp(18px, 2vw, 21px); line-height: 1.62; } .aqp-contact__body h2:first-child { margin-top: 0; } .aqp-contact__body ul { margin: 10px 0 22px; padding-left: 22px; } .aqp-contact__body li { margin-bottom: 8px; padding-left: 5px; } .aqp-contact__body a { color: var(--aq-ink); text-decoration-thickness: 1px; text-underline-offset: 3px; } .aqp-contact__body a:hover { opacity: .7; } @media (max-width: 640px) { .aqp-contact__hero, .aqp-contact__content { padding-left: 18px; padding-right: 18px; } .aqp-contact__intro { grid-template-columns: 1fr; gap: 28px; } .aqp-contact__updated { white-space: normal; } .aqp-contact__grid { grid-template-columns: 1fr; gap: 0; } .aqp-contact__nav { position: static; margin: 0 0 40px; padding: 0 0 26px; border-bottom: 1px solid var(--aq-line); } .aqp-contact__nav ul { display: flex; gap: 8px; overflow-x: auto; padding: 0 0 6px; border: 0; scrollbar-width: none; } .aqp-contact__nav ul::-webkit-scrollbar { display: none; } .aqp-contact__nav li { flex: 0 0 auto; } .aqp-contact__nav a { padding: 9px 12px; border: 1px solid var(--aq-line); border-radius: 999px; background: #fff; white-space: nowrap; } .aqp-contact__support { display: none; } .aqp-contact__body h2 { margin-top: 38px; } }