@font-face{font-family:Inter;src:url('./assets/fonts/inter-cyrillic.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;src:url('./assets/fonts/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#1a1d1b;--paper:#f3f1eb;--white:#f6f5f0;--orange:#ffa767;--rule-dark:#666964;--rule-light:#b3b4ae}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ink);color:var(--white);font:400 14px/1.35 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,figure,ul,ol{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}img{display:block;max-width:100%;height:auto}h1,h2,h3,h4{font-weight:750;letter-spacing:-.045em}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.light :focus-visible{outline-color:#a54408}[hidden]{display:none!important}
.container{width:89.6%;max-width:1320px;margin-inline:auto}.dark{background:var(--ink) url('./assets/grain.svg');color:var(--white)}.light{background:var(--paper);color:var(--ink)}.skip-link{position:fixed;z-index:100;left:12px;top:12px;background:var(--orange);color:var(--ink);padding:12px;transform:translateY(-180%)}.skip-link:focus{transform:none}
.header{display:flex;align-items:center;gap:36px;padding-top:13px;padding-bottom:12px}.brand{display:flex;flex-direction:column;line-height:1.2;margin-right:auto}.brand strong{font-size:18px;letter-spacing:-.025em}.brand span{font-size:12px;margin-top:3px}.navigation{display:flex;gap:30px;font-size:12px}.navigation a:hover,.footer a:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:37px;padding:9px 24px;border-radius:2px;background:var(--orange);color:#101410;font-size:13px;font-weight:650;text-align:center;box-shadow:inset 0 0 0 1px #ffcfaa38;transition:background .15s}.button:hover{background:#ffb780}.header-button{min-width:146px}
.hero{padding-top:12px;padding-bottom:12px}.eyebrow{font-size:14px;line-height:1.5;margin-bottom:5px}.hero h1{font-size:clamp(45px,6.96vw,103px);line-height:.89;letter-spacing:-.035em;font-weight:800}.hero h1>span{display:block;white-space:nowrap}.accent{color:var(--orange)}.hero-bottom{display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:32px;margin-top:24px}.introduction{font-size:16px;line-height:1.35;letter-spacing:-.015em}.hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:23px}.hero-actions .button{min-width:163px}.call-link{display:inline-flex;gap:13px;align-items:center;white-space:nowrap;font-size:13px}.call-link span{font-size:23px;font-weight:300}.technologies{display:flex;gap:12px;border-top:1px solid var(--rule-dark);padding-top:10px;margin-top:17px;font-size:13px}.technologies li+li:before{content:'·';margin-right:12px;color:#c8c9c4}
.portfolio{padding:15px 0 19px}.portfolio h2{font-size:clamp(34px,4.55vw,64px);line-height:1.12;letter-spacing:-.055em}.featured{display:grid;grid-template-columns:45.5% 54.5%;margin-top:4px;padding:1px 0 16px;border-bottom:1px solid var(--rule-light);min-height:104px;align-items:center}.featured h3{font-size:48px;line-height:1.05;letter-spacing:-.055em}.featured-description{border-left:1px solid #8f938e;padding-left:36px;padding-top:3px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.project-item h3 button,.project-item h4 button{font:inherit;letter-spacing:inherit;text-align:left}.project-item h3 button:hover,.project-item h4 button:hover{color:#ab4e16}.project-subtitle{font-size:15px;line-height:1.3;font-weight:500;letter-spacing:-.025em}.project-lead{font-size:14px;font-weight:550;letter-spacing:-.015em}.project-note{color:#4b4c4d;font-size:13px;line-height:1.35;letter-spacing:-.02em;margin-top:4px}.more{display:table;font-size:13px;text-align:left;margin-top:5px;line-height:1.35;text-decoration:underline;text-underline-offset:2px}.more span{display:inline-block;text-decoration:none;margin-left:3px}.more:hover{color:#a54408}
.primary-projects{display:grid;grid-template-columns:1fr 1fr;padding:16px 0 14px;border-bottom:1px solid var(--rule-light)}.primary-projects>article:first-child{padding-right:28px}.primary-projects>article+article{border-left:1px solid var(--rule-light);padding-left:36px}.primary-projects h3{font-size:30px;line-height:1.05;margin-bottom:3px}.primary-projects>article+article h3{font-size:26px}.primary-projects .more{margin-top:6px}.other-projects{padding-top:10px}.other-projects>h3{font-size:23px;letter-spacing:-.04em;line-height:1.2;margin-bottom:6px}.other-grid{display:grid;grid-template-columns:32.4% 35% 32.6%}.project-column{display:flex;flex-direction:column;gap:16px;padding-right:20px}.project-column+.project-column{border-left:1px solid #d0d0c8;padding-left:35px}.project-column:last-child{padding-right:0}.other-grid h4{font-size:20px;line-height:1.15;letter-spacing:-.035em;margin-bottom:2px}.other-grid p{font-size:13px;color:#4b4c4d;letter-spacing:-.02em;line-height:1.4}.other-grid .more{margin-top:3px}.status{display:table;background:var(--orange);color:#161915;font-size:12px;line-height:1.25;padding:5px 10px;margin:5px 0 4px}
.services{padding-top:18px;padding-bottom:18px}.services>h2{font-size:38px;line-height:.99;letter-spacing:-.035em;font-weight:750}.services-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:20px}.services-grid>article:first-child{padding-right:24px}.services-grid>article+article{border-left:1px solid var(--rule-dark);padding-left:32px}.services h3{font-size:20px;line-height:1.2;letter-spacing:-.015em;font-weight:650;margin-bottom:7px}.services p{font-size:14px;line-height:1.35;letter-spacing:-.01em}
.process{border-top:1px solid var(--rule-dark);border-bottom:1px solid var(--rule-dark)}.process-grid{display:grid;grid-template-columns:40.2% 59.8%;padding:17px 0}.process-intro{padding-right:25px}.process h2{font-size:38px;line-height:.95;font-weight:750;letter-spacing:-.025em;margin-bottom:13px}.process-intro>p{font-size:14px;line-height:1.35}.process-steps{border-left:1px solid #a2a59e;padding-left:28px}.process-steps ol{display:flex;flex-direction:column;gap:3px}.process-steps li{display:grid;grid-template-columns:36px 1fr;gap:13px;align-items:baseline;font-size:14px;line-height:1.35}.process-steps li>span{color:#ff9954;font-weight:650;font-size:20px;line-height:1.1}.support{border-top:1px solid var(--rule-dark);margin-top:8px;padding-top:6px;font-size:12px;letter-spacing:-.02em}
.contact{display:grid;grid-template-columns:63.4% 36.6%;padding-top:18px;padding-bottom:16px;gap:0}.contact h2{font-size:44px;line-height:.92;letter-spacing:-.035em;font-weight:750}.contact-action{padding-top:3px}.contact-action .button{padding-inline:21px;font-size:12px}.contact-action>p{font-size:12px;line-height:1.35;margin-top:14px}.footer{border-top:1px solid var(--rule-dark);display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:13px;padding-bottom:20px;font-size:10px}.footer p{display:flex;gap:16px}.footer nav{display:flex;gap:31px;font-size:12px}
dialog{border:0;padding:0}dialog::backdrop{background:#11161199}.project-dialog{width:min(90%,1400px);max-width:none;max-height:90dvh;padding:26px 30px 20px;border-radius:8px;box-shadow:0 16px 70px #0004;overflow:auto}.close{position:absolute;right:16px;top:13px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;line-height:1;font-size:44px;font-weight:300;z-index:2}.modal-header{padding-bottom:16px;border-bottom:1px solid var(--rule-light);padding-right:45px}.modal-header h2{font-size:clamp(32px,5vw,76px);line-height:1;letter-spacing:-.055em}.modal-header>p{font-size:clamp(16px,1.7vw,24px);margin-top:6px}.modal-body{display:grid;grid-template-columns:62% 38%;margin-top:20px;align-items:start}.modal-body figure{padding-right:20px}.screenshot-button{width:100%;display:block;border:1px solid #c3c7c5;background:white}.screenshot-button img{width:100%;max-height:50dvh;object-fit:contain;object-position:top}.zoom-link{margin-top:10px;display:flex;align-items:center;gap:8px;font-size:14px}.zoom-link>span{font-size:24px}.modal-description{border-left:1px solid var(--rule-light);padding-left:25px;font-size:clamp(15px,1.4vw,21px);line-height:1.4}.modal-description p+p{margin-top:16px}.modal-description ul{list-style:disc;padding-left:20px;margin-top:14px}.modal-description li+li{margin-top:6px}.modal-description .button{margin-top:22px;font-size:16px}.modal-navigation{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--rule-light);margin-top:18px;padding-top:18px;font-size:14px}.modal-navigation button{display:flex;align-items:center;gap:13px}.modal-navigation span{font-size:25px}.image-dialog{width:95vw;max-width:1600px;max-height:95dvh;background:var(--paper);padding:58px 16px 16px;border-radius:6px}.image-dialog img{max-height:calc(95dvh - 74px);width:100%;object-fit:contain}.modal-open{overflow:hidden}
@media(min-width:1200px){body{font-size:17px}.header{padding-top:20px;padding-bottom:18px}.brand strong{font-size:23px}.brand span{font-size:15px}.navigation{font-size:15px;gap:36px}.button{font-size:16px;min-height:47px;padding:12px 30px}.hero{padding-top:27px;padding-bottom:23px}.eyebrow{font-size:18px;margin-bottom:8px}.hero-bottom{margin-top:32px}.introduction{font-size:21px}.call-link{font-size:16px}.technologies{font-size:16px;padding-top:15px;margin-top:24px}.portfolio{padding:25px 0 30px}.featured{margin-top:18px;padding-bottom:25px;min-height:132px}.featured h3{font-size:62px}.featured-description{padding-left:48px}.project-subtitle{font-size:19px}.project-lead{font-size:18px}.project-note,.more{font-size:16px}.primary-projects{padding:24px 0 22px}.primary-projects h3{font-size:38px}.primary-projects>article+article h3{font-size:34px}.primary-projects>article+article{padding-left:48px}.other-projects{padding-top:16px}.other-projects>h3{font-size:29px;margin-bottom:10px}.other-grid h4{font-size:25px}.other-grid p,.other-grid .more{font-size:16px}.project-column{gap:20px}.project-column+.project-column{padding-left:44px}.status{font-size:14px}.services{padding-top:28px;padding-bottom:26px}.services>h2,.process h2{font-size:49px}.services-grid{margin-top:26px}.services h3{font-size:25px}.services p,.process-intro>p,.process-steps li{font-size:18px}.process-grid{padding:25px 0}.process-steps{padding-left:38px}.process-steps li>span{font-size:25px}.process-steps ol{gap:9px}.support{font-size:15px}.contact{padding-top:26px;padding-bottom:24px}.contact h2{font-size:57px}.contact-action .button{font-size:15px}.contact-action>p{font-size:16px}.footer{font-size:13px;padding:18px 0 26px}.footer nav{font-size:15px}}
@media(max-width:800px){.container{width:90%}.header{gap:18px}.navigation{gap:16px;font-size:11px}.brand strong{font-size:16px}.brand span{font-size:11px}.header-button{min-width:auto;padding-inline:15px;font-size:12px}.hero h1{font-size:6.9vw}.hero-bottom{grid-template-columns:1fr;gap:16px;margin-top:20px}.hero-actions{justify-content:flex-start}.introduction{font-size:15px}.featured-description{padding-left:22px}.featured h3{font-size:40px}.project-subtitle{font-size:13px}.primary-projects>article+article{padding-left:22px}.other-grid h4{font-size:18px}.project-column+.project-column{padding-left:20px}.other-grid p{font-size:12px}.services p{font-size:13px}.services .desktop-break{display:none}.services h3{font-size:17px}.services-grid>article+article{padding-left:22px}.process h2{font-size:34px}.process-intro>p{font-size:13px}.process-steps{padding-left:22px}.process-steps li{font-size:13px;gap:6px}.support{font-size:11px}.contact h2{font-size:37px}.contact{grid-template-columns:58% 42%}.contact-action .button{font-size:11px;padding-inline:13px}.contact-action>p{font-size:11px}}
@media(max-width:600px){html{scroll-padding-top:15px}.header{flex-wrap:wrap;gap:14px;padding-top:17px;padding-bottom:0}.brand strong{font-size:16px}.header-button{min-height:35px;font-size:11px;padding:8px 13px}.navigation{order:3;width:100%;gap:24px;border-top:1px solid #444943;padding-top:12px;font-size:12px}.hero{padding-top:27px;padding-bottom:21px}.eyebrow{font-size:12px;margin-bottom:12px}.hero h1{font-size:clamp(31px,7.3vw,43px);line-height:1.02;letter-spacing:-.045em}.hero h1>span{white-space:normal}.hero h1 .accent{max-width:10em;margin-top:3px}.hero-bottom{margin-top:20px;gap:18px}.introduction{font-size:15px;max-width:330px}.desktop-break{display:none}.hero-actions{gap:18px;flex-wrap:wrap}.hero-actions .button{min-width:150px}.call-link{font-size:12px;gap:8px}.technologies{font-size:12px;gap:10px;padding-top:12px;margin-top:21px}.technologies li+li:before{margin-right:10px}.portfolio{padding:24px 0 27px}.portfolio h2{font-size:34px;line-height:1.05;max-width:10em}.featured{grid-template-columns:1fr;gap:17px;margin-top:25px;padding-bottom:21px;align-items:start}.featured h3{font-size:44px}.project-subtitle{font-size:15px;margin-top:4px}.featured-description{border-left:0;padding:0}.project-note,.project-lead{font-size:14px}.more{font-size:14px;padding-block:4px;margin-top:3px}.primary-projects{grid-template-columns:1fr;padding:0;border-bottom:0}.primary-projects>article:first-child{padding:21px 0;border-bottom:1px solid var(--rule-light)}.primary-projects>article+article{border-left:0;padding:21px 0;border-bottom:1px solid var(--rule-light)}.primary-projects h3,.primary-projects>article+article h3{font-size:29px}.other-projects{padding-top:21px}.other-projects>h3{font-size:23px;margin-bottom:19px}.other-grid{grid-template-columns:1fr 1fr;gap:0 20px;align-items:start}.project-column{display:contents}.project-column+.project-column{padding:0;border:0}.other-grid .project-item{margin-bottom:21px;min-width:0}.other-grid h4{font-size:19px;overflow-wrap:anywhere}.other-grid p{font-size:13px}.other-grid .more{font-size:13px}.other-grid .status{font-size:11px;padding:4px 7px}.services{padding-top:25px;padding-bottom:25px}.services>h2{font-size:30px;line-height:1.03}.services-grid{grid-template-columns:1fr;gap:22px;margin-top:25px}.services-grid>article:first-child{padding:0}.services-grid>article+article{padding:21px 0 0;border-left:0;border-top:1px solid var(--rule-dark)}.services h3{font-size:20px;margin-bottom:8px}.services p{font-size:15px;line-height:1.4}.process-grid{grid-template-columns:1fr;gap:24px;padding-top:26px;padding-bottom:25px}.process h2{font-size:34px;line-height:.99;margin-bottom:13px}.process-intro>p{font-size:15px;max-width:320px}.process-steps{padding:0;border-left:0}.process-steps ol{gap:12px}.process-steps li{font-size:14px;grid-template-columns:35px 1fr;gap:12px}.process-steps li>span{font-size:22px}.support{font-size:12px;line-height:1.5;padding-top:11px;margin-top:18px}.contact{grid-template-columns:1fr;gap:24px;padding-top:28px;padding-bottom:26px}.contact h2{font-size:35px;line-height:.98}.contact-action .button{font-size:13px;padding:12px 21px;min-height:42px}.contact-action>p{font-size:13px;margin-top:13px;max-width:310px}.footer{flex-direction:column;align-items:flex-start;gap:18px;font-size:11px;padding-top:20px;padding-bottom:25px}.footer nav{font-size:12px;gap:25px}.project-dialog{width:94%;padding:24px 18px 18px;max-height:92dvh}.close{right:8px;top:7px;font-size:36px}.modal-header{padding-bottom:16px}.modal-header h2{font-size:35px}.modal-header>p{font-size:15px;line-height:1.35}.modal-body{grid-template-columns:1fr;margin-top:17px;gap:20px}.modal-body figure{padding:0}.screenshot-button img{max-height:42dvh}.modal-description{border-left:0;border-top:1px solid var(--rule-light);padding:17px 0 0;font-size:15px}.modal-description .button{font-size:14px}.modal-navigation{font-size:12px;gap:15px}.modal-navigation button{gap:6px;text-align:left}.modal-navigation button:last-child{text-align:right}.modal-navigation span{font-size:20px}.image-dialog{width:96vw}}
@media(max-width:360px){.other-grid{grid-template-columns:1fr}.hero h1{font-size:8.2vw}.header-button{font-size:10px}.brand strong{font-size:14px}.hero-actions{gap:10px}.call-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.project-item{cursor:pointer}
.header-button{padding-inline:12px;width:146px}
@media(max-width:600px){.header-button{width:auto}}
@media(min-width:1200px){.header-button{width:auto;min-width:180px;white-space:nowrap}}
@media(min-width:601px){.project-dialog{padding-inline:clamp(20px,2vw,30px)}.screenshot-button{aspect-ratio:1.61;display:grid;overflow:hidden}.screenshot-button img{height:100%;max-height:none;min-height:0;object-fit:contain}}
.contact-dialog{width:min(560px,92vw);max-height:92dvh;margin:auto;padding:36px 40px 30px;border:0;border-radius:3px;box-shadow:0 16px 80px #0005;overflow:auto}
.contact-dialog::backdrop{background:#080c0bcc;backdrop-filter:blur(3px)}
.contact-dialog .close{position:absolute;top:10px;right:14px}
.contact-kicker{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#666a64;margin-bottom:12px}
.contact-dialog h2{font-size:36px;line-height:1.05;padding-right:10px;margin-bottom:14px}
#contact-modal-intro{font-size:15px;line-height:1.5;color:#555953;max-width:410px}
#contact-form{margin-top:24px;display:grid;gap:16px}
.form-field label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}
.optional{font-weight:400;color:#6c7069;font-size:12px;margin-left:6px}
.form-field input{width:100%;min-height:46px;border:1px solid #b8bbb2;border-radius:2px;padding:11px 12px;background:#fffc;color:var(--ink);font:inherit;font-size:16px;outline-offset:2px}
.form-field input:focus-visible{outline:2px solid #b45215;border-color:transparent}
.form-field input[aria-invalid="true"]{border-color:#a22b23}
.form-field input[readonly]{color:#60645c;background:#e9e8e0}
.field-error{font-size:12px;color:#a22b23;line-height:1.4;margin-top:5px}
.field-error:empty{display:none}
.form-submit{width:100%;min-height:46px;font-size:14px;margin-top:3px}
.form-submit:disabled{cursor:wait;opacity:.65}
.form-status{font-size:15px;line-height:1.5;color:#23552f;padding:12px;background:#dce8d8;border-radius:2px}
.form-status:empty{display:none}
.form-status.is-error{color:#8d2820;background:#f2dfd8}
.contact-direct{font-size:12px;line-height:1.5;color:#666a64;margin-top:22px;border-top:1px solid var(--rule-light);padding-top:16px}
.contact-direct a{text-decoration:underline;text-underline-offset:2px;color:var(--ink)}
.form-consent{font-size:12px;line-height:1.5;color:#444940}
.form-consent label{display:flex;align-items:flex-start;gap:10px;cursor:pointer}
.form-consent input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:#a54408;cursor:pointer}
.form-consent input:focus-visible{outline:2px solid #a54408;outline-offset:3px}
.form-consent a{color:#9a3f06;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.form-consent a:hover{color:#6f2d04}
.form-consent a:focus-visible{outline:2px solid #9a3f06;outline-offset:3px}
.consent-policy{margin:7px 0 0 28px}
.form-submit:disabled{cursor:not-allowed}
.footer-legal{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;padding:0 0 24px;font-size:12px;color:#c6c9c2;text-align:center}
.footer-legal a{text-decoration:underline;text-underline-offset:3px}
.footer-legal a:hover{color:var(--orange)}
.legal-separator{color:#7b8078}
@media(max-width:600px){.footer-legal{flex-direction:column;gap:10px}.legal-separator{display:none}}
@media(max-width:600px){.contact-dialog{padding:32px 22px 24px;max-height:92dvh}.contact-dialog h2{font-size:30px}.contact-kicker{font-size:11px}.optional{display:inline-block}.contact-direct{font-size:11px}}