/* ==========================================================================
   히어로 — 상간소송 피고 랜딩페이지 (법무법인 정서)
   ========================================================================== */
/* ---------- 히어로 ---------- */
/* 히어로: 헤더 + 히어로가 화면 세로 100%. 패널은 위아래 --hgap 만큼 띄운 인셋 */
.hero{--hgap:24px;padding:var(--hgap) max(24px,env(safe-area-inset-right,0px)) var(--hgap) max(24px,env(safe-area-inset-left,0px))}
.hero__panel{position:relative;overflow:hidden;border-radius:28px;color:#fff;background:#2f2a2e url(../assets/images/hero-bg.webp) 68% 28%/cover no-repeat;
  height:calc(100vh - var(--hh) - var(--hgap)*2);height:calc(100svh - var(--hh) - var(--hgap)*2);min-height:540px}
/* 왼쪽 글자 영역만 어둡게 (따뜻한 브라운-와인 톤) */
.hero__panel::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(22,20,26,.32),rgba(22,20,26,.32)),linear-gradient(90deg,rgba(30,26,32,.86) 0%,rgba(30,26,32,.74) 28%,rgba(34,28,34,.36) 46%,rgba(34,28,34,0) 62%),linear-gradient(0deg,rgba(30,26,32,.26),rgba(30,26,32,0) 30%)}
.hero__photo{display:none}
.hero__in{position:relative;z-index:2;height:100%;padding:0 max(24px,calc((100% - var(--wrap))/2));display:grid;grid-template-columns:minmax(0,1fr)}
.hero__copy{align-self:center;padding-block:48px}
.hero__copy .tag{color:var(--plum-soft)}
.hero h1{font-family:var(--serif);font-weight:200;font-size:clamp(38px,4.1vw,58px);line-height:1.28;letter-spacing:-.04em}
.hero h1 b{display:block;font-weight:600;white-space:nowrap}
.hero__stat{margin-top:44px;display:flex;align-items:center;gap:22px}
.hero__stat strong{font-family:var(--serif);font-weight:600;font-size:56px;line-height:1;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.hero__num{display:inline-block;min-width:3ch;background:linear-gradient(120deg,#f6c9d3 0%,#e48ba0 55%,#d0647e 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__stat strong small{font-size:22px;margin-left:4px;color:#fff}
.hero__stat strong small.hero__pre{margin-left:0;margin-right:10px}
.hero__stat p{font-size:16px;line-height:1.55;color:#e6dcd8;padding-left:22px;border-left:1px solid rgba(255,255,255,.2)}
.hero__stat p em{font-style:normal;font-size:13px;color:#c2b3b0;display:block}
.hero__cta{margin-top:48px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.hero__cta p{font-size:14px;color:#d2c5c2;padding-left:6px}
.hero__cta p br{display:none}
.hero__name{position:absolute;z-index:3;right:max(24px,calc((100% - var(--wrap))/2));bottom:40px;padding:18px 24px;border-radius:14px;background:rgba(31,32,43,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12)}
.hero__name small{display:block;font-size:13px;color:#dcbcc4}
.hero__name b{font-family:var(--serif);font-size:22px;font-weight:600}
.hero__name b span{font-size:15px;font-weight:400;margin-left:6px;color:#f0d6dc}