.motion-home .approved-intro{position:relative;isolation:isolate;min-height:0;padding-block:32px 30px;gap:7vw;overflow:hidden}
.motion-home .approved-intro::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/test-design/project-gallery/project-1-drawing-1.webp') 60% 46%/cover no-repeat;opacity:.065;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 90%,transparent)}
.motion-home .approved-brand img{max-width:460px;mix-blend-mode:multiply}
.motion-home .approved-brand p{font-family:Golos,Arial,sans-serif;font-size:14px;line-height:1.75;margin-top:22px}
.motion-home .approved-copy h1{font-family:Golos,Arial,sans-serif;font-size:clamp(38px,4.1vw,68px);letter-spacing:-.035em;font-weight:400;line-height:1.12}
.motion-home .approved-bottom{margin-top:24px}
.motion-home .approved-stats{padding-top:22px;padding-bottom:30px}
.motion-home .client-logo-grid>span.client-logo{flex-direction:column;gap:8px}
.motion-home .client-logo img{width:auto;max-width:min(100%,165px);height:auto;max-height:58px;opacity:1;filter:brightness(0)}
.motion-home .client-logo.client-vector img{width:100%;height:58px}
.motion-home .client-logo.client-symbol img{height:38px;width:38px}
.motion-home .client-logo small{font-size:11px;line-height:1.1;letter-spacing:0}
.motion-home .client-logo.client-dark-source img{filter:grayscale(1) invert(1);width:100%;height:72px;max-height:72px;mix-blend-mode:multiply}
@media(max-width:900px){.motion-home .approved-intro{padding-block:28px;gap:5vw}.motion-home .approved-copy h1{font-size:clamp(32px,4.4vw,44px)}}
@media(max-width:640px){.motion-home .approved-intro{padding-block:26px 30px;gap:26px}.motion-home .approved-brand img{max-width:280px}.motion-home .approved-brand p{font-size:12px;margin-top:15px}.motion-home .approved-copy h1{font-size:clamp(32px,8.6vw,46px)}.motion-home .approved-intro::before{opacity:.045;background-size:auto 100%}.motion-home .client-logo img{max-width:125px;max-height:48px}}
.motion-home .client-logo.client-symbol:not(:has(img[alt="Microsoft"])) img{height:44px;width:132px}
.motion-home .client-logo.client-symbol:has(img[alt="Google"]) img{width:44px}
.motion-home .client-logo.client-dark-source{overflow:hidden;position:relative}
.motion-home .client-logo.client-dark-source img{width:240px;max-width:none;height:135px;max-height:none;margin:-20px 0}
.motion-home .client-logo.client-priority img{width:100%;max-width:170px;height:55px;object-fit:contain;filter:grayscale(1) contrast(2);mix-blend-mode:multiply}
.motion-home .client-logo.client-priority img[src$=".svg"]{filter:brightness(0)}

/* A clear cue to continue down the page. */
.motion-home .approved-bottom>.scroll-cue{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:auto;min-width:88px;height:auto;min-height:64px;flex-shrink:0;font-size:11px;line-height:1.3;font-weight:400;letter-spacing:.02em;text-decoration:none;color:var(--accent-green);transform:none}
.scroll-cue-icon{display:block;font-size:32px;line-height:1;}
.scroll-cue-label{white-space:nowrap}
.motion-home .approved-bottom>.scroll-cue:hover{transform:none;color:var(--accent-green)}
.scroll-cue:focus-visible{outline:2px solid currentColor;outline-offset:6px}
@media(prefers-reduced-motion:no-preference){.scroll-cue-icon{animation:scroll-cue-down 2.8s ease-in-out infinite}@keyframes scroll-cue-down{0%,100%{transform:translateY(-3px)}50%{transform:translateY(5px)}}}
@media(prefers-reduced-motion:reduce){.scroll-cue-icon{animation:none}}

