/* ── SECTION (about padding) ─────────────── */
.section{padding:7rem 3.5rem;}

/* PAGE HERO */
.page-hero{padding:11rem 3.5rem 5rem;max-width:1300px;margin:0 auto;display:flex;justify-content:center;padding-bottom:3rem;}
.page-hero-inner{max-width:780px;width:100%;text-align:left;}
.page-eyebrow{font-family:'Syne',sans-serif;font-size:.65rem;letter-spacing:.28em;color:var(--red);text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:.6rem;margin-bottom:1.6rem;}
.page-eyebrow::before{content:'';width:28px;height:2px;background:var(--red-line);}
.page-title{font-family:'Noto Sans KR',sans-serif;font-weight:900;font-size:clamp(2.4rem,4.5vw,4rem);line-height:1.18;margin-bottom:1.4rem;}
.page-title em{color:var(--red);font-style:normal;}
.page-subtitle{font-size:1rem;color:rgba(255,255,255,.45);line-height:2;max-width:580px;}

/* DIVIDER */
.divider{height:1px;background:rgba(255,255,255,.06);margin:0;}

/* MISSION BLOCK */
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.05);margin-bottom:1px;}
.mission-cell{background:var(--black-2);padding:3.5rem;}
.mission-cell.dark{background:var(--black);}
.mission-label{font-family:'Syne',sans-serif;font-size:.6rem;letter-spacing:.22em;color:var(--red);text-transform:uppercase;margin-bottom:1.2rem;font-weight:700;}
.mission-text{font-size:1.2rem;font-weight:700;line-height:1.6;color:var(--white);margin-bottom:.8rem;}
.mission-sub{font-size:.88rem;color:rgba(255,255,255,.38);line-height:1.9;}

/* HISTORY */
.history-section{background:var(--black-2);}
.timeline{position:relative;padding-left:2rem;}
.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:rgba(255,255,255,.1);}
.timeline-item{position:relative;padding:0 0 3rem 2.5rem;}
.timeline-item:last-child{padding-bottom:0;}
.timeline-item::before{content:'';position:absolute;left:-4.5px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--red);}
.timeline-year{font-family:'Archivo',sans-serif;font-size:.72rem;letter-spacing:.12em;color:var(--red);font-weight:700;margin-bottom:.4rem;}
.timeline-title{font-weight:700;font-size:1rem;margin-bottom:.3rem;color:var(--white);}
.timeline-desc{font-size:.85rem;color:rgba(255,255,255,.38);line-height:1.7;}

/* VALUES */
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.05);}
@media(max-width:900px){.values-grid{grid-template-columns:repeat(2,1fr);}}
.value-card{background:var(--black);padding:2.8rem 2.4rem;transition:background .3s;}
.value-card:hover{background:var(--black-3);}
.value-icon{width:40px;height:40px;border:1.5px solid rgba(232,74,60,.7);border-radius:2px;display:flex;align-items:center;justify-content:center;margin-bottom:1.4rem;}
.value-icon svg{width:18px;height:18px;stroke:var(--red);}
.value-title{font-weight:700;font-size:1.05rem;margin-bottom:.5rem;color:var(--white);}
.value-desc{font-size:.85rem;color:rgba(255,255,255,.38);line-height:1.7;}

/* TEAM CTA */
.team-cta{background:var(--black-3);padding:5rem 3.5rem;text-align:center;border-top:1px solid rgba(255,255,255,.05);}
.team-cta h2{font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:700;margin-bottom:1rem;}
.team-cta p{color:rgba(255,255,255,.4);font-size:.95rem;margin-bottom:2.4rem;}
.cta-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:'Syne',sans-serif;font-size:.82rem;font-weight:700;padding:.7rem 2rem;background:var(--red);color:#fff;text-decoration:none;letter-spacing:.1em;transition:background .3s;}
.cta-btn:hover{background:#a93226;}

/* IMAGE PLACEHOLDER / WIDE IMAGE FRAME */
.img-ph{position:relative;background:linear-gradient(135deg,#171717 0%,#0c0c0c 72%);border:1px solid rgba(255,255,255,.07);overflow:hidden;display:flex;align-items:center;justify-content:center;}
.img-ph::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 72% 18%,rgba(192,57,43,.16),transparent 58%);}
.img-ph-tag{position:relative;z-index:1;font-family:'Syne',sans-serif;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.34);text-align:center;padding:0 1.6rem;line-height:1.9;}
.img-ph-tag b{display:block;color:rgba(255,255,255,.55);font-weight:700;margin-bottom:.35rem;letter-spacing:.16em;}
.img-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;display:block;}
.img-ph.has-img .img-ph-tag{display:none;}
.img-ph.has-img::before{display:none;}
.hero-band .img-ph.has-img::before{display:block;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,0) 55%);}

/* HERO 이미지 밴드 (텍스트 오버 이미지) */
.hero-band{max-width:1300px;margin:0 auto;padding:0 3.5rem 5rem;}
.hero-band .img-ph{aspect-ratio:21/7;border-radius:2px;}

/* MISSION 와이드 이미지 */
.mission-img{max-width:1100px;margin:0 auto 1px;}
.mission-img .img-ph{aspect-ratio:21/8;}

/* HISTORY 2단 (타임라인 + 이미지) */
.history-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:3rem;align-items:start;}
.history-aside{position:sticky;top:6rem;}
.history-aside .img-ph{aspect-ratio:3/4;border-radius:2px;min-height:400px;}

@media(max-width:768px){
  .page-hero{padding:8rem 1.5rem 2rem}
  .hero-band{padding:0 1.5rem 3rem}
  .hero-band .img-ph{aspect-ratio:16/10}
  .section{padding:4rem 1.5rem}
  .mission-grid,.values-grid{grid-template-columns:1fr}
  .history-grid{grid-template-columns:minmax(0,1fr);gap:2rem}
  .timeline{min-width:0}
  .history-aside{position:static;min-width:0}
  .history-aside .img-ph{width:100%;min-height:300px;aspect-ratio:16/10}
}