/* 홈 PC(1280 이상) 영역별 세로 크기 — 세 브랜드 공통 한 장 (renewal-v5 DIR-76).
   세윤님 11-06 «홈화면 영역별 세로사이즈좀 키워 무슨 모바일이랑 거의 똑같이 가면 어떻게 해».
   1279 이하는 손대지 않는다. 본문 폭도 그대로 — 높이와 위아래 여백만 바꾼다.
   clinic/layout.html 머리 맨 끝에서 읽어 브랜드 CSS 뒤에 온다. #content 를 붙여 브랜드 규칙보다 앞선다.
   - 메인 배너: 첫 화면을 다 채운다. 화면 높이와 16:10(폭×0.625) 중 작은 값, 720~1080 — 1440×900 → 900, 1280×900 → 800, 1920×1080 → 1080.
     넓은 원본(16:9)을 덜 잘라 내려고 폭 비율로 한 번 더 막는다. 사진·영상은 지금처럼 object-fit:cover.
   - 회사 소개 구좌: 화면 높이만큼(640~1000). 배경은 cover 라 늘어나지 않는다.
   - 이벤트·시그니처·유튜브/인스타·게시물·오시는 길: 위아래 여백을 모바일(48~64) 의 두 배 120 으로. */
@media (min-width:1280px){
  #content .banners .hero{height:clamp(720px,min(100svh,62.5vw),1080px);max-height:none;aspect-ratio:auto}
  #content .home-about{height:clamp(640px,100svh,1000px);min-height:0;aspect-ratio:auto}
  /* 메인 배너 글자 — PC 시안이 없어 PC 화면에 맞게 키운다(세윤님 11-06 «PC에 맞게 키워줘 위치 조정이랑»).
     모바일 시안의 위계만 지킨다: 제목 > 부제·설명, 굵기·줄 수는 브랜드 것 그대로(데이뷰 제목 400 한 줄 · 설명 두 줄).
     - 왼쪽 끝 = 폭의 12.5% − 120, 40~240 — 1280 → 40 · 1440 → 60 · 1920 → 120.
       헤더 로고 선(1920 에서 360)에 묶으면 넓은 화면일수록 글자가 가운데로 몰려 바닥에 붙어 보인다(세윤님 11-06 «조금더 왼쪽 그리고 위로»)
     - 바닥 = 화면 높이의 19%, 120~200 — 900 → 171 · 960 → 182 (전 117·125). 슬라이드 점(바닥 54) 과 110 넘게 떨어지고,
       글자 묶음 윗변은 배너 높이의 55~62% 아래라 사진 가운데는 비운다
     - 묶음 폭 = 배너 폭의 66%·960 이하(1280 → 845 · 1440 → 950) — 지금 제목 한 줄 폭(데이뷰 650/731 · 세라미크 745/839)이 들어가 한 줄 그대로.
       설명은 36em(648) 까지라 왼쪽 아래 띠에만 놓이고 사진 가운데(인물·제품)는 비운다
     - 제목 = 폭의 4.2%(48~64) — 1280 → 54 · 1440 → 60 (전 31~32) · 부제·설명 18 (전 13~14)
     - 배너 안에 단추는 없다(clinic/banners.html:3 · daybeau/home_banners.html:5) */
  body[data-theme] #content .banners .hero-copy{left:clamp(40px,calc(12.5vw - 120px),240px);right:auto;bottom:clamp(120px,19svh,200px);max-width:min(960px,66%);padding:0}
  body[data-theme] #content .banners .hero-copy h2{font-size:clamp(48px,4.2vw,64px);line-height:1.15;margin:0 0 20px}
  body[data-theme] #content .banners .hero-copy p{max-width:36em;font-size:18px;line-height:1.65}
  body[data-theme] #content .banners .hero-copy>p:first-child:not(:last-child){margin:0 0 12px}
  body[data-theme] #content .banners .hero-copy>:last-child{margin-bottom:0} /* 세라미크·벨리셀 설명 아래 24 를 빼 바닥을 세 브랜드 같게 */
  /* 회사 소개 구좌 글자 — 세윤님 11-06 «이건 또 왜 구석에 몰아놨어 모바일처럼 중앙에 놔둬야지»: 배치는 모바일 틀(daybeau/home.css:126-129)을 그대로 쓴다
     - 가로: 제목·설명·«자세히 보기» 모두 가운데 · 세로: 제목 위 40 · 설명 한가운데(top 50% + translateY(-50%)) · 링크 아래 40 — 움직임도 모바일 규칙(home.css:133-139) 그대로
     - PC 에서 바꾸는 건 구좌 높이와 글자 크기뿐: 모바일(구좌 560)의 «글자 ÷ 구좌 높이»를 PC 구좌 높이에 — 제목 24/560 · 설명 15/560 · 링크 14/560
       900 → 제목 38.6 · 설명 24.1 · 링크 22.5 · 1000 → 42.9 · 26.8 · 25
     - 제목 위 40 은 헤더 아래부터 잰다: PC 구좌는 화면 높이(100svh)를 다 채워 붙박이 헤더(56)가 늘 구좌 위에 얹히므로 모바일처럼 구좌 윗변에서 40 이면 제목 윗부분 16 이 헤더에 덮인다 */
  body[data-theme] #content .home-about .home-about-copy{--about-h:clamp(640px,100svh,1000px)}
  body[data-theme] #content .home-about h2{top:calc(var(--gnb-height,56px) + 40px);font-size:calc(var(--about-h) * 24 / 560)}
  body[data-theme] #content .home-about p{font-size:calc(var(--about-h) * 15 / 560)}
  body[data-theme] #content .home-about a{font-size:calc(var(--about-h) * 14 / 560)}
  /* 데이뷰 오시는 길은 body[data-theme=daybeau] #content>.section.home-location(daybeau/home.css:166)이라 같은 세기로 맞춰 뒤에서 이긴다 */
  body[data-theme] #content>.section.home-events,body[data-theme] #content>.section.home-signature,body[data-theme] #content>.section.home-sns,body[data-theme] #content>.section.home-posts,body[data-theme] #content>.section.home-location{padding-top:120px;padding-bottom:120px}
}