/* About final reading rhythm. Deliberately scoped inside this page's main. */
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .content-section{padding-block:clamp(56px,6.2vw,88px)}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-origin-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);gap:clamp(32px,5vw,72px);align-items:center}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-statement{margin-bottom:32px}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-origin-photo{width:100%;max-width:360px;justify-self:end}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-origin-photo img{height:auto;max-height:none;aspect-ratio:4/5;object-fit:contain}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-origin-photo figcaption{padding-top:14px}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-anniversary-note{padding:20px 24px;margin-top:24px}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-anniversary-note p{margin-block:8px 0}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .company-domain-intro{margin-bottom:26px}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .company-domain-list>li{grid-template-columns:140px minmax(0,.85fr) minmax(0,1.25fr);gap:24px 36px;padding-block:24px}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .company-domain-visual{width:140px;grid-column:1;grid-row:1}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .company-domain-visual img{height:auto;aspect-ratio:4/3;object-fit:contain}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .company-domain-purpose{grid-column:2;grid-row:1;min-width:0}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .company-domain-summary{grid-column:3;grid-row:1;max-width:32em;font-size:16px;line-height:2}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .company-domain-summary .about-copy-unit{display:inline}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-section-heading{margin-bottom:34px;gap:28px 44px}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-connection-story figure>img{height:auto;aspect-ratio:3/2;object-fit:contain}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-heading-line{display:block}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-connection-copy{padding-top:21px}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-connection-copy h3{margin-block:10px 14px;line-height:1.65}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-company-overview{align-items:start}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-person-grid{margin-top:46px;padding-top:34px;gap:28px}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-person-card figure img{height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 0%}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-person-card figure img[src*="yasuda-owner"]{object-position:54% 35%}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-person-latin{color:#536c84;letter-spacing:.06em}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-person-role{line-height:1.8}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-archive-routes a{padding-block:17px}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-route-copy>span .about-copy-unit{display:inline}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-route-copy strong{font-size:21px}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-album-copy{padding-top:21px}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-album-copy h3>.about-copy-unit{display:block}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-album-copy>p:not(.eyebrow){margin-block:12px 0;line-height:1.95}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-album-copy>.text-link{margin-top:16px}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-person-card:is(:hover,:focus-visible) .about-person-cta{text-decoration:underline;text-underline-offset:5px}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-archive-routes a:is(:hover,:focus-visible) strong{text-decoration:underline;text-underline-offset:6px}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main :is(.about-hero,.about-connections,.about-outro) a:focus-visible{outline-color:#f2d59c}
body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-faq .faq-list summary:focus-visible{outline:3px solid #174d7c;outline-offset:3px}
@media(min-width:761px) and (max-width:1100px){
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-hero-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-hero-links a{padding:10px 14px;border:0;border-bottom:1px solid #bed4eb29;min-height:52px}
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-hero-links a:nth-child(3n+1){padding-left:0}
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-hero-links a:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:1000px){
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .company-domain-list>li{grid-template-columns:104px minmax(0,1fr);gap:8px 26px;padding-block:24px}
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .company-domain-visual{width:104px;grid-column:1;grid-row:1/3}
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .company-domain-purpose{grid-column:2;grid-row:1}
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .company-domain-summary{grid-column:2;grid-row:2;max-width:38em}
}
@media(max-width:760px){
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .content-section{padding-block:54px}
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-origin-layout{grid-template-columns:minmax(0,1fr);gap:30px}
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-origin-photo{justify-self:center}
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-section-heading{margin-bottom:28px;gap:20px}
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-person-grid{gap:22px;margin-top:36px;padding-top:28px}
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-person-copy h3{font-size:22px}
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-explore-layout{gap:34px}
}
@media(max-width:600px){
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .company-domain-list>li{grid-template-columns:80px minmax(0,1fr);gap:13px 20px;padding-block:23px}
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .company-domain-visual{width:80px;grid-column:1;grid-row:1;align-self:center;margin:0}
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .company-domain-summary{grid-column:1/-1;grid-row:2}
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-person-card{grid-template-columns:112px minmax(0,1fr);gap:22px}
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-person-card figure img{aspect-ratio:3/4}
}
@media(max-width:380px){
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-person-card{grid-template-columns:94px minmax(0,1fr);gap:17px}
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-person-copy h3{font-size:21px}
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-anniversary-note{padding:18px}
}
@media(forced-colors:active){
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-person-latin{color:CanvasText}
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main :is(.about-hero,.about-connections,.about-outro) a:focus-visible,
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-faq .faq-list summary:focus-visible{outline-color:Highlight}
}
@media print{
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .content-section{padding-block:24px}
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-person-grid{gap:18px}
 body.fi-subpage.fi-chapter-edition.fi-about-visual #main .about-person-latin{color:#000}
}
