/* Preserve Ocean Atelier; refine its canvas, transitions and photographic framing. */
:root{--page-gutter:clamp(24px,5vw,104px)}
.wrap{width:min(1840px,calc(100% - var(--page-gutter)*2));margin-inline:auto}
.site-nav{width:100%;height:108px;background:var(--navy);isolation:isolate}
.site-nav:before{display:none}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative}
.nav-links{gap:clamp(22px,2.2vw,40px)}
.site-footer{width:100%;display:block;padding:0;background:#081a25;border-color:#ccd8dd26}
.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:26px;padding-block:38px}
.footer-inner>p{font-size:8px;line-height:1.9;letter-spacing:.1em;color:#9cb5c5}.footer-inner>small{width:100%;font-size:10px;line-height:1.9;color:#91aab9}
/* Small material changes give the blue room to breathe. */
.nutrition{background:#f1f0e9}.nutrition-copy li{border-color:#c7ccc7}.nutrition .qualification{border-color:#aeb9b8}
.feature-number{background:linear-gradient(140deg,#263b47,#152d3a);border-color:#667b83}
.coach{background:linear-gradient(115deg,#233a45,#142c39);border-color:#536975}
.coach-profile .profile-details strong{color:#d0d5d2}
/* Keep the integrated, faded photograph, with enough height for both people. */
.life{min-height:800px;margin-top:100px}
.life>img{left:auto;right:0;width:65%;height:100%;object-fit:contain;object-position:66% 50%;filter:saturate(.78) brightness(.92)}
.life-shade{background:linear-gradient(90deg,#091e2b 0%,#091e2b 26%,#091e2bb8 41%,#091e2b00 65%),linear-gradient(0deg,#091e2b 0%,#091e2b00 16%,#091e2b00 86%,#091e2b 100%)}
.life-copy{padding-block:75px}.life h2{max-width:820px}.life-copy>p:last-child{max-width:300px}
@media(min-width:901px){
.home .site-nav{position:absolute;top:0;left:0;background:transparent}
.home .site-nav:after{content:"";position:absolute;inset:0 0 -80px;z-index:-1;pointer-events:none;background:linear-gradient(#091e2bf5 0%,#091e2bd9 40%,#091e2b00 100%)}
.hero{min-height:930px}.hero-content{padding-top:150px;padding-bottom:140px}.hero-portrait{inset:0 0 0 43%}
.hero-shade{inset:0}.hero-portrait img{height:calc(100% - 70px);margin-top:70px}
.hero-portrait:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(#091e2b 0%,#091e2b00 20%)}
.scroll-cue{left:var(--page-gutter);right:var(--page-gutter)}.portrait-caption{right:var(--page-gutter)}
.section-description{max-width:430px}.experience-details p{max-width:500px}.experience-grid{gap:clamp(65px,9vw,180px)}
}
@media(min-width:1900px){.hero{min-height:980px}.hero-content{padding-top:165px}.hero h1{font-size:128px}.life{min-height:880px}}
@media(max-width:1100px){.nav-links{gap:18px}.nav-inner{gap:20px}}
@media(max-width:1000px){.nav-links{top:94px;gap:0}}
@media(max-width:900px){:root{--page-gutter:26px}.site-nav{height:84px}.nav-links{top:74px}.life{margin-top:65px;min-height:760px;align-items:end}.life>img{width:100%;object-fit:contain;object-position:50% 0;filter:saturate(.78) brightness(.95)}.life-shade{background:linear-gradient(0deg,#091e2b 0%,#091e2bf0 17%,#091e2b9c 28%,#091e2b00 48%),linear-gradient(180deg,#091e2b 0%,#091e2b00 9%)}.life-copy{padding-top:500px;padding-bottom:40px}.life h2{font-size:43px}.life-copy>p:last-child{max-width:300px}.footer-inner>p{width:100%;font-size:8px}.footer-inner{gap:24px;padding-block:32px}}
@media(max-width:540px){:root{--page-gutter:22px}.life{min-height:850px}.life-copy{padding-top:590px}.life h2{font-size:40px}.life>img{object-fit:contain;object-position:center 0}.life-shade{background:linear-gradient(0deg,#091e2b 0%,#091e2bf7 18%,#091e2b88 29%,#091e2b00 43%),linear-gradient(180deg,#091e2b 0%,#091e2b00 7%)}.footer-inner>small{font-size:9px}.footer-links{row-gap:18px}}
@media(min-width:901px){.life>img{width:min(65%,1040px);object-fit:cover;object-position:50% 55%;mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 91%,transparent 100%)}.life-shade{background:linear-gradient(90deg,#091e2b 0%,#091e2b 25%,#091e2b80 42%,transparent 67%),linear-gradient(0deg,#091e2b 0%,transparent 9%,transparent 93%,#091e2b 100%)}}
/* Restore the original image-under-type overlap while protecting the fuller crop. */
@media(min-width:901px){.life{min-height:clamp(860px,55vw,1120px)}.life>img{left:35%;right:0;width:65%;object-fit:cover;object-position:50% 48%;mask-image:none}.life-shade{background:linear-gradient(90deg,#091e2b 0%,#091e2b 23%,#091e2be0 32%,#091e2b66 48%,transparent 70%),linear-gradient(0deg,#091e2b 0%,transparent 7%,transparent 93%,#091e2b 100%)}.life h2{font-size:clamp(54px,5.3vw,88px);max-width:1000px}}
@media(min-width:901px){.life>img{mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 100%)}}
@media(max-width:900px){.life{display:block;min-height:0}.life>img{position:relative;left:0;right:auto;width:100%;height:auto;object-fit:contain;object-position:center;mask-image:linear-gradient(180deg,transparent 0%,#000 7%,#000 75%,transparent 100%)}.life-shade{background:none;pointer-events:none}.life-copy{position:relative;padding-top:0;padding-bottom:40px;margin-top:-60px}.life h2{font-size:43px}}
@media(max-width:540px){.life-copy{margin-top:-35px}.life h2{font-size:40px}}