/* Exact page-level rules from the supplied About design. */
.kg-about .hero{min-height:min(90svh,820px)}
.kg-about .hero-media{inset:-8% 0}
.kg-about .hero-img{background-position:46% center}
@media (max-aspect-ratio:1/1){.kg-about .hero-img{background-position:33% center}}
.kg-about .hero-scrim{background:linear-gradient(100deg,rgba(11,13,12,.9) 0%,rgba(11,13,12,.66) 34%,rgba(11,13,12,.2) 70%,rgba(11,13,12,.34) 100%)}
.kg-about .hero-scrim2{background:linear-gradient(to top,rgba(11,13,12,.92) 0%,rgba(11,13,12,.45) 30%,rgba(11,13,12,0) 58%)}
.kg-about .hero-in{position:relative;z-index:5;margin-top:auto;padding-top:calc(var(--hdr) + 56px)}
.kg-about .hero h1{font-size:clamp(2.4rem,6vw,5.6rem);letter-spacing:-.05em;line-height:1;max-width:16ch;margin-bottom:clamp(18px,2.4vh,28px)}
.kg-about .hero .sub{max-width:54ch;color:rgba(255,255,255,.64)}
.kg-about .hero-bar{position:relative;z-index:5;margin-top:clamp(30px,5vh,62px);border-top:1px solid rgba(255,255,255,.16)}
.kg-about .hero-bar-in{display:grid;grid-template-columns:repeat(4,1fr)}
.kg-about .hero-bar .cell{padding:clamp(14px,2vh,22px) 0 clamp(18px,2.6vh,30px)}
.kg-about .hero-bar .cell+.cell{border-left:1px solid rgba(255,255,255,.16);padding-left:clamp(12px,2.2vw,28px)}
.kg-about .hero-bar b{display:block;font-size:clamp(.95rem,1.8vw,1.5rem);font-weight:600;letter-spacing:-.04em;line-height:1}
.kg-about .hero-bar span{display:block;margin-top:7px;color:rgba(255,255,255,.45);font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}

.kg-about .concept{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,90px);align-items:start}
.kg-about .concept-l{position:sticky;top:clamp(24px,8vh,90px)}
.kg-about .mark{font-size:clamp(1.7rem,4vw,3.4rem);font-weight:600;letter-spacing:-.048em;line-height:1.06;max-width:15ch}
.kg-about .mark em{font-style:normal;color:var(--accent)}
.kg-about .mark-note{margin-top:clamp(22px,3vw,34px);padding-top:18px;border-top:1px solid rgba(11,13,12,.16);max-width:38ch}
.kg-about .concept-r p+p{margin-top:18px}
.kg-about .concept-r .first::first-letter{font-size:3.4em;font-weight:700;float:left;line-height:.82;margin:.06em .12em 0 0;color:var(--accent);letter-spacing:-.05em}

.kg-about .exhibit{display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(26px,4.4vw,72px);align-items:center}
.kg-about .ex-copy h2{font-size:clamp(1.6rem,3.4vw,2.8rem);letter-spacing:-.045em;line-height:1.04;max-width:16ch;margin-bottom:clamp(16px,2vw,24px)}
.kg-about .ex-panel{border-radius:16px;padding:clamp(20px,3vw,40px)}
.kg-about .ex-h{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:rgba(255,255,255,.4);padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.16)}
.kg-about .bars{display:flex;flex-direction:column;gap:14px}
.kg-about .bar-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center}
.kg-about .bar-row .lb{font-size:13px;font-weight:600;letter-spacing:-.015em;color:rgba(255,255,255,.76)}
.kg-about .bar-row .vl{font-size:13px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums}
.kg-about .bar{grid-column:1/-1;height:14px;border-radius:2px;background:rgba(255,255,255,.09);overflow:hidden;position:relative}
.kg-about .bar i{position:absolute;inset:0 auto 0 0;width:0;border-radius:2px;background:var(--accent-hi);transition:width 1.3s var(--ease)}
.kg-about .bar-row.risk i{background:#C9603F}
.kg-about .bar-row.risk .vl{color:#E28A6B}
.kg-about .ex-cap{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.16);font-size:12.5px;line-height:1.55;color:rgba(255,255,255,.45);max-width:58ch}

.kg-about .bands{border-top:1px solid rgba(11,13,12,.16)}
.kg-about .band{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.15fr);gap:clamp(14px,3vw,52px);padding:clamp(26px,3.6vw,52px) 0;border-bottom:1px solid rgba(11,13,12,.16);align-items:baseline;transition:padding-left .55s var(--ease)}
.kg-about .band::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(11,13,12,.035);transition:width .6s var(--ease);pointer-events:none}
.kg-about .band:hover::before{width:100%}
.kg-about .band:hover{padding-left:clamp(10px,1.6vw,24px)}
.kg-about .band .n{position:relative;z-index:2;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--accent)}
.kg-about .band h3{position:relative;z-index:2;font-size:clamp(1.2rem,2.6vw,2.05rem);letter-spacing:-.042em;line-height:1.06}
.kg-about .band p{position:relative;z-index:2;color:rgba(11,13,12,.62);max-width:52ch}

