.detail-page{background:#fff}
.detail-header{height:137px}
.detail-header .language-label{font-size:14px;white-space:nowrap}
.detail-page .menu-columns a:not(.menu-title){color:#eee9e5}
.detail-hero{height:625px;background:#a1a1a1;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 20px 20px}
.detail-hero>p:first-child{font-size:29px;line-height:1.3}
.detail-hero h1{margin-top:16px;font-size:60px;font-weight:500;line-height:1.2}
.detail-hero>p:last-child{margin-top:51px;font-size:24px;line-height:1.4;letter-spacing:-.035em}
.detail-intro{position:relative;isolation:isolate;overflow:hidden;height:628px;background:#231a12;background-image:radial-gradient(ellipse 36% 68% at 50% 54%,#4b3f33 0%,rgba(75,63,51,.62) 43%,rgba(75,63,51,0) 100%),linear-gradient(180deg,#231a12 0%,#2d231a 62%,#392e25 100%);color:#f4eee8;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}
.intro-line{display:block;width:2px;height:119px;margin-bottom:72px}
.detail-intro p{font-size:22px;line-height:1.55}
.intro-line[data-aos="trini-line"]{position:relative;--intro-line-height:119px}
.intro-line[data-aos="trini-line"]::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#241b12 0%,#e8e3da 100%)}
.intro-line[data-aos="trini-line"].aos-init::before{clip-path:inset(0 0 100% 0);transition:clip-path .6s linear}
.intro-line[data-aos="trini-line"].aos-init.aos-animate::before{clip-path:inset(0 0 0 0)}
.intro-line[data-aos="trini-line"]::after{content:"";position:absolute;left:50%;top:0;width:7px;height:7px;border-radius:50%;background:#e8e3da;box-shadow:0 0 10px 3px rgba(232,227,218,.65);transform:translate(-50%,-50%);opacity:0}
.intro-line[data-aos="trini-line"].aos-init.aos-animate::after{animation:intro-laser-tip .6s linear both}
@keyframes intro-laser-tip{0%{opacity:0;transform:translate(-50%,-50%)}10%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translate(-50%,calc(var(--intro-line-height) - 50%))}}
@media(max-width:650px){.intro-line[data-aos="trini-line"]{--intro-line-height:60px}}
@media(prefers-reduced-motion:reduce){.intro-line[data-aos="trini-line"].aos-init::before{clip-path:none;transition:none}.intro-line[data-aos="trini-line"].aos-init.aos-animate::after{animation:none}}
.detail-marquee{height:185px;background:#fff;overflow:hidden;white-space:nowrap;font-family:var(--font-en);font-size:140px;line-height:1;color:#e6dfd4;letter-spacing:.07em}
.detail-marquee-track{display:flex;align-items:center;width:max-content;height:100%;animation:detail-marquee-left 36s linear infinite;will-change:transform}
.detail-marquee-set{flex:none;white-space:nowrap}
@keyframes detail-marquee-left{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.detail-marquee-track{animation:none}}
.detail-section{padding:150px max(calc((100vw - 1440px)/2),5vw) 100px;overflow:hidden}
.soft-section{background:#e8e4dc}
.warm-section{background:#f6f0e7}
.white-section{background:#fff}
.detail-section-heading{text-align:center;color:#281e17}
.detail-section-heading>p:first-child{font-size:24px}
.detail-section-heading h2{margin-top:20px;font-size:43px;line-height:1.3;font-weight:600;letter-spacing:-.04em}
.heading-description{margin-top:34px;font-size:19px;line-height:1.5;letter-spacing:-.025em}
.detail-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px;margin-top:100px}
.detail-card{min-width:0}
.detail-card>img{width:100%;height:312px;object-fit:cover;background:#ded3c6}
.detail-card-copy{padding:25px 0 24px;border-bottom:1px solid #b7aba0}
.detail-card-copy>span{font-size:17px;color:#aa9483}
.detail-card-copy h3{margin-top:13px;font-size:21px;font-weight:600}
.detail-card-copy p{margin-top:15px;font-size:16px;line-height:1.5;color:#584b41;letter-spacing:-.03em}
.formation-section{height:1120px}
.formation-note{text-align:center;margin-top:105px;font-size:21px;line-height:1.5}
.formation-note span{display:block;margin-bottom:13px;color:#a4846a;font-size:20px}
.melasma-types{height:1000px}
.types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:93px}
.types-grid article{padding-bottom:28px;border-bottom:1px solid #bbaea1}
.type-images{display:grid;grid-template-columns:1fr 1fr;height:290px;overflow:hidden}
.type-images img{width:100%;height:100%;object-fit:cover}
.types-grid article>p.aboreto{margin-top:25px;font-size:18px;color:#a68973}
.types-grid h3{margin-top:9px;font-size:24px}
.types-grid article>p:last-child{margin-top:15px;font-size:16px;line-height:1.55;color:#62564b}
.approach-section{height:1100px}
.approach-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:27px;margin-top:100px;border:0;border-radius:0;padding:52px}
.approach-grid::before{content:"";position:absolute;inset:0;background:url("images/melasma/approach-outline.png") center/100% 100% no-repeat;pointer-events:none}
.approach-placeholder{height:360px;background:#c9c9c9;display:grid;place-items:center;color:#e7e7e7}
.approach-placeholder span{font-size:100px;opacity:.8}
.approach-grid article>p.aboreto{margin-top:27px;font-size:18px;color:#aa9180}
.approach-grid h3{margin-top:12px;font-size:21px}
.approach-grid article>p:last-child{margin-top:14px;font-size:16px;line-height:1.55}
.compare-section{height:1300px}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:85px;border-top:1px solid #b2a296;padding-top:35px}
.compare-grid article{min-width:0}
.compare-head{height:155px;display:grid;grid-template-columns:70px 1fr;gap:20px}
.compare-head span{font-size:22px;font-weight:600}
.compare-head p{font-size:16px;line-height:1.55;color:#61564d}
.compare-grid img{width:100%;height:450px;object-fit:cover}
.compare-bottom{display:grid;grid-template-columns:135px 1fr;gap:20px 10px;padding:35px 0;font-size:16px;line-height:1.5}
.compare-bottom b{font-weight:600}
.compare-bottom span{grid-column:2;color:#9b785d}
.other-mole-types{height:1150px}
.other-mole-types .formation-note{margin-top:90px}
.other-care-section{height:1650px;background:#e9e3da url("images/other-pigmentation/section2.jpg") center/cover no-repeat}
.care-layout{display:grid;grid-template-columns:470px 1fr;gap:60px;margin-top:90px;align-items:end}
.mark-vu{align-self:stretch;display:flex;flex-direction:column;justify-content:end;padding-bottom:15px}
.mark-vu img{width:100%;height:675px;object-fit:contain;object-position:left bottom}
.mark-vu>p.aboreto{font-size:48px;color:#d3c6b9;margin-top:20px}
.mark-vu h3{font-size:22px;margin-top:15px}
.mark-vu>p:last-child{font-size:16px;line-height:1.5;margin-top:15px;max-width:330px}
.care-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px 13px}
.care-grid article{min-width:0;border-bottom:1px solid #baaea2;padding-bottom:22px}
.care-grid img{width:100%;height:230px;object-fit:cover}
.care-grid p.aboreto{font-size:13px;color:#9c8573;margin-top:20px;min-height:26px}
.care-grid h3{font-size:19px;margin-top:7px}
.care-grid article>p:last-child{font-size:14px;line-height:1.5;margin-top:15px}
.other-targeting{height:850px}
.other-targeting .approach-grid{margin-top:80px;padding:34px}
.other-targeting .approach-placeholder{height:255px}
.spots-types{height:1100px}
.spots-types .formation-note{margin-top:80px}
.type-single{display:block;width:100%;height:315px;object-fit:cover}
.spots-lesions{height:1600px}
.lesions-list{display:flex;flex-direction:column;gap:44px;margin-top:95px}
.lesions-list article{display:grid;grid-template-columns:43% 1fr;gap:80px;align-items:center}
.lesions-list img{width:100%;height:310px;object-fit:contain}
.lesions-list h3{font-size:31px}
.lesions-list p{font-size:18px;line-height:1.55;margin-top:15px;color:#5f5349}
.lesions-list h4{font-size:18px;margin:30px 0 0}
.spots-solution{height:1000px}
.spots-compare{height:1270px}
.vascular-types{height:1250px}
.vascular-approach{height:1310px}
.vascular-types .type-single{height:440px}
.rosacea-triggers{height:1100px}
.rosacea-works{height:1100px}
.rosacea-lesions{height:1640px}
.rosacea-lesion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:90px}
.rosacea-lesion-grid article{min-height:525px;background-position:center;background-size:cover;display:flex;align-items:center;padding:48px;color:#fff;text-shadow:0 1px 3px #1b130d80}
.rosacea-lesion-grid article>div{max-width:315px}
.rosacea-lesion-grid h3{font-size:30px;font-weight:600}
.rosacea-lesion-grid p{font-size:17px;line-height:1.55;margin-top:18px}
.rosacea-lesion-grid h4{font-size:17px;margin-top:32px}
.rosacea-lesion-grid ul{margin:15px 0 0;padding-left:19px;font-size:15px;line-height:1.8}
.rosacea-approach{height:1100px}
.lifting-signs{height:1000px}
.lifting-principles{height:1100px}
.lifting-principles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:90px;border:1px solid #d7cec4;border-radius:65px 0 0 65px;padding:42px}
.lifting-principles-grid article{min-width:0;border-bottom:1px solid #c9bdb0;padding-bottom:25px}
.lifting-principles-grid img{width:100%;height:300px;object-fit:cover}
.lifting-principle-copy{padding-top:25px}
.lifting-principle-copy>p:first-child{font-size:17px;color:#a78d78}
.lifting-principle-copy h3{font-size:21px;margin-top:11px;line-height:1.35}
.lifting-principle-copy>p:last-child{font-size:16px;line-height:1.55;margin-top:17px;color:#5c5149}
.lifting-solutions{height:2030px;background:#d9d0c9}
.lifting-solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:320px;width:100%;max-width:1440px;margin:90px auto 0}
.lifting-solution-grid>img{width:100%;height:100%;object-fit:cover}
.lifting-solution-grid article{display:grid;grid-template-columns:78px 1fr 85px;align-items:center;gap:18px;background:#fff;padding:35px 42px}
.lifting-solution-number{font-size:62px;color:#c7b8aa}
.lifting-solution-grid h3{font-size:25px;line-height:1.35;font-weight:600;word-break:keep-all}
.lifting-solution-grid article div p{font-size:17px;line-height:1.55;margin-top:19px;color:#5d5148}
.lifting-solution-grid article>span:last-child{align-self:end;text-align:right;color:#b09c8b;font-size:14px}
.lifting-page .recommend-section{height:750px}
.firming-page .recommend-section{height:692px}
.lifting-page .lineup-section,.firming-page .lineup-section{height:1150px}
.lifting-page .results-section{height:700px}
.firming-page .results-section{height:826px}
.firming-page .detail-hero{height:646px}
.firming-page .detail-marquee{height:218px}
.firming-signs{height:982px;background:#e8e3da}
.firming-approach{height:1126px;padding-top:100px}
.firming-approach-grid{margin-top:91px;padding:90px 180px 80px;gap:20px}
.firming-approach-grid article{min-width:0;border-bottom:1px solid #b7aba0;padding-bottom:22px}
.firming-approach-image{position:relative;display:block;aspect-ratio:345/303;overflow:hidden;background:#eee7df}
.firming-approach-sprite{position:absolute;top:0;left:0;display:block;width:556.522%;height:auto;max-width:none;transform:translate(-22.031%,-32.946%)}
.firming-approach-sprite-2{transform:translate(-40.99%,-32.946%)}
.firming-approach-sprite-3{transform:translate(-60.052%,-32.946%)}
.firming-approach-grid article>p.aboreto{margin-top:20px;font-size:15px;color:#8d7765}
.firming-approach-grid h3{margin-top:8px;font-size:20px;font-weight:700}
.firming-approach-grid article>p:last-child{margin-top:14px;font-size:14px;line-height:1.55;color:#43382f}
.firming-contours{height:1390px;padding-top:105px;background:#e8e3da}
.firming-contour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:114px}
.firming-contour-grid article{min-height:414px;display:flex;align-items:flex-start;background-position:center;background-size:cover;padding:45px 30px}
.firming-contour-grid article>div{max-width:320px}
.firming-contour-grid .aboreto{display:none}
.firming-contour-grid h3{font-size:24px;margin-top:0}
.firming-contour-grid article>div>p:last-child{font-size:16px;line-height:1.55;margin-top:16px;color:#43382f}
.wrinkle-balance{height:1100px}
.wrinkle-lines{height:1400px;background:#e9e4dc}
.wrinkle-line-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:90px}
.wrinkle-line-grid article{min-height:420px;padding:48px;display:flex;align-items:flex-start;background-size:cover;background-position:center}
.wrinkle-line-grid article>div{max-width:300px}
.wrinkle-line-grid h3{font-size:25px;font-weight:600}
.wrinkle-line-grid p{font-size:17px;line-height:1.55;margin-top:20px;color:#42382f}
.wrinkle-solutions{height:1450px}
.wrinkle-solution-grid{margin-top:105px}
.wrinkles-page .recommend-section{height:750px}
.wrinkles-page .results-section{height:650px}
.botox-care{height:1100px}
.botox-care-layout{display:grid;grid-template-columns:minmax(0,610px) minmax(0,1fr);gap:85px;max-width:1440px;margin:90px auto 0;align-items:stretch}
.botox-care-layout>img{width:100%;height:520px;object-fit:cover}
.botox-care-layout>div{display:flex;flex-direction:column;justify-content:space-between}
.botox-care-layout article{border-bottom:1px solid #bfb3a8;padding:18px 0 27px}
.botox-care-layout article .aboreto{font-size:18px;color:#a48c78}
.botox-care-layout h3{font-size:25px;margin-top:12px}
.botox-care-layout article>p:last-child{font-size:17px;line-height:1.55;color:#5c5048;margin-top:15px}
.botox-principles{height:1100px}
.botox-design{height:1000px}
.botox-design .botox-cards{border:0;border-radius:0;padding:0;margin-top:95px}
.botox-design .botox-cards img{height:315px}
.botox-areas{height:1891px;background:#ede7de}
.botox-areas-layout{display:grid;grid-template-columns:42% 1fr;gap:60px;max-width:1440px;margin:90px auto 0;align-items:start}
.botox-areas-layout>img{width:100%;height:1150px;object-fit:cover;object-position:center top}
.botox-areas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 24px}
.botox-areas-grid article{min-height:270px;border-bottom:1px solid #c6bdb4;padding:17px 0}
.botox-areas-grid h3{font-size:23px;font-weight:600}
.botox-areas-grid p{font-size:15px;line-height:1.5;color:#5c514a;margin-top:12px}
.botox-areas-grid ul{list-style:none;padding:0;margin:18px 0 0}
.botox-areas-grid li{font-size:14px;line-height:1.5;color:#75685e;margin-top:6px}
.regeneration-about{height:950px}
.regeneration-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1080px;margin:85px auto 0}
.regeneration-steps article{min-width:0;border-bottom:1px solid #bfb4a8}
.regeneration-steps img{width:100%;height:302px;object-fit:cover}
.regeneration-step-copy{padding:23px 0 29px}
.regeneration-step-copy span{font-size:16px;color:#a78f7c}
.regeneration-step-copy h3{font-size:22px;font-weight:600;margin-top:10px}
.regeneration-step-copy p{font-size:16px;line-height:1.55;color:#5a4e44;margin-top:13px}
.regeneration-ingredients{height:1388px;background:#e7e1d8}
.regeneration-ingredient-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1440px;margin:86px auto 0}
.regeneration-ingredient{min-width:0}
.regeneration-ingredient-image{position:relative;height:458px}
.regeneration-ingredient-image img{width:100%;height:100%;object-fit:cover}
.regeneration-ingredient-image>div{position:absolute;left:26px;right:25px;top:26px;display:flex;gap:20px;align-items:flex-start;color:#34291f}
.regeneration-ingredient-image strong{font-family:var(--font-en);font-size:25px;min-width:45px}
.collagen-page .regeneration-ingredient-image strong{font-family:var(--font-ko);font-size:23px;min-width:85px;white-space:nowrap;line-height:1.3}
.regeneration-ingredient-image p{font-size:15px;line-height:1.5;padding-top:3px;max-width:460px}
.regeneration-ingredient-info{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:27px}
.regeneration-ingredient-info>div{border-bottom:1px solid #b9aea3;padding-bottom:28px;min-width:0}
.regeneration-ingredient-info h3{font-size:21px;font-weight:600}
.regeneration-ingredient-info ul{padding:0;margin:21px 0 0;list-style:none}
.regeneration-ingredient-info li{font-size:15px;line-height:1.55;margin-top:9px;color:#5b514a}
.regeneration-ingredient-info li::before{content:'◯';font-size:12px;margin-right:10px;color:#8f7d6e}
.regeneration-ingredient-info>div>p{font-size:15px;line-height:1.55;color:#5b514a;margin-top:18px}
.regeneration-ingredient-info dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 0}
.regeneration-ingredient-info dt{font-size:14px;font-weight:600}
.regeneration-ingredient-info dd{font-size:13px;line-height:1.4;color:#6d6259;margin:8px 0 0}
.regeneration-page .results-section{height:850px}
.acne-intro-label{position:absolute;top:90px;right:max(8vw,120px);font-size:20px;font-weight:600;color:#38b8c6}
.acne-understanding{height:1000px}
.acne-types{height:1600px;background:#e9e3da url("images/acne/section2.jpg") center/cover no-repeat}
.acne-types .care-layout{align-items:end}
.acne-types .mark-vu img{height:570px}
.acne-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 14px}
.acne-type-grid img{height:247px}
.acne-type-grid article>p:last-child{font-size:13px}
.acne-stages{height:1100px}
.acne-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1330px;margin-left:auto;margin-right:auto}
.acne-stage-grid img{height:302px}
.acne-control{height:2025px;background:#e8e4dc}
.acne-control-icons{display:flex;justify-content:center;gap:80px;margin:65px auto 85px}
.acne-control-icons>div{display:flex;flex-direction:column;align-items:center;gap:12px;color:#8c7d70;font-size:15px}
.acne-control-icons img{width:62px;height:62px;object-fit:contain}
.acne-control-main{display:grid;grid-template-columns:60% 1fr;gap:50px;align-items:center;max-width:1440px;margin:auto}
.acne-control-main>img{width:100%;height:349px;object-fit:cover}
.acne-control-main article{display:grid;grid-template-columns:80px 1fr;gap:20px;align-items:start}
.acne-control-main article>span,.acne-control-secondary>span{font-size:64px;line-height:1;color:#c2b4a6}
.acne-control-main h3,.acne-control-secondary h3{font-size:26px;font-weight:600}
.acne-control-main article p,.acne-control-secondary p{font-size:17px;line-height:1.6;margin-top:20px;color:#5c5048}
.acne-control-secondary{display:grid;grid-template-columns:80px 1fr;gap:20px;max-width:1440px;margin:80px auto 45px}
.acne-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:1440px;margin:auto}
.acne-process-grid article{min-width:0;border-bottom:1px solid #bcb0a5;padding-bottom:20px}
.acne-process-grid img{width:100%;height:329px;object-fit:cover}
.acne-process-grid p{font-size:16px;color:#a68d78;margin-top:17px}
.acne-process-grid span{display:block;font-size:14px;line-height:1.55;color:#5e5249;margin-top:9px}
.acne-page .recommend-oval{background-image:url("images/recommend/acne.png")}
.acne-page .results-section{height:600px}
.marks-beyond{height:950px;padding-top:106px}
.marks-beyond .detail-section-heading>p:first-child{font-family:var(--font-ko);font-size:20px;line-height:36px;font-weight:500}
.marks-beyond .detail-section-heading h2{margin-top:20px;font-size:40px;line-height:48px;font-weight:700}
.marks-beyond .heading-description{margin-top:40px;font-size:24px;line-height:34px;font-weight:500}
.marks-beyond-layout{display:grid;grid-template-columns:minmax(0,449px) minmax(0,710px);justify-content:space-between;gap:32px;width:min(1318px,100%);margin:80px 0 0 auto;align-items:start}
.marks-beyond-intro h3{font-size:30px;line-height:36px;font-weight:700}
.marks-beyond-intro>p{font-size:20px;line-height:28px;font-weight:500;color:#231a11;max-width:415px;margin-top:20px}
.marks-icons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(449px,100%);margin-top:60px}
.marks-icons>div{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;min-width:0;color:#817b77;font-size:14px;line-height:20px;font-weight:600;text-align:center}
.marks-icons>div:not(:last-child)::after{content:"";position:absolute;right:0;top:42px;width:1px;height:85px;background:#817b77}
.marks-icons img{display:block;width:122px;height:122px;max-width:100%;object-fit:contain}
.marks-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.marks-photo-grid article{display:flex;flex-direction:column;min-width:0;border-bottom:1px solid #817b77}
.marks-photo-grid img{display:block;width:100%;height:303px;object-fit:cover}
.marks-photo-copy{flex:1;padding:32px 27px 40px}
.marks-photo-grid .marks-photo-copy p.aboreto{font-family:var(--font-ko);font-size:12px;line-height:12px;font-weight:700;color:#817b77}
.marks-photo-grid .marks-photo-copy h3{font-size:20px;line-height:24px;font-weight:700;margin-top:8px}
.marks-photo-grid .marks-photo-copy>p:last-child{font-size:14px;line-height:20px;color:#231a11;margin-top:18px}
.marks-process{height:1050px}
.marks-process .detail-card-grid{margin-top:85px}
.marks-process .detail-card-copy p{font-size:15px}
.marks-process .process-note{margin-top:32px}
.marks-scars{height:950px}
.marks-scar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;max-width:1100px;margin:88px auto 0}
.marks-scar-grid article{border-bottom:1px solid #bfb4a9;padding-bottom:28px}
.marks-scar-grid article>img{width:100%;height:302px;object-fit:cover}
.marks-scar-grid article>p.aboreto{font-size:16px;color:#a78e7a;margin-top:23px}
.marks-scar-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:9px}
.marks-scar-title h3{font-size:24px;font-weight:600}
.marks-scar-title img{width:36px;height:36px;object-fit:contain}
.marks-scar-grid article>p:last-child{font-size:15px;line-height:1.55;color:#5a4e46;margin-top:14px}
.marks-solution{height:1127px}
.marks-solution .approach-grid{margin-top:86px}
.marks-page .recommend-oval{background-image:url("images/recommend/acne-marks-scars.png")}
.marks-page .results-section{height:850px}
.pores-causes{height:1100px}
.pores-cause-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;max-width:1100px;margin:88px auto 0}
.pores-cause-grid article{min-width:0;border-bottom:1px solid #bfb4a9;padding-bottom:30px}
.pores-cause-grid img{display:block;width:100%;height:302px;object-fit:cover}
.pores-cause-grid p.aboreto{font-size:16px;color:#a78e7a;margin-top:24px}
.pores-cause-grid h3{font-size:24px;font-weight:600;margin-top:10px}
.pores-cause-grid article>p:last-child{font-size:15px;line-height:1.55;color:#5a4e46;margin-top:17px}
.pores-solution{height:1154px}
.pores-solution .approach-grid{margin-top:86px}
.pores-page .recommend-oval{background-image:url("images/recommend/pores.png")}
.pores-page .results-section{height:850px}
.other-scars-burn{height:1050px}
.other-scars-burn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1440px;margin:88px auto 0}
.other-scars-burn-grid article{position:relative;min-height:414px;background-position:center;background-size:cover;overflow:hidden;display:flex;align-items:center;padding:38px}
.other-scars-burn-grid article::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f1ece4db 0%,#f1ece498 42%,transparent 78%)}
.other-scars-burn-grid article>div{position:relative;max-width:300px}
.other-scars-burn-grid h3{font-size:25px;font-weight:600}
.other-scars-burn-grid p{font-size:15px;line-height:1.55;margin-top:17px}
.other-scars-burn-grid h4{font-size:17px;margin-top:29px}
.other-scars-burn-grid ul{list-style:none;padding:0;margin:11px 0 0}
.other-scars-burn-grid li{font-size:14px;line-height:1.7}
.other-scars-burn-grid li::before{content:"○";margin-right:10px;font-size:11px}
.other-scars-trauma{height:1000px}
.other-scars-trauma .detail-card-grid{margin-top:88px}
.other-scars-trauma .detail-card-copy p{font-size:15px}
.other-scars-surgery{height:950px}
.other-scars-surgery-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px;margin:80px auto 0}
.other-scars-surgery-grid .detail-card>img{height:302px}
.other-scars-solution{height:979px}
.other-scars-solution .approach-grid{margin-top:86px}
.other-scars-page .recommend-oval{background-image:url("images/recommend/other-scars.png")}
.other-scars-page .results-section{height:850px}
.trigger-section{height:1080px}
.three-cards{grid-template-columns:repeat(3,1fr);gap:25px}
.three-cards .detail-card>img{height:350px}
.process-section{height:1100px}
.process-note{text-align:right;margin-top:25px;color:#8a7e74;font-size:14px}
.diseases-section{height:1240px;color:#fff;background:#75675e url("images/melasma/section5.jpg") center/cover no-repeat}
.diseases-inner{width:1440px;height:100%;margin:auto;display:grid;grid-template-columns:560px 1fr;gap:65px;align-items:center}
.diseases-intro{align-self:start;padding-top:205px;text-shadow:0 1px 3px #0005}
.diseases-intro h2{font-size:34px;font-weight:600}
.diseases-intro p{margin-top:35px;font-size:20px;line-height:1.55}
.diseases-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:255px;gap:12px}
.diseases-grid article{padding:27px 28px;overflow:hidden;background-position:center;background-size:cover;text-shadow:0 1px 3px #0009}
.diseases-grid article>span{font-size:13px}
.diseases-grid article h3{margin-top:8px;font-size:23px}
.diseases-grid article p{margin-top:15px;font-size:14px;line-height:1.5}
.diseases-grid article:nth-child(5){grid-column:1 / 3;background-position:center 43%}
.recommend-section{height:692px;background:#f1efed}
.recommend-inner{width:1160px;height:100%;margin:auto;display:grid;grid-template-columns:1fr 345px;gap:130px;align-items:center}
.recommend-inner>div:first-child>p{font-size:18px}
.recommend-inner h2{font-size:35px;margin-top:14px}
.recommend-inner h2::after{content:"";display:block;width:71px;height:2px;margin-top:42px;background:#231a11}
.recommend-inner ul{list-style:none;margin:37px 0 0;padding:0}
.recommend-inner li{padding:12px 0;border-bottom:1px solid #cbc7c2;font-size:18px}
.recommend-oval{height:480px;width:345px;border-radius:300px;background-color:#dad4c9;background-position:center;background-size:cover;background-repeat:no-repeat}
[data-page="pigmentation"] .recommend-oval{background-image:url("images/recommend/pigmentation.png")}
[data-page="other"] .recommend-oval{background-image:url("images/recommend/other-pigmentation.png")}
[data-page="vascular"] .recommend-oval{background-image:url("images/recommend/vascular.png")}
[data-page="lifting"] .recommend-oval{background-image:url("images/recommend/lifting.png")}
[data-page="firming"] .recommend-oval{background-image:url("images/recommend/firming.png")}
[data-page="wrinkles-volume"] .recommend-oval{background-image:url("images/recommend/wrinkles-volume.png")}
[data-page="botox-fillers"] .recommend-oval{background-image:url("images/recommend/botox-fillers.png")}
[data-page="skin-regeneration"] .recommend-oval{background-image:url("images/recommend/skin-regeneration.png")}
[data-page="collagen-booster"] .recommend-oval{background-image:url("images/recommend/collagen-booster.png")}
.lineup-section{position:relative;isolation:isolate;min-height:1165px;height:auto!important;overflow:hidden;padding:82px 0 120px;color:#ebe1d0;background:radial-gradient(ellipse 74% 60% at 6% 48%,#513020 0%,transparent 72%),radial-gradient(ellipse 80% 75% at 93% 52%,#46271a 0%,transparent 72%),#1b0e08}
.lineup-section::after{content:"";position:absolute;z-index:-1;left:8%;right:8%;bottom:-340px;height:390px;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 0%,#6d4d3b 0%,#352015 62%,transparent 76%);pointer-events:none}
.lineup-inner{width:100%;margin:auto}
.lineup-section.has-entrance .detail-section-heading,.lineup-section.has-entrance .device-scroll,.lineup-section.has-entrance .lineup-progress{opacity:0;transform:translateY(30px);transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .85s cubic-bezier(.22,1,.36,1)}
.lineup-section.has-entrance .device-scroll,.lineup-section.has-entrance .lineup-progress{transition-delay:.12s}
.lineup-section.has-entrance.is-active .detail-section-heading,.lineup-section.has-entrance.is-active .device-scroll,.lineup-section.has-entrance.is-active .lineup-progress{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.lineup-section.has-entrance .detail-section-heading,.lineup-section.has-entrance .device-scroll,.lineup-section.has-entrance .lineup-progress{opacity:1;filter:none;transform:none;transition:none}}
.lineup-section .detail-section-heading{color:#ebe1d0}
.lineup-section .detail-section-heading>p:first-child{font-size:20px;line-height:30px}
.lineup-section .detail-section-heading h2{margin-top:40px;font-size:40px;line-height:1;font-weight:700}
.lineup-section .heading-description{margin-top:48px;font-size:24px;line-height:34px;font-weight:500}
.device-scroll{display:flex;gap:20px;width:min(1440px,calc(100% - 48px));margin:81px auto 0;padding:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:none;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-y;cursor:grab}
.device-scroll::-webkit-scrollbar{display:none}
.device-scroll.is-dragging{cursor:grabbing;user-select:none}
.device-card{position:relative;display:block;flex:0 0 345px;width:345px;height:622px;padding:0;overflow:hidden;border:0;border-radius:0;background:linear-gradient(180deg,#f5f3f1 0%,#efedeb 68%,#dedad6 100%);color:#231a11;text-align:left;scroll-snap-align:start;cursor:pointer;appearance:none}
.device-card:focus-visible{outline:3px solid #d7bba4;outline-offset:-3px}
.device-image{position:absolute;inset:0;display:block;overflow:hidden}
.device-image img{position:absolute;left:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal;pointer-events:none;user-select:none}
.device-image-pending{position:absolute;top:47%;left:0;width:100%;color:#bcb4ae;font-family:var(--font-en);font-size:29px;line-height:1.45;letter-spacing:.08em;text-align:center}
.device-card::after{content:"";position:absolute;inset:0 0 auto;height:118px;background:linear-gradient(180deg,#fff 35%,rgba(255,255,255,0));pointer-events:none;transition:height .45s ease}
.device-card.is-active::after,.device-card:hover::after,.device-card:focus-visible::after{height:360px;background:linear-gradient(180deg,#fff 18%,rgba(255,255,255,.93) 55%,rgba(255,255,255,0) 100%)}
.device-card-copy{position:absolute;z-index:1;top:30px;left:31px;right:31px;display:block}
.device-card-copy strong{display:block;font-size:20px;line-height:1.2;font-weight:600}
.device-card-copy>span{display:block;margin-top:21px;font-size:14px;line-height:20px;font-weight:400;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}
.device-card.is-active .device-card-copy>span,.device-card:hover .device-card-copy>span,.device-card:focus-visible .device-card-copy>span{opacity:1;transform:none}
.lineup-progress{position:relative;width:440px;max-width:calc(100% - 44px);height:4px;margin:77px auto 0;background:#c8c8c8}
.lineup-progress[hidden]{display:none}
@media(min-width:1051px){.firming-page .lineup-section{padding-bottom:101px}}
.lineup-progress-thumb{position:absolute;left:0;top:0;height:100%;width:50%;background:#836f5a}
.results-section{height:600px;background:linear-gradient(135deg,#c2bfbd,#d8d6d4 50%,#aba7a5);text-align:center;padding-top:100px}
.results-section .detail-section-heading>p:first-child{font-size:19px}
.results-section .detail-section-heading h2{font-size:38px}
.results-section .heading-description{font-size:18px}
.results-pending{margin-top:100px;color:#5f5a55;font-size:17px}
.results-section>a{display:inline-block;margin-top:90px;font-family:var(--font-en);font-size:16px}
.results-case-list:empty{display:none}
.results-section.has-cases{height:auto!important;min-height:780px;padding-bottom:95px}
.results-case-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:min(1120px,calc(100% - 48px));margin:50px auto 0}
.results-case-card{min-width:0;padding:13px;background:#f8f6f3;text-align:left}
.results-case-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.results-case-pair figure{min-width:0;margin:0;background:#e9e5e0}
.results-case-pair img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain}
.results-case-pair figcaption{padding:8px;color:#fff;background:#35271e;font-size:12px;text-align:center}
.results-case-card h3{margin:16px 5px 7px;font-size:17px;line-height:1.45;word-break:keep-all}
.results-section.has-cases>a{margin-top:40px}
@media(max-width:700px){.results-section.has-cases{padding-bottom:75px}.results-case-list{grid-template-columns:1fr;width:calc(100% - 32px);margin-top:34px}.results-case-card h3{font-size:15px}}
.detail-page .consultation{height:576px}

@media(max-width:1500px){.detail-section{padding-left:5%;padding-right:5%}.diseases-inner,.lineup-inner{width:90%}.diseases-inner{grid-template-columns:38% 1fr;gap:4%}.recommend-inner{width:75%}.detail-card>img{height:23vw}.type-images{height:19vw}.approach-placeholder{height:26vw}.compare-grid img{height:29vw}}
@media(max-width:1050px){.detail-header{height:95px}.detail-hero{height:500px;padding-top:95px}.detail-hero h1{font-size:44px}.detail-hero>p:first-child{font-size:21px}.detail-hero>p:last-child{font-size:18px}.detail-intro{height:430px}.detail-intro p{font-size:18px}.detail-marquee{height:130px;font-size:100px}.detail-section-heading h2{font-size:32px}.heading-description{font-size:16px}.detail-section{height:auto!important;min-height:650px;padding-top:100px;padding-bottom:100px}.detail-card-grid{margin-top:70px}.detail-card-copy p{font-size:13px}.formation-note{margin-top:65px;font-size:17px}.types-grid article>p:last-child,.approach-grid article>p:last-child{font-size:13px}.care-layout{grid-template-columns:32% 1fr;gap:4%}.mark-vu img{height:450px}.care-grid{grid-template-columns:repeat(2,1fr)}.care-grid img{height:200px}.diseases-section{height:auto;min-height:950px;padding:80px 0}.diseases-inner{display:block}.diseases-intro{padding-top:10px;padding-bottom:60px}.diseases-grid{grid-auto-rows:190px}.diseases-grid article p{font-size:12px}.recommend-inner{width:80%;gap:7%;grid-template-columns:1fr 35%}.recommend-oval{width:100%;height:380px}.lineup-section{height:980px}.device-card{min-width:240px;width:240px}.device-image{height:320px}.results-section{height:560px}.detail-page .site-footer{height:auto}}
@media(max-width:650px){.detail-header{height:72px}.detail-header .language-label{font-size:12px}.detail-hero{height:400px;padding:88px 22px 0}.detail-hero>p:first-child{font-size:17px}.detail-hero h1{font-size:34px;margin-top:12px}.detail-hero>p:last-child{font-size:14px;margin-top:35px;line-height:1.6}.detail-hero>p:last-child br{display:none}.detail-intro{height:330px;padding:0 25px}.intro-line{height:60px;margin-bottom:35px}.detail-intro p{font-size:14px;line-height:1.6}.detail-intro p br{display:none}.detail-marquee{height:90px;font-size:70px}.detail-section{min-height:0;padding:75px 22px}.detail-section-heading>p:first-child{font-size:16px}.detail-section-heading h2{font-size:25px;margin-top:10px}.heading-description{font-size:14px;margin-top:19px;line-height:1.6}.heading-description br{display:none}.detail-card-grid,.types-grid,.approach-grid,.compare-grid{grid-template-columns:1fr;margin-top:45px;gap:32px}.detail-card>img,.three-cards .detail-card>img{height:270px}.detail-card-copy{padding-top:18px}.detail-card-copy h3{font-size:18px}.detail-card-copy p{font-size:14px}.formation-note{font-size:13px;margin-top:55px}.formation-note br{display:none}.type-images{height:240px}.types-grid article>p:last-child{font-size:14px}.approach-grid{border:0;padding:0;border-radius:0}.approach-placeholder{height:230px}.approach-grid article>p:last-child{font-size:14px}.compare-grid{padding-top:25px}.compare-head{height:auto;display:block;padding-bottom:20px}.compare-head p{font-size:14px;margin-top:10px}.compare-grid img{height:290px}.compare-bottom{font-size:14px;grid-template-columns:100px 1fr}.process-note{font-size:12px}.diseases-section{padding:75px 0}.diseases-inner{width:calc(100% - 44px)}.diseases-intro h2{font-size:27px}.diseases-intro p{font-size:15px;margin-top:18px}.diseases-grid{grid-template-columns:1fr;grid-auto-rows:auto}.diseases-grid article,.diseases-grid article:nth-child(5){grid-column:auto;min-height:225px}.diseases-grid article h3{font-size:19px}.diseases-grid article p{font-size:13px}.recommend-section{height:auto;padding:75px 22px}.recommend-inner{width:100%;display:flex;flex-direction:column;gap:40px}.recommend-inner>div:first-child{width:100%}.recommend-inner>div:first-child>p{font-size:15px}.recommend-inner h2{font-size:25px}.recommend-inner li{font-size:14px;line-height:1.4}.recommend-oval{width:190px;height:265px}.lineup-section{height:790px;padding-top:80px}.lineup-inner{width:calc(100% - 44px)}.lineup-section .heading-description{font-size:14px}.device-scroll{margin-top:55px}.device-card{width:215px;min-width:215px;height:460px}.device-image{height:270px}.device-card h3{font-size:16px}.device-card p{font-size:12px}.results-section{height:470px;padding:70px 22px 0}.results-section .detail-section-heading h2{font-size:25px}.results-section .heading-description{font-size:14px}.results-pending{margin-top:75px;font-size:14px}.results-section>a{margin-top:65px;font-size:13px}.detail-page .consultation{height:340px}}
@media(max-width:650px){.care-layout{display:block}.mark-vu{padding-bottom:35px}.mark-vu img{height:300px;object-position:center}.mark-vu>p.aboreto{font-size:32px}.care-grid{grid-template-columns:repeat(2,1fr);gap:22px 12px}.care-grid img{height:140px}.care-grid h3{font-size:15px}.care-grid p.aboreto{font-size:11px}.care-grid article>p:last-child{font-size:12px}.type-single,.vascular-types .type-single{height:260px}.lesions-list{margin-top:50px;gap:45px}.lesions-list article{display:block}.lesions-list img{height:235px}.lesions-list h3{font-size:23px;margin-top:15px}.lesions-list p{font-size:14px}.lesions-list h4{font-size:16px;margin-top:20px}}
@media(max-width:1050px){.rosacea-lesion-grid article{min-height:420px;padding:28px}.rosacea-lesion-grid h3{font-size:24px}.rosacea-lesion-grid p{font-size:14px}.rosacea-lesion-grid ul{font-size:13px}}
@media(max-width:650px){.rosacea-lesion-grid{grid-template-columns:1fr;margin-top:45px}.rosacea-lesion-grid article{min-height:400px;padding:28px}.rosacea-lesion-grid article>div{max-width:250px}}
@media(max-width:1050px){.lifting-page .recommend-section,.firming-page .recommend-section{height:auto}.lifting-principles-grid{gap:15px;padding:25px}.lifting-principles-grid img{height:22vw}.lifting-principle-copy h3{font-size:17px}.lifting-principle-copy>p:last-child{font-size:13px}.lifting-solution-grid{grid-auto-rows:280px}.lifting-solution-grid article{grid-template-columns:50px 1fr;gap:12px;padding:25px}.lifting-solution-grid article>span:last-child{display:none}.lifting-solution-number{font-size:42px}.lifting-solution-grid h3{font-size:20px}.lifting-solution-grid article div p{font-size:14px}.firming-contour-grid article{min-height:350px;padding:30px}.firming-contour-grid h3{font-size:23px}.firming-contour-grid article>div>p:last-child{font-size:14px}}
@media(max-width:650px){.lifting-principles-grid{grid-template-columns:1fr;border:0;border-radius:0;padding:0;margin-top:48px;gap:35px}.lifting-principles-grid img{height:265px}.lifting-principle-copy h3{font-size:19px}.lifting-principle-copy>p:last-child{font-size:14px}.lifting-solution-grid{grid-template-columns:1fr;grid-auto-rows:auto;margin-top:48px}.lifting-solution-grid>img{height:260px}.lifting-solution-grid article{min-height:205px;padding:25px}.lifting-solution-grid h3{font-size:18px}.lifting-solution-grid article div p{font-size:13px}.lifting-page .lineup-section,.firming-page .lineup-section{height:790px}.lifting-page .results-section,.firming-page .results-section{height:470px}.firming-white-space{height:240px}.firming-contour-grid{grid-template-columns:1fr;gap:12px;margin-top:45px}.firming-contour-grid article{min-height:310px;padding:25px}}
@media(max-width:650px){.lifting-solution-grid>:nth-child(1){order:1}.lifting-solution-grid>:nth-child(2){order:2}.lifting-solution-grid>:nth-child(4){order:3}.lifting-solution-grid>:nth-child(3){order:4}.lifting-solution-grid>:nth-child(5){order:5}.lifting-solution-grid>:nth-child(6){order:6}.lifting-solution-grid>:nth-child(8){order:7}.lifting-solution-grid>:nth-child(7){order:8}}
@media(max-width:1050px){.wrinkles-page .recommend-section{height:auto}.wrinkle-line-grid article{min-height:330px;padding:28px}.wrinkle-line-grid h3{font-size:21px}.wrinkle-line-grid p{font-size:14px}}
@media(max-width:650px){.wrinkle-line-grid{grid-template-columns:1fr;margin-top:45px}.wrinkle-line-grid article{min-height:300px;padding:25px}.wrinkle-line-grid article>div{max-width:210px}.wrinkle-line-grid h3{font-size:19px}.wrinkle-line-grid p{font-size:13px}.wrinkles-page .results-section{height:470px}}
@media(max-width:1050px){.botox-care-layout{grid-template-columns:42% 1fr;gap:5%}.botox-care-layout>img{height:440px}.botox-care-layout h3{font-size:20px}.botox-care-layout article>p:last-child{font-size:14px}.botox-areas-layout{gap:4%}.botox-areas-layout>img{height:950px}.botox-areas-grid article{min-height:235px}.botox-areas-grid h3{font-size:19px}.botox-areas-grid p,.botox-areas-grid li{font-size:12px}}
@media(max-width:650px){.botox-care-layout{display:block;margin-top:45px}.botox-care-layout>img{height:310px}.botox-care-layout article{padding:22px 0}.botox-care-layout h3{font-size:18px}.botox-care-layout article>p:last-child{font-size:13px}.botox-design .botox-cards{margin-top:45px}.botox-design .botox-cards img{height:265px}.botox-areas-layout{display:block;margin-top:45px}.botox-areas-layout>img{height:500px;object-fit:contain}.botox-areas-grid{grid-template-columns:1fr;margin-top:30px;gap:0}.botox-areas-grid article{min-height:0;padding:24px 0}.botox-areas-grid h3{font-size:18px}.botox-areas-grid p,.botox-areas-grid li{font-size:13px}}
@media(max-width:1050px){.regeneration-steps{gap:12px}.regeneration-steps img{height:24vw}.regeneration-step-copy h3{font-size:18px}.regeneration-step-copy p{font-size:13px}.regeneration-ingredient-image{height:30vw}.regeneration-ingredient-info{gap:15px}.regeneration-ingredient-info h3{font-size:17px}.regeneration-ingredient-info li,.regeneration-ingredient-info>div>p{font-size:12px}.regeneration-ingredient-info dl{grid-template-columns:1fr}}
@media(max-width:650px){.regeneration-steps,.regeneration-ingredient-grid{grid-template-columns:1fr;margin-top:45px;gap:35px}.regeneration-steps img{height:255px}.regeneration-step-copy h3{font-size:18px}.regeneration-step-copy p{font-size:13px}.regeneration-ingredient-image{height:310px}.regeneration-ingredient-image>div{left:18px;right:18px;top:18px;gap:10px}.regeneration-ingredient-image strong{font-size:19px;min-width:35px}.regeneration-ingredient-image p{font-size:11px}.regeneration-ingredient-info{gap:16px;margin-top:20px}.regeneration-ingredient-info h3{font-size:15px}.regeneration-ingredient-info li,.regeneration-ingredient-info>div>p{font-size:11px}.regeneration-ingredient-info dl{margin-top:15px}.regeneration-ingredient-info dt,.regeneration-ingredient-info dd{font-size:11px}.regeneration-page .results-section{height:470px}}
@media(max-width:650px){.collagen-page .regeneration-ingredient-image strong{font-size:16px;min-width:64px}}
@media(max-width:1050px){.acne-intro-label{top:50px;right:5%;font-size:15px}.acne-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.acne-type-grid img{height:20vw}.acne-control-main{grid-template-columns:55% 1fr;gap:25px}.acne-control-main article{grid-template-columns:48px 1fr}.acne-control-main article>span,.acne-control-secondary>span{font-size:43px}.acne-control-main h3,.acne-control-secondary h3{font-size:20px}.acne-control-main article p,.acne-control-secondary p{font-size:13px}.acne-process-grid img{height:22vw}}
@media(max-width:650px){.acne-intro-label{display:none}.acne-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.acne-type-grid img{height:170px}.acne-type-grid article>p:last-child{font-size:12px}.acne-stage-grid{grid-template-columns:1fr}.acne-stage-grid img{height:265px}.acne-control-icons{gap:28px;margin:45px auto}.acne-control-icons img{width:45px;height:45px}.acne-control-icons>div{font-size:11px}.acne-control-main{display:block}.acne-control-main>img{height:225px}.acne-control-main article{margin-top:35px}.acne-control-secondary{grid-template-columns:48px 1fr;margin:50px auto 35px}.acne-control-main h3,.acne-control-secondary h3{font-size:18px}.acne-control-main article p,.acne-control-secondary p{font-size:13px}.acne-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.acne-process-grid img{height:155px}.acne-process-grid p{font-size:13px}.acne-process-grid span{font-size:11px}.acne-page .recommend-oval{width:190px;height:265px}}
@media(max-width:1050px){.marks-beyond-layout{gap:4%}.marks-beyond-intro h3{font-size:25px}.marks-beyond-intro>p{font-size:14px}.marks-icons{gap:18px}.marks-icons img{width:50px;height:50px}.marks-photo-grid img{height:24vw}.marks-photo-grid article>p:last-child{font-size:12px}.marks-scar-grid article>img{height:24vw}.marks-scar-grid article>p:last-child{font-size:12px}}
@media(max-width:650px){.marks-beyond-layout{display:block;margin-top:45px}.marks-beyond-intro h3{font-size:21px}.marks-beyond-intro>p{font-size:13px}.marks-icons{justify-content:space-around;margin:35px 0 45px}.marks-icons img{width:48px;height:48px}.marks-photo-grid{gap:10px}.marks-photo-grid img{height:165px}.marks-photo-grid h3{font-size:16px}.marks-photo-grid p.aboreto{font-size:12px}.marks-photo-grid article>p:last-child{font-size:11px}.marks-process .detail-card-grid{margin-top:45px}.marks-process .detail-card-copy p{font-size:13px}.marks-scar-grid{grid-template-columns:1fr;margin-top:45px;gap:32px}.marks-scar-grid article>img{height:245px}.marks-scar-grid article>p:last-child{font-size:13px}.marks-solution .approach-grid{margin-top:45px}.marks-page .recommend-oval{width:190px;height:265px}.marks-page .results-section{height:470px}}
@media(max-width:1050px){.pores-cause-grid img{height:24vw}.pores-cause-grid article>p:last-child{font-size:12px}}
@media(max-width:650px){.pores-cause-grid{grid-template-columns:1fr;margin-top:45px;gap:32px}.pores-cause-grid img{height:245px}.pores-cause-grid p.aboreto{font-size:13px}.pores-cause-grid h3{font-size:19px}.pores-cause-grid article>p:last-child{font-size:13px}.pores-solution .approach-grid{margin-top:45px}.pores-page .recommend-oval{width:190px;height:265px}.pores-page .results-section{height:470px}}
@media(max-width:1050px){.other-scars-burn-grid article{min-height:34vw;padding:25px}.other-scars-burn-grid h3{font-size:19px}.other-scars-burn-grid p,.other-scars-burn-grid li{font-size:12px}.other-scars-burn-grid h4{font-size:14px;margin-top:15px}.other-scars-surgery-grid .detail-card>img{height:24vw}}
@media(max-width:650px){.other-scars-burn-grid{grid-template-columns:1fr;margin-top:45px;gap:15px}.other-scars-burn-grid article{min-height:330px;padding:22px}.other-scars-burn-grid article>div{max-width:210px}.other-scars-burn-grid h3{font-size:18px}.other-scars-burn-grid p,.other-scars-burn-grid li{font-size:11px}.other-scars-trauma .detail-card-grid{margin-top:45px}.other-scars-trauma .detail-card-copy p{font-size:13px}.other-scars-surgery-heading h2{font-size:25px}.other-scars-surgery-heading p{font-size:14px}.other-scars-surgery-heading p br{display:none}.other-scars-surgery-grid{grid-template-columns:1fr;margin-top:45px}.other-scars-surgery-grid .detail-card>img{height:265px}.other-scars-surgery-grid .detail-card-copy p{font-size:13px}.other-scars-solution .approach-grid{margin-top:45px}.other-scars-page .recommend-oval{width:190px;height:265px}.other-scars-page .results-section{height:470px}}

@media(max-width:1050px){
  .lineup-section{min-height:0;padding:76px 0 90px}
  .lineup-section .detail-section-heading h2{font-size:34px}
  .lineup-section .heading-description{font-size:19px;margin-top:32px}
  .device-scroll{gap:16px;margin-top:64px}
  .device-image{height:auto}
  .device-card{flex-basis:290px;width:290px;min-width:290px;height:540px}
  .device-card-copy{left:25px;right:25px}
  .lineup-progress{margin-top:65px}
}
@media(max-width:650px){
  .lineup-section{padding:70px 0 80px}
  .lineup-inner{width:100%}
  .lineup-section .detail-section-heading{padding:0 22px}
  .lineup-section .detail-section-heading>p:first-child{font-size:16px}
  .lineup-section .detail-section-heading h2{font-size:27px;margin-top:20px}
  .lineup-section .heading-description{font-size:15px;line-height:1.5;margin-top:24px}
  .device-scroll{width:calc(100% - 22px);margin:55px 0 0 22px;padding-right:22px;gap:12px}
  .device-card{flex-basis:255px;width:255px;min-width:255px;height:480px}
  .device-image{height:auto}
  .device-card-copy{top:22px;left:20px;right:20px}
  .device-card-copy strong{font-size:17px}
  .device-card-copy>span{margin-top:15px;font-size:12px;line-height:17px}
  .device-card.is-active::after,.device-card:hover::after,.device-card:focus-visible::after{height:310px}
  .device-image-pending{font-size:22px}
  .lineup-progress{width:260px;margin-top:52px}
  .device-scroll{width:calc(100% - 44px);margin:55px auto 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible}
  .device-card{width:100%;min-width:0;max-width:none;height:380px}
  .device-card.is-active::after,.device-card:hover::after,.device-card:focus-visible::after{height:100%;background:rgba(255,255,255,.96)}
  .device-card-copy{left:14px;right:14px}
  .device-card-copy strong{font-size:15px}
  .device-card-copy>span{max-height:305px;overflow-y:auto;margin-top:14px;font-size:11px;line-height:16px}
  .lineup-progress{display:none}
}

/* Melasma: match the four-step image rail and the ruled comparison panels. */
[data-page="melasma"] .detail-hero{background:linear-gradient(rgba(28,19,13,.36),rgba(28,19,13,.48)),url("images/melasma-hero.png") center/cover no-repeat}
[data-page="melasma"] .device-image img{height:100%;object-fit:cover;mix-blend-mode:normal}
[data-page="melasma"] .formation-section,
[data-page="melasma"] .melasma-types,
[data-page="melasma"] .approach-section,
[data-page="melasma"] .compare-section{height:auto;min-height:0}
[data-page="melasma"] .formation-section{padding-top:135px;padding-bottom:115px}
[data-page="melasma"] .formation-note{margin-top:78px}
.melasma-formation-grid .detail-card{position:relative}
.melasma-formation-grid{column-gap:38px}
.melasma-formation-grid .detail-card:not(:last-child)::after{content:"";position:absolute;z-index:2;top:378px;left:calc(100% + 11px);width:15px;height:23px;background:url("images/melasma/step-arrow.png") center/contain no-repeat;pointer-events:none}
[data-page="melasma"] .melasma-types{padding-top:135px;padding-bottom:135px}
.melasma-types .melasma-type-detail{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:center;margin-top:16px}
.melasma-types .melasma-type-icon{display:block;width:48px;height:48px;object-fit:contain}
.melasma-types .trini-rise{margin:0;font-size:16px;line-height:1.55;color:#62564b}
.melasma-types .types-grid article>p.aboreto{margin-top:25px}
[data-page="melasma"] .approach-section{padding-top:140px;padding-bottom:145px}
[data-page="melasma"] .melasma-approach-grid{position:relative;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:90px;padding:48px 42px;border:0;border-radius:0}
.melasma-approach-grid article{min-width:0;padding-bottom:18px;border-bottom:1px solid #c9beb2}
.melasma-approach-image{width:100%;height:305px;object-fit:cover;display:block;background:#eee7df}
.melasma-approach-copy{padding-top:20px}
.melasma-approach-copy .aboreto{font-size:15px;color:#a98e79}
.melasma-approach-copy h3{margin-top:10px;font-size:19px;line-height:1.3;font-weight:600}
.melasma-approach-copy>p:last-child{margin-top:13px;font-size:14px;line-height:1.55;color:#62544a}
[data-page="melasma"] .compare-section{padding-top:140px;padding-bottom:155px}
.melasma-compare-grid{gap:20px;margin-top:90px;padding-top:0;border-top:0}
.melasma-compare-card{position:relative;min-width:0;background:transparent;border:0}
.melasma-compare-card::before{content:"";position:absolute;z-index:1;top:0;left:0;right:0;height:321px;background:linear-gradient(180deg,#dad4c9 0%,rgba(255,255,255,0) 100%);pointer-events:none}
.melasma-compare-card .compare-head{position:absolute;z-index:2;top:0;left:0;right:0;height:auto;display:grid;grid-template-columns:66px 1fr;gap:18px;padding:38px 38px 18px;align-items:start}
.melasma-compare-card .compare-head h3{font-size:22px;line-height:1.35;font-weight:600}
.melasma-compare-card .compare-head p{font-size:14px;line-height:1.5;color:#231a11}
.melasma-compare-card>img{width:100%;height:auto;aspect-ratio:710/460;display:block;object-fit:cover}
.melasma-compare-details{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:38px;border:0}
.melasma-compare-details>div{min-width:0;min-height:210px;padding:0 24px 26px;border-left:1px solid #b8aa9d;border-bottom:1px solid #b8aa9d}
.melasma-compare-details>div+div{border-left:1px solid #b8aa9d}
.melasma-compare-details h4{font-size:18px;font-weight:600}
.melasma-compare-details ul{margin:18px 0 0;padding:0;list-style:none}
.melasma-compare-details li{position:relative;padding-left:22px}
.melasma-compare-details li::before{content:"☑";position:absolute;left:0;top:0;color:#231a11}
.melasma-compare-details li,.melasma-compare-details p{font-size:14px;line-height:1.5;color:#55493f}
.melasma-compare-details li+li{margin-top:8px}
.melasma-compare-details p{margin-top:18px}
.melasma-wavelengths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px;padding:0}
.melasma-wavelengths span{text-align:center;font-size:11px;line-height:1.35;color:#715f51}
.melasma-wavelengths span+span{border-left:0}
.melasma-wavelengths b{display:block;margin-bottom:6px;font-size:16px;color:#38271c}
[data-page="melasma"] .recommend-inner{width:min(954px,calc(100% - 80px));grid-template-columns:minmax(0,467px) 345px;gap:142px}
[data-page="melasma"] .recommend-inner h2{margin-top:20px;font-size:40px;line-height:1}
[data-page="melasma"] .recommend-inner h2::after{margin-top:52px}
[data-page="melasma"] .recommend-inner ul{margin-top:40px}
[data-page="melasma"] .recommend-inner li{padding:16px 8px;font-size:20px;line-height:20px}
[data-page="melasma"] .recommend-oval{background:#dad4c9 url("images/melasma/recommend-portrait.png") center/cover no-repeat}
[data-page="melasma"] .device-scroll{width:min(1440px,calc(100% - 48px));margin:81px auto 0;padding:0;justify-content:center;gap:20px;overflow-x:visible}
[data-page="melasma"] .device-card{flex:1 1 0;min-width:0;max-width:345px}

/* Description stays tucked away until hover/focus; touch screens show it directly. */
.diseases-section{height:1100px}
.diseases-inner{position:relative;display:block;width:min(1440px,calc(100% - 80px))}
.diseases-intro{position:absolute;top:0;left:0;width:440px}
.diseases-grid{position:absolute;top:170px;right:0;width:min(1075px,75%);grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:390px 390px;grid-auto-rows:auto;gap:14px}
.diseases-grid article{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:24px 26px;background-size:cover;background-position:center;outline-offset:3px}
.diseases-grid article:nth-child(1){grid-column:2;grid-row:1}
.diseases-grid article:nth-child(2){grid-column:3;grid-row:1}
.diseases-grid article:nth-child(3){grid-column:1;grid-row:2}
.diseases-grid article:nth-child(4){grid-column:2;grid-row:2}
.diseases-grid article:nth-child(5){grid-column:3;grid-row:2;background-position:center 43%}
.diseases-grid article::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(25,17,12,.58),rgba(25,17,12,.16) 50%,rgba(25,17,12,.34));transition:background .4s ease}
.diseases-grid article:hover::before,.diseases-grid article:focus-visible::before{background:rgba(25,17,12,.7)}
.diseases-grid article h3{margin-top:9px}
.diseases-grid article p{max-height:0;overflow:hidden;opacity:0;transform:translateY(12px);margin-top:0;font-size:13px;line-height:1.45;transition:max-height .45s ease,opacity .35s ease,transform .45s ease,margin-top .45s ease}
.diseases-grid article:hover p,.diseases-grid article:focus-visible p{max-height:205px;overflow-y:auto;opacity:1;transform:translateY(0);margin-top:16px;scrollbar-width:thin}
.diseases-grid article.is-expanded p,.diseases-grid article.is-default-open p{max-height:220px;overflow-y:auto;opacity:1;transform:none;margin-top:16px;scrollbar-width:thin}
.diseases-grid article.is-default-open::before{background:rgba(25,17,12,.62)}
.diseases-grid article:focus-visible{outline:2px solid #fff}
.diseases-title-break{display:none}

@media(max-width:1500px){.diseases-inner{grid-template-columns:32% minmax(0,1fr)}.diseases-title-break{display:block}}
@media(max-width:1050px){
  [data-page="melasma"] .formation-section,[data-page="melasma"] .melasma-types,[data-page="melasma"] .approach-section,[data-page="melasma"] .compare-section{padding-top:95px;padding-bottom:100px}
  .melasma-formation-grid .detail-card:not(:last-child)::after{top:calc(23vw + 64px)}
  [data-page="melasma"] .melasma-approach-grid{gap:15px;padding:28px}
  .melasma-approach-image{height:23vw}
  .melasma-approach-copy h3{font-size:16px}
  .melasma-approach-copy>p:last-child{font-size:12px}
  .melasma-compare-card .compare-head{height:auto;padding:22px}
  .melasma-compare-card .compare-head p{font-size:13px}
  .melasma-compare-card>img{height:auto}
  .melasma-compare-details>div{padding:0 16px 20px;min-height:230px}
  .diseases-inner{height:auto}
  .diseases-intro{position:static;width:auto;padding:10px 0 60px}
  .diseases-grid{position:static;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:290px 290px}
  [data-page="melasma"] .recommend-inner{width:min(900px,calc(100% - 60px));grid-template-columns:minmax(0,1fr) 260px;gap:50px}
  [data-page="melasma"] .recommend-inner h2{font-size:34px}
  [data-page="melasma"] .recommend-inner li{font-size:16px;line-height:1.35}
  [data-page="melasma"] .recommend-oval{width:260px;height:370px}
  [data-page="melasma"] .device-scroll{margin-top:64px}
}
@media(max-width:650px){
  [data-page="melasma"] .formation-section,[data-page="melasma"] .melasma-types,[data-page="melasma"] .approach-section,[data-page="melasma"] .compare-section{padding-top:72px;padding-bottom:78px}
  .melasma-formation-grid .detail-card:not(:last-child)::after{top:auto;bottom:-30px;left:calc(50% - 7px);transform:rotate(90deg)}
  [data-page="melasma"] .formation-note{margin-top:50px}
  [data-page="melasma"] .melasma-approach-grid{grid-template-columns:1fr;gap:28px;margin-top:45px;padding:0;border:0;border-radius:0}
  .melasma-approach-image{height:260px}
  .melasma-approach-copy h3{font-size:19px}
  .melasma-approach-copy>p:last-child{font-size:14px}
  .melasma-compare-grid{gap:25px;margin-top:45px;padding-top:0;border:0}
  .melasma-compare-card::before{display:none}
  .melasma-compare-card .compare-head{position:static;display:block;height:auto;padding:20px;background:#dad4c9}
  .melasma-compare-card .compare-head p{font-size:14px;margin-top:10px}
  .melasma-compare-card>img{height:250px}
  .melasma-compare-details{grid-template-columns:1fr;margin-top:26px}
  .melasma-compare-details>div{min-height:0;padding:0 20px 20px}
  .melasma-compare-details>div+div{border-left:1px solid #b8aa9d;border-top:0;padding-top:20px}
  .melasma-wavelengths{padding:0}
  .melasma-wavelengths span{font-size:10px}
  .melasma-wavelengths b{font-size:14px}
  .diseases-grid{grid-template-columns:1fr;grid-template-rows:none;gap:12px}
  .diseases-section{height:auto;min-height:0}
  .diseases-grid article:nth-child(n){grid-column:1;grid-row:auto;min-height:230px}
  [data-page="melasma"] .recommend-inner{width:100%;display:flex;flex-direction:column;gap:40px}
  [data-page="melasma"] .recommend-inner h2{font-size:25px}
  [data-page="melasma"] .recommend-inner h2::after{margin-top:28px}
  [data-page="melasma"] .recommend-inner ul{margin-top:26px}
  [data-page="melasma"] .recommend-inner li{padding:12px 6px;font-size:14px;line-height:1.4}
  [data-page="melasma"] .recommend-oval{width:190px;height:265px}
  [data-page="melasma"] .device-scroll{width:calc(100% - 44px);margin:55px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible}
  [data-page="melasma"] .device-card{width:100%;height:380px;max-width:none}
  [data-page="melasma"] .device-card.is-active::after,
  [data-page="melasma"] .device-card:hover::after,
  [data-page="melasma"] .device-card:focus-visible::after{height:100%;background:rgba(255,255,255,.96)}
  [data-page="melasma"] .device-card-copy{left:14px;right:14px}
  [data-page="melasma"] .device-card-copy strong{font-size:15px}
  [data-page="melasma"] .device-card-copy>span{max-height:305px;overflow-y:auto;margin-top:14px;font-size:11px;line-height:16px}
}
@media(max-width:650px){
  .recommend-inner h2::after{margin-top:28px}
  .recommend-inner ul{margin-top:26px}
}
@media(hover:none){.diseases-grid article p{max-height:none;overflow:visible;opacity:1;transform:none;margin-top:16px}.diseases-grid article::before{background:rgba(25,17,12,.62)}[data-page="melasma"] .diseases-grid article:not(.is-default-open):not(.is-expanded) p,[data-page="spots"] .diseases-grid article:not(.is-expanded) p{max-height:0;overflow:hidden;opacity:0;margin-top:0}[data-page="melasma"] .diseases-grid article.is-expanded p,[data-page="spots"] .diseases-grid article.is-expanded p{max-height:220px;overflow-y:auto;opacity:1;margin-top:16px}}
@media(prefers-reduced-motion:reduce){.diseases-grid article::before,.diseases-grid article p{transition:none}}

/* Spots & lentigines: supplied hero artwork, image-led cards and ruled comparisons. */
[data-page="spots"] .detail-hero{background:linear-gradient(rgba(33,24,17,.38),rgba(33,24,17,.46)),url("images/spots-hero.png") center 55%/cover no-repeat}
[data-page="spots"] .spots-types,[data-page="spots"] .spots-lesions,:is([data-page="spots"],[data-page="pigmentation"]) .spots-solution,[data-page="spots"] .spots-compare{height:auto;min-height:0}
[data-page="spots"] .spots-types{padding-top:135px;padding-bottom:140px}
[data-page="spots"] .spots-types .types-grid{width:min(1012px,100%);margin:85px auto 0}
[data-page="spots"] .spots-types .type-single{height:315px}
[data-page="spots"] .spots-lesions{padding-top:135px;padding-bottom:140px}
[data-page="spots"] .lesions-list{gap:42px;margin-top:85px}
[data-page="spots"] .lesions-list article{grid-template-columns:minmax(0,43%) minmax(0,1fr);gap:6%;padding-bottom:38px;border-bottom:1px solid #d6c9bb}
[data-page="spots"] .lesions-list article:last-child{border-bottom:0;padding-bottom:0}
[data-page="spots"] .lesions-list img{height:300px;object-fit:contain;object-position:center}
[data-page="spots"] .lesions-list h3{font-size:29px;line-height:1.3}
[data-page="spots"] .lesions-list p{margin-top:15px;font-size:16px;line-height:1.6}
[data-page="spots"] .lesions-list h4{margin-top:23px;font-size:17px}
[data-page="spots"] .lesions-list ul{margin:12px 0 0;padding-left:20px;color:#5f5349}
[data-page="spots"] .lesions-list li{font-size:15px;line-height:1.55;padding-left:2px}
[data-page="spots"] .lesions-list li+li{margin-top:7px}
:is([data-page="spots"],[data-page="pigmentation"]) .spots-solution{padding-top:140px;padding-bottom:145px}
:is([data-page="spots"],[data-page="pigmentation"]) .spots-approach-grid{position:relative;margin-top:85px;padding:48px 42px;border:0;border-radius:0;gap:20px}
:is([data-page="spots"],[data-page="pigmentation"]) .spots-approach-grid article{min-width:0;padding-bottom:20px;border-bottom:1px solid #c9beb2}
:is([data-page="spots"],[data-page="pigmentation"]) .spots-approach-grid img{display:block;width:100%;height:305px;object-fit:cover;background:#eee7df}
:is([data-page="spots"],[data-page="pigmentation"]) .spots-approach-grid article>p.aboreto{margin-top:22px;font-size:15px}
:is([data-page="spots"],[data-page="pigmentation"]) .spots-approach-grid h3{font-size:19px;line-height:1.3}
:is([data-page="spots"],[data-page="pigmentation"]) .spots-approach-grid article>p:last-child{font-size:14px;line-height:1.55;color:#62544a}
[data-page="spots"] .spots-compare{padding-top:140px;padding-bottom:155px}
[data-page="spots"] .spots-compare .compare-grid{gap:18px;margin-top:90px;padding-top:22px}
[data-page="spots"] .device-image img{height:100%;object-fit:cover;mix-blend-mode:normal}
[data-page="spots"] .recommend-oval{background-image:url("images/recommend/spots.png")}
[data-page="spots"] .recommend-inner{width:min(960px,calc(100% - 80px));grid-template-columns:minmax(0,1fr) 345px;gap:100px}
[data-page="spots"] .recommend-oval{background-position:center 42%}
[data-page="spots"] .device-scroll{width:min(1440px,calc(100% - 48px));margin:81px auto 0;padding:0;justify-content:center;gap:20px;overflow-x:visible}
[data-page="spots"] .device-card{flex:1 1 0;min-width:0;max-width:345px}
@media(max-width:1050px){
  [data-page="spots"] .spots-types,[data-page="spots"] .spots-lesions,:is([data-page="spots"],[data-page="pigmentation"]) .spots-solution,[data-page="spots"] .spots-compare{padding-top:95px;padding-bottom:100px}
  [data-page="spots"] .lesions-list article{gap:4%}
  [data-page="spots"] .lesions-list img{height:260px}
  :is([data-page="spots"],[data-page="pigmentation"]) .spots-approach-grid{padding:28px;gap:15px}
  :is([data-page="spots"],[data-page="pigmentation"]) .spots-approach-grid img{height:23vw}
  [data-page="spots"] .recommend-inner{width:min(900px,calc(100% - 60px));grid-template-columns:minmax(0,1fr) 260px;gap:50px}
  [data-page="spots"] .recommend-oval{width:260px;height:370px}
  [data-page="spots"] .device-scroll{margin-top:64px}
}
@media(max-width:650px){
  [data-page="spots"] .detail-hero{background-position:center 58%}
  [data-page="spots"] .spots-types,[data-page="spots"] .spots-lesions,:is([data-page="spots"],[data-page="pigmentation"]) .spots-solution,[data-page="spots"] .spots-compare{padding:72px 22px 78px}
  [data-page="spots"] .spots-types .types-grid,[data-page="spots"] .lesions-list,:is([data-page="spots"],[data-page="pigmentation"]) .spots-approach-grid,[data-page="spots"] .spots-compare .compare-grid{margin-top:45px}
  [data-page="spots"] .spots-types .type-single{height:260px}
  [data-page="spots"] .lesions-list{gap:42px}
  [data-page="spots"] .lesions-list article{grid-template-columns:1fr;gap:12px;padding-bottom:35px}
  [data-page="spots"] .lesions-list img{height:235px}
  [data-page="spots"] .lesions-list h3{font-size:23px}
  [data-page="spots"] .lesions-list p,[data-page="spots"] .lesions-list li{font-size:14px}
  :is([data-page="spots"],[data-page="pigmentation"]) .spots-approach-grid{grid-template-columns:1fr;gap:28px;padding:0;border:0;border-radius:0}
  :is([data-page="spots"],[data-page="pigmentation"]) .spots-approach-grid img{height:250px}
  [data-page="spots"] .spots-compare .compare-grid{gap:25px;padding-top:0;border:0}
  [data-page="spots"] .recommend-inner{width:100%;display:flex;flex-direction:column;gap:40px}
  [data-page="spots"] .recommend-oval{width:190px;height:265px}
  [data-page="spots"] .device-scroll{width:calc(100% - 44px);margin:55px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible}
  [data-page="spots"] .device-card{width:100%;height:380px;max-width:none}
  [data-page="spots"] .device-card.is-active::after,
  [data-page="spots"] .device-card:hover::after,
  [data-page="spots"] .device-card:focus-visible::after{height:100%;background:rgba(255,255,255,.96)}
  [data-page="spots"] .device-card-copy{left:14px;right:14px}
  [data-page="spots"] .device-card-copy strong{font-size:15px}
  [data-page="spots"] .device-card-copy>span{max-height:305px;overflow-y:auto;margin-top:14px;font-size:11px;line-height:16px}
}

/* Rosacea: keep the four phase captions and rules aligned, with the supplied step arrow. */
[data-page="rosacea"] .rosacea-triggers,
[data-page="rosacea"] .rosacea-works,
[data-page="rosacea"] .rosacea-lesions,
[data-page="rosacea"] .rosacea-approach{height:auto;min-height:0}
[data-page="rosacea"] .rosacea-triggers{padding-top:135px;padding-bottom:125px}
[data-page="rosacea"] .rosacea-triggers .detail-card-grid{margin-top:85px}
[data-page="rosacea"] .rosacea-triggers .detail-card-copy{min-height:180px}
[data-page="rosacea"] .rosacea-triggers .formation-note{margin-top:72px}
[data-page="rosacea"] .rosacea-works{padding-top:135px;padding-bottom:100px}
[data-page="rosacea"] .rosacea-works .detail-card-grid{margin-top:85px}
[data-page="rosacea"] .rosacea-works .detail-card{position:relative;display:flex;flex-direction:column}
[data-page="rosacea"] .rosacea-works .detail-card>img{flex:none}
[data-page="rosacea"] .rosacea-works .detail-card-copy{flex:1;min-height:180px;box-sizing:border-box}
[data-page="rosacea"] .rosacea-works .detail-card:not(:last-child)::after{content:"";position:absolute;z-index:1;top:calc(312px + 76px);left:calc(100% + 4px);width:15px;height:23px;background:url("images/melasma/step-arrow.png") center/contain no-repeat;pointer-events:none}
[data-page="rosacea"] .rosacea-works .process-note{margin-top:22px}
[data-page="rosacea"] .rosacea-lesions{padding-top:135px;padding-bottom:130px}
[data-page="rosacea"] .rosacea-lesion-grid{margin-top:85px}
[data-page="rosacea"] .rosacea-lesion-grid article{color:#231a11;text-shadow:none;background-position:center}
[data-page="rosacea"] .rosacea-lesion-grid article>div{max-width:370px}
[data-page="rosacea"] .rosacea-lesion-grid li{margin-bottom:5px}
[data-page="rosacea"] .rosacea-approach{padding-top:135px;padding-bottom:140px}
[data-page="rosacea"] .rosacea-approach-grid{position:relative;margin-top:85px;padding:48px 145px;border:0;border-radius:0;gap:20px}
[data-page="rosacea"] .rosacea-approach-grid article{min-width:0;padding-bottom:20px;border-bottom:1px solid #c9beb2}
[data-page="rosacea"] .rosacea-approach-grid img{display:block;width:100%;height:305px;object-fit:cover;background:#eee7df}
[data-page="rosacea"] .rosacea-approach-grid article>p.aboreto{margin-top:22px;font-size:15px}
[data-page="rosacea"] .rosacea-approach-grid h3{font-size:19px;line-height:1.3}
[data-page="rosacea"] .rosacea-approach-grid article>p:last-child{font-size:14px;line-height:1.55;color:#62544a}
[data-page="rosacea"] .recommend-oval{background-image:url("images/recommend/rosacea.png")}
[data-page="rosacea"] .recommend-inner{width:min(960px,calc(100% - 80px));grid-template-columns:minmax(0,1fr) 345px;gap:100px}
[data-page="rosacea"] .recommend-oval{background-position:center 42%}
:is([data-page="rosacea"],[data-page="vascular"]) .device-scroll{width:min(1440px,calc(100% - 48px));margin:81px auto 0;padding:0}
@media(min-width:1123px){
  :is([data-page="rosacea"],[data-page="vascular"]) .lineup-inner{width:100%}
  :is([data-page="rosacea"],[data-page="vascular"]) .device-scroll{width:1075px;overflow-x:visible;justify-content:center}
}

@media(max-width:1050px){
  [data-page="rosacea"] .rosacea-triggers,
  [data-page="rosacea"] .rosacea-works,
  [data-page="rosacea"] .rosacea-lesions,
  [data-page="rosacea"] .rosacea-approach{padding-top:95px;padding-bottom:100px}
  [data-page="rosacea"] .rosacea-works .detail-card:not(:last-child)::after{top:calc(23vw + 76px)}
  [data-page="rosacea"] .rosacea-approach-grid{padding:35px;gap:15px}
  [data-page="rosacea"] .rosacea-approach-grid img{height:23vw}
  [data-page="rosacea"] .recommend-inner{width:min(900px,calc(100% - 60px));grid-template-columns:minmax(0,1fr) 260px;gap:50px}
  [data-page="rosacea"] .recommend-oval{width:260px;height:370px}
}
@media(max-width:650px){
  [data-page="rosacea"] .rosacea-triggers,
  [data-page="rosacea"] .rosacea-works,
  [data-page="rosacea"] .rosacea-lesions,
  [data-page="rosacea"] .rosacea-approach{padding:72px 22px 78px}
  [data-page="rosacea"] .rosacea-triggers .detail-card-grid,
  [data-page="rosacea"] .rosacea-works .detail-card-grid,
  [data-page="rosacea"] .rosacea-lesion-grid,
  [data-page="rosacea"] .rosacea-approach-grid{margin-top:45px}
  [data-page="rosacea"] .rosacea-triggers .detail-card-copy{min-height:0}
  [data-page="rosacea"] .rosacea-triggers .formation-note{margin-top:55px}
  [data-page="rosacea"] .rosacea-works .detail-card-copy{min-height:150px}
  [data-page="rosacea"] .rosacea-works .detail-card:not(:last-child)::after{top:auto;bottom:-28px;left:calc(50% - 8px);transform:rotate(90deg)}
  [data-page="rosacea"] .rosacea-lesion-grid article{min-height:390px}
  [data-page="rosacea"] .rosacea-lesion-grid article>div{max-width:260px}
  [data-page="rosacea"] .rosacea-approach-grid{grid-template-columns:1fr;gap:28px;padding:0}
  [data-page="rosacea"] .rosacea-approach-grid img{height:250px}
  [data-page="rosacea"] .recommend-inner{width:100%;display:flex;flex-direction:column;gap:40px}
  [data-page="rosacea"] .recommend-oval{width:190px;height:265px}
  :is([data-page="rosacea"],[data-page="vascular"]) .device-scroll{width:calc(100% - 44px);margin:55px auto 0}
  :is([data-page="rosacea"],[data-page="vascular"]) .device-card.is-active::after,
  :is([data-page="rosacea"],[data-page="vascular"]) .device-card:hover::after,
  :is([data-page="rosacea"],[data-page="vascular"]) .device-card:focus-visible::after{height:240px;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.96) 48%,rgba(255,255,255,0) 100%)}
}

/* Detail-page hero artwork copied from 참고이미지/배경 for ASCII-only hosting paths. Keep headings as live text. */
[data-page="melasma"]{--detail-hero-image:url("images/detail-hero/melasma.png");--detail-hero-shade:.54}
[data-page="spots"]{--detail-hero-image:url("images/detail-hero/spots.png");--detail-hero-shade:.54}
[data-page="pigmentation"]{--detail-hero-image:url("images/detail-hero/pigmentation.png");--detail-hero-shade:.40}
[data-page="other"]{--detail-hero-image:url("images/detail-hero/other-pigmentation.png");--detail-hero-shade:.53}
[data-page="rosacea"]{--detail-hero-image:url("images/detail-hero/rosacea.jpg");--detail-hero-shade:.43}
[data-page="vascular"]{--detail-hero-image:url("images/detail-hero/vascular.jpg");--detail-hero-shade:.55}
[data-page="lifting"]{--detail-hero-image:url("images/detail-hero/lifting.png");--detail-hero-shade:.57}
[data-page="firming"]{--detail-hero-image:url("images/detail-hero/firming.png");--detail-hero-shade:.55}
[data-page="wrinkles-volume"]{--detail-hero-image:url("images/detail-hero/wrinkles-volume.png");--detail-hero-shade:.51}
[data-page="botox-fillers"]{--detail-hero-image:url("images/detail-hero/botox-fillers.png");--detail-hero-shade:.51}
[data-page="skin-regeneration"]{--detail-hero-image:url("images/detail-hero/skin-regeneration.png");--detail-hero-shade:.55}
[data-page="collagen-booster"]{--detail-hero-image:url("images/detail-hero/collagen-booster.png");--detail-hero-shade:.53}
[data-page="acne"]{--detail-hero-image:url("images/detail-hero/acne.png");--detail-hero-shade:.55}
[data-page="acne-marks-scars"]{--detail-hero-image:url("images/detail-hero/acne-marks-scars.png");--detail-hero-shade:.53}
[data-page="pores"]{--detail-hero-image:url("images/detail-hero/pores.png");--detail-hero-shade:.53}
[data-page="other-scars"]{--detail-hero-image:url("images/detail-hero/other-scars.jpg");--detail-hero-shade:.48}
:is(
  [data-page="melasma"],[data-page="spots"],[data-page="pigmentation"],[data-page="other"],
  [data-page="rosacea"],[data-page="vascular"],[data-page="lifting"],[data-page="firming"],
  [data-page="wrinkles-volume"],[data-page="botox-fillers"],[data-page="skin-regeneration"],
  [data-page="collagen-booster"],[data-page="acne"],[data-page="acne-marks-scars"],
  [data-page="pores"],[data-page="other-scars"]
) .detail-hero{
  background-image:linear-gradient(rgba(0,0,0,var(--detail-hero-shade)),rgba(0,0,0,var(--detail-hero-shade))),var(--detail-hero-image);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
.detail-hero>p,.detail-hero h1{text-shadow:0 2px 16px rgba(0,0,0,.2)}
[data-page="other-scars"] .detail-hero{background-position:center,center 55%}
@media(max-width:650px){
  [data-page="other-scars"] .detail-hero{background-size:cover,auto 240%;background-position:center,center 70%}
  .approach-grid::before{display:none}
}
@media(min-width:651px) and (max-width:1050px){
  .recommend-inner{width:min(900px,calc(100% - 60px));grid-template-columns:minmax(0,1fr) 260px;gap:50px}
  .recommend-oval{width:260px;height:370px}
  [data-page="melasma"] .device-scroll,[data-page="spots"] .device-scroll{overflow-x:auto;overflow-y:hidden;justify-content:flex-start}
  [data-page="melasma"] .device-card,[data-page="spots"] .device-card{flex:0 0 290px;width:290px;min-width:290px;max-width:290px}
}

/* Pigmentation-only four-step approach, based on the supplied reference. */
[data-page="pigmentation"] .pigmentation-approach{padding-top:98px;padding-bottom:95px}
[data-page="pigmentation"] .pigmentation-approach .detail-section-heading>p:first-child{font-size:20px}
[data-page="pigmentation"] .pigmentation-approach .detail-section-heading h2{margin-top:40px;font-size:40px;font-weight:700}
[data-page="pigmentation"] .pigmentation-approach .heading-description{margin-top:42px;font-size:24px;line-height:1.45;font-weight:500}
[data-page="pigmentation"] .pigmentation-approach-grid{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:min(1660px,calc(100vw - 48px));margin:90px 0 0 50%;padding:84px clamp(40px,5.75vw,110px);transform:translateX(-50%)}
[data-page="pigmentation"] .pigmentation-approach-grid article{min-width:0;border-bottom:1px solid #817b77}
[data-page="pigmentation"] .pigmentation-approach-grid img{display:block;width:100%;aspect-ratio:345/303;object-fit:cover;background:#eee7df}
[data-page="pigmentation"] .pigmentation-approach-copy{padding:28px 28px 34px}
[data-page="pigmentation"] .pigmentation-step{font-size:12px;line-height:1;font-weight:700;color:#817b77}
[data-page="pigmentation"] .pigmentation-approach-grid h3{margin-top:8px;font-size:20px;line-height:1.2;font-weight:700}
[data-page="pigmentation"] .pigmentation-approach-copy>p:last-child{margin-top:14px;font-size:14px;line-height:1.45;color:#231a11}
@media(max-width:1050px){
  [data-page="pigmentation"] .pigmentation-approach{padding-top:90px;padding-bottom:90px}
  [data-page="pigmentation"] .pigmentation-approach .detail-section-heading h2{margin-top:28px;font-size:34px}
  [data-page="pigmentation"] .pigmentation-approach .heading-description{margin-top:30px;font-size:19px}
  [data-page="pigmentation"] .pigmentation-approach-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px;width:min(850px,calc(100vw - 48px));margin-top:70px;padding:45px}
}
@media(max-width:650px){
  [data-page="pigmentation"] .pigmentation-approach{padding:72px 22px 80px}
  [data-page="pigmentation"] .pigmentation-approach .detail-section-heading>p:first-child{font-size:16px}
  [data-page="pigmentation"] .pigmentation-approach .detail-section-heading h2{margin-top:18px;font-size:25px}
  [data-page="pigmentation"] .pigmentation-approach .heading-description{margin-top:22px;font-size:14px}
  [data-page="pigmentation"] .pigmentation-approach-grid{grid-template-columns:1fr;gap:30px;width:100%;margin:45px 0 0;padding:0;transform:none}
  [data-page="pigmentation"] .pigmentation-approach-copy{padding:22px 10px 25px}
  [data-page="pigmentation"] .pigmentation-approach-grid h3{font-size:19px}
}

/* Keep all four signature-pigment lineups identical to the melasma lineup. */
.pigment-lineup .device-scroll{width:min(1440px,calc(100% - 48px));margin:81px auto 0;padding:0;justify-content:center;gap:20px;overflow-x:visible}
.pigment-lineup .device-card{flex:1 1 0;min-width:0;max-width:345px}
@media(max-width:1050px){
  .pigment-lineup .device-scroll{margin-top:64px}
}
@media(min-width:651px) and (max-width:1050px){
  .pigment-lineup .device-scroll{overflow-x:auto;overflow-y:hidden;justify-content:flex-start}
  .pigment-lineup .device-card{flex:0 0 290px;width:290px;min-width:290px;max-width:290px}
}
@media(max-width:650px){
  .pigment-lineup .device-scroll{width:calc(100% - 44px);margin:55px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible}
  .pigment-lineup .device-card{width:100%;height:380px;max-width:none}
  .pigment-lineup .device-card.is-active::after,
  .pigment-lineup .device-card:hover::after,
  .pigment-lineup .device-card:focus-visible::after{height:100%;background:rgba(255,255,255,.96)}
  .pigment-lineup .device-card-copy{left:14px;right:14px}
  .pigment-lineup .device-card-copy strong{font-size:15px}
  .pigment-lineup .device-card-copy>span{max-height:305px;overflow-y:auto;margin-top:14px;font-size:11px;line-height:16px}
}

/* Other pigmentation: supplied three-card TRINI APPROACH artwork and copy. */
[data-page="other"] .other-targeting{height:auto;min-height:1123px;padding-top:98px;padding-bottom:97px}
[data-page="other"] .other-targeting .detail-section-heading>p:first-child{font-size:20px}
[data-page="other"] .other-targeting .detail-section-heading h2{margin-top:40px;font-size:40px;font-weight:700}
[data-page="other"] .other-targeting .heading-description{margin-top:42px;font-size:24px;line-height:1.45;font-weight:500}
[data-page="other"] .other-targeting-grid{box-sizing:border-box;width:min(1435px,100%);margin:80px auto 0;padding:73px clamp(36px,9.5vw,180px);gap:20px}
[data-page="other"] .other-targeting-grid article{min-width:0;min-height:489px;border-bottom:1px solid #817b77}
[data-page="other"] .other-targeting-grid img{display:block;width:100%;aspect-ratio:345/303;object-fit:cover;background:#eee7df}
[data-page="other"] .other-targeting-copy{padding:28px 28px 18px}
[data-page="other"] .other-targeting-label{font-size:12px;line-height:1;font-weight:700;color:#817b77;text-transform:uppercase}
[data-page="other"] .other-targeting-grid h3{margin-top:8px;font-size:20px;line-height:1.2;font-weight:700}
[data-page="other"] .other-targeting-copy>p:last-child{margin-top:18px;font-size:14px;line-height:1.45;color:#231a11}
@media(max-width:1050px){
  [data-page="other"] .other-targeting{min-height:0;padding-top:90px;padding-bottom:90px}
  [data-page="other"] .other-targeting .detail-section-heading h2{margin-top:28px;font-size:34px}
  [data-page="other"] .other-targeting .heading-description{margin-top:30px;font-size:19px}
  [data-page="other"] .other-targeting-grid{margin-top:65px;padding:38px}
}
@media(max-width:780px){
  [data-page="other"] .other-targeting-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px;gap:24px}
  [data-page="other"] .other-targeting-grid::before{display:none}
  [data-page="other"] .other-targeting-grid article:last-child{grid-column:1/-1;width:calc(50% - 12px);justify-self:center}
}
@media(max-width:650px){
  [data-page="other"] .other-targeting{padding:72px 22px 80px}
  [data-page="other"] .other-targeting .detail-section-heading>p:first-child{font-size:16px}
  [data-page="other"] .other-targeting .detail-section-heading h2{margin-top:18px;font-size:25px}
  [data-page="other"] .other-targeting .heading-description{margin-top:22px;font-size:14px}
  [data-page="other"] .other-targeting-grid{grid-template-columns:1fr;width:100%;margin:45px 0 0;padding:0;gap:30px}
  [data-page="other"] .other-targeting-grid article{min-height:0}
  [data-page="other"] .other-targeting-grid article:last-child{grid-column:auto;width:100%}
  [data-page="other"] .other-targeting-copy{padding:22px 10px 25px}
  [data-page="other"] .other-targeting-grid h3{font-size:19px}
}

/* Vascular lesions: three-part approach from the supplied design. */
[data-page="vascular"] .vascular-approach{height:auto;min-height:1126px;padding-top:98px;padding-bottom:97px}
[data-page="vascular"] .vascular-approach .detail-section-heading>p:first-child{font-size:20px}
[data-page="vascular"] .vascular-approach .detail-section-heading h2{margin-top:40px;font-size:40px;font-weight:700}
[data-page="vascular"] .vascular-approach .heading-description{margin-top:42px;font-size:24px;line-height:1.45;font-weight:500}
[data-page="vascular"] .vascular-approach-grid{box-sizing:border-box;width:min(1435px,100%);margin:80px auto 0;padding:73px clamp(36px,9.5vw,180px);gap:20px}
[data-page="vascular"] .vascular-approach-grid article{min-width:0;min-height:469px;border-bottom:1px solid #817b77}
[data-page="vascular"] .vascular-approach-grid img{display:block;width:100%;aspect-ratio:345/303;object-fit:cover;background:#eee7df}
[data-page="vascular"] .vascular-approach-copy{padding:28px 28px 18px}
[data-page="vascular"] .vascular-approach-label{font-size:12px;line-height:1;font-weight:700;color:#817b77;text-transform:uppercase}
[data-page="vascular"] .vascular-approach-grid h3{margin-top:8px;font-size:20px;line-height:1.2;font-weight:700}
[data-page="vascular"] .vascular-approach-copy>p:last-child{margin-top:18px;font-size:14px;line-height:1.45;color:#231a11}
@media(max-width:1050px){
  [data-page="vascular"] .vascular-approach{min-height:0;padding-top:90px;padding-bottom:90px}
  [data-page="vascular"] .vascular-approach .detail-section-heading h2{margin-top:28px;font-size:34px}
  [data-page="vascular"] .vascular-approach .heading-description{margin-top:30px;font-size:19px}
  [data-page="vascular"] .vascular-approach-grid{margin-top:65px;padding:38px}
}
@media(max-width:780px){
  [data-page="vascular"] .vascular-approach-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px;gap:24px}
  [data-page="vascular"] .vascular-approach-grid article:last-child{grid-column:1/-1;width:calc(50% - 12px);justify-self:center}
}
@media(max-width:650px){
  [data-page="vascular"] .vascular-approach{padding:72px 22px 80px}
  [data-page="vascular"] .vascular-approach .detail-section-heading>p:first-child{font-size:16px}
  [data-page="vascular"] .vascular-approach .detail-section-heading h2{margin-top:18px;font-size:25px}
  [data-page="vascular"] .vascular-approach .heading-description{margin-top:22px;font-size:14px}
  [data-page="vascular"] .vascular-approach-grid{grid-template-columns:1fr;width:100%;margin:45px 0 0;padding:0;gap:30px}
  [data-page="vascular"] .vascular-approach-grid article{min-height:0}
  [data-page="vascular"] .vascular-approach-grid article:last-child{grid-column:auto;width:100%}
  [data-page="vascular"] .vascular-approach-copy{padding:22px 10px 25px}
  [data-page="vascular"] .vascular-approach-grid h3{font-size:19px}
}

@media(max-width:1050px){
  [data-page="acne-marks-scars"] .marks-beyond{height:auto!important;padding-top:90px;padding-bottom:95px}
  [data-page="acne-marks-scars"] .marks-beyond .detail-section-heading>p:first-child{font-size:18px;line-height:28px}
  [data-page="acne-marks-scars"] .marks-beyond .detail-section-heading h2{margin-top:20px;font-size:34px;line-height:1.3}
  [data-page="acne-marks-scars"] .marks-beyond .heading-description{margin-top:28px;font-size:18px;line-height:1.5}
  [data-page="acne-marks-scars"] .marks-beyond-layout{grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:4%;width:100%;margin:65px auto 0}
  [data-page="acne-marks-scars"] .marks-beyond-intro h3{font-size:25px;line-height:1.3}
  [data-page="acne-marks-scars"] .marks-beyond-intro>p{font-size:16px;line-height:1.5}
  [data-page="acne-marks-scars"] .marks-icons{gap:0;margin-top:50px}
  [data-page="acne-marks-scars"] .marks-icons img{width:clamp(80px,10vw,108px);height:clamp(80px,10vw,108px)}
  [data-page="acne-marks-scars"] .marks-icons>div:not(:last-child)::after{top:25px;height:75px}
  [data-page="acne-marks-scars"] .marks-photo-grid img{height:auto;aspect-ratio:345/303}
  [data-page="acne-marks-scars"] .marks-photo-copy{padding:24px 18px 30px}
}
@media(max-width:650px){
  [data-page="acne-marks-scars"] .marks-beyond{padding:72px 22px 80px}
  [data-page="acne-marks-scars"] .marks-beyond .detail-section-heading>p:first-child{font-size:16px;line-height:24px}
  [data-page="acne-marks-scars"] .marks-beyond .detail-section-heading h2{margin-top:16px;font-size:25px;line-height:1.3}
  [data-page="acne-marks-scars"] .marks-beyond .heading-description{margin-top:22px;font-size:14px;line-height:1.55}
  [data-page="acne-marks-scars"] .marks-beyond-layout{display:block;margin-top:45px}
  [data-page="acne-marks-scars"] .marks-beyond-intro h3{font-size:23px}
  [data-page="acne-marks-scars"] .marks-beyond-intro>p{font-size:15px;line-height:1.55;margin-top:15px}
  [data-page="acne-marks-scars"] .marks-icons{width:min(449px,100%);margin:35px auto 45px}
  [data-page="acne-marks-scars"] .marks-icons img{width:clamp(100px,27vw,122px);height:clamp(100px,27vw,122px)}
  [data-page="acne-marks-scars"] .marks-icons>div{font-size:13px;line-height:18px}
  [data-page="acne-marks-scars"] .marks-icons>div:not(:last-child)::after{top:28px;height:75px}
  [data-page="acne-marks-scars"] .marks-photo-grid{gap:10px}
  [data-page="acne-marks-scars"] .marks-photo-copy{padding:18px 8px 25px}
  [data-page="acne-marks-scars"] .marks-photo-grid .marks-photo-copy p.aboreto{font-size:11px;line-height:12px}
  [data-page="acne-marks-scars"] .marks-photo-grid .marks-photo-copy h3{font-size:16px;line-height:1.3;margin-top:8px}
  [data-page="acne-marks-scars"] .marks-photo-grid .marks-photo-copy>p:last-child{font-size:12px;line-height:1.45;margin-top:12px}
}

/* Use one intro-panel height across every treatment detail page and viewport. */
.detail-page .detail-intro{height:628px}

/* Acne marks: match the supplied four-phase treatment process layout. */
[data-page="acne-marks-scars"] .marks-process{height:989px;padding-top:90px;padding-bottom:90px;background:#f8f1e7}
[data-page="acne-marks-scars"] .marks-process .detail-section-heading>p:first-child{font-family:var(--font-ko);font-size:20px;line-height:36px;font-weight:500}
[data-page="acne-marks-scars"] .marks-process .detail-section-heading h2{margin-top:20px;font-size:40px;line-height:48px;font-weight:700}
[data-page="acne-marks-scars"] .marks-process .heading-description{margin-top:40px;font-size:24px;line-height:34px;font-weight:500}
[data-page="acne-marks-scars"] .marks-process-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:80px}
[data-page="acne-marks-scars"] .marks-process-grid .detail-card{min-width:0;display:flex;flex-direction:column}
[data-page="acne-marks-scars"] .marks-process-grid .detail-card>img{display:block;flex:none;width:100%;height:303px;object-fit:cover}
[data-page="acne-marks-scars"] .marks-process-grid .detail-card-copy{position:relative;flex:1;min-height:185px;padding:30px 27px 20px;border-bottom:1px solid #817b77}
[data-page="acne-marks-scars"] .marks-process-grid .detail-card-copy>span{font-family:var(--font-ko);font-size:12px;line-height:12px;font-weight:700;color:#817b77}
[data-page="acne-marks-scars"] .marks-process-grid .detail-card-copy h3{margin-top:8px;font-size:20px;line-height:24px;font-weight:700;color:#231a11}
[data-page="acne-marks-scars"] .marks-process-grid .detail-card-copy p{margin-top:18px;font-size:14px;line-height:20px;font-weight:500;letter-spacing:0;color:#231a11}
[data-page="acne-marks-scars"] .marks-process-grid .detail-card:not(:last-child) .detail-card-copy::after{content:"";position:absolute;z-index:1;top:49px;left:calc(100% + 2px);width:15px;height:23px;background:url("images/melasma/step-arrow.png") center/contain no-repeat;pointer-events:none}
[data-page="acne-marks-scars"] .marks-process .process-note{margin-top:20px;font-size:10px;line-height:10px;font-weight:500;color:#817b77}
@media(max-width:1050px){
  [data-page="acne-marks-scars"] .marks-process{height:auto;padding-top:90px;padding-bottom:90px}
  [data-page="acne-marks-scars"] .marks-process .detail-section-heading>p:first-child{font-size:18px;line-height:28px}
  [data-page="acne-marks-scars"] .marks-process .detail-section-heading h2{margin-top:20px;font-size:34px;line-height:1.3}
  [data-page="acne-marks-scars"] .marks-process .heading-description{margin-top:28px;font-size:18px;line-height:1.5}
  [data-page="acne-marks-scars"] .marks-process-grid{margin-top:65px;gap:16px}
  [data-page="acne-marks-scars"] .marks-process-grid .detail-card>img{height:auto;aspect-ratio:345/303}
  [data-page="acne-marks-scars"] .marks-process-grid .detail-card-copy{padding:22px 12px 20px}
  [data-page="acne-marks-scars"] .marks-process-grid .detail-card-copy h3{font-size:17px;line-height:1.3}
  [data-page="acne-marks-scars"] .marks-process-grid .detail-card-copy p{font-size:13px;line-height:1.5}
  [data-page="acne-marks-scars"] .marks-process-grid .detail-card:not(:last-child) .detail-card-copy::after{top:41px;left:calc(100% + 1px);width:14px;height:21px}
}
@media(max-width:900px){
  [data-page="acne-marks-scars"] .marks-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 20px}
  [data-page="acne-marks-scars"] .marks-process-grid .detail-card:nth-child(3){order:4}
  [data-page="acne-marks-scars"] .marks-process-grid .detail-card:nth-child(4){order:3}
  [data-page="acne-marks-scars"] .marks-process-grid .detail-card-copy{min-height:175px;padding:24px 20px 22px}
  [data-page="acne-marks-scars"] .marks-process-grid .detail-card:not(:last-child) .detail-card-copy::after{top:44px;left:calc(100% + 3px)}
  [data-page="acne-marks-scars"] .marks-process-grid .detail-card:nth-child(2) .detail-card-copy::after{top:calc(100% + 13px);left:50%;transform:translateX(-50%) rotate(90deg)}
  [data-page="acne-marks-scars"] .marks-process-grid .detail-card:nth-child(3) .detail-card-copy::after{left:auto;right:calc(100% + 3px);transform:rotate(180deg)}
}
@media(max-width:650px){
  [data-page="acne-marks-scars"] .marks-process{padding:72px 22px 80px}
  [data-page="acne-marks-scars"] .marks-process .detail-section-heading>p:first-child{font-size:16px;line-height:24px}
  [data-page="acne-marks-scars"] .marks-process .detail-section-heading h2{margin-top:16px;font-size:25px;line-height:1.3}
  [data-page="acne-marks-scars"] .marks-process .heading-description{margin-top:22px;font-size:14px;line-height:1.55}
  [data-page="acne-marks-scars"] .marks-process-grid{grid-template-columns:1fr;margin-top:45px;gap:45px}
  [data-page="acne-marks-scars"] .marks-process-grid .detail-card:nth-child(3),
  [data-page="acne-marks-scars"] .marks-process-grid .detail-card:nth-child(4){order:initial}
  [data-page="acne-marks-scars"] .marks-process-grid .detail-card-copy{min-height:0;padding:22px 10px 24px}
  [data-page="acne-marks-scars"] .marks-process-grid .detail-card-copy h3{font-size:19px}
  [data-page="acne-marks-scars"] .marks-process-grid .detail-card-copy p{font-size:13px;line-height:1.5}
  [data-page="acne-marks-scars"] .marks-process-grid .detail-card:not(:last-child) .detail-card-copy::after,
  [data-page="acne-marks-scars"] .marks-process-grid .detail-card:nth-child(2) .detail-card-copy::after{top:calc(100% + 12px);left:50%;transform:translateX(-50%) rotate(90deg)}
  [data-page="acne-marks-scars"] .marks-process-grid .detail-card:nth-child(3) .detail-card-copy::after{right:auto}
  [data-page="acne-marks-scars"] .marks-process .process-note{margin-top:26px;font-size:10px;line-height:1.4}
}

/* Shared centered kicker / title / description typography across detail pages. */
body.detail-page[data-page] :is(.detail-section-heading,.column-heading,.space-page-intro,.equipment-intro) > p.aboreto{
  font-family:var(--font-ko);
  font-style:normal;
  font-weight:500;
  font-size:20px;
  line-height:36px;
  letter-spacing:0;
  text-align:center;
}
body.detail-page[data-page] :is(.detail-section-heading,.column-heading,.space-page-intro,.equipment-intro) > p.aboreto + h2{
  font-family:var(--font-ko);
  font-style:normal;
  font-weight:700;
  font-size:40px;
  line-height:1;
  letter-spacing:0;
  text-align:center;
}
body.detail-page[data-page] :is(.detail-section-heading,.column-heading,.space-page-intro,.equipment-intro) > p.aboreto + h2 + p{
  font-family:var(--font-ko);
  font-style:normal;
  font-weight:500;
  font-size:24px;
  line-height:34px;
  letter-spacing:0;
  text-align:center;
}
@media(max-width:1050px){
  body.detail-page[data-page] :is(.detail-section-heading,.column-heading,.space-page-intro,.equipment-intro) > p.aboreto{font-size:18px;line-height:28px}
  body.detail-page[data-page] :is(.detail-section-heading,.column-heading,.space-page-intro,.equipment-intro) > p.aboreto + h2{font-size:34px;line-height:1.2}
  body.detail-page[data-page] :is(.detail-section-heading,.column-heading,.space-page-intro,.equipment-intro) > p.aboreto + h2 + p{font-size:18px;line-height:27px}
}
@media(max-width:650px){
  body.detail-page[data-page] :is(.detail-section-heading,.column-heading,.space-page-intro,.equipment-intro) > p.aboreto{font-size:16px;line-height:24px}
  body.detail-page[data-page] :is(.detail-section-heading,.column-heading,.space-page-intro,.equipment-intro) > p.aboreto + h2{font-size:25px;line-height:1.2}
  body.detail-page[data-page] :is(.detail-section-heading,.column-heading,.space-page-intro,.equipment-intro) > p.aboreto + h2 + p{font-size:14px;line-height:22px}
}

/* Acne marks and scars: four-step approach from the supplied layout. */
[data-page="acne-marks-scars"] .marks-solution{height:1126px;padding-top:98px;padding-bottom:99px}
[data-page="acne-marks-scars"] .marks-solution .detail-section-heading h2{margin-top:24px}
[data-page="acne-marks-scars"] .marks-solution .heading-description{margin-top:40px}
[data-page="acne-marks-scars"] .marks-solution-grid{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:min(1661px,calc(100vw - 40px));margin:84px 0 0 50%;padding:84px clamp(35px,5.75vw,110px);transform:translateX(-50%)}
[data-page="acne-marks-scars"] .marks-solution-card{min-width:0;min-height:469px;border-bottom:1px solid #817b77}
[data-page="acne-marks-scars"] .marks-solution-card>img{display:block;width:100%;aspect-ratio:345/303;object-fit:cover;background:#eee7df}
[data-page="acne-marks-scars"] .marks-solution-copy{padding:30px 28px 18px}
[data-page="acne-marks-scars"] .marks-solution-step{font-size:12px;line-height:1;font-weight:700;color:#817b77}
[data-page="acne-marks-scars"] .marks-solution-copy h3{margin-top:8px;font-size:20px;line-height:24px;font-weight:700;color:#231a11}
[data-page="acne-marks-scars"] .marks-solution-copy>p:last-child{margin-top:18px;font-size:14px;line-height:20px;font-weight:500;color:#231a11}
@media(max-width:1050px){
  [data-page="acne-marks-scars"] .marks-solution{padding-top:90px;padding-bottom:90px}
  [data-page="acne-marks-scars"] .marks-solution .detail-section-heading h2{margin-top:28px}
  [data-page="acne-marks-scars"] .marks-solution .heading-description{margin-top:30px}
  [data-page="acne-marks-scars"] .marks-solution-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px;width:min(850px,calc(100vw - 48px));margin-top:70px;padding:45px}
}
@media(max-width:650px){
  [data-page="acne-marks-scars"] .marks-solution{padding:72px 22px 80px}
  [data-page="acne-marks-scars"] .marks-solution .detail-section-heading h2{margin-top:18px}
  [data-page="acne-marks-scars"] .marks-solution .heading-description{margin-top:22px}
  [data-page="acne-marks-scars"] .marks-solution-grid{grid-template-columns:1fr;gap:30px;width:100%;margin:45px 0 0;padding:0;transform:none}
  [data-page="acne-marks-scars"] .marks-solution-card{min-height:0}
  [data-page="acne-marks-scars"] .marks-solution-copy{padding:22px 10px 25px}
  [data-page="acne-marks-scars"] .marks-solution-copy h3{font-size:19px}
}

/* Pores: three treatment principles from the supplied design. */
[data-page="pores"] .pores-solution{height:1130px;padding-top:101px;padding-bottom:101px}
[data-page="pores"] .pores-solution .detail-section-heading h2{margin-top:40px}
[data-page="pores"] .pores-solution .heading-description{margin-top:40px}
[data-page="pores"] .pores-solution-grid{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:min(1435px,100%);margin:68px auto 0;padding:83px clamp(40px,calc((100vw - 1075px)/2),180px) 84px}
[data-page="pores"] .pores-solution-grid article{min-width:0;min-height:469px;border-bottom:1px solid #817b77}
[data-page="pores"] .pores-solution-grid article>img{display:block;width:100%;aspect-ratio:345/303;object-fit:cover;background:#eee7df}
[data-page="pores"] .pores-solution-copy{padding:30px 28px 18px}
[data-page="pores"] .pores-solution-label{font-size:12px;line-height:12px;font-weight:700;color:#817b77}
[data-page="pores"] .pores-solution-copy h3{margin-top:8px;font-size:20px;line-height:24px;font-weight:700;color:#231a11}
[data-page="pores"] .pores-solution-copy>p:last-child{margin-top:18px;font-size:14px;line-height:20px;font-weight:500;color:#231a11}
@media(max-width:1050px){
  [data-page="pores"] .pores-solution{padding-top:90px;padding-bottom:90px}
  [data-page="pores"] .pores-solution .detail-section-heading h2{margin-top:28px}
  [data-page="pores"] .pores-solution .heading-description{margin-top:30px}
  [data-page="pores"] .pores-solution-grid{margin-top:65px;padding:38px}
}
@media(max-width:780px){
  [data-page="pores"] .pores-solution-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px;gap:24px}
  [data-page="pores"] .pores-solution-grid article:last-child{grid-column:1/-1;width:calc(50% - 12px);justify-self:center}
}
@media(max-width:650px){
  [data-page="pores"] .pores-solution{padding:72px 22px 80px}
  [data-page="pores"] .pores-solution .detail-section-heading h2{margin-top:18px}
  [data-page="pores"] .pores-title-second{display:block}
  [data-page="pores"] .pores-solution .heading-description{margin-top:22px}
  [data-page="pores"] .pores-solution-grid{grid-template-columns:1fr;width:100%;margin:45px 0 0;padding:0;gap:30px}
  [data-page="pores"] .pores-solution-grid article{min-height:0}
  [data-page="pores"] .pores-solution-grid article:last-child{grid-column:auto;width:100%}
  [data-page="pores"] .pores-solution-copy{padding:22px 10px 25px}
  [data-page="pores"] .pores-solution-copy h3{font-size:19px}
}

/* Other scars: three-stage approach. The supplied 2x reference supplies the exact card artwork. */
[data-page="other-scars"] .other-scars-solution{height:1130px;padding-top:101px;padding-bottom:101px}
[data-page="other-scars"] .other-scars-solution .detail-section-heading h2{margin-top:40px}
[data-page="other-scars"] .other-scars-solution .heading-description{margin-top:40px}
[data-page="other-scars"] .other-scars-solution-grid{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:min(1435px,100%);margin:68px auto 0;padding:83px clamp(40px,calc((100vw - 1075px)/2),180px) 84px}
[data-page="other-scars"] .other-scars-solution-grid article{min-width:0;min-height:469px;border-bottom:1px solid #817b77}
[data-page="other-scars"] .other-scars-approach-image{position:relative;width:100%;aspect-ratio:345/303;overflow:hidden;background:#eee7df}
[data-page="other-scars"] .other-scars-approach-image img{position:absolute;top:-157.0957%;left:var(--image-x);display:block;width:556.5217%;max-width:none;height:auto}
[data-page="other-scars"] .other-scars-solution-copy{padding:30px 28px 18px}
[data-page="other-scars"] .other-scars-solution-label{font-size:12px;line-height:12px;font-weight:700;color:#817b77}
[data-page="other-scars"] .other-scars-solution-copy h3{margin-top:8px;font-size:20px;line-height:24px;font-weight:700;color:#231a11}
[data-page="other-scars"] .other-scars-solution-copy>p:last-child{margin-top:18px;font-size:14px;line-height:20px;font-weight:500;color:#231a11}
@media(max-width:1050px){
  [data-page="other-scars"] .other-scars-solution{padding-top:90px;padding-bottom:90px}
  [data-page="other-scars"] .other-scars-solution .detail-section-heading h2{margin-top:28px}
  [data-page="other-scars"] .other-scars-solution .heading-description{margin-top:30px}
  [data-page="other-scars"] .other-scars-solution-grid{margin-top:65px;padding:38px}
}
@media(max-width:780px){
  [data-page="other-scars"] .other-scars-solution-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px;gap:24px}
  [data-page="other-scars"] .other-scars-solution-grid article:last-child{grid-column:1/-1;width:calc(50% - 12px);justify-self:center}
}
@media(max-width:650px){
  [data-page="other-scars"] .other-scars-solution{padding:72px 22px 80px}
  [data-page="other-scars"] .other-scars-solution .detail-section-heading h2{margin-top:18px}
  [data-page="other-scars"] .other-scars-title-second{display:block}
  [data-page="other-scars"] .other-scars-solution .heading-description{margin-top:22px}
  [data-page="other-scars"] .other-scars-solution-grid{grid-template-columns:1fr;width:100%;margin:45px 0 0;padding:0;gap:30px}
  [data-page="other-scars"] .other-scars-solution-grid article{min-height:0}
  [data-page="other-scars"] .other-scars-solution-grid article:last-child{grid-column:auto;width:100%}
  [data-page="other-scars"] .other-scars-solution-copy{padding:22px 10px 25px}
  [data-page="other-scars"] .other-scars-solution-copy h3{font-size:19px}
}

/* Other scars: traumatic-scar cases from the supplied four-card layout. */
[data-page="other-scars"] .other-scars-trauma{height:1012px;padding-top:94px;padding-bottom:123px}
[data-page="other-scars"] .other-scars-trauma .detail-section-heading h2{margin-top:20px}
[data-page="other-scars"] .other-scars-trauma .heading-description{margin-top:48px}
[data-page="other-scars"] .other-scars-trauma-grid{width:min(1440px,100%);gap:20px;margin:80px auto 0}
[data-page="other-scars"] .other-scars-trauma-grid .detail-card{min-height:469px;border-bottom:1px solid #817b77}
[data-page="other-scars"] .other-scars-trauma-grid .detail-card>img{display:block;width:100%;height:auto;aspect-ratio:345/303;object-fit:cover}
[data-page="other-scars"] .other-scars-trauma-grid .detail-card-copy{padding:30px 28px 18px;border-bottom:0}
[data-page="other-scars"] .other-scars-trauma-grid .detail-card-copy>span{font-family:var(--font-ko);font-size:12px;line-height:12px;font-weight:700;color:#817b77}
[data-page="other-scars"] .other-scars-trauma-grid .detail-card-copy h3{margin-top:8px;font-size:20px;line-height:24px;font-weight:700;color:#231a11}
[data-page="other-scars"] .other-scars-trauma-grid .detail-card-copy p{margin-top:18px;font-size:14px;line-height:20px;font-weight:500;color:#231a11;letter-spacing:0}
@media(max-width:1050px){
  [data-page="other-scars"] .other-scars-trauma{padding-top:90px;padding-bottom:95px}
  [data-page="other-scars"] .other-scars-trauma .detail-section-heading h2{margin-top:28px}
  [data-page="other-scars"] .other-scars-trauma .heading-description{margin-top:30px}
  [data-page="other-scars"] .other-scars-trauma-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(740px,100%);gap:30px 20px;margin-top:65px}
}
@media(max-width:650px){
  [data-page="other-scars"] .other-scars-trauma{padding:72px 22px 80px}
  [data-page="other-scars"] .other-scars-trauma .detail-section-heading h2{margin-top:18px}
  [data-page="other-scars"] .other-scars-trauma .heading-description{margin-top:22px}
  [data-page="other-scars"] .other-scars-trauma-grid{grid-template-columns:1fr;width:100%;gap:30px;margin-top:45px}
  [data-page="other-scars"] .other-scars-trauma-grid .detail-card{min-height:0}
  [data-page="other-scars"] .other-scars-trauma-grid .detail-card-copy{padding:22px 10px 25px}
  [data-page="other-scars"] .other-scars-trauma-grid .detail-card-copy h3{font-size:19px}
}

/* Other scars: centered surgical-scar heading and level card rules. */
[data-page="other-scars"] .other-scars-surgery{padding-top:94px;padding-bottom:100px}
[data-page="other-scars"] .other-scars-surgery .detail-section-heading h2{margin-top:20px}
[data-page="other-scars"] .other-scars-surgery .heading-description{margin-top:40px}
[data-page="other-scars"] .other-scars-surgery-grid{gap:20px;margin-top:80px}
[data-page="other-scars"] .other-scars-surgery-grid .detail-card{display:flex;flex-direction:column;min-height:450px;border-bottom:1px solid #817b77}
[data-page="other-scars"] .other-scars-surgery-grid .detail-card>img{display:block;height:auto;aspect-ratio:345/303;object-fit:cover;flex:none}
[data-page="other-scars"] .other-scars-surgery-grid .detail-card-copy{flex:1;padding:30px 28px 18px;border-bottom:0}
[data-page="other-scars"] .other-scars-surgery-grid .detail-card-copy>span{font-family:var(--font-ko);font-size:12px;line-height:12px;font-weight:700;color:#817b77}
[data-page="other-scars"] .other-scars-surgery-grid .detail-card-copy h3{margin-top:8px;font-size:20px;line-height:24px;font-weight:700;color:#231a11}
[data-page="other-scars"] .other-scars-surgery-grid .detail-card-copy p{margin-top:18px;font-size:14px;line-height:20px;font-weight:500;color:#231a11;letter-spacing:0}
@media(max-width:1050px){
  [data-page="other-scars"] .other-scars-surgery{padding-top:90px;padding-bottom:95px}
  [data-page="other-scars"] .other-scars-surgery .detail-section-heading h2{margin-top:28px}
  [data-page="other-scars"] .other-scars-surgery .heading-description{margin-top:30px}
  [data-page="other-scars"] .other-scars-surgery-grid{margin-top:65px}
  [data-page="other-scars"] .other-scars-surgery-grid .detail-card{min-height:0}
}
@media(max-width:650px){
  [data-page="other-scars"] .other-scars-surgery{padding:72px 22px 80px}
  [data-page="other-scars"] .other-scars-surgery .detail-section-heading h2{margin-top:18px}
  [data-page="other-scars"] .other-scars-surgery .heading-description{margin-top:22px}
  [data-page="other-scars"] .other-scars-surgery-grid{margin-top:45px;gap:30px}
  [data-page="other-scars"] .other-scars-surgery-grid .detail-card{min-height:0}
  [data-page="other-scars"] .other-scars-surgery-grid .detail-card-copy{padding:22px 10px 25px}
  [data-page="other-scars"] .other-scars-surgery-grid .detail-card-copy h3{font-size:19px}
}

/* Lifting detail: proportions and rhythm of the supplied full-page design. */
@media(min-width:1051px){
  [data-page="lifting"] .detail-hero{height:645px}
  [data-page="lifting"] .detail-marquee{height:270px}
}
[data-page="lifting"] .lifting-signs{height:930px;padding-top:50px;padding-bottom:80px}
[data-page="lifting"] .lifting-signs .detail-section-heading h2{margin-top:20px}
[data-page="lifting"] .lifting-signs .heading-description{margin-top:40px}
[data-page="lifting"] .lifting-signs .detail-card-grid{width:min(1075px,100%);gap:20px;margin:90px auto 0}
[data-page="lifting"] .lifting-signs .detail-card{display:flex;flex-direction:column;min-height:485px;border-bottom:1px solid #817b77}
[data-page="lifting"] .lifting-signs .detail-card>img{display:block;width:100%;height:auto;aspect-ratio:345/303;object-fit:cover;flex:none}
[data-page="lifting"] .lifting-signs .detail-card-copy{flex:1;padding:30px 28px 18px;border-bottom:0}
[data-page="lifting"] .lifting-signs .detail-card-copy>span{font-family:var(--font-ko);font-size:12px;line-height:12px;font-weight:700;color:#817b77}
[data-page="lifting"] .lifting-signs .detail-card-copy h3{margin-top:8px;font-size:20px;line-height:24px;font-weight:700;color:#231a11}
[data-page="lifting"] .lifting-signs .detail-card-copy p{margin-top:18px;font-size:14px;line-height:20px;font-weight:500;color:#231a11;letter-spacing:0}

[data-page="lifting"] .lifting-principles{height:1100px;padding-top:80px;padding-bottom:90px}
[data-page="lifting"] .lifting-principles .detail-section-heading h2{margin-top:20px}
[data-page="lifting"] .lifting-principles .heading-description{margin-top:40px}
[data-page="lifting"] .lifting-principles-grid{position:relative;box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:min(1664px,calc(100vw - 40px));margin:90px 0 0 50%;padding:82px 112px 84px;transform:translateX(-50%);border:0;border-radius:0}
[data-page="lifting"] .lifting-principles-grid::before{content:"";position:absolute;inset:0 auto 0 0;width:57%;box-sizing:border-box;border:2px solid #b9b9b9;border-right:0;border-radius:90px 0 0 90px;mask-image:linear-gradient(90deg,#000 0%,#000 78%,transparent 100%);pointer-events:none}
[data-page="lifting"] .lifting-principles-grid article{min-width:0;min-height:470px;padding-bottom:0;border-bottom:1px solid #817b77}
[data-page="lifting"] .lifting-principles-grid img{display:block;width:100%;height:auto;aspect-ratio:345/303;object-fit:cover}
[data-page="lifting"] .lifting-principle-copy{padding:30px 28px 18px}
[data-page="lifting"] .lifting-principle-copy>p:first-child{font-family:var(--font-ko);font-size:12px;line-height:12px;font-weight:700;color:#817b77}
[data-page="lifting"] .lifting-principle-copy h3{margin-top:8px;font-size:20px;line-height:24px;font-weight:700;color:#231a11}
[data-page="lifting"] .lifting-principle-copy>p:last-child{margin-top:18px;font-size:14px;line-height:20px;font-weight:500;color:#231a11}

[data-page="lifting"] .lifting-solutions{height:2000px;padding-top:130px;padding-bottom:150px}
[data-page="lifting"] .lifting-solutions .detail-section-heading h2{margin-top:20px}
[data-page="lifting"] .lifting-solutions .heading-description{margin-top:34px}
[data-page="lifting"] .lifting-solution-grid{margin-top:80px}
[data-page="lifting"] .lifting-solution-grid article{grid-template-columns:80px minmax(0,1fr);gap:20px;padding:35px 100px}
[data-page="lifting"] .lifting-solution-index{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#c8beb0}
[data-page="lifting"] .lifting-solution-number{font-family:var(--font-en);font-size:62px;line-height:1;font-weight:500}
[data-page="lifting"] .lifting-solution-index span{font-family:var(--font-en);font-size:12px;line-height:16px}
[data-page="lifting"] .lifting-solution-grid h3{font-size:20px;font-weight:700}
[data-page="lifting"] .lifting-solution-grid article .lifting-solution-copy p{margin-top:16px;font-size:14px;line-height:20px}

[data-page="lifting"] .recommend-section{height:680px}
[data-page="lifting"] .recommend-inner{width:960px;grid-template-columns:470px 345px;gap:145px}
@media(max-width:1050px){
  [data-page="lifting"] .lifting-signs{padding:90px 5%}
  [data-page="lifting"] .lifting-signs .detail-section-heading h2{margin-top:28px}
  [data-page="lifting"] .lifting-signs .heading-description{margin-top:30px}
  [data-page="lifting"] .lifting-signs .detail-card-grid{margin-top:65px}
  [data-page="lifting"] .lifting-signs .detail-card{min-height:0}
  [data-page="lifting"] .lifting-principles{padding:90px 5%}
  [data-page="lifting"] .lifting-principles .detail-section-heading h2{margin-top:28px}
  [data-page="lifting"] .lifting-principles .heading-description{margin-top:30px}
  [data-page="lifting"] .lifting-principles-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(740px,100%);gap:30px 20px;margin-top:65px;padding:0}
  [data-page="lifting"] .lifting-principles-grid::before{display:none}
  [data-page="lifting"] .lifting-principles-grid article{min-height:0}
  [data-page="lifting"] .lifting-solutions{padding:100px 5%}
  [data-page="lifting"] .lifting-solution-grid{margin-top:65px}
  [data-page="lifting"] .lifting-solution-grid article{grid-template-columns:58px minmax(0,1fr);padding:25px}
  [data-page="lifting"] .lifting-solution-number{font-size:42px}
  [data-page="lifting"] .recommend-inner{width:90%;grid-template-columns:minmax(0,1fr) 35%;gap:7%}
}
@media(max-width:650px){
  [data-page="lifting"] .lifting-signs,[data-page="lifting"] .lifting-principles,[data-page="lifting"] .lifting-solutions{padding:72px 22px 80px}
  [data-page="lifting"] .lifting-signs .detail-section-heading h2,[data-page="lifting"] .lifting-principles .detail-section-heading h2,[data-page="lifting"] .lifting-solutions .detail-section-heading h2{margin-top:18px}
  [data-page="lifting"] .lifting-signs .heading-description,[data-page="lifting"] .lifting-principles .heading-description,[data-page="lifting"] .lifting-solutions .heading-description{margin-top:22px}
  [data-page="lifting"] .lifting-signs .detail-card-grid,[data-page="lifting"] .lifting-principles-grid{grid-template-columns:1fr;width:100%;gap:30px;margin-top:45px}
  [data-page="lifting"] .lifting-signs .detail-card-copy,[data-page="lifting"] .lifting-principle-copy{padding:22px 10px 25px}
  [data-page="lifting"] .lifting-signs .detail-card-copy h3,[data-page="lifting"] .lifting-principle-copy h3{font-size:19px}
  [data-page="lifting"] .lifting-solution-grid{margin-top:45px}
  [data-page="lifting"] .lifting-solution-grid article{grid-template-columns:52px minmax(0,1fr);gap:12px;min-height:205px;padding:25px}
  [data-page="lifting"] .lifting-solution-number{font-size:38px}
  [data-page="lifting"] .lifting-solution-index span{font-size:10px}
  [data-page="lifting"] .lifting-solution-grid h3{font-size:18px}
  [data-page="lifting"] .lifting-solution-grid article .lifting-solution-copy p{font-size:13px;line-height:19px}
  [data-page="lifting"] .recommend-inner{width:100%}
  [data-page="lifting"] .device-card.is-active::after{height:260px;background:linear-gradient(180deg,#fff 18%,rgba(255,255,255,.93) 55%,rgba(255,255,255,0) 100%)}
}

/* Skin booster product cards use the supplied lineup reference as three precise crops. */
.skin-booster-lineup .device-scroll{width:min(1075px,calc(100% - 48px));justify-content:center;overflow:visible}
.skin-booster-lineup .device-card{flex:0 0 345px;width:345px;height:auto;aspect-ratio:345/622;background:#fff}
.skin-booster-lineup .device-image-crop{position:absolute;inset:0;background:url("images/devices/skin-booster-lineup-reference.png") var(--crop-x) 63.7%/556.52174% auto no-repeat}
.skin-booster-lineup .device-card:nth-child(1){--crop-x:26.86%}
.skin-booster-lineup .device-card:nth-child(2){--crop-x:50.03%}
.skin-booster-lineup .device-card:nth-child(3){--crop-x:73.21%}
.skin-booster-lineup .device-card::after{height:240px;background:linear-gradient(180deg,#fff 0%,#fff 80%,rgba(255,255,255,0) 100%)}
.skin-booster-lineup .device-card.is-active::after,.skin-booster-lineup .device-card:hover::after,.skin-booster-lineup .device-card:focus-visible::after{height:260px;background:linear-gradient(180deg,#fff 0%,#fff 66%,rgba(255,255,255,0) 100%)}
.skin-booster-lineup .lineup-progress{display:none}
@media(max-width:1050px){
  .skin-booster-lineup .device-scroll{width:calc(100% - 48px);justify-content:flex-start;overflow-x:auto}
  .skin-booster-lineup .device-card{flex-basis:290px;width:290px;min-width:290px}
  .skin-booster-lineup .lineup-progress{display:block}
}
@media(max-width:650px){
  .skin-booster-lineup .device-scroll{display:grid;grid-template-columns:1fr;width:min(345px,calc(100% - 44px));gap:16px;overflow:visible}
  .skin-booster-lineup .device-card{width:100%;min-width:0;max-width:none}
  .skin-booster-lineup .device-card-copy{top:27px;left:26px;right:26px}
  .skin-booster-lineup .device-card-copy strong{font-size:18px}
  .skin-booster-lineup .device-card-copy>span{max-height:none;margin-top:17px;font-size:13px;line-height:19px;opacity:1;transform:none}
  .skin-booster-lineup .device-card::after,.skin-booster-lineup .device-card.is-active::after,.skin-booster-lineup .device-card:hover::after,.skin-booster-lineup .device-card:focus-visible::after{height:270px;background:linear-gradient(180deg,#fff 0%,#fff 66%,rgba(255,255,255,0) 100%)}
  .skin-booster-lineup .lineup-progress{display:none}
}

@media(max-width:1050px){
  .firming-page .detail-hero{height:500px}
  .firming-page .detail-marquee{height:130px}
  .firming-page .results-section{height:560px}
  .firming-approach-grid{padding:45px;gap:18px}
  .firming-approach-grid article>p:last-child{font-size:13px}
}
@media(max-width:650px){
  .firming-page .detail-hero{height:400px}
  .firming-page .detail-marquee{height:90px}
  .firming-page .results-section{height:470px}
  .firming-approach-grid{grid-template-columns:1fr;margin-top:45px;padding:0;gap:34px}
  .firming-approach-grid article{padding-bottom:25px}
  .firming-approach-grid article>p:last-child{font-size:14px}
  .firming-contour-grid article{background-position:center}
  .firming-page .device-card.is-active::after{height:180px;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.98) 48%,rgba(255,255,255,0) 100%)}
}

/* Wrinkles & volume: proportions and card rhythm from the supplied design. */
@media(min-width:1051px){
  [data-page="wrinkles-volume"] .detail-hero{height:646px}
  [data-page="wrinkles-volume"] .detail-marquee{height:218px}
  [data-page="wrinkles-volume"] .wrinkle-balance{height:982px;padding-top:100px}
  [data-page="wrinkles-volume"] .wrinkle-lines{height:1390px;padding-top:115px}
  [data-page="wrinkles-volume"] .wrinkle-solutions{height:1101px;padding-top:100px}
  [data-page="wrinkles-volume"] .recommend-section{height:692px}
  [data-page="wrinkles-volume"] .results-section{height:826px}
  [data-page="wrinkles-volume"] .device-scroll{width:min(1075px,calc(100% - 48px));justify-content:center;overflow:visible;margin-top:60px}
  [data-page="wrinkles-volume"] .lineup-progress[hidden]{display:none}
}
[data-page="wrinkles-volume"] .device-card{height:auto;aspect-ratio:345/622;background:#fff}
[data-page="wrinkles-volume"] .device-image{height:100%}
[data-page="wrinkles-volume"] .device-image-crop{position:absolute;inset:0;background:url("images/devices/wrinkles-volume-lineup-reference.png") var(--crop-x) 62.615%/556.52174% auto no-repeat}
[data-page="wrinkles-volume"] .device-card:nth-child(1){--crop-x:26.825%}
[data-page="wrinkles-volume"] .device-card:nth-child(2){--crop-x:50%}
[data-page="wrinkles-volume"] .device-card:nth-child(3){--crop-x:73.175%}
[data-page="wrinkles-volume"] .device-card::after{height:120px;background:linear-gradient(180deg,#fff 0%,#fff 72%,rgba(255,255,255,0) 100%)}
[data-page="wrinkles-volume"] .device-card.is-active::after,[data-page="wrinkles-volume"] .device-card:hover::after,[data-page="wrinkles-volume"] .device-card:focus-visible::after{height:192px;background:linear-gradient(180deg,#fff 31.25%,#fff 68%,rgba(255,255,255,0) 100%)}
[data-page="wrinkles-volume"] .wrinkle-balance .detail-card-grid{width:min(1075px,100%);gap:20px;margin:90px auto 0}
[data-page="wrinkles-volume"] .wrinkle-balance .detail-card{display:flex;flex-direction:column;min-height:485px;border-bottom:1px solid #817b77}
[data-page="wrinkles-volume"] .wrinkle-balance .detail-card>img{display:block;width:100%;height:auto;aspect-ratio:345/303;object-fit:cover;flex:none}
[data-page="wrinkles-volume"] .wrinkle-balance .detail-card-copy{flex:1;padding:30px 28px 18px;border-bottom:0}
[data-page="wrinkles-volume"] .wrinkle-balance .detail-card-copy>span{font-family:var(--font-ko);font-size:12px;line-height:12px;font-weight:700;color:#817b77}
[data-page="wrinkles-volume"] .wrinkle-balance .detail-card-copy h3{margin-top:8px;font-size:20px;line-height:24px;font-weight:700;color:#231a11}
[data-page="wrinkles-volume"] .wrinkle-balance .detail-card-copy p{margin-top:18px;font-size:14px;line-height:20px;font-weight:500;color:#231a11;letter-spacing:0}
[data-page="wrinkles-volume"] .wrinkle-line-grid{gap:20px;margin-top:115px}
[data-page="wrinkles-volume"] .wrinkle-line-grid article{min-height:414px;padding:45px 30px}
[data-page="wrinkles-volume"] .wrinkle-line-grid h3{font-size:24px;font-weight:700}
[data-page="wrinkles-volume"] .wrinkle-line-grid p{font-size:16px;line-height:1.55;margin-top:16px}
[data-page="wrinkles-volume"] .wrinkle-solution-grid{position:relative;box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:min(1664px,calc(100vw - 40px));margin:80px 0 0 50%;padding:82px 112px 84px;transform:translateX(-50%);border:0;border-radius:0}
[data-page="wrinkles-volume"] .wrinkle-solution-grid::before{content:"";position:absolute;inset:0 auto 0 0;width:57%;box-sizing:border-box;border:2px solid #b9b9b9;border-right:0;border-radius:90px 0 0 90px;mask-image:linear-gradient(90deg,#000 0%,#000 78%,transparent 100%);pointer-events:none}
[data-page="wrinkles-volume"] .wrinkle-solution-grid article{min-width:0;min-height:470px;padding-bottom:0;border-bottom:1px solid #817b77}
[data-page="wrinkles-volume"] .wrinkle-solution-grid img{display:block;width:100%;height:auto;aspect-ratio:345/303;object-fit:cover}
[data-page="wrinkles-volume"] .wrinkle-solution-grid .lifting-principle-copy{padding:30px 28px 18px}
[data-page="wrinkles-volume"] .wrinkle-solution-grid .lifting-principle-copy>p:first-child{font-family:var(--font-ko);font-size:12px;line-height:12px;font-weight:700;color:#817b77}
[data-page="wrinkles-volume"] .wrinkle-solution-grid .lifting-principle-copy h3{margin-top:8px;font-size:20px;line-height:24px;font-weight:700;color:#231a11}
[data-page="wrinkles-volume"] .wrinkle-solution-grid .lifting-principle-copy>p:last-child{margin-top:18px;font-size:14px;line-height:20px;font-weight:500;color:#231a11}
@media(max-width:1050px){
  [data-page="wrinkles-volume"] .wrinkle-balance .detail-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(740px,100%);gap:30px 20px;margin-top:65px}
  [data-page="wrinkles-volume"] .wrinkle-balance .detail-card{min-height:0}
  [data-page="wrinkles-volume"] .wrinkle-line-grid{margin-top:65px}
  [data-page="wrinkles-volume"] .wrinkle-solution-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:min(740px,100%);gap:30px 20px;margin:65px auto 0;padding:0;transform:none}
  [data-page="wrinkles-volume"] .wrinkle-solution-grid::before{display:none}
  [data-page="wrinkles-volume"] .wrinkle-solution-grid article{min-height:0}
  [data-page="wrinkles-volume"] .results-section{height:560px}
}
@media(max-width:650px){
  [data-page="wrinkles-volume"] .wrinkle-balance .detail-card-grid,[data-page="wrinkles-volume"] .wrinkle-solution-grid{grid-template-columns:1fr;width:100%;gap:30px;margin-top:45px}
  [data-page="wrinkles-volume"] .wrinkle-balance .detail-card-copy,[data-page="wrinkles-volume"] .wrinkle-solution-grid .lifting-principle-copy{padding:22px 10px 25px}
  [data-page="wrinkles-volume"] .wrinkle-balance .detail-card-copy h3,[data-page="wrinkles-volume"] .wrinkle-solution-grid .lifting-principle-copy h3{font-size:19px}
  [data-page="wrinkles-volume"] .wrinkle-line-grid{margin-top:45px}
  [data-page="wrinkles-volume"] .wrinkle-line-grid article{min-height:300px;padding:25px}
  [data-page="wrinkles-volume"] .wrinkle-line-grid h3{font-size:19px}
  [data-page="wrinkles-volume"] .wrinkle-line-grid p{font-size:13px}
  [data-page="wrinkles-volume"] .device-scroll{grid-template-columns:1fr;width:min(345px,calc(100% - 44px));gap:16px}
  [data-page="wrinkles-volume"] .device-card{height:auto;aspect-ratio:345/622}
  [data-page="wrinkles-volume"] .device-card.is-active::after,[data-page="wrinkles-volume"] .device-card:hover::after,[data-page="wrinkles-volume"] .device-card:focus-visible::after{height:260px;background:linear-gradient(180deg,#fff 0%,#fff 60%,rgba(255,255,255,0) 100%)}
  [data-page="wrinkles-volume"] .device-card-copy{top:27px;left:26px;right:26px}
  [data-page="wrinkles-volume"] .device-card-copy strong{font-size:18px}
  [data-page="wrinkles-volume"] .device-card-copy>span{max-height:none;font-size:13px;line-height:19px}
  [data-page="wrinkles-volume"] .results-section{height:470px}
}

/* Botox/filler products are cropped from the supplied lineup reference. */
.botox-fillers-lineup .device-card{height:auto;aspect-ratio:345/622}
.botox-fillers-lineup .device-image-crop{position:absolute;inset:0;background-size:556.52174% auto;background-position:var(--product-x) 63.72%;background-repeat:no-repeat}
.botox-fillers-lineup .device-card:nth-child(-n+4) .device-image-crop{background-image:url("images/devices/botox-fillers-lineup-reference.png")}
.botox-fillers-lineup .device-card:nth-child(1){--product-x:15.238%}
.botox-fillers-lineup .device-card:nth-child(2){--product-x:38.413%}
.botox-fillers-lineup .device-card:nth-child(3){--product-x:61.587%}
.botox-fillers-lineup .device-card:nth-child(4){--product-x:84.762%}
.botox-fillers-lineup .device-card:nth-child(5){--product-x:73.21%}
.botox-fillers-lineup .device-card:nth-child(5) .device-image-crop{background-image:url("images/devices/skin-booster-lineup-reference.png")}
@media(min-width:1051px){
  .botox-fillers-lineup .device-scroll{margin-top:66px}
  .botox-fillers-lineup .lineup-progress{margin-top:72px}
}
@media(max-width:650px){
  .botox-fillers-lineup .device-scroll{display:flex;grid-template-columns:none;width:calc(100% - 44px);gap:12px;margin:55px auto 0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}
  .botox-fillers-lineup .device-card{flex:0 0 255px;width:255px;min-width:255px;max-width:none}
  .botox-fillers-lineup .device-card.is-active::after,.botox-fillers-lineup .device-card:hover::after,.botox-fillers-lineup .device-card:focus-visible::after{height:280px;background:linear-gradient(180deg,#fff 0%,#fff 68%,rgba(255,255,255,0) 100%)}
  .botox-fillers-lineup .lineup-progress:not([hidden]){display:block}
}

/* Match the open approach outline used by the spots detail page. */
:is(.acne-stages .acne-stage-grid,.lifting-principles .lifting-principles-grid,.wrinkle-solutions .wrinkle-solution-grid,.botox-principles .botox-cards,.botox-design .botox-cards){position:relative;border:0;border-radius:0}
:is(.acne-stages .acne-stage-grid,.lifting-principles .lifting-principles-grid,.wrinkle-solutions .wrinkle-solution-grid,.botox-principles .botox-cards,.botox-design .botox-cards)::before{content:"";display:block;position:absolute;inset:0;width:auto;box-sizing:border-box;border:0;border-radius:0;background:url("images/melasma/approach-outline.png") center/100% 100% no-repeat;mask-image:none;pointer-events:none}
.botox-design .botox-cards{padding:42px}
.botox-design .botox-cards::before{mask-image:linear-gradient(90deg,#000 0%,#000 55%,transparent 70%)}
@media(min-width:651px) and (max-width:1050px){
  :is(.acne-stages .acne-stage-grid,.lifting-principles .lifting-principles-grid,.wrinkle-solutions .wrinkle-solution-grid,.botox-principles .botox-cards,.botox-design .botox-cards){padding:28px}
}
@media(max-width:650px){
  .botox-design .botox-cards{padding:0}
  :is(.acne-stages .acne-stage-grid,.lifting-principles .lifting-principles-grid,.wrinkle-solutions .wrinkle-solution-grid,.botox-principles .botox-cards,.botox-design .botox-cards)::before{display:none}
}