/* Original transparent brand asset: alpha bounds 248,320–1434,636.
   Crop only its empty canvas in CSS; keep its pixels and alpha unchanged. */
.brand,.hero-brand,.header .brand,.footer-brand .brand,.dialog-brand{height:auto;aspect-ratio:1187/317;background:transparent;isolation:auto}
.brand img,.hero-brand img{width:140.86%;height:auto;max-width:none;left:-20.89%;top:-100.95%;filter:brightness(0) invert(1);mix-blend-mode:normal}
.menu-toggle{gap:4px}
.menu-toggle span{width:18px;height:1.5px;border-radius:1px;flex:none}
/* Keep the rim of the large sphere inside the viewport, as in reference 2. */
.planet{background:radial-gradient(ellipse at 27% 54%,#080b0d 38%,#10181b 65%,#263a3a 85%,#65877c 97%,#b6dbcc 100%);box-shadow:inset -4px 3px 9px #9ae0c532,8px -4px 30px #8fdfc00b}
.planet-main{width:1080px;height:1080px;left:calc(50% - 585px);top:50px;opacity:.82;mask-image:linear-gradient(180deg,#000 18%,#000b 46%,transparent 72%)}
.planet-small{width:620px;height:620px;left:calc(50% - 1030px);top:310px;opacity:.7}
.planet:after{opacity:.22}
.hero-brand{width:330px}
.hero-flow .flow-card.selected{box-shadow:0 0 32px #7cd5b323,inset 0 0 16px #80d9b60d}
.process-flow .flow-card.selected,.project-thumb.featured{box-shadow:inset 0 0 22px #89d9bd20,0 0 18px #89d9bd27}
.service-planet{right:calc(50% - 540px);top:20px;opacity:.75}
.work:after{content:'';position:absolute;right:-2%;top:34px;width:350px;aspect-ratio:1187/317;background:var(--mint);opacity:.035;mask:url('assets/brand-alpha.png') 50% 50% / 141% auto no-repeat;pointer-events:none}
@media(min-width:1500px){.planet-main{width:1250px;height:1250px;left:calc(50% - 660px)}}
@media(max-width:800px){.hero-brand{width:285px}.planet-main{left:auto;right:-30px;width:880px;height:880px}.service-planet{right:-110px}}
@media(max-width:600px){
 .hero-brand{width:215px}
 .home{padding-top:134px}
 .planet-main{width:690px;height:690px;left:auto;right:-14px;top:36px;transform:rotate(-18deg);opacity:.85;mask-image:linear-gradient(180deg,#000 20%,#000b 54%,transparent 81%)}
 .planet-small{width:355px;height:355px;left:-235px;top:235px}
 .hero-intro .tagline{margin-top:17px;font-size:8px}
 .vertical-rule{height:23px;margin:21px auto}
 .hero-intro .eyebrow{margin-bottom:12px}
 h1{font-size:34px}
 .hero-copy{margin-top:16px}
 .hero-flow{margin-top:27px}
 .flow-card{min-height:94px;border-radius:14px}
 .flow-card.selected{min-height:116px}
 .quick-links>a{min-height:144px;padding:18px 15px 23px;background:linear-gradient(120deg,#191e20,#15191b)}
 .quick-links svg{margin-bottom:15px}
 .service-planet{width:580px;height:580px;right:-145px;top:45px}
 .process-flow{margin-top:45px}
 .process-flow .flow-card.selected{border-color:#97e8cf}
 .project-thumb.featured{border-color:#8cddc4}
 .work:after{width:235px;top:42px;right:-36px}
}