/* =====================================================================
   프리저베 가슴성형 상세 — 페이지 전용 컴포넌트 (style.css 위에 얹음)
   원본 clyveps.com/1435220793 콘텐츠
   ===================================================================== */

/* ===== 병원 브랜드 컬러 (아이보리 #ebe7d9 / 올리브 #505a2b) =====
   style.css 의 라벤더 토큰을 이 페이지에서만 덮어씁니다.
   preserve.css 는 이 페이지만 로드하므로 다른 페이지는 영향 없음. */
:root{
  --surface:#faf9f4;          /* 아주 옅은 아이보리 */
  --surface-2:#f2f0e6;        /* 밴드 배경 */
  --lav-100:#ebe7d9;          /* 브랜드 아이보리 */
  --lav-200:#dcd7c2;
  --lilac-400:#b3b492;        /* 세이지 */
  --mauve-500:#7f8a58;
  --ink:#33352c;
  --ink-soft:#63665a;
  --muted:#7d8071;
  --accent:#505a2b;           /* 브랜드 올리브 */
  --accent-deep:#3a421e;
  --line:#e3dfcf;
  --ink-deep:#2c2f26;         /* 푸터 · 진한 텍스트 */
  --on-dark-muted:#b9bca9;
  --focus:#505a2b;
  --grad-signature:linear-gradient(135deg,#f2f0e6 0%,#dcd7c2 38%,#b3b492 70%,#8b9560 100%);
  --grad-soft:linear-gradient(180deg,#faf9f4 0%,#eeebdd 100%);
}

/* 히어로 — 대형 모델 + 아이보리 블렌딩 */
.dh3--pre{background:var(--hero-grad,linear-gradient(118deg,#f7f5ec 0%,#ebe7d9 48%,#d3d0b4 100%))}
.dh3--pre .dh3__inner{position:relative;z-index:3}
.dh3--pre .dh3__model{width:min(74%,1180px);object-position:52% 74%;filter:contrast(1.04) saturate(1.04);-webkit-mask-image:linear-gradient(95deg,transparent 0%,#000 15%,#000 100%);mask-image:linear-gradient(95deg,transparent 0%,#000 15%,#000 100%)}
/* 라벤더 워시 — 좌측 가장자리만 배경으로 스며들게, 모델은 선명하게 유지 */
.dh3--pre .dh3__wash{position:absolute;top:0;right:0;height:100%;width:min(74%,1180px);z-index:2;pointer-events:none;background:linear-gradient(98deg,#ebe7d9 0%,rgba(235,231,217,.8) 12%,rgba(235,231,217,.28) 26%,transparent 42%)}
.dh3--pre .dh3__copy{gap:var(--space-2)}
.dh3__badge{display:inline-flex;padding:.4rem 1.2rem;border-radius:var(--radius-pill);background:rgba(255,255,255,.75);border:1px solid var(--lav-200);font-family:var(--font-display);font-weight:700;font-size:.72rem;letter-spacing:.22em;color:var(--accent-deep)}
.dh3--pre .kicker{text-transform:none;letter-spacing:.01em;font-family:var(--font-body);font-weight:600;font-size:1rem;color:var(--ink-soft)}
.dh3--pre .kicker b{color:var(--accent);font-weight:700}
.dh3__tags2{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;margin-top:.4rem}
.dh3__tags2 span{font-size:.92rem;font-weight:600;color:var(--muted)}
.dh3__disc{margin-top:var(--space-3);font-size:.74rem;line-height:1.6;color:var(--muted);max-width:22rem}
@media (max-width:60rem){
  .dh3--pre .dh3__model{width:100%;height:60%;object-position:center 14%;-webkit-mask-image:linear-gradient(#000 52%,transparent 100%);mask-image:linear-gradient(#000 52%,transparent 100%)}
  .dh3--pre .dh3__wash{width:100%;height:60%;background:linear-gradient(180deg,rgba(235,231,217,.12) 0%,rgba(235,231,217,.5) 60%,#ebe7d9 100%)}
  .dh3__disc{max-width:none}
}

/* 퀵팩트 아이콘 스트립 (수술시간/마취/실밥/회복) */
.pfacts{max-width:66rem;margin-inline:auto}
.pfacts__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1rem,.5rem + 1.4vw,2rem)}
.pfact{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.7rem;padding:clamp(1.3rem,1rem + 1.2vw,2rem) .8rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.pfact__ico{width:clamp(56px,5vw,72px);height:clamp(56px,5vw,72px);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);border:1px solid var(--lav-100)}
.pfact__ico img{width:60%;height:60%;object-fit:contain}
.pfact__label{font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--muted)}
.pfact__value{font-family:var(--font-display);font-weight:700;font-size:clamp(1.05rem,.9rem + .6vw,1.35rem);color:var(--accent-deep);line-height:1.2}
/* semi.css:150 과 같은 값. 정의가 두 벌이라 페이지마다 크기가 갈리던 것을 맞춤 */
.pfacts__note{margin:var(--space-4) auto 0;text-align:center;font-size:clamp(.92rem,.88rem + .2vw,1rem);color:var(--muted)}
@media (max-width:52rem){.pfacts__grid{grid-template-columns:repeat(2,1fr)}}

/* 클리브 가슴수술 비교표 */
.pcompare{max-width:60rem;margin-inline:auto;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--line)}
.pcompare table{width:100%;border-collapse:collapse;font-size:clamp(.9rem,.84rem + .3vw,1rem);background:#fff}
.pcompare caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pcompare th,.pcompare td{padding:clamp(.85rem,.6rem + .8vw,1.25rem) clamp(.7rem,.4rem + 1vw,1.4rem);text-align:center;border-bottom:1px solid var(--line);line-height:1.5}
.pcompare thead th{font-family:var(--font-display);font-weight:700;font-size:1.02em;background:var(--surface-2);color:var(--ink-deep)}
.pcompare thead th.is-hl{background:linear-gradient(135deg,#505a2b,#3a421e);color:#fff}
.pcompare tbody th{font-weight:700;color:var(--ink-deep);background:var(--surface);width:22%;white-space:nowrap}
.pcompare td{color:var(--ink-soft)}
.pcompare td.is-hl{background:var(--lav-100);color:var(--accent-deep);font-weight:600}
.pcompare tr:last-child th,.pcompare tr:last-child td{border-bottom:0}
@media (max-width:40rem){.pcompare th,.pcompare td{padding:.7rem .5rem}.pcompare tbody th{width:24%;font-size:.86em}}

/* 프리저베 가슴성형 방법 — 3스텝 다이어그램 */
.psteps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,.6rem + 2vw,2.8rem);max-width:66rem;margin-inline:auto}
.pstep{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}
.pstep__pic{position:relative;width:clamp(150px,15vw,200px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--surface);border:1px solid var(--lav-100);box-shadow:var(--shadow-sm)}
.pstep__pic img{width:100%;height:100%;object-fit:contain;padding:8%}
.pstep__no{display:inline-flex;align-items:center;justify-content:center;padding:.28rem 1.05rem;border-radius:var(--radius-pill);background:var(--accent);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.82rem;letter-spacing:.08em}
.pstep__t{font-weight:700;font-size:clamp(1rem,.9rem + .5vw,1.2rem);color:var(--ink-deep)}
.psteps__flow{position:relative}
@media (max-width:52rem){.psteps{grid-template-columns:1fr;max-width:22rem}}

/* 특징 블록 — 사진 + 텍스트 교차 */
.pfeat{display:grid;grid-template-columns:1.05fr .95fr;gap:0;align-items:stretch;max-width:78rem;margin:0 auto var(--space-5);background:#fff;border:1px solid var(--line);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}
.pfeat:last-child{margin-bottom:0}
.pfeat--rev .pfeat__fig{order:2}
.pfeat__fig{margin:0;position:relative;min-height:clamp(260px,32vw,420px);background:var(--surface-2)}
.pfeat__fig img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pfeat__body{display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);padding:clamp(1.8rem,1.2rem + 3vw,3.6rem)}
.pfeat__body .kicker{margin-bottom:.2rem}
.pfeat__h{font-family:var(--font-display);font-weight:800;font-size:clamp(1.35rem,1.05rem + 1.4vw,2rem);line-height:1.22;color:var(--ink-deep)}
.pfeat__h em{font-style:normal;color:var(--accent)}
.pfeat__p{font-size:clamp(1rem,.94rem + .3vw,1.12rem);line-height:1.75;color:var(--ink-soft)}
.pfeat__wordmark{height:34px;width:auto;margin-bottom:.2rem}
.pfeat__disc{margin-top:.4rem;font-size:.76rem;line-height:1.6;color:var(--muted)}
@media (max-width:56rem){
  .pfeat{grid-template-columns:1fr}
  .pfeat--rev .pfeat__fig{order:0}
  .pfeat__fig{min-height:clamp(220px,60vw,320px)}
}

/* 추천 대상 — 다크 모델 배경 밴드 */
.precommend{position:relative;overflow:hidden;border-radius:var(--radius-xl);max-width:var(--container);margin-inline:auto;min-height:clamp(420px,44vw,560px);display:flex;align-items:center;box-shadow:var(--shadow)}
.precommend__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.precommend__scrim{position:absolute;inset:0;background:linear-gradient(100deg,rgba(42,46,26,.86) 0%,rgba(52,58,30,.7) 42%,rgba(52,58,30,.15) 100%)}
.precommend__inner{position:relative;z-index:2;padding:clamp(2rem,1.4rem + 4vw,4.5rem) clamp(1.6rem,1rem + 4vw,4.5rem);max-width:38rem;color:#fff}
.precommend__word{height:clamp(30px,3.4vw,44px);width:auto;filter:brightness(0) invert(1);opacity:.95;margin-bottom:var(--space-3)}
.precommend__h{font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem,1.2rem + 2vw,2.6rem);line-height:1.25;margin-bottom:var(--space-4)}
.precommend__list{display:grid;gap:.85rem}
.precommend__list li{display:flex;gap:.7rem;align-items:flex-start;font-size:clamp(1rem,.94rem + .35vw,1.18rem);line-height:1.5;color:rgba(255,255,255,.95)}
.precommend__list li::before{content:"";flex:none;width:20px;height:20px;margin-top:.15em;border-radius:50%;background:var(--accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9.5 16.2 5.3 12l-1.4 1.4 5.6 5.6 12-12-1.4-1.4z'/%3E%3C/svg%3E") center/64% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9.5 16.2 5.3 12l-1.4 1.4 5.6 5.6 12-12-1.4-1.4z'/%3E%3C/svg%3E") center/64% no-repeat}
@media (max-width:56rem){.precommend__scrim{background:linear-gradient(180deg,rgba(42,46,26,.55) 0%,rgba(47,52,28,.9) 60%)}.precommend{align-items:flex-end}.precommend__bg{object-position:center 22%}}

/* =====================================================================
   섹션 전체 확대 — 존재감/가독성 강화 (프리저베 페이지 전용)
   ===================================================================== */
.dband{padding-block:clamp(3.6rem,2.2rem + 4.6vw,7rem)}
.dhead{margin-bottom:var(--space-6)}
.dhead h2{font-size:clamp(2.05rem,1.4rem + 3vw,3.4rem)}
.dhead p{margin-top:.95rem;font-size:clamp(1.02rem,.95rem + .4vw,1.22rem)}

/* 퀵팩트 */
.pfacts{max-width:80rem}
.pfacts__grid{gap:clamp(1.2rem,.6rem + 1.8vw,2.4rem)}
.pfact{padding:clamp(1.9rem,1.2rem + 1.9vw,2.9rem) 1rem;gap:1rem}
.pfact__ico{width:clamp(70px,6vw,94px);height:clamp(70px,6vw,94px)}
.pfact__label{font-size:.94rem}
.pfact__value{font-size:clamp(1.25rem,1rem + .9vw,1.65rem)}

/* 비교표 */
.pcompare{max-width:76rem}
.pcompare table{font-size:clamp(1rem,.9rem + .45vw,1.2rem)}
.pcompare th,.pcompare td{padding:clamp(1.1rem,.7rem + 1.1vw,1.7rem) clamp(.9rem,.5rem + 1.2vw,1.8rem)}

/* 3스텝 */
.psteps{max-width:84rem;gap:clamp(1.6rem,.7rem + 2.6vw,3.6rem)}
.pstep__pic{width:clamp(200px,19vw,280px)}
.pstep__no{font-size:.92rem;padding:.36rem 1.35rem}
.pstep__t{font-size:clamp(1.18rem,1rem + .75vw,1.55rem)}

/* 특징 블록 */
.pfeat{max-width:84rem}
.pfeat__fig{min-height:clamp(330px,36vw,540px)}
.pfeat__body{gap:var(--space-4);padding:clamp(2.2rem,1.3rem + 3.6vw,4.6rem)}
.pfeat__h{font-size:clamp(1.6rem,1.15rem + 1.9vw,2.6rem)}
/* .pfeat__p 중복 정의 제거 — 93행 하나로 통일 (페이지마다 크기가 갈리던 원인) */
.pfeat__wordmark{height:34px;width:auto;align-self:flex-start;object-fit:contain}

/* 추천 대상 */
.precommend{min-height:clamp(480px,50vw,680px)}
.precommend__h{font-size:clamp(1.9rem,1.3rem + 2.7vw,3.3rem)}
.precommend__list li{font-size:clamp(1.1rem,1rem + .55vw,1.4rem)}
.precommend__word{height:clamp(26px,2.6vw,34px)}

.pfeat{grid-template-columns:1.12fr .88fr}

/* ===== 2026-07 수정 반영 ===== */
/* ABOUT */
.pabout{max-width:52rem;margin:0 auto;text-align:center}
.pabout__lead{font-size:var(--fs-lead);line-height:1.85;color:var(--ink-soft);margin:0;word-break:keep-all}
.pabout__lead + .pabout__lead{margin-top:.9rem}
.pabout__lead b{color:var(--accent-deep);font-weight:700}
/* 강조 문구 아래 구분선 — 고정 64px 대신 문구 길이에 맞춰 늘어난다.
   구조: <p class="pabout__lead"><b>강조</b></p><hr class="pabout__rule">  (전 페이지 동일) */
.pabout__rule{display:none}
.pabout__lead:first-child{margin-bottom:var(--space-4)}
.pabout__lead:first-child > b{display:inline-block;line-height:1.45;padding-bottom:.45rem;
  border-bottom:2px solid var(--lilac-400)}

/* 보형물 프로파일 */
.pprof{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap);max-width:66rem;margin-inline:auto}
@media(max-width:52rem){.pprof{grid-template-columns:1fr;max-width:26rem}}
.pprof__c{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:2.2rem 1.6rem 2rem;text-align:center;transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}
.pprof__c:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
.pprof__c--on{background:var(--surface);border-color:var(--lav-200)}
.pprof__mark{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--lav-100);color:var(--accent);font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:.04em;margin-bottom:1rem}
.pprof__c--on .pprof__mark{background:var(--accent);color:#fff}
.pprof__t{margin:0 0 .55rem;font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:.06em;color:var(--ink-deep)}
.pprof__d{margin:0;font-size:.95rem;line-height:1.7;color:var(--muted)}

/* 사후 관리 */
.pcare{display:grid;gap:var(--space-3);max-width:66rem;margin-inline:auto}
.pcare__i{display:grid;grid-template-columns:auto 1fr;gap:clamp(1rem,.7rem + 1vw,1.7rem);align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem 1.6rem}
.pcare__ic{flex:none;width:52px;height:52px;border-radius:50%;background:var(--lav-100);color:var(--accent);display:flex;align-items:center;justify-content:center}
.pcare__ic svg{width:25px;height:25px}
.pcare__n{display:block;font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lilac-400)}
.pcare__t{margin:.25rem 0 .45rem;font-size:1.12rem;font-weight:700;color:var(--ink-deep)}
.pcare__t small{display:block;font-size:.86rem;font-weight:600;color:var(--muted);letter-spacing:.02em;margin-top:.15rem}
.pcare__d{margin:0;font-size:.95rem;line-height:1.75;color:var(--ink-soft)}
@media(max-width:34rem){.pcare__i{grid-template-columns:1fr}}

/* ===== preserve.html 전용 추가 ===== */
/* Case Concept */
.pcase{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap);max-width:70rem;margin-inline:auto}
@media(max-width:52rem){.pcase{grid-template-columns:1fr;max-width:24rem}}
.pcase__c{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}
.pcase__pic{display:block;aspect-ratio:4/5;background:var(--surface-2)}
.pcase__pic img{width:100%;height:100%;object-fit:cover;display:block}
.pcase__body{padding:1.15rem 1.2rem 1.4rem;text-align:center}
.pcase__n{font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.16em;color:var(--lilac-400)}
.pcase__t{margin:.35rem 0 0;font-size:1.05rem;font-weight:700;color:var(--ink-deep);line-height:1.45}

/* 사진 미제공 자리 */
.phold{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%;
  background:repeating-linear-gradient(45deg,var(--surface) 0 12px,var(--surface-2) 12px 24px);
  border:1px dashed var(--lav-200);color:var(--muted);text-align:center;padding:1rem}
.phold svg{width:26px;height:26px;opacity:.55}
.phold b{font-size:.9rem;font-weight:700;color:var(--ink-soft)}
.phold span{font-size:.78rem;line-height:1.5}

/* 흉터 노하우 */
.pscar{display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gap);max-width:62rem;margin:0 auto var(--space-6)}
@media(max-width:44rem){.pscar{grid-template-columns:1fr;max-width:26rem}}
.pscar__c{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#fff}
.pscar__pic{display:block;aspect-ratio:4/3;background:var(--surface-2)}
.pscar__pic img{width:100%;height:100%;object-fit:cover;display:block}
.pscar__lb{display:block;padding:.7rem;text-align:center;font-size:.95rem;font-weight:700;background:var(--surface-2);color:var(--ink-soft)}
.pscar__lb--a{background:var(--accent);color:#fff}

.pknow{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap);max-width:70rem;margin-inline:auto}
@media(max-width:52rem){.pknow{grid-template-columns:1fr;max-width:24rem}}
.pknow__c{text-align:center}
.pknow__pic{display:block;width:clamp(9rem,15vw,12rem);aspect-ratio:1;margin:0 auto;border-radius:50%;overflow:hidden;background:var(--surface-2)}
.pknow__pic img{width:100%;height:100%;object-fit:cover;display:block}
.pknow__tag{display:inline-flex;margin-top:-1.1rem;position:relative;z-index:2;padding:.5rem 1.4rem;border-radius:var(--radius-pill);background:var(--accent);color:#fff;font-family:var(--font-display);font-size:.86rem;font-weight:600;letter-spacing:.02em;box-shadow:var(--shadow-sm)}
.pknow__t{margin:1rem 0 .5rem;font-size:1.05rem;font-weight:700;line-height:1.5;color:var(--ink-deep)}
.pknow__d{margin:0;font-size:.92rem;line-height:1.7;color:var(--muted)}

/* ===== 초안 레이아웃 정합 ===== */
/* Recommended For — TARGET 카드 행 */
.ptar{display:grid;grid-template-columns:repeat(6,1fr);gap:.9rem;max-width:76rem;margin-inline:auto}
@media(max-width:70rem){.ptar{grid-template-columns:repeat(3,1fr)}}
@media(max-width:40rem){.ptar{grid-template-columns:repeat(2,1fr)}}
.ptar__c{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem 1.1rem 1.5rem}
.ptar__p{display:inline-flex;padding:.28rem .8rem;border-radius:var(--radius-pill);background:var(--lav-200);font-family:var(--font-display);font-size:.64rem;font-weight:700;letter-spacing:.1em;color:var(--accent-deep);margin-bottom:.75rem}
.ptar__t{margin:0;font-size:.92rem;line-height:1.6;color:var(--ink)}
.ptar__head{text-align:center;max-width:44rem;margin:0 auto var(--space-5);display:flex;flex-direction:column;align-items:center;gap:.5rem}
.ptar__ic{width:46px;height:46px;border-radius:50%;border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;color:var(--accent)}
.ptar__ic svg{width:22px;height:22px}
.ptar__h{margin:0;font-size:clamp(1.35rem,1.1rem + 1.1vw,1.85rem);font-weight:700;color:var(--ink-deep)}
.ptar__sub{margin:0;font-size:.94rem;color:var(--muted)}

/* 3D 시뮬레이션 */
.psim{display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gap);max-width:70rem;margin-inline:auto}
@media(max-width:52rem){.psim{grid-template-columns:1fr;max-width:30rem}}
.psim__f{margin:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);background:var(--surface-2);aspect-ratio:16/11}
.psim__f img{width:100%;height:100%;object-fit:cover;display:block}
/* 시뮬레이션 캡처는 잘림 없이 전체 노출 */
.psim--shot .psim__f{background:#0c0c10;border-color:#1a1a22}
.psim--shot .psim__f img{object-fit:contain}

/* =====================================================================
   2026-07-30 수정요청 반영 (홈페이지 수정 요청서 ①~④)
   ===================================================================== */

/* 데스크톱 전용 줄바꿈 — 좁은 화면에서는 자연 흐름 */
@media(max-width:52rem){.d-br{display:none}}

/* 섹션 영문 라벨(About · Case Concept · Scar Care …) 확대 */
.dhead .kicker,.ptar__head .kicker{font-size:clamp(1.4rem,1.1rem + 1.1vw,2rem);letter-spacing:.15em}

/* ── ① 히어로 ── */
/* 1. '프리저베 가슴성형' 항상 한 줄 */
.dh3--long .dh3__copy h1{white-space:nowrap}
/* 4. 모델 이미지 교체에 맞춘 노출 위치 (상체 중심) */
.dh3--pre .dh3__model{object-fit:contain;object-position:76% 9%;filter:none;width:min(88%,1400px);height:196%;top:0;bottom:auto;-webkit-mask-image:none;mask-image:none}
.dh3--pre .dh3__wash{display:none}
@media (max-width:60rem){.dh3--pre .dh3__model{object-position:center 8%}}
/* 2. 해시태그 · 3. PRESERVÉ 배지 · 상단 카피 폰트 확대 */
.dh3--pre .dh3__badge{font-size:clamp(.82rem,.76rem + .22vw,.92rem);padding:.5rem 1.35rem}
.dh3--pre .kicker{font-size:clamp(1.08rem,.98rem + .45vw,1.28rem)}
.dh3__tags2{gap:.35rem 1.3rem}
.dh3__tags2 span{font-size:clamp(1rem,.94rem + .35vw,1.14rem);color:var(--ink-soft)}

/* ── ② ABOUT ── */
/* 2. 부제(섬세한 설계, 정교한 변화) 확대 · 3. 본문 확대 · 4. 줄바꿈 */
[aria-labelledby="p-about"] .dhead p{font-size:clamp(1.16rem,1rem + .7vw,1.5rem);font-weight:600;color:var(--ink-soft)}
.pabout{max-width:58rem}
.pabout__lead{font-size:clamp(1.12rem,1rem + .55vw,1.38rem);line-height:1.9}
.pabout__lead + .pabout__lead{margin-top:1.1rem}

/* ── ③ CASE CONCEPT ── */
/* 사진을 카드에 꽉 차게 — 인물 전체가 담기도록 노출 위치만 조정 */
.pcase__pic{aspect-ratio:4/5;background:var(--pic-bg,var(--surface-2))}
.pcase__pic img{object-fit:cover;object-position:var(--pic-pos,center)}
/* 4. 카드 문구 확대 */
.pcase__body{padding:1.3rem 1.2rem 1.6rem}
.pcase__n{font-size:.78rem}
.pcase__t{font-size:clamp(1.12rem,1rem + .5vw,1.3rem);line-height:1.55}

/* ── ③ 보형물 프로파일 (5·6·7) ── */
/* 사각 도형 안에 이미지, 설명 텍스트는 도형 아래로 */
.pprof__c{background:none;border:0;border-radius:0;padding:0;transition:none}
.pprof__c:hover{transform:none;box-shadow:none}
.pprof__box{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.5rem 1.4rem 1.7rem;text-align:center;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.pprof__c:hover .pprof__box{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
.pprof__c--on .pprof__box{background:var(--surface);border-color:var(--lav-200)}
.pprof__mark{position:absolute;left:1.1rem;top:1.1rem;width:48px;height:48px;font-size:.92rem;margin:0}
.pprof__t{margin:.35rem 0 1.3rem;font-size:clamp(1.3rem,1.1rem + .6vw,1.55rem)}
.pprof__pic{display:block;width:86%;margin:0 auto;aspect-ratio:246/195}
.pprof__pic img{width:100%;height:100%;object-fit:contain;display:block}
.pprof__d{margin:1.15rem .2rem 0;font-size:clamp(1rem,.94rem + .3vw,1.08rem);line-height:1.75;text-align:center}

/* ── ④ Recommended For — 가로 나열 + 문구 확대 ── */
.ptar{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:72rem}
@media(max-width:52rem){.ptar{grid-template-columns:1fr;max-width:30rem}}
.ptar__c{display:flex;align-items:center;gap:1.1rem;padding:1.3rem 1.45rem}
.ptar__p{font-size:.78rem;padding:.34rem .95rem;letter-spacing:.08em}
.ptar__p{flex:none;margin-bottom:0}
.ptar__t{font-size:clamp(1.02rem,.95rem + .35vw,1.16rem);line-height:1.5;color:var(--ink-deep)}

/* ── ④ '필요한 케이스' 제목을 다른 섹션 제목(.dhead h2)과 동일하게 ── */
.ptar__head{max-width:62rem;gap:.7rem}
.ptar__h{font-family:var(--font-display);font-size:clamp(2.05rem,1.4rem + 3vw,3.4rem);font-weight:700;color:var(--ink-deep);text-wrap:balance}
.ptar__h em{font-style:normal;color:var(--accent)}
/* 부제도 다른 섹션 부제(.dhead p)와 동일 크기로 */
.ptar__sub{font-size:clamp(1.02rem,.95rem + .4vw,1.22rem)}

/* ── ④ 흉터 노하우 — 사진 확대 + 사이 여백 축소 ── */
.pknow{gap:1.2rem;max-width:72rem}
.pknow__pic{width:clamp(15rem,23vw,20rem)}
.pknow__tag{margin-top:-1.35rem;font-size:.92rem;padding:.55rem 1.6rem}
.pknow__t{font-size:clamp(1.1rem,1rem + .45vw,1.25rem)}
.pknow__d{font-size:clamp(.96rem,.9rem + .3vw,1.05rem);line-height:1.75}
@media(max-width:52rem){.pknow{max-width:26rem;gap:2rem}}

/* ── ④ 사후 관리 — 아이콘 자리에 실제 이미지 ── */
/* 사진 확대 + 본문이 3~4줄로 접히도록 단 폭 조정 */
.pcare{grid-template-columns:repeat(2,1fr);max-width:78rem;gap:1.5rem}
@media(max-width:60rem){.pcare{grid-template-columns:1fr;max-width:44rem}}
.pcare__ic{width:clamp(120px,12vw,168px);height:clamp(120px,12vw,168px);border-radius:var(--radius);overflow:hidden;background:var(--surface-2);border:1px solid var(--lav-100);padding:0}
.pcare__ic img{width:100%;height:100%;object-fit:cover;display:block}
.pcare__i{align-items:center;padding:1.7rem 1.8rem;gap:clamp(1.1rem,.8rem + 1vw,1.7rem)}
.pcare__t{font-size:clamp(1.15rem,1.05rem + .4vw,1.3rem)}
.pcare__d{font-size:clamp(1rem,.94rem + .3vw,1.08rem);line-height:1.8}
@media(max-width:34rem){.pcare__i{justify-items:center;text-align:center}}

/* =====================================================================
   2026-07-31 수정요청 반영 (레퍼런스 시안 KakaoTalk_20260731_141935665)
   ===================================================================== */

/* ── ① 히어로 ── */
/* PRESERVÉ 배지 → Preservé 로고 이미지(logo.png) */
.dh3__logo{display:block;width:auto;height:clamp(30px,2.6vw,44px);margin-bottom:.35rem}
/* 모델 이미지 — 가슴 라인 중심으로 확대 크롭 */
/* 시안대로 "모델이 카피 바로 옆에서 시작하고, 모델 오른쪽에는 약간의 여백"이 되도록
   인물이 실제로 보이는 시작점(--m-l)과 노출 폭(--m-w)을 컨테이너 기준으로 계산한다.
   hero_model_v4.webp 원본 1700px 중 인물 영역은 x 207~1279 (1072px)
   → 이미지 폭 = 노출 폭 × 1700/1072, 이미지 좌측 = 노출 시작 − 노출 폭 × 207/1072 */
.dh3--pre{
  --m-gap:clamp(12px,1.2vw,32px);                                   /* 모델 오른쪽 여백 */
  --m-l:calc(max(0px,(100vw - 90rem)/2) + var(--gutter) + min(40rem,46vw));
  --m-w:calc(100vw - var(--m-gap) - var(--m-l));
}
.dh3--pre .dh3__model{object-fit:cover;object-position:50% 39%;height:100%;top:0;right:auto;
  left:calc(var(--m-l) - var(--m-w) * 0.1931);
  width:calc(var(--m-w) * 1.5858)}
/* 모바일은 상체 전체가 보이도록 기존 프레이밍 유지 */
@media (max-width:60rem){
  .dh3--pre .dh3__model{left:auto;right:0;width:100%;height:100%;object-position:50% 18%}
}

/* ── 섹션 헤드 로고 (ABOUT · IMPLANT PROFILE) ── */
.dhead__logo{display:block;width:auto;height:clamp(30px,2.6vw,43px);margin:0 auto .55rem}

/* ── ③ 보형물 프로파일 — 설명 3개 폰트 확대 (17.3px → 18.9px) ── */
.pprof__d{font-size:clamp(1.08rem,1rem + .38vw,1.18rem)}

/* ── ④ Recommended For — 타겟 6개 폰트 확대 (18.6px → 20.8px) ── */
.ptar__p{font-size:.86rem;padding:.38rem 1.05rem}
.ptar__t{font-size:clamp(1.12rem,1.02rem + .45vw,1.3rem)}

/* ── 흉터 노하우 — 제목·설명 폰트 확대 ── */
.pknow__t{font-size:clamp(1.2rem,1.08rem + .5vw,1.38rem)}
.pknow__d{font-size:clamp(1.05rem,.98rem + .35vw,1.16rem)}

/* ── 사후 관리 — 이미지 4개 확대 + 폰트 전체 확대 ── */
.pcare{max-width:82rem}
.pcare__ic{width:clamp(150px,16.5vw,282px);height:clamp(150px,16.5vw,282px)}
.pcare__n{font-size:.78rem}
.pcare__t{font-size:clamp(1.24rem,1.12rem + .5vw,1.44rem)}
.pcare__t small{font-size:.95rem}
.pcare__d{font-size:clamp(1.06rem,1rem + .35vw,1.18rem)}

/* ── CASE 사진 — 프레임 안에서 확대/이동 ──
   --pic-zoom : 배율(1 = 원본), --pic-pos : 확대 기준점(= 화면에 고정될 지점)
   값은 조정 도구 /_preview/case-tuner/ 에서 만들어 case-tune.css 로 저장됩니다. */
.pcase__pic{overflow:hidden}
.pcase__pic img{transform:scale(var(--pic-zoom,1));transform-origin:var(--pic-pos,50% 50%)}

/* ── 클로징 배너 (closing_band.webp) ── */
.pclose{display:block;background:#16202e;line-height:0}
.pclose img{display:block;width:100%;height:auto}
/* 배너가 페이지 끝을 꽉 채우므로 푸터 위 흰 여백 제거 */
.ft{margin-top:0}