.hero.ocean-hero{display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;position:relative;min-height:800px;min-height:calc(100svh - 116px);padding:35px var(--pad) 64px;overflow:hidden;color:#fff9e8;background:#062435;gap:35px}.ocean-sky{position:absolute;inset:0;z-index:-5;background:radial-gradient(ellipse at 50% 58%,#3b737c 0%,#164956 30%,#082b3e 65%,#041e30 100%)}.ocean-glow{position:absolute;left:25%;right:25%;top:34%;height:38%;border-radius:50%;background:#e8c99622;filter:blur(65px);z-index:-4}.ocean-hero .hero-top{position:relative;z-index:4;color:#e8ede5;font-size:9px;letter-spacing:.17em}.ocean-stage{position:relative;text-align:center;z-index:2;margin:auto 0;width:100%;padding:5px 0 15px}.sailing-boat{width:clamp(120px,14vw,200px);margin:0 auto -5px;animation:boat-arrive 1.8s ease-out both}.sailing-boat svg{width:100%;overflow:visible;animation:boat-rock 6s ease-in-out infinite;transform-origin:50% 90%;filter:drop-shadow(0 12px 25px #00132133)}.sailing-boat .mast{stroke:#fff4d8;stroke-width:2}.sail-main{fill:url(#sail-light);stroke:#fbefd1;stroke-width:1}.sail-small{fill:#efcf99;stroke:#fff1d1;stroke-width:1;opacity:.85}.hull{fill:#e9c18c;stroke:none}.boat-line{fill:none;stroke:#b9d8d1;stroke-width:1;opacity:.5}.ocean-title-mask{overflow:hidden;padding:0 0 8px}.hero.ocean-hero h1{font-family:Cormorant,Georgia,serif;font-size:clamp(94px,16vw,240px);line-height:.93;letter-spacing:-.045em;margin:0;color:#fff9e8;white-space:nowrap;animation:title-emerge 2.1s cubic-bezier(.16,1,.3,1) .3s both;text-shadow:0 6px 55px #03213350}.ocean-tagline{max-width:none;font-family:Cormorant,Georgia,serif;font-size:clamp(28px,3vw,45px);line-height:1.2;margin-top:14px;animation:tagline-in 1.5s ease 1.25s both}.ocean-water{position:absolute;inset:55% 0 0;z-index:-1;background:linear-gradient(180deg,transparent,#0b3c4b65 25%,#062333 100%);pointer-events:none}.wave{position:absolute;left:-25%;width:150%;height:70%;bottom:0;stroke:none;will-change:transform}.wave-one{fill:#155262;opacity:.34;animation:wave-drift 13s ease-in-out infinite}.wave-two{fill:#103c51;opacity:.65;bottom:-12%;animation:wave-drift 17s ease-in-out -5s infinite reverse}.wave-three{fill:#031e31;opacity:.65;bottom:-25%;animation:wave-drift 11s ease-in-out -2s infinite}.water-shimmer{position:absolute;inset:8% 28% 0;opacity:.18;background:repeating-linear-gradient(175deg,transparent 0 18px,#cae6d1 19px 20px,transparent 21px 29px);mask-image:radial-gradient(ellipse at 50% 0%,#000,transparent 70%);animation:shimmer 9s ease-in-out infinite}.ocean-hero .hero-end{position:relative;z-index:3;align-items:flex-end}.ocean-hero .hero-end>p{font-size:12px;color:#e6ede9}.ocean-hero .photo-link{color:#fff9e8}.ocean-motion{position:absolute;bottom:17px;right:var(--pad);border:0;background:transparent;color:#cfddd8;padding:7px 0;font-size:10px;z-index:5;display:flex;align-items:center;gap:8px}.ocean-motion:hover{color:white}.ocean-hero.is-paused *{animation-play-state:paused!important}.ocean-hero.is-static *{animation:none!important}.ocean-hero.is-static h1,.ocean-hero.is-static .ocean-tagline{opacity:1;transform:none}.ocean-hero.is-static .sailing-boat{opacity:1;transform:none}@keyframes boat-arrive{from{opacity:0;transform:translate(-60px,15px)}to{opacity:1;transform:none}}@keyframes boat-rock{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(3deg)}}@keyframes title-emerge{from{transform:translateY(115%);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes tagline-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes wave-drift{0%,100%{transform:translateX(-4%) translateY(0)}50%{transform:translateX(4%) translateY(15px)}}@keyframes shimmer{0%,100%{transform:scaleX(.8);opacity:.12}50%{transform:scaleX(1.1);opacity:.22}}@media(max-width:1000px){.hero.ocean-hero{min-height:740px}.sailing-boat{width:155px}}@media(max-width:700px){.hero.ocean-hero{min-height:calc(100svh - 95px);padding:25px var(--pad) 125px;gap:35px}.ocean-hero .hero-top{font-size:7px;letter-spacing:.09em}.sailing-boat{width:130px;margin-bottom:15px}.hero.ocean-hero h1{font-size:22vw;line-height:1.05}.ocean-tagline{font-size:28px;margin-top:10px}.ocean-stage{padding:15px 0}.ocean-hero .hero-end{align-items:stretch;gap:20px}.ocean-hero .hero-end>p{font-size:11px}.ocean-hero .hero-end .photo-link{font-size:11px}.ocean-motion{bottom:90px}.ocean-water{top:48%}}@media(prefers-reduced-motion:reduce){.ocean-hero *{animation:none!important}.ocean-hero h1,.ocean-tagline,.sailing-boat{opacity:1!important;transform:none!important}.ocean-motion{display:none}}