html{background:#1d1d1d}
body{background:transparent;position:relative;isolation:isolate}
.ambient-background{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#232323;pointer-events:none}
.ambient-background canvas{width:100%;height:100%;display:block}
.why-section,.method-section,.values-section,.business-hero,.business-services,.contact-hero,.cta-section,.site-footer{background:rgba(6,6,6,.25)}
.about-story,.business-intro,.brands-section,.contact-section{background:var(--paper)}
.why-section .partnership-map article.active{background:rgba(27,27,27,.85)}
.business-hero .problem-grid article{background:rgba(8,8,8,.74)}
.site-footer{border-top:1px solid rgba(255,255,255,.16)}
.welcome-overlay{display:none}
.show-welcome .welcome-overlay{display:grid;position:fixed;inset:0;z-index:1000;place-items:center;pointer-events:auto;animation:welcomeOverlay 2.1s ease both}
.show-welcome .welcome-overlay img{width:58px;height:auto;animation:welcomeLogo 1.9s ease both}
.show-welcome .site-header,.show-welcome main,.show-welcome .site-footer,.show-welcome .skip{animation:welcomeContent 2.1s ease both}
@keyframes welcomeLogo{0%,8%{opacity:0;transform:translateY(5px)}36%,58%{opacity:1;transform:translateY(0)}88%,100%{opacity:0;transform:translateY(-3px)}}
@keyframes welcomeOverlay{0%,80%{visibility:visible;opacity:1}99%{opacity:0}100%{visibility:hidden;opacity:0;pointer-events:none}}
@keyframes welcomeContent{0%,62%{opacity:0}100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.show-welcome .welcome-overlay{display:none}.show-welcome .site-header,.show-welcome main,.show-welcome .site-footer,.show-welcome .skip{animation:none}}