/* AMBERSEA V5 • emblem spins in place (no translation) and immersive video hero */
:root{--v4-ease:cubic-bezier(.19,1,.22,1)}
.portal{height:210svh}
.portal__center{transform:none}
.portal__symbol{filter:drop-shadow(0 28px 54px rgba(222,137,55,.18));transform-style:preserve-3d;backface-visibility:visible}
.portal__symbol img{backface-visibility:visible;transform:translateZ(3px)}
.portal__center:before{filter:blur(44px);opacity:.82}
.portal__word{font-size:clamp(2.9rem,5.5vw,6rem);letter-spacing:.102em}
.portal__atmosphere{background:radial-gradient(ellipse 55% 35% at 12% 5%,rgba(241,171,85,.16),transparent 80%),radial-gradient(ellipse 45% 54% at 89% 25%,rgba(8,55,112,.19),transparent 83%)}
.portal__floor{opacity:calc(.38 - var(--portal-p,0)*.32)}
.portal__progress{height:2px}
/* Film section • visible marine action, not buried under a dark overlay. */
.film-hero{height:100svh;min-height:690px;background:#031f34}
.film-hero__background{background:#061b2c}
.film-hero__video{object-position:55% center;transform:scale(1.035);filter:saturate(1.18) contrast(1.04) brightness(1.08)}
.film-hero__poster{background:#043e64 url('assets/marine-poster-v4.jpg') center/cover no-repeat;animation:none}
.film-hero__shade{z-index:3;background:linear-gradient(90deg,rgba(1,11,21,.92) 0%,rgba(1,13,23,.76) 30%,rgba(1,21,33,.28) 61%,rgba(1,22,34,.06) 100%),linear-gradient(0deg,rgba(0,11,23,.77),transparent 33%,transparent 71%,rgba(0,12,26,.44))}
.film-hero__refraction{position:absolute;z-index:2;inset:-18%;pointer-events:none;opacity:.26;mix-blend-mode:screen;background:radial-gradient(ellipse 20% 82% at 64% -8%,rgba(169,236,252,.33),transparent 78%),radial-gradient(ellipse 9% 80% at 85% -2%,rgba(206,241,252,.24),transparent 80%);transform-origin:70% 0%;animation:v4LightBreath 9s ease-in-out infinite alternate}
.film-hero__caustics{z-index:4;opacity:.12}
@keyframes v4LightBreath{to{transform:translateX(-5%) rotate(-6deg) scale(1.05);opacity:.42}}
.film-hero__content{top:54%;transform:translateY(-42%);width:min(720px,59vw)}
.film-hero__eyebrow{font-size:10px;letter-spacing:.27em;color:#f0be84}
.film-hero__content h1{font-weight:600;font-size:clamp(5rem,8.5vw,9rem);letter-spacing:-.082em;line-height:.98;margin:24px 0 27px}
.film-hero__content h1 em{background:linear-gradient(108deg,#fff4d5 0%,#e8b26e 47%,#fff0df 100%);-webkit-background-clip:text;background-clip:text}
.film-hero__content p{max-width:455px;font-size:clamp(16px,1.2vw,18px);line-height:1.66;margin-bottom:32px}
.film-hero__text-link{font-size:11px}
.film-hero__top{top:118px;font-size:9px;letter-spacing:.22em}
.film-hero__film-mark{position:absolute;z-index:5;right:var(--pad);top:142px;color:rgba(237,244,243,.8);font:600 10px 'Manrope',sans-serif;letter-spacing:.2em;display:flex;align-items:center;gap:13px}
.film-hero__record{display:block;width:6px;height:6px;background:#e9b16c;border-radius:50%;box-shadow:0 0 12px #e9b16c;animation:v4Record 1.8s infinite}
@keyframes v4Record{50%{opacity:.28;box-shadow:0 0 3px #e9b16c}}
.film-hero__top>span:last-child{display:block}
.film-hero__bottom{bottom:24px;padding-top:21px}
.film-hero__right{right:36px;letter-spacing:.32em;opacity:.62}
/* Bring the rest of the brand closer to the dark editorial film identity. */
.story{background:linear-gradient(150deg,#061721,#09252c)}
.story__right{opacity:.85}
.collection{background:#081b24}
.product{border-radius:3px}
.product img{filter:saturate(.78) contrast(1.13)}
.founder__symbol{background:radial-gradient(ellipse at 45% 35%,rgba(176,116,53,.14),transparent 67%),#080f18}
@media(max-width:900px){.portal{height:190svh}.film-hero{min-height:720px}.film-hero__content{width:90%;top:55%;transform:translateY(-38%)}.film-hero__content h1{font-size:clamp(4.5rem,10vw,7rem)}.film-hero__film-mark{display:none}.film-hero__top{top:105px}}
@media(max-width:640px){.portal__symbol{width:clamp(230px,56vw,335px)}.portal__word{font-size:clamp(2.55rem,9vw,3.8rem)}.portal__sub{letter-spacing:.28em;font-size:8px}.portal__meta,.portal__index{top:26px}.portal__scroll{bottom:42px;font-size:8px;letter-spacing:.08em;gap:8px}.portal__scroll-arrow{width:32px;height:32px}.film-hero{height:100svh;min-height:710px}.film-hero__video{object-position:70% center;filter:saturate(1.25) contrast(1.08) brightness(1.15)}.film-hero__shade{background:linear-gradient(0deg,rgba(0,8,19,.93) 0%,rgba(0,12,25,.68) 49%,rgba(1,16,30,.08) 84%),linear-gradient(90deg,rgba(0,10,20,.18),transparent)}.film-hero__content{top:63%;transform:translateY(-29%);width:90%}.film-hero__content h1{font-size:clamp(3.5rem,14vw,5.2rem);line-height:.98;margin:18px 0 24px}.film-hero__content p{font-size:15px;line-height:1.65;max-width:340px}.film-hero__eyebrow{font-size:8px;letter-spacing:.17em}.film-hero__top{top:94px;font-size:8px;letter-spacing:.1em}.film-hero__top>span:last-child{display:none}.film-hero__right{display:none}.film-hero__marquee{gap:10px;font-size:9px}.film-hero__bottom{bottom:18px}.film-hero__actions{gap:18px}.film-hero__controls{gap:8px;font-size:8px}.film-hero__controls #videoState{display:none}}
@media(prefers-reduced-motion:reduce){.portal{height:100svh}.portal__symbol{transform:none!important;opacity:1!important}.portal__word,.portal__sub{transform:none!important;opacity:1!important}.portal__atmosphere,.portal__floor,.portal__glint,.film-hero__refraction,.film-hero__caustics,.film-hero__record{animation:none!important}.film-hero__video{display:none}.film-hero__poster{background-image:url('assets/marine-poster-v4.jpg')}}

/* V6: Brand typography is invisible until the logo finishes its 3D rotation.
   Reserve its space so the symbol never jumps as the name becomes visible. */
@media (prefers-reduced-motion: no-preference) {
  .portal__word {opacity:0;transform:translate3d(0,18px,0);}
  .portal__sub {opacity:0;transform:translate3d(0,10px,0);will-change:opacity,transform;}
}