/* 메인 전용 — 접두사 hm- · site.css 는 손대지 않는다 */

/* 04 철학 — 스타디움 사진은 데스크톱에서 조금 작게(세로 649px 원본) */
@media (min-width:900px){ #s04 .fig--stadium{max-width:400px; margin-left:auto} }

/* 09 교육 갤러리 — 대표 1 크게 + 2 작게 (무게가 다 같지 않게) */
.hm-gal{display:grid; grid-template-columns:1fr 1fr; gap:.75rem}
.hm-gal figure{margin:0; overflow:hidden; border-radius:var(--r-card); background:var(--sand)}
.hm-gal img{width:100%; height:100%; aspect-ratio:1/1; object-fit:cover}
.hm-gal figure:first-child{grid-column:span 2}
.hm-gal figure:first-child img{aspect-ratio:16/9}

/* 12 예약 밴드 */
.hm-reserve__cta{display:flex; flex-wrap:wrap; justify-content:center; gap:.6rem; margin-top:1.4rem}
.hm-reserve__cta .btn{margin-top:0}

/* 02 스트립 — 히어로 바로 아래 겹침이라 위 여백 0, 아래만 */
#s02{padding-top:0; padding-bottom:calc(var(--sec-y) * .6)}
#s02 .spec__note{margin-top:1.1rem}

/* 03 대표 카드의 인물 컷 — 세로 3:4 원본을 카드 비율로 cover 하면 기본값(50% 50%)이 정수리를 자른다. */
#s03 .fork__c--lead img{object-position:50% 18%}
/* 모바일: 세로 사진(864×1184)을 거의 정사각형 카드(339×320)에 넣으면 얼굴 아래가 잘리고 글자와 겹친다.
   보이는 세로가 69% 밖에 안 됐다 — 카드를 키워 90% 가 보이게 하면 인물이 온전히 들어온다(실측). */
@media (max-width:899px){
  #s03 .fork__c--lead{min-height:430px}
  #s03 .fork__c--lead img{object-position:50% 34%}
}


/* ── 06 라인업 — 인물 사진 대신 라인 아이콘 (얼굴이 잘리지도, 다섯 장이 비슷해 보이지도 않는다) ── */
.tx--icon .tx__c{background:#fff; padding:clamp(1.3rem,1rem + 1.4vw,1.9rem); min-height:200px}
.tx--icon .tx__b{padding:0; display:flex; flex-direction:column; flex:1}
.tx--icon .tx__fig{
  display:grid; place-items:center; width:64px; height:64px; margin-bottom:1.1rem;
  border-radius:var(--r-pill); background:var(--soft); border:1px solid var(--line);
}
.tx--icon .tx__fig svg{width:38px; height:38px; fill:none; stroke:var(--accent); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round}
.tx--icon .tx__n{display:block; font-family:var(--serif); font-size:var(--f-cap); color:var(--accent); letter-spacing:.1em; margin-bottom:.3rem}
.tx--icon .tx__t{font-size:var(--f-h3)}
.tx--icon .tx__d{margin-top:.5rem; font-size:var(--f-sub); line-height:1.7}
.tx--icon .tx__go{margin-top:auto; padding-top:1.2rem; font-size:var(--f-cap); letter-spacing:.14em; text-transform:uppercase; color:var(--accent); font-weight:600}
/* 대표 카드 — 색면과 큰 아이콘으로 위계를 준다(사진 없이도 대표가 대표로 읽히게) */
.tx--icon .tx__c--lead{background:var(--brand); border-color:var(--brand); min-height:300px; justify-content:flex-end}
.tx--icon .tx__c--lead .tx__fig{width:88px; height:88px; background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.35)}
.tx--icon .tx__c--lead .tx__fig svg{width:52px; height:52px; stroke:#F1E4D8}
.tx--icon .tx__c--lead .tx__n{color:#E8D7C6}
.tx--icon .tx__c--lead .tx__t{color:#fff; font-size:var(--f-h2)}
.tx--icon .tx__c--lead .tx__d{color:#EADCCF}
.tx--icon .tx__c--lead .tx__go{color:#E8D7C6}
@media (min-width:1000px){
  .tx--icon .tx__c--lead{grid-column:span 2; grid-row:span 2}
  .tx--icon .tx__c--lead .tx__d{max-width:34ch}
}