/* Shared type and existing framed symbol; the hero composition stays intact. */
.nav-shell .brand-symbol{display:block;width:32px;height:32px;flex:none}
.legacy-body{font-family:var(--font);font-size:16px;line-height:1.65;--gutter:6vw}
.legacy-body .brand-statement h2{font-family:var(--font)}
.legacy-body button,.legacy-body input,.legacy-body textarea,.legacy-body select{font-family:inherit}
.legacy-body .about-brand img{width:32px;height:32px}
.legacy-body .footer-brand img{width:32px;height:32px}
.legacy-body .eyebrow{font-size:12px;letter-spacing:.14em}
.legacy-body .section-head p,.legacy-body #about .about-body p,.legacy-body .service-detail p,.legacy-body .event-item p,.legacy-body .film-intro p,.legacy-body .process-item p,.legacy-body #contact>p{font-size:16px;line-height:1.85}
.legacy-body #about .about-body .about-english{font-size:clamp(21px,2vw,28px);line-height:1.5}
.legacy-body .service-detail li,.legacy-body .service-heading .service-english,.legacy-body .service-end p,.legacy-body .pf-meta,.legacy-body .site-footer{font-size:14px;line-height:1.8}
.legacy-body .pf-label,.legacy-body .pf-role,.legacy-body .note,.legacy-body .film-label,.legacy-body .film-bottom,.legacy-body .film-center small{font-size:12px}
.legacy-body .service-index>span:last-child{font-size:12px;letter-spacing:.08em}
.legacy-body .site-footer h3{font-size:18px}

/* Match section rhythm without stretching content to fill a viewport. */
.legacy-body #about{padding-bottom:72px}
.legacy-body #services,.legacy-body #work{margin-top:0;min-height:0;padding-top:88px;padding-bottom:0;display:block}
.legacy-body #services>.section-head,.legacy-body #work>.section-head{margin-bottom:40px}
.legacy-body #services .service-chapters{flex:initial}
.legacy-body #services .service-chapter{gap:24px;padding-top:28px;padding-bottom:32px}
.legacy-body #services .service-chapter-content{gap:28px}
.legacy-body #services .service-heading{min-height:132px}
.legacy-body #services .service-detail p{min-height:0}
.legacy-body #services .service-detail li{padding:12px 0}
.legacy-body #services .service-end{padding-top:24px}
.legacy-body #work .pf-grid{gap:40px 28px}
.legacy-body #work .pf-image{height:auto;aspect-ratio:4/3}
.legacy-body #work .pf-card h3{font-size:21px;line-height:1.4}
.legacy-body #work .pf-role{margin:16px 0 8px}
.legacy-body #work .pf-actions{margin-top:32px}
.legacy-body .visual-break{margin-top:88px}
.legacy-body #events,.legacy-body #film,.legacy-body #process{margin-top:0;padding-top:88px}
.legacy-body #process{min-height:0;padding-bottom:72px}
.legacy-body #process>.section-head{margin-bottom:36px}
.legacy-body .process-grid{gap:28px}
.legacy-body #process .process-item h3{font-size:20px;line-height:1.4}
.legacy-body #contact{padding-top:72px;padding-bottom:72px}
.legacy-body .service-inquiry{background:transparent;color:inherit;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}
.legacy-body .service-inquiry:hover{background:var(--accent);border-color:var(--accent);color:#182016}
.legacy-body .inquiry-dialog input:not([type=checkbox]),.legacy-body .inquiry-dialog textarea{font-size:16px}

@media(max-width:1000px){
 .legacy-body #services .service-heading{min-height:0}
 .legacy-body .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .nav-shell .brand-symbol{width:28px;height:28px}
 .legacy-body{--gutter:24px}
 .legacy-body .brand-statement{padding-top:52px;padding-bottom:24px}
 .legacy-body .brand-statement+#about{padding-top:32px}
 .legacy-body #about{padding-bottom:8px;row-gap:24px}
 .legacy-body #about .about-body{padding-top:0}
 .legacy-body #about .about-body p{margin-bottom:20px}
 .legacy-body #services,.legacy-body #work,.legacy-body #events,.legacy-body #film,.legacy-body #process{padding-top:60px}
 .legacy-body #services>.section-head,.legacy-body #work>.section-head,.legacy-body #process>.section-head{margin-bottom:28px}
 .legacy-body #services .service-chapter{gap:20px;padding:24px 0 32px}
 .legacy-body #services .service-chapter-content{gap:24px}
 .legacy-body #services .service-heading{min-height:0}
 .legacy-body #services .service-heading .service-english{margin-top:14px}
 .legacy-body #services .service-end{gap:20px}
 .legacy-body #work .pf-grid{gap:32px}
 .legacy-body .visual-break{margin-top:60px}
 .legacy-body .events-grid{gap:28px}
 .legacy-body .process-grid{grid-template-columns:1fr;gap:24px}
 .legacy-body #process{padding-bottom:52px}
 .legacy-body #contact{padding-top:52px;padding-bottom:52px}
 .legacy-body .site-footer{gap:32px;padding-top:40px;padding-bottom:40px}
}
/* Keep section headings comfortably below the fixed navigation on anchor jumps. */
.legacy-body section[id]{scroll-margin-top:-48px}
@media(min-width:1001px){.legacy-body #services .service-detail p{min-height:7.4em}}

/* Secondary social links beside the inquiry action and in company details. */
.legacy-body #contact .contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 28px;margin-top:16px}
.legacy-body #contact .contact-actions .inquiry-open{margin-top:0}
.legacy-body .instagram-link{font-size:14px;text-decoration:underline;text-underline-offset:4px}
.legacy-body #contact .instagram-link{color:inherit;display:inline-block;padding:8px 0}

/* Selected A vector wordmark; original outlines and aspect ratio are preserved. */
.nav-shell .brand-wordmark{display:block;width:168px;height:auto;flex:none}
.legacy-body #about>.about-brand{min-height:32px}
.legacy-body #about>.about-brand .brand-wordmark,.legacy-body .site-footer .footer-brand .brand-wordmark{display:block;width:190px;height:auto;object-fit:contain}
@media(max-width:650px){.nav-shell .brand-wordmark{width:144px}}