/* Approved corporate and medical hero layout, 2026-10-21. */
.network-hero .connection-stage canvas,.hero .connection-stage canvas{
 position:absolute;inset:0;width:100%;height:100%
}
.network-hero .hero-heading .hero-signature{
 font-size:13px;line-height:1.5;letter-spacing:.12em;margin:0 0 7px
}
@media(min-width:801px){
 .network-hero,.hero{padding-top:24px}
 .network-hero{padding-top:14px}
 .network-hero .connection-stage,.hero .connection-stage{
  width:calc(100% - 64px);max-width:1200px;
  height:clamp(320px,calc(100svh - 430px),450px);
  min-height:0;aspect-ratio:auto;margin:8px auto 0
 }
 .network-hero .connection-stage,.hero .connection-stage{
  height:clamp(440px,calc(100svh - 280px),620px)
 }
 .network-hero .hero-heading .korean-motto{
  font-size:clamp(22px,2vw,28px);font-weight:500;line-height:1.35;
  letter-spacing:-.8px;color:var(--ink);margin-top:0
 }
 .hero h1{font-size:clamp(29px,2.65vw,38px);line-height:1.3;letter-spacing:-1.4px}
 .hero .eyebrow{margin-bottom:10px;font-size:10px}
 .hero-description{font-size:15px;line-height:1.6;margin-top:12px}
 .network-caption{font-size:9px;letter-spacing:1.5px;bottom:5px}
 .network-caption.left{left:24%}.network-caption.right{right:24%}
 .network-hero .hero-footer{
  display:flex;align-items:center;justify-content:center;gap:26px;
  margin-top:0;padding:4px 20px 10px
 }
 .network-hero .hero-signature{font-size:16px;letter-spacing:.1em;margin:0}
 .network-hero .hero-footer .hero-actions{margin-top:0;gap:10px}
 .network-hero .hero-footer .button,.hero>.hero-actions .button{
  min-height:42px;padding:10px 18px;font-size:13px;gap:20px
 }
 .hero>.hero-actions{margin-top:4px}
 .phase-refined,.purpose-overview-r06{margin-top:12px;padding:0 0 20px}
 .phase-refined::before,.purpose-overview-r06::before{top:25px}
 .phase-refined a,.phase-refined a:first-child,.phase-refined a:last-child,
 .purpose-overview-r06 .purpose-tile{padding:54px 20px 14px}
 .phase-refined .phase-point,.purpose-overview-r06 .purpose-point{
  width:34px;height:34px;top:8px
 }
 .phase-refined .phase-label,.purpose-overview-r06 .purpose-tile h2{margin-bottom:7px}
 .phase-refined .phase-question,.purpose-overview-r06 .purpose-tile>.purpose-question{line-height:1.6}
 .phase-refined .phase-service,.purpose-overview-r06 .purpose-tile>.purpose-service{
  margin-top:10px;padding-top:8px
 }
 .phase-refined{margin-top:6px}
 .phase-refined a,.phase-refined a:first-child,.phase-refined a:last-child{padding-top:45px}
 .phase-refined .phase-label{font-size:18px}
 .phase-refined .phase-question{font-size:15px}
 .phase-refined .phase-service{font-size:12.5px}
}
@media(max-width:800px){
 .network-hero,.hero{padding-top:26px}
 .network-hero .connection-stage,.hero .connection-stage{
  width:100%;max-width:100%;height:clamp(235px,66vw,290px);
  min-height:0;aspect-ratio:auto;margin:8px auto 0
 }
 .network-hero .connection-stage,.hero .connection-stage{height:clamp(300px,83vw,380px)}
 .network-hero .hero-heading .hero-signature{font-size:12px;letter-spacing:.1em}
 .network-hero .hero-heading .korean-motto{
  font-size:clamp(20px,5.6vw,25px);line-height:1.4;
  font-weight:500;letter-spacing:-.5px;margin-top:0;color:var(--ink)
 }
 .hero h1{font-size:clamp(27px,7.2vw,32px);line-height:1.35;letter-spacing:-1.2px}
 .hero .eyebrow{margin-bottom:12px}
 .hero-description{font-size:12px;line-height:1.7;margin-top:12px}
 .network-caption{font-size:7px;letter-spacing:.8px;bottom:6px}
 .network-hero .hero-footer{padding:6px 20px 10px}
 .network-hero .hero-signature{font-size:15px;letter-spacing:.08em;margin-bottom:10px}
 .network-hero .hero-footer .hero-actions{margin-top:0}
 .hero>.hero-actions{margin-top:6px}
 .purpose-overview-r06{margin-top:16px}
}