.hero-grid{align-items:start}
.pr-motion-hero{margin:0;min-width:0;position:sticky;top:28px}
.pr-motion-scene{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;background:#133e43;min-height:710px;box-shadow:0 20px 48px #173d3820;color:#fff}
.pr-motion-photo{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:49% 45%;max-width:none;transform:scale(1.04);animation:pr-ocean-pan 24s ease-in-out infinite alternate}
.pr-motion-shade{position:absolute;inset:0;background:linear-gradient(180deg,#092d385c 0%,transparent 24%,#092e3766 42%,#102f32c4 65%,#102f32f5 82%,#102f32 100%)}
.pr-motion-top{position:absolute;top:24px;left:24px;right:24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center}
.pr-motion-top>span{font-size:11px;letter-spacing:1.3px;font-weight:650;text-shadow:0 1px 8px #0008}
.pr-motion-toggle{color:#fff;background:#123a3ac7;border:1px solid #ffffff70;border-radius:30px;padding:7px 11px;font-size:11px;cursor:pointer;line-height:1.4;backdrop-filter:blur(8px)}
.pr-motion-title{position:absolute;left:30px;right:30px;bottom:188px}
.pr-motion-title>span{font-size:11px;font-weight:600;letter-spacing:1.8px;display:block;color:#d8ebdf}
.pr-motion-title p{font-size:clamp(30px,3vw,42px);font-weight:550;letter-spacing:-1.5px;line-height:1.12;color:#fff;margin:15px 0 0}
.pr-motion-journey{position:absolute;left:30px;right:30px;bottom:34px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:27px}
.pr-motion-track{position:absolute;top:0;left:0;right:0;height:1px;background:#ffffff35;overflow:hidden}
.pr-motion-track i{display:block;height:100%;width:36%;background:#c9e3b7;box-shadow:0 0 7px #c9e3b7;animation:pr-journey-line 9s ease-in-out infinite}
.pr-motion-step{animation:pr-journey-emphasis 9s ease-in-out infinite}
.pr-motion-step:nth-of-type(3){animation-delay:3s}
.pr-motion-step:nth-of-type(4){animation-delay:6s}
.pr-motion-step .pr-motion-number{display:grid;place-items:center;width:27px;height:27px;border:1px solid #b8d3bc8a;border-radius:50%;font-size:11px;color:#d8ebdf;margin-bottom:13px}
.pr-motion-step strong{font-size:14px;font-weight:600;line-height:1.4;display:block;letter-spacing:-.2px}
.pr-motion-step>span:last-child{font-size:12px;line-height:1.5;display:block;color:#c3d5cd;margin-top:6px}
.pr-motion-hero figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;font-size:11px;color:var(--muted);padding:13px 2px;line-height:1.5}
.pr-motion-hero figcaption a{text-decoration-color:#93a196}
.pr-motion-hero[data-paused=true] *{animation-play-state:paused!important}
.pr-motion-hero[data-out-of-view=true] *{animation-play-state:paused!important}
@keyframes pr-ocean-pan{0%{transform:scale(1.04) translate3d(-.8%,0,0)}100%{transform:scale(1.15) translate3d(1%,1%,0)}}
@keyframes pr-journey-line{0%{transform:translateX(-105%)}90%,100%{transform:translateX(300%)}}
@keyframes pr-journey-emphasis{0%,37%,100%{opacity:.75;transform:translateY(0)}12%,28%{opacity:1;transform:translateY(-5px)}}
@media(min-width:701px) and (max-width:1000px){.pr-motion-scene{min-height:650px}.pr-motion-top{left:18px;right:18px}.pr-motion-title{left:22px;right:22px;bottom:240px}.pr-motion-title p{font-size:32px}.pr-motion-journey{left:22px;right:22px;gap:10px}.pr-motion-step strong{font-size:13px}.pr-motion-step>span:last-child{font-size:11px}}
@media(max-width:700px){.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}.pr-hero-copy{display:contents}.pr-hero-copy>*{order:4}.pr-hero-copy>.eyebrow{order:0}.pr-hero-copy>h1{order:1}.pr-hero-copy>.lead{order:3}.pr-motion-hero{order:2;position:relative;top:auto;margin:28px 0 0}.pr-motion-scene{min-height:465px}.pr-motion-photo{object-position:50% 42%}.pr-motion-top{top:18px;left:20px;right:20px}.pr-motion-top>span{font-size:10px;letter-spacing:1px}.pr-motion-title{left:23px;right:23px;bottom:168px}.pr-motion-title p{font-size:33px}.pr-motion-journey{left:23px;right:23px;bottom:25px;gap:12px;padding-top:22px}.pr-motion-step strong{font-size:13px}.pr-motion-step>span:last-child{font-size:11px}.pr-motion-hero figcaption{font-size:10px}.pr-motion-hero+.small{margin-top:0}}
@media(max-width:360px){.pr-motion-title p{font-size:29px}.pr-motion-scene{min-height:470px}.pr-motion-journey{gap:8px;left:18px;right:18px}.pr-motion-title{left:18px;right:18px}.pr-motion-step strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.pr-motion-hero *{animation:none!important}.pr-motion-photo{transform:none}.pr-motion-step{opacity:1}.pr-motion-toggle{display:none}}
@media print{.pr-motion-hero{display:none}}