/* Final layout adjustments against the 1512px desktop and 390px mobile frames. */
.her-search-label-mobile { display: none; }
.her-mobile-break { display: none; }
html { scrollbar-width: none; }
html::-webkit-scrollbar { display: none; }
body, body * { font-optical-sizing: none; font-variation-settings: "opsz" 24; }

@media (min-width: 1101px) {
  .her-navigation a:first-child { margin-right: 87px; }
  .her-navigation a:nth-child(2) { margin-right: 84px; }
  .her-navigation a:nth-child(4) { margin-right: 81px; }
  .her-navigation a:nth-child(5) { margin-right: 182px; }
  .her-hero__content { margin-top: 273px; }
  .her-steps > .her-section-heading { top: 94px; left: calc(50% + 100px); }
  .her-steps__list { left: calc(50% + 36px); width: 620px; }
  .her-step { position: relative; height: 216px; grid-template-columns: 75px 276px 1fr; border-bottom: 0; }
  .her-step h3, .her-step > div { padding-top: 10px; }
  .her-step:first-child h3, .her-step:last-child h3 { max-width: 205px; }
  .her-step:last-child h3 { max-width: 180px; }
  .her-step::after { content: ""; position: absolute; top: 183px; right: 0; left: 97px; height: 1px; background: rgba(84, 66, 54, .42); }
  .her-step:last-child::after { display: none; }
  .her-system-card--right .her-system-card__content { top: 30px; }
  .her-system-card--right .her-system-card__watermark { top: 435px; left: 73.17%; }
  .her-system-card__content h3 { margin-bottom: 43px; }
  .her-system-card__content p { max-width: 360px; font-size: 18px; line-height: 1.6; }
  .her-price { margin-top: 30px; }
  .her-system-card--right .her-price { margin-top: 65px; }
  .her-system-card--right .her-system-card__actions { margin-top: 8px; gap: 37px; }
  .her-story__media img { object-fit: cover; }
  .her-story__overlay { background: rgba(46, 55, 27, .75); mix-blend-mode: normal; }
  .her-story .her-mark { transform: translateY(-25px); }
  .her-story h2 { max-width: 620px; }
  .her-story blockquote { max-width: 620px; transform: translateY(-8px); }
  .her-story cite { transform: translateY(60px); }
  .her-story__link { transform: translateY(45px); }
}

