/* =========================================================
   KHAGAN ABOUT — PREMIUM V1
   Editorial brand-story page.
   ========================================================= */
.page-about-premium{--kha-max:1320px;--kha-copy:760px}
.page-about-premium .kha-wrap{width:min(calc(100% - var(--khx-side)*2),var(--kha-max));margin:0 auto}

/* HERO */
.page-about-premium .kha-hero{position:relative;height:min(78svh,820px);min-height:600px;overflow:hidden;background:#111;color:#fff}
.page-about-premium .kha-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%;display:block;transform:scale(1.01)}
.page-about-premium .kha-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.25) 48%,rgba(0,0,0,.07) 75%),linear-gradient(0deg,rgba(0,0,0,.38),transparent 55%)}
.page-about-premium .kha-hero-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding-bottom:clamp(58px,7vw,98px)}
.page-about-premium .kha-hero-copy h1{max-width:880px;margin:18px 0 22px;font-size:clamp(70px,9.2vw,142px);line-height:.82;letter-spacing:-.07em;font-weight:800;color:#fff}
.page-about-premium .kha-hero-lead{max-width:670px;margin:0 0 28px;color:rgba(255,255,255,.9);font-family:Tahoma,Arial,sans-serif;font-size:16px;line-height:1.7}
.page-about-premium .kha-hero-index{position:absolute;right:var(--khx-side);bottom:28px;z-index:2;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.65);font-size:8px;font-weight:800;letter-spacing:.14em}.page-about-premium .kha-hero-index i{display:block;width:58px;height:1px;background:rgba(255,255,255,.38)}

