@charset "utf-8";

/* ========== 전체 서브페이지 스타일 (컨텐츠만) ========== */

.real-cont:has(.about-intro) {min-height:0; padding-bottom:0;}
.about-page-wrap {width:100%; max-width:var(--max-w); margin-left:auto; margin-right:auto; padding-left:var(--page-gutter); padding-right:var(--page-gutter);}
.about-intro,
.about-intro p,
.about-intro h2,
.about-brand-values,
.about-brand-values p,
.about-brand-values h2,
.about-brand-values h3 {font-family:var(--font-sans); letter-spacing:-0.02em;}
.about-eyebrow-soft {margin:0 0 8px; font-size:20px; font-weight:400; letter-spacing:-0.02em; line-height:1.4em; color:var(--text-secondary);}
.about-intro {padding:120px 0 150px; background:var(--white);}
.about-intro-grid {display:grid; grid-template-columns:minmax(0, 1fr) 480px; gap:96px; align-items:center;}
.about-intro-copy .about-eyebrow-soft {display:inline-block; margin:0 0 16px; padding:8px 18px; font-size:20px; font-weight:500; letter-spacing:-0.02em; line-height:1.4em; color:var(--white); background-color:var(--navy); border-radius:9999px;}
.about-intro-copy h2 {margin:0 0 32px; font-family:var(--font-sans); font-size:42px; font-weight:600; letter-spacing:-0.02em; line-height:1.28em; color:var(--text-primary);}
.about-intro-text {margin:0 0 24px; font-size:18px; font-weight:400; line-height:1.75em; color:var(--text-secondary);}
.about-pull-quote {margin:40px 0 0; padding:28px 0 0; border-top:1px solid rgba(200, 169, 110, 0.35);}
.about-pull-quote p {margin:0; font-family:var(--font-sans); font-size:18px; font-weight:600; line-height:1.75em; letter-spacing:-0.02em; color:var(--text-primary);}
.about-visual-editorial {position:relative;}
.about-visual-editorial:before {content:""; position:absolute; top:24px; right:-24px; width:100%; height:100%; border:1px solid rgba(200, 169, 110, 0.4); border-radius:16px; pointer-events:none; z-index:0;}
.about-visual-frame {position:relative; width:100%; max-width:480px; aspect-ratio:4 / 5; background:var(--about-bg); overflow:hidden; z-index:1; border-radius:16px; box-shadow:0 24px 64px rgba(10, 22, 40, 0.12);}
.about-visual-frame:after {content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(10, 22, 40, 0.28) 0%, transparent 45%); pointer-events:none;}
.about-visual-photo {width:100%; height:100%; object-fit:cover; display:block; transition:transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);}
.about-visual-editorial:hover .about-visual-photo {transform:scale(1.03);}
.about-visual-caption {margin:20px 0 0; font-size:12px; letter-spacing:0.14em; line-height:1.5em; text-transform:uppercase; color:var(--text-muted); text-align:right;}
.about-brand-values {position:relative; padding:150px 0; overflow:hidden; isolation:isolate; background:#8a8580;}
.about-brand-values-bg {position:absolute; inset:0; background:linear-gradient(180deg, rgba(10, 22, 40, 0.55) 0%, rgba(10, 22, 40, 0.42) 100%), url("/images/assets/about-values-bg.jpg") center / cover no-repeat; z-index:0;}
.about-brand-values-inner {position:relative; z-index:1;}
.about-brand-values-head {max-width:100%; margin:0 auto 56px; text-align:center;}
.about-brand-values-eyebrow {margin:0 0 8px; font-family:var(--font-sans); font-size:20px; font-weight:400; letter-spacing:-0.02em; line-height:1.4em; color:#fff;}
.about-brand-values-title {margin:0 0 24px; font-family:var(--font-sans); font-size:42px; font-weight:600; letter-spacing:-0.02em; line-height:1.28em; color:var(--white);}
.about-brand-values-lead {margin:0 auto; max-width:none; font-family:var(--font-sans); font-size:18px; font-weight:400; line-height:1.65em; letter-spacing:-0.02em; color:rgba(255, 255, 255, 0.72); white-space:nowrap;}
.about-values-grid {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px; margin:0; padding:0; list-style:none;}
.about-value-card {display:flex; flex-direction:column; min-height:0; padding:28px 24px 24px; background:var(--white); border:1px solid rgba(255, 255, 255, 0.35); border-radius:16px; overflow:hidden;}
.about-value-num {display:inline-block; margin-bottom:32px; padding-bottom:6px; border-bottom:1px solid #ddd; font-family:var(--font-sans); font-size:14px; font-weight:600; letter-spacing:0.08em; line-height:1em; color:var(--accent);}
.about-value-copy {margin-bottom:24px;}
.about-value-copy h3 {margin:0 0 14px; font-family:var(--font-sans); font-size:24px; font-weight:600; letter-spacing:-0.02em; line-height:1.35em; color:var(--text-primary);}
.about-value-copy p {margin:0; font-family:var(--font-sans); font-size:18px; font-weight:400; letter-spacing:-0.02em; line-height:1.75em; color:var(--text-secondary);}
.about-value-media {margin:auto -8px 0; overflow:hidden; border-radius:12px; aspect-ratio:16 / 10;}
.about-value-media img {display:block; width:100%; height:100%; object-fit:cover; object-position:center; border-radius:12px;}