.sea-studies{background:var(--navy);color:var(--white);padding-block:clamp(52px,7vw,106px)}.sea-studies__layout{grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);align-items:center;gap:clamp(24px,5vw,76px);display:grid}.sea-studies .eyebrow{color:#e7d4b0}.sea-studies__intro>p:not(.eyebrow){color:#dce8ee;margin:14px 0 22px}.sea-studies__choices{flex-wrap:wrap;gap:8px;display:flex}.sea-studies__choices button{min-height:44px;color:var(--white);font:inherit;cursor:pointer;background:0 0;border:1px solid #fff5;padding:9px 12px}.sea-studies__choices button span{color:#e7d4b0;font-variant-numeric:tabular-nums;margin-inline-end:.65em;font-size:.75em}.sea-studies__choices button[aria-pressed=true]{background:var(--white);color:var(--navy)}.sea-studies__choices button[aria-pressed=true] span{color:var(--teal-deep)}.sea-studies__choices button:focus-visible{outline-color:var(--white)}.sea-studies__frame{min-width:0;margin:0}.sea-studies__image{aspect-ratio:3/2;background:#204557;position:relative;overflow:hidden}.sea-studies__image img{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.sea-studies__image .is-active{opacity:1}@media (max-width:760px){.sea-studies__layout{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.hero-photo{overflow:hidden}.hero-photo img{animation:1.7s ease-out both coast-arrive}.hero-copy>*{animation:.65s cubic-bezier(.22,.7,.25,1) both copy-arrive}.hero-copy h1{animation-delay:.11s}.hero-copy>p:not(.eyebrow){animation-delay:.2s}.hero-copy .actions{animation-delay:.28s}.hero .eyebrow>span{animation:.9s ease-out .45s both star-arrive}.trip-card{transition:translate .24s,box-shadow .24s}.btn svg{transition:translate .2s}.btn:is(:hover,:focus-visible) svg{translate:3px}.sea-studies__image img{transition:opacity .42s}.trip-card:focus-within{translate:0 -4px;box-shadow:0 12px 28px #102e421a}@media (hover:hover){.trip-card:hover{translate:0 -4px;box-shadow:0 12px 28px #102e421a}}@supports (animation-timeline:view()){.sea-studies__frame{animation:linear both sea-reveal;animation-timeline:view();animation-range:entry entry 55%}}}@keyframes coast-arrive{0%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes copy-arrive{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@keyframes star-arrive{0%,to{scale:1}55%{filter:brightness(1.4);scale:1.35}}@keyframes sea-reveal{0%{opacity:.55;translate:0 16px}to{opacity:1;translate:0}}