/* STICKY SUB NAV */
.page-about-premium .kha-subnav{position:sticky;top:var(--khx-header);z-index:50;height:54px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--khx-line);backdrop-filter:blur(12px)}
.page-about-premium .kha-subnav-scroll{height:100%;display:flex;align-items:stretch;justify-content:center;overflow-x:auto;scrollbar-width:none}.page-about-premium .kha-subnav-scroll::-webkit-scrollbar{display:none}
.page-about-premium .kha-subnav a{position:relative;display:flex;align-items:center;flex:0 0 auto;padding:0 20px;color:#6e6e6b;text-decoration:none;font-size:9px;font-weight:800;letter-spacing:.11em;white-space:nowrap}.page-about-premium .kha-subnav a::after{content:"";position:absolute;left:20px;right:20px;bottom:-1px;height:2px;background:#111;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.page-about-premium .kha-subnav a:hover,.page-about-premium .kha-subnav a.is-active{color:#111}.page-about-premium .kha-subnav a.is-active::after{transform:scaleX(1)}

/* FACTS */
.page-about-premium .kha-facts{background:#0b0b0b;color:#fff;border-bottom:1px solid #202020}
.page-about-premium .kha-facts-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.page-about-premium .kha-fact{min-height:146px;padding:28px 32px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #242424}.page-about-premium .kha-fact:last-child{border-right:0}.page-about-premium .kha-fact strong{font-size:42px;line-height:1;font-weight:700;letter-spacing:-.05em}.page-about-premium .kha-fact span{margin-top:13px;color:#808080;font-size:8px;font-weight:800;letter-spacing:.15em}

/* SECTION SYSTEM */
.page-about-premium .kha-section{padding:clamp(88px,9vw,138px) 0;background:#fff}
.page-about-premium .kha-section-head{display:grid;grid-template-columns:.43fr 1.25fr;gap:70px;align-items:start;margin-bottom:clamp(48px,6vw,82px)}
.page-about-premium .kha-section-head>div{max-width:850px}.page-about-premium .kha-section-head h2{margin:0;font-size:clamp(44px,5.3vw,78px);line-height:.98;letter-spacing:-.055em;color:#0d0d0d}.page-about-premium .kha-section-head>div>p{max-width:650px;margin:22px 0 0;color:#676763;font-family:Tahoma,Arial,sans-serif;font-size:14px;line-height:1.75}
.page-about-premium .kha-section-head--compact{margin-bottom:52px}

/* STORY */
.page-about-premium .kha-story-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:clamp(46px,6vw,96px);align-items:start}
.page-about-premium .kha-story-media{margin:0}.page-about-premium .kha-story-media img{display:block;width:100%;aspect-ratio:1.12/1;object-fit:cover;background:var(--khx-paper)}.page-about-premium .kha-story-media figcaption{padding-top:10px;color:#888;font-size:8px;font-weight:800;letter-spacing:.13em}
.page-about-premium .kha-story-copy{padding-top:4px}.page-about-premium .kha-story-copy p{margin:0 0 22px;color:#4f4f4c;font-family:Tahoma,Arial,sans-serif;font-size:15px;line-height:1.88}.page-about-premium .kha-story-copy .kha-story-intro{color:#111;font-family:Montserrat,Tahoma,Arial,sans-serif;font-size:clamp(24px,2.1vw,34px);font-weight:600;line-height:1.28;letter-spacing:-.025em}.page-about-premium .kha-story-copy blockquote{margin:48px 0 0;padding:24px 0 0;border-top:1px solid #111;color:#111;font-size:20px;font-weight:800;line-height:1.35;letter-spacing:-.02em}

/* VALUES */
.page-about-premium .kha-values{background:var(--khx-paper-2);border-top:1px solid var(--khx-line);border-bottom:1px solid var(--khx-line)}
.page-about-premium .kha-values-grid{border-top:1px solid #cfcfca}
.page-about-premium .kha-value{display:grid;grid-template-columns:100px .8fr 1.2fr;gap:34px;align-items:start;padding:35px 0;border-bottom:1px solid #cfcfca}.page-about-premium .kha-value>span{color:#9b9b96;font-size:11px;font-weight:800;letter-spacing:.12em}.page-about-premium .kha-value>div{display:contents}.page-about-premium .kha-value h3{margin:0;font-size:22px;line-height:1.2;letter-spacing:-.025em}.page-about-premium .kha-value p{max-width:650px;margin:0;color:#666;font-family:Tahoma,Arial,sans-serif;font-size:14px;line-height:1.72}

/* TIMELINE */
.page-about-premium .kha-timeline-section{background:#fff}
.page-about-premium .kha-timeline{position:relative}.page-about-premium .kha-timeline::before{content:"";position:absolute;left:208px;top:12px;bottom:12px;width:1px;background:#d8d8d3}
.page-about-premium .kha-timeline-row{position:relative;display:grid;grid-template-columns:170px 34px minmax(0,1fr);gap:22px;align-items:start;padding:31px 0;border-top:1px solid var(--khx-line)}.page-about-premium .kha-timeline-row:last-child{border-bottom:1px solid var(--khx-line)}.page-about-premium .kha-timeline-row time{font-size:32px;font-weight:700;letter-spacing:-.04em;line-height:1}.page-about-premium .kha-dot{position:relative;z-index:2;width:9px;height:9px;margin:8px auto 0;border:2px solid #111;border-radius:50%;background:#fff}.page-about-premium .kha-timeline-row>div{max-width:800px}.page-about-premium .kha-timeline-row h3{margin:0 0 9px;font-size:20px;line-height:1.3}.page-about-premium .kha-timeline-row p{margin:0;color:#686864;font-family:Tahoma,Arial,sans-serif;font-size:14px;line-height:1.7}

/* AWARDS */
.page-about-premium .kha-awards{padding:clamp(90px,9vw,138px) 0;background:#090909;color:#fff}
.page-about-premium .kha-section-head--light h2{color:#fff}.page-about-premium .kha-section-head--light>div>p{color:#8e8e8e}
.page-about-premium .kha-awards-grid{border-top:1px solid #2b2b2b}.page-about-premium .kha-award{display:grid;grid-template-columns:130px 1fr 44px;gap:28px;align-items:center;min-height:145px;padding:28px 0;border-bottom:1px solid #2b2b2b}.page-about-premium .kha-award-year{color:#777;font-size:12px;font-weight:800;letter-spacing:.12em}.page-about-premium .kha-award h3{margin:0 0 8px;color:#fff;font-size:clamp(22px,2.4vw,36px);line-height:1.12;letter-spacing:-.035em}.page-about-premium .kha-award p{margin:0;color:#8a8a8a;font-family:Tahoma,Arial,sans-serif;font-size:13px}.page-about-premium .kha-award-arrow{font-size:22px;color:#777;transition:transform .2s ease,color .2s ease}.page-about-premium .kha-award:hover .kha-award-arrow{transform:translate(4px,-4px);color:#fff}

/* TEAM */
.page-about-premium .kha-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:54px 18px}
.page-about-premium .kha-person{min-width:0}.page-about-premium .kha-person-media{overflow:hidden;background:#eeeae4;aspect-ratio:4/5}.page-about-premium .kha-person-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.65,.25,1)}.page-about-premium .kha-person:hover .kha-person-media img{transform:scale(1.025)}
.page-about-premium .kha-person-meta{display:grid;grid-template-columns:32px 1fr;gap:10px;padding-top:14px}.page-about-premium .kha-person-meta>span{padding-top:3px;color:#a0a09b;font-size:8px;font-weight:800;letter-spacing:.12em}.page-about-premium .kha-person h3{margin:0 0 5px;font-size:14px;line-height:1.35}.page-about-premium .kha-person p{margin:0;color:#777;font-family:Tahoma,Arial,sans-serif;font-size:11px;line-height:1.5}

/* MATERIALS */
.page-about-premium .kha-materials{padding:clamp(90px,9vw,140px) 0;background:#111;color:#fff}
.page-about-premium .kha-materials-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(54px,8vw,120px);align-items:start}.page-about-premium .kha-material-title h2{margin:20px 0 0;font-size:clamp(46px,5.8vw,84px);line-height:.95;letter-spacing:-.055em}.page-about-premium .kha-material-copy>p{max-width:760px;margin:0;color:#b0b0ad;font-family:Tahoma,Arial,sans-serif;font-size:15px;line-height:1.8}
.page-about-premium .kha-cert-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:52px;border-top:1px solid #303030;border-left:1px solid #303030}.page-about-premium .kha-cert-grid>div{min-height:112px;padding:20px;display:flex;align-items:center;justify-content:center;border-right:1px solid #303030;border-bottom:1px solid #303030;background:#151515}.page-about-premium .kha-cert-grid img{display:block;max-width:115px;max-height:48px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) brightness(1.55);opacity:.8}

/* CTA */
.page-about-premium .kha-cta{padding:clamp(95px,10vw,160px) 0;background:#fff}.page-about-premium .kha-cta h2{margin:20px 0 54px;font-size:clamp(58px,8.5vw,126px);line-height:.82;letter-spacing:-.07em}.page-about-premium .kha-cta-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-top:28px;border-top:1px solid #111}.page-about-premium .kha-cta-bottom p{margin:0;color:#666;font-family:Tahoma,Arial,sans-serif;font-size:14px}

/* TABLET */
@media(max-width:1020px){
  .page-about-premium .kha-hero{height:70svh;min-height:560px}.page-about-premium .kha-hero-copy h1{font-size:clamp(64px,11vw,104px)}
  .page-about-premium .kha-fact{padding:24px 20px}.page-about-premium .kha-fact strong{font-size:34px}
  .page-about-premium .kha-section-head{grid-template-columns:1fr;gap:18px}.page-about-premium .kha-section-head>div{max-width:800px}
  .page-about-premium .kha-story-grid{grid-template-columns:1fr;gap:42px}.page-about-premium .kha-story-media img{aspect-ratio:16/10}.page-about-premium .kha-story-copy{max-width:800px}
  .page-about-premium .kha-value{grid-template-columns:70px .8fr 1.2fr}
  .page-about-premium .kha-team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 16px}
  .page-about-premium .kha-materials-grid{grid-template-columns:1fr;gap:48px}
}

/* MOBILE / SMALL TABLET */
@media(max-width:760px){
  .page-about-premium .kha-hero{height:calc(100svh - var(--khx-header));min-height:560px}.page-about-premium .kha-hero>img{object-position:center}.page-about-premium .kha-hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.2) 67%,rgba(0,0,0,.08) 100%)}.page-about-premium .kha-hero-copy{padding-bottom:54px}.page-about-premium .kha-hero-copy h1{font-size:clamp(58px,18vw,88px);margin:14px 0 18px}.page-about-premium .kha-hero-lead{font-size:13px;line-height:1.65;max-width:520px}.page-about-premium .kha-hero-index{display:none}
  .page-about-premium .kha-subnav{height:50px}.page-about-premium .kha-subnav-scroll{justify-content:flex-start;padding:0 6px}.page-about-premium .kha-subnav a{padding:0 12px;font-size:8px}.page-about-premium .kha-subnav a::after{left:12px;right:12px}
  .page-about-premium .kha-facts-grid{grid-template-columns:repeat(2,1fr)}.page-about-premium .kha-fact{min-height:112px;border-bottom:1px solid #242424}.page-about-premium .kha-fact:nth-child(2){border-right:0}.page-about-premium .kha-fact:nth-child(3),.page-about-premium .kha-fact:nth-child(4){border-bottom:0}.page-about-premium .kha-fact strong{font-size:30px}
  .page-about-premium .kha-section{padding:76px 0}.page-about-premium .kha-section-head{margin-bottom:38px}.page-about-premium .kha-section-head h2{font-size:43px}.page-about-premium .kha-section-head>div>p{font-size:13px;margin-top:15px}
  .page-about-premium .kha-story-media img{aspect-ratio:4/3}.page-about-premium .kha-story-copy p{font-size:14px;line-height:1.75}.page-about-premium .kha-story-copy .kha-story-intro{font-size:23px}.page-about-premium .kha-story-copy blockquote{font-size:18px}
  .page-about-premium .kha-value{grid-template-columns:44px 1fr;gap:16px 14px;padding:26px 0}.page-about-premium .kha-value>div{display:block}.page-about-premium .kha-value h3{font-size:18px}.page-about-premium .kha-value p{grid-column:2;margin-top:10px;font-size:13px}.page-about-premium .kha-value>span{grid-row:1 / span 2}
  .page-about-premium .kha-timeline::before{left:79px}.page-about-premium .kha-timeline-row{grid-template-columns:62px 14px 1fr;gap:10px;padding:25px 0}.page-about-premium .kha-timeline-row time{font-size:20px}.page-about-premium .kha-dot{width:7px;height:7px;margin-top:5px}.page-about-premium .kha-timeline-row h3{font-size:17px}.page-about-premium .kha-timeline-row p{font-size:13px}
  .page-about-premium .kha-awards{padding:76px 0}.page-about-premium .kha-award{grid-template-columns:58px 1fr 24px;gap:14px;min-height:120px}.page-about-premium .kha-award h3{font-size:20px}
  .page-about-premium .kha-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 10px}.page-about-premium .kha-person-meta{grid-template-columns:24px 1fr;gap:6px}.page-about-premium .kha-person h3{font-size:12px}.page-about-premium .kha-person p{font-size:10px}
  .page-about-premium .kha-materials{padding:76px 0}.page-about-premium .kha-material-title h2{font-size:48px}.page-about-premium .kha-material-copy>p{font-size:13px}.page-about-premium .kha-cert-grid{grid-template-columns:repeat(2,1fr);margin-top:36px}.page-about-premium .kha-cert-grid>div{min-height:90px}.page-about-premium .kha-cert-grid>div:last-child{grid-column:1/-1}.page-about-premium .kha-cert-grid img{max-width:100px;max-height:42px}
  .page-about-premium .kha-cta{padding:84px 0}.page-about-premium .kha-cta h2{font-size:clamp(52px,16vw,78px);margin-bottom:38px}.page-about-premium .kha-cta-bottom{align-items:flex-start;flex-direction:column}.page-about-premium .kha-cta-bottom p{font-size:13px}
}

@media(max-width:420px){
  .page-about-premium .kha-wrap{width:calc(100% - 28px)}
  .page-about-premium .kha-team-grid{gap:32px 8px}.page-about-premium .kha-person h3{font-size:11px}.page-about-premium .kha-person p{font-size:9.5px}
}