/* The company story: experience, a repeated problem, then the shared foundation.
   Scoped to Company. Existing GNB, footer and all other pages stay unchanged. */
body[data-page="company"] .company-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2.5rem,5vw,5rem);padding-top:1.5rem;padding-bottom:4rem;align-items:center}
.company-hero-copy{min-width:0}
.company-hero-copy>.eyebrow{margin:0 0 1.5rem}
body[data-page="company"] .company-hero-copy h1{font-size:clamp(2.375rem,4.2vw,4.25rem);line-height:1.12;letter-spacing:-.045em;max-width:100%;margin:0 0 1.75rem}
.company-hero-copy .headline-line{display:block;text-wrap:balance}
.company-hero-copy>p:not(.eyebrow){font-size:1.125rem;line-height:1.7;max-width:41ch;color:#52525B;margin:0 0 2rem}
.company-hero-copy>.text-link{font-size:.875rem}
.company-hero-evidence{min-width:0}
.company-hero-visual{position:relative;margin:0;overflow:hidden;aspect-ratio:1.8;background:#E4E4E7}
.company-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:60% 58%;display:block}
.company-hero-visual figcaption{position:absolute;left:0;bottom:0;width:100%;padding:2.5rem 1.25rem 1rem;color:#FAFAFA;font-size:.75rem;line-height:1.5;background:linear-gradient(transparent,rgba(24,24,27,.7))}
.company-experience{padding-top:1.25rem}
.company-experience>.eyebrow{font-size:.625rem;letter-spacing:.06em;color:#71717A;margin:0 0 .75rem}
.company-experience dl{display:grid;grid-template-columns:1fr 1fr;margin:0;gap:1.5rem}
.company-experience dl>div{display:flex;flex-direction:column;gap:.375rem}
.company-experience dt{order:2;font-size:.8125rem;color:#52525B;line-height:1.5;max-width:23ch}
.company-experience dd{order:1;margin:0;font-size:3rem;line-height:1.1;letter-spacing:-.06em}
.company-years{font-size:.8125rem;letter-spacing:0;margin-left:.375rem;color:#71717A}
.company-story-sections{background:#F4F4F5;scroll-margin-top:2rem}
.company-chapter{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.65fr);gap:3rem;padding-block:3.25rem}
.company-chapter+.company-chapter{border-top:1px solid #D4D4D8}
.company-chapter-label{display:flex;gap:1rem;align-items:baseline;min-width:0}
.company-chapter-label>.mono{font-size:.75rem;line-height:1.6;color:#71717A}
.company-chapter-label>.eyebrow{margin:0;font-size:.6875rem;line-height:1.6;max-width:22ch}
.company-chapter-copy{min-width:0}
body[data-page="company"] .company-chapter h2{font-size:clamp(1.625rem,2.5vw,2.5rem);line-height:1.25;max-width:27ch;margin:0 0 1.5rem;text-wrap:balance}
.company-prose{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.company-prose p{font-size:1rem;line-height:1.8;color:#52525B;max-width:46ch;margin:0}
.company-turn{background:#18181B;color:#FAFAFA}
.company-turn-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}
.company-turn-copy>.eyebrow{display:flex;gap:1rem;color:#A1A1AA;margin:0 0 1.5rem;font-size:.6875rem}
body[data-page="company"] .company-turn h2{font-size:clamp(1.875rem,3vw,2.875rem);line-height:1.2;max-width:25ch;margin:0 0 1.75rem;text-wrap:balance}
.company-turn-copy>p:not(.eyebrow){font-size:1rem;line-height:1.8;color:#D4D4D8;max-width:53ch;margin:0}
.company-turn-copy>p+p:not(.eyebrow){margin-top:1.125rem}
.company-foundation-diagram{margin:0;min-width:0}
.company-diagram-top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.6875rem;color:#A1A1AA;margin-bottom:2rem;line-height:1.6}
.company-diagram-top>.mono{letter-spacing:.12em;color:#FAFAFA}
.company-diagram-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;margin-bottom:2.5rem}
.company-branch{position:relative;min-width:0;padding:1.125rem .75rem;border:1px solid #52525B;background:#232326;min-height:9.5rem}
.company-branch>.mono{display:block;font-size:.625rem;color:#A1A1AA;margin-bottom:1.75rem}
body[data-page="company"] .company-branch h3{font-family:Pretendard,Arial,sans-serif;font-weight:500;font-size:1rem;line-height:1.5;letter-spacing:0;margin:0 0 .375rem}
.company-branch>p{font-size:.6875rem;color:#A1A1AA;line-height:1.5;margin:0;max-width:17ch}
.company-connection{position:absolute;left:50%;top:100%;width:1px;height:2.5rem;background:#71717A;transform-origin:bottom}
.company-shared-base{display:flex;gap:1rem;align-items:center;min-height:6.25rem;padding:1.25rem 1.5rem;background:#FAFAFA;color:#18181B}
.company-shared-base img{object-fit:contain;flex-shrink:0;width:42px;height:42px}
.company-shared-base strong{display:block;font-weight:500;font-size:1.125rem;line-height:1.4;margin-bottom:.25rem}
.company-shared-base span{font-size:.8125rem;line-height:1.5;color:#52525B}
.company-foundation-diagram figcaption{font-size:.8125rem;line-height:1.6;color:#A1A1AA;max-width:48ch;margin-top:1.125rem}
.company-beliefs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem;margin-top:3.5rem;padding-top:2rem;border-top:1px solid #52525B}
.company-belief>.mono{display:block;font-size:.625rem;color:#A1A1AA;margin-bottom:1rem}
body[data-page="company"] .company-belief h3{font-family:Pretendard,Arial,sans-serif;font-size:1.25rem;line-height:1.4;letter-spacing:-.015em;font-weight:400;margin:0 0 .75rem}
.company-belief p{font-size:.875rem;line-height:1.75;color:#A1A1AA;max-width:40ch;margin:0}
.company-name{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(3rem,7vw,7rem);align-items:start}
.company-name-copy>.eyebrow{margin:0 0 1.25rem}
body[data-page="company"] .company-name h2{font-size:clamp(1.75rem,2.8vw,2.75rem);line-height:1.25;max-width:29ch;margin:0 0 1.25rem;text-wrap:balance}
.company-name-copy>p:not(.eyebrow){font-size:1rem;line-height:1.8;color:#52525B;max-width:57ch;margin:0 0 1.5rem}
.company-name-copy>.text-link{font-size:.875rem}
.company-identity{border:1px solid #D4D4D8;padding:2rem;min-width:0}
.company-identity>img{display:block;width:150px;height:auto;margin-bottom:2rem}
.company-identity dl{display:grid;gap:1.25rem;margin:0}
.company-identity dt{font-size:.6875rem;color:#71717A;line-height:1.5;margin-bottom:.375rem}
.company-identity dd{font-size:.875rem;line-height:1.6;margin:0;overflow-wrap:anywhere}
.company-identity a{text-decoration:underline;text-underline-offset:4px}
html:is(:lang(ko),:lang(ja)) .company-hero-copy h1{line-height:1.26;letter-spacing:-.045em}
html:is(:lang(ko),:lang(ja)) body[data-page="company"] :is(.company-chapter h2,.company-turn h2,.company-name h2){line-height:1.4}
html:lang(ko) body[data-page="company"] :is(h1,h2,h3,p,dt,figcaption){word-break:keep-all;overflow-wrap:break-word}
html:lang(ja) body[data-page="company"] :is(h1,h2,h3){word-break:normal;overflow-wrap:break-word}
@media(min-width:1441px){body[data-page="company"] .company-hero{padding-top:2.25rem}}
@media(max-width:1100px){
 body[data-page="company"] .company-hero{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:2.5rem}
 body[data-page="company"] .company-hero-copy h1{font-size:clamp(2.25rem,4.2vw,3.5rem)}
 .company-chapter{grid-template-columns:minmax(0,.55fr) minmax(0,1.6fr);gap:2rem}
 .company-prose{gap:1.5rem}
 .company-turn-grid{gap:2rem}
 .company-beliefs{gap:2rem}
 .company-branch{padding-inline:.625rem}
 .company-diagram-top{font-size:.625rem}
}
@media(max-width:760px){
 body[data-page="company"] .company-hero{grid-template-columns:1fr;gap:2.5rem;padding-top:1.25rem;padding-bottom:3rem}
 body[data-page="company"] .company-hero-copy h1{font-size:clamp(2rem,6vw,3rem);margin-bottom:1.25rem}
 .company-hero-copy>.eyebrow{margin-bottom:1.125rem}
 .company-hero-copy>p:not(.eyebrow){font-size:1rem;max-width:46ch;margin-bottom:1.5rem}
 .company-hero-visual{aspect-ratio:2.1}
 .company-experience dd{order:1;font-size:2.75rem}
 .company-chapter{grid-template-columns:1fr;gap:1.5rem;padding-block:2.75rem}
 .company-chapter-label>.eyebrow{max-width:none}
 .company-prose{grid-template-columns:1fr;gap:1rem}
 .company-prose p{max-width:62ch}
 .company-turn-grid{grid-template-columns:1fr;gap:2.75rem}
 .company-turn-copy>p:not(.eyebrow){max-width:62ch}
 .company-foundation-diagram{max-width:560px;width:100%;justify-self:center}
 .company-beliefs{grid-template-columns:1fr;gap:1.75rem;margin-top:2.75rem}
 .company-belief{display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:0 .75rem}
 .company-belief>.mono{grid-row:1/3;padding-top:.3rem;margin:0}
 .company-belief p{max-width:58ch}
 .company-name{grid-template-columns:1fr;gap:2.5rem}
 .company-identity{padding:1.5rem;max-width:560px;width:100%}
}
@media(max-width:380px){
 body[data-page="company"] .company-hero-copy h1{font-size:1.875rem}
 .company-experience dl{gap:1rem}
 .company-experience dt{order:2;font-size:.75rem}
 .company-branch{padding:.875rem .5rem;min-height:9rem}
 body[data-page="company"] .company-branch h3{font-size:.875rem}
 .company-branch>p{font-size:.625rem}
 .company-shared-base{padding:1.125rem 1rem;gap:.875rem}
 .company-shared-base strong{font-size:1rem}
}
@media(max-width:380px){html:lang(ja) body[data-page="company"] .company-hero-copy h1{font-size:1.75rem}}
@media print{
 .company-hero,.company-turn-grid{display:block!important}
 .company-hero-evidence{max-width:28rem}
 .company-hero,.company-chapter,.company-turn,.company-name{break-inside:auto}
 .company-identity,.company-foundation-diagram,.company-belief{break-inside:avoid}
}