@charset "UTF-8";

/*
 * Typography-only review layer.
 *
 * Role 1 — Gmarket Sans: factual copy, captions, labels and supporting details.
 * Role 2 — KMU80 TTF Sungkok Semi-Serif: major titles, emotive lines and key figures.
 *
 * The production stylesheet and its spacing remain untouched. This file is
 * injected only by the PNG preview renderer.
 */

@font-face {
  font-family: "Gmarket Sans Preview";
  src:
    url("../assets/fonts/GmarketSansTTFMedium.ttf") format("truetype"),
    local("Gmarket Sans Medium"),
    local("GmarketSansMedium");
  font-style: normal;
  font-weight: 500;
  font-display: block;
}

@font-face {
  font-family: "Gmarket Sans Preview";
  src:
    url("../assets/fonts/GmarketSansTTFBold.ttf") format("truetype"),
    local("Gmarket Sans Bold"),
    local("GmarketSansBold");
  font-style: normal;
  font-weight: 700;
  font-display: block;
}

:root {
  --font-support: "Gmarket Sans Preview", "Gmarket Sans", "Apple SD Gothic Neo", sans-serif;
  --font-display: "Podam Sungkok Semi", "KMU80 TTF Sungkok Semi-Serif", serif;
  --display-title-stroke: clamp(.16px, .003em, .32px);
  --display-key-stroke: clamp(.4px, .008em, .72px);
}

/* Supporting copy never drops below the installed Medium face. */
body {
  font-family: var(--font-support);
  font-weight: 500;
}

/* Factual and supporting hierarchy. */
.brand-serif,
.proof-row h3,
.function-list b,
.door-rack-copy h3,
.comparison-divider h3,
.pain-scene__copy p,
.solution-bridge__keywords b,
.care-standard__list article > span,
.care-standard__list h3,
.optical-bridge__copy > span,
.image-benefit,
.image-benefit strong,
.point-stage-label,
.time-scenarios span,
.time-scenarios span + span::before,
.comparison-divider h3,
.light-card--dual .light-card__brand,
.light-card h4,
.light-card__metrics .light-card__time:not(.light-card__time--podam),
.light-card__time small,
.chapter-overlay-copy strong,
.multi-label b,
.color-row__copy h3,
.product-detail-hero__overlay strong,
.page--three-standards .registration-hero__proof b,
.page--three-standards .sterilization-evidence__copy h4,
.page--three-standards .comparison-proof-heading h4,
.page--three-standards .uvc-lamp-explainer__intro h3,
.page--three-standards .uvc-lamp-explainer__story article > b,
.page--three-standards .dry-air-card__copy h3,
.page--three-standards .dry-mode-switch__heading h3,
.page--three-standards .sturing-evidence__copy h3,
.page--three-standards .point-stage-label span,
.page--three-standards .point-stage-label strong,
.page--three-standards .feature-flow__item .point-line,
.page--three-standards .functions-section .point-line,
.page--three-standards .function-list .function-index,
.page--three-standards .function-list b,
.page--three-standards .care-standard__list h3,
.page--three-standards .care-standard__list h3 strong,
.page--three-standards .care-standard__list > article > span,
.page--three-standards .hero-certifications__logo--eu b,
.page--three-standards .hero-certifications__title,
.page--three-standards .hero-certifications__description,
.page--three-standards .proof-section__trust-title,
.page--three-standards .proof-section__trust-title em,
.page--three-standards .mode-ripple__descriptions p,
.page--three-standards .color-lineup-labels > span,
.page--three-standards .service-icon,
.page--three-standards .led-coverage-section__heading p strong,
.page--three-standards .sterilization-proof-claim__title,
.page--three-standards .sterilization-proof-claim__title strong,
.page--three-standards .mode-ripple::after,
.page--three-standards .multipurpose-section .multi-label > b,
.page--three-standards .uvc-lamp-explainer__motion--range h4,
.page--three-standards .faq-item__question > span {
  font-family: var(--font-support);
}

/* A reverse solidus is rendered as a won sign by some Korean fonts. */
.page--three-standards .time-scenarios span + span::before {
  content: "|";
}

