.site-header-main{position:relative;z-index:10}
.site-nav{display:flex;align-items:center;gap:30px;font-size:13px}
.site-nav>a:not(.nav-contact){padding:10px 0;border-bottom:2px solid transparent}
.site-nav>a[aria-current=page]:not(.nav-contact){color:#5b26cb;border-bottom-color:#5b26cb}
.site-nav .nav-contact[aria-current=page]{background:#5b26cb}
.mobile-menu-toggle{display:none}
.page-intro{padding-top:65px;padding-bottom:36px}
.page-intro>.kicker{color:#697329}
.page-intro h1{font-size:clamp(48px,5.5vw,78px);font-weight:700;letter-spacing:-.055em;line-height:1.06;margin:25px 0}
.page-intro h1 em{font-style:normal;color:#5b26cb}
.page-intro>p{max-width:720px;color:#545f25;font-size:18px;line-height:1.8}
.page-jump{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:30px}
.page-jump a{border:1px solid #76862577;border-radius:4px;padding:12px 17px;font-size:13px;line-height:1.5}
.page-jump a:hover{background:#5b26cb;color:#fff;border-color:#5b26cb}
.services-page .message-offers{padding-top:30px}
.work-page .projects{padding-top:20px}
.page-invite{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:45px;padding-bottom:45px;border-top:1px solid #7e8d354a}
.page-invite h2{font-size:34px;line-height:1.15;font-weight:600;letter-spacing:-1px;margin:0 0 12px}
.page-invite p{font-size:16px;line-height:1.8;color:#545f25;max-width:650px}
.page-invite .cta{flex-shrink:0;font-size:13px}
.home-work{padding-top:65px;padding-bottom:65px}
.home-work-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}
.home-work-heading .kicker{font-size:9px;letter-spacing:.9px;color:#697329}
.home-work h2{font-size:42px;font-weight:600;letter-spacing:-1.5px;line-height:1.15;margin-top:18px}
.home-work-heading>.text-link{font-size:13px;flex-shrink:0}
.home-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.home-work-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:23px;border:1px solid #7e8d354a;border-radius:6px;padding:18px;transition:background .2s}
.home-work-card:hover{background:#ffffff2b}
.home-work-card img{width:100%;height:auto;aspect-ratio:1.4;object-fit:cover;object-position:top;border-radius:4px;background:#f7f6f0}
.home-work-card:first-child img{object-fit:contain}
.home-work-card div>span{font-size:8px;letter-spacing:.8px;color:#697329;line-height:1.8;display:block}
.home-work-card h3{font-size:25px;line-height:1.2;letter-spacing:-.6px;font-weight:600;margin:13px 0 10px}
.home-work-card p{font-size:13px;line-height:1.7;color:#545f25}
.home-work-card b{display:block;color:#5b26cb;font-size:25px;font-weight:400;margin-top:8px}
.cooperation-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding-top:25px;padding-bottom:70px}
.cooperation-steps article{border-top:1px solid #7e8d354a;padding-top:20px}
.cooperation-steps article>span{font-size:9px;letter-spacing:.7px;color:#697329;line-height:1.8}
.cooperation-steps h2{font-size:25px;font-weight:500;letter-spacing:-.6px;line-height:1.2;margin:22px 0 15px}
.cooperation-steps p{font-size:15px;line-height:1.8;color:#545f25}
.workflow-case summary{list-style:none;cursor:pointer;position:relative}
.workflow-case summary::-webkit-details-marker{display:none}
.workflow-case summary h3{margin-bottom:18px}
.workflow-summary{font-size:16px;line-height:1.7;color:#545f25}
.workflow-expand{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;font-size:12px;color:#5b26cb}
.workflow-expand b{font-size:25px;font-weight:400;line-height:1;transition:transform .15s}
.workflow-case[open] .workflow-expand b{transform:rotate(45deg)}
.workflow-body{margin-top:25px}
.contact-page .contact-section{border-top:0;padding-top:65px}
.contact-page .contact-copy h1{font-size:clamp(45px,5vw,70px);line-height:1.08;letter-spacing:-2px;font-weight:600;margin:25px 0}
.contact-page .contact-copy h1 em{font-style:normal;color:#5b26cb}
.contact-page .contact-copy>p{font-size:17px;line-height:1.8}
.legal-content{padding-top:60px;padding-bottom:75px;max-width:1050px}
.legal-content h1{font-size:clamp(42px,5.5vw,72px);font-weight:700;letter-spacing:-.045em;line-height:1.1;margin:25px 0 35px}
.legal-content h1 em{font-style:normal;color:#5b26cb}
.legal-content h2{font-size:27px;font-weight:600;letter-spacing:-.6px;margin:35px 0 16px}
.legal-content p,.legal-content li{font-size:16px;line-height:1.85;color:#545f25;margin:15px 0}
.legal-content a{text-decoration:underline;text-underline-offset:3px}
.legal-content .button{display:inline-block;background:#191c18;color:#e8f345;padding:14px 20px;border-radius:4px;text-decoration:none;font-size:13px;margin-top:20px}
.footer{grid-template-columns:1fr auto;gap:25px 35px}
.footer>div{grid-column:1;grid-row:1}
.site-footer-nav{display:flex;align-items:center;gap:24px;grid-column:2;grid-row:1;font-size:12px}
.footer>small{grid-column:1/-1;grid-row:2}
[id]{scroll-margin-top:25px}
@media(max-width:1180px){.site-nav{gap:23px;font-size:12px}.home-work-card{gap:18px}.home-work-card h3{font-size:22px}.cooperation-steps{gap:28px}.cooperation-steps h2{font-size:23px}.site-footer-nav{gap:18px;font-size:11px}}
@media(max-width:900px){.home-work-card{grid-template-columns:.8fr 1.2fr;gap:15px;padding:15px}.home-work-card h3{font-size:21px}.home-work-card p{font-size:12px}.home-work-card div>span{font-size:7px}.home-work-grid{gap:20px}.site-footer-nav{flex-wrap:wrap;max-width:270px;justify-content:flex-end;gap:12px 20px}.cooperation-steps{gap:24px}.cooperation-steps h2{font-size:22px}.cooperation-steps p{font-size:14px}.page-intro>p{font-size:17px}}
@media(max-width:760px){.site-header-main{height:95px}.mobile-menu-toggle{display:inline-flex;align-items:center;gap:10px;font:inherit;font-size:12px;line-height:1.5;color:#191c18;background:transparent;border:1px solid #76862577;border-radius:4px;padding:11px 14px}.mobile-menu-toggle>span:first-child{font-size:18px}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:8px;background:#e8f345;border:1px solid #76862577;padding:16px;box-shadow:0 15px 25px #191c1817;border-radius:0 0 5px 5px;font-size:16px}.site-nav.is-open{display:flex}.site-nav>a:not(.nav-contact){padding:12px 7px}.site-nav .nav-contact{justify-content:space-between;padding:14px;font-size:14px}.home-work-grid{grid-template-columns:1fr}.home-work-card{grid-template-columns:145px 1fr;gap:23px;padding:17px}.home-work-card img{aspect-ratio:1.5}.home-work-card h3{font-size:24px}.home-work-card div>span{font-size:8px}.home-work-card p{font-size:14px}.home-work-card b{font-size:22px;margin-top:5px}}
@media(max-width:620px){.page-intro{padding-top:42px;padding-bottom:28px}.page-intro>.kicker{font-size:8px}.page-intro h1{font-size:44px;letter-spacing:-1.8px;margin:22px 0}.page-intro>p{font-size:15px;line-height:1.8}.page-jump{gap:8px;padding-bottom:18px}.page-jump a{font-size:11px;padding:11px 12px}.services-page .message-offers{padding-top:12px}.home-work{padding-top:42px;padding-bottom:42px}.home-work-heading{align-items:start;flex-direction:column;gap:18px;margin-bottom:24px}.home-work-heading .kicker{font-size:7px}.home-work h2{font-size:34px;letter-spacing:-1px;margin-top:16px}.home-work-heading>.text-link{font-size:12px}.home-work-card{grid-template-columns:115px minmax(0,1fr);gap:17px;padding:13px}.home-work-card h3{font-size:21px;margin:9px 0 7px}.home-work-card p{font-size:12px}.home-work-card div>span{font-size:6px;letter-spacing:.6px}.home-work-grid{gap:15px}.home-work-card b{font-size:20px}.page-invite{flex-direction:column;align-items:start;gap:22px;padding-top:35px;padding-bottom:35px}.page-invite h2{font-size:30px;letter-spacing:-.8px}.page-invite p{font-size:14px}.page-invite .cta{font-size:12px}.cooperation-steps{grid-template-columns:1fr;gap:28px;padding-top:10px;padding-bottom:45px}.cooperation-steps h2{font-size:25px;margin:17px 0 13px}.cooperation-steps p{font-size:15px}.workflow-summary{font-size:15px}.workflow-expand{font-size:11px}.contact-page .contact-section{padding-top:42px}.contact-page .contact-copy h1{font-size:43px;letter-spacing:-1.4px;margin:20px 0}.contact-page .contact-copy>p{font-size:16px}.legal-content{padding-top:35px;padding-bottom:50px}.legal-content h1{font-size:43px}.legal-content h2{font-size:25px}.legal-content p,.legal-content li{font-size:15px}.footer{grid-template-columns:1fr;gap:23px}.site-footer-nav{grid-column:1;grid-row:2;justify-content:flex-start;max-width:none;gap:18px;font-size:11px}.footer>small{grid-row:3}.home-page .hero-composition{height:310px;max-width:440px;width:100%}}
@media(max-width:380px){.page-intro h1{font-size:39px;letter-spacing:-1.5px}.home-work-card{grid-template-columns:93px minmax(0,1fr);gap:14px;padding:12px}.home-work-card h3{font-size:19px}.home-work-card p{font-size:11px}.home-work-card div>span{font-size:6px;letter-spacing:.2px}.contact-page .contact-copy h1{font-size:39px}.site-footer-nav{gap:12px;font-size:10px}.legal-content h1{font-size:38px}.home-page .hero-composition{height:285px}}

@media(max-width:620px){.home-page .composition-label{display:none}}

.work-page .project-layout{row-gap:55px}.msystem-art{background:#282327}.msystem-art .window img,.gunner-art .window img{object-position:top}.work-page .project-layout>article{min-width:0}
@media(max-width:620px){.work-page .project-layout{row-gap:35px}}

/* Static decorative elements need no separate playback control. */
.orbit-symbol,.floating-project,.app-phone,.marquee-track,.sample-symbol{animation:none!important}