/* LOOK B (comparison only): near-black ground with a faint tint, and clean brand-hue company tiles. Switch with ?look=b ; back with ?look=a */
html.lookb body{background:#0a0c10}
html.lookb #bd img,html.lookb #bd video{filter:blur(70px) saturate(.3) brightness(.2)}
html.lookb #bd::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(130% 75% at 50% 0%,color-mix(in srgb,var(--tint,#2c52a0) 40%,transparent),transparent 62%)}
html.lookb .door:not([class*="b-"]){background:linear-gradient(165deg,var(--g1) 0%,var(--g2) 100%);box-shadow:0 26px 60px -34px #000c,inset 0 0 0 1px rgba(255,255,255,.18)}
html.lookb .door:not([class*="b-"]) .art{opacity:.12}
html.lookb .door:hover .art{opacity:.22}

/* HOTFIX 10-28 (Safari flicker): no runtime blur, no backdrop-filter, no mask or filter on playing video, no scroll-driven layer swap.
   One static CSS ground per page; cards and pills use solid tinted fills. */
html.lookb #bd{display:none}
html.lookb body{background:radial-gradient(130% 70% at 50% 0%,color-mix(in srgb,var(--tint,#2c52a0) 34%,#0a0c10) 0%,#0a0c10 64%) no-repeat,#0a0c10}
html.lookb *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.lookb .btn.f,html.lookb .pill.alt{background:rgba(14,18,24,.9)}
html.lookb .menu{background:rgba(14,18,24,.94)}
html.lookb .pills button{background:rgba(14,18,24,.94)}
html.lookb .hero video{filter:none;-webkit-mask-image:none;mask-image:none}
html.lookb .hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(10,12,16,0),#0a0c10 96%)}
html.lookb .tick{will-change:transform}
@media(max-width:700px){html.lookb .top nav{background:#0a0c10}}