/* HUMANON scene integration. Load after launch-refinement.css and layout refinements. */
.hero .scene-hero{
 inset:120px -2px -35px;
 background:transparent;
 border:0;
 box-shadow:none;
 opacity:1;
 -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 13%,#000 80%,transparent 100%);
 mask-image:linear-gradient(180deg,transparent 0%,#000 13%,#000 80%,transparent 100%);
}
.scene-hero canvas{
 width:100%;height:100%;
 -webkit-mask-image:linear-gradient(90deg,transparent 2%,#000 18%,#000 92%,transparent 100%);
 mask-image:linear-gradient(90deg,transparent 2%,#000 18%,#000 92%,transparent 100%);
}
.scene-hero .art-poster{
 object-fit:cover;
 object-position:75% center;
 filter:none;
 -webkit-mask-image:radial-gradient(ellipse at 65% 50%,#000 30%,transparent 74%);
 mask-image:radial-gradient(ellipse at 65% 50%,#000 30%,transparent 74%);
}
.hero-vignette{
 background:linear-gradient(90deg,#000 0%,#000f 24%,#000e 39%,#0009 49%,#0002 63%,transparent 75%),linear-gradient(0deg,#000 0%,transparent 20%,transparent 80%,#000b 100%);
}
.invitation .ocean-world{
 background:radial-gradient(ellipse at 70% 62%,#10345936,transparent 68%),radial-gradient(ellipse at 24% 90%,#15172d25,transparent 60%),linear-gradient(180deg,#000,#030a18 36%,#020714 78%,#000103);
}
.invitation .ocean-surface{
 top:4%;height:30%;
 background:radial-gradient(ellipse at 62% 0%,#5685af12,transparent 71%);
 filter:blur(22px);
}
.footer .whale-stage{
 position:relative;
 inset:auto;
 grid-column:1/-1;
 width:calc(100% + 2*var(--section));
 height:clamp(480px,54vw,800px);
 margin:0 calc(-1*var(--section)) -16px;
 background:transparent;
 border:0;
 box-shadow:none;
 -webkit-mask-image:radial-gradient(ellipse at 51% 51%,#000 48%,#000c 66%,transparent 87%);
 mask-image:radial-gradient(ellipse at 51% 51%,#000 48%,#000c 66%,transparent 87%);
}
.footer .whale-stage canvas{display:block;width:100%;height:100%;filter:drop-shadow(0 0 18px #739ce20a)}
.whale-stage .art-poster{
 opacity:.28;
 object-fit:contain;
 filter:brightness(.66) saturate(.75);
 -webkit-mask-image:radial-gradient(ellipse,#000 26%,transparent 73%);
 mask-image:radial-gradient(ellipse,#000 26%,transparent 73%);
}
@media(min-width:1600px){.footer .whale-stage{height:clamp(650px,45vw,860px)}}
@media(max-width:1100px){.hero .scene-hero{inset:128px -2px -25px}.footer .whale-stage{height:clamp(440px,60vw,700px)}}
@media(max-width:760px){
 .hero{min-height:0;padding-bottom:460px}
 .hero .scene-hero{inset:auto auto 65px -35%;width:150%;height:410px;opacity:1}
 .scene-hero canvas{-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%,#000 84%,transparent);mask-image:linear-gradient(180deg,transparent,#000 15%,#000 84%,transparent)}
 .hero-vignette{background:linear-gradient(180deg,#000 0%,#000c 35%,#0003 58%,transparent 75%,#000 100%)}
 .footer .whale-stage{
  height:clamp(315px,94vw,520px);
  width:calc(100% + 2*var(--section));
  margin:0 calc(-1*var(--section)) 12px;
  -webkit-mask-image:radial-gradient(ellipse at 51% 50%,#000 47%,#000d 68%,transparent 88%);
  mask-image:radial-gradient(ellipse at 51% 50%,#000 47%,#000d 68%,transparent 88%);
 }
 .invitation .ocean-world{background:radial-gradient(ellipse at 58% 66%,#1033552b,transparent 62%),linear-gradient(180deg,#000,#030c1c 44%,#020813 84%,#000)}
}
@media(min-width:761px) and (max-height:550px) and (orientation:landscape){.hero .scene-hero{inset:125px -2px -30px}.footer .whale-stage{height:420px}}
@media(prefers-reduced-motion:reduce){.scene-hero canvas,.whale-stage canvas{filter:none}}

/* Midnight-blue reading materials; retain translucent depth and bright action contrast. */
#notify .invitation-shell{background:radial-gradient(ellipse at var(--px) var(--py),#658ecf0d,transparent 44%),linear-gradient(145deg,#0a1c35c9,#040d20c4 58%,#07122aa8);border-color:#6c92c756;box-shadow:inset 0 1px 0 #b9d7ff38,inset -1px -1px 0 #446ca42d,0 30px 90px #0009}
#interest-form{background:radial-gradient(ellipse at 85% 0,#739ce20b,transparent 48%),linear-gradient(145deg,#08172cc9,#030b1bc4);border-color:#789cc64d;box-shadow:inset 0 1px 0 #afcffa30,inset 0 -1px 0 #446ea82b}
#interest-form .email-field{background:linear-gradient(145deg,#0b204172,#030a1980);border-color:#6f9bc45e}
#interest-form .interest-options span{background:linear-gradient(145deg,#10234078,#040b1b80)}
#interest-form .interest-options input:checked+span{background:linear-gradient(135deg,#74502a38,#172449b0)}
#interest-form .consent-panel{background:linear-gradient(145deg,#06142da6,#020819b0);border-color:#6784ac33}
.footer .footer-links{background:linear-gradient(135deg,#030d2080,#02061150);border:1px solid #5979a323}
.footer .footer-scene-heading h2{font:500 clamp(.875rem,3.1vw,3rem)/1.35 Geist,system-ui,sans-serif;letter-spacing:.105em;text-transform:uppercase;text-wrap:pretty;margin-bottom:18px;color:#dde9f7;text-shadow:0 1px 0 #4e6f9a45}
.ocean-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.whale-stage{touch-action:pan-y}
#ocean-ripple:disabled{cursor:default}
@media(max-width:760px){.footer .footer-scene-heading h2{font-size:clamp(.875rem,3.1vw,1.5rem);letter-spacing:.07em}.ocean-actions{gap:6px 20px}.footer .footer-links{padding:16px 12px}}

.ocean-caption-copy .mono{font-size:11px;line-height:1.8;letter-spacing:.1em;color:#b9cce3}
.ocean-hint{margin:6px 0 0;font-size:14px;line-height:1.7;color:#b3c7df}