/* Company hero: source pattern from DeepBook's Ethos / Statement section. */
/* Section 06 uses the same pattern as a static background, independent of the hero loop. */
.site #partnership{
 background-color:#000;
 background-image:url('company-pattern-desktop.svg');
 background-size:100% 100%;
 background-position:center;
 background-repeat:no-repeat;
 color:#fff;
}
.site #partnership>.intro{color:#c5d0dc}
.site #partnership>.label,.site #partnership .network-group>div:first-child>small{color:#8eb7ff}
.site #partnership .network-groups,.site #partnership .network-group{border-color:#ffffff66}
.site #partnership .institution{color:var(--ink)}
.site #partnership .institution.featured{color:#fff}
@media(max-width:720px){
 .site #partnership{background-image:url('company-pattern-mobile.svg')}
}
/* Company evidence: identical visual hierarchy for EN and KR. */
.site #glance .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.site #glance .metric{
 display:grid;
 grid-row:span 3;
 grid-template-rows:subgrid;
 row-gap:0;
 min-height:0;
 container-type:inline-size;
}
.site #glance .metric>span{
 display:block;
 align-self:start;
 width:fit-content;
 max-width:100%;
 padding:8px 12px;
 border:1px solid #000;
 background:transparent;
 color:#000;
 font-size:14px;
 line-height:1.4;
 font-weight:700;
}
.site #glance .metric>strong{
 margin-top:28px;
 font-size:clamp(48px,18cqi,72px);
 line-height:1.05;
 letter-spacing:-.04em;
 font-weight:600;
 color:var(--ink);
}
.site #glance .metric>p{margin-top:18px;font-size:16px;line-height:1.45}
@media(max-width:720px){
 .site #glance .metric-grid{grid-template-columns:minmax(0,1fr)}
 .site #glance .metric{grid-row:auto;grid-template-rows:auto}
}
/* Keep numbered titles close to their headlines without surplus card height. */
.site #difference .difference-card{min-height:0}
.site #difference .difference-card>h3{margin-top:28px}
/* Shared Company card numbering follows the Home portfolio badge. */
.site .company-number-label{display:flex;align-items:center;gap:14px}
.site .company-number-box{
 display:grid;
 place-items:center;
 flex:0 0 44px;
 width:44px;
 height:44px;
 background:#2e58ca;
 color:#fff!important;
 font-size:15px!important;
 line-height:1!important;
 font-weight:800;
 letter-spacing:.04em;
}
@media(max-width:720px){
 .site .company-number-box{flex-basis:40px;width:40px;height:40px;font-size:14px!important}
}
#overview{
 background:#000;
 isolation:isolate;
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 text-align:center;
}
#overview::after{content:none}
#overview>.company-pattern{
 position:absolute;
 inset:0;
 z-index:0;
 overflow:hidden;
 pointer-events:none;
}
#overview .company-pattern svg{
 display:block;
 width:100%;
 height:100%;
 max-width:none;
}
#overview>.kicker,#overview>h1,#overview>.hero-copy{
 position:relative;
 z-index:1;
 text-shadow:0 2px 16px #0009;
}
#overview>.hero-copy{max-width:730px}
#overview>.company-pattern-mobile{display:none}
@media(max-width:720px){
 #overview{padding:88px 24px 72px}
 #overview>.company-pattern-desktop{display:none}
 #overview>.company-pattern-mobile{display:block}
}