/* ============================================================
   BK bio · Honestin page
   Scoped additions loaded after bk-elevated.css.
   Uses V3 tokens and keeps Honestin-specific layout local.
   ============================================================ */

.h-story{padding:clamp(64px,8vh,110px) 56px;}
.h-story-h{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;
  border-bottom:2px solid var(--ink);padding-bottom:20px;}
.h-story-h h2{font-family:var(--ff-d);font-weight:600;font-size:clamp(30px,3.4vw,50px);letter-spacing:-.022em;
  margin:14px 0 0;line-height:1.02;}
.h-story-h h2 em{font-style:italic;color:var(--green);font-weight:500;}
.h-story-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(32px,5vw,72px);align-items:start;margin-top:34px;}
.h-story-copy{max-width:68ch;}
.h-story-copy p{font-size:clamp(15px,1.25vw,18px);line-height:1.75;color:var(--ink-2);margin:0 0 18px;}
.h-story-copy p:last-child{margin-bottom:0;}
.h-store{background:var(--paper);border:1px solid var(--rule);padding:24px 26px 26px;
  box-shadow:0 20px 40px -34px rgba(22,20,18,.55);}
.h-store .hl{font-family:var(--ff-m);font-size:9.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-d);}
.h-store h3{font-family:var(--ff-d);font-weight:600;font-size:24px;letter-spacing:-.012em;margin:10px 0 8px;}
.h-store p{font-size:13px;line-height:1.6;color:var(--ink-3);margin:0 0 18px;}
.h-store .btn{width:100%;justify-content:center;}

.h-principle{background:var(--pine-d);color:#EFEADE;padding:clamp(58px,8vh,96px) 56px;position:relative;overflow:hidden;}
.h-principle .glow{position:absolute;left:42%;top:-30%;width:44%;height:92%;
  background:radial-gradient(circle,rgba(44,106,72,.36),transparent 70%);pointer-events:none;}
.h-principle>*{position:relative;z-index:2;}
.h-principle .ml{color:rgba(239,234,222,.66);}
.h-principle h2{font-family:var(--ff-d);font-weight:600;font-size:clamp(36px,5vw,76px);line-height:.98;
  letter-spacing:-.028em;color:#fff;margin:18px 0 0;max-width:11ch;}
.h-principle h2 em{font-style:italic;color:var(--accent-l);font-weight:500;}
.h-principle .h-principle-text{font-size:clamp(15px,1.25vw,18px);line-height:1.7;color:rgba(239,234,222,.84);
  max-width:62ch;margin:28px 0 0;}
.h-principle-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(200,162,78,.55);
  border:1px solid rgba(200,162,78,.55);margin-top:36px;}
.h-principle-list .node{background:var(--pine-dd);border-left:none;padding:22px 24px 24px;}
.h-principle-list .node p{font-size:13px;color:rgba(239,234,222,.78);}

.h-lineup{padding:clamp(58px,7vh,96px) 56px;background:var(--bg-2);}
.h-lineup-h{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;
  border-bottom:1px solid var(--ink);padding-bottom:18px;}
.h-lineup-h h2{font-family:var(--ff-d);font-weight:600;font-size:clamp(28px,3.2vw,46px);letter-spacing:-.022em;
  margin:12px 0 0;line-height:1.04;}
.h-lineup-h h2 em{font-style:italic;color:var(--green);font-weight:500;}
.h-lineup figure{margin:28px 0 0;border:1px solid var(--rule);background:var(--paper);}
.h-lineup img{width:100%;height:auto;}
.h-lineup figcaption{font-size:12px;color:var(--ink-3);padding:12px 16px;border-top:1px solid var(--rule);}

@media(max-width:900px){
  .h-story-grid{grid-template-columns:1fr;}
  .h-principle-list{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .h-story,.h-principle,.h-lineup{padding-left:22px;padding-right:22px;}
}

/* KO calibration: Noto Serif KR runs larger per em, so the story section
   heading was outsizing the masthead h1. Keep section headings a clear
   step below the page h1 (KO .mast h1 caps ~46px). */
:lang(ko) .h-story-h h2{font-size:clamp(24px,2.8vw,38px);}