/* STRATO brand: real Futura weights and logo entrance. */
@font-face{font-family:'Futura STRATO';src:url('assets/fonts/FuturaCyrillicLight.ttf') format('truetype');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:'Futura STRATO';src:url('assets/fonts/FuturaCyrillicBook.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Futura STRATO';src:url('assets/fonts/FuturaCyrillicMedium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Futura STRATO';src:url('assets/fonts/FuturaCyrillicDemi.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Futura STRATO';src:url('assets/fonts/FuturaCyrillicBold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{font-family:'Futura STRATO',Futura,'Century Gothic',sans-serif}
.micro{font-family:inherit}
.hero-main{display:block}
h1{letter-spacing:-.045em;font-weight:400}
.section-heading h2,.project-intro h2{letter-spacing:-.035em}
.primary-button{font-weight:600;font-size:16px}
.hero-bottom p{font-size:19px}
.service p,.remote-note p{font-size:16px}
label,.form-instruction,.header-link,.footer-links{font-size:16px}
.material-image{display:block;object-fit:contain;object-position:center;width:100%;height:auto;background:transparent;mix-blend-mode:screen;min-width:0}
.material figcaption,.copyright,.remote-note .micro{font-size:12px}
.intro-screen{display:none;position:fixed;inset:0;z-index:30;pointer-events:none}
.intro-backdrop{position:absolute;inset:0;background:var(--black)}
.intro-logo{position:absolute;width:66vw;max-width:920px;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:top left;will-change:transform}
.intro-pending .intro-screen{display:block;animation:intro-failsafe 0s 3.2s forwards}
.intro-pending .header>.brand{opacity:0;animation:brand-failsafe 0s 3.2s forwards}
@keyframes intro-failsafe{to{visibility:hidden}}
@keyframes brand-failsafe{to{opacity:1}}
@media(max-width:740px){.hero-overline,.hero-foot,.material figcaption{font-size:12px}.header-link{font-size:14px}.hero-bottom p{font-size:18px}.material-image{aspect-ratio:1450/1086;min-height:0}.hero-foot>span{max-width:215px}.intro-logo{width:76vw}}
@media(max-width:440px){.header-link{font-size:13px}.hero-foot>span{max-width:175px}h1{font-size:clamp(39px,10.5vw,52px)}}
@media(prefers-reduced-motion:reduce){.intro-pending .intro-screen{display:none}.intro-pending .header>.brand{opacity:1}}