/* Preserve the installed symbol; spacing follows the approved v7 layout. */
.nav-shell .brand-symbol,.legacy-body .about-brand img,.legacy-body .footer-brand img{width:40px;height:32px;object-fit:contain}
/* Introduction still starts at the slogan, clear of the floating menu. */
#introduction{scroll-margin-top:-64px}
#contact-page{scroll-margin-top:-48px}
/* Separation belongs to the black film section, before the gray process area. */
.legacy-body #film{background:#080a0b;padding-bottom:72px}
@media(max-width:700px){
 .nav-shell .brand-symbol{width:35px;height:28px}
 #introduction{scroll-margin-top:-32px}
 .legacy-body #film{padding-bottom:48px}
}
/* Reference 1: heading below navigation; service inquiry rests lower in the section.
   Reference 2: two rows of work cards and the all-work action, without title overlap.
   Only local spacing changes; all content remains naturally sized. */
@media(min-width:1001px){
 .legacy-body #services{padding-top:24px;scroll-margin-top:-32px}
 .legacy-body #work{padding-top:112px;scroll-margin-top:-120px}
 .legacy-body #services{padding-bottom:32px}
 .legacy-body #services>.section-head{margin-bottom:80px}
 .legacy-body #services .service-heading{min-height:0}
 .legacy-body #services .service-chapter-content{gap:44px}
 .legacy-body #services .service-detail p{min-height:5.25em}
 .legacy-body #services .service-end{margin-top:clamp(0px,calc(100svh - 1108px),272px)}
 .legacy-body #work>.section-head{margin-bottom:24px}
 .legacy-body #work .pf-grid{row-gap:24px}
 .legacy-body #work .pf-role{margin-top:12px;margin-bottom:6px}
 .legacy-body #work .pf-actions{margin-top:24px}
 .legacy-body #work .pf-actions .pill{padding-top:14px;padding-bottom:14px}
 .legacy-body #work .note{margin-top:14px;margin-bottom:0}
}
@media(max-width:1000px){
 .legacy-body #services{padding-bottom:48px}
 .legacy-body #work{scroll-margin-top:-96px}
}

/* More space within the service content, without enlarging its outer padding. */
@media(max-width:1000px){.legacy-body #services>.section-head{margin-bottom:48px}.legacy-body #services .service-chapter-content{gap:36px}}
/* Let the desktop title section reach the bottom of taller fullscreen windows. */
@media(min-width:1001px){.hero{max-height:none}}