.wellness-page-hero{min-height:clamp(440px,43vw,610px);position:relative;display:flex;align-items:center;background:#10271e;color:#fff;overflow:hidden}
.wellness-page-hero-image{position:absolute;inset:0 0 0 36%}
.wellness-page-hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 43%}
.wellness-page-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10271e 0%,#10271ecc 18%,#10271e22 65%),linear-gradient(0deg,#10271e70,transparent 45%)}
.wellness-page-hero-copy{position:relative;z-index:1;width:min(620px,60%);padding:72px 0 76px 7.7%}
.wellness-page-hero h1{font-size:clamp(64px,7.3vw,105px);line-height:.87;margin:.14em 0 .22em}
.wellness-page-hero-copy>p:not(.eyebrow){font-size:clamp(15px,1.3vw,18px);line-height:1.6;max-width:410px;margin-bottom:30px}
.wellness-page-hero .outline-button{min-height:52px;padding:12px 18px;font-size:11px;letter-spacing:.16em}
.wellness-page-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 7.7%;background:#f0f1eb;border-bottom:1px solid #d9ded5}
.wellness-page-nav a{display:flex;align-items:center;gap:18px;min-height:84px;padding:20px 18px;border-left:1px solid #d9ded5;font-size:11px;font-weight:600;letter-spacing:.19em;text-transform:uppercase;transition:background .2s,color .2s}
.wellness-page-nav a:last-child{border-right:1px solid #d9ded5}
.wellness-page-nav a span{color:#7f9185;font-family:var(--serif);font-size:23px;font-weight:500;letter-spacing:0}
.wellness-page-nav a:hover,.wellness-page-nav a:focus-visible{background:#e1e8df;color:#0d5039}
.wellness-story{display:grid;grid-template-columns:minmax(0,35%) minmax(0,1fr);align-items:center;gap:9%;min-height:520px;padding:70px 7.7%;border-bottom:1px solid #e0e3dc;background:radial-gradient(circle at 82% 15%,#fff,#f6f5f1 70%);scroll-margin-top:25px}
.wellness-story--reverse{grid-template-columns:minmax(0,1fr) minmax(0,35%);background:#e9eee8}
.wellness-story--reverse .wellness-story-copy{grid-column:2;grid-row:1}
.wellness-story--reverse .wellness-story-media{grid-column:1;grid-row:1}
.wellness-story-copy{max-width:440px}
.wellness-story-copy .eyebrow{margin-bottom:20px}
.wellness-story h2{font-size:clamp(60px,6vw,88px);line-height:.89;margin:0 0 27px}
.wellness-story-copy>p:not(.eyebrow){font-size:clamp(15px,1.25vw,18px);line-height:1.65;color:#555e56;margin:0;max-width:400px}
.wellness-story-media{height:410px;min-width:0;position:relative;margin:0;overflow:hidden;background:#20372b}
.wellness-story-media img{display:block;width:100%;height:100%;object-fit:cover}
#fitness .wellness-story-media img{object-position:50% 29%}
#nutrition .wellness-story-media img{object-position:50% 50%}
#perspective .wellness-story-media img{object-position:50% 58%}
#outdoors .wellness-story-media img{object-position:50% 41%}
.wellness-story-media:after{content:"";position:absolute;inset:72% 0 0;background:linear-gradient(transparent,#071a12ad);pointer-events:none}
.wellness-story-media figcaption{position:absolute;left:26px;bottom:22px;z-index:1;color:white;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.wellness-page-outro{padding:84px 7.7% 90px;background:linear-gradient(100deg,#0b3027,#153d30);color:#fff;text-align:center}
.wellness-page-outro h2{font-size:clamp(59px,6vw,86px);line-height:.9;margin:.14em 0 .2em}
.wellness-page-outro>p:not(.eyebrow){font-size:16px;color:#d9e4db;margin-bottom:26px}
.wellness-page-outro .outline-button{min-height:50px;padding:12px 17px;font-size:11px;letter-spacing:.14em}
@media(max-width:900px){
  .wellness-page-hero-copy{width:min(560px,68%)}
  .wellness-story,.wellness-story--reverse{gap:5%;grid-template-columns:minmax(0,40%) minmax(0,1fr);min-height:440px;padding:55px 6%}
  .wellness-story--reverse{grid-template-columns:minmax(0,1fr) minmax(0,40%)}
  .wellness-story-media{height:340px}
  .wellness-story h2{font-size:clamp(54px,6.2vw,70px)}
}
@media(max-width:760px){
  .wellness-page-hero{min-height:650px;align-items:flex-end}
  .wellness-page-hero-image{inset:0 0 0 0}
  .wellness-page-hero-image:after{background:linear-gradient(0deg,#10271e 3%,#10271ee0 30%,#10271e18 75%)}
  .wellness-page-hero-copy{width:100%;padding:0 20px 46px}
  .wellness-page-hero h1{font-size:clamp(60px,11vw,82px)}
  .wellness-page-hero-copy>p:not(.eyebrow){font-size:15px}
  .wellness-page-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 20px}
  .wellness-page-nav a{min-height:68px;padding:12px;gap:10px;font-size:10px}
  .wellness-page-nav a:nth-child(2){border-right:1px solid #d9ded5}
  .wellness-page-nav a:nth-child(n+3){border-top:1px solid #d9ded5}
  .wellness-story,.wellness-story--reverse{display:flex;flex-direction:column;align-items:stretch;gap:28px;min-height:0;padding:56px 20px}
  .wellness-story-copy{max-width:580px}
  .wellness-story h2{font-size:clamp(58px,11vw,76px);margin-bottom:20px}
  .wellness-story-copy>p:not(.eyebrow){font-size:15px}
  .wellness-story-media{height:auto;aspect-ratio:1.35}
  .wellness-page-outro{padding:68px 20px 72px}
}
@media(max-width:480px){.wellness-page-hero{min-height:610px}.wellness-page-nav a{letter-spacing:.11em}.wellness-story-media{aspect-ratio:1.05}.wellness-page-outro h2{font-size:58px}}
@media(prefers-reduced-motion:reduce){.wellness-page-nav a{transition:none}}