/* Hydrogen service: the clinic's real photographs and existing green palette. */
.hydrogen-section{background:var(--soft);scroll-margin-top:110px}
.hydrogen-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
.hydrogen-copy h2{font-size:clamp(2rem,3.5vw,2.8rem);line-height:1.8;letter-spacing:.025em}
.hydrogen-copy h2 span{color:var(--green)}
.hydrogen-copy .hydrogen-subtitle{font-size:1.125rem;color:var(--green);margin:22px 0}
.hydrogen-copy>p:not(.eyebrow):not(.hydrogen-subtitle):not(.hydrogen-single-price){font-size:1rem;line-height:2.1;color:var(--muted)}
.hydrogen-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:28px}
.hydrogen-single-price{font-size:.9375rem;margin:18px 0 0;color:var(--muted)}
.hydrogen-single-price strong{font-family:Georgia,serif;font-weight:400;font-size:1.7rem;color:var(--green);margin-inline:5px}
.hydrogen-section figure{margin:0;min-width:0}
.hydrogen-photo{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:3/4;border-radius:5px}
.hydrogen-cover{border-radius:110px 6px 6px 6px;object-position:5% 50%;max-height:640px}
.hydrogen-section figcaption{font-size:.8125rem;color:var(--muted);line-height:1.85;margin-top:12px}
.hydrogen-definition{display:grid;grid-template-columns:230px 1fr;gap:40px;background:white;border-left:3px solid var(--green);padding:32px 36px;margin-top:42px}
.hydrogen-definition h3{font-family:var(--serif);font-size:1.5rem;line-height:1.8;margin:0}
.hydrogen-definition p{font-size:1rem;color:var(--muted);line-height:2;margin:0}
.hydrogen-audience-heading{margin:64px 0 30px}
.hydrogen-audience-heading h3{font-family:var(--serif);font-size:1.9rem;line-height:1.8;margin:0}
.hydrogen-audiences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.hydrogen-audience{border-top:1px solid #a7bdb0;padding-top:24px;min-width:0}
.hydrogen-audience .hydrogen-for{font-size:.875rem;color:var(--green);margin-bottom:16px}
.hydrogen-audience h4{font-family:var(--serif);font-weight:600;font-size:1.4rem;line-height:1.85;margin:0 0 18px}
.hydrogen-audience>p:last-child{font-size:1rem;line-height:2;color:var(--muted);margin-bottom:0}
.hydrogen-care{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;margin-top:70px;padding-top:62px;border-top:1px solid var(--line)}
.hydrogen-care-frame{aspect-ratio:710/850;overflow:hidden;position:relative;border-radius:5px;max-width:430px;background:#e6eee9}
.hydrogen-care-frame img{position:absolute;width:100%;height:auto;max-width:none;top:0;left:0;transform:translateY(-20.84%)}
.hydrogen-care h3{font-family:var(--serif);font-size:2rem;line-height:1.8;margin-bottom:22px}
.hydrogen-care-copy>p:not(.eyebrow){font-size:1rem;line-height:2;color:var(--muted)}
.hydrogen-care-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}
.hydrogen-care-copy .hydrogen-caution{font-size:.875rem;margin-top:20px;margin-bottom:0}
.hydrogen-method{display:grid;grid-template-columns:1fr .85fr;gap:65px;align-items:center;margin-top:70px}
.hydrogen-method h3{font-family:var(--serif);font-size:2rem;line-height:1.8;margin-bottom:28px}
.hydrogen-method-photo{object-position:80% 50%;max-height:580px}
.hydrogen-steps{list-style:none;padding:0;margin:0;counter-reset:hydrogen-step}
.hydrogen-steps li{display:grid;grid-template-columns:36px 1fr;gap:16px;border-top:1px solid var(--line);padding:21px 0}
.hydrogen-steps li:before{counter-increment:hydrogen-step;content:'0' counter(hydrogen-step);font:1.35rem/1.6 Georgia,serif;color:var(--green)}
.hydrogen-steps h4{font-size:1.0625rem;font-weight:600;line-height:1.85;margin:0 0 8px}
.hydrogen-steps p{font-size:1rem;color:var(--muted);line-height:1.95;margin:0}
.hydrogen-faq{margin-top:48px;display:grid;grid-template-columns:1fr 1.65fr;gap:50px}
.hydrogen-faq>h3{font-family:var(--serif);font-size:1.55rem;line-height:1.8;margin-top:12px}
.hydrogen-faq details{border-bottom:1px solid var(--line)}
.hydrogen-faq details>p{font-size:1rem;line-height:2}
.hydrogen-notice{font-size:.875rem;color:var(--muted);line-height:1.95;margin-top:24px;margin-bottom:0}
.hydrogen-invite{margin-top:55px;display:grid;grid-template-columns:1fr .8fr;gap:48px;align-items:center;background:var(--green);color:white;padding:40px;border-radius:6px;scroll-margin-top:120px}
.hydrogen-invite h3{font-family:var(--serif);font-size:1.8rem;line-height:1.85;margin:0 0 20px}
.hydrogen-invite .eyebrow{color:#d4e4d9}
.hydrogen-invite p:not(.eyebrow){color:#e4eee8;font-size:1rem;line-height:2}
.hydrogen-invite .hydrogen-actions{gap:12px;margin-top:24px}
.hydrogen-invite .button{font-size:.9375rem;padding-inline:19px}
.hydrogen-invite .hydrogen-invite-note{font-size:.875rem;margin:15px 0 0}
.hydrogen-invite figcaption{color:#e4eee8}
.hydrogen-space-photo{aspect-ratio:4/3;object-position:50% 70%}
.hydrogen-price-link{display:inline-block;margin-top:15px;font-size:.9375rem;border-bottom:1px solid #b8d2c6;padding-bottom:3px}
@media(min-width:981px) and (max-width:1200px){.header{padding-inline:2%}.header nav{gap:16px}.header nav>a{font-size:.8125rem}.header .brand strong{font-size:1.5rem}.hydrogen-intro{gap:35px}}
@media(max-width:980px){.hydrogen-intro{gap:36px}.hydrogen-copy h2{font-size:2rem}.hydrogen-actions .button{font-size:.9375rem;padding-inline:20px}.hydrogen-definition{grid-template-columns:190px 1fr;gap:25px}.hydrogen-audiences{gap:25px}.hydrogen-audience h4{font-size:1.2rem}.hydrogen-care,.hydrogen-method{gap:35px}.hydrogen-care h3,.hydrogen-method h3{font-size:1.7rem}.hydrogen-invite{gap:28px;padding:30px}.hydrogen-invite h3{font-size:1.6rem}}
@media(max-width:720px){.hydrogen-intro{grid-template-columns:1fr;gap:32px}.hydrogen-copy h2{font-size:2rem;line-height:1.8}.hydrogen-cover{aspect-ratio:4/5;border-radius:80px 5px 5px 5px;object-position:30% 55%;max-height:none}.hydrogen-actions{gap:18px}.hydrogen-actions .button{width:100%;font-size:1rem}.hydrogen-definition{grid-template-columns:1fr;gap:18px;padding:25px 23px;margin-top:32px}.hydrogen-definition h3{font-size:1.4rem}.hydrogen-definition h3 br{display:none}.hydrogen-audience-heading{margin-top:45px}.hydrogen-audience-heading h3{font-size:1.55rem}.hydrogen-audiences{grid-template-columns:1fr;gap:28px}.hydrogen-audience h4{font-size:1.4rem;margin-bottom:12px}.hydrogen-audience h4 br{display:none}.hydrogen-audience .hydrogen-for{margin-bottom:12px}.hydrogen-care{grid-template-columns:1fr;gap:28px;margin-top:45px;padding-top:40px}.hydrogen-care figure{order:2}.hydrogen-care-frame{max-width:none;aspect-ratio:710/735}.hydrogen-care-frame img{transform:translateY(-21.5%)}.hydrogen-care h3{font-size:1.65rem}.hydrogen-care-links{gap:18px}.hydrogen-method{grid-template-columns:1fr;gap:28px;margin-top:45px}.hydrogen-method h3{font-size:1.7rem}.hydrogen-method-photo{aspect-ratio:1/1;object-position:60% 48%;max-height:none}.hydrogen-faq{grid-template-columns:1fr;gap:8px;margin-top:32px}.hydrogen-faq>h3{font-size:1.4rem;margin-bottom:5px}.hydrogen-notice{margin-top:20px}.hydrogen-invite{grid-template-columns:1fr;gap:27px;padding:28px 22px;margin-top:38px}.hydrogen-invite h3{font-size:1.55rem}.hydrogen-invite .hydrogen-actions{gap:12px}.hydrogen-invite .button{font-size:.9375rem}.hydrogen-invite p:not(.eyebrow){font-size:.9375rem}.hydrogen-invite .hydrogen-invite-note{font-size:.875rem}}
@media(max-width:380px){.hydrogen-copy h2{font-size:1.8rem}.hydrogen-invite h3{font-size:1.35rem}.hydrogen-actions .button{padding-inline:14px}}