.proof-row h3,
.function-list b,
.door-rack-copy h3,
.comparison-divider h3,
.image-benefit,
.image-benefit strong,
.light-card h4,
.light-card__time small,
.chapter-overlay-copy strong,
.multi-label b,
.color-row__copy h3,
.product-detail-hero__overlay strong,
.page--three-standards .registration-hero__proof b,
.page--three-standards .sterilization-evidence__copy h4,
.page--three-standards .comparison-proof-heading h4,
.page--three-standards .uvc-lamp-explainer__intro h3,
.page--three-standards .uvc-lamp-explainer__story article > b,
.page--three-standards .dry-air-card__copy h3,
.page--three-standards .dry-mode-switch__heading h3,
.page--three-standards .sturing-evidence__copy h3,
.page--three-standards .point-stage-label strong,
.page--three-standards .function-list b,
.page--three-standards .care-standard__list h3 strong,
.page--three-standards .hero-certifications__logo--eu b,
.page--three-standards .proof-section__trust-title,
.page--three-standards .proof-section__trust-title em,
.page--three-standards .service-icon,
.page--three-standards .led-coverage-section__heading p strong,
.page--three-standards .sterilization-proof-claim__title strong,
.page--three-standards .multipurpose-section .multi-label > b,
.page--three-standards .faq-item__question > span {
  font-weight: 700;
}

/*
 * The KMU80 Semi-Serif face has no separate bold file. Keep its original
 * metrics and add one restrained stroke pass so headings gain weight without
 * changing authored wraps or box widths.
 */
.display,
.title,
.pain-scene__copy h3,
.solution-bridge__copy h2,
.page--three-standards .registration-hero__claim,
.time-enough,
.podam-difference-bridge h2,
.capacity-loading figcaption strong,
.mode-guide__heading h3,
.product-specs h3,
.page--three-standards .customer-guide__heading h2,
.page--three-standards .led-coverage-section__heading h2,
.page--three-standards .faq-section__heading h2 {
  font-family: var(--font-display);
  font-weight: 500;
  font-synthesis: none;
  letter-spacing: -.01em;
  -webkit-text-stroke: var(--display-title-stroke) currentColor;
  paint-order: stroke fill;
}

/* Keep key figures on the same display face without a second stroke pass. */
.time-section .mega-number,
.mega-number--white,
.light-card__metrics .light-card__time--podam {
  font-family: var(--font-display);
  font-weight: 500;
  font-synthesis: none;
  -webkit-text-stroke: var(--display-title-stroke) currentColor;
  paint-order: stroke fill;
}

/* Transition titles receive the same single bold treatment. */
.page--three-standards .care-standard__intro .title,
.page--three-standards .care-standard__intro .title strong,
.page--three-standards .care-standard__intro .title span,
.page--three-standards .care-standard__intro .title em,
.page--three-standards .podam-difference-bridge h2,
.page--three-standards .podam-difference-bridge h2 strong {
  font-family: var(--font-display);
  font-weight: 500;
  font-synthesis: none;
  letter-spacing: -.01em;
  -webkit-text-stroke: var(--display-title-stroke) currentColor;
  paint-order: stroke fill;
}

/* Inline emphasis follows the user's Gmarket Medium/Bold reference. */
.page--three-standards .sterilization-proof-claim__title {
  font-weight: 500;
}

.page--three-standards .sterilization-proof-claim__title strong {
  font-weight: 700;
}

.page--three-standards .dual-light-summary__copy p {
  font-family: var(--font-display);
  font-weight: 500;
  font-synthesis: none;
  -webkit-text-stroke: var(--display-title-stroke) currentColor;
  paint-order: stroke fill;
}

.page--three-standards .dual-light-summary__copy p em,
.page--three-standards .dual-light-summary__copy p strong {
  font-family: var(--font-display);
  font-style: normal;
  font-weight: 600;
  font-synthesis: weight;
  -webkit-text-stroke: var(--display-key-stroke) currentColor;
  paint-order: stroke fill;
}

.facet-medallion b,
.facet-medallion small,
.capacity-heading .title em {
  font-family: var(--font-support);
  font-weight: 700;
}

.capacity-heading .title > strong,
.sleep-zz,
.sleep-zz b,
.sleep-zz i {
  font-family: var(--font-display);
  font-weight: 500;
  font-synthesis: none;
  -webkit-text-stroke: var(--display-title-stroke) currentColor;
  paint-order: stroke fill;
}

