.dosage-guide-hero{position:relative;isolation:isolate;overflow:hidden;background:#0b1310;color:#f7f3e9}
.dg-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.dosage-guide-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,9,.46),transparent 75%);z-index:-1}
.dg-hero-inner{min-height:440px;display:flex;align-items:center;padding-top:64px;padding-bottom:64px}.dg-hero-copy{max-width:640px}
.dg-hero-copy h1{font-family:var(--font-display);font-size:clamp(48px,6.3vw,84px);line-height:1.04;letter-spacing:-.025em;margin:0 0 24px;color:#fffaf0!important;text-shadow:none;max-width:12ch}
.dg-hero-copy p{font-size:25px;line-height:1.45;color:#e2e3d8;max-width:33ch;margin:0 0 28px;text-shadow:none}
.dg-hero-copy a{display:inline-block;color:#ead8b5;font-size:19px;padding:8px 0;text-decoration:underline;text-underline-offset:7px}.dg-hero-copy a:focus-visible{outline:2px solid #ead8b5;outline-offset:5px}#dosage-guide-list{scroll-margin-top:24px}
@media(max-width:650px){.dg-hero-inner{min-height:430px;padding-top:44px;padding-bottom:150px}.dg-hero-copy h1{font-size:50px}.dg-hero-copy p{font-size:22px;max-width:26ch}.dg-hero-art{object-position:68% center}.dosage-guide-hero:after{background:linear-gradient(180deg,rgba(5,13,9,.88),rgba(5,13,9,.6) 58%,rgba(5,13,9,.18))}}