/* Ocean preview. Colours sampled from the brand book, not a new palette.
   Page 22 AUV mockup: #122a32 (921,119), #193542 (643,258),
   #26576b (400,70), #57bdc2 (650,340), #ccdbdb (802,224).
   Page 15: Rocky Blue #8288a3, Limitless Space #f2f2ef, Neon Current #d1fe49.
   Sample coordinates refer to tmp/brand/page-22.png, 1100px wide. */
:root{
 --ocean-deep:#122a32;--ocean-base:#193542;--ocean-water:#26576b;
 --ocean-light:#57bdc2;--ocean-mist:#ccdbdb;--ocean-rock:#8288a3;
 --glass-base-rgb:18,42,50;--glass-edge-rgb:130,136,163;
 --heading-network-rgb:87,189,194;
}
html,body{background:var(--ocean-base);color:#f2f2ef}
body{background:radial-gradient(ellipse at 50% 0%,rgba(38,87,107,.5),transparent 72%),var(--ocean-base);background-attachment:fixed}

main h1{text-shadow:0 3px 24px rgba(18,42,50,.4)}
main h1 em,.quick-copy em,.company-main em,.platform-screen em{color:var(--ocean-light)}
main p,main .quick-copy p,.company-main p,.meridian-controls,.cursor-effect-toggle,
.section-number,.detail-label,.scroll-cue,.back-cue,#offshore .back-cue,
.company-footer,.company-visual figcaption,.auv-display-label,.auv-display figcaption{color:var(--ocean-mist)}
.scroll-story .hero-content::before,.scroll-story>.quick-screen>.quick-copy::before{
 background:radial-gradient(ellipse closest-side,rgba(18,42,50,.46) 36%,rgba(18,42,50,.26) 68%,rgba(18,42,50,0) 100%);
}
.company-document :is(.company-visual,.detail-rows article,.contact-address,.company-next),#endurance .auv-display{
 background:linear-gradient(135deg,rgba(130,136,163,.14),rgba(18,42,50,.62));
 border-color:rgba(130,136,163,.4);
 box-shadow:inset 0 1px 0 rgba(242,242,239,.05),inset 0 -1px 0 rgba(18,42,50,.22);
}
.company-document :is(.company-visual,.detail-rows article,.contact-address,.company-next)::after{
 background:linear-gradient(45deg,transparent calc(50% - .5px),rgba(204,219,219,.5) calc(50% - .5px),rgba(204,219,219,.5) calc(50% + .5px),transparent calc(50% + .5px)) left bottom/var(--glass-cut) var(--glass-cut) no-repeat,
 linear-gradient(45deg,transparent calc(50% - .5px),rgba(204,219,219,.5) calc(50% - .5px),rgba(204,219,219,.5) calc(50% + .5px),transparent calc(50% + .5px)) right top/var(--glass-cut) var(--glass-cut) no-repeat;
}
.company-details,.company-next,.company-footer,.contact-address,.detail-rows article,
.company-document .company-visual figcaption,.auv-display-label,.auv-display figcaption,
.open-meridian,.meridian-controls button,.contact{border-color:rgba(130,136,163,.4)}
.company-diagram{stroke:var(--ocean-mist)}
.company-diagram text{fill:var(--ocean-mist)}
.company-diagram .diagram-title{fill:#f2f2ef}
.company-diagram .diagram-core{fill:rgba(18,42,50,.85);stroke:var(--ocean-light)}
.company-diagram .cable-line,.grid-orbit{stroke:var(--ocean-light)}
.auv-display-stage{background:radial-gradient(ellipse,rgba(87,189,194,.08),transparent 72%)}
.meridian-controls span,.cursor-effect-toggle{background:rgba(18,42,50,.85)}
.cursor-effect-toggle{border-color:rgba(130,136,163,.4)}
.cursor-effect-toggle:hover,.cursor-effect-toggle:focus-visible{background:var(--ocean-water)}
.logo-menu-outline path{stroke:rgba(204,219,219,.34)}
.construction-reflection{background:linear-gradient(90deg,transparent,rgba(87,189,194,.03) 12%,rgba(87,189,194,.14) 39%,rgba(204,219,219,.25) 50%,rgba(87,189,194,.1) 66%,transparent)}
.construction-reflection::before,.construction-reflection::after,.glass-materialise::before,.glass-materialise::after{background:linear-gradient(90deg,transparent,rgba(204,219,219,.65) 25%,rgba(242,242,239,.85) 50%,rgba(204,219,219,.65) 75%,transparent);box-shadow:0 0 6px rgba(87,189,194,.16)}
#endurance .auv-display::after{background:linear-gradient(45deg,transparent calc(50% - .5px),rgba(130,136,163,.55) calc(50% - .5px),rgba(130,136,163,.55) calc(50% + .5px),transparent calc(50% + .5px)) left bottom/18px 18px no-repeat,linear-gradient(45deg,transparent calc(50% - .5px),rgba(130,136,163,.55) calc(50% - .5px),rgba(130,136,163,.55) calc(50% + .5px),transparent calc(50% + .5px)) right top/18px 18px no-repeat}
@media(min-width:1001px){.logo-navigation::before{background:linear-gradient(115deg,rgba(242,242,239,.14),rgba(242,242,239,.025) 38%,rgba(130,136,163,.09) 75%,rgba(242,242,239,.12)),rgba(18,42,50,.6)}}
@media(max-width:1000px){.logo-menu{background:rgba(18,42,50,.94);border-color:rgba(130,136,163,.4)}}