/* 회사소개 — 시안(docs/design/2026-10-23-dark-editorial/site.html) 의 회사소개 전용 규칙.
   공통 규칙(첫 화면·구역 머리·.trio·목록·재단선·문의 띠)은 base.css */

.about-text { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 20px; }
.about-text p { grid-column: 4 / span 8; margin: 0 0 1.2em; font-size: clamp(18px, 1.7vw, 22px); line-height: 1.8; letter-spacing: -0.02em; color: #c9cddd; }
.about-text p:first-child { color: var(--ink); font-size: clamp(22px, 2.4vw, 32px); line-height: 1.5; font-weight: 600; letter-spacing: -0.04em; }

/* 오시는 길 */
.visit { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 20px; }
.visit address { grid-column: 1 / span 6; font-style: normal; font-size: clamp(24px, 3vw, 40px); letter-spacing: -0.045em; line-height: 1.3; font-weight: 600; }
.visit dl { grid-column: 8 / span 5; margin: 0; display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 14px 20px; align-content: start; }
.visit dt { color: var(--sub); font-size: 13px; }
.visit dd { margin: 0; }
.visit .btns { grid-column: 8 / span 5; display: flex; gap: 10px; flex-wrap: wrap; }

@media (max-width: 960px) {
  .about-text p, .visit address, .visit dl, .visit .btns { grid-column: 1 / -1; }
}