/* ==========================================================================
   photo-studio.css — AI포토스튜디오 소개 (/photo-studio/)
   solution.css 위에 얹는 따뜻한 색 테마 + 사진 배치
   ========================================================================== */

body[data-page="photo-studio"] {
    --sol-navy: #4a2a1c;       /* 히어로·CTA 바탕(흰 글씨 대비 13:1 이상) */
    --sol-navy-dark: #2e1a11;
    --sol-blue: #b4532a;       /* 강조 글자(흰 바탕 대비 5.2:1) */
    --sol-blue-light: #f2b37a;
    --sol-line: #eadfd6;
    --sol-bg-soft: #fbf6f1;
}
body[data-page="photo-studio"] .sol-hero::after {
    background: radial-gradient(circle, rgba(242, 179, 122, .28), transparent 68%);
}
body[data-page="photo-studio"] .sol-hero h1 em,
body[data-page="photo-studio"] .sol-chip i { color: #f6c48f; }
body[data-page="photo-studio"] .sol-badge { background: rgba(180, 83, 42, .1); color: #a14a25; }
body[data-page="photo-studio"] .sol-hero .sol-badge { background: rgba(255, 255, 255, .16); color: #fff; }
body[data-page="photo-studio"] .sol-card-icon { background: linear-gradient(135deg, #d9773f, #a14a25); }
body[data-page="photo-studio"] .sol-card:hover { border-color: #e2c7b3; }
body[data-page="photo-studio"] .sol-step-no { background: #b4532a; }
body[data-page="photo-studio"] .sol-table tbody tr:hover { background: #fdf8f4; }

/* ── 히어로: 글 + 예시 그림 ───────────────────────── */
.ps-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);
    gap: 48px;
    align-items: center;
}
.ps-hero-photo { margin: 0; justify-self: center; max-width: 340px; }
.ps-hero-photo img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 18px;
    border: 6px solid #fff;
    box-shadow: 0 22px 48px rgba(0, 0, 0, .35);
    transform: rotate(2deg);
}
.ps-hero-photo figcaption {
    margin-top: 14px;
    font-size: .8rem;
    color: rgba(255, 255, 255, .72);
    text-align: center;
}

/* ── 대상 카드 4개: 넓은 화면에서 한 줄 ─────────── */
.ps-who-grid { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }

/* ── 스타일 갤러리 ───────────────────────────────── */
.ps-style-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 22px;
}
.ps-style {
    margin: 0;
    background: #fff;
    border: 1px solid var(--sol-line);
    border-radius: 16px;
    overflow: hidden;
}
.ps-style img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    object-position: top;
}
.ps-style figcaption { padding: 18px 20px 22px; }
.ps-style h3 { font-size: 1.08rem; font-weight: 700; margin: 0 0 6px; color: var(--text-dark); }
.ps-style p { margin: 0; font-size: .93rem; line-height: 1.65; color: var(--text-light); }

/* ── 원본 → AI 그림 비교 ──────────────────────────── */
.ps-compare {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 20px;
    align-items: center;
    max-width: 760px;
    margin: 0 auto;
}
.ps-compare figure { margin: 0; text-align: center; }
.ps-compare img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 16px;
    box-shadow: var(--shadow-md);
}
.ps-compare figcaption { margin-top: 10px; font-weight: 700; color: var(--text-dark); }
.ps-compare-arrow { font-size: 1.6rem; color: var(--sol-blue); }

/* ── 요금표·안내 ─────────────────────────────────── */
.ps-price { max-width: 860px; margin: 0 auto; }
.ps-note {
    max-width: 860px;
    margin: 18px auto 0;
    text-align: center;
    color: var(--text-light);
    font-size: .93rem;
}
.ps-note i { color: var(--sol-blue); margin-right: 6px; }
.ps-note strong { color: var(--sol-blue); }

@media (max-width: 900px) {
    .ps-hero-grid { grid-template-columns: 1fr; gap: 36px; }
    .ps-hero-photo { max-width: 260px; }
}
@media (max-width: 560px) {
    .ps-compare { grid-template-columns: 1fr; }
    .ps-compare-arrow { transform: rotate(90deg); justify-self: center; }
}

/* 한글 어절 중간 줄바꿈 방지 */
.ps-hero h1, .ps-hero .sol-hero-sub, body[data-page="photo-studio"] .sol-head h2 { word-break: keep-all; }