/* v73 · one radial tone for the whole site: deep grey in the middle of every screen, black toward the edges.
   It is fixed to the viewport, so every scene sits on the same light and nothing reads as a band. */
html,body{background:#050506 radial-gradient(ellipse 95% 80% at 50% 48%,#26262b 0%,#1b1b1f 32%,#0f0f12 62%,#060607 88%,#030303 100%) fixed !important;background-attachment:fixed !important}

/* first screen: no own fill; the wall melts away at its bottom when it scrolls off */
.wall-hero .wall-in{background:transparent !important;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 82%,transparent 100%)}
.wall-hero .wall-in::after{background:linear-gradient(180deg,transparent 0,rgba(3,3,4,.55) 60%,rgba(3,3,4,.7) 100%) !important}
.wall-hero .wall-shade{background:radial-gradient(ellipse 70% 60% at 50% 45%,rgba(5,5,6,.05),rgba(5,5,6,.35) 70%,rgba(5,5,6,.75) 100%) !important}
#app>#heroIntro.sec.hero-intro{background:transparent !important}

/* Brand slab scene: draw area covers the whole box, box bleeds to the right page edge, edges dissolve in an oval */
#app .about2-brand{overflow:visible}
#app .brand-visual{margin-right:calc(var(--pad) * -1);height:clamp(460px,66vh,680px) !important;overflow:visible !important;
 -webkit-mask-image:radial-gradient(ellipse 58% 56% at 54% 50%,#000 46%,rgba(0,0,0,.6) 66%,transparent 100%) !important;-webkit-mask-composite:source-over !important;
 mask-image:radial-gradient(ellipse 58% 56% at 54% 50%,#000 46%,rgba(0,0,0,.6) 66%,transparent 100%) !important;mask-composite:add !important}
#app .brand-visual .hero-visual{left:-75% !important;width:180% !important;top:-6% !important;height:112% !important;-webkit-mask-image:none !important;mask-image:none !important}
#app .brand-visual .brand-replay{right:calc(var(--pad) + 4%) !important;bottom:14% !important}

/* Mission / Vision photo: no hard box edges */
#app .mv.mv-v19{border-radius:0 !important;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 60% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 75% 70% at 60% 50%,#000 55%,transparent 100%)}

/* certification 3D: softer edge so its backdrop never shows as a disc */
.c3-vis canvas,.c3-vis .c3-still{-webkit-mask-image:radial-gradient(closest-side,#000 40%,transparent 96%) !important;mask-image:radial-gradient(closest-side,#000 40%,transparent 96%) !important}

@media (max-width:820px){#app .brand-visual{margin-right:calc(var(--pad) * -1);margin-left:calc(var(--pad) * -1);height:380px !important}}