#scroll-track{height:1300vh}
#dermatologie .copy{top:17.5vh;left:50%;transform:translateX(-50%);width:90vw;max-width:1000px;text-align:center}
#dermatologie h2{font-size:clamp(28px,3.2vw,54px);line-height:1.15}
#dermatologie h2 .line{display:inline-block;margin-right:.25em}
#dermatologie .copy .eyebrow{margin:0 auto 10px}
.derma-orbit{position:absolute;inset:0;pointer-events:none}
.derma-card{position:absolute;top:68%;left:50%;width:min(420px,80vw);margin:0;color:#202c37;pointer-events:none;text-align:center;will-change:opacity,transform}
.derma-card.is-current{pointer-events:auto}
.derma-card img{display:block;width:100%;height:150px;object-fit:cover}
.derma-webgl:not(.derma-static) .derma-card img{display:none}
.derma-caption{padding:14px 20px;background:radial-gradient(ellipse,#edf2f5f5 20%,#edf2f5cc 55%,#edf2f500 75%)}
.derma-caption .derma-number{display:none}
.derma-caption h3{font:27px/1.1 Neurial;letter-spacing:-.035em}
.derma-caption p{font-size:12px;line-height:1.5;margin-top:7px;color:#34424e}
.derma-caption button{margin:10px auto 0;display:flex;gap:28px;align-items:center;min-height:40px;border-bottom:1px solid #26313a50;background:transparent;text-align:left;font-size:11px;padding:6px 0}
.derma-caption button:hover span{transform:translate(3px,-3px)}
.derma-caption button span{font-size:18px;transition:transform .25s}
.derma-navigation{position:absolute;left:50%;bottom:10.5vh;transform:translateX(-50%);display:flex;align-items:center;gap:10px;pointer-events:auto;border-radius:30px;background:#eef1f2e6;border:1px solid #fff9;backdrop-filter:blur(12px);padding:4px 12px;color:#26313a}
.derma-navigation button{border-radius:50%;background:transparent;min-width:34px;min-height:34px;font:10px Mono;border:1px solid transparent}
.derma-navigation button[aria-pressed=true]{border-color:#26313a60;background:#26313a0a}
.derma-status{font:9px Mono;margin-left:8px;min-width:52px}
.derma-hint{display:none}
.liquid-ready .derma-navigation{background:transparent;backdrop-filter:none;border-color:transparent}
@media(min-width:761px) and (max-height:800px){#dermatologie .copy{top:18vh}#dermatologie h2{font-size:31px}.derma-card{top:66%}.derma-caption{padding:10px 20px}.derma-caption h3{font-size:24px}.derma-caption button{margin-top:6px;min-height:36px}.derma-navigation{bottom:11vh}}
@media(max-width:760px){#dermatologie .copy{top:16vh;width:90vw}#dermatologie h2{font-size:26px}#dermatologie h2 .line{display:block;margin:0}#dermatologie .eyebrow{margin-bottom:8px}.derma-card{top:64%;width:90vw}.derma-caption{padding:15px 18px}.derma-caption h3{font-size:25px}.derma-caption p{font-size:12px}.derma-navigation{bottom:12vh;gap:7px}}
@media(max-height:730px) and (max-width:760px),(prefers-reduced-motion:reduce){#dermatologie .copy{position:relative;left:auto;top:auto;width:100%;transform:none;padding-top:6vh}#dermatologie .derma-orbit{position:relative;display:grid;gap:28px;margin:28px auto 0;max-width:650px}.derma-card{position:relative;top:auto;left:auto;width:100%;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto;background:#f3f4f2}.derma-card img{height:220px}.derma-caption{padding:25px}.derma-navigation,.derma-hint{display:none}#scroll-track{display:none}}

.liquid-ready .derma-caption{background:none}

/* Whole-card WebGL surface; semantic content remains available to assistive technology. */
.derma-webgl:not(.derma-static) .derma-card{top:0;left:0;width:0;height:0;background:none;transform:none!important}
.derma-webgl:not(.derma-static) .derma-caption{padding:0;width:0;height:0;background:none}
.derma-webgl:not(.derma-static) .derma-caption h3,.derma-webgl:not(.derma-static) .derma-caption p{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.derma-webgl:not(.derma-static) .derma-caption button{position:absolute;margin:0;padding:0;min-height:0;border:0;border-radius:30px;background:transparent;color:transparent;box-shadow:none;display:block;font-size:0}
.derma-webgl:not(.derma-static) .derma-caption button span{display:none}
.derma-webgl:not(.derma-static) .derma-caption button:focus-visible{outline:2px solid #fff;outline-offset:3px}