/* ===== 페이지 전체 폰트색 #666666 통일 (검정 미사용) ===== */
  :root{--ink-2:#666666;--body:#666666;--muted:#666666;}
  html{scroll-behavior:smooth;}

  /* ===== HERO (editorial stage, light) ===== */
  .ehero{position:relative;display:grid;grid-template-columns:1.04fr 0.96fr;align-items:stretch;gap:clamp(30px,4vw,84px);min-height:clamp(620px,92vh,920px);padding:clamp(150px,16vh,196px) var(--page-pad) clamp(56px,7vh,92px);overflow:hidden;background:linear-gradient(158deg,#f6f9fb 0%,#e9f1f5 54%,#f3f8fa 100%);isolation:isolate;}
  .ehero .vec{position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(76deg,transparent 0,transparent 118px,rgba(0,175,239,.055) 118px,rgba(0,175,239,.055) 119px);}
  .ehero .glow{position:absolute;left:-6vw;top:-8vh;width:56vw;height:70vh;z-index:0;pointer-events:none;background:radial-gradient(circle at 38% 40%,rgba(0,175,239,.16),rgba(0,175,239,0) 62%);}

  .ehero .etxt{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;max-width:660px;color:var(--ink-2);}
  .ehero .crumb{font-family:"Space Grotesk",sans-serif;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:32px;}
  .ehero .crumb a{color:var(--muted);}
  .ehero .crumb a:hover{color:var(--ink-2);}
  .ehero .crumb .sep{opacity:.4;}
  .ehero .crumb .cur{color:var(--point);}
  .ehero .ebrow{display:flex;align-items:center;gap:16px;font-family:"Space Grotesk",sans-serif;font-size:clamp(12px,1vw,14px);font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--point);}
  .ehero .ebrow::before{content:"";width:46px;height:1px;background:var(--point);}
  .ehero h1{font-size:clamp(46px,6.6vw,102px);font-weight:300;line-height:1.0;letter-spacing:-.05em;margin:24px 0 0;color:var(--ink-2);}
  .ehero h1 .pt{color:var(--point);font-weight:500;}
  .ehero .sub{font-size:clamp(15px,1.4vw,20px);color:var(--body);margin-top:30px;line-height:1.72;max-width:520px;font-weight:300;letter-spacing:-.01em;}
  .ehero .hcta{display:flex;align-items:center;gap:clamp(22px,2.4vw,40px);margin-top:clamp(34px,4.4vh,56px);flex-wrap:wrap;}
  .ehero .hcta .cta{display:inline-flex;align-items:center;gap:11px;background:#666666;color:#fff;font-size:16px;font-weight:700;padding:17px 34px;border-radius:0 14px 0 14px;transition:.25s;}
  .ehero .hcta .cta span{transition:transform .25s;}
  .ehero .hcta .cta:hover{background:var(--point);color:#fff;transform:translateY(-2px);}
  .ehero .hcta .cta:hover span{transform:translateX(4px);}
  .ehero .hstat{display:flex;align-items:center;gap:14px;}
  .ehero .hstat b{font-family:"Space Grotesk",sans-serif;font-size:clamp(30px,3vw,40px);font-weight:700;color:var(--ink-2);letter-spacing:-.03em;line-height:.9;}
  .ehero .hstat span{font-size:13.5px;color:var(--muted);line-height:1.45;}

  .ehero .emedia{position:relative;z-index:1;align-self:stretch;min-height:clamp(430px,64vh,720px);}
  .ehero .emedia .frame{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:0 clamp(30px,3vw,52px) 0 clamp(30px,3vw,52px);background:var(--soft);box-shadow:0 42px 90px -44px rgba(16,42,60,.32);}
  .ehero .emedia .frame::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(16,42,60,.07);pointer-events:none;}
  .ehero .emedia img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:brightness(1.03) contrast(.97) saturate(.96);}
  .ehero .emedia::after{content:"";position:absolute;right:-16px;bottom:-16px;width:60%;height:50%;z-index:1;border:1px solid rgba(0,175,239,.5);border-radius:0 clamp(30px,3vw,52px) 0 clamp(30px,3vw,52px);}

  @media(prefers-reduced-motion:no-preference){
    .ehero .etxt>*{opacity:0;animation:eUp .9s cubic-bezier(.2,.7,.2,1) forwards;}
    .ehero .crumb{animation-delay:.05s;}
    .ehero .ebrow{animation-delay:.12s;}
    .ehero h1{animation-delay:.2s;}
    .ehero .sub{animation-delay:.34s;}
    .ehero .hcta{animation-delay:.46s;}
    .ehero .emedia{opacity:0;animation:eFade 1.15s cubic-bezier(.2,.7,.2,1) .16s forwards;}
    .ehero .emedia img{animation:eKen 7s ease-out both;}
  }
  @keyframes eUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
  @keyframes eFade{from{opacity:0;transform:translateY(30px) scale(.986)}to{opacity:1;transform:none}}
  @keyframes eKen{from{transform:scale(1.09)}to{transform:scale(1)}}

  /* ===== SECTION LABEL ===== */
  .sec-label{display:flex;align-items:center;gap:14px;margin-bottom:20px;font-family:"Space Grotesk",sans-serif;}
  .sec-label .num{font-size:14px;font-weight:600;color:var(--point);letter-spacing:.06em;}
  .sec-label .ln{width:30px;height:1px;background:var(--point);opacity:.55;}
  .sec-label .lab{font-size:13px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--body);}

  /* ===== INTRO / PHILOSOPHY (light split) ===== */
  .eintro{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(36px,5vw,84px);align-items:center;padding:clamp(64px,8vw,120px) var(--page-pad) clamp(48px,6vw,84px);}
  .eintro .head{font-size:clamp(26px,3.6vw,52px);font-weight:300;letter-spacing:-.04em;line-height:1.2;color:var(--ink);}
  .eintro .head .pt{color:var(--point);}
  .eintro .lead{font-size:clamp(15px,1.3vw,17.5px);color:var(--body);line-height:1.9;margin-top:24px;max-width:600px;}
  .eintro .by{margin-top:22px;font-family:"Space Grotesk",sans-serif;font-size:13.5px;color:var(--muted);letter-spacing:.02em;}
  .eintro .pic{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:0 28px 0 28px;background:var(--soft);}
  .eintro .pic img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:brightness(1.03) contrast(.97) saturate(.96);}
  .eintro .pic::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(246,248,249,.30),rgba(246,248,249,.08) 55%,rgba(246,248,249,0));}

  /* ===== INDEX (시술 한눈에 보기) ===== */
  .eindex{padding:clamp(18px,2vw,28px) var(--page-pad) clamp(40px,5vw,72px);}
  .eindex .ei-wrap{border:1px solid var(--line);border-radius:0 24px 0 24px;background:#fff;padding:clamp(26px,3vw,44px);display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,60px);align-items:start;}
  .eindex .ei-h{font-size:clamp(18px,1.7vw,22px);font-weight:300;letter-spacing:-.02em;color:var(--ink);line-height:1.3;}
  .eindex .ei-h small{display:block;font-family:"Space Grotesk",sans-serif;font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--point);margin-bottom:10px;}
  .eindex .ei-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.5vw,40px);}
  .eindex .ei-g .ei-t{display:block;font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-.01em;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line);}
  .eindex .ei-g a{display:inline-flex;align-items:center;font-size:13.5px;color:var(--body);padding:5px 0;margin-right:14px;position:relative;transition:color .2s;}
  .eindex .ei-g a::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--point);opacity:.5;margin-right:8px;transition:.2s;}
  .eindex .ei-g a:hover{color:var(--point);}
  .eindex .ei-g a:hover::before{opacity:1;transform:scale(1.5);}

  /* ===== CHAPTER INTRO ===== */
  .chap{padding:clamp(60px,7.5vw,116px) 0 clamp(20px,2.5vw,40px);}
  .chap.soft{background:rgba(246,248,249,.7);}
  .chap-head{display:grid;grid-template-columns:.96fr 1.04fr;gap:clamp(32px,5vw,80px);align-items:center;padding:0 var(--page-pad);}
  .chap.rev .ch-media{order:2;}
  .ch-media{position:relative;aspect-ratio:4/3.1;overflow:hidden;border-radius:0 32px 0 32px;background:var(--soft);}
  .ch-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1);will-change:transform;}
  .chap-head:hover .ch-media img{transform:scale(1.045);}
  .ch-media .ch-num{position:absolute;left:26px;bottom:16px;z-index:2;font-family:"Space Grotesk",sans-serif;font-size:clamp(58px,7vw,112px);font-weight:700;color:#fff;line-height:.8;letter-spacing:-.04em;text-shadow:0 10px 40px rgba(16,42,60,.28);pointer-events:none;}
  .ch-copy h2{font-size:clamp(30px,4.3vw,58px);font-weight:300;letter-spacing:-.04em;line-height:1.06;color:var(--ink);}
  .ch-copy h2 .pt{color:var(--point);font-weight:400;}
  .ch-copy h2 .en{display:block;font-family:"Space Grotesk",sans-serif;font-weight:500;color:var(--muted);font-size:.34em;letter-spacing:.04em;margin-top:14px;text-transform:uppercase;}
  .ch-copy .glead{font-size:clamp(15px,1.3vw,18px);color:var(--body);line-height:1.85;margin-top:26px;max-width:520px;}

  /* ===== PROCEDURE (독립 섹션) ===== */
  .proc{padding:clamp(52px,6vw,96px) var(--page-pad);scroll-margin-top:126px;}
  .proc.soft{background:rgba(246,248,249,.72);}
  .proc-top{display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,2.2vw,34px);align-items:center;margin-bottom:clamp(20px,2.4vw,32px);}
  .proc-no{font-family:"Space Grotesk",sans-serif;font-size:clamp(30px,3.2vw,54px);font-weight:700;line-height:.82;letter-spacing:-.04em;color:#dfe6ea;}
  .proc.soft .proc-no{color:#d4dde2;}
  .proc-no small{display:block;font-size:11px;letter-spacing:.2em;color:var(--point);margin-top:10px;font-weight:600;}
  .proc-name{font-size:clamp(27px,3.4vw,46px);font-weight:300;letter-spacing:-.04em;line-height:1.08;color:var(--ink);}
  .proc-name .en{display:inline-block;font-family:"Space Grotesk",sans-serif;font-weight:500;color:var(--muted);font-size:.4em;letter-spacing:.02em;text-transform:uppercase;margin-left:8px;vertical-align:baseline;}
  .proc-copy{font-size:clamp(16px,1.55vw,22px);font-weight:500;color:var(--point);letter-spacing:-.02em;line-height:1.4;margin-top:14px;}
  .proc-body{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,4.5vw,72px);align-items:center;}
  .proc.rev .proc-fig{order:-1;}
  .proc-lead{font-size:clamp(15px,1.2vw,17px);line-height:1.92;color:var(--body);font-weight:300;}
  .proc-lead p{margin-bottom:16px;}
  .proc-lead p:last-child{margin-bottom:0;}
  .proc-lead .em{color:var(--ink);font-weight:600;}
  .proc-points{list-style:none;display:flex;flex-direction:column;gap:13px;margin-top:24px;padding-top:22px;border-top:1px solid var(--line);}
  .proc.soft .proc-points{border-top-color:#e0e6ea;}
  .proc-points li{position:relative;padding-left:30px;font-size:clamp(13.5px,1.05vw,15px);color:var(--body);line-height:1.55;}
  .proc-points li::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:0 6px 0 6px;background:rgba(0,175,239,.12);}
  .proc-points li::after{content:"";position:absolute;left:5px;top:6px;width:7px;height:3.5px;border-left:1.6px solid var(--point);border-bottom:1.6px solid var(--point);transform:rotate(-45deg);}
  .proc-points li b{color:var(--ink);font-weight:700;margin-right:7px;}

  /* fig tile — 시술 아이콘 컨셉 타일 (실사진으로 교체 가능한 자리) */
  .proc-fig{position:relative;}
  .proc-fig .fig-tile{position:relative;aspect-ratio:4/3.15;border-radius:0 34px 0 34px;overflow:hidden;background:linear-gradient(158deg,#f4f9fb 0%,#e6f1f6 62%,#eef6f9 100%);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;box-shadow:0 30px 66px -42px rgba(16,42,60,.3);}
  .proc.soft .proc-fig .fig-tile{background:linear-gradient(158deg,#ffffff 0%,#ecf3f6 72%);}
  .proc-fig .fig-tile::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(74deg,transparent 0,transparent 58px,rgba(0,175,239,.05) 58px,rgba(0,175,239,.05) 59px);}
  .proc-fig .fig-tile::after{content:"";position:absolute;right:-14px;bottom:-14px;width:46%;height:44%;border:1px solid rgba(0,175,239,.4);border-radius:0 34px 0 34px;}
  .proc-fig .fig-ic{position:relative;z-index:1;width:40%;max-width:200px;aspect-ratio:1;color:var(--point);stroke:currentColor;fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 14px 26px rgba(0,175,239,.2));}
  .proc-fig .fig-note{position:absolute;left:20px;bottom:18px;z-index:2;display:flex;align-items:center;gap:8px;font-family:"Space Grotesk",sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:rgba(255,255,255,.82);padding:6px 12px;border-radius:0 8px 0 8px;}
  .proc-fig .fig-note::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--point);}

  /* 실사 이미지 타일 (플레이스홀더 자리에 사진 삽입) */
  .proc-fig .fig-tile.has-img{padding:0;}
  .proc-fig .fig-tile.has-img::before,
  .proc-fig .fig-tile.has-img::after{display:none;}
  .proc-fig .fig-tile.has-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%;filter:brightness(1.03) contrast(.97) saturate(.96);transition:transform 1.1s cubic-bezier(.2,.7,.2,1);will-change:transform;}
  .proc-fig:hover .fig-tile.has-img img{transform:scale(1.045);}

  /* ===== FEATURE STATEMENT (light, 뽀샤시) ===== */
  .efeat2{position:relative;min-height:clamp(400px,48vw,560px);overflow:hidden;margin:clamp(30px,4vw,60px) var(--page-pad);border-radius:0 32px 0 32px;background:var(--soft);}
  .efeat2 .ef-media{position:absolute;inset:0;}
  .efeat2 .ef-media img{width:100%;height:100%;object-fit:cover;object-position:60% 30%;filter:brightness(1.05) contrast(.96) saturate(.95);will-change:transform;}
  .efeat2 .ef-ov{position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,.86) 0%,rgba(255,255,255,.58) 30%,rgba(255,255,255,.14) 60%,rgba(255,255,255,0) 84%);}
  .efeat2 .ef-inner{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(36px,6vw,88px);}
  .efeat2 .lab{display:flex;align-items:center;gap:16px;font-family:"Space Grotesk",sans-serif;font-size:13px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--point);margin-bottom:24px;}
  .efeat2 .lab::before{content:"";width:42px;height:1px;background:var(--point);}
  .efeat2 h3{font-size:clamp(26px,3.7vw,54px);font-weight:300;line-height:1.22;letter-spacing:-.03em;max-width:660px;color:var(--ink);}
  .efeat2 h3 .pt{color:var(--point);font-weight:500;}

  /* ===== CTA (light) ===== */
  .ecta{margin:clamp(40px,5vw,80px) var(--page-pad) clamp(64px,7vw,110px);padding:clamp(44px,5vw,72px) clamp(34px,5vw,72px);background:var(--soft);border-radius:0 32px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap;}
  .ecta .h{font-size:clamp(24px,2.9vw,44px);font-weight:300;letter-spacing:-.035em;line-height:1.16;color:var(--ink);}
  .ecta .s{font-size:15px;color:var(--body);margin-top:16px;line-height:1.7;}
  .ecta .cta{display:inline-flex;align-items:center;gap:12px;background:#666666;color:#fff;font-size:16px;font-weight:700;padding:18px 36px;border-radius:0 14px 0 14px;transition:.25s;white-space:nowrap;}
  .ecta .cta:hover{background:var(--point);transform:translateY(-2px);}

  /* ===== REVEAL ===== */
  @media(prefers-reduced-motion:no-preference){
    .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);}
    .reveal.in{opacity:1;transform:none;}
    .reveal.d1{transition-delay:.08s;}
    .reveal.d2{transition-delay:.16s;}
    .reveal.d3{transition-delay:.24s;}
  }

  @media(max-width:980px){
    .ehero{grid-template-columns:1fr;gap:30px;min-height:0;padding:120px var(--pad) 52px;}
    .ehero .etxt{max-width:none;}
    .ehero h1{font-size:clamp(40px,12vw,66px);}
    .ehero .emedia{min-height:0;aspect-ratio:4/4.5;}
    .ehero .glow{width:82vw;height:38vh;}
    .eintro{grid-template-columns:1fr;gap:30px;}
    .eintro .pic{aspect-ratio:16/11;max-height:400px;}
    .eindex .ei-wrap{grid-template-columns:1fr;gap:22px;}
    .eindex .ei-groups{grid-template-columns:1fr;gap:18px;}
    .chap-head{grid-template-columns:1fr;gap:26px;}
    .chap.rev .ch-media{order:0;}
    .ch-media{aspect-ratio:16/11;}
    .proc-top{grid-template-columns:1fr;gap:12px;}
    .proc-body{grid-template-columns:1fr;gap:26px;}
    .proc.rev .proc-fig{order:0;}
    .proc-fig .fig-tile{aspect-ratio:16/10;}
  }