/* ============================================================
   강동구.KR 리뉴얼 v26 — 공통 디자인 시스템 (2026-07)
   기존 크림+코퍼 토큰 유지, 실사 이미지·정직한 콘텐츠 업그레이드
   기존 인라인 스타일 위에 additive 로 동작 (로드 순서: 마지막)
   ============================================================ */

/* ---------- 히어로: 실사 파노라마 배경 ---------- */
.hero{
  position:relative;
  background:
    radial-gradient(120% 82% at 50% 44%, rgba(15,13,11,.34) 0%, rgba(15,13,11,.08) 54%, transparent 80%),
    linear-gradient(180deg, rgba(15,13,11,.46) 0%, rgba(15,13,11,.12) 26%, rgba(15,13,11,.06) 56%, rgba(15,13,11,.24) 84%, rgba(15,13,11,.5) 100%),
    url('/assets/renewal/img/hero-panorama.jpg') center 42%/cover no-repeat;
}
.hero .hero-eyebrow{
  background:rgba(255,255,255,.75);
  border:1px solid var(--border, #E0D6BF);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.hero .search-box{box-shadow:0 18px 44px rgba(60,42,20,.16)}

/* ---------- 카테고리 카드: 실사 사진 ---------- */
.cat-card{overflow:hidden}
.cat-card .cat-photo{
  height:104px;margin:-2px 0 10px;
  border-radius:13px;overflow:hidden;
  background:var(--surface-2, #F4EFE5);
}
.cat-card .cat-photo img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .45s ease;
}
.cat-card:hover .cat-photo img{transform:scale(1.06)}
.cat-card .cat-illust{display:none}
.cat-card .cat-icon{
  position:relative;margin-top:-46px;margin-left:10px;
  border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.12);
}

/* ---------- 동네 카드: 사진 헤더 ---------- */
.dong-card{overflow:hidden}
.dong-card .dong-photo{
  height:94px;margin:-4px 0 9px;
  border-radius:12px;overflow:hidden;
  background:var(--surface-2, #F4EFE5);
  position:relative;
}
.dong-card .dong-photo img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .45s ease;
}
.dong-card:hover .dong-photo img{transform:scale(1.06)}
.dong-card .dong-photo .dong-num-badge{
  position:absolute;top:10px;left:10px;margin:0;z-index:2;
  background:rgba(255,255,255,.92);
}
/* 지역 특징 태그 (가짜 수치 대체) */
.dong-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}
.dong-tag{
  font-size:12.5px;font-weight:700;color:var(--accent-2, #6F4516);
  background:var(--accent-soft, #F4E3C9);
  border-radius:999px;padding:4px 10px;letter-spacing:-0.2px;
}

/* ---------- 강동구 생활 즐겨찾기 (실시간 피드 대체) ---------- */
.gd-life{padding:64px 0}
.gd-life .life-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px;
}
.life-card{
  display:flex;flex-direction:column;gap:6px;
  background:var(--surface, #fff);
  border:1.5px solid var(--border, #E0D6BF);
  border-radius:16px;padding:18px 18px 16px;
  transition:all .2s ease;min-height:108px;
}
.life-card:hover{
  transform:translateY(-3px);
  border-color:var(--accent, #9A6328);
  box-shadow:0 10px 24px rgba(60,42,20,.10);
}
.life-card .life-ico{font-size:24px;line-height:1}
.life-card .life-name{font-weight:800;font-size:15.5px;color:var(--ink, #0F0D0B)}
.life-card .life-desc{font-size:12.5px;color:var(--ink-3, #5A544B);line-height:1.45}
.life-card .life-go{margin-top:auto;font-size:12.5px;font-weight:800;color:var(--accent, #9A6328)}
@media(max-width:900px){.gd-life .life-grid{grid-template-columns:repeat(2,1fr)}}

/* ---------- 운영팀 추천 코스 (가짜 커뮤니티 대체) ---------- */
.gd-courses{padding:70px 0;background:var(--surface-2, #F4EFE5)}
.gd-courses .course-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px;
}
.course-card{
  background:var(--surface, #fff);
  border:1.5px solid var(--border, #E0D6BF);
  border-radius:20px;overflow:hidden;
  transition:all .25s ease;display:flex;flex-direction:column;
}
.course-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 36px rgba(60,42,20,.13);
  border-color:var(--border-2, #C2B596);
}
.course-card .course-photo{height:190px;overflow:hidden;background:var(--surface-2, #F4EFE5)}
.course-card .course-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.course-card:hover .course-photo img{transform:scale(1.05)}
.course-card .course-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.course-card .course-kind{
  align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:.4px;
  color:var(--accent-2, #6F4516);background:var(--accent-soft, #F4E3C9);
  border-radius:999px;padding:4px 11px;
}
.course-card .course-title{
  font-family:var(--font-serif);font-size:19px;font-weight:800;
  color:var(--ink, #0F0D0B);letter-spacing:-0.4px;line-height:1.35;
}
.course-card .course-stops{
  display:flex;flex-wrap:wrap;align-items:center;gap:4px;
  font-size:13.5px;font-weight:600;color:var(--ink-2, #2E2A24);line-height:1.7;
}
.course-card .course-stops .stop-arrow{color:var(--border-2, #C2B596);font-weight:800}
.course-card .course-meta{
  margin-top:auto;padding-top:10px;
  font-size:12.5px;color:var(--ink-3, #5A544B);font-weight:600;
  display:flex;gap:12px;
}
.gd-courses .course-note{
  margin-top:18px;font-size:13px;color:var(--ink-3, #5A544B);
  display:flex;align-items:center;gap:8px;font-weight:600;
}
@media(max-width:860px){.gd-courses .course-grid{grid-template-columns:1fr}.course-card .course-photo{height:170px}}

/* ---------- 추천 업체 카드: 실사/정직 메타 ---------- */
.featured-card .featured-image{position:relative}
.featured-card .featured-image img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
}

/* ---------- 사장님 CTA: 정직한 가치 제안 ---------- */
.owner-stats .owner-stat small{opacity:.85}

/* ---------- 공통 유틸 ---------- */
.img-cover{width:100%;height:100%;object-fit:cover;display:block}

@media(max-width:640px){
  .cat-card .cat-photo{height:112px}
  .dong-card .dong-photo{height:104px}
  .gd-life .life-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .life-card{padding:14px;min-height:96px}
}

/* ---------- v2: 히어로 라이브 영상 ---------- */
.hero{position:relative;overflow:hidden}
.hero>*{position:relative;z-index:2}
.hero .hero-media{position:absolute!important;inset:0;z-index:0;pointer-events:none}
.hero .hero-media video{width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(1.06) contrast(1.03)}
.hero .hero-media::after{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(120% 82% at 50% 44%, rgba(15,13,11,.34) 0%, rgba(15,13,11,.08) 54%, transparent 80%),
    linear-gradient(180deg, rgba(15,13,11,.46) 0%, rgba(15,13,11,.12) 26%, rgba(15,13,11,.06) 56%, rgba(15,13,11,.24) 84%, rgba(15,13,11,.5) 100%);
}
@media(max-width:640px){.hero .hero-media video{display:none}}
@media(prefers-reduced-motion:reduce){.hero .hero-media video{display:none}}

/* ---------- v2: 링크인바이오 미니홈피 섹션 ---------- */
.gd-bio{padding:74px 0;background:linear-gradient(160deg,#FBF1E4 0%,#F4EFE8 55%,#EEF6ED 100%);border-top:1px solid var(--border,#E0D6BF);border-bottom:1px solid var(--border,#E0D6BF)}
.gd-bio .bio-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.gd-bio .bio-tag{display:inline-flex;padding:8px 14px;background:#ECF7EB;border-radius:999px;color:#3E8157;font-weight:900;font-size:13px;margin-bottom:16px}
.gd-bio h2{font-family:var(--font-serif);font-size:38px;font-weight:900;letter-spacing:-1.4px;line-height:1.18;color:var(--ink,#0F0D0B)}
.gd-bio h2 em{font-style:normal;color:#4C8D63}
.gd-bio .bio-desc{margin-top:14px;font-size:16px;line-height:1.7;color:var(--ink-2,#2E2A24);font-weight:500;max-width:480px}
.gd-bio .bio-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.gd-bio .bio-point{font-size:13px;font-weight:800;background:#fff;border:1.5px solid var(--border,#E0D6BF);border-radius:999px;padding:7px 13px;color:var(--ink-2,#2E2A24)}
.gd-bio .bio-ctas{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.gd-bio .bio-btn{display:inline-flex;align-items:center;gap:8px;border-radius:16px;padding:15px 24px;font-weight:900;font-size:15px;transition:all .2s}
.gd-bio .bio-btn.primary{background:#191815;color:#fff}
.gd-bio .bio-btn.primary:hover{background:#4C8D63;transform:translateY(-2px)}
.gd-bio .bio-btn.ghost{background:#fff;color:#191815;border:1.5px solid var(--border,#E0D6BF)}
.gd-bio .bio-btn.ghost:hover{border-color:#4C8D63;color:#4C8D63}
.gd-bio .bio-visual{position:relative;display:flex;justify-content:center}
.gd-bio .bio-phone{width:290px;background:#191815;border-radius:38px;padding:12px;box-shadow:0 30px 70px rgba(62,45,22,.28)}
.gd-bio .bio-phone-screen{border-radius:28px;overflow:hidden;background:#FBF8F1}
.gd-bio .bio-phone-screen img{width:100%;display:block}
.gd-bio .bio-phone-links{padding:14px;display:flex;flex-direction:column;gap:8px}
.gd-bio .bio-link-row{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #EADFCE;border-radius:13px;padding:11px 13px;font-size:13px;font-weight:800;color:#171717}
.gd-bio .bio-link-row .ic{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.gd-bio .bio-link-row img.ic{object-fit:cover;padding:0}
.gd-bio .bio-float{position:absolute;background:#fff;border:1.5px solid var(--border,#E0D6BF);border-radius:999px;padding:9px 15px;font-size:13px;font-weight:900;box-shadow:0 10px 26px rgba(62,45,22,.14)}
.gd-bio .bio-float.f1{top:8%;left:2%;color:#4C8D63}
.gd-bio .bio-float.f2{bottom:12%;right:0;color:var(--accent,#9A6328)}
@media(max-width:860px){
  .gd-bio .bio-grid{grid-template-columns:1fr;gap:30px}
  .gd-bio h2{font-size:29px}
  .gd-bio .bio-float{display:none}
}

/* ---------- v2: 하단 야경 밴드 ---------- */
.gd-night{
  position:relative;padding:110px 20px;text-align:center;color:#fff;overflow:hidden;
  background:linear-gradient(180deg, rgba(15,13,11,.55), rgba(15,13,11,.62)),
    url('/assets/renewal/img/night-panorama.jpg') center 45%/cover no-repeat;
}
@media(min-width:1000px){.gd-night{background-attachment:fixed,scroll}}
.gd-night .night-eyebrow{font-size:12px;letter-spacing:.35em;font-weight:800;color:#E8B86A;margin-bottom:16px}
.gd-night h2{font-family:var(--font-serif);font-size:40px;font-weight:900;letter-spacing:-1.2px;line-height:1.3;text-shadow:0 4px 24px rgba(0,0,0,.45)}
.gd-night p{margin-top:14px;font-size:16px;color:rgba(255,255,255,.85);font-weight:500}
.gd-night .night-ctas{display:flex;gap:12px;justify-content:center;margin-top:28px;flex-wrap:wrap}
.gd-night .night-btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:14px 26px;font-weight:900;font-size:14.5px;transition:all .2s}
.gd-night .night-btn.solid{background:#F4E3C9;color:#3A2E20}
.gd-night .night-btn.solid:hover{background:#fff;transform:translateY(-2px)}
.gd-night .night-btn.line{border:1.5px solid rgba(255,255,255,.55);color:#fff}
.gd-night .night-btn.line:hover{border-color:#fff;background:rgba(255,255,255,.08)}
@media(max-width:640px){.gd-night{padding:78px 20px}.gd-night h2{font-size:27px}}


/* ---------- v4: 히어로 시네마틱 (영상 선명 + 흰 글자) ---------- */
.hero .hero-title{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.45),0 6px 34px rgba(0,0,0,.35)}
.hero .hero-title .accent{color:#F2C879}
.hero .hero-sub{color:rgba(255,255,255,.96);text-shadow:0 1px 10px rgba(0,0,0,.5);font-weight:600}
.hero .hero-eyebrow{background:rgba(255,255,255,.9);border-color:rgba(255,255,255,.6)}
.hero .hot-keywords>span{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5);background:transparent;border-radius:999px;padding:5px 4px}
.hero .search-box{box-shadow:0 22px 54px rgba(0,0,0,.35)}
/* 사진 위 이모지 아이콘 뱃지 제거 (사진이 카테고리를 이미 설명) */
.cat-card .cat-icon{display:none}
.cat-card .cat-photo{margin-bottom:16px}


/* ============================================================
   v27 LUXURY — 메인 홈페이지 럭셔리 보강 (luxury.css 디자인 시스템 준수)
   따뜻한 잉크톤(60,42,20) 3층 섀도 + 골드 디테일 + 래디얼 워시
   텍스트 대비(어르신 고대비)는 불변 — 깊이·디테일로만 럭셔리 구현
   ============================================================ */

/* ---------- 카드 공통: 레이어드 섀도 + hover 골드 헤어라인 ---------- */
.cat-card,.dong-card,.featured-card,.course-card,.life-card{
  position:relative;
  box-shadow:0 1px 2px rgba(60,42,20,.04),0 4px 12px -4px rgba(60,42,20,.06);
}
.cat-card:hover,.dong-card:hover,.featured-card:hover,.course-card:hover,.life-card:hover{
  box-shadow:0 2px 4px rgba(60,42,20,.06),0 12px 28px -8px rgba(60,42,20,.14),0 32px 64px -32px rgba(154,99,40,.22);
}
.cat-card::after,.dong-card::after,.featured-card::after,.course-card::after,.life-card::after{
  content:'';position:absolute;top:0;left:12%;right:12%;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,#C49526,transparent);
  opacity:0;transition:opacity .3s;pointer-events:none;z-index:3;
}
.cat-card:hover::after,.dong-card:hover::after,.featured-card:hover::after,
.course-card:hover::after,.life-card:hover::after{opacity:.8}

/* ---------- 이미지 트리트먼트: 이너 헤어라인 + 비네트 + 톤 그레이딩 ---------- */
.cat-card .cat-photo,.dong-card .dong-photo,.course-card .course-photo{position:relative}
.cat-card .cat-photo::after,.dong-card .dong-photo::after,.course-card .course-photo::after{
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 -32px 40px -24px rgba(60,42,20,.28);
}
.cat-photo img,.dong-photo img,.course-photo img,.featured-image img{
  filter:saturate(1.06) contrast(1.03) sepia(.04);
}

/* ---------- 섹션 앰비언트 워시 (알파 5~7% — 대비 영향 없음) ---------- */
.categories{background:radial-gradient(1200px 480px at 50% -80px,rgba(196,149,38,.06),transparent 65%)}
.featured{background:radial-gradient(1000px 420px at 85% 0,rgba(154,99,40,.05),transparent 60%)}
.gd-life{background:radial-gradient(900px 400px at 12% 100%,rgba(232,184,106,.07),transparent 60%)}

/* ---------- v28.2 산뜻 섹션: 밋밋한 흰색 → 따뜻한 크림 그라데이션 + 골드 디바이더 ---------- */
/* 카테고리·우리동네 섹션이 흰 여백처럼 비어 보이던 것 해소 (텍스트 대비 불변) */
.categories{
  background:
    radial-gradient(1200px 520px at 50% -60px, rgba(196,149,38,.08), transparent 60%),
    radial-gradient(680px 360px at 88% 12%, rgba(232,184,106,.06), transparent 60%),
    linear-gradient(180deg, #FFFDF8 0%, #FBF5EA 100%);
}
.dongs{
  background:
    radial-gradient(1000px 480px at 8% 0%, rgba(154,99,40,.055), transparent 58%),
    radial-gradient(760px 380px at 96% 90%, rgba(196,149,38,.06), transparent 60%),
    linear-gradient(180deg, #FBF6EC 0%, #FFFDF8 100%) !important;
}
/* 섹션 경계 골드 헤어라인 — 흰↔크림 전환에 리듬 */
.categories, .dongs, .gd-life{position:relative}
.categories::before, .dongs::before{
  content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:min(1180px,92%);height:1px;
  background:linear-gradient(90deg,transparent,rgba(196,149,38,.4) 50%,transparent);
}

/* ---------- 히어로 핫칩: 영상 위 글래스 pill (모바일은 영상 없음 — 기존 유지) ---------- */
@media(min-width:641px){
  .hero .hot-chip{
    background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.38);color:#fff;
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    text-shadow:0 1px 6px rgba(0,0,0,.35);
  }
  .hero .hot-chip:hover{
    background:rgba(255,255,255,.92);border-color:rgba(255,255,255,.92);
    color:var(--accent-2,#6F4516);text-shadow:none;
  }
}

/* ---------- 야경 밴드: 골드 헤어라인 + 크림 페이드 전환 ---------- */
.gd-night{
  border-top:1px solid rgba(232,184,106,.35);
  border-bottom:1px solid rgba(232,184,106,.35);
}
.gd-night::before{
  content:'';position:absolute;top:0;left:0;right:0;height:80px;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,#FBF8F1,transparent);
}
.gd-night>*{position:relative;z-index:2}
.gd-night .night-eyebrow{display:inline-flex;align-items:center;gap:12px}
.gd-night .night-eyebrow::before,.gd-night .night-eyebrow::after{
  content:'';width:32px;height:1px;background:rgba(232,184,106,.6);
}
.gd-night h2{font-weight:700;line-height:1.35;letter-spacing:-0.015em}

/* ---------- 골드 메탈 버튼 (#f1c40f 만화 노랑 제거 → 브랜드 골드 그라데이션) ---------- */
.btn-owner-primary,.my-route-btn,.rank-follow-btn{
  background:linear-gradient(160deg,#E8C97A 0%,#C49526 55%,#A97F1E 100%);color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 6px 16px -6px rgba(196,149,38,.45);
  transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),background .22s;
}
.btn-owner-primary:hover,.my-route-btn:hover,.rank-follow-btn:hover{
  background:linear-gradient(160deg,#F0D68C,#C49526);color:#fff;transform:translateY(-2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 12px 28px -8px rgba(196,149,38,.5);
}
.btn-owner-primary:active,.my-route-btn:active,.rank-follow-btn:active{transform:translateY(0)}

/* ---------- 퀵 메뉴 아이콘: 이모지 → 코퍼 소프트 받침 배지 ---------- */
.life-card .life-ico{
  width:46px;height:46px;border-radius:13px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1;
  background:linear-gradient(145deg,#FBF3E4,#F1E2C6);
  border:1px solid rgba(194,181,150,.4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 6px -2px rgba(154,99,40,.25);
}

/* ---------- 푸터: 코퍼 앰비언트 + 상단 골드 헤어라인 ---------- */
.footer{
  position:relative;
  background:var(--ink,#0F0D0B);
  background-image:
    radial-gradient(ellipse 900px 400px at 15% 0%,rgba(154,99,40,.14),transparent 60%),
    radial-gradient(ellipse 700px 300px at 90% 100%,rgba(196,149,38,.08),transparent 60%);
}
.footer::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(196,149,38,.65) 50%,transparent);
}

/* ---------- 섹션 아이브로우: 골드 키라인 오너먼트 ---------- */
.section-eyebrow{display:inline-flex;align-items:center;gap:10px}
.section-eyebrow::before{
  content:'';width:26px;height:1px;flex-shrink:0;
  background:linear-gradient(90deg,var(--gold,#C49526),transparent);
}

/* ---------- 세리프 weight 보정 (Gowun Batang은 400/700만 존재) ---------- */
.course-card .course-title{font-weight:700;line-height:1.4}
.gd-bio h2{font-weight:700;letter-spacing:-0.015em;line-height:1.23}

/* ---------- 트렌딩 스트립: 타이포 계층 정렬 (section-title과 리듬 통일) ---------- */
.gd-trending-section .gd-strip-title{font-size:26px;font-weight:700;line-height:1.35}
.gd-trending-section .gd-strip-title em{
  font-style:normal;
  background:linear-gradient(transparent 68%,var(--accent-soft,#F4E3C9) 68%);
}
@media(max-width:480px){
  .gd-trending-section .gd-strip-title{font-size:21px}
}

/* ============================================================
   v27.2 QUICK HUB 럭셔리 — "자주 찾는 메뉴 바로가기"
   실사 사진 헤더 + 에디토리얼 넘버 + 웜 카드
   (텍스트 대비 불변 · reduced-motion 가드 포함)
   ============================================================ */

/* 섹션 밴드: 상단 골드 헤어라인 + 이중 래디얼 워시로 '입구'를 정의 */
.gd-life{position:relative}
.gd-life::before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(760px 340px at 88% 6%,rgba(196,149,38,.05),transparent 60%);
}
.gd-life::after{
  content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:min(1180px,92%);height:1px;
  background:linear-gradient(90deg,transparent,rgba(196,149,38,.5) 50%,transparent);
}

/* 카드: 웜 그라데이션 배경 + 정교한 골드빛 보더 + 깊은 rest 섀도 */
.gd-life .life-card{
  background:linear-gradient(180deg,#FFFFFF 0%,#FDFAF3 100%);
  border:1px solid rgba(194,181,150,.55);
  border-radius:18px;padding:0 18px 16px;gap:7px;overflow:hidden;
  box-shadow:0 1px 2px rgba(60,42,20,.04),0 6px 18px -8px rgba(60,42,20,.10);
}
.gd-life .life-card:hover{
  border-color:rgba(196,149,38,.6);
  box-shadow:0 2px 4px rgba(60,42,20,.06),0 14px 30px -10px rgba(60,42,20,.16),0 36px 70px -34px rgba(154,99,40,.24);
}

/* ★ 실사 사진 헤더 (카드 상단 풀블리드, 웜 톤 그레이딩) */
.gd-life .life-card .life-photo{
  position:relative;display:block;height:126px;
  margin:0 -18px 12px;overflow:hidden;
  background:var(--surface-2,#F4EFE5);
}
.gd-life .life-card .life-photo img{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(1.06) contrast(1.03) sepia(.04);
  transition:transform .55s cubic-bezier(.16,1,.3,1);
}
.gd-life .life-card:hover .life-photo img{transform:scale(1.06)}
/* 사진 내부: 이너 헤어라인 + 하단 비네트 + 상단 스크림(넘버 가독) */
.gd-life .life-card .life-photo::after{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:1;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 -30px 34px -22px rgba(60,42,20,.5);
  background:linear-gradient(180deg,rgba(20,14,8,.34) 0%,transparent 32%);
}

/* 에디토리얼 넘버 01–08: 사진 위 우상단, 세리프 크림골드 */
.gd-life .life-grid{counter-reset:lxq}
.gd-life .life-card::before{
  counter-increment:lxq;content:counter(lxq,decimal-leading-zero);
  position:absolute;top:11px;right:15px;z-index:2;
  font-family:var(--font-serif,'Gowun Batang',serif);
  font-size:15px;font-weight:700;letter-spacing:.04em;
  color:#F7E7C2;opacity:.94;text-shadow:0 1px 4px rgba(0,0,0,.55);
  transition:color .35s ease;
}
.gd-life .life-card:hover::before{color:#FDF3DA}

/* 이모지 배지 숨김 — 사진이 아이콘 역할 (카테고리 카드와 동일) */
.gd-life .life-card .life-ico{display:none}

/* 타이포 리듬 + '바로가기 →' 화살표 슬라이드 */
.gd-life .life-card .life-name{font-size:16.5px;font-weight:800;letter-spacing:-.01em}
.gd-life .life-card .life-desc{font-size:13px;color:var(--ink-3,#5A544B);line-height:1.5}
.gd-life .life-card .life-go{
  display:inline-flex;align-items:center;margin-top:4px;
  font-size:13px;font-weight:800;color:var(--accent,#9A6328);
  transition:transform .35s cubic-bezier(.16,1,.3,1),color .35s ease;
}
.gd-life .life-card:hover .life-go{transform:translateX(4px);color:var(--accent-2,#6F4516)}

@media(max-width:600px){
  .gd-life .life-card{border-radius:15px;padding:0 14px 13px}
  .gd-life .life-card .life-photo{height:112px;margin:0 -14px 10px}
  .gd-life .life-card::before{top:9px;right:12px;font-size:13px}
}

@media(prefers-reduced-motion:reduce){
  .gd-life .life-card,.gd-life .life-card .life-photo img,.gd-life .life-card .life-go{transition:none}
  .gd-life .life-card:hover .life-photo img{transform:none}
  .gd-life .life-card:hover .life-go{transform:none}
}

/* ============================================================
   v28.1 히어로 브리딩 — 답답함 해소 (시네마틱 여백 + 계층 정리)
   ============================================================ */
/* v28.5 — 프라임 스타일 풀스크린 히어로 (화면 꽉 채움 + 중앙 정렬) */
.hero{
  min-height:100svh;   /* v28.6: 헤더가 fixed 오버레이 → 영상 상단까지 풀블리드 */
  padding:84px 20px 48px;   /* 상단 패딩으로 fixed 헤더 아래에 콘텐츠 여유 */
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.hero .hero-eyebrow{margin-bottom:30px}
.hero .hero-title{margin-bottom:22px}
.hero .hero-sub{margin-bottom:46px;letter-spacing:.01em}
.hero .hero-sub .hero-sub-num{
  font-family:var(--font-serif);font-weight:700;font-size:1.12em;
  color:#F2C879;padding:0 1px;
}
.hero .hot-keywords{margin-top:26px}

/* 모바일: 위아래 숨통 + 인기 칩 한 줄 가로 스크롤 */
@media(max-width:480px){
  .hero{min-height:100svh;padding:72px 16px 40px}
  .hero .hero-eyebrow{margin-bottom:24px}
  .hero .hero-title{margin-bottom:16px}
  .hero .hero-sub{margin-bottom:34px;padding:0 6px}
  .hero .hot-keywords{
    flex-wrap:nowrap;justify-content:flex-start;
    overflow-x:auto;-webkit-overflow-scrolling:touch;
    margin:22px -16px 0;padding:2px 16px 8px;
    scrollbar-width:none;
  }
  .hero .hot-keywords::-webkit-scrollbar{display:none}
  .hero .hot-keywords>*{flex-shrink:0}
}

/* ============================================================
   v28.7 — 카테고리·동네 카드 컴팩트 (세로 길이 축소)
   ============================================================ */
.cat-card{min-height:0;padding:13px 14px 13px;gap:5px}
.cat-card .cat-photo{height:90px;margin:-1px 0 8px}
.cat-card .cat-name{font-size:16px;margin-top:0}
.cat-card .cat-count{font-size:12.5px}
.cat-card .cat-count strong{font-size:13.5px}
.cat-card .cat-tags{margin-top:1px;gap:4px}
.cat-card .cat-tag{padding:3px 8px;font-size:11.5px}
.cat-card .cat-highlight{margin-top:7px;padding:6px 9px;border-radius:8px}
.cat-card .cat-highlight-icon{width:20px;height:20px}
.cat-card .cat-highlight-title{font-size:10.5px}
.cat-card .cat-highlight-sub{font-size:10px}
.dong-card{min-height:0;padding:13px 14px 12px;gap:5px}
.dong-card .dong-photo{height:84px;margin:-1px 0 4px}
.dong-card .dong-name{font-size:16.5px}
.dong-card .dong-desc{font-size:12.5px;line-height:1.32;min-height:0;margin:0}
.dong-card .dong-sub,.dong-card .dong-meta{margin:2px 0 4px;font-size:13px}
.dong-card .dong-tags{margin:3px 0 4px;gap:4px}
.dong-card .dong-tag{font-size:10.5px;padding:3px 8px}
.dong-card .dong-cta{font-size:12.5px;padding:7px 12px;border-radius:10px;margin-top:5px}
@media(max-width:900px){
  .cat-card{padding:12px 12px}
  .cat-card .cat-photo{height:88px}
  .dong-card .dong-photo{height:80px}
}

/* v28.8 — PC(데스크톱)에서만 카드 사진 크게 (모바일은 컴팩트 유지) */
@media(min-width:901px){
  .cat-card .cat-photo{height:130px}
  .dong-card .dong-photo{height:114px}
  .cat-card{padding:16px 16px 14px}
  .dong-card{padding:16px 16px 13px}
}