.capacity-heading .title > strong {
  font-weight: 500;
  font-synthesis: none;
  letter-spacing: -.01em;
  -webkit-text-stroke: var(--display-title-stroke) currentColor;
  paint-order: stroke fill;
}

/* Additional display groups selected in the current review round. */
.page--three-standards .solution-bridge__keywords b,
.page--three-standards .led-coverage-section__heading p,
.page--three-standards .led-coverage-section__heading p strong,
.page--three-standards .led-coverage-section__heading h2,
.page--three-standards .led-coverage-section__heading h2 em,
.page--three-standards .light-card--dual .light-card__brand,
.page--three-standards .light-card--dual h4,
.page--three-standards .light-card--dual .light-card__metrics > div:first-child dd,
.page--three-standards .sterilization-proof-claim__eyebrow,
.page--three-standards .sterilization-proof-claim__eyebrow span,
.page--three-standards .sterilization-proof-claim__title,
.page--three-standards .sterilization-proof-claim__title > span,
.page--three-standards .sterilization-proof-claim__title strong,
.page--three-standards .sterilization-proof-claim__title strong em,
.page--three-standards .proof-section__trust-title,
.page--three-standards .proof-section__trust-title span,
.page--three-standards .proof-section__trust-title mark,
.page--three-standards .proof-section__trust-title em {
  font-family: var(--font-display);
  font-weight: 500;
  font-synthesis: none;
  letter-spacing: -.01em;
  -webkit-text-stroke: var(--display-title-stroke) currentColor;
  paint-order: stroke fill;
}

.page--three-standards .light-card--dual .light-card__brand {
  letter-spacing: .19em;
}

/*
 * Strong hierarchy tier. Major section titles and key performance figures get
 * the Semi-Serif face's single synthetic-bold step. Secondary display copy
 * stays on the restrained stroke treatment above.
 */
.display,
.title,
.page--three-standards .registration-hero__claim,
.podam-difference-bridge h2,
.page--three-standards .podam-difference-bridge h2 strong,
.page--three-standards .podam-difference-bridge h2 span,
.page--three-standards .podam-difference-bridge h2 em,
.mode-guide__heading h3,
.product-specs h3,
.page--three-standards .customer-guide__heading h2,
.page--three-standards .led-coverage-section__heading h2,
.page--three-standards .led-coverage-section__heading h2 em,
.page--three-standards .faq-section__heading h2,
.page--three-standards .care-standard__intro .title,
.page--three-standards .care-standard__intro .title strong,
.page--three-standards .care-standard__intro .title span,
.page--three-standards .care-standard__intro .title em,
.capacity-heading .title > strong,
.page--three-standards .light-card--dual h4,
.page--three-standards .sterilization-proof-claim__title strong,
.page--three-standards .sterilization-proof-claim__title strong em,
.page--three-standards .proof-section__trust-title em {
  font-weight: 600;
  font-synthesis: weight;
  -webkit-text-stroke: 0 currentColor;
  paint-order: stroke fill;
}

/* One extra visual step for the words and figures that carry the claim. */
.display strong,
.display em,
.title strong,
.title em,
.time-section .mega-number,
.mega-number--white,
.light-card__metrics .light-card__time--podam,
.page--three-standards .dual-light-summary__copy p em,
.page--three-standards .dual-light-summary__copy p strong,
.page--three-standards .led-coverage-section__heading p strong,
.page--three-standards .led-coverage-section__heading h2 em,
.page--three-standards .sterilization-proof-claim__title strong,
.page--three-standards .sterilization-proof-claim__title strong em,
.page--three-standards .proof-section__trust-title em,
.capacity-heading .title > strong {
  font-weight: 600;
  font-synthesis: weight;
  -webkit-text-stroke: var(--display-key-stroke) currentColor;
  paint-order: stroke fill;
}

/*
 * Width guards: retain the authored line breaks after the family swap.
 * Explicit <br> elements still break, while automatic extra lines are blocked.
 */
.pain-section .display,
.function-chapter--storage .title,
.door-rack-section .title,
.multipurpose-section .title {
  white-space: nowrap;
}

.care-standard__list article:nth-child(4) h3 {
  font-size: 53px;
  letter-spacing: -.065em;
  white-space: nowrap;
}

.page--three-standards .sterilization-evidence__copy h4 {
  font-size: 49px;
  letter-spacing: -.06em;
  white-space: nowrap;
}