@media (min-width: 801px) and (max-width: 1100px) {
  .her-header { height: 150px; padding-top: 50px; align-items: center; }
  .her-logo { position: static; order: 0; width: 103px; height: auto; margin: 0; transform: none; }
  .her-logo img { width: 103px; height: auto; max-width: none; }
  .her-navigation, .her-header__actions { display: none; }
  .her-menu-toggle { display: flex; width: 28px; height: 30px; padding: 5px 2px; margin-left: auto; flex-direction: column; justify-content: space-between; border: 0; background: transparent; cursor: pointer; z-index: 22; }
  .her-menu-toggle span { display: block; width: 21px; height: 1px; background: #181714; }
  .her-header.is-menu-open .her-menu-toggle span:first-child { transform: translateY(9px) rotate(45deg); }
  .her-header.is-menu-open .her-menu-toggle span:nth-child(2) { opacity: 0; }
  .her-header.is-menu-open .her-menu-toggle span:last-child { transform: translateY(-9px) rotate(-45deg); }
  .her-header.is-menu-open .her-navigation { display: flex; position: absolute; z-index: 21; top: 150px; left: -50px; width: calc(100% + 100px); padding: 28px 50px 38px; flex-direction: column; align-items: stretch; gap: 0; background: var(--her-cream); box-shadow: 0 20px 30px #0002; }
  .her-navigation a, .her-navigation a:first-child, .her-navigation a:nth-child(2), .her-navigation a:nth-child(3), .her-navigation a:nth-child(4), .her-navigation a:nth-child(5) { display: flex; width: 100%; margin: 0; padding: 16px 0; justify-content: space-between; border-bottom: 1px solid #68534544; font: 500 20px/1.2 "Cormorant", serif; letter-spacing: 3px; }
  .her-navigation a img { width: 12px; height: 7px; }
}

@media (max-width: 800px) {
  :root { --her-container: min(100% - 80px, 620px); }
  .her-site-main { display: flex; flex-direction: column; }
  .her-hero { order: 1; }
  .her-explainer { order: 2; }
  .her-paths { order: 3; }
  .her-steps { order: 4; }
  .her-systems { order: 5; }
  .her-benefits { order: 6; }
  .her-story { order: 7; }
  .her-blog { order: 8; }
  .her-partners { order: 9; }
  .her-faq { order: 10; }
  .her-footer { order: 11; }

  .her-header { width: 100%; height: 150px; padding: 50px 40px 0; align-items: center; }
  .her-logo { position: static; order: 0; margin: 0; width: 103px; height: auto; transform: none; }
  .her-logo img { width: 103px; height: auto; max-width: none; }
  .her-menu-toggle { display: flex; width: 28px; height: 30px; padding: 5px 2px; margin-left: auto; flex-direction: column; justify-content: space-between; border: 0; background: transparent; cursor: pointer; z-index: 22; }
  .her-menu-toggle span { display: block; width: 21px; height: 1px; background: #181714; transition: transform .2s, opacity .2s; }
  .her-header.is-menu-open .her-menu-toggle span:first-child { transform: translateY(9px) rotate(45deg); }
  .her-header.is-menu-open .her-menu-toggle span:nth-child(2) { opacity: 0; }
  .her-header.is-menu-open .her-menu-toggle span:last-child { transform: translateY(-9px) rotate(-45deg); }
  .her-header__actions { display: none; }
  .her-header.is-menu-open .her-navigation { display: flex; position: absolute; z-index: 21; top: 150px; left: 0; width: 100%; padding: 28px 40px 38px; flex-direction: column; align-items: stretch; gap: 0; background: var(--her-cream); box-shadow: 0 20px 30px #0002; }
  .her-navigation a, .her-navigation a:first-child, .her-navigation a:nth-child(2), .her-navigation a:nth-child(3), .her-navigation a:nth-child(4), .her-navigation a:nth-child(5) { display: flex; width: 100%; margin: 0; padding: 16px 0; justify-content: space-between; border-bottom: 1px solid #68534544; font: 500 20px/1.2 "Cormorant", serif; letter-spacing: 3px; }
  .her-navigation a img { width: 12px; height: 7px; }

  .her-hero { height: 1360px; min-height: 0; padding: 0; }
  .her-hero__media { top: 150px; bottom: auto; height: 751px; }
  .her-hero__media img { object-position: 23% center; }
  .her-hero__media::after { background: rgba(0, 0, 0, .24); }
  .her-hero__content { position: absolute; top: 368px; left: 40px; width: min(100% - 80px, 620px); margin: 0; padding: 0; }
  .her-hero__content h1 { font-size: 50px; line-height: 46px; letter-spacing: -1.5px; }
  .her-hero__content p { max-width: 305px; margin-top: 20px; font-size: 16px; line-height: 26px; }
  .her-actions { margin-top: 35px; flex-direction: column; align-items: flex-start; gap: 13px; }
  .her-actions .her-button { min-height: 64px; padding: 12px 35px; font-size: 16px; }
  .her-trust { position: absolute; top: 975px; bottom: auto; left: 50%; width: 260px; margin: 0; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 0; }
  .her-trust p { width: 210px; margin: 0; padding: 14px 0 18px; align-items: center; text-align: center; font-size: 20px; line-height: 27px; letter-spacing: 1.5px; }
  .her-trust p + i { display: block; width: 210px; height: 1px; background: #68534544; transform: none; }
  .her-trust i:last-of-type { display: block; }

  .her-eyebrow { font-size: 11px; letter-spacing: 6px; }
  .her-mark { width: 36px; height: 39px; object-fit: contain; }
  .her-section-heading h2, .her-footer h2 { font-size: 40px; line-height: 1.08; letter-spacing: 0; }
  .her-section-heading > p { font-size: 16px; line-height: 1.55; }
  .her-text-link { font-size: 17px; font-weight: 500; }

  .her-explainer { height: auto; padding: 55px 0 98px; }
  .her-explainer__statement { width: var(--her-container); margin: 0 auto; }
  .her-explainer__statement .her-mark { margin: 0 auto 20px; }
  .her-explainer__statement .her-eyebrow { margin: 0; }
  .her-explainer__statement h2 { max-width: 310px; margin-top: 19px; font-size: 40px; line-height: 1.08; }
  .her-explainer__quote { max-width: 310px; margin-top: 20px; font-size: 28px; line-height: 1.28; }
  .her-explainer__quote em { font-style: italic; }
  .her-explainer__points { width: var(--her-container); margin: 94px auto 0; flex-direction: column; align-items: center; gap: 65px; }
  .her-explainer__point { width: 100%; min-height: 105px; flex-direction: column; align-items: center; gap: 18px; }
  .her-explainer__point img { width: 50px; height: 50px; }
  .her-explainer__point p { max-width: 280px; text-align: center; font: 400 20px/1.3 "EB Garamond", serif; letter-spacing: 1px; }
  .her-explainer__result { width: var(--her-container); margin: 100px auto 0; }
  .her-explainer__result h2 { max-width: 310px; margin: 18px auto 0; font-size: 40px; line-height: 1.12; }
  .her-explainer__image { position: relative; width: var(--her-container); max-width: 500px; aspect-ratio: 310 / 207; height: auto; margin: 52px auto 0; overflow: hidden; border-radius: 20px; transform: none; }
  .her-explainer__image img { width: 100%; height: 100%; object-fit: cover; }

  .her-paths { height: auto; min-height: 0; padding: 90px 0 105px; overflow: hidden; }
  .her-paths__backdrop { opacity: .5; }
  .her-paths .her-section-heading { width: var(--her-container); }
  .her-paths .her-section-heading .her-mark { margin-bottom: 15px; }
  .her-paths .her-section-heading h2 { max-width: 310px; margin-top: 20px; }
  .her-paths .her-section-heading > p { max-width: 310px; margin-top: 20px; font: italic 26px/1.15 "EB Garamond", serif; }
  .her-paths__grid { width: var(--her-container); margin: 70px auto 0; grid-template-columns: 1fr; gap: 32px; }
  .her-path-card { min-height: 436px; padding: 50px 44px 42px; justify-content: flex-start; border: 0; border-radius: 20px; background: rgba(17, 23, 14, .5); }
  .her-path-card > img { width: 60px; height: 60px; margin-bottom: 28px; }
  .her-path-card h3 { margin: 0; font-size: 36px; line-height: 1; white-space: nowrap; }
  .her-path-card__lower { display: block; margin-top: 28px; }
  .her-path-card p { max-width: 225px; margin: 0; font: 300 16px/1.65 "DM Sans", sans-serif; }
  .her-path-card__lower > div { margin-top: 28px; gap: 18px; }
  .her-path-card .her-text-link { font-size: 16px; line-height: 1.6; text-decoration: underline; }

  .her-steps { height: auto; padding: 100px 0 110px; }
  .her-steps > .her-section-heading { width: var(--her-container); }
  .her-steps .her-section-heading h2 { margin-top: 20px; }
  .her-steps__list { width: var(--her-container); margin: 75px auto 0; }
  .her-step { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 0 18px; height: auto; min-height: 0; margin: 0 0 44px; padding: 0 0 42px; }
  .her-step__number { padding: 0; font-size: 29px; line-height: 1.2; }
  .her-step h3 { font-size: 34px; line-height: 1.05; }
  .her-step > div { grid-column: 2; margin-top: 30px; }
  .her-step p { margin: 0 0 20px; font-size: 16px; line-height: 1.72; }
  .her-step .her-text-link { font-size: 16px; }
  .her-step:last-child { margin-bottom: 0; padding-bottom: 0; }
  .her-step:last-child .her-text-link { display: none; }

  .her-systems { height: auto; padding: 55px 0 100px; }
  .her-systems > .her-section-heading { width: var(--her-container); }
  .her-systems .her-section-heading .her-mark { margin-bottom: 19px; }
  .her-systems .her-section-heading h2 { max-width: 285px; margin: 20px 0 0; }
  .her-systems .her-section-heading > p { max-width: 310px; margin-top: 20px; color: #1b1a18; font: 400 27px/1.16 "EB Garamond", serif; }
  .her-systems .her-section-heading > p .her-mobile-break { display: initial; }
  .her-systems__grid { display: flex; width: min(100% - 100px, 600px); height: auto; margin: 58px auto 0; flex-direction: column; gap: 65px; }
  .her-system-card { display: flex; width: 100%; height: auto; min-height: 0; margin: 0; padding: 0; flex-direction: column; overflow: visible; }
  .her-system-card__image, .her-system-card--right .her-system-card__image { position: relative; z-index: 2; top: auto; right: auto; left: 0; width: 145px; height: 145px; flex: none; border-radius: 18px; }
  .her-system-card__image img { object-fit: cover; object-position: center top; }
  .her-system-card__watermark, .her-system-card--right .her-system-card__watermark { top: 65px; left: 95px; font-size: 142px; line-height: 1; letter-spacing: -5px; color: rgba(153, 129, 114, .14); }
  .her-system-card__content, .her-system-card--right .her-system-card__content { position: relative; top: auto; right: auto; bottom: auto; left: auto; width: 100%; margin-top: 62px; }
  .her-system-card__content h3 { margin: 13px 0 34px; font-size: 48px; line-height: 1; }
  .her-system-card__content p { min-height: 0; margin: 0; font-size: 16px; font-weight: 300; line-height: 1.82; }
  .her-price { margin-top: 39px; font-size: 32px; }
  .her-system-card__actions { display: flex; margin-top: 12px; flex-direction: column; align-items: flex-start; gap: 32px; }
  .her-system-card__actions .her-text-link { font-size: 17px; }
  .her-system-card__actions .her-button { min-height: 56px; padding: 10px 33px; font-size: 15px; }

  .her-benefits { height: auto; padding: 75px 0 70px; background: var(--her-cream); color: #111; }
  .her-benefits .her-section-heading { width: var(--her-container); padding: 0; }
  .her-benefits .her-eyebrow { color: var(--her-eyebrow); }
  .her-benefits .her-section-heading h2 { max-width: 310px; margin-top: 20px; font-size: 40px; }
  .her-benefits .her-text-link { margin-top: 35px; font: 400 24px/1.15 "EB Garamond", serif; }

  .her-story { height: auto; min-height: 840px; padding: 85px 0 90px; }
  .her-story__media img { object-position: 37% center; }
  .her-story__content { width: var(--her-container); margin: 0 auto; }
  .her-story .her-mark { margin-bottom: 20px; }
  .her-story h2 { margin-top: 24px; font-size: 40px; line-height: 1.12; }
  .her-story__content > p { margin: 25px 0 32px; font-size: 16px; line-height: 1.5; }
  .her-story blockquote { font-size: 32px; line-height: 1.18; }
  .her-story cite { margin-top: 42px; font-size: 21px; }
  .her-story__link { margin-top: 36px; font: 400 22px/1.2 "EB Garamond", serif; }

  .her-blog { height: auto; margin: 0; padding: 90px 0 95px; }
  .her-blog > .her-section-heading { position: static; width: var(--her-container); transform: none; }
  .her-blog .her-section-heading h2 { margin-top: 20px; }
  .her-blog__grid { position: static; display: grid; width: var(--her-container); margin: 65px auto 0; grid-template-columns: 1fr; gap: 70px; transform: none; }
  .her-blog-card__image { height: auto; aspect-ratio: 310 / 178; margin-bottom: 40px; border-radius: 20px; }
  .her-blog-card h3 { margin: 18px 0 18px; font-size: 34px; line-height: 1.18; }
  .her-blog-card p { margin: 0 0 40px; font-size: 16px; line-height: 1.7; }
  .her-blog-card .her-text-link { font-size: 17px; }
  .her-blog__more { display: none; }

  .her-partners { display: block; height: auto; min-height: 0; margin: 0; padding: 0; overflow: hidden; }
  .her-partners__content { position: relative; top: auto; left: auto; width: var(--her-container); margin: 0 auto; padding: 0 0 55px; text-align: center; align-items: center; }
  .her-partners__content h2 { max-width: 310px; margin-top: 22px; font-size: 40px; line-height: 1.1; }
  .her-partners__content p { margin: 20px 0 45px; font-size: 16px; }
  .her-partner-search { width: 100%; height: 64px; margin: 0; border-radius: 40px; }
  .her-partner-search input { width: 63%; padding: 0 25px; font-size: 16px; }
  .her-partner-search button { width: 37%; padding: 0 10px; font-size: 16px; }
  .her-search-label-desktop, .her-partner-search button span[aria-hidden] { display: none; }
  .her-search-label-mobile { display: inline; }
  .her-partners__map { position: relative; top: auto; bottom: auto; inset: auto; width: 100%; height: 520px; opacity: 1; }
  .her-partners__map > img { object-fit: cover; object-position: center; }

  .her-faq { height: auto; margin: 0; padding: 110px 0 105px; }
  .her-faq__grid { width: var(--her-container); display: grid; grid-template-columns: 1fr; gap: 0; }
  .her-faq .her-section-heading { display: flex; flex-direction: column; align-items: center; text-align: center; }
  .her-faq .her-section-heading h2 { max-width: 310px; margin-top: 24px; }
  .her-faq .her-section-heading > p { margin-top: 39px; font-size: 16px; line-height: 1.55; }
  .her-faq .her-section-heading address { margin-top: 36px; font: 400 27px/1.25 "EB Garamond", serif; }
  .her-accordion { margin-top: 86px; }
  .her-accordion__item:first-child { padding-top: 0; }
  .her-accordion__item button { padding: 24px 0; font-size: 26px; line-height: 1.16; }
  .her-accordion__item button b { font-size: 0; transform: none; }
  .her-accordion__item button b::after { content: '⌄'; font: 400 23px/1 "EB Garamond", serif; color: var(--her-brown); }
  .her-accordion__item.is-open button b { transform: none; }
  .her-accordion__item.is-open button b::after { content: '⌃'; }
  .her-accordion__answer p { font-size: 15px; line-height: 1.65; }

  .her-footer { height: auto; min-height: 0; margin: 0; padding: 70px 0 40px; }
  .her-footer__media img { object-position: 38% center; }
  .her-footer__top { display: flex; width: var(--her-container); flex-direction: column; align-items: center; gap: 40px; }
  .her-footer__newsletter { padding: 0; text-align: center; }
  .her-footer h2 { margin-top: 20px; font-size: 40px; }
  .her-footer h2 em { display: inline; }
  .her-footer__newsletter > p { max-width: 290px; margin: 18px auto 0; white-space: normal; font-size: 16px; line-height: 1.4; }
  .her-newsletter { display: flex; width: 100%; height: auto; flex-direction: column; gap: 18px; border: 0; border-radius: 0; background: none; overflow: visible; }
  .her-newsletter input { width: 100%; min-height: 64px; flex: none; padding: 0 26px; border: 1px solid #e2ddd288; border-radius: 40px; background: #ffffff50; text-align: center; }
  .her-newsletter button { width: 170px; min-height: 56px; margin: 0 auto; padding: 0 20px; border-radius: 40px; }
  .her-footer__bottom { width: var(--her-container); display: flex; margin: 65px auto 0; flex-direction: column; gap: 55px; }
  .her-footer__brand { padding: 0; }
  .her-footer__brand > img { position: static; width: 36px; height: 39px; margin-bottom: 16px; }
  .her-footer__brand h3 { margin: 0 0 20px; font-size: 27px; }
  .her-footer__brand > p { max-width: 250px; margin-bottom: 30px; font-size: 23px; }
  .her-footer__brand address { font-size: 14px; line-height: 1.65; }
  .her-socials { margin-top: 24px !important; }
  .her-footer__links { position: relative; display: block; width: 100%; height: 395px; padding: 0; }
  .her-footer__links > div { position: absolute; width: calc(50% - 10px); }
  .her-footer__links > div:nth-child(1) { left: 0; top: 0; }
  .her-footer__links > div:nth-child(4) { left: calc(50% + 14px); top: 0; }
  .her-footer__links > div:nth-child(5) { left: 0; top: 199px; }
  .her-footer__links > div:nth-child(3) { left: calc(50% + 14px); top: 147px; }
  .her-footer__links > div:nth-child(2) { left: calc(50% + 14px); top: 272px; }
  .her-footer__links h3 { margin-bottom: 18px; font-size: 21px; }
  .her-footer__links a { font-size: 13px; line-height: 1.65; }
  .her-footer__copyright { width: var(--her-container); margin: 40px auto 0; font-size: 11px; }
}

@media (max-width: 540px) {
  :root { --her-container: calc(100% - 80px); }
  .her-hero__content { left: 26px; width: calc(100% - 52px); }
  .her-hero__content h1 { font-size: min(50px, 12.82vw); }
  .her-path-card { padding-inline: 44px; }
}

@media (max-width: 360px) {
  .her-systems .her-section-heading > p .her-mobile-break { display: none; }
  :root { --her-container: calc(100% - 48px); }
  .her-header { padding-inline: 24px; }
  .her-path-card { padding-inline: 28px; }
  .her-hero__content { left: 24px; width: calc(100% - 48px); }
  .her-hero__content h1 { font-size: 44px; line-height: 42px; }
}