/* Shared quiet frame: the projects provide the colour. */
:root{--color-bg:#fff;--color-text:#202124;--color-text-secondary:#62646b;--color-accent:#4c52ff;--color-accent-strong:#3540d4}
body{background:#fff}body:not(.menu-open):not(.gallery-is-open){overflow-x:clip}
.container{max-width:1328px;padding-inline:48px}
.nav{padding-inline:max(32px,calc((100vw - 1232px)/2));height:72px;gap:32px}
.nav__logo{font-size:19px;letter-spacing:.06em;font-weight:700}
.site-nav-links{display:flex;gap:30px;margin-left:auto;font-size:14px;align-items:center}
.site-nav-links a{min-height:44px;display:flex;align-items:center;color:#55565d}
.site-nav-links a[aria-current],.site-nav-links a:hover{color:var(--color-accent-strong)}
.site-nav-links a:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:5px}
.nav--menu-open .site-nav-links{visibility:hidden}
.menu-overlay__preview img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.site-footer{padding:80px max(32px,calc((100vw - 1232px)/2)) 28px;border-top:1px solid #e3e3e7;background:#fff;margin:64px 0 0}
.site-footer__lead{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:70px}
.site-footer__lead p{font-size:14px;color:#62646b;margin-bottom:16px}
.site-footer__lead h2{font-size:clamp(28px,3.5vw,46px);line-height:1.3;font-weight:600}
.site-footer__link{display:inline-flex;align-items:center;gap:36px;min-height:48px;padding:12px 0;border-bottom:1px solid #25262b;font-size:18px;white-space:nowrap}
.site-footer__link:hover{color:var(--color-accent-strong);border-color:currentColor}
.site-footer .footer__grid{padding:0 0 28px;border:0;margin:0;display:flex;justify-content:space-between;align-items:center;gap:24px}
.site-footer .footer__nav{display:flex;gap:28px;font-size:14px}
.site-footer .footer__inner{padding-top:24px;border-top:1px solid #e3e3e7;display:flex;justify-content:space-between;gap:20px}
.site-footer .footer__copyright{color:#696b72;font-size:12px}
.site-footer .footer__back-to-top{font-size:13px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-accent-strong);outline-offset:5px}
@media(max-width:700px){.container{padding-inline:24px}.nav{padding-inline:24px;height:64px}.site-nav-links{gap:18px;font-size:13px}.site-nav-links a:last-child{display:none}.nav{gap:22px}.nav__menu-label{display:none}.site-footer{padding:48px 24px 24px;margin-top:44px}.site-footer__lead{display:block;margin-bottom:44px}.site-footer__link{margin-top:24px;font-size:16px}.site-footer .footer__nav{gap:22px}.site-footer .footer__inner{flex-direction:column;gap:8px}.site-footer .footer__grid{gap:10px}.site-footer .footer__back-to-top{font-size:12px}}