.page--three-standards .dry-mode-switch__panel p {
  font-family: var(--font-support);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -.045em;
  white-space: nowrap;
}

.page--three-standards .mode-ripple__descriptions p {
  font-size: 14px;
  letter-spacing: -.045em;
  white-space: nowrap;
}

.color-row__copy h3 {
  font-size: 45px;
  letter-spacing: -.04em;
  white-space: nowrap;
}

.page--three-standards .mode-guide__rail article h4 {
  font-family: var(--font-support);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.065em;
  white-space: nowrap;
}

.page--three-standards .mode-guide__rail article p {
  font-family: var(--font-support);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -.025em;
}

.page--three-standards .mode-guide__rail article:nth-child(1) p,
.page--three-standards .mode-guide__rail article:nth-child(3) p {
  font-size: 20px;
  letter-spacing: -.055em;
}

.page--three-standards .faq-item__question h3 {
  font-family: var(--font-support);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -.045em;
  white-space: nowrap;
}

.page--three-standards .feature-flow__item.function-chapter--storage .chapter-copy .title {
  font-size: 49px;
  letter-spacing: -.055em;
}

.page--three-standards .feature-flow__item.function-chapter--storage .chapter-copy .title em {
  font-size: 80px;
  letter-spacing: -.07em;
}

.page--three-standards .feature-flow__item.door-rack-section > .section-copy .title,
.page--three-standards .feature-flow__item.multipurpose-section > .section-copy .title {
  font-size: 46px;
  letter-spacing: -.05em;
}

.page--three-standards .feature-flow__item.door-rack-section > .section-copy .title em,
.page--three-standards .feature-flow__item.multipurpose-section > .section-copy .title em {
  font-size: 75px;
  letter-spacing: -.07em;
}

/* September 10 readability pass: open up the key claims and raise title scale
   without changing the authored line breaks. */
.page--three-standards .hero-main__copy .display {
  font-size: 67px;
}

.page--three-standards .pain-section .display {
  font-size: 64px;
}

.page--three-standards .pain-scene__copy h3 {
  font-size: 42px;
}

.page--three-standards .solution-bridge__copy h2 {
  font-size: 72px;
}

.page--three-standards .care-standard__intro .title,
.page--three-standards .podam-difference-bridge h2 {
  font-size: 100px;
}

.page--three-standards .care-standard__intro .title strong,
.page--three-standards .podam-difference-bridge h2 strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: .09em .16em;
  line-height: .98;
  text-align: center;
  vertical-align: baseline;
}

.page--three-standards .registration-hero__claim {
  font-size: 81px;
}

.page--three-standards .dual-section > .point-head .title,
.page--three-standards .proof-section > .section-copy .title {
  font-size: 76px;
}

.page--three-standards .optical-bridge__copy .title,
.page--three-standards .facet-section > .point-head .title,
.page--three-standards .functions-section > .section-copy .title {
  font-size: 55px;
}

.page--three-standards .led-coverage-section__heading h2 {
  font-size: 79px;
}

.page--three-standards .power-intro .title {
  font-size: 76px;
}

.page--three-standards .time-enough {
  font-size: 64px;
}

.page--three-standards .function-chapter--dry .chapter-copy .title,
.page--three-standards .function-chapter--door .chapter-copy .title,
.page--three-standards .function-chapter--modes .chapter-copy .title {
  font-size: 53px;
}

.page--three-standards .feature-flow__item .chapter-copy .title em {
  font-size: 85px;
  letter-spacing: -.035em;
}

.page--three-standards .feature-flow__item.function-chapter--storage .chapter-copy .title {
  font-size: 52px;
  letter-spacing: -.035em;
}

.page--three-standards .feature-flow__item.function-chapter--storage .chapter-copy .title em {
  font-size: 83px;
  letter-spacing: -.045em;
}

.page--three-standards .function-chapter--mute .chapter-copy .title {
  font-size: 51px;
}

.page--three-standards .function-chapter--mute .chapter-copy .title em {
  font-size: 71px;
  letter-spacing: -.035em;
}

.page--three-standards .function-chapter--mute .chapter-copy .title strong {
  font-size: 100px;
}

.page--three-standards .capacity-heading .title {
  font-size: 62px;
}

