/* ============================================================================
   행사소개(about.html) 전용 섹션
   시안 1920 값을 전사하고 사이 폭은 규칙(clamp)으로 유동 처리한다.
   ========================================================================== */
@layer components {
  /* ── ABOUT ────────────────────────────────────────────────────────────── */
  .story{display:flex;gap:clamp(24px,7.5vw,144px);align-items:flex-start;flex-wrap:wrap;}
  .story__t{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:clamp(18px,2.292vw,44px);}
  .story__c{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:clamp(16px,1.354vw,26px);}
  /* 시안 187:608 Dive_Motif — 1600×180 · gap 12 · items-start(위에 붙음)
     초기 높이는 Depth_4(마지막)와 같고, 뷰포트 진입 후 --dive-h 로 자란다. */
  .dive{--dive-from:clamp(30px,3.125vw,60px);
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,.625vw,12px);
    align-items:start;}
  .dive__b{border-radius:18px;height:var(--dive-from);}
  .dive__b:nth-child(1){--dive-h:clamp(90px,9.375vw,180px);background:#9160ff;}
  .dive__b:nth-child(2){--dive-h:clamp(70px,7.292vw,140px);background:#7448e8;}
  .dive__b:nth-child(3){--dive-h:clamp(50px,5.208vw,100px);background:#4e72e9;}
  .dive__b:nth-child(4){--dive-h:var(--dive-from);background:#23bcee;}
  .dive.is-grown .dive__b{height:var(--dive-h);}
  @media (prefers-reduced-motion:reduce){.dive .dive__b{height:var(--dive-h);}}
  @media (max-width:600px){.dive{grid-template-columns:repeat(4,minmax(0,1fr));}}

  /* 시안 Fact_* 라운드 20 */
  .fact{background:var(--c-panel);border-radius:20px;padding:clamp(22px,2vw,38px) clamp(20px,1.667vw,32px);
    display:flex;flex-direction:column;gap:clamp(8px,.833vw,16px);}
  .fact__lb{font-family:var(--ff-ui);font-weight:500;font-size:var(--fs-xs);color:var(--c-accent);
    letter-spacing:.06em;text-transform:uppercase;}
  .fact__v{font-family:var(--ff-kr);font-weight:700;font-size:var(--fs-d4);line-height:1.33;}
  .fact__n{font-size:var(--fs-xs);color:var(--c-body);line-height:1.5;}

  /* 시안: no x=160 w=120 · name x=312 w=400 · desc x=744 w=950 (열 152 / 432 / 나머지) */
  .pillar{display:grid;grid-template-columns:clamp(60px,7.917vw,152px) minmax(0,1fr);
    gap:clamp(12px,1.667vw,32px) clamp(12px,2.25vw,32px);
    padding-block:clamp(22px,2.396vw,46px);border-top:1px solid var(--c-line);align-items:start;}
  .pillar:last-child{border-bottom:1px solid var(--c-line);}
  .pillar__no{font-family:var(--ff-display);font-weight:700;font-size:var(--fs-d4);color:var(--c-accent);}
  .pillar__nm{font-family:var(--ff-kr);font-weight:700;font-size:var(--fs-lead);line-height:1.45;}
  .pillar__ds{font-size:var(--fs-sm);line-height:1.7;color:var(--c-body);grid-column:2;}
  @media (min-width:901px){
    .pillar{grid-template-columns:clamp(60px,7.917vw,152px) clamp(120px,22.5vw,432px) minmax(0,1fr);
      column-gap:0;align-items:center;}
    .pillar__ds{grid-column:3;}
  }
}