/* ===== Dr.Song4u 메인 톤 통일 레이어 (unify.css) =====
   메인(main_home) 기준: 얇은 대형 타이틀, 톤다운 사진, 우상단·좌하단 라운드 모티프.
   서브페이지 공통 오버라이드 — CSSBASE(about-base + site-ui) 뒤에 로드. */

/* 1) 대형 타이틀 얇게 */
.page-hero h1{font-weight:300;}
section h1,section h2{font-weight:300;letter-spacing:-.035em;}
/* 페이지별 .class h2 셀렉터(0,1,1)를 이기기 위한 특이도 부스터 */
section [class] h1,section [class] h2,section h1[class],section h2[class],
body section[class] h1,body section[class] h2{font-weight:300;letter-spacing:-.035em;}
section h2 b,section h2 strong{font-weight:600;}
.ehero h1,.nhero h1,.lhero h1,.bhero h1,.shero h1,.ghero h1,.mhero h1,.phero h1{font-weight:300;}

/* 2) 콘텐츠 사진 톤다운 (챠트/로고 제외 — 섹션 내 사진만) */
section img{filter:brightness(1.02) contrast(.96) saturate(.95);}

/* 3) 라운드 모티프 헬퍼 */
.r-motif{border-radius:0 18px 0 18px;overflow:hidden;}

/* 4) 이미지 플레이스홀더 슬롯 — data-label에 프롬프트 ID 표기 */
.img-slot{position:relative;border-radius:0 18px 0 18px;border:1px solid var(--line,#e7eaed);
  background:repeating-linear-gradient(45deg,#eef1f3 0,#eef1f3 12px,#f5f7f8 12px,#f5f7f8 24px);
  display:flex;align-items:center;justify-content:center;min-height:180px;}
.img-slot::after{content:attr(data-label);font-family:"Space Grotesk",sans-serif;font-size:12px;font-weight:600;
  letter-spacing:.05em;color:#8b9199;background:rgba(255,255,255,.88);padding:8px 14px;border-radius:0 10px 0 10px;
  text-align:center;line-height:1.5;max-width:86%;}

/* 5) 비주얼 가이드 스트립 */
.media-strip{padding:clamp(50px,6vw,90px) var(--page-pad,120px);background:var(--soft,#f6f8f9);}
.media-strip .ms-h{display:flex;align-items:baseline;gap:14px;margin-bottom:26px;}
.media-strip .ms-h .t{font-size:clamp(20px,2.2vw,30px);font-weight:300;letter-spacing:-.03em;color:var(--ink,#666);}
.media-strip .ms-h .s{font-family:"Space Grotesk",sans-serif;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#9aa1a9);}
.media-strip .ms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,20px);}
.media-strip .ms-grid .img-slot{aspect-ratio:4/3;min-height:0;}
.media-strip .ms-grid figure{margin:0;}
.media-strip .ms-grid figure img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0 18px 0 18px;display:block;}
.media-strip .ms-grid figcaption{margin-top:10px;font-size:13.5px;color:var(--body,#5c636c);}
@media(max-width:768px){.media-strip .ms-grid{grid-template-columns:1fr;}}

/* 6) CommonCare 필라 사진 */
.pillar-ph{margin-top:24px;border-radius:0 18px 0 18px;overflow:hidden;aspect-ratio:16/6.5;background:#eef1f3;}
.pillar-ph img{width:100%;height:100%;object-fit:cover;display:block;}

/* 7) 시그니처 proc 미디어 */
.proc-media{margin-top:30px;}
.proc-media .img-slot{aspect-ratio:21/8;}
.proc-media img{width:100%;aspect-ratio:21/8;object-fit:cover;border-radius:0 18px 0 18px;display:block;}
.proc.dark .img-slot{background:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 12px,rgba(255,255,255,.09) 12px,rgba(255,255,255,.09) 24px);border-color:rgba(255,255,255,.16);}
.proc.dark .img-slot::after{background:rgba(0,0,0,.35);color:#cfd4da;}