/* Projects and world map share the approved About Us title treatment. */
.south-project-index56{padding-top:210px}
.south-world{padding-top:210px}
.south-editorial56 .south-editorial56__eyebrow{position:relative;top:25px;padding-left:6px;font:650 11px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.17em;color:#c6c0b9;margin:0 0 15px;text-transform:uppercase}
.south-editorial56 h1{margin:42px 0 35px;font-size:clamp(42px,7.8vw,122px);line-height:.99;letter-spacing:-.065em;font-weight:700}
.south-editorial56 h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;color:#007db9}
.south-project-index56 h1{margin-bottom:85px}
.south-common-footer .footer-v2-links svg{flex-shrink:0}
@media(max-width:700px){
.south-project-index56,.south-world{padding-top:160px}
.south-editorial56 .south-editorial56__eyebrow{top:18px}
.south-editorial56 h1{margin-top:30px;font-size:clamp(29px,7.6vw,54px)}
.south-project-index56 h1{margin-bottom:60px}
}

/* STEP 77 - Projects start at the same height as the film catalogue. */
.south-project-index56{padding-top:190px}
.south-project-index56 .south-editorial56__eyebrow{top:0}
@media(max-width:700px){.south-project-index56{padding-top:118px}}
@media(max-width:400px){.south-project-index56{padding-top:125px}}

/* STEP 81 - Shared starting height for About, world map and the catalogue. */
.south-about .about-hero,.south-world{padding-top:190px}
.south-about .about-hero .about-eyebrow51,.south-world .south-editorial56__eyebrow{top:0}
@media(max-width:700px){.south-about .about-hero,.south-world{padding-top:152px}}

/* STEP 82 - Same eyebrow row and H1 start, preserving all type sizes and faces. */
body.south-catalogue76 .page-hero .eyebrow,
.south-project-index56 .south-editorial56__eyebrow,
.south-about .about-hero .about-eyebrow51,
.south-world .south-editorial56__eyebrow{min-height:18px;margin-bottom:0}
body.south-catalogue76 .page-hero .eyebrow{padding-left:5px}
body.south-catalogue76 .page-hero h1,
.south-project-index56 h1,
.south-about .about-hero h1,
.south-world .south-editorial56 h1{margin-top:15px}
@media(max-width:700px){
 body.south-catalogue76 .page-hero .eyebrow,
 .south-project-index56 .south-editorial56__eyebrow,
 .south-about .about-hero .about-eyebrow51,
 .south-world .south-editorial56__eyebrow{min-height:30px}
 body.south-catalogue76 .page-hero h1,
 .south-project-index56 h1,
 .south-about .about-hero h1,
 .south-world .south-editorial56 h1{margin-top:10px}
}

/* STEP 83 - Compact mobile introductions below the collapsed header. */
@media(max-width:700px){
 body.south-catalogue76 .page-hero,
 body.south-film-page58 .south-film-intro,
 main .south-project-index56,
 .south-about .about-hero,
 .south-world{padding-top:112px}
 main .country-hero{padding-top:112px;min-height:0}
 main .south-country-hero{padding-top:112px;min-height:0;padding-bottom:48px}
}

/* STEP 84 - Catalogue eyebrow matches the other editorial pages. Only FILMS is blue. */
body.south-catalogue76 .page-hero .eyebrow{padding-left:6px;font:650 11px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.17em;color:#c6c0b9}
body.south-catalogue76 .page-hero h1 .south-catalogue-films84{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#007db9}
@media(max-width:700px){body.south-catalogue76 .page-hero h1{margin-top:6px}}

/* STEP 85 - Single-line mobile portfolio eyebrow and balanced open-menu spacing. */
@media(max-width:700px){
 body.south-catalogue76 .page-hero .eyebrow{font-size:clamp(8px,2.2vw,11px);letter-spacing:.09em;white-space:nowrap;min-height:0}
 body.south-catalogue76 .page-hero,
 body.south-film-page58 .south-film-intro,
 main .south-project-index56,
 .south-about .about-hero,.south-world,
 main .country-hero,main .south-country-hero{transition:padding-top .28s ease}
 body.south-catalogue76.south-menu-open85 .page-hero,
 body.south-film-page58.south-menu-open85 .south-film-intro,
 body.south-menu-open85 main .south-project-index56,
 body.south-menu-open85 .south-about .about-hero,
 body.south-menu-open85 .south-world,
 body.south-menu-open85 main .country-hero,
 body.south-menu-open85 main .south-country-hero{padding-top:52px}
}
@media(prefers-reduced-motion:reduce){
 body.south-catalogue76 .page-hero,body.south-film-page58 .south-film-intro,
 main .south-project-index56,.south-about .about-hero,.south-world,
 main .country-hero,main .south-country-hero{transition:none}
}

/* Project index introduction: same scale and grey as Where We Film. */
.south-project-index56 h1{margin-bottom:28px}
.south-project-index56 .south-project-lead139{color:#bababa;max-width:690px;font-size:clamp(14px,1.7vw,18px);line-height:1.6;margin:0 0 65px}
@media(max-width:700px){.south-project-index56 h1{margin-bottom:22px}.south-project-index56 .south-project-lead139{margin-bottom:42px}}