/* A continuous business index, with photographs beside the text. */
.phrase{display:inline-block}
main h1,main h2,main h3{word-break:normal;line-break:strict;overflow-wrap:break-word;text-wrap:pretty}
main p{line-break:strict;text-wrap:pretty}
.business-index{padding:62px 7% 48px;background:#172b49}
.business-index .section-heading{margin-bottom:30px}
.business-index .section-heading p{font-size:38px}
.business-rows{border-top:1px solid #ffffff45}
.business-row{display:grid;grid-template-columns:36px minmax(0,1fr) 35%;align-items:center;gap:26px;padding:28px 0;border-bottom:1px solid #ffffff45;color:#fff;position:relative}
.business-number{align-self:start;font:16px Arial,sans-serif;color:#9db3d0;padding-top:5px}
.business-copy{padding:4px 18px 4px 0;min-width:0}
.business-en{font:16px Arial,sans-serif;color:#b0c5e1;letter-spacing:.025em}
.business-copy h3{font-family:var(--sans);font-size:clamp(24px,2.05vw,32px);line-height:1.5;font-weight:500;letter-spacing:.015em;color:#fff;margin:14px 0 18px}
.business-copy p{font-size:18px;line-height:1.85;color:#d9e3f0;max-width:38em;margin:0}
.business-more{display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#fff;max-width:140px;margin-top:22px;padding-bottom:5px;border-bottom:1px solid #a4b9d2}
.business-more span{font-size:23px;transition:transform .25s}
.business-image{overflow:hidden;aspect-ratio:1.9;background:#e8ebee}
.business-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s}
.business-row[href='#business'] img{object-position:50% 57%}
.business-row[href='#politics'] img{object-position:50% 65%}
.business-row[href='#investment'] img{object-position:50% 65%}
.business-row[href='#beauty'] img{object-fit:contain;background:#f5f4f0}
.business-row:hover .business-image img{transform:scale(1.025)}
.business-row:hover .business-more span{transform:translate(3px,-3px)}
.business-row:focus-visible{outline:3px solid #95c3ff;outline-offset:7px}
/* Use the available width instead of forcing a slogan into a narrow column. */
.vision{display:block;padding:54px 7% 58px}
.vision-label{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px 28px;margin-bottom:26px}
.vision .vision-label .eyebrow{font-size:16px;margin:0}
.vision .vision-label>p:last-child{font-size:28px;line-height:1.5;font-weight:500;color:#263e60;margin:0}
.vision h2{font-size:clamp(28px,3vw,46px);font-weight:500;line-height:1.5;margin:0 0 25px;letter-spacing:.015em}
.vision>div:last-child>p{font-size:20px;line-height:1.95;max-width:1000px;margin:0 0 22px}
.vision .text-link{margin-top:0}
.intro h2{font-size:clamp(29px,3.1vw,42px);line-height:1.7;max-width:14em}
.intro-body{padding-top:16px}
.hero h1{max-width:100%;text-wrap:wrap}
.company-summary{max-width:28em}
.mission-statements article{grid-template-columns:190px minmax(0,1fr);gap:5%}
.mission-statements h2{font-size:clamp(28px,2.7vw,40px)}
.concept-reading h2,.philosophy-chart-heading h2{font-size:clamp(28px,2.7vw,40px);text-wrap:pretty}
@media(min-width:1000px){.vision h2{white-space:nowrap}}
@media(max-width:1100px){
 .business-row{grid-template-columns:28px minmax(0,1fr) 34%;gap:18px}
 .business-copy{padding-right:0}.business-image{aspect-ratio:1.55}
 .business-copy h3{font-size:25px}.business-copy p{font-size:18px}
 .mission-statements article{grid-template-columns:1fr;gap:16px}
}
@media(max-width:700px){
 .business-index{padding:36px 6%}.business-index .section-heading{margin-bottom:22px}.business-index .section-heading p{font-size:30px}
 .business-row{grid-template-columns:24px minmax(0,1fr);gap:10px 12px;padding:24px 0}
 .business-number{font-size:14px;padding-top:2px}.business-copy{display:contents}
 .business-en{font-size:14px;align-self:start;line-height:1.6}
 .business-copy h3{grid-column:1/-1;font-size:25px;margin:3px 0 2px;line-height:1.55}
 .business-copy p{grid-column:1/-1;font-size:17px;margin:0;line-height:1.85}
 .business-image{grid-column:1/-1;grid-row:4;aspect-ratio:2.15;margin-top:5px}
 .business-more{grid-column:1/-1;font-size:16px;margin-top:3px;max-width:145px}
 .vision{padding:36px 6%}.vision-label{display:block;margin-bottom:20px}.vision .vision-label .eyebrow{font-size:14px;margin-bottom:10px}.vision .vision-label>p:last-child{font-size:25px}
 .vision h2{font-size:28px;line-height:1.65;margin-bottom:20px}.vision>div:last-child>p{font-size:18px;line-height:1.9}
 .intro h2{font-size:30px;max-width:none;line-height:1.7}.intro-body{padding-top:0}
 .mission-statements h2{font-size:28px}.concept-reading h2,.philosophy-chart-heading h2{font-size:28px}
}
@media(prefers-reduced-motion:reduce){.business-image img,.business-more span{transition:none}}
.motion-paused .business-image img,.motion-paused .business-more span{transition:none}
