/* tweak-driven overrides */
.pr{--bs:1;--krw:700;--rad:0px;--grain-o:.1;--rv-y:40px;--rv-d:1s;--logo:22px;--hd:1;--hw:21.6;--hz:.18;--ss:1;--bt:3;--ag:5.2;--ah:82;--agap:8px;--adim:.62;--dsz:84;--db:26px;--kph:340;--sp-y:140px}
.pr.gx-lower .gx{text-transform:none}
.pr.grain::after{opacity:var(--grain-o)}
.m-on .rv{transform:translateY(var(--rv-y));transition-duration:var(--rv-d),calc(var(--rv-d)*1.2)}
/* body + kr weight */
.story-t{font-size:calc(clamp(26px,3.3vw,48px)*var(--ss));font-weight:calc(var(--krw) - 100)}
.disc p,.kp-b p,.care-c p,.pres-tx p,.how-card p,.info dd{font-size:calc(var(--fs0,17px)*var(--bs))}
.disc p{--fs0:clamp(16px,1.6vw,21px)}.kp-b p{--fs0:17px}.care-c p{--fs0:15px}.pres-tx p{--fs0:clamp(17px,1.4vw,20px)}.how-card p{--fs0:18px}.info dd{--fs0:15px}
.rev-r p{font-size:calc(clamp(17px,1.5vw,21px)*var(--bs))}
.hero-mid h1 span:not(.l),.care-h span:not(.l),.pres-tx h2,.kp-h span:not(.l),.kp-b h3,.care-c h4{font-weight:var(--krw)}
/* image tone */
.tone-mono :is(.hero-bg,.band-bg,.acc,.mood-bg,.kp-ims,.kp-inl,.pres-im,.how-bg){filter:grayscale(1)}
.tone-contrast :is(.hero-bg,.band-bg,.acc,.mood-bg,.kp-ims,.kp-inl,.pres-im,.how-bg){filter:grayscale(1) contrast(1.28) brightness(.96)}
.tone-warm :is(.hero-bg,.band-bg,.acc,.mood-bg,.kp-ims,.kp-inl,.pres-im,.how-bg){filter:sepia(.22) saturate(.9)}
/* radius */
.acc-p,.how-card,.kp-inl,.rev-cards .rev-r{border-radius:var(--rad)}
.kp-inl{overflow:hidden}
/* section spacing */
.sh,.look-q{padding-top:var(--sp-y)}.care,.info{padding-top:var(--sp-y);padding-bottom:var(--sp-y)}
.rev-rows,.look-pad{padding-bottom:var(--sp-y)}
.notes-tail{height:var(--sp-y)}
/* nav */
.pn .logo{font-size:var(--logo)}
.pn.nolinks nav{visibility:hidden}
.pidx.all span{opacity:.55;transform:none}.pidx.all a.on span{opacity:1}
.pidx.hov:not(:hover) a.on span{opacity:0}
/* hero */
.hero-bg::after{background:linear-gradient(180deg,rgba(0,0,0,calc(.35*var(--hd))) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,calc(.2*var(--hd))) 60%,rgba(0,0,0,calc(.78*var(--hd))) 100%)}
.m-rich .hero-bg img{transform:scale(calc(1.04 + var(--pz,0)*var(--hz)))}
.hero-word{font-size:calc(var(--hw)*1vw)}
.hero-word.long{font-size:calc(var(--hw)*.72vw)}
.hero-mid{bottom:calc(var(--hw)*.9vw + 56px)}
.hero.w-center .hero-word{top:50%;bottom:auto;transform:translateY(-50%)}
.m-rich .hero.w-center .hero-word{transform:translateY(calc(-50% - var(--p,0)*30%))}
.hero.w-center .hero-mid{bottom:56px}
.hero.w-none .hero-word{display:none}.hero.w-none .hero-mid{bottom:72px}
.hero.nometa .hero-meta{display:none}
/* story */
.story.lite .story-t{color:var(--label-strong)}
/* band */
.band-strip{transform:translateY(-50%) rotate(calc(var(--bt)*-1deg))}
.m-rich .band-strip{transform:translateY(-50%) rotate(calc(var(--bt)*-2deg + var(--p,0)*var(--bt)*2deg))}
.band-strip.blk{background:var(--common-0);color:var(--common-100)}
.band-only{overflow:clip;padding:calc(var(--bt)*1.2vw) 0}
.band-only .band-strip{position:relative;top:auto;left:auto;right:auto;margin:0 -5%;box-shadow:none;transform:rotate(calc(var(--bt)*-1deg))}
.m-rich .band-only .band-strip{transform:rotate(calc(var(--bt)*-2deg + var(--p,0)*var(--bt)*2deg))}
.band-only.dark .band-strip.blk{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(255,255,255,.18)}
.band-strip .mq+.mq{margin-top:10px;opacity:.9}
/* accordion */
.acc{gap:var(--agap);height:calc(var(--ah)*1svh)}
.acc-p.on{flex:var(--ag)}
.acc-p img{filter:grayscale(.2) brightness(var(--adim))}
.acc.novert .acc-v{display:none}
.acc.ncol .acc-c ul{flex-direction:column;gap:6px}
/* mood */
.disc{width:min(calc(var(--dsz)*1vw),calc(var(--dsz)*9.3px));backdrop-filter:blur(var(--db)) saturate(1.1);-webkit-backdrop-filter:blur(var(--db))}
.disc.sq{border-radius:var(--rad)}
.disc.plain{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
/* key point */
.kp{height:calc(var(--kph)*1svh)}
.kp.flip .kp-ims{order:2}
.kp.nsans .kp-n{font-family:var(--font-sans);font-weight:700;letter-spacing:-.06em}
.kp.nobar .kp-bar{display:none}
/* care */
.care.dark .care-g{box-shadow:inset 0 1px 0 var(--label-strong)}
.care.left .care-h{text-align:left}
.care.nonum .care-c .no{display:none}
/* review */
.rev-rows.nohover .rev-r:hover{background:none}.rev-rows.nohover .rev-r:hover .serif,.rev-rows.nohover .rev-r:hover p{color:var(--label-strong)}.rev-rows.nohover .rev-r:hover .who{color:inherit}
.rev-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rev-cards .rev-r{grid-template-columns:minmax(0,1fr);gap:16px;padding:36px 28px 44px;align-content:start;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)!important}
/* presence */
.pres.flip .pres-im{order:2}
/* how */
.how-card.bl{right:auto;left:40px}
.how-card.ct{right:auto;left:50%;bottom:auto;top:56%;translate:-50% -50%;text-align:center}
.how-card.solid{background:var(--common-100);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.how-card.solid p{color:rgba(46,47,51,.88)}.how-card.solid b,.how-card.solid .lbl{color:#000}
.how.noword .how-word{display:none}
.tilt-glare{position:absolute;inset:0;pointer-events:none;opacity:.15;border-radius:inherit}
/* card shell from the tilt-card demo (rounded-2xl, border, overflow-hidden); text and size stay as originally designed */
.how-card.tilt-ui{--tilt-glare:#0a0a0a;overflow:hidden;border-radius:16px;border:1px solid #e5e5e5}
/* info */
.info.stack{grid-template-columns:minmax(0,1fr);max-width:960px;margin:0 auto}
.info.stack h2{position:static;text-align:center}
/* footer */
.pf-word.long{font-size:15.6vw}
.pf.norise .pf-word span{transform:none!important}
.pf.nometa .pf-top{display:none}
@media (min-width:901px){
.hero-meta>span,.hero-meta>span b{font-size:15px}
.band-strip .mq span{font-size:96px}
.kp-h span{font-size:48px}
.kp-b .kp-n{font-size:153px}.kp-b h3{font-size:36px}
.pf-top,.pr.gut .pf-top{grid-template-columns:repeat(5,auto);justify-content:center;column-gap:clamp(32px,4.5vw,88px);padding-left:0}
.pf-top>div:not(.cta){font-size:12px}
.care-h span{font-size:52px}.care-c .no{font-size:52px}
#review .sh .side b,#review .sh .side b .l{font-size:20px}
.rev-r p{font-size:20px}
.pres-tx h2{font-size:52px}
.how-word{font-size:168px}.how-card p{font-size:20px}
.pf-word{font-size:482px}
.how-card{bottom:180px;right:100px}
#lookbook .acc-cap{font-size:15px}
#notes .acc-c ul li{font-size:20px}
.kp-b[data-i="1"] p,.kp-b[data-i="2"] p{font-size:15px}
}
@media (max-width:900px){
.rev-cards{grid-template-columns:minmax(0,1fr)}
.acc{height:auto}
.how-card.bl,.how-card.ct{left:20px;right:20px;translate:none;top:auto;bottom:72px;text-align:left}
.how-card{bottom:110px}
.kp.flip .kp-ims{order:0}.pres.flip .pres-im{order:0}
.hero.w-center .hero-mid{bottom:40px}
}
/* event popup */
.evp-ov{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overscroll-behavior:contain;animation:evpf .4s cubic-bezier(.7,0,.2,1)}
.evp{position:relative;width:max(240px,min(440px,calc(100vw - 32px),calc((100svh - 250px)*.7457)));max-width:100%;max-height:calc(100svh - 32px);overflow:hidden auto;background:var(--common-100);color:var(--label-neutral);border-radius:var(--rad,0);box-shadow:0 30px 80px rgba(0,0,0,.5);outline:0;animation:evpi .55s cubic-bezier(.7,0,.2,1)}
.evp-im img{display:block;width:100%;height:auto;object-fit:contain}
.evp-x{position:absolute;top:10px;right:10px;z-index:2;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:999px;background:rgba(0,0,0,.72);color:#fff;cursor:pointer;font:inherit}
.evp-x:hover{background:#000}.evp-x:focus-visible,.evp-cta:focus-visible,.evp-f button:focus-visible{outline:2px solid var(--common-0);outline-offset:2px}
.evp-b{padding:24px 24px 20px;text-align:center}
.evp-b h2{margin:0;font-size:20px;line-height:1.4;letter-spacing:-.035em;font-weight:var(--krw,700);color:var(--label-strong)}
.evp-b p{margin:8px 0 0;font-size:15px;line-height:1.6;color:var(--label-neutral)}
.evp-cta{display:flex;align-items:center;justify-content:center;height:48px;margin-top:20px;border-radius:999px;background:var(--common-0);color:var(--common-100);font-size:15px;font-weight:600;letter-spacing:-.01em}
.evp-cta:hover{opacity:.85}
.evp-f{padding:0 24px;box-shadow:inset 0 1px 0 var(--line-normal-normal)}
.evp-f button{display:block;width:100%;height:48px;padding:0;border:0;background:none;text-align:left;font:inherit;font-size:13px;color:var(--label-alternative);cursor:pointer}
.evp-f button:hover{color:var(--label-strong)}
@keyframes evpf{from{opacity:0}to{opacity:1}}
@keyframes evpi{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.evp-ov,.evp{animation:none}}
/* hero title shimmer (whole-px padding/margin cancel out, they only keep glyph overhang inside the clip box without shifting the text) */
.shimmer{display:inline-block;padding:50px 20px;margin:-50px -20px;--shimmer-contrast:rgba(0,0,0,.5);-webkit-text-fill-color:transparent;background:currentColor linear-gradient(to right,currentColor 0%,var(--shimmer-contrast) 40%,var(--shimmer-contrast) 60%,currentColor 100%);-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat;background-size:50% 200%;background-position-x:250%}
/* lookbook quote letter flip */
.fl{display:block;width:fit-content;max-width:100%}
.fw{display:inline-block;position:relative;overflow:hidden;vertical-align:top}
.fa,.fb{display:inline-block;white-space:nowrap}
.fb{position:absolute;left:0;top:0}
.fa span,.fb span{display:inline-block;transition:transform .3s ease-in-out;transition-delay:calc(var(--i)*25ms)}
.fb span{transform:translateY(110%)}
@media (hover:hover) and (pointer:fine){
.fl:hover .fa span{transform:translateY(-110%)}
.fl:hover .fb span{transform:translateY(0)}
}
@media (prefers-reduced-motion:reduce){.fa span,.fb span{transition:none}}
@media (max-width:520px){.pn a.logo{font-size:28px}}
@media (max-width:360px){.pn a.logo{font-size:24px}.pn .hd-ics{gap:0}}

/* ---- PRODUCT SAFETY (06) ---- */
.safe-in{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:center;max-width:1280px;margin:0 auto}
.safe-tx .care-h{margin:20px 0 28px;text-align:left}
.safe-lbl{display:block;color:var(--label-alternative)}
.safe-note{margin:0;color:var(--label-strong)}
.safe-doc{margin:0;width:100%;max-width:560px;justify-self:center}
/* the picture (transparent PNG -> WebP, 609x747) is shown whole; the text sits in the picture's own white rectangle: x 4..564 / y 378..505 of 609x747 */
.safe-card{position:relative;container-type:inline-size;aspect-ratio:609/747}
.safe-card>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}
.safe-badge{position:absolute;left:.66%;width:92.1%;top:50.6%;height:17.1%;margin:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35em;padding:0 6%;text-align:center;color:#111;font-size:clamp(13.5px,4cqw,18px);line-height:1.45;letter-spacing:-.02em;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
.safe-badge b{font-weight:800}
/* caption: same container as the picture, centred on the picture, 12px below the VISIBLE picture. The webp has 19px (of 747) of transparent margin at the bottom
   (shadow fade-out excluded, alpha < 25%), so that margin is pulled back: 12px - 19/609 of the picture width. */
.safe-doc{container-type:inline-size}
.safe-doc figcaption{margin:calc(12px - 19 / 609 * 100cqw) 0 0;text-align:center;font-size:12px;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}
@media (min-width:901px){
.safe-in{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(48px,7vw,128px)}
.safe-badge{font-size:3.2cqw;gap:.3em}
}
/* ---- real review: natural wrapping on every width ---- */
.rev-r p,.rev-r .who{word-break:keep-all;overflow-wrap:anywhere}
/* ---- 상품 정보 제공고시 ---- */
.info-h{position:sticky;top:110px;align-self:start}
.info .info-h h2{position:static}
.info-note{margin:12px 0 0;font-size:13px;line-height:1.6;color:var(--label-alternative);word-break:keep-all}
.info.stack .info-h{position:static;text-align:center}
.info dd,.info dt{word-break:keep-all;overflow-wrap:anywhere}
@media (max-width:900px){.info-h{position:static}}
/* ---- footer: new lines must wrap, never overflow ---- */
.pf-top>div{min-width:0;overflow-wrap:anywhere}.pf-top a{color:inherit;text-decoration:none}.pf-top a:hover{color:#fff}

/* ---- footer: business info column (2026-10-16) ---- */
.pf-co p,.shp-ft-co p{margin:0}
.pf-co p+p,.shp-ft-co p+p{margin-top:2px}
.pf-co .pf-legal,.shp-ft-co .shp-ft-legal{margin-top:var(--pf-legal-gap,28px)}
.pf-co,.shp-ft-co{word-break:keep-all;overflow-wrap:anywhere}
@media (min-width:901px){
.pf-top,.pr.gut .pf-top{grid-template-columns:minmax(0,2.3fr) repeat(4,auto);justify-content:stretch;column-gap:clamp(28px,3.6vw,72px)}
}

/* =====================================================================================================================================
   TYPOGRAPHY SYSTEM (home page, 2026-10-16) - one variable per ROLE; PC = default, mobile (<=900px) = override.
   Fonts are unchanged: Gloock (display only, ONLY weight 400 exists -> never bold, no synthetic bold) + Pretendard JP (variable, 45-920).
   ROLE                         PC               mobile           weight  line-height  letter-spacing   used by
   display / brand wordmark     482px            22.4vw           400     .9           -.02em           footer IMPETVS wordmark
   display / HOW TO USE         = section giant 9.6vw (138 @1440)  56px   400   .84   -.02em   how-word (shares the section-giant variable)
   display / section giant      9.6vw (<=168)    56px             400     .84          -.02em           Notes, Real Review
   display / band               = list head 6vw (86 @1440)         44px   400   .84   -.02em   marquee strip (shares the Notes list-title variable)
   display / list head          6vw (<=96)       44px             400     .84          -.02em           TOP / MIDDLE / BASE
   display / number             = section giant 9.6vw (138)        56px   400   .8    0        Key Point 01-03 (shares the section-giant variable)
   sub-display (Gloock)         3.4vw (<=52)     30px             400     1 .. 1.15    0                Review 01-03, Lookbook quote
   hero headline                3.4vw (28..52)   28px             700/400 1.2          -.035em          hero h1
   section title (KR)           3.4vw (28..52)   28px             400+700 1.25         -.035em          Key Point, PRODUCT SAFETY, Presence
   statement (KR)               = headline 3.4vw (49 @1440)        28px   600   1.42  -.035em  Story / Mood paragraphs
   card sub-title (KR)          36px             24px             700     1.3          -.03em           Key Point cards, info title
   body large                   20px             16px             400     1.75         0                reviews, Presence, How to use card
   body                         16px             16px             400     1.85         0                Key Point text, PRODUCT SAFETY note
   spec text                    16px             16px             400/700 1.8          0                info table (dt bold / dd regular)
   list emphasis                20px             16px             600     1.3          .04em            Notes lists
   meta                         16px             14px             400-600 1.6          .04em            hero meta, lookbook caption, review author
   small / caption              12px             12px             400     1.6          0                info note, image caption
   section tag (label)          12px             12px             600     1.8          .08em  UPPER     ( Story ), tags, footer labels
   footer text                  12px             12px             400     1.8          0                footer info
   button                       16px             16px             400     -            -                design-system button (touch area >= 44px)
   ===================================================================================================================================== */
:root{
  --t-disp-brand:482px;--t-disp-section:clamp(56px,9.6vw,168px);--t-disp-list:clamp(44px,6vw,96px);
  --t-disp-how:var(--t-disp-section);--t-disp-num:var(--t-disp-section);--t-disp-band:var(--t-disp-list);   /* HOW TO USE + Key Point numbers share the section-giant size; the band shares the Notes list-title size */
  --t-subdisp:clamp(30px,3.4vw,52px);
  --t-headline:clamp(28px,3.4vw,52px);--t-statement:var(--t-headline);--t-sub:36px;   /* story sentences use the same 49px / 28px as the headline-size titles */
  --t-body-lg:20px;--t-body:16px;--t-spec:16px;--t-list:20px;--t-meta:16px;--t-small:12px;--t-tag:12px;--t-foot:12px;
  --lh-body-lg:1.75;--lh-body:1.85;--lh-spec:1.8;--lh-sub:1.3;--lh-title:1.25;
}
@media (max-width:900px){
  :root{--t-disp-brand:22.4vw;--t-disp-section:56px;--t-disp-list:44px;--t-subdisp:30px;
    --t-headline:28px;--t-sub:24px;--t-body-lg:16px;--t-body:16px;--t-list:16px;--t-meta:14px;--t-tag:12px;--t-foot:12px}
}
/* Gloock has one weight (400): never ask for more, never let the browser fake it */
.gx,.serif,.sh h2,.pf-word,.how-word,.kp-n,.acc-c .big,.band-strip .mq span,.look-q p,.rev-r .serif{font-weight:400;font-synthesis:none}
/* display roles: the values are the ones the design already had, now managed in one place */
.sh h2{font-size:var(--t-disp-section)}
.band-strip .mq span{font-size:var(--t-disp-band)}
.acc-c .big,#notes .acc-c .big{font-size:var(--t-disp-list)}
.kp-n,.kp-b .kp-n{font-size:var(--t-disp-num)}
.how-word{font-size:var(--t-disp-how)}
.pf-word{font-size:var(--t-disp-brand)}
@media (max-width:900px){.how-word{font-size:var(--t-disp-how)}}
.rev-r .serif,.look-q .serif,.look-q p{font-size:var(--t-subdisp)}
/* headline / section titles: same size on the same screen */
.hero-mid h1,.kp-h span,.care-h span,.pres-tx h2{font-size:var(--t-headline)}
.kp-h span,.care-h span,.pres-tx h2{line-height:var(--lh-title);letter-spacing:-.035em}
.kp-h span:not(.l),.care-h span:not(.l){font-weight:700}
.kp-h .l,.care-h .l{font-weight:400}
.story-t{font-size:var(--t-statement)}
/* card sub-titles */
.kp-b h3,.info h2,.info .info-h h2{font-size:var(--t-sub);line-height:var(--lh-sub);letter-spacing:-.03em;font-weight:700}
/* body copy (the tweak panel's body-size factor --bs still applies) */
.rev-r p,.pres-tx p,.how-card p{font-size:calc(var(--t-body-lg) * var(--bs,1));line-height:var(--lh-body-lg)}
.kp-b p,#keypoint .kp-b[data-i] p,.safe-note{font-size:calc(var(--t-body) * var(--bs,1));line-height:var(--lh-body)}
.info dd,.info dt{font-size:var(--t-spec);line-height:var(--lh-spec)}
.info dt{font-weight:700}.info dd{font-weight:400}
#notes .acc-c ul li{font-size:var(--t-list)}
/* meta / small / tag / footer */
.hero-meta>span,.hero-meta>span b,.acc-cap,#lookbook .acc-cap,.rev-r .who,#review .rev-r .who{font-size:var(--t-meta)}
.info-note,.safe-doc figcaption{font-size:var(--t-small);line-height:1.6}
.lbl,.acc-k,.acc-v,.pf-bot,.pf-top .lbl{font-size:var(--t-tag);line-height:1.8;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.pf-top>div:not(.cta),.pf-top>div:not(.cta) a,.pf-legal{font-size:var(--t-foot);line-height:1.8}
.pf-top .lbl{font-size:var(--t-tag)}
/* buttons: one text size, touch area >= 44px */
.btn-w{min-height:44px}

/* design-system button text: one size (inline sizes of the component are overridden) */
.btn-w,.btn-w *{font-size:16px!important}

/* HOW TO USE is 56px on phones: on the narrowest screens the parallax drift is reduced so the word stays inside the screen */
@media (max-width:380px){.m-rich .how-word{transform:translateX(calc((var(--p,0) - .5)*-4%))}}

/* ===== phone layout (<= 900px) =====
   --m-gut is THE side margin of the phone layout (the one KEY POINT measured: 20px). Every section reads it, so the left start line is the same everywhere. */
@media (max-width:900px){
  .pr{--m-gut:20px}
  /* hero: the picture keeps its first size and framing while scrolling (no scroll-linked zoom); the PC zoom is untouched (it lives outside this query) */
  .m-rich .hero-bg img{transform:scale(1.04)}   /* the picture's first size / framing, fixed */
  /* hero top line: only the product line, centred on the screen, clear of the header (92px top) */
  .hero-meta{left:var(--m-gut);right:var(--m-gut);top:92px;align-items:center;text-align:center}
  .hero-meta>span{text-align:center!important}
  .hero-meta>span:last-child{display:none}
  /* KEY POINT: the desktop scroll-length height (--kph svh) must not clip the stacked cards on a phone: the section grows with its content */
  .kp{height:auto}
  .kp-txt{padding-left:var(--m-gut);padding-right:var(--m-gut)}
  /* the "gutter" tweak (136px on PC) must not collapse to 0 on the left only: same margin both sides */
  .pr.gut .sh,.pr.gut .acc,.pr.gut .care,.pr.gut .rev-rows,.pr.gut .look-q,.pr.gut .info,.pr.gut .pf-top,
  .sh,.acc,.care,.rev-rows,.look-q,.info,.pf{padding-left:var(--m-gut);padding-right:var(--m-gut)}
  /* rows inside those sections start on the section's own line (no extra 4px) */
  .care-c{padding-left:0;padding-right:0}
  .rev-r{padding-left:0;padding-right:0}
  /* REAL REVIEW title: one line. It is 6.33 x its font size wide, so it only shrinks (never below what fits) on screens narrower than 56px*6.33 + the two side margins */
  #review .sh h2{white-space:nowrap;font-size:min(var(--t-disp-section),calc((100vw - 2 * var(--m-gut)) / 6.4))}
  .safe-in,.safe-tx{min-width:0}
  .safe-doc{margin-left:auto;margin-right:auto}
  .safe-doc figcaption{text-wrap:balance}
  /* line breaks: sentences flow with the screen width (the PC line breaks inside review text become spaces); no short orphan lines */
  .rev-r p{white-space:normal}
  :is(.story-t,.disc p,.kp-b p,.care-c p,.safe-note,.pres-tx p,.how-card p,.rev-r p,.info dd,.info-note,.look-q p,.acc-c p,.pf-top p){text-wrap:pretty}
  :is(.kp-h,.care-h,.pres-tx h2,.kp-b h3,.info h2){text-wrap:balance}
}
/* HOW TO USE (56px) is 340px wide: on screens narrower than that it breaks into two lines instead of being cut or shrunk */
@media (max-width:380px){
  .how-word{white-space:normal;left:var(--m-gut,20px);right:var(--m-gut,20px);line-height:.95}
  .m-rich .how-word{transform:none}
}

/* HOW TO USE background: the picture is never stretched (object-fit: cover); only WHICH part of it is shown is set here, per device.
   Goal: the bottle + IMPETVS label stay clear of the big title (top) and of the white card (bottom right on PC / bottom on phones).
   PC: the picture is wider than its box, 72% shifts the bottle left, away from the card.  Phones: the box is very tall and narrow, 45% centres the label. */
.how-bg img{object-position:72% 50%}
@media (max-width:900px){.how-bg img{object-position:45% 50%}}

/* 카카오톡 상담: icon only. Container = a white circle, with the OFFICIAL KakaoTalk symbol (dark #3C1E1E bubble, Kakao's own file) (Kakao's own file, only scaled, never redrawn or recoloured).
   48px (>= 44px touch target), stacked ABOVE the floating 구매하기 button (44px tall, 28px / 16px from the edge) with a 12px gap. The name comes from aria-label; the tooltip shows on hover / keyboard focus. */
.pkc{position:fixed;right:28px;bottom:84px;z-index:66;display:block;width:48px;height:48px;box-sizing:border-box;border-radius:50%;background:#fff url("data:image/png;base64,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") center / 27px auto no-repeat;box-shadow:0 4px 16px rgba(0,0,0,.28);text-decoration:none}
.pkc[data-tip]{position:fixed}.pkc:hover{filter:brightness(.96)}.pkc:focus-visible{outline:2px solid #fff;outline-offset:3px}
.pkc[data-tip]:hover::after,.pkc[data-tip]:focus-visible::after{content:attr(data-tip);position:absolute;top:50%;right:calc(100% + 10px);left:auto;bottom:auto;transform:translateY(-50%);padding:7px 10px;background:#2e2f33;color:#fff;font:500 12px/1 var(--font-sans);letter-spacing:0;white-space:nowrap;pointer-events:none;box-shadow:0 6px 16px rgba(0,0,0,.25)}
@media (max-width:900px){.pkc{right:16px;bottom:72px}}

/* hero picture: on phones / touch screens its size and framing never change (no scroll zoom, no parallax). The section is as tall as the SMALL viewport (100svh), so the address bar
   folding / unfolding does not resize the cover picture. It scrolls away with the page (nothing is position:fixed). The wide-screen zoom above is untouched. */
@media (max-width:900px),(hover:none) and (pointer:coarse){
  .m-rich .hero-bg img,.hero-bg img{transform:scale(1.04);transition:none;will-change:auto}
}