/* AMBERSEA V3 | Vertical 3D logo journey followed by a separate ocean film hero */
:root{--v3-amber:#f1b76c;--v3-blue:#58b6f7;--v3-cream:#faf3e7}
html{scroll-behavior:smooth}
.portal{height:210svh;position:relative;z-index:15;background:#040b11;isolation:isolate}
.portal__sticky{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;display:grid;place-items:center;perspective:1400px;background:radial-gradient(ellipse 62% 60% at 50% 42%,#132230 0%,#090f19 45%,#030609 100%)}
.portal__atmosphere{position:absolute;inset:-10%;z-index:0;background:radial-gradient(ellipse 48% 50% at 18% 3%,rgba(233,144,59,.21),transparent 74%),radial-gradient(ellipse 45% 60% at 94% 18%,rgba(4,100,186,.12),transparent 75%),repeating-linear-gradient(135deg,transparent 0 32px,rgba(242,165,82,.008) 34px 35px);filter:blur(2px);animation:portalAmbient 12s ease-in-out infinite alternate}
.portal__light{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 38% 24% at 50% 42%,rgba(241,154,52,.18),transparent 80%),linear-gradient(185deg,transparent 62%,rgba(220,146,52,.075) 98%);opacity:calc(1 - var(--portal-p,0)*.8)}
.portal__floor{position:absolute;z-index:1;left:-15%;bottom:-3%;width:130%;height:20%;background:repeating-linear-gradient(178deg,rgba(247,169,69,.15) 0 1px,transparent 2px 18px),radial-gradient(ellipse 46% 24% at 50% 21%,rgba(241,140,31,.36),transparent 100%);opacity:calc(.65 - var(--portal-p,0)*.55);transform:perspective(400px) rotateX(58deg);filter:blur(2px);mask-image:linear-gradient(to bottom,transparent,#000 25%,transparent 99%);animation:waterLights 9s linear infinite}
.portal__center{z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding-bottom:1.5rem;transform-style:preserve-3d;transform:translateY(-1.5vh);--portal-halo-shift:0%}
.portal__center:before{content:'';position:absolute;width:min(65vw,620px);aspect-ratio:1;top:10%;left:50%;transform:translate(-50%,0);z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(236,146,60,.16) 0%,rgba(236,146,60,.05) 34%,transparent 72%);filter:blur(25px);pointer-events:none}
.portal__symbol{position:relative;width:clamp(285px,37vw,480px);height:auto;aspect-ratio:587/486;display:grid;place-items:center;transform-style:preserve-3d;transform-origin:center center;will-change:transform,opacity;filter:drop-shadow(0 16px 36px rgba(229,139,33,.26))}
.portal__symbol img{width:100%;height:auto;object-fit:contain;display:block;user-select:none;transform:translateZ(12px)}
.portal__glint{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(106deg,transparent 24%,rgba(255,250,192,.45) 49.5%,transparent 53%);background-size:280% 100%;background-position:-155% 0;mix-blend-mode:screen;animation:logoShine 5.7s ease-in-out 1s infinite;mask-image:url('assets/ambersea-emblem-cutout.png');mask-size:contain;mask-repeat:no-repeat;mask-position:center}
.portal__word{font:400 clamp(3.1rem,6vw,6.4rem)/1 Georgia,'Times New Roman',serif;letter-spacing:.11em;color:var(--v3-amber);white-space:nowrap;transform:translate3d(0,0,0);will-change:opacity,transform;text-shadow:0 3px 25px rgba(190,101,28,.45);margin:9px 0 0 .11em}
.portal__word span{background:linear-gradient(0deg,#b76c2a 0%,#edaa53 37%,#ffe3a6 68%,#ce7c35 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.portal__word b{font-weight:400;background:linear-gradient(0deg,#1258b7 0%,#2c91ef 50%,#9be2ff 85%,#296cd0 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.portal__sub{font:600 10px/1.5 'Manrope',sans-serif;letter-spacing:.43em;color:#b9c8cd;margin:23px 0 0;will-change:opacity}
.portal__meta,.portal__index{position:absolute;z-index:4;top:45px;font:600 10px/1.5 'Manrope',sans-serif;letter-spacing:.17em;color:rgba(226,217,197,.55)}
.portal__meta{left:var(--pad)}.portal__meta span{color:var(--v3-amber);margin:0 9px}.portal__index{right:var(--pad);font-variant-numeric:tabular-nums}.portal__index span{color:var(--v3-amber);margin:0 4px}
.portal__scroll{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:13px;white-space:nowrap;color:#dbcbb4;font:700 10px/1.3 'Manrope',sans-serif;letter-spacing:.2em;opacity:calc(1 - var(--portal-p,0)*2)}
.portal__scroll-arrow{display:grid;place-items:center;border:1px solid rgba(227,170,93,.55);width:37px;height:37px;border-radius:50%;font-size:22px;animation:enterPulse 2s infinite}
.portal__progress{position:absolute;z-index:5;bottom:0;left:0;width:100%;height:3px;background:rgba(226,177,96,.12)}.portal__progress span{display:block;height:100%;width:0%;background:linear-gradient(90deg,#96632c,#ffd090,#2785e5);box-shadow:0 0 17px #dc9b4e}
@keyframes portalAmbient{to{transform:translate3d(2%,-1.6%,0) scale(1.07)}}@keyframes waterLights{to{background-position:0 80px,0 0}}@keyframes logoShine{0%,24%,100%{background-position:-155% 0}55%,67%{background-position:135% 0}}@keyframes enterPulse{50%{transform:translateY(7px);background:rgba(226,169,83,.1)}}
/* Hide all navigation on the logo-only chapter */
.header.header--hidden{opacity:0;transform:translateY(-105%);visibility:hidden;pointer-events:none}
.header{transition:background .45s ease,transform .55s ease,opacity .55s ease,visibility .55s ease!important;z-index:110;background:rgba(3,15,23,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:rgba(219,224,218,.12)}
/* The film hero exists below the opening, as a true separate full-page scene */
.film-hero{position:relative;height:100svh;min-height:740px;overflow:hidden;isolation:isolate;background:#07233a;color:white}
.film-hero__background,.film-hero__poster,.film-hero__video,.film-hero__shade,.film-hero__caustics{position:absolute;inset:0;width:100%;height:100%}
.film-hero__background{z-index:-1;overflow:hidden}
.film-hero__poster{z-index:0;background:#064067 url('assets/marine-poster.jpg') center/cover no-repeat;animation:posterDrift 25s ease-in-out alternate infinite}
.film-hero__video{z-index:1;object-fit:cover;object-position:center center;min-width:100%;min-height:100%;filter:contrast(1.07) saturate(1.06) brightness(.9);transform:scale(1.015)}
.film-hero__shade{z-index:2;background:linear-gradient(90deg,rgba(2,13,23,.87) 0%,rgba(2,13,24,.67) 39%,rgba(3,17,28,.28) 69%,rgba(2,17,27,.24) 100%),linear-gradient(0deg,rgba(3,13,23,.82) 0%,transparent 32%,transparent 71%,rgba(4,17,28,.42) 100%)}
.film-hero__caustics{z-index:3;opacity:.22;background:repeating-conic-gradient(from 205deg at 75% -22%,transparent 0deg 6deg,rgba(111,204,248,.075) 8deg 9deg,transparent 13deg 29deg);filter:blur(23px);mix-blend-mode:screen;animation:rayMove 15s ease-in-out alternate infinite;pointer-events:none}
.film-hero__top{position:absolute;z-index:6;top:128px;left:var(--pad);right:var(--pad);display:flex;gap:14px;align-items:center;font:700 10px 'Manrope',sans-serif;letter-spacing:.22em;color:#ecd7bb}
.film-hero__top>span:last-child{margin-left:auto;color:#bed4de}.line-diamond{display:inline-block;width:7px;height:7px;background:#eeb171;transform:rotate(45deg);box-shadow:0 0 12px #f6a754}
.film-hero__content{position:absolute;z-index:5;top:50%;left:var(--pad);width:min(800px,72%);transform:translateY(-45%)}
.film-hero__eyebrow{font:700 11px 'Manrope',sans-serif;letter-spacing:.26em;color:#f3b86d}
.film-hero__content h1{font:600 clamp(5.2rem,9.7vw,11.1rem)/.96 'Manrope',sans-serif;letter-spacing:-.086em;color:#f9fbff;margin:29px 0;white-space:nowrap;text-shadow:0 11px 55px rgba(1,4,8,.23)}
.film-hero__content h1 em{font-style:normal;background:linear-gradient(106deg,#fff4d8 0%,#f3bb79 53%,#fff6e4 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.film-hero__content p{color:#e4eff4;font:500 clamp(16px,1.35vw,20px)/1.7 'DM Sans',sans-serif;max-width:535px;margin:0 0 37px;text-shadow:0 3px 20px rgba(0,0,0,.45)}
.film-hero__actions{display:flex;align-items:center;gap:35px;flex-wrap:wrap}
.film-hero__text-link{display:inline-flex;align-items:center;gap:15px;font:700 12px 'Manrope',sans-serif;border-bottom:1px solid rgba(255,255,255,.5);padding:13px 0;color:#fff;text-decoration:none}
.film-hero__text-link span{color:#f0b265}.film-hero__text-link:hover{border-color:#e5a253}
.film-hero__right{position:absolute;right:var(--pad);top:50%;writing-mode:vertical-rl;font:700 10px 'Manrope',sans-serif;letter-spacing:.27em;color:#dbebf2;opacity:.72}.film-hero__right span{color:var(--v3-amber);margin:16px 0}
.film-hero__bottom{position:absolute;bottom:33px;left:var(--pad);right:var(--pad);z-index:6;display:flex;align-items:center;justify-content:space-between;gap:26px;border-top:1px solid rgba(235,242,247,.24);padding-top:26px}
.film-hero__marquee{display:flex;align-items:center;gap:22px;font:700 10px 'Manrope',sans-serif;letter-spacing:.17em;color:#e6eced;white-space:nowrap}.film-hero__marquee i{color:#e7b47a;font-style:normal}
.film-hero__controls{display:flex;align-items:center;gap:20px;font:700 10px 'Manrope',sans-serif;letter-spacing:.14em;white-space:nowrap;color:#cde5ec}
.film-hero__controls button{padding:11px 15px;background:rgba(7,30,44,.45);border:1px solid rgba(217,235,246,.32);color:#faf9f5;cursor:pointer;font:700 10px 'Manrope',sans-serif;letter-spacing:.1em}
.film-hero__controls button:hover{background:rgba(233,171,100,.13)}.film-hero__controls button span{margin-left:9px;color:#f3b574}
@keyframes posterDrift{to{transform:scale(1.09) translateX(-1.3%)}}@keyframes rayMove{to{transform:rotate(5deg) translateX(2%)}}
/* Mobile: brand still alone, video readable and safely sized */
@media(max-width:900px){.portal{height:190svh}.portal__sticky{min-height:0}.portal__symbol{width:clamp(230px,54vw,430px)}.portal__word{font-size:clamp(2.8rem,8vw,5rem)}.film-hero{min-height:680px}.film-hero__content{width:87%;transform:translateY(-41%)}.film-hero__content h1{font-size:clamp(4.8rem,11vw,7.7rem)}.film-hero__right{display:none}.film-hero__marquee{gap:12px}.film-hero__marquee span:nth-of-type(n+4),.film-hero__marquee i:nth-of-type(n+3){display:none}}
@media(max-width:640px){.portal__symbol{width:min(75vw,350px)}.portal__word{font-size:clamp(2.35rem,9vw,4rem);letter-spacing:.06em}.portal__sub{font-size:8px;letter-spacing:.21em;margin-top:15px}.portal__meta,.portal__index{font-size:8px;top:25px}.portal__scroll{font-size:8px;gap:9px;bottom:48px;letter-spacing:.1em}.portal__scroll-arrow{width:32px;height:32px}.portal__floor{height:28%}.film-hero{height:100svh;min-height:650px}.film-hero__top{top:100px;letter-spacing:.1em;font-size:8px;gap:10px}.film-hero__top>span:last-child{display:none}.film-hero__shade{background:linear-gradient(0deg,rgba(2,11,20,.9) 0%,rgba(3,13,24,.56) 65%,rgba(2,11,20,.33)),linear-gradient(90deg,rgba(2,13,24,.4),transparent)}.film-hero__content{width:calc(100% - 2 * var(--pad));top:49%;transform:translateY(-36%)}.film-hero__eyebrow{font-size:9px;letter-spacing:.13em}.film-hero__content h1{font-size:clamp(3.6rem,14vw,5.3rem);margin:24px 0}.film-hero__content p{font-size:14px;max-width:390px;line-height:1.75}.film-hero__actions{gap:18px}.film-hero__marquee{font-size:8px;gap:10px}.film-hero__controls>span{display:none}.film-hero__bottom{bottom:24px;padding-top:14px}.film-hero__controls button{padding:9px 10px;font-size:9px}}
@media(max-width:380px){.portal__word{font-size:2.15rem}.film-hero__content h1{font-size:3.35rem}}
@media(prefers-reduced-motion:reduce){.portal{height:100svh}.portal__symbol,.portal__word{transform:none!important;opacity:1!important}.portal__sub{opacity:1!important}.portal__atmosphere,.portal__floor,.portal__glint,.portal__scroll-arrow,.film-hero__poster,.film-hero__caustics{animation:none!important}.film-hero__video{display:none!important}.header--hidden{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important}}

.footage-credits{padding:0 var(--pad) 28px;background:#061720;font:500 9px/1.7 'Manrope',sans-serif;color:#829ba2;letter-spacing:.05em}.footage-credits a{color:#bdd2d9;text-decoration:underline;text-underline-offset:3px}.footage-credits span{color:#d6a16a;letter-spacing:.15em}