/* Light glass direction. Named palette: brand guidelines page 15. */
:root{
 --brand-black:#2e2e2e;--brand-white:#f2f2ef;--brand-rock:#8288a3;--brand-blue:var(--accent,#0013c3);--brand-lime:var(--accent,#0013c3);
 --ocean-deep:var(--brand-white);--ocean-base:var(--brand-white);--ocean-water:var(--brand-rock);
 --ocean-light:var(--brand-rock);--ocean-mist:var(--brand-black);--ocean-rock:var(--brand-rock);
 --glass-base-rgb:242,242,239;--glass-edge-rgb:130,136,163;--heading-network-rgb:130,136,163;
 --light-glass:linear-gradient(125deg,rgb(242 242 239 / .86),rgb(242 242 239 / .42) 40%,rgb(130 136 163 / .16) 100%);
 --light-edge:rgb(130 136 163 / .38);
 --light-shadow:0 18px 55px rgb(130 136 163 / .14),inset 0 1px 0 rgb(242 242 239 / .95),inset 0 -1px 0 rgb(130 136 163 / .16);
 color-scheme:light;
}
html,body{background:var(--brand-white);color:var(--brand-black)}
body{background-image:radial-gradient(ellipse at 75% 15%,rgb(130 136 163 / .09),transparent 65%)}
.terrain{opacity:.38!important}.company-document .terrain{opacity:.3!important}
main h1,main h2{text-shadow:none!important;color:var(--brand-black)}
main h1 em,.quick-copy em,.company-main em,.platform-screen em{color:var(--brand-rock)}
main p,main .quick-copy p,.company-main p,.company-main .company-lead{color:var(--brand-black);opacity:1}
.section-number,.detail-label,.back-home,.scroll-cue,.back-cue,#offshore .back-cue,.company-footer{color:var(--brand-black)}
.text-link,.company-next a,.contact-address>a,.contact span,.scroll-arrow,.back-cue,.logo-menu a[aria-current="page"]{color:var(--brand-blue)}
.text-link,.contact{border-color:rgb(130 136 163 / .4)}
.text-link:hover,.text-link:focus-visible{border-color:var(--brand-blue)}
a:focus-visible,button:focus-visible{outline-color:var(--brand-blue)}
.brand-wordmark{filter:brightness(0);opacity:.82}
/* Add glass to standalone copy, without clipping the letter-cloud animation. */
.hero-content,.scroll-story>.quick-screen:not(#endurance)>.quick-copy,.company-intro>div:first-child{
 isolation:isolate;border:1px solid var(--light-edge);background:var(--light-glass);
 box-shadow:var(--light-shadow);backdrop-filter:blur(20px) saturate(115%);-webkit-backdrop-filter:blur(20px) saturate(115%);
 padding:clamp(28px,4vw,64px);border-radius:2px;
}
.hero-content{width:min(1120px,88vw)}
html.ocean-sequence-active .scroll-story .sequence-copy:not(.vision-copy){left:8vw;width:84vw}
.scroll-story .hero-content::before,.scroll-story>.quick-screen>.quick-copy::before,#offshore .vision-copy::before{display:none}
/* Existing cut-corner panels keep their formation and exit animations. */
.company-document :is(.company-visual,.detail-rows article,.contact-address,.company-next),#endurance .auv-display,.feedback-form{
 background:var(--light-glass)!important;border-color:var(--light-edge);
 box-shadow:var(--light-shadow);backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%);
}
.company-visual figcaption,.auv-display-label,.auv-display figcaption,.vision-figure figcaption,.risk-heading,.risk-legend,.vision-status{color:var(--brand-black)!important;border-color:var(--light-edge)}
.auv-display-label span:last-child{color:var(--brand-blue)}
.auv-display-stage{background:radial-gradient(ellipse,rgb(130 136 163 / .13),transparent 72%)}
.open-meridian,.meridian-controls button,.meridian-controls span,.cursor-effect-toggle{background:rgb(242 242 239 / .8);color:var(--brand-black);border-color:var(--light-edge);backdrop-filter:blur(16px)}
.open-meridian:hover,.meridian-controls button:hover,.cursor-effect-toggle:hover{background:rgb(130 136 163 / .16);color:var(--brand-blue)}
.system-node,.system-node.system-assembling{background-color:rgb(242 242 239 / calc(.65 * var(--system-fill,1)));border-color:var(--light-edge)}
.system-intelligence,.system-intelligence.system-assembling{background-color:rgb(130 136 163 / calc(.17 * var(--system-fill,1)));border-color:var(--brand-rock)}
.system-node h3,.system-intelligence h3,.company-main .system-node p,.system-chart h2{color:var(--brand-black)}
@media(hover:hover){.system-node:hover,.system-node.system-assembling:hover,.system-intelligence.system-assembling:hover{background-color:rgb(130 136 163 / .13)}}
.company-diagram{stroke:var(--brand-rock)}.company-diagram text,.company-diagram .diagram-title{fill:var(--brand-black)}
.company-diagram .diagram-core{fill:rgb(242 242 239 / .8);stroke:var(--brand-rock)}
.company-diagram .cable-line{stroke:var(--brand-blue)}
.risk-tab{color:var(--brand-black)}.risk-tab:hover,.risk-tab[aria-selected="true"]{color:var(--brand-blue);background:rgb(130 136 163 / .1);border-bottom-color:var(--brand-blue)}
.risk-scale{background:linear-gradient(90deg,var(--brand-blue),var(--brand-rock),var(--brand-lime))}
.company-visual.risk-visual figcaption{color:var(--brand-black)}
#offshore .vision-copy{padding:24px 28px;gap:10px}
.vision-label{background:rgb(242 242 239 / .88);color:var(--brand-black);border-color:var(--brand-rock);backdrop-filter:blur(12px)}
.vision-label b{color:var(--brand-blue)}.vision-label small{color:var(--brand-black)}
.vision-fallback{color:var(--brand-black)}
.vision-key-cable{background:var(--brand-black)}
.logo-navigation::before{background:var(--light-glass)!important;box-shadow:var(--light-shadow);backdrop-filter:blur(24px)}
.logo-menu a{color:var(--brand-black)}.logo-menu a:hover{color:var(--brand-blue)}
.logo-menu-outline path{stroke:var(--brand-rock)}
.logo-menu-toggle{color:var(--brand-black)}
.feedback-form label,.feedback-form label span,.company-main .feedback-note{color:var(--brand-black)}
.feedback-form input:not([type=hidden]),.feedback-form textarea,.feedback-form select{background:rgb(242 242 239 / .75);color:var(--brand-black);border-color:var(--light-edge)}
.feedback-form textarea::placeholder{color:var(--brand-rock)}
.feedback-send{background:var(--brand-blue);color:var(--brand-white);border-color:var(--brand-blue)}
.feedback-send:hover{background:var(--brand-black)}
.feedback-send span{color:var(--brand-white)}
@media(max-width:1000px){.logo-menu{background:rgb(242 242 239 / .92);backdrop-filter:blur(24px);border-color:var(--light-edge)}}
@media(max-width:650px){
 .hero-content,.scroll-story>.quick-screen:not(#endurance)>.quick-copy,.company-intro>div:first-child{padding:28px 20px}
 .hero-content{width:88vw}
 html.ocean-sequence-active .scroll-story .sequence-copy:not(.vision-copy){left:6vw;width:88vw}
 #offshore .vision-copy{padding:18px 14px}
 .company-intro>div:first-child h1{margin-top:22px}
}
@media(max-height:650px){.hero-content,.scroll-story>.quick-screen:not(#endurance)>.quick-copy{padding:20px}}
/* Echo the opposing corner cuts already used on the vehicle and diagram panels. */
.hero-content,.scroll-story>.quick-screen:not(#endurance)>.quick-copy,.company-intro>div:first-child{
 clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));
}
.company-main .detail-rows h3,.company-next a,.system-chart h2{color:var(--brand-black)}
.company-visual .diagram-soft{stroke:var(--brand-rock)}
@media(prefers-reduced-motion:reduce){.hero-content,.quick-copy{transition:none}}
.company-details>div:first-child{
 align-self:start;padding:28px;border:1px solid var(--light-edge);background:var(--light-glass);
 backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--light-shadow);
 clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));
}
.company-details>div:first-child h2{margin-bottom:0}
@media(max-width:650px){.company-details>div:first-child{padding:24px 20px}}
/* Precision Blue emphasis and transmissive glass, using the same brand palette. */
:root{
 --ocean-light:var(--accent,#0013c3);--heading-network-rgb:0,19,195;
 --light-glass:linear-gradient(118deg,rgb(242 242 239 / .66) 0%,rgb(242 242 239 / .18) 28%,rgb(242 242 239 / .10) 62%,rgb(130 136 163 / .24) 100%);
 --light-shadow:inset 0 1px 0 rgb(242 242 239 / .95),inset 0 -1px 0 rgb(130 136 163 / .24);
}
main h1 em,.quick-copy em,.company-main em,.platform-screen em{color:var(--accent,#0013c3)}
.glass-contour-panel{
 --glass-cut:16px;position:relative;isolation:isolate;
 border-color:transparent!important;border-radius:0;
 background:var(--light-glass)!important;
 backdrop-filter:blur(8px) saturate(135%)!important;-webkit-backdrop-filter:blur(8px) saturate(135%)!important;
 box-shadow:var(--light-shadow)!important;
 clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));
}
/* The actual outline follows the polygon, instead of clipping a rectangular border. */
.glass-contour-panel>.glass-perimeter{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:8;fill:none}
.glass-perimeter .glass-edge{stroke:rgb(130 136 163 / .62);stroke-width:1;vector-effect:non-scaling-stroke}
.glass-perimeter .glass-highlight{stroke:rgb(242 242 239 / .98);stroke-width:1.2;vector-effect:non-scaling-stroke}
.company-document .glass-contour-panel::after,#endurance .glass-contour-panel::after{display:none!important}
.glass-contour-panel>.glass-drawing{opacity:.2}
:root{
 --light-glass:linear-gradient(118deg,rgb(242 242 239 / .5),rgb(242 242 239 / .08) 28%,rgb(242 242 239 / .025) 62%,rgb(130 136 163 / .16));
}
.glass-contour-panel{backdrop-filter:blur(4px) saturate(135%)!important;-webkit-backdrop-filter:blur(4px) saturate(135%)!important}
/* Deep Black logo lockup for the light background; retain transparency and hover motion. */
.brand .brand-symbol,.brand .brand-wordmark{filter:brightness(0) invert(18.0392%);opacity:1}
/* One contour, one cut size. Remove rectangular inset shadows and legacy double outlines. */
.glass-contour-panel,#endurance .auv-display.glass-contour-panel,.company-document .glass-contour-panel{
 border:0!important;box-shadow:none!important;
 clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));
}
.glass-contour-panel>.glass-drawing{display:none!important}
.glass-perimeter .glass-edge{stroke:rgb(130 136 163 / .62);stroke-width:1;stroke-linejoin:miter}
.map-interest-points{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.risk-scale{background:linear-gradient(90deg,#f2f2ef,#8288a3,var(--accent,#0013c3))}
.skip-company{background:var(--accent,#0013c3);color:#f2f2ef}