@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#5f664e;--ink2:#4f5640;--paper:#e8d6c5;--cream:#e8d6c5;--sage:#dfe2d6;--mist:#ece4dc;--rose:#ead9c9;--blue:#5f664e;--blue2:#4f5640;--white:#fffaf5;--muted:#6f7468;--line:rgba(95,102,78,.22);--r:30px;--shadow:0 24px 65px rgba(79,86,64,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.wrap{width:min(1240px,calc(100% - 44px));margin:auto}.announce{background:var(--ink);color:white;text-align:center;padding:8px 15px;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.site-header{position:sticky;top:0;z-index:50;background:rgba(244,241,235,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.navrow{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{font-weight:700;letter-spacing:.18em;font-size:19px}.navlinks{display:flex;align-items:center;gap:24px;font-size:13px}.navlinks>a,.dropdown>button{opacity:.82}.navlinks>a:hover,.dropdown>button:hover{opacity:1}.dropdown{position:relative}.dropdown>button{font:inherit;border:0;background:none;padding:24px 0;cursor:pointer}.dropmenu{display:none;position:absolute;top:64px;left:-24px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;min-width:270px;box-shadow:var(--shadow)}.dropdown:hover .dropmenu{display:block}.dropmenu a{display:block;padding:10px 12px;border-radius:12px}.dropmenu a:hover{background:var(--paper)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ink);border-radius:999px;padding:13px 19px;font-size:13px;font-weight:600;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn.dark{background:var(--ink);color:white}.btn.blue{background:var(--blue);border-color:var(--blue);color:white}.btn.light{background:white;border-color:white}.hamb{display:none;border:0;background:none;width:42px;height:42px;border-radius:50%;font-size:24px;cursor:pointer}.mobile-panel{display:none}
.hero{min-height:500px;position:relative;display:flex;align-items:flex-start;overflow:hidden;background:#d7d9d4}.hero-media{position:absolute;inset:0;background-size:cover;background-position:center 45%}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(63,69,52,.70) 0%,rgba(63,69,52,.38) 47%,rgba(63,69,52,.10) 72%),linear-gradient(0deg,rgba(63,69,52,.38),transparent 48%)}.hero-content{position:relative;z-index:2;color:#fff;padding:26px 0 34px}.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:700;opacity:.78}.hero h1,.display{font-size:clamp(58px,8vw,108px);line-height:.93;letter-spacing:-.058em;font-weight:500;max-width:980px;margin:17px 0 28px}.hero p{max-width:700px;font-size:19px;color:rgba(255,255,255,.88)}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}.trustline{display:flex;gap:24px;flex-wrap:wrap;margin-top:26px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.78)}
section{padding:105px 0}.section-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.section-head h2,.section-title{font-size:clamp(42px,5vw,72px);line-height:1.01;letter-spacing:-.048em;font-weight:500;margin:10px 0}.lead{font-size:21px;line-height:1.48;margin:8px 0}.muted{color:var(--muted)}.soft{background:var(--cream)}.sage{background:var(--sage)}.darksec{background:var(--ink);color:white}.darksec .muted{color:#e6eadf}.blueband{background:linear-gradient(125deg,var(--blue2),var(--blue));color:white}.blueband .muted{color:#eef0e8}
.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:54px}.journey a,.journey article{border:1px solid var(--line);border-radius:26px;padding:24px;min-height:280px;background:rgba(255,255,255,.42);display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.journey a:hover{transform:translateY(-5px);box-shadow:var(--shadow);background:white}.num{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.journey h3{font-size:24px;line-height:1.12;letter-spacing:-.035em;margin:12px 0}.journey p{font-size:13px;color:var(--muted);margin:0}.arrow{font-size:25px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.media-card{min-height:600px;border-radius:36px;overflow:hidden;position:relative;background:#d4d6d1;box-shadow:var(--shadow)}.media-card img{position:absolute;inset:0}.media-card .caption{position:absolute;left:24px;bottom:24px;background:rgba(255,255,255,.9);padding:13px 16px;border-radius:16px;font-size:12px;max-width:300px}.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}.stat{border-top:1px solid currentColor;padding-top:13px}.stat strong{font-size:27px;letter-spacing:-.04em;display:block}.stat span{font-size:12px;opacity:.68}
.slider{position:relative;margin-top:50px}.slider-viewport{overflow:hidden;border-radius:34px}.slider-track{display:flex;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.slide{min-width:100%;display:grid;grid-template-columns:1.05fr .95fr;min-height:590px}.slide-copy{padding:58px;display:flex;flex-direction:column;justify-content:space-between;background:#fff}.slide-copy h3{font-size:52px;line-height:1;letter-spacing:-.05em;margin:12px 0}.slide-copy p{max-width:520px;color:var(--muted)}.slide-media{min-height:590px;background-size:cover;background-position:center;position:relative}.slide-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(63,69,52,.18),transparent)}.slider-controls{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.slider-arrows{display:flex;gap:8px}.circlebtn{width:46px;height:46px;border:1px solid var(--line);background:transparent;border-radius:50%;font-size:20px;cursor:pointer}.dots{display:flex;gap:7px}.dot{width:8px;height:8px;border-radius:50%;background:#aaa;border:0;padding:0;cursor:pointer}.dot.active{background:var(--ink)}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.card{border-radius:28px;border:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.45)}.card-media{height:300px;background-size:cover;background-position:center}.card-body{padding:26px}.card h3{font-size:26px;line-height:1.15;letter-spacing:-.035em;margin:8px 0 12px}.card p{font-size:14px;color:var(--muted)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.chip{font-size:11px;border:1px solid var(--line);padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.45)}
.quote{border-radius:40px;padding:64px;background:linear-gradient(130deg,#dfe2d6,#ead9c9);display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.quote-mark{font-size:120px;line-height:.7;color:var(--blue)}.quote blockquote{font-size:31px;line-height:1.26;letter-spacing:-.035em;margin:0}.quote small{display:block;margin-top:20px;color:var(--muted)}
.pagehero{padding:100px 0 70px;background:linear-gradient(145deg,#e8d6c5,#e8d6c5)}.pagehero h1{font-size:clamp(58px,8vw,104px);line-height:.93;letter-spacing:-.057em;font-weight:500;margin:14px 0 24px;max-width:1000px}.pagehero p{font-size:20px;max-width:760px;color:var(--muted)}.pagehero.visual{min-height:650px;color:#fff;position:relative;display:flex;align-items:flex-end;background-size:cover;background-position:center}.pagehero.visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(63,69,52,.72),rgba(63,69,52,.18))}.pagehero.visual .wrap{position:relative;z-index:2}.pagehero.visual p{color:rgba(255,255,255,.85)}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:45px}.feature{border:1px solid var(--line);border-radius:27px;padding:28px;background:rgba(255,255,255,.42)}.feature h3{font-size:24px;letter-spacing:-.03em;margin:8px 0}.feature p{color:var(--muted);font-size:14px}.specs{width:100%;border-collapse:collapse;margin-top:35px}.specs td{padding:16px 0;border-bottom:1px solid var(--line);vertical-align:top}.specs td:first-child{width:34%;color:var(--muted)}
.cta{padding:105px 0}.ctabox{position:relative;overflow:hidden;isolation:isolate;min-height:420px;border-radius:40px;padding:60px;background:#5f664e;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.ctabox::after{content:"";position:absolute;z-index:-1;inset:0 0 0 50%;background:url('assets/cta-cleomed-pdt-treatment.png') center/cover no-repeat;clip-path:polygon(28% 0,100% 0,100% 100%,0 100%)}.ctabox h2{font-size:clamp(47px,6vw,78px);line-height:.98;letter-spacing:-.052em;font-weight:500;max-width:850px;margin:10px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.form{display:grid;gap:12px}.form input,.form textarea,.form select{width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:#fff;font:inherit}.form textarea{min-height:150px;resize:vertical}.form button{justify-self:start}
.footer{padding:70px 0 34px;border-top:1px solid var(--line)}.footgrid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:38px}.footgrid h4{font-size:11px;letter-spacing:.14em;text-transform:uppercase}.footgrid a{display:block;color:var(--muted);font-size:13px;margin:10px 0}.legal{display:flex;justify-content:space-between;gap:20px;padding-top:45px;font-size:11px;color:var(--muted)}
@media(max-width:980px){.navlinks{display:none}.hamb{display:block}.mobile-panel.open{display:block;position:absolute;top:78px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:18px 22px 28px;max-height:calc(100vh - 78px);overflow:auto}.mobile-panel a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}.mobile-panel .mobile-sub{padding-left:16px;font-size:13px}.section-head,.split,.quote,.contact-grid{grid-template-columns:1fr}.journey{grid-template-columns:1fr 1fr}.slide{grid-template-columns:1fr}.slide-media{order:-1;min-height:380px}.slide-copy{padding:38px}.cards3{grid-template-columns:1fr 1fr}.statrow{grid-template-columns:1fr 1fr}.footgrid{grid-template-columns:1fr 1fr}.media-card{min-height:480px}}
@media(max-width:640px){.wrap{width:min(100% - 28px,1240px)}section{padding:76px 0}.hero{min-height:560px}.hero-content{padding:34px 0 42px}.hero h1,.display{font-size:55px}.hero p{font-size:16px}.trustline{gap:11px 18px}.journey,.cards3,.feature-grid{grid-template-columns:1fr}.journey a,.journey article{min-height:220px}.slide-copy h3{font-size:40px}.slide-media{min-height:310px}.quote{padding:36px}.quote blockquote{font-size:24px}.pagehero{padding:72px 0 55px}.pagehero h1{font-size:56px}.pagehero.visual{min-height:540px}.ctabox{padding:35px;min-height:410px}.footgrid{grid-template-columns:1fr}.legal{flex-direction:column}.statrow{grid-template-columns:1fr 1fr}.media-card{min-height:420px}}

/* Dermanelle official logo */
.logo-image{display:flex;align-items:center;flex:0 0 auto}.logo-image img{width:190px;height:auto;object-fit:contain;display:block}.footer .logo-image img{width:180px}@media(max-width:760px){.logo-image img{width:150px}.footer .logo-image img{width:155px}}

/* Logo breathing room */
.logo-image{padding:8px 10px 8px 0}
.footer .logo-image{padding:8px 10px 8px 0}
@media(max-width:760px){.logo-image{padding:6px 8px 6px 0}}

/* White/light buttons: always black text */
.btn.light, .btn[style*="background:white"], .btn[style*="background:#fff"], button[style*="background:white"], button[style*="background:#fff"]{color:#4f5640 !important;}


/* Dermanelle: primary/blue buttons use black background and white text */
.btn-primary,
.button-primary,
.primary-button,
.cta-button,
a.btn-primary,
button.btn-primary,
.btn.blue,
.btn-blue,
.button.blue,
.button-blue,
a[class*="btn"][class*="primary"],
button[class*="btn"][class*="primary"] {
  background: #4f5640111 !important;
  background-color: #4f5640111 !important;
  border-color: #4f5640111 !important;
  color: #ffffff !important;
}
.btn-primary:hover,
.button-primary:hover,
.primary-button:hover,
.cta-button:hover,
a.btn-primary:hover,
button.btn-primary:hover,
.btn.blue:hover,
.btn-blue:hover,
.button.blue:hover,
.button-blue:hover,
a[class*="btn"][class*="primary"]:hover,
button[class*="btn"][class*="primary"]:hover {
  background: #3f4534000 !important;
  background-color: #3f4534000 !important;
  border-color: #3f4534000 !important;
  color: #ffffff !important;
}

.longevity-step-image{width:100%;height:118px;object-fit:cover;border-radius:18px;margin:0 0 22px;display:block}.longevity-editorial{padding:96px 0;background:#e8d6c5}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;margin-top:22px}.editorial-grid p{line-height:1.75}.publication-card{margin-top:64px;padding:38px 42px;border:1px solid rgba(20,20,20,.12);border-radius:28px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:42px}.publication-card>div{max-width:760px}@media(max-width:900px){.editorial-grid{grid-template-columns:1fr;gap:28px}.publication-card{display:block;padding:28px}.publication-card .btn{display:inline-flex;margin-top:20px}.longevity-step-image{height:150px}}


/* ===== Skin Longevity unique landing page ===== */
.skin-longevity-page .eyebrow{letter-spacing:.14em}
.sl-hero{min-height:690px;position:relative;background-size:cover;background-position:center 42%;display:flex;align-items:flex-end;color:#fff}
.sl-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,20,18,.78) 0%,rgba(17,20,18,.58) 38%,rgba(17,20,18,.1) 72%)}
.sl-hero-inner{position:relative;z-index:2;padding-bottom:78px}
.sl-hero h1{font-size:clamp(58px,7vw,98px);line-height:.95;letter-spacing:-.055em;font-weight:500;max-width:870px;margin:12px 0 22px}
.sl-hero p{font-size:20px;line-height:1.55;max-width:720px;color:rgba(255,255,255,.9)}
.sl-hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.sl-intro{padding:110px 0}
.sl-feature{padding:0}
.sl-feature-grid{display:grid;grid-template-columns:1fr 1fr;min-height:650px}
.sl-feature-grid.reverse .sl-feature-copy{order:2}
.sl-feature-grid.reverse .sl-principles{order:1}
.sl-feature-copy{padding:78px max(6vw,52px);display:flex;flex-direction:column;justify-content:center}
.sl-feature-copy h2{font-size:clamp(44px,5.2vw,76px);line-height:1;letter-spacing:-.05em;font-weight:500;margin:12px 0 24px}
.sl-feature-copy p{font-size:17px;line-height:1.72;max-width:690px}
.sl-feature-copy .lead{font-size:22px;line-height:1.5}
.sl-feature-media{min-height:650px;overflow:hidden}
.sl-feature-media img{width:100%;height:100%;object-fit:cover;display:block}
.sl-feature-blue{background:#5f664e;color:#fff}
.sl-feature-blue .eyebrow,.sl-feature-blue p{color:rgba(255,255,255,.9)}
.sl-feature-dark{background:#5f664e;color:#fff}
.sl-feature-dark p{color:#edf0e8}
.sl-feature-light{background:#e8d6c5}
.textlink{display:inline-block;margin-top:20px;font-size:14px;font-weight:600;border-bottom:1px solid currentColor;width:max-content}
.lightlink{color:#fff}
.sl-principles{padding:72px;display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#e8d6c5;align-content:center}
.sl-principles>div{border:1px solid rgba(20,20,20,.13);border-radius:26px;padding:28px;background:rgba(255,255,255,.55);min-height:190px}
.sl-principles span,.sl-business-points span{font-size:11px;letter-spacing:.14em;color:#7b807a}
.sl-principles strong,.sl-business-points strong{display:block;font-size:26px;margin:22px 0 8px;letter-spacing:-.035em}
.sl-principles p,.sl-business-points p{font-size:14px;line-height:1.55;color:#6e736e}
.sl-wordstack{padding:70px;display:flex;flex-direction:column;justify-content:center;gap:4px;overflow:hidden}
.sl-wordstack span{font-size:clamp(39px,5vw,76px);line-height:.98;letter-spacing:-.045em;color:#fff;border-bottom:1px solid rgba(255,255,255,.18);padding:10px 0}
.sl-business{padding:110px 0;background:#e8d6c5}
.sl-business-card{background:#5f664e;color:#fff;border-radius:42px;padding:70px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px}
.sl-business-card h2{font-size:clamp(48px,5.5vw,80px);line-height:.98;letter-spacing:-.05em;font-weight:500;margin:10px 0 24px}
.sl-business-card p{font-size:18px;line-height:1.65;color:#f0f2eb}
.sl-business-points{display:grid;gap:12px;align-content:center}
.sl-business-points>div{border-top:1px solid rgba(255,255,255,.32);padding:18px 0}
.sl-business-points span{color:#e0e5d8}
.sl-business-points strong{color:#fff;margin:8px 0 4px}
.sl-business-points p{font-size:14px;margin:0;color:#edf0e8}
.sl-publication{padding:105px 0;background:#fff}
.sl-publication .publication-card{margin:0}
.sl-publication .publication-card h2{font-size:clamp(38px,4.4vw,62px);line-height:1.02;letter-spacing:-.045em;font-weight:500;margin:10px 0 18px}
.sl-cta{padding:30px 0 105px;background:#e8d6c5}
.sl-cta-box{min-height:560px;border-radius:42px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:#5f664e;color:#fff}
.sl-cta-copy{padding:68px;display:flex;flex-direction:column;justify-content:center}
.sl-cta-copy h2{font-size:clamp(48px,5.5vw,78px);line-height:.98;letter-spacing:-.05em;font-weight:500;margin:10px 0 22px}
.sl-cta-copy p{font-size:17px;line-height:1.65;color:#edf0e8;max-width:610px;margin-bottom:26px}
.sl-cta-copy .btn{width:max-content}
.sl-cta-image{min-height:560px}
.sl-cta-image img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:980px){
  .sl-feature-grid,.sl-business-card,.sl-cta-box{grid-template-columns:1fr}
  .sl-feature-grid.reverse .sl-feature-copy,.sl-feature-grid.reverse .sl-principles{order:initial}
  .sl-feature-media,.sl-cta-image{min-height:480px}
  .sl-principles{padding:48px}
  .sl-business-card{padding:48px}
}
@media(max-width:640px){
  .sl-hero{min-height:620px}
  .sl-hero-inner{padding-bottom:52px}
  .sl-hero h1{font-size:56px}
  .sl-hero p{font-size:16px}
  .sl-feature-copy{padding:58px 24px}
  .sl-feature-media,.sl-cta-image{min-height:360px}
  .sl-principles{grid-template-columns:1fr;padding:34px 20px}
  .sl-business{padding:76px 0}
  .sl-business-card{padding:34px 24px;border-radius:28px}
  .sl-cta-copy{padding:42px 24px}
}

.sl-exovitae-media{min-height:650px;background:#e8d6c5}
.sl-exovitae-media img{width:100%;height:100%;object-fit:cover;display:block}


/* Skin Longevity — align content sections with main Dermanelle website template */
.sl-template-section{padding:88px 0;}
.sl-template-blue{background:#5f664e;color:#fff;}
.sl-template-light{background:#e8d6c5;color:#5f664e;}
.sl-template-dark{background:#5f664e;color:#fff;}

.sl-template-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:72px;
  align-items:center;
}
.sl-template-grid-reverse .sl-template-media{order:2;}
.sl-template-grid-reverse .sl-template-copy{order:1;}

.sl-template-media{
  border-radius:42px;
  overflow:hidden;
  min-height:560px;
  box-shadow:0 22px 55px rgba(20,20,20,.08);
}
.sl-template-media img{
  width:100%;
  height:100%;
  min-height:560px;
  object-fit:cover;
  display:block;
}

.sl-template-copy{padding:26px 0;}
.sl-template-copy h2{
  font-size:clamp(46px,5vw,78px);
  line-height:.98;
  letter-spacing:-.05em;
  font-weight:500;
  margin:12px 0 26px;
}
.sl-template-copy .lead{
  font-size:22px;
  line-height:1.5;
  margin-bottom:18px;
}
.sl-template-copy p{
  font-size:17px;
  line-height:1.72;
  max-width:690px;
}
.sl-template-blue .sl-template-copy p,
.sl-template-dark .sl-template-copy p{color:rgba(255,255,255,.88);}
.sl-template-blue .eyebrow,
.sl-template-dark .eyebrow{color:rgba(255,255,255,.78);}

.sl-template-copy .btn{
  display:inline-flex;
  width:max-content;
  margin-top:24px;
  border-radius:999px;
  padding:16px 24px;
  font-weight:600;
  text-decoration:none;
}
.sl-btn-light{
  background:#fff !important;
  color:#4f5640 !important;
  border:1px solid #fff !important;
}
.sl-btn-light:hover{
  background:#f2f2f2 !important;
  color:#4f5640 !important;
}
.sl-btn-dark{
  background:#4f5640 !important;
  color:#fff !important;
  border:1px solid #4f5640 !important;
}
.sl-btn-dark:hover{
  background:#3f4534 !important;
  color:#fff !important;
}

@media(max-width:980px){
  .sl-template-grid{grid-template-columns:1fr;gap:36px;}
  .sl-template-grid-reverse .sl-template-media,
  .sl-template-grid-reverse .sl-template-copy{order:initial;}
  .sl-template-media,
  .sl-template-media img{min-height:430px;}
}
@media(max-width:640px){
  .sl-template-section{padding:64px 0;}
  .sl-template-media{border-radius:28px;}
  .sl-template-media,
  .sl-template-media img{min-height:340px;}
  .sl-template-copy h2{font-size:48px;}
  .sl-template-copy .lead{font-size:19px;}
}


/* Skin Longevity STARTPUNKT card — rounded diagonal split like the main landing page CTA */
.sl-cta-diagonal{
  padding:34px 0 105px;
  background:#e8d6c5;
}
.sl-cta-diagonal-card{
  position:relative;
  min-height:575px;
  border-radius:42px;
  overflow:hidden;
  background:#5f664e;
  display:grid;
  grid-template-columns:58% 42%;
}
.sl-cta-diagonal-copy{
  position:relative;
  z-index:3;
  padding:68px 70px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:#fff;
}
.sl-cta-diagonal-copy h2{
  font-size:clamp(48px,5.5vw,78px);
  line-height:.98;
  letter-spacing:-.05em;
  font-weight:500;
  margin:10px 0 22px;
  max-width:760px;
}
.sl-cta-diagonal-copy p{
  font-size:17px;
  line-height:1.65;
  color:#edf0e8;
  max-width:650px;
  margin-bottom:28px;
}
.sl-cta-diagonal-copy .btn{
  width:max-content;
}
.sl-cta-diagonal-image{
  position:relative;
  min-height:575px;
  overflow:hidden;
}
.sl-cta-diagonal-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
/* create a clean, strong diagonal black edge; no gradient over the photo */
.sl-cta-diagonal-card::after{
  content:"";
  position:absolute;
  z-index:2;
  top:-7%;
  bottom:-7%;
  left:50%;
  width:16%;
  background:#5f664e;
  transform:skewX(-18deg);
  transform-origin:center;
  pointer-events:none;
}

@media(max-width:980px){
  .sl-cta-diagonal-card{
    grid-template-columns:1fr;
  }
  .sl-cta-diagonal-card::after{
    display:none;
  }
  .sl-cta-diagonal-image{
    min-height:440px;
  }
}
@media(max-width:640px){
  .sl-cta-diagonal{
    padding:28px 0 76px;
  }
  .sl-cta-diagonal-card{
    border-radius:28px;
  }
  .sl-cta-diagonal-copy{
    padding:42px 24px;
  }
  .sl-cta-diagonal-copy h2{
    font-size:50px;
  }
  .sl-cta-diagonal-image{
    min-height:340px;
  }
}

/* Skin Longevity business section: black with white text */
.sl-business{background:#e8d6c5 !important;}
.sl-business-card{
  background:#5f664e !important;
  color:#ffffff !important;
}
.sl-business-card h2,
.sl-business-card strong,
.sl-business-card .eyebrow,
.sl-business-card span,
.sl-business-card p,
.sl-business-points strong,
.sl-business-points span,
.sl-business-points p{
  color:#ffffff !important;
}
.sl-business-points>div{
  border-top-color:rgba(255,255,255,.28) !important;
}

/* Skin Longevity analysis section: black instead of blue */
.sl-template-blue{background:#5f664e !important;color:#ffffff !important;}
.sl-template-blue .sl-template-copy p,
.sl-template-blue .sl-template-copy .lead,
.sl-template-blue .sl-template-copy h2,
.sl-template-blue .sl-template-copy .eyebrow{color:#ffffff !important;}


/* Skin Longevity — custom institute consultation */
.sl-consultation{
  padding:110px 0;
  background:#e8d6c5;
  color:#5f664e;
}
.sl-consultation-head{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:80px;
  align-items:start;
}
.sl-consultation-head h2{
  font-size:clamp(50px,5.8vw,82px);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:500;
  margin:12px 0 0;
  max-width:650px;
}
.sl-consultation-head .lead{
  font-size:22px;
  line-height:1.5;
  margin:0 0 18px;
}
.sl-consultation-head p{
  font-size:17px;
  line-height:1.72;
  color:#5f625e;
}
.sl-consultation-questions{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:58px;
}
.sl-consultation-questions>div{
  background:#fff;
  border:1px solid rgba(20,20,20,.1);
  border-radius:28px;
  padding:30px;
  min-height:245px;
}
.sl-consultation-questions span{
  font-size:11px;
  letter-spacing:.14em;
  color:#858984;
}
.sl-consultation-questions h3{
  font-size:30px;
  line-height:1.05;
  letter-spacing:-.035em;
  margin:26px 0 12px;
}
.sl-consultation-questions p{
  font-size:15px;
  line-height:1.6;
  color:#696d68;
}
.sl-consultation-offer{
  margin-top:18px;
  background:#fff;
  border-radius:30px;
  padding:34px 38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:42px;
  border:1px solid rgba(20,20,20,.1);
}
.sl-consultation-offer>div{max-width:760px;}
.sl-consultation-offer h3{
  font-size:36px;
  line-height:1.02;
  letter-spacing:-.04em;
  margin:8px 0 12px;
}
.sl-consultation-offer p{
  font-size:16px;
  line-height:1.65;
  color:#626662;
  margin:0;
}
.sl-consultation-offer .btn{flex:0 0 auto;}

@media(max-width:980px){
  .sl-consultation-head{grid-template-columns:1fr;gap:28px;}
  .sl-consultation-questions{grid-template-columns:1fr;}
  .sl-consultation-offer{display:block;}
  .sl-consultation-offer .btn{display:inline-flex;margin-top:24px;}
}
@media(max-width:640px){
  .sl-consultation{padding:76px 0;}
  .sl-consultation-head h2{font-size:52px;}
  .sl-consultation-head .lead{font-size:19px;}
  .sl-consultation-questions>div{min-height:auto;padding:26px;}
  .sl-consultation-offer{padding:28px 24px;}
  .sl-consultation-offer h3{font-size:32px;}
}


/* ===== JANUS Pro Sunlike expanded landing page ===== */
.janus-page{background:#e8d6c5;}
.jp-hero,.jp-section{padding:92px 0;}
.jp-dark{background:#5f664e;color:#fff;}
.jp-beige{background:#e8d6c5;color:#5f664e;}
.jp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:74px;align-items:center;}
.jp-grid-reverse .jp-copy{order:2;}
.jp-grid-reverse .jp-media{order:1;}
.jp-copy h1,.jp-copy h2,.jp-head h2{
  font-weight:500;letter-spacing:-.055em;line-height:.98;margin:12px 0 24px;
}
.jp-copy h1{font-size:clamp(58px,6.5vw,94px);}
.jp-copy h2,.jp-head h2{font-size:clamp(48px,5.5vw,78px);}
.jp-copy .lead{font-size:22px;line-height:1.5;margin-bottom:18px;}
.jp-copy p,.jp-head p{font-size:17px;line-height:1.72;max-width:720px;}
.jp-dark .jp-copy p,.jp-dark .jp-head p{color:rgba(255,255,255,.84);}
.jp-media{
  min-height:560px;border-radius:42px;overflow:hidden;
  box-shadow:0 22px 55px rgba(20,20,20,.1);
}
.jp-media img{width:100%;height:100%;min-height:560px;object-fit:cover;display:block;}
.jp-actions{margin-top:28px;}
.jp-btn-light{background:#fff !important;color:#4f5640 !important;border-color:#fff !important;}
.jp-btn-light:hover{background:#f1f1f1 !important;color:#4f5640 !important;}
.jp-btn-dark{background:#4f5640 !important;color:#fff !important;border-color:#4f5640 !important;}
.jp-btn-dark:hover{background:#3f4534 !important;color:#fff !important;}
.jp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px;}
.jp-stats div,.jp-mini-stats div{border-top:1px solid rgba(255,255,255,.28);padding-top:16px;}
.jp-stats strong,.jp-mini-stats strong{display:block;font-size:26px;line-height:1.05;}
.jp-stats span,.jp-mini-stats span{display:block;font-size:12px;margin-top:6px;color:rgba(255,255,255,.68);}
.jp-mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:18px;margin-top:30px;}
.jp-beige .jp-mini-stats div{border-top-color:rgba(20,20,20,.18);}
.jp-beige .jp-mini-stats span{color:#727670;}
.jp-head{max-width:860px;margin-bottom:48px;}
.jp-cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.jp-cards4 article,.jp-feature-grid article{
  border:1px solid rgba(255,255,255,.2);border-radius:26px;padding:28px;min-height:230px;
}
.jp-cards4 span{font-size:11px;letter-spacing:.14em;color:rgba(255,255,255,.58);}
.jp-cards4 h3,.jp-feature-grid h3{font-size:27px;line-height:1.05;margin:24px 0 12px;}
.jp-cards4 p,.jp-feature-grid p{font-size:14px;line-height:1.6;color:rgba(255,255,255,.72);}
.jp-analysis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.jp-analysis-grid div{
  border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:22px;min-height:120px;
  display:flex;flex-direction:column;justify-content:space-between;
}
.jp-analysis-grid span{font-size:11px;letter-spacing:.12em;color:rgba(255,255,255,.55);}
.jp-analysis-grid strong{font-size:22px;font-weight:500;}
.jp-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.jp-feature-grid article{min-height:190px;}
.jp-spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 34px;}
.jp-spec-grid div{padding:22px 0;border-top:1px solid rgba(255,255,255,.2);}
.jp-spec-grid span{display:block;font-size:12px;color:rgba(255,255,255,.58);margin-bottom:8px;}
.jp-spec-grid strong{font-size:20px;font-weight:500;}
@media(max-width:980px){
  .jp-grid{grid-template-columns:1fr;gap:40px;}
  .jp-grid-reverse .jp-copy,.jp-grid-reverse .jp-media{order:initial;}
  .jp-media,.jp-media img{min-height:430px;}
  .jp-cards4{grid-template-columns:repeat(2,1fr);}
  .jp-analysis-grid{grid-template-columns:repeat(3,1fr);}
  .jp-feature-grid{grid-template-columns:repeat(2,1fr);}
  .jp-stats{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .jp-hero,.jp-section{padding:68px 0;}
  .jp-copy h1{font-size:56px;}
  .jp-copy h2,.jp-head h2{font-size:48px;}
  .jp-copy .lead{font-size:19px;}
  .jp-media{border-radius:28px;}
  .jp-media,.jp-media img{min-height:340px;}
  .jp-cards4,.jp-analysis-grid,.jp-feature-grid,.jp-spec-grid{grid-template-columns:1fr;}
}


/* RM Star page */
.rmstar-page{background:#e8d6c5}.rm-hero,.rm-section{padding:92px 0}.rm-dark{background:#5f664e;color:#fff}.rm-beige{background:#e8d6c5;color:#5f664e}.rm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:74px;align-items:center}.rm-grid-reverse .rm-copy{order:2}.rm-grid-reverse .rm-media{order:1}.rm-copy h1,.rm-copy h2,.rm-head h2{font-weight:500;letter-spacing:-.055em;line-height:.98;margin:12px 0 24px}.rm-copy h1{font-size:clamp(58px,6.5vw,94px)}.rm-copy h2,.rm-head h2{font-size:clamp(48px,5.5vw,78px)}.rm-copy .lead{font-size:22px;line-height:1.5;margin-bottom:18px}.rm-copy p,.rm-head p{font-size:17px;line-height:1.72;max-width:720px}.rm-dark .rm-copy p,.rm-dark .rm-head p{color:rgba(255,255,255,.84)}.rm-media{min-height:560px;border-radius:42px;overflow:hidden;box-shadow:0 22px 55px rgba(20,20,20,.1)}.rm-media img{width:100%;height:100%;min-height:560px;object-fit:cover;display:block}.rm-actions{margin-top:28px}.rm-btn-light{background:#fff!important;color:#4f5640!important;border-color:#fff!important}.rm-btn-dark{background:#4f5640!important;color:#fff!important;border-color:#4f5640!important}.rm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px}.rm-stats div{border-top:1px solid rgba(255,255,255,.28);padding-top:16px}.rm-stats strong{display:block;font-size:26px}.rm-stats span{display:block;font-size:12px;margin-top:6px;color:rgba(255,255,255,.68)}.rm-head{max-width:900px;margin-bottom:48px}.rm-cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.rm-cards4 article{border:1px solid rgba(255,255,255,.2);border-radius:26px;padding:28px;min-height:230px}.rm-cards4 span{font-size:11px;letter-spacing:.14em;color:rgba(255,255,255,.58)}.rm-cards4 h3{font-size:27px;margin:24px 0 12px}.rm-cards4 p{font-size:14px;line-height:1.6;color:rgba(255,255,255,.72)}.rm-results{display:grid;grid-template-columns:1fr 1fr;gap:24px}.rm-results figure{margin:0}.rm-results img{width:100%;display:block;border-radius:30px;background:#fff}.rm-results figcaption{font-size:13px;line-height:1.55;color:#6b6f6a;margin-top:12px}.rm-analysis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rm-analysis-grid div{border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:22px;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.rm-analysis-grid span{font-size:11px;color:rgba(255,255,255,.55)}.rm-analysis-grid strong{font-size:22px;font-weight:500}.rm-spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 34px}.rm-spec-grid div{padding:22px 0;border-top:1px solid rgba(20,20,20,.16)}.rm-spec-grid span{display:block;font-size:12px;color:#777b75;margin-bottom:8px}.rm-spec-grid strong{font-size:20px;font-weight:500}.rm-cta{padding:34px 0 105px;background:#e8d6c5}.rm-cta-card{background:#5f664e;color:#fff;border-radius:42px;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr}.rm-cta-card>div{padding:68px;display:flex;flex-direction:column;justify-content:center}.rm-cta-card h2{font-size:clamp(48px,5.5vw,78px);line-height:.98;letter-spacing:-.05em;font-weight:500;margin:10px 0 22px}.rm-cta-card p{font-size:17px;line-height:1.65;color:#edf0e8;max-width:650px;margin-bottom:26px}.rm-cta-card img{width:100%;height:100%;min-height:540px;object-fit:cover;display:block}@media(max-width:980px){.rm-grid{grid-template-columns:1fr;gap:40px}.rm-grid-reverse .rm-copy,.rm-grid-reverse .rm-media{order:initial}.rm-media,.rm-media img{min-height:430px}.rm-cards4{grid-template-columns:repeat(2,1fr)}.rm-analysis-grid{grid-template-columns:repeat(2,1fr)}.rm-stats{grid-template-columns:repeat(2,1fr)}.rm-results{grid-template-columns:1fr}.rm-cta-card{grid-template-columns:1fr}}@media(max-width:640px){.rm-hero,.rm-section{padding:68px 0}.rm-copy h1{font-size:56px}.rm-copy h2,.rm-head h2{font-size:48px}.rm-copy .lead{font-size:19px}.rm-media{border-radius:28px}.rm-media,.rm-media img{min-height:340px}.rm-cards4,.rm-analysis-grid,.rm-spec-grid{grid-template-columns:1fr}.rm-cta-card{border-radius:28px}.rm-cta-card>div{padding:42px 24px}.rm-cta-card img{min-height:340px}}

/* CLEOMED PDT landing page */
.cleo-page{background:#e8d6c5}.cleo{padding:92px 0}.cleo.dark{background:#5f664e;color:#fff}.cleo.beige{background:#e8d6c5;color:#5f664e}
.cleo .grid{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center}.cleo .reverse .copy{order:2}.cleo .reverse .media{order:1}
.cleo h1,.cleo h2{font-weight:500;letter-spacing:-.055em;line-height:.98;margin:12px 0 24px}.cleo h1{font-size:clamp(58px,6.5vw,94px)}.cleo h2{font-size:clamp(48px,5.5vw,78px)}
.cleo .lead{font-size:22px;line-height:1.5}.cleo p{font-size:17px;line-height:1.72}.cleo.dark p{color:rgba(255,255,255,.84)}
.cleo .media{min-height:550px;border-radius:42px;overflow:hidden;box-shadow:0 22px 55px rgba(20,20,20,.1)}.cleo .media img{width:100%;height:100%;min-height:550px;object-fit:cover;display:block}.cleo .contain img{object-fit:contain;background:#fff}
.cleo .light,.cleo-cta .light{background:#fff!important;color:#4f5640!important;border-color:#fff!important}
.cleo .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px}.cleo .stats div{border-top:1px solid rgba(255,255,255,.28);padding-top:16px}.cleo .stats strong{display:block;font-size:25px}.cleo .stats span{font-size:12px;color:#aaa}
.cleo .head{max-width:900px;margin-bottom:48px}.cleo .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cleo .cards article{border:1px solid rgba(255,255,255,.2);border-radius:26px;padding:28px;min-height:220px}.cleo .cards h3{font-size:27px;margin:20px 0 10px}.cleo .cards p{font-size:14px}
.cleo .longevity{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cleo .longevity>div{background:#fff;border:1px solid #ddd;border-radius:26px;padding:28px;min-height:220px}.cleo .longevity h3{font-size:27px;margin:24px 0 10px}
.cleo .certs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cleo .certs div{background:#fff;border:1px solid #ddd;border-radius:24px;padding:28px}.cleo .certs strong{display:block;font-size:25px}.cleo .certs span{font-size:13px;color:#777}.cleo .note{font-size:13px;color:#777;margin-top:20px;max-width:1000px}
.cleo .specs{display:grid;grid-template-columns:repeat(2,1fr);gap:0 34px}.cleo .specs div{padding:22px 0;border-top:1px solid rgba(255,255,255,.2)}.cleo .specs span{display:block;font-size:12px;color:#aaa;margin-bottom:8px}.cleo .specs strong{font-size:20px;font-weight:500}
.cleo-cta{padding:34px 0 105px;background:#e8d6c5}.cleo-cta .cta{background:#5f664e;color:#fff;border-radius:42px;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr}.cleo-cta .cta>div{padding:68px;align-self:center}.cleo-cta h2{font-size:clamp(48px,5.5vw,78px);line-height:.98;letter-spacing:-.05em;font-weight:500}.cleo-cta p{font-size:17px;line-height:1.65;color:#ddd}.cleo-cta img{width:100%;height:100%;min-height:520px;object-fit:cover}
@media(max-width:980px){.cleo .grid{grid-template-columns:1fr}.cleo .reverse .copy,.cleo .reverse .media{order:initial}.cleo .cards{grid-template-columns:repeat(2,1fr)}.cleo .longevity,.cleo .certs{grid-template-columns:repeat(2,1fr)}.cleo-cta .cta{grid-template-columns:1fr}}
@media(max-width:640px){.cleo{padding:68px 0}.cleo h1{font-size:56px}.cleo h2{font-size:48px}.cleo .media,.cleo .media img{min-height:340px}.cleo .cards,.cleo .longevity,.cleo .certs,.cleo .specs{grid-template-columns:1fr}.cleo .stats{grid-template-columns:repeat(2,1fr)}.cleo-cta .cta>div{padding:42px 24px}}

/* Glacienne landing */
.gl-page{background:#e8d6c5}.gl{padding:92px 0}.gl.dark{background:#5f664e;color:#fff}.gl.beige{background:#e8d6c5;color:#5f664e}.gl .grid{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center}.gl .reverse .copy{order:2}.gl .reverse .media,.gl .reverse .video{order:1}.gl h1,.gl h2{font-weight:500;letter-spacing:-.055em;line-height:.98;margin:12px 0 24px}.gl h1{font-size:clamp(58px,6.5vw,94px)}.gl h2{font-size:clamp(48px,5.5vw,78px)}.gl .lead{font-size:22px;line-height:1.5}.gl p{font-size:17px;line-height:1.72}.gl.dark p{color:#ddd}.gl .media,.gl .video{min-height:550px;border-radius:42px;overflow:hidden}.gl .media img{width:100%;height:100%;min-height:550px;object-fit:cover}.gl .video iframe{width:100%;height:550px;border:0}.gl .video>a{height:550px;display:flex;align-items:center;justify-content:center;background:#4f5640}.gl-light{background:#fff!important;color:#4f5640!important}.gl-darkbtn{background:#4f5640!important;color:#fff!important}.gl .head{max-width:900px;margin-bottom:48px}.gl .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gl .cards article{border:1px solid #444;border-radius:26px;padding:28px;min-height:220px}.gl .cards h3{font-size:27px}.gl .cards p{font-size:14px}.gl .results{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gl .results div{background:#fff;border:1px solid #ddd;border-radius:24px;padding:28px}.gl .results strong{display:block;font-size:24px}.gl .results span{display:block;color:#777;margin-top:8px}.gl blockquote{margin:0;background:#fff;border:1px solid #ddd;border-radius:32px;padding:48px;max-width:1100px}.gl blockquote p{font-size:24px;line-height:1.5}.gl blockquote footer{color:#777;margin-top:20px}.gl-cta{padding:34px 0 105px;background:#e8d6c5}.gl-cta .cta{background:#5f664e;color:#fff;border-radius:42px;overflow:hidden;display:grid;grid-template-columns:1.08fr .92fr}.gl-cta .cta>div{padding:68px;align-self:center}.gl-cta h2{font-size:clamp(48px,5.5vw,78px);line-height:.98;letter-spacing:-.05em;font-weight:500}.gl-cta p{color:#ddd;font-size:17px;line-height:1.65}.gl-cta img{width:100%;height:100%;min-height:520px;object-fit:cover}@media(max-width:980px){.gl .grid{grid-template-columns:1fr}.gl .reverse .copy,.gl .reverse .media,.gl .reverse .video{order:initial}.gl .cards,.gl .results{grid-template-columns:repeat(2,1fr)}.gl-cta .cta{grid-template-columns:1fr}}@media(max-width:640px){.gl{padding:68px 0}.gl h1{font-size:56px}.gl h2{font-size:48px}.gl .cards,.gl .results{grid-template-columns:1fr}.gl .media,.gl .media img,.gl .video,.gl .video iframe{min-height:340px;height:auto}.gl-cta .cta>div{padding:42px 24px}}

/* ===== OWNED GLACIENNE CONTENT ===== */
.gl-video-owned{border-radius:42px;overflow:hidden;background:#3f4534;box-shadow:0 22px 55px rgba(0,0,0,.22)}
.gl-video-frame{position:relative;padding-top:56.25%}
.gl-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.gl-ba-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.gl-ba-card{background:#fff;border:1px solid rgba(20,20,20,.1);border-radius:30px;overflow:hidden}
.gl-ba{position:relative;aspect-ratio:4/5;overflow:hidden;background:#ddd}
.gl-ba>img,.gl-ba-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.gl-ba-after{position:absolute;inset:0 auto 0 0;width:50%;overflow:hidden}
.gl-ba-after img{width:100%;max-width:none}
.gl-ba-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;transform:translateX(-1px);pointer-events:none}
.gl-ba-handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:#fff;color:#4f5640;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 5px 18px rgba(0,0,0,.2);pointer-events:none}
.gl-ba input[type="range"]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5}
.gl-ba-copy{padding:24px 26px 28px}
.gl-ba-copy h3{font-size:28px;line-height:1.05;letter-spacing:-.035em;margin:0 0 8px}
.gl-ba-copy p{font-size:15px!important;color:#70736f!important;margin:0}
.gl-testimonial-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}
.gl-testimonial-photo{border-radius:34px;overflow:hidden}
.gl-testimonial-photo img{width:100%;display:block;aspect-ratio:1/1;object-fit:cover}
.gl-testimonial-copy h2{font-size:clamp(48px,5.5vw,78px);line-height:.98;letter-spacing:-.05em;font-weight:500;margin:10px 0 28px}
.gl-testimonial-owned blockquote{margin:0;padding:0;background:transparent;border:0;max-width:none}
.gl-testimonial-owned blockquote p{font-size:20px;line-height:1.6;color:rgba(255,255,255,.88)!important}
.gl-testimonial-owned blockquote footer{margin-top:24px;color:rgba(255,255,255,.62);font-size:14px}
@media(max-width:900px){
  .gl-ba-grid{grid-template-columns:1fr}
  .gl-testimonial-grid{grid-template-columns:1fr;gap:36px}
  .gl-testimonial-photo{max-width:420px}
}


/* ===== Glacienne refinement: smaller results + light testimonial ===== */

/* Before/after cards ~60% smaller than previous full-width presentation */
.gl-owned-results .gl-ba-grid{
  width:min(100%, 760px);
  margin:0 auto;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:18px;
}
.gl-owned-results .gl-ba-card{
  border-radius:24px;
}
.gl-owned-results .gl-ba{
  aspect-ratio:4/5;
}
.gl-owned-results .gl-ba-handle{
  width:42px;
  height:42px;
  font-size:17px;
}
.gl-owned-results .gl-ba-copy{
  padding:18px 20px 22px;
}
.gl-owned-results .gl-ba-copy h3{
  font-size:22px;
}
.gl-owned-results .gl-ba-copy p{
  font-size:13px!important;
}

/* Testimonial without portrait; dark text on light background */
.gl-testimonial-no-photo .gl-testimonial-grid{
  display:block;
  max-width:980px;
  margin:0 auto;
}
.gl-testimonial-no-photo .gl-testimonial-copy{
  max-width:900px;
}
.gl-testimonial-no-photo .eyebrow{
  color:#5f625e!important;
}
.gl-testimonial-no-photo .gl-testimonial-copy h2{
  color:#5f664e!important;
}
.gl-testimonial-no-photo blockquote{
  background:#fff!important;
  border:1px solid rgba(20,20,20,.12)!important;
  border-radius:30px!important;
  padding:42px!important;
}
.gl-testimonial-no-photo blockquote p{
  color:#262a27!important;
}
.gl-testimonial-no-photo blockquote footer{
  color:#686c68!important;
}

@media(max-width:760px){
  .gl-owned-results .gl-ba-grid{
    width:min(100%, 420px);
    grid-template-columns:1fr;
  }
  .gl-testimonial-no-photo blockquote{
    padding:28px!important;
  }
}

/* WIRKSTOFFE EXOVITAE LONGEVITY */
.act-page{background:#e8d6c5}.act{padding:92px 0}.act.dark{background:#5f664e;color:#fff}.act.beige{background:#e8d6c5;color:#5f664e}.act .grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.act .reverse .copy{order:2}.act .reverse .media,.act .reverse .compare{order:1}
.act h1,.act h2,.act-final h2{font-weight:500;letter-spacing:-.055em;line-height:.98;margin:12px 0 25px}.act h1{font-size:clamp(58px,6.4vw,94px)}.act h2,.act-final h2{font-size:clamp(46px,5.3vw,76px)}.act .lead{font-size:21px;line-height:1.52}.act p{font-size:17px;line-height:1.7}.act.dark p{color:#ddd}.act .narrow{max-width:900px}
.act .media{border-radius:42px;overflow:hidden;min-height:550px}.act .media img{width:100%;height:100%;min-height:550px;object-fit:cover;display:block}.act .light,.act-final .light{background:#fff!important;color:#4f5640!important}
.act .flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:48px}.act .flow article,.act .benefits article{background:#fff;border:1px solid #ddd;border-radius:26px;padding:26px;min-height:205px}.act .flow span,.act .business span{font-size:11px;color:#777}.act .flow h3{font-size:24px;margin:62px 0 10px}.act .flow p,.act .business p{font-size:14px;color:#686b67}
.act .ingredients article{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:20px 0;border-top:1px solid #444}.act .ingredients b{font-size:11px;color:#aaa}.act .ingredients h3{font-size:24px;margin:0 0 7px}.act .ingredients p{font-size:15px;margin:0}
.act .head{max-width:900px;margin-bottom:45px}.act .benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.act .benefits h3{font-size:25px;margin:0 0 10px}.act .benefits p{font-size:15px;color:#686b67}
.act .methods article{padding:18px 0;border-top:1px solid #444}.act .methods strong{display:block;font-size:22px}.act .methods span{display:block;color:#bbb;margin-top:6px}
.act .business{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}.act .business article{border-top:1px solid #aaa;padding-top:16px}.act .business h3{font-size:23px;margin:36px 0 8px}.act .compare{background:#5f664e;color:#fff;border-radius:40px;padding:42px}.act .compare>div{padding:26px 0;border-top:1px solid #444}.act .compare h3{font-size:31px;margin:8px 0}.act .compare p{font-size:15px}.act .compare .premium h3{font-size:36px}
.act .facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.act .facts article{border-top:1px solid #555;padding-top:20px}.act .facts strong{display:block;font-size:24px}.act .facts span{display:block;color:#aaa;margin-top:7px}
.act .consult{background:#fff;border:1px solid #ddd;border-radius:38px;padding:46px}.act .consult h3{font-size:35px;margin:12px 0 22px}.act .consult li{padding:12px 0;border-top:1px solid #ddd;font-size:16px}
.act-final{padding:34px 0 105px;background:#e8d6c5}.act-final .final-card{background:#5f664e;color:#fff;border-radius:42px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr}.act-final .final-card>div{padding:68px;align-self:center}.act-final p{color:#ddd;font-size:17px;line-height:1.65}.act-final img{width:100%;height:100%;min-height:520px;object-fit:cover}
@media(max-width:980px){.act .grid{grid-template-columns:1fr}.act .reverse .copy,.act .reverse .media,.act .reverse .compare{order:initial}.act .flow{grid-template-columns:repeat(2,1fr)}.act .benefits{grid-template-columns:repeat(2,1fr)}.act .business{grid-template-columns:1fr}.act .facts{grid-template-columns:repeat(2,1fr)}.act-final .final-card{grid-template-columns:1fr}}
@media(max-width:640px){.act{padding:68px 0}.act h1{font-size:54px}.act h2{font-size:46px}.act .flow,.act .benefits,.act .facts{grid-template-columns:1fr}.act .media,.act .media img{min-height:340px}.act-final .final-card>div{padding:42px 24px}}

.exo-video-owned{padding-top:72px!important}.exo-video-owned .head{max-width:900px}.exo-video-frame{max-width:1120px;margin:34px auto 0;border-radius:38px;overflow:hidden;background:#4f5640;box-shadow:0 24px 60px rgba(0,0,0,.12)}.exo-video-frame iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.act-page .media img[src*="exovitae-source-hand-vial"]{object-position:center}.act-page .media img[src*="exovitae-upload"]{object-position:center}


/* ===== EXOVITAE CHECKOUT + COSMEDIC ARTICLE ===== */
.act-order-link{
  display:inline-flex;
  align-items:center;
  margin-left:18px;
  color:#fff;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.55);
  padding:13px 0 5px;
}
.act-checkout{
  background:#e8d6c5;
  color:#5f664e;
  padding:100px 0;
}
.act-checkout-head{
  max-width:920px;
  margin:0 auto 50px;
  text-align:center;
}
.act-checkout-head h2{
  font-size:clamp(46px,5.4vw,76px);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:500;
  margin:12px 0 22px;
}
.act-checkout-head p{
  max-width:760px;
  margin:0 auto;
  font-size:18px;
  line-height:1.65;
  color:#666963;
}
.act-price-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.act-price-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:520px;
  padding:30px 27px;
  background:#fff;
  border:1px solid #d9d5ce;
  border-radius:28px;
}
.act-price-card.act-price-featured{
  border-color:#5f664e;
}
.act-badge{
  position:absolute;
  top:18px;
  right:18px;
  padding:7px 10px;
  background:#5f664e;
  color:#fff;
  border-radius:999px;
  font-size:11px;
  letter-spacing:.04em;
}
.act-price-card .plan-label{
  display:block;
  margin-top:12px;
  color:#777a74;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.act-price-card h3{
  font-size:34px;
  letter-spacing:-.035em;
  margin:34px 0 4px;
}
.act-price-card .quantity{
  margin:0 0 28px;
  color:#71746f;
  font-size:14px;
}
.act-price-card .price{
  font-size:35px;
  line-height:1;
  letter-spacing:-.035em;
  margin:0 0 8px;
}
.act-price-card .old-price{
  color:#8a8c88;
  font-size:15px;
  text-decoration:line-through;
}
.act-price-card .price-note,
.act-price-card .saving{
  color:#6a6d68;
  font-size:13px;
  margin:0 0 18px;
}
.act-price-card ul{
  list-style:none;
  padding:0;
  margin:12px 0 28px;
}
.act-price-card li{
  padding:10px 0;
  border-top:1px solid #e4e1dc;
  font-size:14px;
  line-height:1.45;
}
.act-buy-btn{
  margin-top:auto;
  width:100%;
  justify-content:center;
  background:#4f5640!important;
  color:#fff!important;
  border-color:#4f5640!important;
  text-align:center;
}
.act-fineprint{
  max-width:1000px;
  margin:26px auto 0;
  text-align:center;
  color:#747772;
  font-size:13px;
  line-height:1.55;
}
.act-delivery{
  display:flex;
  justify-content:space-between;
  gap:25px;
  margin-top:28px;
  padding:22px 26px;
  background:#5f664e;
  color:#fff;
  border-radius:24px;
}
.act-delivery span{
  color:#d9dad7;
}
.act-publication{
  background:#e8d6c5;
  padding:34px 0 98px;
}
.act-publication-card{
  background:#fff;
  border:1px solid #d9d5ce;
  border-radius:34px;
  padding:46px 50px;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:50px;
}
.act-publication-card>div{
  max-width:880px;
}
.act-publication-card h2{
  font-size:clamp(44px,4.8vw,68px);
  line-height:.98;
  letter-spacing:-.05em;
  font-weight:500;
  margin:10px 0 20px;
}
.act-publication-card p{
  font-size:16px;
  line-height:1.65;
  color:#333632;
}
.act-publication-card .muted{
  color:#747772;
}
.act-publication-btn{
  flex:0 0 auto;
  background:#4f5640!important;
  color:#fff!important;
  border-color:#4f5640!important;
  white-space:nowrap;
}
@media(max-width:1100px){
  .act-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .act-publication-card{display:block}
  .act-publication-btn{margin-top:24px}
}
@media(max-width:650px){
  .act-order-link{display:flex;margin-left:0;margin-top:12px;width:max-content}
  .act-price-grid{grid-template-columns:1fr}
  .act-price-card{min-height:0}
  .act-delivery{display:block}
  .act-delivery span{display:block;margin-top:8px}
  .act-publication-card{padding:32px 24px}
  .act-publication-btn{white-space:normal;width:100%;justify-content:center}
}

/* compact square imagery on Wirkstoffe page */
.act-page .media{width:min(100%,560px)!important;aspect-ratio:1/1!important;min-height:0!important;border-radius:38px!important;justify-self:center;overflow:hidden}
.act-page .media img{width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:1/1!important;object-fit:cover!important;display:block}
.act-final .final-card img{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important;object-fit:cover!important;align-self:center}
@media(max-width:980px){.act-page .media{width:min(100%,520px)!important}.act-final .final-card img{max-width:520px;justify-self:center}}

/* ===== WIRKSTOFFE HERO SLIDER ===== */
.wirkstoffe-hero{
  background:#e8d6c5;
  padding:28px 0 42px;
}
.wirkstoffe-hero-card{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  min-height:620px;
  overflow:hidden;
  border-radius:42px;
  background:#5f664e;
}
.wirkstoffe-hero-copy{
  position:relative;
  z-index:2;
  padding:72px 64px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:#fff;
}
.wirkstoffe-hero-copy h1{
  margin:14px 0 28px;
  font-size:clamp(58px,6.3vw,96px);
  line-height:.96;
  letter-spacing:-.06em;
  font-weight:500;
}
.wirkstoffe-hero-copy p{
  max-width:720px;
  margin:0 0 30px;
  color:rgba(255,255,255,.82);
  font-size:19px;
  line-height:1.6;
}
.wirkstoffe-hero-btn{
  width:max-content;
  background:#fff!important;
  color:#4f5640!important;
  border-color:#fff!important;
}
.wirkstoffe-hero-media{
  min-height:620px;
  position:relative;
  overflow:hidden;
}
.wirkstoffe-hero-media:before{
  content:"";
  position:absolute;
  left:-1px;
  top:0;
  bottom:0;
  width:120px;
  background:linear-gradient(100deg,#5f664e 0%,rgba(23,26,24,.92) 28%,rgba(23,26,24,0) 100%);
  z-index:1;
  pointer-events:none;
}
.wirkstoffe-hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
@media(max-width:980px){
  .wirkstoffe-hero-card{grid-template-columns:1fr;min-height:0}
  .wirkstoffe-hero-copy{padding:54px 34px 46px}
  .wirkstoffe-hero-media{min-height:420px}
  .wirkstoffe-hero-media:before{
    left:0;right:0;top:-1px;bottom:auto;width:auto;height:100px;
    background:linear-gradient(180deg,#5f664e 0%,rgba(23,26,24,.9) 28%,rgba(23,26,24,0) 100%);
  }
}
@media(max-width:640px){
  .wirkstoffe-hero{padding-top:16px}
  .wirkstoffe-hero-card{border-radius:28px}
  .wirkstoffe-hero-copy h1{font-size:52px}
  .wirkstoffe-hero-media{min-height:330px}
}

/* Wirkstoffe hero: move ExoVitae bottle higher in the crop */
.act-page .sl-hero{
  background-position:center 38% !important;
}
@media(max-width:980px){
  .act-page .sl-hero{
    background-position:center 34% !important;
  }
}

/* Wirkstoffe desktop hero crop: keep the water drops visible */
@media (min-width:981px){
  .act-page .sl-hero{
    background-position:center 72% !important;
  }
}

/* Wirkstoffe: keep full ExoVitae/RM Star image visible in the final premium section */
.act-final .final-card img{
  object-fit:contain !important;
  object-position:center center !important;
  background:#efe8df;
}

/* Final premium section: edge-to-edge image, no letterboxing/stripes */
.act-final .final-card img{
  width:100% !important;
  height:100% !important;
  min-height:520px !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
  object-position:56% center !important;
  background:transparent !important;
  display:block !important;
}
@media(max-width:980px){
  .act-final .final-card img{
    max-width:none !important;
    min-height:420px !important;
    object-position:center center !important;
  }
}

/* Wirkstoffe final image: preserve complete RM Star device in frame */
.act-final .final-card img{
  width:100% !important;
  height:100% !important;
  min-height:520px !important;
  object-fit:cover !important;
  object-position:58% center !important;
  background:transparent !important;
  display:block !important;
}

/* JANUS Pro main hero: same visual system as Skin Longevity */
.janus-main-hero{
  background-position:center 48% !important;
}
@media(max-width:980px){
  .janus-main-hero{
    background-position:58% center !important;
  }
}

/* JANUS hero photo positioning: consultation + analyzer fully visible */
.janus-main-hero{
  background-position:center 48% !important;
  background-size:cover !important;
}
@media(max-width:980px){
  .janus-main-hero{
    background-position:62% center !important;
  }
}

/* JANUS hero v2 crop */
.janus-main-hero{
  background-position:center center !important;
  background-size:cover !important;
}
@media(max-width:980px){
  .janus-main-hero{
    background-position:42% center !important;
  }
}

/* JANUS hero v3: keep JANUS Pro, monitor and consultation scene visible */
.janus-main-hero{
  background-position:center center !important;
  background-size:cover !important;
}
@media(max-width:980px){
  .janus-main-hero{
    background-position:56% center !important;
  }
}


/* Homepage hero refinement — 2026-08-15 */
@media (min-width: 981px){
  .hero{min-height:680px;align-items:flex-start;}
  .hero-content{padding:34px 0 54px;}
  .hero h1{font-size:clamp(54px,6.55vw,92px);line-height:.94;letter-spacing:-.055em;max-width:900px;margin:16px 0 24px;}
  .hero p{max-width:650px;font-size:17px;line-height:1.5;color:rgba(255,255,255,.9);}
  .hero .hero-actions{margin-top:24px;}
  .hero .hero-actions .btn{padding:13px 20px;}
}
@media (min-width:641px) and (max-width:980px){
  .hero{min-height:640px;}
  .hero h1{font-size:clamp(54px,8vw,74px);max-width:760px;}
  .hero p{max-width:620px;font-size:17px;}
}
@media (max-width:640px){
  .hero .hero-actions{margin-top:22px;}
}

/* Homepage hero composition refinement — keep analysis screen and aesthetician visible */
@media (min-width: 981px){
  .hero{min-height:680px;align-items:flex-start;}
  .hero-content{padding:34px 0 50px;}
  .hero-content .eyebrow{display:block;max-width:520px;}
  .hero h1{
    font-size:clamp(50px,5.15vw,74px);
    line-height:.96;
    letter-spacing:-.052em;
    max-width:650px;
    margin:15px 0 22px;
  }
  .hero p{
    max-width:560px;
    font-size:16px;
    line-height:1.58;
  }
  .hero .hero-actions{margin-top:22px;}
  .hero .hero-actions .btn{padding:13px 20px;}
}
@media (min-width: 1280px){
  .hero h1{max-width:660px;}
  .hero p{max-width:545px;}
}


/* Unified website hero/slider typography — match index.html editorial style */
@media (min-width: 981px){
  /* Visual page heroes */
  .pagehero.visual{
    min-height:680px;
    align-items:flex-start;
    padding:0;
  }
  .pagehero.visual > .wrap{
    padding-top:74px;
    padding-bottom:50px;
  }
  .pagehero.visual .eyebrow{
    display:block;
    max-width:520px;
  }
  .pagehero.visual h1{
    font-size:clamp(50px,5.15vw,74px);
    line-height:.96;
    letter-spacing:-.052em;
    font-weight:500;
    max-width:650px;
    margin:15px 0 22px;
  }
  .pagehero.visual p{
    max-width:560px;
    font-size:16px;
    line-height:1.58;
    color:rgba(255,255,255,.9);
  }
  .pagehero.visual .actions{margin-top:22px;}
  .pagehero.visual .actions .btn{padding:13px 20px;}

  /* Skin Longevity / JANUS / Wirkstoffe visual heroes */
  .sl-hero{
    min-height:680px;
    align-items:flex-start;
  }
  .sl-hero-inner{
    padding-top:74px;
    padding-bottom:50px;
  }
  .sl-hero .eyebrow{
    display:block;
    max-width:520px;
  }
  .sl-hero h1{
    font-size:clamp(50px,5.15vw,74px);
    line-height:.96;
    letter-spacing:-.052em;
    max-width:650px;
    margin:15px 0 22px;
  }
  .sl-hero p{
    max-width:560px;
    font-size:16px;
    line-height:1.58;
  }
  .sl-hero .actions{margin-top:22px;}
  .sl-hero .actions .btn{padding:13px 20px;}
}

@media (min-width:641px) and (max-width:980px){
  .pagehero.visual h1,
  .sl-hero h1{
    font-size:clamp(48px,7vw,68px);
    line-height:.97;
    max-width:650px;
  }
  .pagehero.visual p,
  .sl-hero p{
    max-width:580px;
    font-size:16px;
  }
  .sl-hero-inner{padding-top:58px;padding-bottom:48px;}
}

@media (max-width:640px){
  .pagehero.visual h1,
  .sl-hero h1{
    font-size:50px;
    line-height:.98;
    letter-spacing:-.05em;
    max-width:100%;
  }
  .pagehero.visual p,
  .sl-hero p{
    font-size:16px;
    line-height:1.55;
    max-width:100%;
  }
  .sl-hero-inner{padding-top:42px;padding-bottom:42px;}
}


/* Dermanelle brand palette — 2026-08-15 */
:root{--brand-green:#5f664e;--brand-green-dark:#4f5640;--brand-beige:#e8d6c5;--brand-ivory:#fffaf5;}
body{background:var(--brand-beige);color:var(--brand-green-dark)}
.announce,.darksec,.ctabox,.sl-template-dark,.sl-cta-box,.sl-cta-diagonal-card{background:var(--brand-green)!important;color:#fff!important}
.site-header{background:rgba(232,214,197,.92)!important}
.dropmenu,.slide-copy,.form input,.form textarea,.form select{background:var(--brand-ivory)!important}
.btn.dark,.sl-btn-dark{background:var(--brand-green)!important;border-color:var(--brand-green)!important;color:#fff!important}
.btn.blue,.blueband,.sl-template-blue,.sl-business-card{background:var(--brand-green)!important;border-color:var(--brand-green)!important;color:#fff!important}
.soft,.pagehero,.sl-business,.sl-cta,.sl-cta-diagonal{background-color:var(--brand-beige)!important}
.dot.active{background:var(--brand-green)!important}
.quote-mark{color:var(--brand-green)!important}
.logo-image img{width:180px;height:auto;object-fit:contain}
.footer .logo-image img{width:170px}
@media(max-width:760px){.logo-image img{width:145px}.footer .logo-image img{width:150px}}

/* Dermanelle — natural photography / no colour tint on hero & slider images */
.hero-media::after,
.slide-media::after,
.pagehero.visual::before,
.sl-hero-overlay,
.wirkstoffe-hero-media::before {
  content: none !important;
  background: none !important;
  opacity: 0 !important;
}

/* Keep the photography untouched; use subtle text shadow only for readability. */
.hero-content,
.pagehero.visual .wrap,
.sl-hero-inner,
.sl-hero-copy {
  text-shadow: 0 2px 14px rgba(20,20,20,.22);
}
.hero-content .btn,
.pagehero.visual .btn,
.sl-hero-inner .btn,
.sl-hero-copy .btn {
  text-shadow: none;
}

/* Homepage hero readability — neutral left-side gradient, no green tint */
.hero-media::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  opacity:1 !important;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(31,27,24,.44) 0%,
    rgba(31,27,24,.34) 24%,
    rgba(31,27,24,.18) 42%,
    rgba(31,27,24,.06) 54%,
    rgba(31,27,24,0) 64%) !important;
}
.hero-content{text-shadow:0 2px 12px rgba(20,17,15,.30)}
.hero-content .btn{text-shadow:none}
@media(max-width:760px){
  .hero-media::after{
    background:linear-gradient(90deg,
      rgba(31,27,24,.50) 0%,
      rgba(31,27,24,.36) 55%,
      rgba(31,27,24,.12) 78%,
      rgba(31,27,24,0) 100%) !important;
  }
}

/* Wirkstoffe hero readability — neutral contrast only, photography colours unchanged */
.act-page .sl-hero .sl-hero-overlay{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  opacity:1 !important;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(17,18,16,.78) 0%,rgba(17,18,16,.60) 38%,rgba(17,18,16,.18) 67%,rgba(17,18,16,0) 82%) !important;
}
.act-page .sl-hero-inner{
  text-shadow:0 2px 18px rgba(0,0,0,.46);
}
.act-page .sl-hero p{
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.52);
}
@media(max-width:760px){
  .act-page .sl-hero .sl-hero-overlay{
    background:linear-gradient(90deg,rgba(17,18,16,.80) 0%,rgba(17,18,16,.60) 58%,rgba(17,18,16,.22) 100%) !important;
  }
}

/* Unified hero overlay — match Wirkstoffe hero readability */
.hero-media::after,
.skin-longevity-page .sl-hero .sl-hero-overlay,
.janus-page .sl-hero .sl-hero-overlay,
.pagehero.visual::before {
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  opacity:1 !important;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(17,18,16,.78) 0%,rgba(17,18,16,.60) 38%,rgba(17,18,16,.18) 67%,rgba(17,18,16,0) 82%) !important;
}
.hero-content,
.skin-longevity-page .sl-hero-inner,
.janus-page .sl-hero-inner,
.pagehero.visual .wrap {
  text-shadow:0 2px 18px rgba(0,0,0,.46);
}
.skin-longevity-page .sl-hero p,
.janus-page .sl-hero p,
.pagehero.visual p {
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.52);
}
.hero-content .btn,
.skin-longevity-page .sl-hero-inner .btn,
.janus-page .sl-hero-inner .btn,
.pagehero.visual .btn {
  text-shadow:none;
}
@media(max-width:760px){
  .hero-media::after,
  .skin-longevity-page .sl-hero .sl-hero-overlay,
  .janus-page .sl-hero .sl-hero-overlay,
  .pagehero.visual::before {
    background:linear-gradient(90deg,rgba(17,18,16,.80) 0%,rgba(17,18,16,.60) 58%,rgba(17,18,16,.22) 100%) !important;
  }
}

/* RM Star interactive before/after, matching Glacienne functionality */
.rm-ba-results .rm-head{max-width:760px;margin-bottom:34px}
.rm-ba-grid .gl-ba{aspect-ratio:1/1}
.rm-ba-grid .gl-ba>img,.rm-ba-grid .gl-ba-after img{object-fit:cover}
.rm-ba-grid .gl-ba-card:last-child{grid-column:1 / -1;max-width:calc(50% - 12px)}
@media(max-width:760px){.rm-ba-grid .gl-ba-card:last-child{grid-column:auto;max-width:none}}

/* RM Star before/after sizing: exactly match Glacienne result windows */
.rm-ba-results .rm-ba-grid{
  width:min(100%, 760px);
  margin:0 auto;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.rm-ba-results .rm-ba-grid .gl-ba-card{
  border-radius:24px;
  max-width:none;
  grid-column:auto;
}
.rm-ba-results .rm-ba-grid .gl-ba{
  aspect-ratio:4/5;
}
.rm-ba-results .rm-ba-grid .gl-ba-handle{
  width:42px;
  height:42px;
  font-size:17px;
}
@media(max-width:760px){
  .rm-ba-results .rm-ba-grid{grid-template-columns:1fr;}
}

/* RM Star full-width hero — neutral dark gradient matching site heroes */
.rmstar-page .rm-hero-visual{position:relative;min-height:650px;padding:100px 0 70px;display:flex;align-items:flex-end;background-size:cover;background-position:center;color:#fff;overflow:hidden}
.rmstar-page .rm-hero-visual .rm-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,18,16,.78) 0%,rgba(17,18,16,.60) 38%,rgba(17,18,16,.18) 67%,rgba(17,18,16,0) 82%)}
.rmstar-page .rm-hero-content{position:relative;z-index:2;width:100%}
.rmstar-page .rm-hero-visual .rm-copy{max-width:760px}
@media(max-width:700px){.rmstar-page .rm-hero-visual{min-height:620px;background-position:48% center}.rmstar-page .rm-hero-visual .rm-hero-overlay{background:linear-gradient(90deg,rgba(17,18,16,.80) 0%,rgba(17,18,16,.60) 58%,rgba(17,18,16,.22) 100%)}}

/* RM Star hero layout correction — keep all copy safely inside viewport */
html,body{max-width:100%;overflow-x:hidden}
.rmstar-page .rm-hero-visual .rm-hero-content{
  width:min(1240px,calc(100% - 64px));
  max-width:1240px;
  margin-left:auto;
  margin-right:auto;
  padding-left:0;
  padding-right:0;
  box-sizing:border-box;
}
.rmstar-page .rm-hero-visual .rm-copy{
  width:100%;
  max-width:680px;
}
.rmstar-page .rm-hero-visual .rm-copy h1{
  font-size:clamp(50px,5.15vw,74px);
  line-height:.96;
  letter-spacing:-.052em;
  max-width:650px;
}
.rmstar-page .rm-hero-visual .rm-copy .lead{
  max-width:620px;
  font-size:18px;
  line-height:1.58;
}
.rmstar-page .rm-hero-visual .rm-stats{
  width:100%;
  max-width:680px;
}
@media(max-width:760px){
  .rmstar-page .rm-hero-visual .rm-hero-content{width:calc(100% - 36px)}
  .rmstar-page .rm-hero-visual .rm-copy h1{font-size:clamp(44px,13vw,58px)}
  .rmstar-page .rm-hero-visual .rm-copy .lead{font-size:16px}
  .rmstar-page .rm-hero-visual .rm-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
}

/* CleoMed PDT full-width treatment hero — 2026-08-19 */
.cleo-page .cleo-hero-visual{
  position:relative;
  min-height:650px;
  padding:0;
  display:flex;
  align-items:center;
  background-size:cover;
  background-position:center 48%;
  color:#fff;
  overflow:hidden;
}
.cleo-page .cleo-hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(14,14,14,.82) 0%,rgba(14,14,14,.62) 36%,rgba(14,14,14,.28) 62%,rgba(14,14,14,.08) 82%,rgba(14,14,14,0) 100%),linear-gradient(0deg,rgba(10,10,10,.24) 0%,rgba(10,10,10,0) 46%);
}
.cleo-page .cleo-hero-content{position:relative;z-index:2;width:min(1240px,calc(100% - 44px));margin:0 auto;padding:58px 0 46px;}
.cleo-page .cleo-hero-visual .copy{max-width:700px;}
.cleo-page .cleo-hero-visual .lead{color:rgba(255,255,255,.9);}
.cleo-page .cleo-hero-visual .stats span{color:rgba(255,255,255,.72);}
@media(max-width:700px){
  .cleo-page .cleo-hero-visual{min-height:620px;background-position:54% center;padding:0;align-items:center;}\n  .cleo-page .cleo-hero-content{width:min(100% - 28px,1240px);padding:48px 0 38px;}
  .cleo-page .cleo-hero-overlay{background:linear-gradient(90deg,rgba(12,12,12,.84) 0%,rgba(12,12,12,.68) 58%,rgba(12,12,12,.34) 100%);}
}


/* CleoMed program extension */
.cleo-page .cleo-program-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin-top:34px;
}
.cleo-page .cleo-program-card{
  margin:0;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(30,37,31,.12);
  border-radius:24px;
  overflow:hidden;
}
.cleo-page .cleo-program-card img{
  width:100%;
  display:block;
  aspect-ratio:4/3;
  object-fit:cover;
  object-position:center;
  background:#fff;
}
.cleo-page .cleo-program-card figcaption{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:22px 24px 24px;
}
.cleo-page .cleo-program-card figcaption strong{
  font-size:1.05rem;
}
.cleo-page .cleo-program-card figcaption span{
  line-height:1.65;
  opacity:.78;
}
.cleo-page .cleo-mode-strip{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin-top:24px;
  border-radius:22px;
  overflow:hidden;
  background:rgba(31,38,32,.14);
}
.cleo-page .cleo-mode-strip>div{
  padding:24px 26px;
  background:rgba(255,255,255,.72);
}
.cleo-page .cleo-mode-strip span{
  display:block;
  margin-bottom:8px;
  font-weight:700;
  letter-spacing:.06em;
}
.cleo-page .cleo-mode-strip p{
  margin:0;
  line-height:1.65;
}
.cleo-page .cleo-detail-cards article{
  min-height:210px;
}
@media(max-width:760px){
  .cleo-page .cleo-program-grid,
  .cleo-page .cleo-mode-strip{
    grid-template-columns:1fr;
  }
}

/* CleoMed treatment screenshots: smaller inside existing frames */
.cleo-page .cleo-program-card{
  padding:28px 28px 0;
}
.cleo-page .cleo-program-card img{
  width:82%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  margin:0 auto;
  border-radius:16px;
  background:#fff;
}
.cleo-page .cleo-program-card figcaption{
  margin-left:-28px;
  margin-right:-28px;
  margin-top:24px;
}
@media(max-width:760px){
  .cleo-page .cleo-program-card{
    padding:18px 18px 0;
  }
  .cleo-page .cleo-program-card img{
    width:88%;
  }
  .cleo-page .cleo-program-card figcaption{
    margin-left:-18px;
    margin-right:-18px;
    margin-top:18px;
  }
}

/* CleoMed wavelength treatment photos */
.cleo-page .cleo-light-photo{
  margin-top:20px;
  width:100%;
  max-width:180px;
  height:108px;
  border-radius:16px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
}
.cleo-page .cleo-light-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
@media(max-width:760px){
  .cleo-page .cleo-light-photo{
    max-width:160px;
    height:96px;
  }
}

/* CleoMed light photos: full-bleed inside placeholders */
.cleo-page .cleo-light-photo{
  padding:0 !important;
  background:transparent !important;
}
.cleo-page .cleo-light-photo img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:inherit !important;
}

/* Dermanelle responsive streamed video frame */
.dermanelle-video-frame{
  position:relative;
  width:100%;
  aspect-ratio:1 / 1;
  overflow:hidden;
  border-radius:56px;
  background:#111;
}
.dermanelle-video-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  display:block;
}
@media(max-width:760px){
  .dermanelle-video-frame{border-radius:30px;}
}

/* Glacienne full-width visual hero */
.gl-page .gl-hero-visual{
 position:relative;min-height:650px;padding:0;display:flex;align-items:center;
 background-size:cover;background-position:center center;color:#fff;overflow:hidden;
}
.gl-page .gl-hero-visual::before{
 content:"";position:absolute;inset:0;z-index:0;
 background:linear-gradient(90deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.48) 38%,rgba(0,0,0,.18) 68%,rgba(0,0,0,.06) 100%);
}
.gl-page .gl-hero-visual .wrap{position:relative;z-index:1;width:100%}
.gl-page .gl-hero-visual .copy{max-width:720px;padding:70px 0 60px}
@media(max-width:760px){
 .gl-page .gl-hero-visual{min-height:620px;background-position:58% center}
 .gl-page .gl-hero-visual::before{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.40))}
 .gl-page .gl-hero-visual .copy{padding:52px 0 44px}
}

/* Glacienne hero typography correction */
.gl-page .gl-hero-visual .copy{
  max-width:650px;
  padding:54px 0 46px;
}
.gl-page .gl-hero-visual h1{
  font-size:clamp(54px,5.2vw,82px);
  line-height:.96;
  letter-spacing:-.045em;
  margin:14px 0 24px;
  max-width:650px;
}
.gl-page .gl-hero-visual .lead{
  max-width:620px;
  font-size:clamp(20px,1.65vw,27px);
  line-height:1.5;
}
.gl-page .gl-hero-visual .copy > p:not(.lead){
  max-width:610px;
  font-size:17px;
  line-height:1.65;
}
@media(max-width:900px){
  .gl-page .gl-hero-visual h1{
    font-size:clamp(48px,8vw,68px);
  }
}
@media(max-width:760px){
  .gl-page .gl-hero-visual .copy{
    max-width:92%;
    padding:46px 0 40px;
  }
  .gl-page .gl-hero-visual h1{
    font-size:clamp(42px,13vw,60px);
    line-height:1;
    margin-bottom:20px;
  }
  .gl-page .gl-hero-visual .lead{
    font-size:19px;
    line-height:1.45;
  }
  .gl-page .gl-hero-visual .copy > p:not(.lead){
    font-size:16px;
    line-height:1.55;
  }
}

/* Glacienne section image fitting */
.gl-page .gl.beige .media img,
.gl-page .gl.dark .media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:inherit;
}

/* Compact "Passt Glaciénne zu deinem Institut?" section */
.gl-page .gl-compact-fit{
  padding-top:44px !important;
  padding-bottom:44px !important;
}
.gl-page .gl-compact-fit .wrap{
  gap:32px !important;
}
.gl-page .gl-compact-fit .copy{
  max-width:560px;
}
.gl-page .gl-compact-fit h2{
  font-size:clamp(34px,3.2vw,48px);
  margin-bottom:14px;
}
.gl-page .gl-compact-fit p{
  font-size:16px;
  line-height:1.55;
  margin-bottom:12px;
}
.gl-page .gl-compact-fit .media{
  max-height:360px;
  overflow:hidden;
  border-radius:28px;
}
.gl-page .gl-compact-fit .media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
@media(max-width:760px){
  .gl-page .gl-compact-fit{
    padding-top:32px !important;
    padding-bottom:32px !important;
  }
  .gl-page .gl-compact-fit .media{
    max-height:280px;
  }
}

/* FINAL Glacienne hero alignment fix */
.gl-page .gl-hero-visual{
  min-height:650px;
  display:flex;
  align-items:center;
  padding:0 !important;
}
.gl-page .gl-hero-visual .wrap{
  width:min(1240px,calc(100% - 64px)) !important;
  margin:0 auto !important;
  padding:0 !important;
}
.gl-page .gl-hero-visual .copy{
  max-width:640px !important;
  padding:56px 0 48px !important;
  margin:0 !important;
}
.gl-page .gl-hero-visual h1{
  font-size:clamp(52px,4.7vw,76px) !important;
  line-height:.98 !important;
  letter-spacing:-.045em !important;
  max-width:620px !important;
  margin:12px 0 22px !important;
}
.gl-page .gl-hero-visual .lead{
  max-width:590px !important;
  font-size:clamp(19px,1.45vw,24px) !important;
  line-height:1.48 !important;
  margin-bottom:20px !important;
}
.gl-page .gl-hero-visual .copy > p:not(.lead){
  max-width:580px !important;
  font-size:16px !important;
  line-height:1.6 !important;
  margin-bottom:22px !important;
}
.gl-page .gl-hero-visual .btn{
  margin-top:2px !important;
}
@media(max-width:900px){
  .gl-page .gl-hero-visual .wrap{
    width:min(100% - 40px,1240px) !important;
  }
}
@media(max-width:760px){
  .gl-page .gl-hero-visual{
    min-height:620px;
    align-items:flex-end;
  }
  .gl-page .gl-hero-visual .wrap{
    width:min(100% - 28px,1240px) !important;
  }
  .gl-page .gl-hero-visual .copy{
    max-width:100% !important;
    padding:42px 0 34px !important;
  }
  .gl-page .gl-hero-visual h1{
    font-size:clamp(40px,12vw,56px) !important;
    max-width:100% !important;
  }
  .gl-page .gl-hero-visual .lead{
    font-size:18px !important;
  }
}

/* Unified final split section: green text + oblique photo */
.site-end-oblique{
  background:transparent !important;
  color:#fff !important;
  padding:64px 0 !important;
}
.site-end-oblique > .wrap{
  position:relative;
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr) !important;
  gap:0 !important;
  align-items:stretch !important;
  overflow:hidden;
  border-radius:44px;
  background:var(--green,#626c50);
  min-height:470px;
}
.site-end-oblique > .wrap > .copy{
  position:relative;
  z-index:3;
  max-width:none !important;
  padding:70px 92px 70px 72px !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:#fff !important;
}
.site-end-oblique > .wrap > .copy::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  right:-126px;
  width:250px;
  height:100%;
  background:var(--green,#626c50);
  clip-path:polygon(0 0,100% 0,50% 100%,0 100%);
}
.site-end-oblique > .wrap > .media{
  position:relative;
  z-index:1;
  min-width:0;
  min-height:470px;
  border-radius:0 !important;
  overflow:hidden;
  background:#ddd;
}
.site-end-oblique > .wrap > .media img{
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:0 !important;
  display:block;
}
.site-end-oblique .eyebrow,
.site-end-oblique h1,
.site-end-oblique h2,
.site-end-oblique h3,
.site-end-oblique p,
.site-end-oblique .lead{ color:#fff !important; }

.site-end-oblique h2{
  font-size:clamp(44px,4.1vw,72px) !important;
  line-height:.98 !important;
  letter-spacing:-.045em !important;
  max-width:760px;
  margin:14px 0 26px !important;
}
.site-end-oblique .lead{
  max-width:680px;
  font-size:clamp(19px,1.5vw,25px) !important;
  line-height:1.5 !important;
}
.site-end-oblique .copy p:not(.lead){
  max-width:670px;
  line-height:1.65;
}
.site-end-oblique .btn{
  align-self:flex-start;
  margin-top:14px;
  background:#fff !important;
  color:#263022 !important;
  border-color:#fff !important;
}
.site-end-oblique .btn:hover{
  background:#f5f1eb !important;
  color:#263022 !important;
}
.site-end-oblique .media.contain img{ object-fit:cover !important; }

/* Wirkstoffe final card: eliminate sub-pixel background seam at the rounded edge */
.wirkstoffe-final-oblique > .wrap{
  background:#dcc5b3 !important;
}
.wirkstoffe-final-oblique > .wrap > .copy{
  background:var(--green,#626c50) !important;
}
.wirkstoffe-final-oblique > .wrap > .media{
  background:#dcc5b3 !important;
  width:calc(100% + 4px) !important;
  margin-right:-4px !important;
}
.wirkstoffe-final-oblique > .wrap > .media img{
  inset:-3px -10px -3px -3px !important;
  width:calc(100% + 13px) !important;
  height:calc(100% + 6px) !important;
  transform:translateZ(0);
}

/* Journal overview and article pages */
.journal-featured .card{color:inherit;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease;}
.journal-featured .card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(42,48,37,.12);}
.journal-featured .card-media{aspect-ratio:1.38/1;background-position:center;background-size:cover;}
.journal-article-hero{min-height:600px;}
.journal-article-hero .wrap{max-width:1100px;}
.journal-article-hero h1{max-width:980px;font-size:clamp(48px,6.2vw,88px);}
.journal-article-hero p{max-width:820px;}
.journal-article{padding:78px 24px 110px;background:#f5eee7;}
.journal-article-inner{width:min(860px,100%);margin:0 auto;color:#2d342b;}
.journal-back{display:inline-block;margin-bottom:44px;color:#5f684e;text-decoration:none;font-weight:700;}
.journal-article-inner h2{font-size:clamp(31px,4vw,46px);line-height:1.08;margin:64px 0 22px;letter-spacing:-.025em;}
.journal-article-inner h3{font-size:clamp(23px,2.5vw,30px);line-height:1.18;margin:44px 0 16px;}
.journal-article-inner p,.journal-article-inner li{font-size:18px;line-height:1.78;}
.journal-article-inner p{margin:0 0 24px;}
.journal-article-inner ul,.journal-article-inner ol{margin:0 0 30px;padding-left:26px;}
.journal-article-inner li+li{margin-top:9px;}
.journal-article-inner blockquote{margin:42px 0;padding:28px 34px;border-left:5px solid #667052;background:#fff;border-radius:0 22px 22px 0;}
.journal-article-inner blockquote p{margin:0;font-size:20px;}
.journal-article-inner a{color:#536043;text-decoration-thickness:1px;text-underline-offset:3px;}
@media(max-width:700px){.journal-article-hero{min-height:520px}.journal-article{padding:56px 20px 80px}.journal-article-inner p,.journal-article-inner li{font-size:17px}}

/* Über Dermanelle — personal founder introduction */
.about-monika-section{padding:96px 0 112px;background:#f3e7dc;}
.about-monika-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:72px;align-items:center;}
.about-monika-copy h1{font-size:clamp(50px,6.2vw,86px);line-height:.98;letter-spacing:-.045em;margin:16px 0 30px;max-width:850px;}
.about-monika-copy p{font-size:17px;line-height:1.72;max-width:780px;}
.about-monika-copy .lead{font-size:clamp(20px,1.7vw,25px);line-height:1.5;color:#374032;}
.about-monika-role{padding:20px 24px;border-left:4px solid #687153;background:rgba(255,255,255,.58);border-radius:0 18px 18px 0;color:#4d5844;}
.about-monika-photo{border-radius:42px;overflow:hidden;box-shadow:0 26px 65px rgba(55,47,39,.14);background:#eee5dc;}
.about-monika-photo img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center;}
@media(max-width:940px){.about-monika-grid{grid-template-columns:1fr;gap:48px}.about-monika-photo{width:min(580px,100%);margin:0 auto}.about-monika-section{padding:72px 0 88px}}

/* Kontakt — portfolio consultation and SMTP form */
.contact-offer-section{padding:88px 0 110px;background:#f3e7dc;}
.contact-offer-box{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;padding:58px;border-radius:36px;background:#fff;box-shadow:0 24px 65px rgba(55,47,39,.12);}
.contact-offer-copy h2{font-size:clamp(42px,4.7vw,68px);line-height:1;letter-spacing:-.04em;margin:14px 0 24px;}
.contact-offer-copy p{font-size:17px;line-height:1.7;}
.contact-advisor{margin:28px 0;padding:20px 24px;border-left:4px solid #687153;background:#f4f0e9;border-radius:0 18px 18px 0;}
.contact-form-panel{padding:34px;border-radius:25px;background:#f5f1eb;}
.contact-form-panel form{display:flex;flex-direction:column;}
.contact-form-panel label{font-weight:700;margin-bottom:7px;}
.contact-form-panel input[type=text],.contact-form-panel input[type=email],.contact-form-panel textarea{width:100%;padding:14px;margin:0 0 18px;border:1px solid #d7d2c9;border-radius:12px;background:#fff;font:inherit;}
.contact-form-panel textarea{resize:vertical;min-height:150px;}
.contact-form-panel .contact-privacy{display:flex;gap:10px;align-items:flex-start;margin:2px 0 24px;font-weight:500;line-height:1.45;}
.contact-form-panel .contact-privacy input{margin-top:4px;flex:0 0 auto;}
.contact-form-panel .btn{align-self:flex-start;}
@media(max-width:900px){.contact-offer-box{grid-template-columns:1fr;padding:34px;gap:38px}}
@media(max-width:600px){.contact-offer-section{padding:58px 0 76px}.contact-offer-box{padding:24px;border-radius:26px}.contact-form-panel{padding:24px}}

/* MesoVitae video presentation matching Glacienne */
.meso-video-glacienne{padding:92px 0;background:#5f664e;color:#fff;}
.meso-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center;}
.meso-video-copy{order:2;}
.meso-video-glacienne .gl-video-owned{order:1;}
.meso-video-copy h2{font-size:clamp(48px,5.5vw,78px);font-weight:500;line-height:.98;letter-spacing:-.055em;margin:12px 0 24px;}
.meso-video-copy p{font-size:17px;line-height:1.72;color:#ddd;}
.meso-video-copy .lead{font-size:22px;line-height:1.5;}
.meso-video-glacienne .gl-video-owned{border-radius:42px;overflow:hidden;background:#3f4534;box-shadow:0 22px 55px rgba(0,0,0,.22);}
.meso-video-glacienne .gl-video-frame{position:relative;padding-top:56.25%;}
.meso-video-glacienne .gl-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
@media(max-width:980px){.meso-video-grid{grid-template-columns:1fr;gap:44px}.meso-video-copy,.meso-video-glacienne .gl-video-owned{order:initial}}

/* MesoVitae COSMEDIC article download */
.meso-cosmedic-section{padding:94px 0;background:#e8d6c5;}
.meso-cosmedic-card{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:68px;align-items:center;padding:52px;border-radius:40px;background:#fff;box-shadow:0 24px 60px rgba(40,34,29,.11);}
.meso-cosmedic-cover{border-radius:25px;overflow:hidden;box-shadow:0 18px 45px rgba(36,32,28,.15);}
.meso-cosmedic-cover img{display:block;width:100%;height:auto;}
.meso-cosmedic-copy h2{font-size:clamp(43px,5vw,70px);line-height:.99;letter-spacing:-.045em;margin:14px 0 24px;}
.meso-cosmedic-copy p{font-size:17px;line-height:1.7;}
.meso-cosmedic-copy .lead{font-size:21px;line-height:1.52;}
@media(max-width:900px){.meso-cosmedic-card{grid-template-columns:1fr;padding:34px}.meso-cosmedic-cover{width:min(520px,100%);margin:0 auto}}

/* Related articles at the end of every Journal article */
.journal-related{padding:84px 0 110px;background:#e8d6c5;}
.journal-related h2{font-size:clamp(42px,5vw,68px);line-height:1;margin:13px 0 38px;letter-spacing:-.04em;}
.journal-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.journal-related-card{display:grid;grid-template-columns:42% 58%;overflow:hidden;border-radius:28px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 18px 45px rgba(42,36,31,.09);transition:transform .24s ease;}
.journal-related-card:hover{transform:translateY(-5px);}
.journal-related-card img{width:100%;height:100%;min-height:310px;object-fit:cover;}
.journal-related-card>div{padding:30px;display:flex;flex-direction:column;align-items:flex-start;}
.journal-related-card span{font-size:11px;font-weight:700;letter-spacing:.14em;color:#687153;}
.journal-related-card h3{font-size:27px;line-height:1.1;margin:13px 0 15px;}
.journal-related-card p{font-size:15px;line-height:1.6;color:#777;margin:0 0 22px;}
.journal-related-card strong{margin-top:auto;color:#536043;}
@media(max-width:980px){.journal-related-grid{grid-template-columns:1fr}}
@media(max-width:620px){.journal-related-card{grid-template-columns:1fr}.journal-related-card img{min-height:230px;aspect-ratio:16/9}.journal-related-card>div{padding:26px}}

@media(max-width:980px){
  .site-end-oblique > .wrap{
    grid-template-columns:minmax(0,1fr) minmax(320px,.8fr) !important;
    min-height:420px;
  }
  .site-end-oblique > .wrap > .copy{
    padding:56px 70px 56px 50px !important;
  }
  .site-end-oblique > .wrap > .copy::after{
    right:-94px;
    width:188px;
  }
  .site-end-oblique > .wrap > .media{ min-height:420px; }
}
@media(max-width:760px){
  .site-end-oblique{ padding:36px 0 !important; }
  .site-end-oblique > .wrap{
    display:flex !important;
    flex-direction:column;
    min-height:0;
    border-radius:30px;
  }
  .site-end-oblique > .wrap > .copy{
    padding:42px 28px 50px !important;
  }
  .site-end-oblique > .wrap > .copy::after{
    top:auto;
    right:0;
    bottom:-54px;
    width:100%;
    height:108px;
    clip-path:polygon(0 0,100% 48%,100% 100%,0 100%);
  }
  .site-end-oblique > .wrap > .media{
    min-height:300px;
    height:54vw;
  }
  .site-end-oblique h2{
    font-size:clamp(38px,10vw,52px) !important;
  }
}

/* Wirkstoffe final section: use the global oblique CTA layout */
.wirkstoffe-final-oblique .media img{
  object-position:center center !important;
}

/* Repair Wirkstoffe mid-page ingredient section */
.act-page .act.grid,
.act-page .act .grid{
  position:relative;
}
.act-page .act.grid .copy,
.act-page .act .grid .copy{
  position:relative;
  z-index:auto;
}
.act-page .act.grid .media,
.act-page .act .grid .media{
  position:relative;
  min-height:0;
}

/* Wirkstoffe: "Nicht zuerst neu investieren." is a normal two-column section */
.act-page .act.beige > .wrap.grid{
  overflow:visible;
  border-radius:0;
  background:transparent;
}
.act-page .act.beige > .wrap.grid > .copy{
  padding:0;
}
.act-page .act.beige > .wrap.grid > .copy::after{
  content:none !important;
}
.act-page .act.beige > .wrap.grid > .media{
  min-height:0;
  border-radius:32px;
  overflow:hidden;
}
.act-page .act.beige > .wrap.grid > .media img{
  position:static;
  width:100%;
  height:auto;
  object-fit:cover;
  border-radius:32px;
}

/* RM Star: "Technologie trifft Wirkstoff." is a normal two-column section */
.rm-page .rm.beige > .wrap.grid{
  overflow:visible;
  border-radius:0;
  background:transparent;
}
.rm-page .rm.beige > .wrap.grid > .copy{
  padding:0;
}
.rm-page .rm.beige > .wrap.grid > .copy::after{
  content:none !important;
}
.rm-page .rm.beige > .wrap.grid > .media{
  min-height:0;
  border-radius:32px;
  overflow:hidden;
}
.rm-page .rm.beige > .wrap.grid > .media img{
  position:static;
  width:100%;
  height:auto;
  object-fit:cover;
  border-radius:32px;
}

/* JANUS final section: photo left, oblique green panel right */
.jp-section.site-end-oblique{
  background:transparent !important;
  padding:64px 0 !important;
}
.jp-section.site-end-oblique > .wrap{
  position:relative;
  display:grid !important;
  grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr) !important;
  gap:0 !important;
  align-items:stretch !important;
  overflow:hidden;
  border-radius:44px;
  background:var(--green,#626c50);
  min-height:470px;
}
.jp-section.site-end-oblique .jp-media{
  grid-column:1;
  grid-row:1;
  position:relative;
  z-index:1;
  min-height:470px;
  overflow:hidden;
  border-radius:0 !important;
}
.jp-section.site-end-oblique .jp-media img{
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:0 !important;
}
.jp-section.site-end-oblique .jp-copy{
  grid-column:2;
  grid-row:1;
  position:relative;
  z-index:3;
  max-width:none !important;
  padding:70px 70px 70px 92px !important;
  color:#fff !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.jp-section.site-end-oblique .jp-copy::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  left:-126px;
  width:250px;
  height:100%;
  background:var(--green,#626c50);
  clip-path:polygon(50% 0,100% 0,100% 100%,0 100%);
}
.jp-section.site-end-oblique .eyebrow,
.jp-section.site-end-oblique h2,
.jp-section.site-end-oblique p,
.jp-section.site-end-oblique .lead{
  color:#fff !important;
}
.jp-section.site-end-oblique h2{
  font-size:clamp(44px,4.1vw,72px) !important;
  line-height:.98 !important;
  letter-spacing:-.045em !important;
  margin:14px 0 26px !important;
}
.jp-section.site-end-oblique .btn{
  align-self:flex-start;
  background:#fff !important;
  color:#263022 !important;
  border-color:#fff !important;
  margin-top:14px;
}
@media(max-width:980px){
  .jp-section.site-end-oblique > .wrap{
    grid-template-columns:minmax(320px,.85fr) minmax(0,1fr) !important;
  }
  .jp-section.site-end-oblique .jp-copy{
    padding:56px 50px 56px 70px !important;
  }
  .jp-section.site-end-oblique .jp-copy::before{
    left:-94px;
    width:188px;
  }
}
@media(max-width:760px){
  .jp-section.site-end-oblique{
    padding:36px 0 !important;
  }
  .jp-section.site-end-oblique > .wrap{
    display:flex !important;
    flex-direction:column !important;
    min-height:0;
    border-radius:30px;
  }
  .jp-section.site-end-oblique .jp-copy{
    order:1;
    padding:42px 28px 50px !important;
  }
  .jp-section.site-end-oblique .jp-copy::before{
    left:0;
    bottom:-54px;
    top:auto;
    width:100%;
    height:108px;
    clip-path:polygon(0 0,100% 48%,100% 100%,0 100%);
  }
  .jp-section.site-end-oblique .jp-media{
    order:2;
    min-height:300px;
    height:54vw;
  }
}

/* Skin Longevity: "Vier Wirkstoffe. Ein Konzept." is a normal two-column section */
.sl-page .sl.beige > .wrap.grid{
  overflow:visible !important;
  border-radius:0 !important;
  background:transparent !important;
  align-items:center !important;
}
.sl-page .sl.beige > .wrap.grid > .copy{
  position:relative !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
}
.sl-page .sl.beige > .wrap.grid > .copy::before,
.sl-page .sl.beige > .wrap.grid > .copy::after{
  content:none !important;
}
.sl-page .sl.beige > .wrap.grid > .media{
  position:relative !important;
  min-height:0 !important;
  overflow:hidden;
  border-radius:32px !important;
}
.sl-page .sl.beige > .wrap.grid > .media img{
  position:static !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  object-fit:cover !important;
  border-radius:32px !important;
}
.sl-page .sl.beige > .wrap.grid h2{
  max-width:640px;
}
.sl-page .sl.beige > .wrap.grid p{
  max-width:680px;
}

/* RM Star mid-page ExoVitae block: normal, compact two-column section */
.rm-page .rm-exovitae-normal{
  padding-top:78px !important;
  padding-bottom:78px !important;
}
.rm-page .rm-exovitae-normal .rm-grid{
  grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr) !important;
  gap:56px !important;
  align-items:center !important;
}
.rm-page .rm-exovitae-normal .rm-copy h2{
  font-size:clamp(42px,4.2vw,64px) !important;
  line-height:1 !important;
  margin:10px 0 22px !important;
}
.rm-page .rm-exovitae-normal .rm-copy .lead{
  font-size:20px !important;
  line-height:1.48 !important;
}
.rm-page .rm-exovitae-normal .rm-copy p{
  font-size:16px !important;
  line-height:1.65 !important;
}
.rm-page .rm-exovitae-normal .rm-media{
  min-height:420px !important;
  max-height:500px !important;
  border-radius:32px !important;
}
.rm-page .rm-exovitae-normal .rm-media img{
  min-height:420px !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* RM Star final CTA: green panel with a true oblique transition into the photo */
.rm-page .rm-cta-oblique .rm-cta-card{
  position:relative;
  grid-template-columns:1.08fr .92fr !important;
  overflow:hidden;
}
.rm-page .rm-cta-oblique .rm-cta-card > div{
  position:relative;
  z-index:3;
  padding-right:100px !important;
}
.rm-page .rm-cta-oblique .rm-cta-card > div::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  right:-118px;
  width:236px;
  height:100%;
  background:#5f664e;
  clip-path:polygon(0 0,100% 0,48% 100%,0 100%);
}
.rm-page .rm-cta-oblique .rm-cta-card img{
  position:relative;
  z-index:1;
  width:100% !important;
  height:100% !important;
  min-height:540px !important;
  object-fit:cover !important;
  object-position:center !important;
}
@media(max-width:980px){
  .rm-page .rm-exovitae-normal .rm-grid{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }
  .rm-page .rm-exovitae-normal .rm-media{
    max-height:none !important;
  }
  .rm-page .rm-cta-oblique .rm-cta-card{
    grid-template-columns:1fr !important;
  }
  .rm-page .rm-cta-oblique .rm-cta-card > div{
    padding-right:56px !important;
  }
  .rm-page .rm-cta-oblique .rm-cta-card > div::after{
    top:auto;
    right:0;
    bottom:-54px;
    width:100%;
    height:108px;
    clip-path:polygon(0 0,100% 48%,100% 100%,0 100%);
  }
}

/* CleoMed light thumbnails: no white straps/borders around images */
.cleo-page .cleo-light-photo{
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  overflow:hidden !important;
}
.cleo-page .cleo-light-photo img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:inherit !important;
}

/* "Mehr Anwendungen. Keine Consumables." = normal two-column CleoMed section */
.cleo-page .cleo-consumables-normal{
  padding-top:78px !important;
  padding-bottom:78px !important;
}
.cleo-page .cleo-consumables-normal > .wrap.grid{
  overflow:visible !important;
  border-radius:0 !important;
  background:transparent !important;
  align-items:center !important;
  gap:56px !important;
}
.cleo-page .cleo-consumables-normal .copy{
  position:relative !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
}
.cleo-page .cleo-consumables-normal .copy::before,
.cleo-page .cleo-consumables-normal .copy::after{
  content:none !important;
}
.cleo-page .cleo-consumables-normal .media{
  position:relative !important;
  min-height:0 !important;
  overflow:hidden !important;
  border-radius:32px !important;
}
.cleo-page .cleo-consumables-normal .media img{
  position:static !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  object-fit:cover !important;
  border-radius:32px !important;
}

/* Final CleoMed CTA only: green text panel with oblique photo transition */
.cleo-page .cleo-final-oblique > .wrap{
  position:relative;
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr) !important;
  gap:0 !important;
  align-items:stretch !important;
  overflow:hidden;
  border-radius:44px;
  background:var(--green,#626c50);
  min-height:470px;
}
.cleo-page .cleo-final-oblique > .wrap > .copy{
  position:relative;
  z-index:3;
  max-width:none !important;
  padding:70px 92px 70px 72px !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:#fff !important;
}
.cleo-page .cleo-final-oblique > .wrap > .copy::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  right:-126px;
  width:250px;
  height:100%;
  background:var(--green,#626c50);
  clip-path:polygon(0 0,100% 0,50% 100%,0 100%);
}
.cleo-page .cleo-final-oblique > .wrap > .media{
  position:relative;
  z-index:1;
  min-height:470px;
  overflow:hidden;
  border-radius:0 !important;
}
.cleo-page .cleo-final-oblique > .wrap > .media img{
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:0 !important;
}
@media(max-width:760px){
  .cleo-page .cleo-final-oblique > .wrap{
    display:flex !important;
    flex-direction:column;
    min-height:0;
    border-radius:30px;
  }
  .cleo-page .cleo-final-oblique > .wrap > .copy{
    padding:42px 28px 50px !important;
  }
  .cleo-page .cleo-final-oblique > .wrap > .copy::after{
    top:auto;
    right:0;
    bottom:-54px;
    width:100%;
    height:108px;
    clip-path:polygon(0 0,100% 48%,100% 100%,0 100%);
  }
  .cleo-page .cleo-final-oblique > .wrap > .media{
    min-height:300px;
  }
}

/* Glacienne "Premium ohne Downtime." = normal two-column section */
.gl-page .gl-premium-normal{
  padding-top:78px !important;
  padding-bottom:78px !important;
}
.gl-page .gl-premium-normal > .wrap.grid{
  overflow:visible !important;
  border-radius:0 !important;
  background:transparent !important;
  align-items:center !important;
  gap:56px !important;
}
.gl-page .gl-premium-normal .copy{
  position:relative !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
}
.gl-page .gl-premium-normal .copy::before,
.gl-page .gl-premium-normal .copy::after{
  content:none !important;
}
.gl-page .gl-premium-normal .media{
  position:relative !important;
  min-height:0 !important;
  overflow:hidden !important;
  border-radius:32px !important;
}
.gl-page .gl-premium-normal .media img{
  position:static !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  object-fit:cover !important;
  border-radius:32px !important;
}

/* Final Glacienne CTA only = oblique green/photo transition */
.gl-page .gl-final-oblique{
  background:transparent !important;
  padding:64px 0 !important;
}
.gl-page .gl-final-oblique > .wrap{
  position:relative;
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr) !important;
  gap:0 !important;
  align-items:stretch !important;
  overflow:hidden;
  border-radius:44px;
  background:var(--green,#626c50);
  min-height:470px;
}
.gl-page .gl-final-oblique > .wrap > .copy{
  position:relative;
  z-index:3;
  max-width:none !important;
  padding:70px 92px 70px 72px !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:#fff !important;
}
.gl-page .gl-final-oblique > .wrap > .copy::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  right:-126px;
  width:250px;
  height:100%;
  background:var(--green,#626c50);
  clip-path:polygon(0 0,100% 0,50% 100%,0 100%);
}
.gl-page .gl-final-oblique > .wrap > .media{
  position:relative;
  z-index:1;
  min-height:470px;
  overflow:hidden;
  border-radius:0 !important;
}
.gl-page .gl-final-oblique > .wrap > .media img{
  position:absolute !important;
  inset:0;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:0 !important;
}
@media(max-width:760px){
  .gl-page .gl-final-oblique > .wrap{
    display:flex !important;
    flex-direction:column;
    min-height:0;
    border-radius:30px;
  }
  .gl-page .gl-final-oblique > .wrap > .copy{
    padding:42px 28px 50px !important;
  }
  .gl-page .gl-final-oblique > .wrap > .copy::after{
    top:auto;
    right:0;
    bottom:-54px;
    width:100%;
    height:108px;
    clip-path:polygon(0 0,100% 48%,100% 100%,0 100%);
  }
  .gl-page .gl-final-oblique > .wrap > .media{
    min-height:300px;
  }
}

.sl-page .sl-wirkstoffe-compact{padding:72px 0!important}
.sl-page .sl-wirkstoffe-compact>.wrap.grid{display:grid!important;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr)!important;gap:60px!important;align-items:center!important;overflow:visible!important;background:transparent!important;border-radius:0!important}
.sl-page .sl-wirkstoffe-compact .media{grid-column:1!important;grid-row:1!important;position:relative!important;width:100%!important;max-width:470px!important;aspect-ratio:1/1!important;min-height:0!important;overflow:hidden!important;border-radius:30px!important}
.sl-page .sl-wirkstoffe-compact .media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:0!important}
.sl-page .sl-wirkstoffe-compact .copy{grid-column:2!important;grid-row:1!important;max-width:680px!important;padding:0!important;margin:0!important}
.sl-page .sl-wirkstoffe-compact .copy:before,.sl-page .sl-wirkstoffe-compact .copy:after{content:none!important}
.sl-page .sl-wirkstoffe-compact h2{font-size:clamp(42px,4vw,62px)!important;line-height:1!important;letter-spacing:-.04em!important;margin:12px 0 22px!important}
.sl-page .sl-wirkstoffe-compact .lead{font-size:20px!important;line-height:1.5!important}
.sl-page .sl-wirkstoffe-compact p{font-size:16px!important;line-height:1.65!important}
@media(max-width:800px){.sl-page .sl-wirkstoffe-compact>.wrap.grid{grid-template-columns:1fr!important;gap:30px!important}.sl-page .sl-wirkstoffe-compact .media,.sl-page .sl-wirkstoffe-compact .copy{grid-column:1!important}.sl-page .sl-wirkstoffe-compact .media{grid-row:1!important}.sl-page .sl-wirkstoffe-compact .copy{grid-row:2!important}}

/* FINAL FIX: Skin Longevity "Vier Wirkstoffe. Ein Konzept." */
section.sl-actives-small{
  padding:64px 0 !important;
  min-height:0 !important;
}
section.sl-actives-small > .wrap{
  display:grid !important;
  grid-template-columns:440px minmax(0,1fr) !important;
  gap:58px !important;
  align-items:center !important;
  width:min(1240px,calc(100% - 44px)) !important;
  margin:0 auto !important;
  overflow:visible !important;
  border-radius:0 !important;
  background:transparent !important;
}
section.sl-actives-small .media{
  grid-column:1 !important;
  grid-row:1 !important;
  position:relative !important;
  width:440px !important;
  height:440px !important;
  min-height:0 !important;
  max-height:440px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:30px !important;
}
section.sl-actives-small .media img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center !important;
  margin:0 !important;
  border-radius:0 !important;
}
section.sl-actives-small .copy{
  grid-column:2 !important;
  grid-row:1 !important;
  position:relative !important;
  max-width:650px !important;
  width:auto !important;
  padding:0 !important;
  margin:0 !important;
}
section.sl-actives-small .copy::before,
section.sl-actives-small .copy::after{
  content:none !important;
  display:none !important;
}
section.sl-actives-small h2{
  font-size:clamp(38px,3.2vw,52px) !important;
  line-height:1.02 !important;
  letter-spacing:-.035em !important;
  margin:10px 0 20px !important;
  max-width:620px !important;
}
section.sl-actives-small .lead{
  font-size:19px !important;
  line-height:1.5 !important;
  margin-bottom:18px !important;
}
section.sl-actives-small p:not(.lead){
  font-size:15.5px !important;
  line-height:1.62 !important;
  margin-bottom:14px !important;
}
@media(max-width:900px){
  section.sl-actives-small > .wrap{
    grid-template-columns:1fr !important;
    gap:30px !important;
  }
  section.sl-actives-small .media{
    grid-column:1 !important;
    grid-row:1 !important;
    width:min(100%,440px) !important;
    height:auto !important;
    aspect-ratio:1/1 !important;
  }
  section.sl-actives-small .copy{
    grid-column:1 !important;
    grid-row:2 !important;
    max-width:680px !important;
  }
}

/* FINAL RM STAR CTA — true oblique green/photo edge */
section.rm-final-oblique-true .rm-cta-card{
  position:relative !important;
  display:grid !important;
  grid-template-columns:55% 45% !important;
  gap:0 !important;
  overflow:hidden !important;
  border-radius:44px !important;
  background:#5f664e !important;
}
section.rm-final-oblique-true .rm-cta-card > div{
  position:relative !important;
  z-index:3 !important;
  padding:70px 130px 70px 72px !important;
  background:#5f664e !important;
}
section.rm-final-oblique-true .rm-cta-card > div::after{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  top:0 !important;
  right:-165px !important;
  width:330px !important;
  height:100% !important;
  background:#5f664e !important;
  clip-path:polygon(0 0,100% 0,42% 100%,0 100%) !important;
  pointer-events:none !important;
}
section.rm-final-oblique-true .rm-cta-card img{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  height:100% !important;
  min-height:520px !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:0 !important;
}
section.rm-final-oblique-true .rm-cta-card .btn{
  width:auto !important;
  align-self:flex-start !important;
}
@media(max-width:900px){
  section.rm-final-oblique-true .rm-cta-card{
    display:flex !important;
    flex-direction:column !important;
  }
  section.rm-final-oblique-true .rm-cta-card > div{
    padding:46px 28px 58px !important;
  }
  section.rm-final-oblique-true .rm-cta-card > div::after{
    top:auto !important;
    right:0 !important;
    bottom:-55px !important;
    width:100% !important;
    height:110px !important;
    clip-path:polygon(0 0,100% 48%,100% 100%,0 100%) !important;
  }
  section.rm-final-oblique-true .rm-cta-card img{
    min-height:320px !important;
  }
}

/* FINAL GLACIENNE CTA — compact oblique slider */
.gl-page section.gl-final-compact-oblique{
  background:transparent !important;
  padding:44px 0 !important;
}
.gl-page section.gl-final-compact-oblique > .wrap{
  position:relative !important;
  display:grid !important;
  grid-template-columns:54% 46% !important;
  gap:0 !important;
  align-items:stretch !important;
  width:min(1240px,calc(100% - 44px)) !important;
  margin:0 auto !important;
  min-height:360px !important;
  max-height:420px !important;
  overflow:hidden !important;
  border-radius:36px !important;
  background:#5f664e !important;
}
.gl-page section.gl-final-compact-oblique .copy{
  position:relative !important;
  z-index:3 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  max-width:none !important;
  padding:50px 110px 50px 54px !important;
  margin:0 !important;
  color:#fff !important;
}
.gl-page section.gl-final-compact-oblique .copy::before{
  content:none !important;
}
.gl-page section.gl-final-compact-oblique .copy::after{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  top:0 !important;
  right:-145px !important;
  width:290px !important;
  height:100% !important;
  background:#5f664e !important;
  clip-path:polygon(0 0,100% 0,44% 100%,0 100%) !important;
  pointer-events:none !important;
}
.gl-page section.gl-final-compact-oblique .media{
  position:relative !important;
  z-index:1 !important;
  min-height:360px !important;
  height:100% !important;
  overflow:hidden !important;
  border-radius:0 !important;
  margin:0 !important;
}
.gl-page section.gl-final-compact-oblique .media img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:0 !important;
}
.gl-page section.gl-final-compact-oblique .eyebrow,
.gl-page section.gl-final-compact-oblique h2,
.gl-page section.gl-final-compact-oblique p{
  color:#fff !important;
}
.gl-page section.gl-final-compact-oblique h2{
  font-size:clamp(38px,3.5vw,54px) !important;
  line-height:1 !important;
  letter-spacing:-.035em !important;
  margin:10px 0 18px !important;
  max-width:560px !important;
}
.gl-page section.gl-final-compact-oblique p{
  font-size:16px !important;
  line-height:1.55 !important;
  max-width:560px !important;
  margin-bottom:18px !important;
}
.gl-page section.gl-final-compact-oblique .btn{
  align-self:flex-start !important;
  width:auto !important;
  margin-top:2px !important;
  padding:15px 24px !important;
  background:#fff !important;
  color:#263022 !important;
  border-color:#fff !important;
}
@media(max-width:900px){
  .gl-page section.gl-final-compact-oblique > .wrap{
    display:flex !important;
    flex-direction:column !important;
    max-height:none !important;
    min-height:0 !important;
  }
  .gl-page section.gl-final-compact-oblique .copy{
    padding:40px 26px 52px !important;
  }
  .gl-page section.gl-final-compact-oblique .copy::after{
    top:auto !important;
    right:0 !important;
    bottom:-48px !important;
    width:100% !important;
    height:96px !important;
    clip-path:polygon(0 0,100% 50%,100% 100%,0 100%) !important;
  }
  .gl-page section.gl-final-compact-oblique .media{
    min-height:280px !important;
  }
}

/* CLEAN FINAL GLACIENNE OBLIQUE CTA */
.gl-final-oblique-clean{
  background:transparent !important;
  padding:46px 0 !important;
}
.gl-final-oblique-clean .gl-final-card{
  position:relative !important;
  display:grid !important;
  grid-template-columns:56% 44% !important;
  width:min(1240px,calc(100% - 44px)) !important;
  min-height:390px !important;
  max-height:420px !important;
  margin:0 auto !important;
  gap:0 !important;
  overflow:hidden !important;
  border-radius:38px !important;
  background:#5f664e !important;
}
.gl-final-oblique-clean .copy{
  position:relative !important;
  z-index:3 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:52px 122px 52px 58px !important;
  margin:0 !important;
  max-width:none !important;
  color:#fff !important;
  background:#5f664e !important;
}
.gl-final-oblique-clean .copy::before{
  content:none !important;
  display:none !important;
}
.gl-final-oblique-clean .copy::after{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  top:0 !important;
  right:-170px !important;
  width:340px !important;
  height:100% !important;
  background:#5f664e !important;
  clip-path:polygon(0 0,100% 0,48% 100%,0 100%) !important;
}
.gl-final-oblique-clean .media{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  height:100% !important;
  min-height:390px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:0 !important;
}
.gl-final-oblique-clean .media img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
}
.gl-final-oblique-clean .eyebrow,
.gl-final-oblique-clean h2,
.gl-final-oblique-clean p{
  color:#fff !important;
}
.gl-final-oblique-clean h2{
  font-size:clamp(40px,3.4vw,56px) !important;
  line-height:1 !important;
  letter-spacing:-.035em !important;
  max-width:560px !important;
  margin:10px 0 18px !important;
}
.gl-final-oblique-clean p{
  font-size:16px !important;
  line-height:1.55 !important;
  max-width:560px !important;
  margin:0 0 18px !important;
}
.gl-final-oblique-clean .btn{
  align-self:flex-start !important;
  width:auto !important;
  margin-top:2px !important;
  padding:15px 24px !important;
  background:#fff !important;
  color:#263022 !important;
  border-color:#fff !important;
}
@media(max-width:900px){
  .gl-final-oblique-clean .gl-final-card{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
    max-height:none !important;
  }
  .gl-final-oblique-clean .copy{
    padding:42px 28px 54px !important;
  }
  .gl-final-oblique-clean .copy::after{
    top:auto !important;
    right:0 !important;
    bottom:-52px !important;
    width:100% !important;
    height:104px !important;
    clip-path:polygon(0 0,100% 50%,100% 100%,0 100%) !important;
  }
  .gl-final-oblique-clean .media{
    min-height:300px !important;
    height:58vw !important;
  }
}

/* CleoMed final CTA — compact true oblique slider */
.cleo-page section.cleo-final-oblique-true{background:transparent!important;padding:48px 0!important}
.cleo-page section.cleo-final-oblique-true>.wrap{
 position:relative!important;display:grid!important;grid-template-columns:56% 44%!important;
 width:min(1240px,calc(100% - 44px))!important;min-height:390px!important;max-height:430px!important;
 margin:0 auto!important;gap:0!important;align-items:stretch!important;overflow:hidden!important;
 border-radius:38px!important;background:#5f664e!important
}
.cleo-page section.cleo-final-oblique-true .copy{
 position:relative!important;z-index:3!important;display:flex!important;flex-direction:column!important;
 justify-content:center!important;max-width:none!important;padding:54px 122px 54px 58px!important;
 margin:0!important;color:#fff!important;background:#5f664e!important
}
.cleo-page section.cleo-final-oblique-true .copy:before{content:none!important;display:none!important}
.cleo-page section.cleo-final-oblique-true .copy:after{
 content:""!important;position:absolute!important;z-index:-1!important;top:0!important;right:-170px!important;
 width:340px!important;height:100%!important;background:#5f664e!important;
 clip-path:polygon(0 0,100% 0,48% 100%,0 100%)!important
}
.cleo-page section.cleo-final-oblique-true .media{
 position:relative!important;z-index:1!important;width:100%!important;height:100%!important;
 min-height:390px!important;margin:0!important;padding:0!important;overflow:hidden!important;border-radius:0!important
}
.cleo-page section.cleo-final-oblique-true .media img{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 max-width:none!important;object-fit:cover!important;object-position:center!important;border-radius:0!important
}
.cleo-page section.cleo-final-oblique-true .eyebrow,
.cleo-page section.cleo-final-oblique-true h2,
.cleo-page section.cleo-final-oblique-true p{color:#fff!important}
.cleo-page section.cleo-final-oblique-true h2{
 font-size:clamp(40px,3.4vw,56px)!important;line-height:1!important;letter-spacing:-.035em!important;margin:10px 0 18px!important
}
.cleo-page section.cleo-final-oblique-true p{font-size:16px!important;line-height:1.55!important;max-width:560px!important}
.cleo-page section.cleo-final-oblique-true .btn{
 align-self:flex-start!important;width:auto!important;margin-top:4px!important;padding:15px 24px!important;
 background:#fff!important;color:#263022!important;border-color:#fff!important
}
@media(max-width:900px){
 .cleo-page section.cleo-final-oblique-true>.wrap{display:flex!important;flex-direction:column!important;min-height:0!important;max-height:none!important}
 .cleo-page section.cleo-final-oblique-true .copy{padding:42px 28px 54px!important}
 .cleo-page section.cleo-final-oblique-true .copy:after{
  top:auto!important;right:0!important;bottom:-52px!important;width:100%!important;height:104px!important;
  clip-path:polygon(0 0,100% 50%,100% 100%,0 100%)!important
 }
 .cleo-page section.cleo-final-oblique-true .media{min-height:300px!important}
}

.cleo-final-oblique-clean{background:transparent!important;padding:48px 0!important}
.cleo-final-oblique-clean .cleo-final-card{position:relative!important;display:grid!important;grid-template-columns:56% 44%!important;width:min(1240px,calc(100% - 44px))!important;min-height:390px!important;max-height:430px!important;margin:0 auto!important;gap:0!important;overflow:hidden!important;border-radius:38px!important;background:#5f664e!important}
.cleo-final-oblique-clean .copy{position:relative!important;z-index:3!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:54px 122px 54px 58px!important;margin:0!important;max-width:none!important;color:#fff!important;background:#5f664e!important}
.cleo-final-oblique-clean .copy:before{content:none!important;display:none!important}
.cleo-final-oblique-clean .copy:after{content:""!important;position:absolute!important;z-index:-1!important;top:0!important;right:-170px!important;width:340px!important;height:100%!important;background:#5f664e!important;clip-path:polygon(0 0,100% 0,48% 100%,0 100%)!important}
.cleo-final-oblique-clean .media{position:relative!important;z-index:1!important;min-height:390px!important;overflow:hidden!important;margin:0!important;padding:0!important;border-radius:0!important}
.cleo-final-oblique-clean .media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:0!important}
.cleo-final-oblique-clean .eyebrow,.cleo-final-oblique-clean h2,.cleo-final-oblique-clean p{color:#fff!important}
.cleo-final-oblique-clean h2{font-size:clamp(40px,3.4vw,56px)!important;line-height:1!important;letter-spacing:-.035em!important;margin:10px 0 18px!important}
.cleo-final-oblique-clean p{font-size:16px!important;line-height:1.55!important;max-width:560px!important}
.cleo-final-oblique-clean .btn{align-self:flex-start!important;width:auto!important;margin-top:4px!important;padding:15px 24px!important;background:#fff!important;color:#263022!important;border-color:#fff!important}
@media(max-width:900px){.cleo-final-oblique-clean .cleo-final-card{display:flex!important;flex-direction:column!important;min-height:0!important;max-height:none!important}.cleo-final-oblique-clean .copy{padding:42px 28px 54px!important}.cleo-final-oblique-clean .copy:after{top:auto!important;right:0!important;bottom:-52px!important;width:100%!important;height:104px!important;clip-path:polygon(0 0,100% 50%,100% 100%,0 100%)!important}.cleo-final-oblique-clean .media{min-height:300px!important}}

/* SculptiCore 2026 - Muscle Longevity */
.sculpt-page .sculpt-hero{min-height:680px;background-position:center center;color:#fff;position:relative;display:flex;align-items:center}
.sculpt-page .sculpt-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,18,18,.64),rgba(22,18,18,.32) 42%,rgba(22,18,18,.06) 72%)}
.sculpt-page .sculpt-hero .wrap{position:relative;z-index:1;width:100%}
.sculpt-page .sculpt-hero p{max-width:620px;font-size:20px}
.sculpt-page .dark{background:#4f5640;color:#fff}.sculpt-page .dark p{color:rgba(255,255,255,.72)}
.sculpt-page .sculpt-video{max-width:1120px;margin:34px auto 0}.sculpt-page .dermanelle-video-frame{aspect-ratio:16/9;border-radius:38px;box-shadow:0 24px 60px rgba(0,0,0,.12)}
.sculpt-page .textlink{display:inline-block;margin-top:16px;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.sculpt-page .sculpt-note{max-width:1000px;margin:30px auto 0;font-size:12px;line-height:1.6}
.sculpt-page .media-card img{width:100%;height:100%;object-fit:cover}
.sculpt-page .media-card img[src*="device-packshot"]{object-fit:contain;padding:40px;background:#e8ddd7}
@media(max-width:760px){.sculpt-page .sculpt-hero{min-height:590px;background-position:62% center}.sculpt-page .sculpt-hero:before{background:linear-gradient(90deg,rgba(22,18,18,.7),rgba(22,18,18,.35) 65%,rgba(22,18,18,.12))}.sculpt-page .dermanelle-video-frame{border-radius:26px}}

/* SculptiCore refinement 2026-08-20 */
.sculpt-page .sculpt-hero .wrap{width:min(1240px,calc(100% - 44px))!important;margin:0 auto!important;padding:0!important}
.sculpt-page .sculpt-hero{align-items:center!important}
.sculpt-page .sculpt-hero .wrap{transform:translateY(14px)}
.sculpt-page .sculpt-hero h1{max-width:720px}
.sculpt-page .sculpt-hero p{max-width:680px}
.sculpt-page .media-card img[src*="device-packshot"]{object-fit:cover!important;object-position:center center!important;padding:0!important;background:transparent!important}
.sculpt-highlights{padding:34px 0 18px!important;background:#5f664e!important;color:#fff}
.sculpt-highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.28)}
.sculpt-highlight{padding:28px 22px 26px;border-right:1px solid rgba(255,255,255,.22)}
.sculpt-highlight:last-child{border-right:0}
.sculpt-highlight strong{display:block;font-size:clamp(28px,3vw,44px);line-height:1;letter-spacing:-.045em;font-weight:500;margin-bottom:10px}
.sculpt-highlight span{display:block;font-size:12px;line-height:1.55;color:rgba(255,255,255,.78)}
.sculpt-highlight-note{font-size:10px;line-height:1.55;color:rgba(255,255,255,.62);margin:12px 0 0;max-width:1050px}
.sculpt-treatment .stat strong{font-size:clamp(24px,2.3vw,36px)}
.sculpt-treatment .stat span{font-size:12px;line-height:1.45}
.sculpt-comfort{margin-top:46px;padding:30px 34px;border:1px solid rgba(255,255,255,.22);border-radius:26px;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}
.sculpt-comfort h3{font-size:clamp(30px,3vw,48px);line-height:1.02;letter-spacing:-.04em;margin:8px 0 0;font-weight:500}
.sculpt-comfort p{margin:0;font-size:16px;line-height:1.7}
@media(max-width:900px){.sculpt-highlight-grid{grid-template-columns:1fr 1fr}.sculpt-highlight:nth-child(2){border-right:0}.sculpt-highlight:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.22)}.sculpt-comfort{grid-template-columns:1fr;gap:16px}.sculpt-page .sculpt-hero .wrap{transform:none}}
@media(max-width:640px){.sculpt-page .sculpt-hero .wrap{width:min(100% - 28px,1240px)!important}.sculpt-highlight-grid{grid-template-columns:1fr}.sculpt-highlight{border-right:0;border-bottom:1px solid rgba(255,255,255,.22)}.sculpt-highlight:last-child{border-bottom:0}.sculpt-highlight:nth-child(2){border-bottom:1px solid rgba(255,255,255,.22)}.sculpt-highlights{padding-top:22px!important}.sculpt-comfort{padding:24px}}

/* SculptiCore before/after comparison */
.sculpt-ba-results .section-head{margin-bottom:28px}
.sculpt-ba-grid{grid-template-columns:repeat(3,1fr);gap:22px}
.sculpt-ba-grid .gl-ba-card{border-radius:24px}
.sculpt-ba-grid .gl-ba{aspect-ratio:2.05/1}
.sculpt-ba-grid .gl-ba>img,.sculpt-ba-grid .gl-ba-after img{object-fit:cover}
.sculpt-ba-grid .gl-ba-handle{width:46px;height:46px}
@media(max-width:980px){.sculpt-ba-grid{grid-template-columns:1fr 1fr}.sculpt-ba-grid .gl-ba-card:last-child{grid-column:1/-1;max-width:calc(50% - 11px);justify-self:center;width:100%}}
@media(max-width:760px){.sculpt-ba-grid{grid-template-columns:1fr}.sculpt-ba-grid .gl-ba-card:last-child{grid-column:auto;max-width:none}.sculpt-ba-grid .gl-ba{aspect-ratio:2.05/1}}
/* MesoVitae visual listings */
.journey-visual a,.journey-visual article{padding:0;overflow:hidden;justify-content:flex-start;min-height:0;background:rgba(255,255,255,.5)}
.journey-visual .journey-photo{width:100%;aspect-ratio:1.12/1;object-fit:cover;display:block;border-bottom:1px solid var(--line)}
.journey-visual .num{margin:16px 20px 0;display:block}
.journey-visual a>div,.journey-visual article>div{padding:0 20px 22px;margin-top:auto}
.journey-visual h3{font-size:22px;margin:12px 0 8px}
@media(max-width:980px){.journey-visual .journey-photo{aspect-ratio:1.35/1}}

/* MesoVitae comparison section */
.meso-compare{background:var(--brand-green,#5f684f);color:#fff}
.meso-compare .eyebrow,.meso-compare .section-title,.meso-compare .lead{color:#fff}
.meso-compare-intro{max-width:920px;margin-bottom:32px;opacity:.9}
.meso-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.meso-compare-card{border:1px solid rgba(255,255,255,.23);border-radius:28px;padding:30px;background:rgba(255,255,255,.035);display:flex;flex-direction:column;min-height:430px}
.meso-compare-card.featured{background:rgba(255,255,255,.09)}
.meso-compare-top{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.meso-compare-top .num{font-size:13px;letter-spacing:.12em;opacity:.7}
.meso-compare-card h3{font-size:clamp(26px,2.2vw,38px);margin:0;color:#fff}
.meso-compare-card p{font-size:17px;line-height:1.65;color:rgba(255,255,255,.88)}
.meso-compare-card ul{margin:10px 0 24px;padding:0;list-style:none;display:grid;gap:12px}
.meso-compare-card li{position:relative;padding-left:22px;line-height:1.5;color:rgba(255,255,255,.92)}
.meso-compare-card li:before{content:'—';position:absolute;left:0;top:0;opacity:.7}
.meso-compare-card .text-link{margin-top:auto;color:#fff;text-decoration:none;font-weight:600}
.meso-compare-badge{margin-top:auto;align-self:flex-start;border:1px solid rgba(255,255,255,.36);border-radius:999px;padding:10px 15px;font-size:14px}
.meso-compare-note{margin-top:18px;border:1px solid rgba(255,255,255,.2);border-radius:22px;padding:18px 22px;display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.035)}
.meso-compare-note strong{white-space:nowrap}
.meso-compare-note span{color:rgba(255,255,255,.86)}
@media(max-width:760px){.meso-compare-grid{grid-template-columns:1fr}.meso-compare-card{min-height:0;padding:24px}.meso-compare-note{flex-direction:column}.meso-compare-note strong{white-space:normal}}
/* Hydréve handpiece section – compact BeautyGlow-style technology cards. */
.hyd-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:22px!important;align-items:start}
.hyd-card{width:100%;min-width:0;border:0!important;border-radius:28px!important;overflow:hidden;background:#fff!important;box-shadow:none}
.hyd-card img{display:block;width:100%;height:auto;aspect-ratio:1/1!important;object-fit:cover!important;object-position:center!important;padding:0!important;background:#f4f4f1;box-sizing:border-box}
.hyd-card .hyd-copy{min-height:245px;padding:28px 25px 30px!important;background:#fff}
.hyd-card .hyd-copy .num{margin-bottom:28px!important}
.hyd-card .hyd-copy h3{font-size:1.08rem!important;line-height:1.38;overflow-wrap:anywhere}
.hyd-card .hyd-copy p{font-size:.9rem!important;line-height:1.65}
@media(max-width:1200px){.hyd-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.hyd-card .hyd-copy{min-height:210px}}
@media(max-width:760px){.hyd-grid{grid-template-columns:1fr!important}.hyd-card{max-width:420px;margin-inline:auto}.hyd-card .hyd-copy{min-height:0}}
/* Technologies overview hero image. */
section.pagehero.visual[style*="technologien-hero-hydreve.png"]{background-image:linear-gradient(90deg,rgba(15,18,14,.68) 0%,rgba(15,18,14,.44) 46%,rgba(15,18,14,.20) 100%),url('assets/hydreve-treatment-device-professional.png')!important}
/* Global premium shadow for large main hero-slider headlines. */
.hero h1,
.pagehero.visual h1,
.sl-hero h1,
.rm-hero h1,
.rm-hero-visual h1,
.meso-hero h1,
.meso-hero-visual h1,
.gl-hero h1,
.gl-hero-visual h1,
.cleo-hero h1,
.cleo-hero-visual h1,
.sculpt-hero h1,
.wirkstoffe-hero h1,
.janus-hero h1,
main>section:first-child[class*="hero"] h1{
  text-shadow:0 3px 18px rgba(18,18,16,.42),0 1px 3px rgba(18,18,16,.38)!important;
}
/* Responsive Hydréve treatment video. */
.hyd-video-head{text-align:center}.hyd-video-head .hyd-max{margin-left:auto;margin-right:auto}.hyd-video{position:relative;width:min(100%,1000px);margin:38px auto 0;padding-top:56.25%;overflow:hidden;border-radius:30px;background:#111;box-shadow:0 22px 52px rgba(35,31,27,.14)}.hyd-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.hyd-video-section{overflow:hidden}
@media(max-width:700px){.hyd-video{border-radius:22px;margin-top:28px}}
/* Dermanelle Instagram live preview on the homepage. */
.dn-instagram-live{padding:105px 0;background:#e8d6c5;color:#4f5640}.dn-instagram-live .container{width:min(100% - 48px,1240px);margin-inline:auto}.dn-instagram-live__header{max-width:780px;margin:0 auto 44px;text-align:center}.dn-instagram-live__eyebrow{margin:0 0 14px;font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:#69705c}.dn-instagram-live__header h2{margin:0 0 18px;font-size:clamp(44px,5.5vw,74px);line-height:.98;letter-spacing:-.05em;font-weight:500}.dn-instagram-live__header>p:last-child{max-width:700px;margin:0 auto;color:#6e726a;font-size:17px;line-height:1.7}.dn-instagram-live__frame{width:min(100%,780px);height:720px;margin:0 auto;overflow:hidden;border-radius:30px;background:#fff;box-shadow:0 22px 55px rgba(35,31,27,.12)}.dn-instagram-live__frame iframe{display:block;width:100%;height:100%;border:0;background:#fff}.dn-instagram-live__fallback{text-align:center;margin-top:24px}.dn-instagram-live__fallback a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;background:#4f5640;color:#fff;font-weight:600}.footer-instagram{display:inline-flex!important;align-items:center;gap:9px;margin-top:16px;color:inherit!important;font-size:14px}.footer-instagram svg{width:18px;height:18px;flex:0 0 18px}.footer-instagram:hover{opacity:.72}@media(max-width:700px){.dn-instagram-live{padding:76px 0}.dn-instagram-live .container{width:min(100% - 28px,1240px)}.dn-instagram-live__frame{height:600px;border-radius:22px}.dn-instagram-live__header{margin-bottom:32px}}

/* Persistent navigation on desktop and mobile. */
:root{--announce-height:32px;--header-height:78px}
body{padding-top:calc(var(--announce-height) + var(--header-height))}
.announce{position:fixed!important;inset:0 0 auto 0;z-index:1001;height:var(--announce-height);padding:0 14px!important;display:flex;align-items:center;justify-content:center;white-space:nowrap}
.site-header{position:fixed!important;inset:var(--announce-height) 0 auto 0;z-index:1000!important;width:100%}
@media(max-width:980px){
  .hamb{position:relative;z-index:2}
  .mobile-panel.open{position:fixed!important;top:calc(var(--announce-height) + var(--header-height))!important;max-height:calc(100dvh - var(--announce-height) - var(--header-height))!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
}
@media(max-width:420px){.announce{font-size:9px;letter-spacing:.1em}}