/* Three balanced statements: scale, experience and renewable energy. */
.motion-home .approved-stats.stats-trio{grid-template-columns:1fr 1.16fr .9fr;gap:clamp(24px,4vw,64px);align-items:start}
.motion-home .stats-trio>div{min-width:0}
.motion-home .stats-trio strong{font-size:clamp(28px,3.1vw,48px)}
.motion-home .stats-trio .renewable-mark{display:flex;align-items:center;height:clamp(35px,3.875vw,60px);margin-bottom:0;color:var(--accent-green)}
.renewable-mark svg{width:55px;height:55px}
.motion-home .stats-trio .renewable-stat>span{max-width:29ch}
@media(max-width:1000px) and (min-width:641px){.motion-home .approved-stats.stats-trio{grid-template-columns:1fr 1fr;gap:28px}.motion-home .stats-trio .renewable-stat{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;gap:18px}.motion-home .stats-trio .renewable-mark{margin:0}.motion-home .stats-trio .renewable-stat>span{max-width:40ch}}
@media(max-width:640px){.motion-home .approved-stats.stats-trio{grid-template-columns:1fr;gap:26px}.motion-home .stats-trio .renewable-stat{display:flex;flex-direction:row;align-items:center;gap:18px}.motion-home .stats-trio .renewable-mark{margin:0;flex-shrink:0}.renewable-mark svg{width:44px;height:44px}.motion-home .stats-trio .renewable-stat>span{max-width:29ch}}

/* Clean-room expertise, paired with the environmental statement. */
.motion-home .approved-bottom .hero-standards{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}
.motion-home .hero-standards>.eco-commitment,.motion-home .cleanroom-commitment{display:flex;align-items:center;gap:20px;color:var(--accent-green);text-decoration:none;text-align:left}
.motion-home .hero-standards>.eco-commitment{width:auto;height:auto;margin:0;justify-content:flex-start;transform:none}
.cleanroom-commitment>svg{width:82px;height:64px;flex:none}
.cleanroom-copy{display:flex;flex-direction:column;gap:7px}
.cleanroom-title{font-size:15px;line-height:1.45;letter-spacing:-.01em}
.cleanroom-iso{font-size:11px;letter-spacing:.06em}
@media(max-width:900px){.motion-home .hero-standards>.eco-commitment,.motion-home .cleanroom-commitment{gap:14px}.cleanroom-commitment>svg{width:64px}.cleanroom-title{font-size:13px}}
@media(prefers-reduced-motion:no-preference){.clean-air{animation:clean-airflow 4s ease-in-out infinite}@keyframes clean-airflow{0%,100%{transform:translateY(-3px);opacity:.5}50%{transform:translateY(4px);opacity:1}}}
@media(prefers-reduced-motion:reduce){.clean-air{animation:none}}

.motion-home .renewable-commitment{display:flex;align-items:center;gap:20px;color:var(--accent-green);text-align:left}
.renewable-commitment .renewable-mark{width:82px;flex:none;display:flex;justify-content:center}
.renewable-commitment .renewable-mark svg{width:55px;height:55px;overflow:visible}
.renewable-commitment>span{font-size:15px;line-height:1.45;max-width:26ch}
.motion-home .hero-standards>.cleanroom-commitment{width:auto;height:auto;margin:0;transform:none;justify-content:flex-start}
.hero-standards>a:focus-visible{outline:2px solid var(--accent-green);outline-offset:5px}
@media(max-width:900px){.motion-home .renewable-commitment{gap:14px}.renewable-commitment .renewable-mark{width:64px}.renewable-commitment>span{font-size:13px}}
@media(prefers-reduced-motion:no-preference){.renewable-commitment svg{transform-origin:50% 80%;animation:renewable-leaf 6s ease-in-out infinite}@keyframes renewable-leaf{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}}
@media(prefers-reduced-motion:reduce){.renewable-commitment svg{animation:none}}

.motion-home .hero-standards>.renewable-commitment{width:auto;height:auto;margin:0;justify-content:flex-start;text-decoration:none;transform:none}.renewable-copy{display:flex;flex-direction:column;gap:7px}

/* Soft laminar airflow, contained within the room symbol. */
.clean-air-waves path{opacity:.65}
@media(prefers-reduced-motion:no-preference){.clean-air-waves path{stroke-dasharray:24 8;animation:clean-wave-flow 7s linear infinite}.clean-air-waves path:nth-child(2){animation-delay:-2.3s}.clean-air-waves path:nth-child(3){animation-delay:-4.6s}@keyframes clean-wave-flow{from{stroke-dashoffset:64}to{stroke-dashoffset:0}}}
@media(prefers-reduced-motion:reduce){.clean-air-waves path{animation:none;stroke-dasharray:none}}