/* Company follows the restrained B03 geometry and blue / ink palette. */
.company-review{--ink:#0b1118;--blue:#3568ee;--line:#46505b;--paper:#f0f3f6;--muted:#b7bec7}
.company-section{padding:100px 6%;scroll-margin-top:25px}
.company-section h2{max-width:1060px}
.company-section .intro{max-width:1030px}
.company-light{background:var(--paper);color:#152a3a}
.company-light p{color:#56616e}
.company-review #overview{padding:100px 6% 45px;min-height:690px}
.company-review #overview h1{font-size:clamp(42px,5.1vw,78px);max-width:1200px;margin:24px 0 30px}
.company-review #overview .kicker{font-size:13px;letter-spacing:.17em;text-transform:uppercase;color:#89bff1}
.company-review #overview .hero-copy{max-width:800px;font-size:18px;line-height:1.75;color:#becbd8}
.company-hero-bottom{position:relative;z-index:2;display:flex;align-items:center;gap:28px;justify-content:center;margin-top:56px;font-size:13px;color:#b5cfe3;flex-wrap:wrap}
.company-hero-bottom a{border-bottom:1px solid #4e82a5;padding:9px 0}
.company-motion-toggle{padding:9px 16px;border:1px solid #425b70;background:#0c1823b8;transition:background .25s,border-color .25s}
.company-motion-toggle:hover{background:#183b5a;border-color:#69b8ff}
.who-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%;margin-top:55px}
.who-grid>div{border-top:1px solid #a6b7c6;padding-top:27px}
.who-grid h3{font-size:30px;margin-bottom:22px;line-height:1.2}
.who-grid p{font-size:17px}
.origin-story{margin-top:70px;padding:0;border:1px solid #a6b7c6;background:#fff;display:grid;grid-template-columns:1fr 1.3fr;gap:0}
.origin-lead{padding:32px;border-right:1px solid #ccd4dc}
.origin-lead>small{color:#3568ee;font-size:12px}
.origin-lead h3{font-size:32px;line-height:1.2;margin:19px 0 28px;max-width:470px}
.origin-person{display:flex;gap:22px;margin:0;align-items:center}
.origin-person img{width:145px;height:160px;object-fit:cover;filter:grayscale(1)}
.origin-person figcaption{font-size:13px;color:#5d6673}
.origin-person strong,.origin-person span{display:block}
.origin-person strong{font-weight:500;color:#1e3850;margin-bottom:10px}
.origin-copy{padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.origin-copy p+p{margin-top:20px}
.origin-copy blockquote{margin:28px 0 0;padding:0 0 0 22px;border-left:2px solid #348fe6;font-size:24px;line-height:1.4;color:#263342}
.origin-copy blockquote span{display:block;font-size:11px;letter-spacing:.1em;margin-top:16px;color:#5d6673}
.origin-actions{margin-top:28px}
.interview-trigger{background:#2e58ca;color:white;padding:15px 22px;transition:background .25s,transform .25s}
.interview-trigger b{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:10px;background:#ffffff24;font-size:12px}
.interview-trigger:hover{background:#3568ee;transform:translateY(-3px)}
.difference{background:#080c11}
.difference-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;margin-top:58px;align-items:start}
.difference-model{position:sticky;top:135px;background:#11161d;border:1px solid #414a55;padding:26px 20px 30px}
.model-kicker{font-size:11px;letter-spacing:.13em;color:#aab5c2;padding:0 10px}
.difference-model svg{width:100%;height:auto;margin:20px 0 10px;overflow:visible}
.company-model-node rect{fill:#1a2028;stroke:#68788b;stroke-width:1;transition:fill .55s,stroke .55s}
.company-model-node.is-active rect{fill:#2e58ca;stroke:#658cff}
.model-title{font-size:16px;fill:#edf1f7;letter-spacing:.45px;font-family:Arial,Helvetica,sans-serif}
.model-desc{font-size:13px;fill:#b8c3d0;font-family:Arial,Helvetica,sans-serif}
.company-model-path{fill:none;stroke:#3568ee;stroke-width:1.2;stroke-dasharray:4 6}
.difference-model .model-note{padding:0 10px;color:#b7c0cc;font-size:15px;line-height:1.7}
.company-text-link{display:inline-block;color:#87a8ff;border-bottom:1px solid #3568ee;margin:24px 10px 0;font-size:13px;padding-bottom:5px}
.company-number-label{display:flex;align-items:center;gap:15px;font-size:11px;letter-spacing:.09em;color:#aebdcc;text-transform:uppercase}
.company-number-box{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;background:#2e58ca;border:1px solid #2e58ca;color:#ffffff;font-size:13px;letter-spacing:0;transition:background .4s,border-color .4s,color .4s}
.difference-card{padding:28px 0 32px;border-top:1px solid #414b58;position:relative}
.difference-card:first-child{padding-top:0;border-top:0}
.difference-card h3{font-size:32px;margin:20px 0 18px;color:#f1f4fa}
.difference-card>p{font-size:17px;color:#b9c3ce}
.difference-card.is-active .company-number-box{background:#3568ee;border-color:#6a8eff;color:#fff}
.difference-evidence{margin-top:25px;padding:20px 22px;background:#141a22;border-left:1px solid #3568ee;transition:background .4s}
.difference-card.is-active .difference-evidence{background:#1b2230}
.difference-evidence strong{font-size:14px;font-weight:500;color:#f1f4fa}
.difference-evidence p{font-size:15px;line-height:1.65;margin:9px 0 15px;color:#b8c3d0}
.difference-evidence a{display:inline-block;font-size:12px;color:#90b0ff;margin:0 15px 3px 0;border-bottom:1px solid #3568ee;transition:color .2s}
.difference-evidence a:hover{color:#fff}
.org-heading{font-size:32px;max-width:720px;line-height:1.25;margin:75px 0 35px}
.org-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.org-card{border:1px solid #a7b2bd;background:#fff;padding:24px;transition:border-color .3s,transform .4s}
.org-card .company-number-label{color:#3568ee;font-size:10px;gap:10px;letter-spacing:.025em}
.org-card .company-number-box{background:#2e58ca;border-color:#2e58ca;color:#ffffff}
.org-card h3{font-size:25px;margin:30px 0 18px;line-height:1.2}
.org-card p{font-size:15px}
.partnership{background:linear-gradient(#080c11ee,#080c11f5),url('../company-pattern-desktop.svg') center/cover;color:#e3eef6}
.partnership .intro{color:#bbc4d0}
.network-groups{margin-top:62px}
.network-group{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr);gap:6%;border-top:1px solid #46515e;padding-top:34px;margin-top:45px}
.network-group h3{font-size:29px;line-height:1.25;max-width:320px;margin:24px 0}
.institution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.institution{border:1px solid #46515e;background:#11171fe6;padding:23px;transition:background .4s,border-color .4s,transform .4s}
.institution strong{font-size:18px;font-weight:400;line-height:1.35;color:#f1f4f8;display:block}
.institution span{display:block;font-size:14px;line-height:1.65;color:#b5c0cf;margin-top:12px}
.institution.featured{background:#161d27;border-color:#3568ee}
.company-closing{background:#082446 url('../backgrounds/gradient-vertical-black-blue.webp') center/cover;min-height:440px}
.company-closing>p:not(.label){color:#b4c8da;font-size:18px;max-width:870px}
.closing-links{display:flex;gap:16px;flex-wrap:wrap}
.closing-links .btn{font-size:15px;padding:14px 24px}
.closing-links .btn+ .btn{background:#153d67;border:1px solid #6b9ac3}
.company-review [data-reveal]{--reveal-y:0px;--hover-y:0px;transform:translateY(calc(var(--reveal-y) + var(--hover-y)));transition:opacity .75s ease,transform .85s cubic-bezier(.16,.75,.2,1),border-color .4s,background .4s,box-shadow .4s}
.company-review.motion-ready [data-reveal]:not(.is-visible){--reveal-y:42px;opacity:0}
.company-review [data-reveal].is-visible{transition-delay:var(--reveal-delay,0ms)}
.company-review.motion-paused [data-reveal],.company-review.motion-reduced [data-reveal]{--reveal-y:0px;opacity:1;transition:none}
.company-review.motion-paused *,.company-review.motion-paused *:before,.company-review.motion-paused *:after{animation-play-state:paused!important}
@media(hover:hover){
 .org-card:hover{--hover-y:-4px;border-color:#2d8fff;transition-delay:0ms}
 .institution:hover{--hover-y:-3px;background:#1b2539;border-color:#3568ee;transition-delay:0ms}
}
#interview-dialog{color:#e3eff8;background:#0d1c28;border:1px solid #3d617e;padding:35px;width:min(1050px,calc(100% - 32px));max-height:85dvh;overflow:auto}
#interview-dialog::backdrop{background:#030a12d9;backdrop-filter:blur(6px)}
.interview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.interview-heading h2{font-size:34px;margin:16px 0}
.interview-close{font-size:30px;line-height:1;width:40px;height:40px;border:1px solid #476581;flex-shrink:0}
.interview-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.interview-item{border-top:1px solid #4f7798;padding-top:23px;display:flex;flex-direction:column;align-items:flex-start}
.interview-meta{font-size:11px;letter-spacing:.07em;color:#87a8ff}
.interview-item h3{font-size:23px;line-height:1.25;margin:20px 0}
.interview-item>p:not(.interview-meta){font-size:15px;color:#a9c3d7;margin-bottom:25px}
.company-button{display:inline-block;padding:12px 18px;background:#2e58ca;color:white;font-size:13px;margin-top:auto;transition:background .25s}
.company-button:hover{background:#3568ee}
@media(max-width:1100px){
 .company-section{padding:80px 5%}
 .difference-layout{gap:4%}
 .org-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 36px}
}
@media(max-width:800px){
 .company-review #overview{min-height:640px;padding:80px 6% 40px}
 .company-section{padding:70px 6%}
 .origin-story,.difference-layout{grid-template-columns:1fr;gap:35px}
 .difference-model{position:static;max-width:680px}
 .difference-card:first-child{padding-top:28px;border-top:1px solid #414b58}
 .network-group{grid-template-columns:1fr;gap:20px}
 .network-group h3{max-width:none;margin:20px 0 10px}
 .interview-list{grid-template-columns:1fr}
 .interview-item{padding-bottom:14px}
}
@media(max-width:520px){
 .company-review #overview{padding:70px 6% 35px;min-height:600px}
 .company-review #overview h1{font-size:42px}
 .company-review #overview .hero-copy{font-size:16px}
 .company-hero-bottom{gap:15px;font-size:12px;margin-top:35px}
 .who-grid{grid-template-columns:1fr;gap:32px;margin-top:38px}
 .origin-story{margin-top:45px}
 .origin-lead h3{font-size:28px}
 .origin-person{gap:16px}
 .origin-person img{width:115px;height:145px}
 .difference-layout{margin-top:38px}
 .difference-model{padding:20px 5px}
 .model-kicker{font-size:10px;padding-left:14px}
 .difference-model .model-note{font-size:14px;padding:0 14px}
 .difference-card h3{font-size:28px}
 .org-heading{font-size:28px;margin-top:55px}
 .org-grid{grid-template-columns:1fr;gap:12px}
 .org-card h3 br{display:none}
 .org-card h3{margin:18px 0 14px}
 .institution-grid{grid-template-columns:1fr;gap:12px}
 .institution{padding:22px}
 .company-closing>p:not(.label){font-size:17px}
 #interview-dialog{padding:24px}
 .interview-heading h2{font-size:28px}
}
@media(prefers-reduced-motion:reduce){
 .company-review [data-reveal]{opacity:1!important;transform:none!important}
 .company-model-path{stroke-dasharray:none}
}

/* Keep the diagram labels readable without horizontal overflow on phones. */
.difference-model .model-mobile{display:none}

/* Compact source-scale leadership: portrait beside biography, with no image slot for Kevin. */
.leadership-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:48px;border-top:1px solid #a7b2bd;border-left:1px solid #a7b2bd}
.leader-card{display:grid;grid-template-columns:125px minmax(0,1fr);gap:22px;padding:20px;align-items:start;min-width:0;border-right:1px solid #a7b2bd;border-bottom:1px solid #a7b2bd;background:#fff}
.leader-content{min-width:0}
.leader-portrait{width:125px;height:190px;overflow:hidden}
.leader-portrait img{display:block;width:125px;height:190px;object-fit:cover;filter:grayscale(1);transition:transform .5s}
.leader-identity small{color:#3568ee;font-size:12px;letter-spacing:.08em;font-weight:600}
.leader-identity h3{font-size:26px;line-height:1.15;margin:12px 0 8px;color:#15202e}
.leader-identity .leader-specialism{font-size:16px;line-height:1.4;color:#56616e}
.leader-bio{margin-top:16px}
.leader-bio p{font-size:16px;line-height:1.5;color:#56616e}
.leader-bio p+p{margin-top:10px}
.leader-credentials{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.leader-credential{background:#2e58ca;color:#fff;font-size:12px;line-height:1.45;padding:6px 9px}
.leader-card.featured{background:#242930;color:#fff}
.featured .leader-identity h3{color:#fff}
.featured .leader-identity small{color:#94b2ff}
.featured .leader-specialism,.featured .leader-bio p{color:#c9cfd8}
.kevin-card .leader-content{grid-column:2}
.combined-degree{font-size:16px}
.company-model-node.is-active .model-desc{fill:#fff}
.org-card .company-number-box{color:#fff;background:#2e58ca;border-color:#2e58ca}
.difference-card.is-active .company-number-box{background:#3568ee;border-color:#6a8eff}
.company-review .company-light>.label{color:#3568ee}
@media(hover:hover){
 .leader-card:hover{background:#f0f4ff;border-color:#3568ee;transition-delay:0ms}
 .leader-card.featured:hover{background:#2b303a}
 .leader-card:hover .leader-portrait img{transform:scale(1.025)}
 .org-card:hover{background:#f0f4ff;border-color:#3568ee}
}
@media(max-width:1100px){
 .leader-card{grid-template-columns:105px minmax(0,1fr);gap:18px}
 .leader-portrait,.leader-portrait img{display:block;width:105px;height:165px}
 .kevin-card .leader-content{grid-column:2}
 .origin-lead,.origin-copy{padding:26px}
}
@media(max-width:800px){
 .leadership-grid{grid-template-columns:1fr}
 .leader-card{grid-template-columns:125px minmax(0,1fr);gap:22px}
 .leader-portrait,.leader-portrait img{display:block;width:125px;height:190px}
 .kevin-card .leader-content{grid-column:2}
 .origin-story{gap:0}
 .origin-lead{border-right:0;border-bottom:1px solid #ccd4dc}
}
@media(max-width:520px){
 .leader-card{grid-template-columns:85px minmax(0,1fr);gap:16px;padding:18px}
 .leader-portrait,.leader-portrait img{display:block;width:85px;height:133px}
 .leader-identity h3{font-size:24px}
 .kevin-card .leader-content{grid-column:2}
 .origin-lead,.origin-copy{padding:22px}
 .org-card{padding:23px}
 .difference-model .model-desktop{display:none}
 .difference-model .model-mobile{display:block}
}

/* The founder portrait is larger; Kevin keeps the same text column without a photo. */
.origin-person img{width:200px;height:222px;flex-shrink:0;display:block}
.origin-person figcaption{font-size:16px;line-height:1.6}
.leader-bio p{white-space:pre-line;word-break:keep-all}
.leader-card.featured .leader-portrait img{height:calc(100% + 2px);max-width:none;object-fit:cover;object-position:center top}
@media(max-width:1100px){.origin-person img{width:170px;height:190px}}
@media(max-width:600px){.origin-person{flex-wrap:wrap}.origin-person img{width:170px;height:190px}}

/* Profile hierarchy: name, biography, then compact role/credential labels. */
html[lang="ko"] .leader-identity h3{font-size:24px}
html[lang="ko"] .leader-identity small,html[lang="ko"] .leader-credential{font-size:14px;line-height:1.45}
@media(max-width:520px){html[lang="ko"] .leader-identity h3{font-size:22px}}