/* Sizing standard (30/09/2026), download-form pages: H1/H2 70px, fancy Cormorant lines 80px, labels 13px, body 16px, form title 20px, step titles 16px, step/tile copy 13px, sections 100/90, hero 80/90 under the breadcrumb. */
.oversize-heading, .sidebar-heading { font-size: clamp(2.5rem, 4.9vw, 70px) !important; }
.oversize-heading .fancy-word, .sidebar-heading .fancy-word { font-size: 1.143em; }
.oversize-label, .sidebar-label { font-size: 13px !important; }
.section-sub, .sidebar-body, .form-subtitle { font-size: 16px; }
.trust-chip, .res-lang-note { font-size: 13px; }
.form-title { font-size: 20px; }
.step-title, .res-rel-title { font-size: 16px; }
.step-desc, .res-rel-desc { font-size: 13px; }
.res-rel-type, .res-rel-cta { font-size: 12px; }
.hero-section { padding: 80px 0 90px; }
.hero-left { max-width: 640px; }
.hero-grid { align-items: start; }
.hero-right { align-self: end; }
.zone-light { padding: 100px 0 90px !important; }
.zone-dark { padding: 100px 0 90px !important; }
@media (max-width: 820px) { .hero-right { justify-content: center; } .hero-grid { gap: 36px; } }
@media (max-width: 680px) {
    .oversize-heading, .sidebar-heading { font-size: 40px !important; }
    .hero-section { padding: 90px 0 56px; }
    .zone-light, .zone-dark { padding: 64px 0 56px !important; }
}
/* Hero chips + language note: all white, icons white, no underline on the language links */
.trust-chip, .res-lang-note, .res-lang-note .sep { color: #fff; }
.trust-chip .ti, .res-lang-note .ti { color: #fff; }
.res-lang-note a { color: #fff; text-decoration: none; }
.res-lang-note a:hover { color: var(--orange); }
/* Steps 1-4 run left to right under the form and sub copy */
.step-list.step-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 32px; margin-top: 64px; padding-top: 12px; border-top: 1px solid rgba(2,38,63,0.12); }
.step-row .step-item { border-bottom: none; padding: 24px 0 0; }
@media (max-width: 1100px) { .step-list.step-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 32px; } }
@media (max-width: 680px) {
    .step-list.step-row { grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 44px; padding-top: 0; }
    .step-row .step-item { padding: 20px 0; border-bottom: 1px solid rgba(2,38,63,0.1); }
    .step-row .step-item:last-child { border-bottom: none; }
}
/* Related-resource tiles: cover image on top, then type, title, copy, link */
.res-rel-card { padding: 0; overflow: hidden; gap: 0; background: rgba(255,255,255,0.05); border-color: rgba(95,153,187,0.22); }
.res-rel-media { display: flex; align-items: center; justify-content: center; height: 210px; padding: 22px; background: linear-gradient(135deg, #0d3556 0%, #072e4c 100%); border-bottom: 1px solid rgba(95,153,187,0.18); }
.res-rel-media img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; filter: drop-shadow(0 12px 22px rgba(0,0,0,0.5)); transition: transform 0.3s ease; }
.res-rel-card:hover .res-rel-media img { transform: scale(1.04); }
.res-rel-type { margin: 22px 26px 0; }
.res-rel-title { margin: 8px 26px 0; }
.res-rel-desc { margin: 10px 26px 0; color: #fff; }
.res-rel-cta { margin: auto 26px 0; padding: 20px 0 26px; color: #fff; }
/* Hero background: shutterstock_670189804, turned 90 degrees clockwise to fit the landscape hero */
.hero-section .bg-img {  object-position: center; transform: none; }
/* Related section: blue glow top right and bottom left for depth */
#related.zone-dark { background: radial-gradient(ellipse 55% 70% at 100% 0%, rgba(47,128,196,0.42) 0%, rgba(47,128,196,0) 70%), radial-gradient(ellipse 55% 70% at 0% 100%, rgba(47,128,196,0.42) 0%, rgba(47,128,196,0) 70%), var(--prussian); }
/* Tiles: dark image panel on top, white copy panel below with dark writing */
.res-rel-card { background: #fff; border-color: rgba(255,255,255,0.9); box-shadow: 0 14px 34px rgba(0,0,0,0.28); }
.res-rel-card:hover { background: #fff; border-color: var(--orange); }
.res-rel-type { color: var(--orange); }
.res-rel-title { color: var(--prussian); }
.res-rel-desc { color: rgba(2,38,63,0.75); }
.res-rel-cta { color: var(--airforce); font-size: 12px; font-weight: 700; letter-spacing: 0; text-transform: none; align-self: flex-end; margin: auto 26px 0; padding: 18px 0 24px; gap: 6px; transition: gap 0.2s, color 0.2s; }
.res-rel-card:hover .res-rel-cta { gap: 11px; color: var(--orange); }
/* Hero background, revised: original portrait image, top of the picture (calm dark navy behind the copy, blue sweep behind the cover) */
.hero-section .bg-img {  object-fit: cover; object-position: center top; transform: none; }
/* Tiles: no edge line, no orange edge on hover */
.res-rel-card, .res-rel-card:hover { border: 0; }
@media (max-width: 680px) {
    .hero-section .bg-img { object-position: 0% 0%; object-fit: cover; }
    .hero-section .bg-overlay { background: linear-gradient(180deg, rgba(2,20,40,0.35) 0%, rgba(2,20,40,0.6) 45%, rgba(2,20,40,0.6) 100%); }
}
/* Tile image panel: the cover itself, heavily blurred, as a glowing backdrop */
.res-rel-media { position: relative; overflow: hidden; background: #0a2d49; isolation: isolate; }
.res-rel-media::before { content: ''; position: absolute; inset: -40px; z-index: -1; background: var(--cover) center / cover no-repeat; filter: blur(30px) saturate(1.7) brightness(0.9); transform: scale(1.25); }
.res-rel-media img { position: relative; }
/* Hero background for this page: VC4 AD New Style 359, mirrored so the navy sits behind the copy and the orange bands behind the cover */
.hero-section .bg-img {  object-fit: cover; object-position: center; transform: scaleX(-1); }
@media (max-width: 680px) { .hero-section .bg-img { object-position: 85% center; } }