.brand-narrative{padding-top:0}.narrative-copy{max-width:760px}.narrative-copy p{font-size:clamp(17px,2vw,22px);line-height:1.95;color:var(--muted);margin:0 0 44px;letter-spacing:-.025em}.narrative-copy h2{font-size:clamp(26px,3.2vw,38px);line-height:1.3;margin:56px 0 26px;letter-spacing:-.04em}.identity-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px}.identity-sample{height:230px;display:flex;align-items:center;justify-content:center;border-radius:10px}.identity-sample.light{background:#f5f5f7;color:#1d1d1f}.identity-sample.dark{background:#1d1d1f;color:#fff}.identity-sample.symbol svg{height:70px;width:auto}.identity-sample.word svg{width:200px;height:auto;max-width:65%}.logo-examples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:32px}.logo-examples figure{margin:0}.example-image{height:170px;background:#f5f5f7;color:#1d1d1f;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px}.example-image svg{width:120px;height:auto;max-height:65px}.example-image.stretched svg{transform:scaleX(1.45) scaleY(.65)}.example-image.turned svg{transform:rotate(-25deg);width:auto;height:62px}.example-image.effect svg{filter:drop-shadow(5px 5px 2px #5558)}.example-image.low-contrast{color:#dedee1}.example-image.low-contrast svg{width:auto;height:62px}.logo-examples figcaption{font-size:13px;color:var(--muted);margin-top:12px}.block .note{line-height:1.85;max-width:780px}@media(max-width:720px){.identity-sample{height:160px}.identity-sample.symbol svg{height:52px}.identity-sample.word svg{width:145px}.logo-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.example-image{height:145px}.narrative-copy p{margin-bottom:30px}.narrative-copy h2{margin-top:44px}}
.example-image.recolored{color:#a76ac5}.example-image.recolored svg{width:auto;height:62px}

.example-image.outline svg{width:auto;height:62px;fill:none;stroke:currentColor;stroke-width:7}.example-image.dimensional svg{filter:drop-shadow(1px 1px 0 #999) drop-shadow(2px 2px 0 #aaa) drop-shadow(3px 3px 0 #bbb);transform:skewY(-6deg)}.example-image.gradient svg{width:auto;height:62px}

.logo-examples .example-image svg{width:auto;height:62px;max-height:none;flex:none}

/* 배경·심볼 채움·외곽선을 구분해 효과를 명확하게 표시 */
.example-image.outline{background:#e6e7eb;color:#fff}.logo-examples .example-image.outline svg{fill:#fff;stroke:#555b70;stroke-width:7;paint-order:stroke fill}

/* 권고 예시 네 항목을 한 줄에 정돈 */
.logo-examples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;text-align:center}.logo-examples figcaption{text-align:center;font-size:12px;line-height:1.6}.logo-examples .example-image{height:160px}.logo-examples .example-image svg{height:58px}
@media(max-width:720px){.logo-examples{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:16px;padding-bottom:12px}.logo-examples figure{flex:0 0 180px}.logo-examples .example-image{height:150px}}
.logo-examples{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;text-align:center}
@media(max-width:720px){.logo-examples{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;overflow:visible;padding-bottom:0}.logo-examples figure{min-width:0}.logo-examples .example-image{height:100px}.logo-examples .example-image svg{height:36px}.logo-examples figcaption{font-size:10px;overflow-wrap:anywhere}}

.logo-examples .example-image{height:auto;aspect-ratio:1 / 1;background:#f5f5f7}.identity-assets{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:36px}.identity-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.identity-pair .identity-sample{height:180px}.identity-pair .identity-sample.word svg{max-width:75%;width:160px}.identity-download{margin-top:20px}.identity-download>span{font-size:15px;font-weight:500}.identity-download>div{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:12px}.identity-download a{font-size:12px;color:var(--muted);text-decoration:none}.identity-download a:hover{text-decoration:underline}.identity-download-all{display:inline-flex;align-items:center;min-height:44px;padding:10px 20px;background:var(--surface);color:var(--ink);border-radius:7px;text-decoration:none;font-size:13px;margin-top:30px}@media(max-width:720px){.identity-assets{grid-template-columns:1fr;gap:32px}.identity-pair .identity-sample{height:160px}.logo-examples .example-image{height:auto;aspect-ratio:1}}
/* 기존 다운로드 버튼 UI 복원 */
.identity-download>div{gap:8px}
.identity-download a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;color:var(--ink);background:var(--bg)}
.identity-download a:hover{border-color:var(--ink);text-decoration:none}
.identity-download-all{height:48px;min-height:48px;padding:0 22px;border-radius:999px;background:var(--ink);color:var(--bg);font-size:14px;font-weight:600}
.identity-download a small{color:var(--muted);font-weight:500}

.identity-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.identity-heading h2{margin:0}.identity-heading .identity-download-all{margin:0;flex:none}.identity-download{display:flex;align-items:center;gap:14px;flex-wrap:nowrap}.identity-download>span{flex:none;white-space:nowrap;font-size:13px}.identity-download>div{display:flex;flex-wrap:nowrap;gap:6px;margin:0;min-width:0}.identity-download a{padding:7px 9px;font-size:12px;gap:5px;white-space:nowrap}@media(max-width:1000px){.identity-assets{grid-template-columns:1fr}.identity-download a{padding:8px 14px;font-size:13px}}@media(max-width:520px){.identity-heading{gap:12px;align-items:center}.identity-heading h2{font-size:24px}.identity-heading .identity-download-all{font-size:10px;padding:0 12px;height:40px;min-height:40px}.identity-download{gap:10px;overflow-x:auto;padding-bottom:6px}.identity-download>span{font-size:12px}.identity-download a{font-size:11px;padding:7px 9px}}

.ci-advisory{background:var(--surface);border:0}.ci-advisory .example-image{background:var(--bg)}.ci-advisory .example-image.outline{background:var(--bg)}


/* 브랜드 이야기 하단: 본문에 이어지는 아이덴티티 보기 버튼(배경 없음) */
.brand-narrative{padding-bottom:clamp(24px,3vw,36px)}
.narrative-copy p:last-child{margin-bottom:0}
.brand-cta{background:none;text-align:left;padding-top:0;padding-bottom:clamp(72px,10vw,120px)}
.brand-cta a{display:inline-flex;align-items:center;height:48px;padding:0 26px;border-radius:999px;background:var(--ink);color:var(--bg);text-decoration:none;font-weight:600;font-size:16px;transition:opacity .15s ease}
.brand-cta a:hover{opacity:.85}
.brand-cta a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

/* 모바일 가로 넘침 방지(브랜드 아이덴티티 다운로드 영역) */
@media(max-width:1000px){.identity-assets{grid-template-columns:minmax(0,1fr)}.identity-asset{min-width:0}.identity-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.identity-download{flex-wrap:wrap;overflow:visible}.identity-download>div{flex-wrap:wrap}}

/* ── "지양해 주세요" 예시: 라이트/다크 모두 '잘못된 사용'이 같은 방식으로 보이도록 색을 짝지어 지정 ──
   기본 로고색(--ex-ink)은 배경(--bg)과 항상 대비되는 색, 각 예시는 그 위에서 왜곡/그림자/외곽선/낮은 대비를 표현 */
.ci-advisory{--ex-ink:#1d1d1f;--ex-low:#dedee1;--ex-shadow:rgba(85,85,88,.55);--ex-fill:#fff;--ex-stroke:#555b70}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .ci-advisory{--ex-ink:#f5f5f7;--ex-low:#2a2a2d;--ex-shadow:rgba(150,150,165,.6);--ex-fill:#000;--ex-stroke:#a8aec4}}
:root[data-theme="dark"] .ci-advisory{--ex-ink:#f5f5f7;--ex-low:#2a2a2d;--ex-shadow:rgba(150,150,165,.6);--ex-fill:#000;--ex-stroke:#a8aec4}
.ci-advisory .logo-examples .example-image{color:var(--ex-ink)}
.ci-advisory .logo-examples .example-image.effect svg{filter:drop-shadow(5px 5px 2px var(--ex-shadow))}
.ci-advisory .logo-examples .example-image.outline svg{fill:var(--ex-fill);stroke:var(--ex-stroke)}
.ci-advisory .logo-examples .example-image.low-contrast{color:var(--ex-low)}