/* ===== 워크그래피 소개 페이지 (workgraphy.html) =====
   "소개 > 서비스 소개 > 워크그래피". 본문 섹션(워크그래피란·AI/Master·미니북 샘플·선순환·핵심 서비스·
   꿈꾸는 세상)은 랜딩과 같은 style.css 클래스를 그대로 쓴다. 여기엔 히어로와 앵커 여백만. */
.wg-hero {
    padding: 160px 0 80px;
    text-align: center;
    color: var(--white);
    background: linear-gradient(135deg, var(--purple-deeper) 0%, var(--purple) 40%, #7B4FE0 100%);
}
.wg-hero .eyebrow { color: var(--green); }
.wg-hero-en {
    font-size: 1.125rem;
    letter-spacing: 0.06em;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 1rem;
}
.wg-hero-en strong { color: var(--green); font-weight: 700; }
.wg-hero h1 {
    font-size: 3rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.25;
    margin-bottom: 1.25rem;
}
.wg-hero-lead {
    max-width: 640px;
    margin: 0 auto 2.25rem;
    font-size: 1.0625rem;
    line-height: 1.85;
    color: rgba(255, 255, 255, 0.72);
    word-break: keep-all;
}
.wg-hero-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 0.75rem; }
.wg-hero-actions .btn-green { min-width: 200px; }
.wg-hero-ghost {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.875rem 1.75rem;
    border-radius: var(--radius-full);
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.08);
    color: var(--white);
    font-weight: 800;
    font-size: 0.9375rem;
    transition: all 0.2s;
}
.wg-hero-ghost:hover { background: rgba(255, 255, 255, 0.16); color: var(--white); }
/* 고정 navbar 아래로 앵커 제목이 숨지 않게 */
.section-wg, .section-flywheel, .section-services, .section-impact { scroll-margin-top: 90px; }
/* 전용 페이지에서는 샘플 목록을 처음부터 펼쳐 둔다 */
.wg-samples[open] .wg-samples-toggle { margin-bottom: 0.25rem; }

@media (max-width: 1024px) { .wg-hero h1 { font-size: 2.5rem; } }
@media (max-width: 768px) {
    .wg-hero { padding: 120px 0 60px; }
    .wg-hero-en { font-size: 0.9375rem; }
    .wg-hero h1 { font-size: 2rem; }
    .wg-hero-lead { font-size: 0.9375rem; }
    .wg-hero-actions > * { flex: 1 1 100%; }
}