/* Approved local experiment: shared shoreline heroes, two hero hems. */
.sitewide-ocean .ocean-stage{position:relative;isolation:isolate;background:#fff!important}
.sitewide-ocean .shoreline-scene{margin:0;pointer-events:none}
.sitewide-ocean .shoreline-scene::after{display:block!important;content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff 0%,#ffffff00 22%,#ffffff00 65%,#fff 100%),linear-gradient(90deg,#ffffffd9 0%,#ffffffb8 28%,#ffffff55 48%,#ffffff00 72%);pointer-events:none}
.sitewide-ocean .inner-ocean-stage>.inner-hero{position:static;background:transparent!important;min-height:510px;padding-top:40px;padding-bottom:85px}
.sitewide-ocean .inner-ocean-stage .shoreline-scene{position:absolute;inset:0;height:100%;z-index:-1;overflow:hidden}
.sitewide-ocean .inner-ocean-stage .shoreline-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 52%}
.sitewide-ocean .inner-hero .inner-lede{position:relative;max-width:620px}
.sitewide-ocean .inner-hero h1{position:relative}
@media(max-width:1000px){
.sitewide-ocean .inner-ocean-stage>.inner-hero{min-height:0;padding-top:32px;padding-bottom:25px}
.sitewide-ocean .inner-ocean-stage .shoreline-scene{position:relative;inset:auto;z-index:0;height:auto;margin-top:30px}
.sitewide-ocean .inner-ocean-stage .shoreline-scene img{height:auto;object-fit:contain}
.sitewide-ocean .shoreline-scene::after{background:linear-gradient(180deg,#fff 0%,#ffffff00 22%,#ffffff00 76%,#fff 100%)}
}

/* Local readability treatment for small copy only; headline remains directly on the scene. */
.small-text-study .ocean-stage .inner-lede,.small-text-study .ocean-stage .intro{width:fit-content;max-width:min(580px,100%);padding:10px 14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.09);border-radius:5px;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);color:#334f63}
.small-text-study .ocean-stage .eyebrow{width:fit-content;max-width:100%;padding:5px 8px;background:rgba(255,255,255,.12);border-radius:3px;color:#24665e;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.small-text-study .ocean-stage .breadcrumb a{display:inline-block;padding:4px 7px;background:rgba(255,255,255,.12);border-radius:3px;color:#41566a}
@media(max-width:1000px){.small-text-study .ocean-stage .inner-lede,.small-text-study .ocean-stage .intro,.small-text-study .ocean-stage .eyebrow,.small-text-study .ocean-stage .breadcrumb a{background:transparent;border-color:transparent;padding-left:0;backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Preserve the approved wash, then reduce remaining image visibility by 20% over the rightmost 75%. */
.sitewide-ocean .shoreline-scene::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.008) 18%,rgba(255,255,255,.03) 21%,rgba(255,255,255,.065) 24%,rgba(255,255,255,.1) 27%,rgba(255,255,255,.135) 30%,rgba(255,255,255,.17) 33%,rgba(255,255,255,.192) 36%,rgba(255,255,255,.2) 39%),linear-gradient(90deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.44) 48%,rgba(255,255,255,.59176) 68%,rgba(255,255,255,.5904) 85%,rgba(255,255,255,.5904) 100%)}

/* Independent light trails, layered above the image washes. Original image remains untouched. */
.sitewide-ocean .shoreline-scene::after{z-index:2;background-image:linear-gradient(180deg,rgba(255,255,255,0) 70%,rgba(255,255,255,.5) 85%,#fff 97%,#fff 100%),url('/hem-assets/ocean-glow-overlay.svg'),linear-gradient(180deg,#fff 0%,#ffffff00 22%,#ffffff00 65%,#fff 100%),linear-gradient(90deg,#ffffffd9 0%,#ffffffb8 28%,#ffffff55 48%,#ffffff00 72%);background-size:100% 100%,cover,100% 100%,100% 100%;background-position:center,50% 52%,center,center;background-repeat:no-repeat}
@media(max-width:1000px){.sitewide-ocean .shoreline-scene::after{background-image:linear-gradient(180deg,rgba(255,255,255,0) 70%,rgba(255,255,255,.5) 85%,#fff 97%,#fff 100%),url('/hem-assets/ocean-glow-overlay.svg'),linear-gradient(180deg,#fff 0%,#ffffff00 22%,#ffffff00 76%,#fff 100%)}}

/* Subtle outlines preserve the transparent small-copy panels. */
@media(min-width:1001px){.small-text-study .ocean-stage .inner-lede,.small-text-study .ocean-stage .intro,.small-text-study .ocean-stage .eyebrow,.small-text-study .ocean-stage .breadcrumb a{border:1px solid rgba(80,110,126,.18)}}

/* Local mobile repair: keep the image and copy in one layered hero. */
@media(max-width:1000px){
.sitewide-ocean.small-text-study .inner-ocean-stage>.inner-hero{min-height:440px;padding-top:44px;padding-bottom:70px}
.sitewide-ocean .inner-ocean-stage .shoreline-scene{position:absolute;inset:0;z-index:-1;height:100%;margin:0}
.sitewide-ocean .inner-ocean-stage .shoreline-scene img{width:100%;height:100%;object-fit:cover;object-position:88% 52%}
.sitewide-ocean .shoreline-scene::after{background-image:linear-gradient(180deg,rgba(255,255,255,0) 70%,rgba(255,255,255,.5) 85%,#fff 97%,#fff 100%),url('/hem-assets/ocean-glow-overlay.svg'),linear-gradient(180deg,#fff 0%,#ffffff00 22%,#ffffff00 65%,#fff 100%),linear-gradient(90deg,#ffffffd9 0%,#ffffffb8 28%,#ffffff55 48%,#ffffff00 72%);background-size:100% 100%,cover,100% 100%,100% 100%;background-position:center,88% 52%,center,center}
.small-text-study .ocean-stage .inner-lede,.small-text-study .ocean-stage .intro{background:rgba(255,255,255,.14);padding:10px 14px;border:1px solid rgba(80,110,126,.18);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.small-text-study .ocean-stage .eyebrow{background:rgba(255,255,255,.12);padding:5px 8px;border:1px solid rgba(80,110,126,.18);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.small-text-study .ocean-stage .breadcrumb a{background:rgba(255,255,255,.12);padding:4px 7px;border:1px solid rgba(80,110,126,.18)}
.sitewide-ocean .inner-hero h1{font-size:clamp(40px,6.3vw,64px);line-height:1.07;letter-spacing:-1px}
.sitewide-ocean .inner-hero .breadcrumb{margin-bottom:24px}
}