/* Final C rhythm. Sections keep their natural height and one native page scroll. */
html:has(body.pilotage){scroll-padding-top:20px}
.pilotage :is(.section,.work-section,.offer-film,.c-human,.contact-section){padding-block:64px}
.pilotage .hero{padding-block:44px;gap:28px}
.pilotage .hero .hero-statement{margin-block:20px}
.pilotage .c-hero-cycle{margin-top:12px}
.pilotage :is(.section-heading,.planning-heading,.c-human-heading,.film-heading){margin-bottom:30px}
.pilotage .eyebrow{margin-bottom:18px}
.pilotage .c-human-story h4{margin:0}
.pilotage .c-cycle-heading h2{font:400 13px/1.5 var(--font);letter-spacing:0;margin:0;color:var(--muted)}
.pilotage .industry-page p.c-work-mock-title{font:25px/1 'DM Serif Display',Georgia,serif;letter-spacing:-.03em;margin:0;color:inherit;max-width:none}

/* Retain the homepage logo band, with less empty space around the marks. */
.pilotage .sf-references{padding-top:22px}
.pilotage .sf-references-heading{margin-bottom:18px}
.pilotage .sf-references .sf-logo-cell{width:220px;height:146px;padding:28px}
.pilotage .sf-references .sf-references-grid .sf-logo-cell{width:100%;height:130px}
.pilotage .sf-references .sf-references-motion{padding-block:3px}

/* Above tablet widths the complete year fits; below, use the monthly agenda. */
.pilotage .planning-scroll{overflow:visible}
.pilotage .planning-table{min-width:0;width:100%}
.pilotage .planning-scroll-hint{display:none}
.pilotage .planning-legend{padding-bottom:0}
.pilotage .planning-section button{scroll-margin-block:24px 96px}

@media(min-width:761px) and (max-width:1100px){
 .pilotage .planning-toolbar{flex-wrap:wrap}
 .pilotage .planning-scenarios{width:auto}
 .pilotage .planning-agenda-intro>p{max-width:none}
 .pilotage .planning-agenda-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px;padding:5px 24px}
 .pilotage .planning-agenda-row{min-height:94px;padding-block:16px}
 .pilotage .planning-agenda-row::before{display:none}
 .pilotage .planning-agenda-row:nth-last-child(2){border-bottom:0}
 .pilotage .planning-agenda-work>p{font-size:12px}
 .pilotage .planning-agenda-row-heading h3{font-size:13px}
 .pilotage .industry-page p.c-work-mock-title{font-size:21px}
}

@media(max-width:800px){
 .pilotage .sf-references .sf-logo-cell{width:160px;height:116px;padding:24px}
 .pilotage .industry-page p.c-work-mock-title{font-size:32px}
}

@media(max-width:760px){
 .pilotage :is(.section,.work-section,.offer-film,.c-human,.contact-section){padding-block:36px}
 .pilotage .hero{padding-block:28px 32px;gap:24px}
 .pilotage .hero .hero-statement{margin-block:18px}
 .pilotage .hero-audience{margin-bottom:14px}
 .pilotage .hero .lead{line-height:1.7;margin-bottom:20px}
 .pilotage .c-hero-cycle{margin-top:6px}
 .pilotage :is(.section-heading,.planning-heading,.c-human-heading,.film-heading){margin-bottom:24px}
 .pilotage :is(.section-heading,.c-human-heading)>p{margin-top:16px}
 .pilotage .eyebrow{margin-bottom:14px}
 .pilotage .c-cycle-heading h2{font-size:10px;line-height:1.45;max-width:240px}
 .pilotage .c-human-story{padding-top:20px}
 .pilotage .c-human-story ol{margin-top:18px}
 .pilotage .c-human-story li{padding-block:13px}
 .pilotage .c-human-story li p{line-height:1.65}
 .pilotage .work-grid{gap:26px}
 .pilotage .sf-references .sf-logo-cell{width:150px;height:108px}
 .pilotage .sf-references .sf-references-grid .sf-logo-cell{height:105px;padding:18px}
 .pilotage .planning-heading{gap:16px}
 .pilotage .planning-toolbar{gap:10px}
 .pilotage .planning-agenda-row{padding-block:11px}
 .pilotage .contact-grid{gap:26px}
 .pilotage .film-bottom{margin-top:22px}
}

@media(max-width:540px){
 /* All seven chapters remain reachable without a nested horizontal scroller. */
 .pilotage .film-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}
 .pilotage .film-chapters button{min-width:0;min-height:48px;padding:7px 3px;flex:initial}
 .pilotage .film-chapters button:nth-child(4){border-right:0}
 .pilotage .film-chapters button:nth-child(n+5){border-top:1px solid var(--line)}
 .pilotage .film-chapters button:last-child{grid-column:span 2}
}
@media(max-width:480px){
 .pilotage .industry-page p.c-work-mock-title{font-size:26px}
}

/* Motion reduction must not trade animation for a horizontal scroll area. */
@media(prefers-reduced-motion:reduce){
 .pilotage .sf-references .sf-logo-strip{overflow:hidden}
 .pilotage .sf-references .sf-logo-track{width:100%;animation:none}
 .pilotage .sf-references .sf-logo-group{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}
 .pilotage .sf-references .sf-logo-group[aria-hidden="true"]{display:none}
 .pilotage .sf-references .sf-logo-cell{width:100%;min-width:0;border-bottom:1px solid var(--line)}
 .pilotage .sf-references .sf-logo-cell img{max-width:min(112px,100%)}
}
@media(prefers-reduced-motion:reduce) and (max-width:760px){
 .pilotage .sf-references .sf-logo-group{grid-template-columns:repeat(2,minmax(0,1fr))}
}