/* About > Brand Resources. The hero is the shared one (archive.css), the introduction is the one of page.css. Here: the request band; the form itself is forms.css. */

.wttc-br { background: var(--wttc-white); }
.wttc-br .wttc-archive__head { padding-bottom: 0; }
.wttc-br__intro { padding-top: clamp(24px, 5vh, 56px); background: var(--wttc-white); }
.wttc-br__intro .wttc-intro__text h3 { margin: 1.8rem 0 .8rem; color: var(--wttc-navy); font: 400 clamp(22px, 2.2vw, 28px)/1.2 var(--wttc-font-serif); }
.wttc-br__intro .wttc-intro__text ul { margin: 0 0 1.1rem; padding-left: 1.2em; }
.wttc-br__intro .wttc-intro__text li { margin-bottom: .5em; }
.wttc-br__download { margin-top: 1.6rem !important; }
/* The intro text paints its links navy and underlined: the button keeps its own colours */
.wttc-br__intro .wttc-intro__text a.wttc-button, .wttc-br__intro .wttc-intro__text a.wttc-button:visited { color: var(--wttc-white); text-decoration: none; }
.wttc-br__intro .wttc-intro__text a.wttc-button:hover, .wttc-br__intro .wttc-intro__text a.wttc-button:focus-visible, .wttc-br__intro .wttc-intro__text a.wttc-button:active { color: var(--wttc-navy); }
.wttc-br__download .wttc-button svg { transition: transform .25s cubic-bezier(.22, 1, .36, 1); }
.wttc-br__download .wttc-button:hover svg, .wttc-br__download .wttc-button:focus-visible svg { transform: translateY(3px); }

/* The request */
.wttc-br__request { padding: clamp(48px, 8vh, 88px) 0 clamp(56px, 9vh, 96px); background: var(--wttc-cream); scroll-margin-top: 110px; }
.wttc-br__request-wrap { max-width: 880px; }
.wttc-br__title { margin: 0 0 28px; color: var(--wttc-navy); font: 400 clamp(28px, 3.2vw, 42px)/1.12 var(--wttc-font-serif); letter-spacing: -.3px; }
@media (prefers-reduced-motion: reduce) { .wttc-br__download .wttc-button svg { transition: none; } }