.page--three-standards .capacity-heading .title > strong {
  font-size: 148px;
}

.page--three-standards .feature-flow__item.door-rack-section > .section-copy .title,
.page--three-standards .feature-flow__item.multipurpose-section > .section-copy .title {
  font-size: 48px;
  letter-spacing: -.035em;
}

.page--three-standards .feature-flow__item.door-rack-section > .section-copy .title em,
.page--three-standards .feature-flow__item.multipurpose-section > .section-copy .title em {
  font-size: 78px;
  letter-spacing: -.04em;
}

.page--three-standards .colors-section .title {
  font-size: 50px;
}

.page--three-standards .mode-guide__heading h3,
.page--three-standards .faq-section__heading h2,
.page--three-standards .customer-guide__heading h2 {
  font-size: 76px;
}

.page--three-standards .product-detail-heading .title {
  font-size: 90px;
}

.page--three-standards .product-specs h3 {
  font-size: 65px;
}

.page--three-standards .sterilization-proof-claim__title > span {
  font-size: 50px;
  letter-spacing: .01em;
}

.page--three-standards .sterilization-proof-claim__title strong,
.page--three-standards .sterilization-proof-claim__title strong em {
  font-size: 80px;
  line-height: 1.22;
  letter-spacing: .01em;
}

.page--three-standards .proof-section__trust-title em {
  color: #a8e3ff;
  font-size: 100px;
}

.page--three-standards .proof-section__trust-title em > .proof-section__trust-keyword {
  display: block;
  margin-top: 14px;
  color: #ffd45d;
  font-family: var(--font-display);
  font-size: 148px;
  font-style: normal;
  font-weight: 600;
  font-synthesis: weight;
  line-height: .94;
  letter-spacing: -.01em;
  -webkit-text-stroke: var(--display-key-stroke) currentColor;
  paint-order: stroke fill;
  text-shadow: 0 0 28px rgba(255, 212, 93, .24), 0 12px 30px rgba(0, 0, 0, .22);
}

.page--three-standards .proof-stars {
  color: #f6c33b;
  letter-spacing: .18em;
  -webkit-text-stroke: 0 currentColor;
  paint-order: normal;
  text-shadow: none;
}

.page--three-standards .dry-mode-switch__panel > span,
.page--three-standards .dry-mode-switch__panel h4 {
  font-family: var(--font-display);
  font-weight: 600;
  font-synthesis: weight;
  -webkit-text-stroke: var(--display-key-stroke) currentColor;
  paint-order: stroke fill;
}

.page--three-standards .dry-mode-switch__panel > span {
  font-size: 22px;
}

.page--three-standards .dry-mode-switch__panel h4 {
  font-size: 37px;
  line-height: 1.22;
  letter-spacing: -.01em;
}

.page--three-standards .closing-copy .display {
  font-size: 62px;
  line-height: 1.2;
}

.page--three-standards .closing-copy .display em {
  font-size: 58px;
  line-height: 1.24;
}

/* Final emphasis pass requested for the hero and transition statements. */
.page--three-standards .hero-main__copy .display {
  font-size: 96px;
  line-height: 1.05;
  letter-spacing: -.05em;
}

.page--three-standards .pain-section .display em {
  display: inline-block;
  font-size: 118px;
  line-height: 1.02;
  letter-spacing: -.04em;
}

.page--three-standards .care-standard__intro .title,
.page--three-standards .podam-difference-bridge h2 {
  font-size: 132px;
  line-height: 1.02;
  letter-spacing: -.04em;
}

.page--three-standards .light-card--single h4 {
  font-size: 44px;
}

.page--three-standards .light-card--dual h4 {
  font-size: 60px;
}

/* Keep the PODAM label box clear of the following line. Its shadow belongs
   to the box surface, while the letterforms remain crisp and shadow-free. */
.page--three-standards .care-standard__intro .title,
.page--three-standards .podam-difference-bridge h2 {
  line-height: 1.12;
  text-shadow: none;
}

.page--three-standards .care-standard__intro .title strong,
.page--three-standards .podam-difference-bridge h2 strong {
  margin-bottom: .035em;
  padding: .09em .16em .025em;
  text-shadow: none;
  box-shadow:
    0 16px 34px rgba(0, 0, 0, .34),
    0 10px 26px rgba(5, 82, 183, .30);
}