html[data-vpm-liz] {
  --teal:#0f5c55;
  --teal-deep:#0a3f3a;
  --paper:#fff;
  --white:#fff;
  --line:#ddd;
}
html[data-vpm-liz]:not([lang|="zh"]):not([lang="ja"]) {
  --sans:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  --serif:var(--sans);
}
html[data-vpm-liz] body {
  font-family:var(--sans);
  background:#fff;
  color:#111;
}
html[data-vpm-liz] .btn {
  font-family:var(--sans);
  font-size:16px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.04em;
  border-radius:0;
  padding:16px 30px;
  min-height:52px;
  box-shadow:none;
}
html[data-vpm-liz] :is(.lc,.card) {
  background:#fff;
  border:1px solid #ddd;
  border-radius:0;
  box-shadow:none;
}
html[data-vpm-liz] .card {padding:24px}
html[data-vpm-liz] .lc:hover {
  transform:none;
  box-shadow:none;
  border-color:#0f5c55;
}
html[data-vpm-liz] header .lang-btn {box-shadow:none}
html[data-vpm-liz] :is(section#pro,section#care,section#about,section#status) {padding:80px 0}
html[data-vpm-liz] .band {padding:80px 0}
html[data-vpm-liz] :is(.sec-head,.sol) {margin-bottom:40px}
html[data-vpm-liz] .lcards {margin-top:40px}
html[data-vpm-liz] footer {
  background:#0a3f3a;
  border-top:0;
  padding:40px 0;
}
html[data-vpm-liz] footer .foot {color:#fff;gap:16px 30px}
html[data-vpm-liz] footer .foot :is(.mk,.visits,.visits b) {color:inherit}
@media(max-width:860px) {
  html[data-vpm-liz] .btn {font-size:13.5px;padding:14px 20px;min-height:46px}
  html[data-vpm-liz] :is(section#pro,section#care,section#about,section#status),
  html[data-vpm-liz] .band {padding:56px 0}
  html[data-vpm-liz] :is(.sec-head,.sol) {margin-bottom:28px}
  html[data-vpm-liz] .lcards {gap:14px 12px;margin-top:28px}
  html[data-vpm-liz] .card {padding:16px}
  html[data-vpm-liz] footer {padding:28px 0}
}

html[data-vpm-liz] header,
html[data-vpm-liz]:not(.pg-sub) #top.hero {
  font-family:var(--sans);
}
html[data-vpm-liz] header {
  background:#fff !important;
  border-bottom:1px solid #ddd !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
html[data-vpm-liz] header .nav {max-width:1160px;height:64px !important;min-height:64px;padding-left:28px;padding-right:28px;gap:22px}
html[data-vpm-liz] header .wordmark img {width:162.5px;height:auto}
html[data-vpm-liz] header .menu {gap:22px}
html[data-vpm-liz] header .menu a {font-family:inherit;font-size:16px;letter-spacing:.02em}
html[data-vpm-liz] header .lang-btn {font-family:inherit;font-size:13px;letter-spacing:0;border:1px solid #ddd;border-radius:999px;min-height:32px;padding:5px 9px}
html[data-vpm-liz] header .lang-btn[aria-pressed="true"] {background:#0f5c55;color:#fff;border-color:#0f5c55}
html[data-vpm-liz] header .mnav {background:#fff;border-color:#ddd}
html[data-vpm-liz] header .mnav a {font-family:inherit;font-size:13px;letter-spacing:.02em}
html[data-vpm-liz]:not(.pg-sub).scrub-on .scrub {height:auto !important;min-height:0 !important}
html[data-vpm-liz]:not(.pg-sub).scrub-on .scrub #top.hero,
html[data-vpm-liz]:not(.pg-sub) #top.hero {
  display:block !important;position:relative !important;top:auto !important;
  height:auto !important;min-height:0 !important;padding:0 !important;
  background:#fff !important;color:#111 !important;border-bottom:1px solid #ddd !important;
  overflow:hidden;
}
html[data-vpm-liz]:not(.pg-sub) #top.hero::before,
html[data-vpm-liz]:not(.pg-sub) #top.hero::after,
html[data-vpm-liz]:not(.pg-sub) #top.hero .scrub-media,
html[data-vpm-liz]:not(.pg-sub) #top.hero .scrub-model {display:none !important}
html[data-vpm-liz]:not(.pg-sub).scrub-on #top.hero .grid,
html[data-vpm-liz]:not(.pg-sub) #top.hero .grid {
  display:grid !important;grid-template-columns:minmax(0,1fr) !important;
  gap:0 !important;max-width:1160px !important;margin:0 auto !important;
  padding:40px 28px 36px !important;transform:none !important;opacity:1 !important;
  align-items:start !important;
}
html[data-vpm-liz]:not(.pg-sub) #top.hero .grid>div:first-child {grid-column:1;grid-row:1;max-width:none !important;padding:0 !important;position:relative;z-index:2}
html[data-vpm-liz]:not(.pg-sub) #top.hero .eyebrow {color:#0f5c55 !important;font-size:15px !important;letter-spacing:.08em !important;border-left-color:#0f5c55 !important}
html[data-vpm-liz]:not(.pg-sub) #top.hero h1 {font-family:inherit !important;font-size:clamp(36px,3.9vw,56px) !important;font-weight:700 !important;line-height:1.08 !important;letter-spacing:-.02em !important;color:#0f5c55 !important;margin:18px 0 22px !important;max-width:13em !important;text-wrap:balance}
html[data-vpm-liz]:not(.pg-sub) #top.hero h1 em {color:inherit !important;font-style:normal !important}
html[data-vpm-liz]:not(.pg-sub) #top.hero .sub {font-family:inherit !important;font-size:20px !important;line-height:1.65 !important;color:#111 !important;max-width:38em !important;margin:0 !important}
html[data-vpm-liz]:not(.pg-sub) #top.hero .cta {display:flex !important;gap:12px !important;flex-wrap:wrap !important;margin-top:24px !important}
html[data-vpm-liz]:not(.pg-sub) #top.hero .btn {font-family:inherit !important;font-size:16px !important;font-weight:500 !important;line-height:1.4 !important;letter-spacing:.04em !important;border-radius:0 !important;padding:16px 30px !important;min-height:52px;box-shadow:none !important}
html[data-vpm-liz]:not(.pg-sub) #top.hero .btn--solid {background:#0f5c55 !important;border-color:#0f5c55 !important;color:#fff !important}
html[data-vpm-liz]:not(.pg-sub) #top.hero .btn--ghost {background:#fff !important;border-color:#0f5c55 !important;color:#0f5c55 !important}
html[data-vpm-liz]:not(.pg-sub).scrub-on #top.hero .grid>.ph.has-img,
html[data-vpm-liz]:not(.pg-sub) #top.hero .grid>.ph.has-img {
  grid-column:1;grid-row:2;display:block !important;visibility:visible !important;
  order:initial !important;position:relative !important;inset:auto !important;
  width:100% !important;height:clamp(300px,35vh,340px) !important;min-height:0 !important;
  aspect-ratio:auto !important;padding:0 !important;margin:28px 0 0 !important;
  border:0 !important;box-shadow:none !important;transform:none !important;opacity:1 !important;
  background:#c6d0d5 url("/liz/img/hero_model.webp?v=20260929a") center top/cover no-repeat !important;
}
html[data-vpm-liz]:not(.pg-sub) #top.hero .ph::before,
html[data-vpm-liz]:not(.pg-sub) #top.hero .ph::after {display:none !important}
@media(max-width:860px) {
  html[data-vpm-liz] header .nav {padding-left:24px !important;padding-right:24px !important;gap:8px !important;min-height:64px}
  html[data-vpm-liz] header .nav>nav {display:none !important}
  html[data-vpm-liz] header .wordmark img {width:145px !important;height:auto !important}
  html[data-vpm-liz] header .langs {gap:2px !important;flex-wrap:nowrap !important}
  html[data-vpm-liz] header .lang-btn {font-size:13px !important;padding:5px !important;min-width:0 !important}
  html[data-vpm-liz] header .mnav {display:flex !important;padding-left:24px !important;padding-right:24px !important}
  html[data-vpm-liz]:not(.pg-sub).scrub-on #top.hero .grid,
html[data-vpm-liz]:not(.pg-sub) #top.hero .grid {padding:46px 24px 36px !important}
  html[data-vpm-liz]:not(.pg-sub) #top.hero h1 {font-size:clamp(32px,9vw,40px) !important;line-height:1.08 !important;letter-spacing:-.02em !important;margin:20px 0 22px !important;max-width:none !important}
  html[data-vpm-liz]:not(.pg-sub) #top.hero .eyebrow {font-size:13px !important;line-height:1.55 !important;letter-spacing:.04em !important}
  html[data-vpm-liz]:not(.pg-sub) #top.hero .sub {font-size:17px !important;line-height:1.65 !important}
  html[data-vpm-liz]:not(.pg-sub) #top.hero .cta {margin-top:24px !important;gap:10px !important}
  html[data-vpm-liz]:not(.pg-sub) #top.hero .btn {font-size:13.5px !important;padding:14px 20px !important;min-height:46px}
  html[data-vpm-liz]:not(.pg-sub).scrub-on #top.hero .grid>.ph.has-img,
html[data-vpm-liz]:not(.pg-sub) #top.hero .grid>.ph.has-img {
    height:auto !important;margin:28px 0 0 !important;aspect-ratio:4/3 !important;
    background-image:url("/liz/img/hero_model_m.webp?v=20260929a") !important;background-position:center !important;
  }
}
@media(prefers-reduced-motion:reduce) {html[data-vpm-liz]:not(.pg-sub) #top.hero * {transition:none !important;animation:none !important}}

@media(max-width:420px) {
  html[data-vpm-liz] header .mnav a {padding:12px 5px;letter-spacing:.02em}
  html[data-vpm-liz] header .mnav a.mnav--cta {padding:7px 10px;margin-left:4px}
}
@media(max-width:380px) {
  html[data-vpm-liz] header .mnav {padding-left:12px !important;padding-right:12px !important}
}
@media(max-width:340px) {
  html[data-vpm-liz] header .mnav {padding-left:4px !important;padding-right:4px !important}
  html[data-vpm-liz] header .mnav a {padding:12px 3px;letter-spacing:0}
  html[data-vpm-liz] header .mnav a.mnav--cta {padding:7px 8px;margin-left:2px}
  html[data-vpm-liz] header .nav {padding-left:12px !important;padding-right:12px !important;gap:4px !important}
  html[data-vpm-liz] header .wordmark img {width:120px !important}
}

html[data-vpm-liz]:not(.pg-sub):is([lang|="zh"],[lang="ja"]) #top.hero h1 {
  font-family:var(--serif) !important;
}

/* ---- 2026-11-11 다듬기: 틸 = 첫 제목과 포인트만 · 각진 단추 · 폰 글자 13px 하한 · 뜻 없는 움직임 끔 ---- */
html[data-vpm-liz] :is(.pdx-keys,.cdx-keys) b,
html[data-vpm-liz] .cdx-side .freq {color:#111}
html[data-vpm-liz] header .mnav a.mnav--cta {border-radius:0}
html[data-vpm-liz] .st-step.cur::before {animation:none}
html[data-vpm-liz] .zh-script button {font-size:13px}
html[data-vpm-liz] :is(.shelf,.pd-shelf,.cd-shelf) a.item:hover .ph {transform:none;box-shadow:none}
html[data-vpm-liz] :is(.foot .mk,.pd .back,.cd .back,.pd dt,.cd dt,.pdx-keys b,.cdx-keys b,.pdx-table th,.cdx-table th,.pd-nav small,.cd-nav small,.pdx-pair .tag,.pd-shelf .feel,.cd-shelf .feel,.cd .p-tag,.lc-tag,.cdx-step .n,.cdx-any b,.step .s-num,.band .cell b small,label span,.ax-k,.ax-d,.st-upd,.st-toggle) {text-transform:none;letter-spacing:.04em}
@media(max-width:860px) {
  html[data-vpm-liz] :is(.foot,.foot p,.foot .mk,.pd .back,.cd .back,.pd dt,.cd dt,.pdx-keys b,.cdx-keys b,.pdx-table th,.cdx-table th,.pd-nav small,.cd-nav small,.pdx-nav a,.cdx-nav a,.pdx-pair .tag,.pd-shelf .feel,.cd-shelf .feel,.cd .p-tag,.cdx-side h3,.cdx-full h3,.cdx-any b,.pdx-card .inci,.cdx-card .inci,.pdx-review cite,.cdx-review cite,.cdx-inci p,.hwb .tile .vol,label,label span,.company h4,.ax-k,.ax-d,.st-upd,.st-upd b,.st-toggle,.st-toggle span,.st-legend,.zh-script button) {font-size:13px}
  html[data-vpm-liz] header .nav {height:52px !important;min-height:52px}
  html[data-vpm-liz] header .mnav a {padding-top:10px;padding-bottom:10px}
}