.kg-about .pos{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,2vw,22px)}
.kg-about .pos-col{border-radius:16px;padding:clamp(20px,2.6vw,34px)}
.kg-about .pos-col.them{border:1px solid rgba(255,255,255,.13)}
.kg-about .pos-col.us{border:1px solid rgba(54,138,221,.4);background:rgba(24,95,164,.1)}
.kg-about .pos-col h3{font-size:clamp(1rem,1.5vw,1.2rem);letter-spacing:-.03em;padding-bottom:16px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.16)}
.kg-about .pos-col.us h3{color:var(--accent-hi)}
.kg-about .pos-col li{list-style:none;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:14.5px;line-height:1.5;letter-spacing:-.01em;color:rgba(255,255,255,.58)}
.kg-about .pos-col.us li{color:rgba(255,255,255,.9)}
.kg-about .pos-col li:last-child{border-bottom:0}

.kg-about .about-srows{border-top:1px solid rgba(11,13,12,.16);display:block;overflow:visible}
.kg-about .about-srows .srow{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(14px,3vw,50px);padding:clamp(22px,3vw,42px) 0;border:0;border-bottom:1px solid rgba(11,13,12,.16);border-radius:0;align-items:center;min-height:0;background:transparent;color:var(--ink);transition:padding-left .55s var(--ease)}
.kg-about .about-srows .srow::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(11,13,12,.035);transition:width .6s var(--ease);pointer-events:none}
.kg-about .about-srows .srow:hover::before{width:100%}
.kg-about .about-srows .srow:hover{padding-left:clamp(10px,1.6vw,24px)}
.kg-about .about-srows .srow>*{position:relative;z-index:2}
.kg-about .about-srows .srow .ix{font-size:11.5px;font-weight:700;letter-spacing:.13em;color:rgba(11,13,12,.4);transition:color .4s}
.kg-about .about-srows .srow:hover .ix{color:var(--accent)}
.kg-about .about-srows .srow h3{font-size:clamp(1.3rem,3.4vw,2.6rem);letter-spacing:-.045em;line-height:1}
.kg-about .about-srows .srow p{margin-top:10px;color:rgba(11,13,12,.6);max-width:56ch}
.kg-about .about-srows .srow .m{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(11,13,12,.42);white-space:nowrap}

.kg-about .close-q{font-size:clamp(1.5rem,4vw,3.2rem);font-weight:600;letter-spacing:-.048em;line-height:1.08;max-width:20ch}
.kg-about .close-meta{display:flex;gap:clamp(18px,3vw,48px);flex-wrap:wrap;margin-top:clamp(28px,4vw,48px);padding-top:20px;border-top:1px solid rgba(255,255,255,.16)}
.kg-about .close-meta div b{display:block;font-size:15px;font-weight:600;letter-spacing:-.025em}
.kg-about .close-meta div span{display:block;margin-top:6px;color:rgba(255,255,255,.42)}

@media (max-width:1024px){
  .kg-about .concept{grid-template-columns:1fr;gap:26px}.kg-about .concept-l{position:relative;top:0}
  .kg-about .exhibit{grid-template-columns:1fr;gap:26px}
  .kg-about .band{grid-template-columns:auto 1fr;row-gap:10px}.kg-about .band p{grid-column:2}
  .kg-about .pos{grid-template-columns:1fr}
  .kg-about .about-srows .srow{grid-template-columns:auto 1fr;row-gap:10px}.kg-about .about-srows .srow .m{grid-column:2}
}
@media (max-width:640px){
  .kg-about .hero-bar-in{grid-template-columns:1fr 1fr}
  .kg-about .hero-bar .cell:nth-child(3){border-left:0;padding-left:0}
  .kg-about .hero-bar .cell:nth-child(n+3){border-top:1px solid rgba(255,255,255,.16)}
  .kg-about .about-srows .srow h3{font-size:clamp(1.25rem,6vw,1.7rem)}
}