.subderma-brand{color:#173d52;background:#fff}.subderma-brand__hero{position:relative;background:#dce0e3}.subderma-brand__hero picture,.subderma-brand__hero img{display:block;width:100%;height:auto}.subderma-brand__intro{position:absolute;left:56%;top:50%;transform:translateY(-50%);width:38%;max-width:530px}.subderma-brand__intro h1{font-size:clamp(40px,5vw,76px);font-weight:400;letter-spacing:-.03em;margin:0 0 20px}.subderma-brand__intro p{font-size:clamp(17px,1.6vw,23px);line-height:1.55;margin:0 0 28px}.subderma-brand__cta{display:inline-flex;padding:14px 28px;background:#173d52;color:#fff;border-radius:100px;text-decoration:none}.subderma-brand__nav{max-width:1280px;margin:0 auto;padding:30px 24px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.subderma-brand__nav a{display:flex;align-items:center;justify-content:center;gap:12px;min-height:76px;min-width:165px;padding:6px 24px 6px 10px;border:1px solid #dde4e6;border-radius:100px;color:inherit;text-decoration:none}.subderma-brand__nav img{width:64px;height:64px;object-fit:contain;border-radius:50%}.subderma-brand a:focus-visible{outline:3px solid #1684bf;outline-offset:4px}.subderma-brand__nav a:hover{background:#f0f6f8}.subderma-brand__stories{max-width:1160px;margin:24px auto 0;padding:0 24px}.subderma-brand__story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,90px);align-items:center;margin-bottom:72px}.subderma-brand__story>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:24px}.subderma-brand__story--reverse>img{grid-column:2;grid-row:1}.subderma-brand__story--reverse>div{grid-column:1;grid-row:1}.subderma-brand__story h2{font-size:clamp(28px,3vw,42px);font-weight:400;line-height:1.18;margin:12px 0 22px}.subderma-brand__story p{font-size:17px;line-height:1.7}.subderma-brand__story .subderma-brand__eyebrow{font-size:13px;letter-spacing:.16em}.subderma-brand__story a{display:inline-block;color:inherit;text-underline-offset:5px;margin-top:12px}.subderma-brand__story .subderma-brand__note{font-size:13px;color:#536b78}.subderma-brand__products{text-align:center;font-size:clamp(28px,3vw,42px);font-weight:400;margin:20px 20px 36px;scroll-margin-top:150px}@media(max-width:749px){.subderma-brand__hero{display:flex;flex-direction:column-reverse}.subderma-brand__intro{position:static;transform:none;width:auto;max-width:none;text-align:center;padding:28px 24px}.subderma-brand__intro h1{font-size:42px;margin-bottom:12px}.subderma-brand__intro p{font-size:17px;margin-bottom:20px}.subderma-brand__hero picture img{max-height:480px;object-fit:cover;object-position:center}.subderma-brand__nav{padding:22px 16px;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.subderma-brand__nav a{flex:0 0 auto;min-height:66px;min-width:145px;padding-inline:10px 18px;font-size:14px}.subderma-brand__nav img{width:52px;height:52px}.subderma-brand__stories{padding:0 18px;margin-top:8px}.subderma-brand__story{gap:22px;margin-bottom:40px}.subderma-brand__story>img{aspect-ratio:.68;border-radius:16px}.subderma-brand__story h2{font-size:26px;margin:10px 0 14px}.subderma-brand__story p{font-size:14px;line-height:1.6}.subderma-brand__story .subderma-brand__eyebrow{font-size:11px}.subderma-brand__story .subderma-brand__note{font-size:12px}.subderma-brand__story a{font-size:14px}}@media(max-width:359px){.subderma-brand__story{grid-template-columns:1fr}.subderma-brand__story--reverse>img,.subderma-brand__story--reverse>div{grid-column:auto;grid-row:auto}.subderma-brand__story>img{aspect-ratio:1}}
@media(max-width:749px){.subderma-brand__hero picture{overflow:hidden}.subderma-brand__hero picture img{width:100%;height:100vw;max-height:420px;object-fit:cover;object-position:center bottom}.subderma-brand__nav{padding-top:26px;padding-bottom:26px}.subderma-brand__intro{padding:26px 24px 22px}}

.subderma-brand bdi{white-space:nowrap}

.subderma-brand__intro .subderma-brand__logo{line-height:1;margin-bottom:28px}.subderma-brand__intro .subderma-brand__logo img{width:320px;max-width:100%;height:auto;object-fit:contain}@media(max-width:749px){.subderma-brand__intro .subderma-brand__logo img{width:250px;max-height:none;margin-inline:auto;aspect-ratio:189/23;object-fit:contain}.subderma-brand__intro .subderma-brand__logo{margin-bottom:22px}}

@media(max-width:749px){.subderma-brand__intro{padding:28px 24px}.subderma-brand__intro .subderma-brand__logo{margin:0}}