/* AMBERSEA V9 | Opening chapter → champagne-gold wave → ocean film.
   Only this cinematic bridge is new. Existing 3D logo and page sections remain. */
.portal{height:265svh}
.sea-gateway{
  --gate-line:108%; --gate-copy:0; --gate-orb:0;
  position:absolute; inset:0;z-index:9;overflow:hidden;pointer-events:none;
  color:#2b241b; isolation:isolate;
  background:
    radial-gradient(ellipse 90% 90% at 54% -10%,#fffefd 0%,transparent 72%),
    radial-gradient(ellipse 55% 63% at 18% 100%,rgba(185,127,42,.23),transparent 80%),
    linear-gradient(145deg,#fffefa 0%,#f4e3c6 55%,#cf9c55 115%);
  clip-path:polygon(0 calc(var(--gate-line) + 4%),11% calc(var(--gate-line) + 1%),25% calc(var(--gate-line) - 3%),40% calc(var(--gate-line) - 5%),55% calc(var(--gate-line) - 3%),70% calc(var(--gate-line) + 1%),87% calc(var(--gate-line) + 4%),100% calc(var(--gate-line) + 2%),100% 100%,0 100%);
  will-change:clip-path;
}
.sea-gateway__grain{position:absolute;inset:0;opacity:.42;pointer-events:none;background-image:radial-gradient(rgba(134,93,46,.12) .55px,transparent .65px);background-size:6px 6px;mask-image:linear-gradient(to bottom,transparent 10%,black 45%,transparent 100%)}
.sea-gateway__top,.sea-gateway__footer{position:absolute;left:var(--pad);right:var(--pad);z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 10px/1.3 Manrope,sans-serif;letter-spacing:.21em;color:#8c6735;opacity:calc(var(--gate-copy)*.8)}
.sea-gateway__top{top:50px}
.sea-gateway__footer{bottom:42px}
.sea-gateway__footer b{color:#b37e35;margin:0 .6em}
.sea-gateway__tide{position:absolute;width:138vw;height:24vw;min-height:180px;left:-19vw;top:12%;transform:rotate(-11deg) translateY(calc((1 - var(--gate-orb))*13vh));border-radius:50%;border:1px solid rgba(200,152,79,.2);box-shadow:0 -20px 75px rgba(255,246,228,.24),0 25px 70px rgba(203,156,90,.06);opacity:calc(var(--gate-orb)*.72)}
.sea-gateway__tide--two{top:20%;height:16vw;transform:rotate(12deg) translateY(calc((1 - var(--gate-orb))*10vh));border-color:rgba(171,117,46,.16);opacity:calc(var(--gate-orb)*.54)}
.sea-gateway__orb{position:absolute;z-index:-1;width:min(75vw,850px);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%) scale(calc(.65 + var(--gate-orb)*.4));border-radius:50%;opacity:var(--gate-orb);background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.7),rgba(255,245,225,.32) 33%,rgba(212,167,101,.12) 60%,transparent 70%);filter:blur(4px)}
.sea-gateway__content{position:absolute;left:5%;right:5%;top:50%;text-align:center;transform:translateY(calc(-39% + (1 - var(--gate-copy))*28px));opacity:var(--gate-copy);z-index:4}
.sea-gateway__kicker{display:block;font:700 clamp(8px,1vw,11px)/1.6 Manrope,sans-serif;letter-spacing:.35em;color:#96703c}
.sea-gateway__rule{display:flex;align-items:center;gap:16px;justify-content:center;margin:clamp(17px,2.7vh,32px) 0}
.sea-gateway__rule i{width:clamp(30px,7vw,120px);height:1px;background:linear-gradient(90deg,transparent,#c99955)}
.sea-gateway__rule i:last-child{transform:rotate(180deg)}
.sea-gateway__rule span{color:#af7e3a;font:18px Georgia,serif}
.sea-gateway h2{font:400 clamp(3.25rem,8.4vw,9.5rem)/.94 Georgia,'Times New Roman',serif;letter-spacing:-.055em;margin:0;color:#29231d;text-wrap:balance;text-shadow:0 13px 34px rgba(172,125,71,.06)}
.sea-gateway h2 em{font-weight:400;font-style:italic;background:linear-gradient(102deg,#98642d 2%,#d6ad64 44%,#8c642e 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sea-gateway__content p{font:700 clamp(8px,1vw,11px)/1.7 Manrope,sans-serif;letter-spacing:.24em;color:#866b4a;margin:31px 0 0}
/* The cream/gold gateway continues seamlessly into the seafood movie. */
.film-hero__entry{position:absolute;z-index:15;inset:0;pointer-events:none;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;
  background:radial-gradient(ellipse at 53% 20%,#fffefa,#f4e5cb 65%,#ddb981 130%);
  color:#94703d;
  clip-path:inset(0 0 calc(var(--film-open,0)*104%) 0);
  will-change:clip-path;
}
.film-hero__entry>span:first-child{font:400 clamp(2.5rem,6.5vw,6rem)/1.1 Georgia,serif;letter-spacing:-.06em;color:#2b241c;max-width:90%;text-align:center}
.film-hero__entry i{width:120px;height:1px;background:#b98847}
.film-hero__entry-small{font:700 9px/1.5 Manrope,sans-serif;letter-spacing:.27em}
/* Ocean film emerges from the luminous curtain: hero copy follows the water. */
.film-hero__content{opacity:clamp(0,calc((var(--film-open,0) - .4)*3.2),1);transition:none}
.film-hero__top,.film-hero__bottom,.film-hero__right,.film-hero__film-mark{opacity:clamp(0,calc((var(--film-open,0) - .3)*3),1)}
.film-hero__content h1,.film-hero__content>p,.film-hero__actions{transform:translate3d(0,calc((1 - var(--film-open,0))*16px),0)}
/* Dynamic scrolling is optional: if script cannot run, film is still legible. */
@media(max-width:900px){.portal{height:250svh}}
@media(max-width:640px){
  .portal{height:245svh}
  .sea-gateway__top,.sea-gateway__footer{font-size:8px;letter-spacing:.11em;left:22px;right:22px}
  .sea-gateway__top{top:28px}.sea-gateway__footer{bottom:25px}
  .sea-gateway__content{top:50%;transform:translateY(calc(-43% + (1 - var(--gate-copy))*20px))}
  .sea-gateway__kicker{letter-spacing:.17em;font-size:8px}
  .sea-gateway h2{font-size:clamp(2.6rem,10vw,4.5rem);line-height:1.05;letter-spacing:-.045em}
  .sea-gateway__content p{font-size:7px;letter-spacing:.13em;margin-top:26px}
  .film-hero__entry>span:first-child{font-size:clamp(2rem,10vw,3.5rem)}
}
@media(prefers-reduced-motion:reduce){
  .portal{height:100svh}
  .sea-gateway,.film-hero__entry{display:none!important}
  .film-hero__content,.film-hero__top,.film-hero__bottom,.film-hero__right,.film-hero__film-mark{opacity:1!important;transform:none!important}
}
@supports not (clip-path:polygon(0 0,100% 0,100% 100%,0 100%)){
  .sea-gateway{display:none}.film-hero__entry{display:none}
  .film-hero__content,.film-hero__top,.film-hero__bottom{opacity:1}
}