@import"https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&display=swap";:root{font-family:Golos Text,Arial,sans-serif;color:#20211f;background:#f7f7f2;font-synthesis:none;--blue:#304bff;--line:#dcded6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid #7184ff;outline-offset:5px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:#f7f7f2ee;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.logo{font-size:28px;font-weight:800;letter-spacing:-1.3px;white-space:nowrap}.logo span{font-weight:500}.logo b,.blue{color:var(--blue)}.logo b{font-size:42px;line-height:0}nav{display:flex;align-items:center;gap:36px;font-size:13px}nav a:last-child{border-bottom:1px solid;padding-bottom:7px}nav a:hover{color:var(--blue)}.hero{position:relative;padding:68px 5% 0;overflow:hidden;min-height:750px}.eyebrow{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1.7px;margin:0 0 30px}.dot{display:inline-block;width:8px;height:8px;background:var(--blue);border-radius:50%;margin-right:9px}h1{position:relative;z-index:2;font-size:clamp(66px,8.6vw,134px);font-weight:600;letter-spacing:-.075em;line-height:1.02;margin:0 0 32px}h2{font-size:clamp(36px,4.1vw,66px);font-weight:500;letter-spacing:-.055em;line-height:1.12;margin:0}h3{font-size:26px;letter-spacing:-1px;font-weight:500;margin:22px 0 14px}p{line-height:1.7}.hero-bottom{position:relative;z-index:2;width:440px;max-width:48%;padding-bottom:58px}.hero-bottom p{font-size:16px;color:#63665d;max-width:360px;margin:0 0 28px}.button{background:var(--blue);color:#fff;display:inline-flex;align-items:center;justify-content:space-between;gap:42px;border:0;padding:19px 24px;border-radius:4px;cursor:pointer;font-size:14px;transition:transform .2s,background .2s}.button:hover{background:#2036d8;transform:translateY(-3px)}.button span{font-size:18px;line-height:1}.hero-art{position:absolute;width:48%;height:530px;right:1%;top:60px}.sphere{position:absolute;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#8b9cff,#4262ff 30%,#173af2,#0a1875);right:15%;top:70px;box-shadow:inset -20px -25px 40px #05197844,0 35px 70px #304bff22}.orbit{position:absolute;width:480px;height:330px;border:1px solid #b8bdcb;border-radius:50%;right:3%;top:110px;transform:rotate(-35deg)}.browser-card{position:absolute;width:340px;right:16%;top:133px;background:#f9faf5;box-shadow:0 30px 60px #101d6140;border:1px solid #fff;border-radius:12px;transform:rotate(-9deg);overflow:hidden}.browser-bar{display:flex;align-items:center;gap:4px;padding:14px;border-bottom:1px solid var(--line)}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#c9cbc4}.browser-bar span{font-size:9px;margin-left:30px;color:#777}.browser-content{padding:26px}.mini-label{font-size:8px;letter-spacing:1px}.browser-content strong{display:block;font-weight:500;font-size:37px;line-height:1.1;letter-spacing:-2px;margin:18px 0}.mini-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px}.mini-bottom>span{background:var(--blue);color:#fff;padding:10px 15px;border-radius:3px}.mini-dot{width:55px;height:55px;border-radius:50%;background:#9ad7e8}.art-label{position:absolute;bottom:17px;right:22%;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#72766e}.hero-foot{position:relative;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0;font-size:11px;color:#73786d}.section{padding:100px 5%}.intro{background:#edeee7;display:grid;grid-template-columns:1fr 2fr;gap:25px}.intro h2{grid-column:2}.intro>.eyebrow{grid-row:1}.intro-text{grid-column:2;max-width:590px;color:#64695c;font-size:17px}.intro em{font-style:normal;color:var(--blue)}.section-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:50px}.section-top h2{width:66.666%}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-grid article{padding:28px;background:#fff;border:1px solid var(--line);border-radius:8px}.card-top{display:flex;justify-content:space-between;color:#8a8e83;font-size:12px}.card-top span:last-child{color:var(--blue);font-size:14px}.service-grid p{color:#73786e;font-size:14px;min-height:95px}.tag{display:block;border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:#787c72}.service-icon{width:66px;height:60px;border:2px solid var(--blue);margin:35px 0 26px;border-radius:5px;position:relative}.service-icon:before{content:"";position:absolute;top:12px;left:0;right:0;border-top:2px solid var(--blue)}.service-icon:after{content:"";position:absolute;left:10px;right:10px;top:24px;height:22px;background:#e3e8ff}.pages{box-shadow:7px -7px 0 -2px #fff,7px -7px #304bff}.catalog:after{background:repeating-linear-gradient(90deg,#dce2ff 0 11px,transparent 11px 16px)}.process{border-top:1px solid var(--line)}.steps{margin-left:33.333%}.steps article{display:grid;grid-template-columns:40px 1fr 1.4fr;gap:20px;border-top:1px solid var(--line);padding:28px 0}.steps article>span{color:var(--blue);font-size:12px;padding-top:7px}.steps h3{margin:0;font-size:22px}.steps p{margin:0;font-size:14px;color:#74796e}.contact{background:var(--blue);color:#fff}.contact h2{font-size:clamp(46px,7vw,104px)}.contact h2 span{color:#ff9f1c}.contact-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:40px}.contact-bottom p{font-size:15px;color:#e1e5ff}.light{background:#ff9f1c;color:#20211f}.light:hover{background:#ffb84d}footer{display:flex;justify-content:space-between;align-items:center;padding:40px 5%;font-size:12px}footer>span{color:#7a7d74}dialog{border:0;border-radius:12px;padding:40px;max-width:560px;width:calc(100% - 32px);background:#f7f7f2}dialog::backdrop{background:#101828aa;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}dialog h2{font-size:36px;margin-bottom:24px}.close{position:absolute;right:18px;top:12px;background:none;border:0;font-size:30px;cursor:pointer}label{display:block;font-size:13px;margin-bottom:12px}textarea{width:100%;resize:vertical;border:1px solid #ccc;padding:14px;border-radius:4px;margin-bottom:18px}.dialog-note{font-size:12px;color:#767a70}@media(min-width:1600px){.hero-art{right:7%}.hero{min-height:820px}}@media(max-width:900px){.hero-art{right:-10%;transform:scale(.82);transform-origin:right top}.hero h1{font-size:80px}.hero-bottom{max-width:50%}.service-grid{gap:10px}.service-grid article{padding:20px}.steps{margin-left:0}.intro{grid-template-columns:1fr}.intro h2,.intro-text{grid-column:1}.section-top h2{width:70%}}@media(max-width:640px){.header{height:80px;padding:0 6%;gap:20px}.logo{font-size:23px}nav{gap:0}nav a:not(:last-child){display:none}nav a:last-child{font-size:11px}.hero{padding:42px 6% 0;min-height:0}h1,.hero h1{font-size:66px}.hero-art{position:relative;right:auto;top:auto;width:100%;height:330px;transform:none;margin-top:15px}.sphere{width:260px;height:260px;top:22px;right:8%}.orbit{width:320px;height:220px;top:25px;right:0}.browser-card{width:250px;top:48px;right:12%}.browser-content{padding:20px}.browser-content strong{font-size:29px}.art-label{bottom:0;right:12%}.hero-bottom{max-width:100%;width:100%;padding:0}.hero-foot{margin-top:25px;font-size:10px}.hero-foot>span:last-child{display:none}.section{padding:65px 6%}.section-top{display:block;margin-bottom:30px}.section-top h2{width:100%}.service-grid{grid-template-columns:1fr;gap:16px}.service-grid article{padding:26px}.service-grid p{min-height:0}.steps article{grid-template-columns:30px 1fr}.steps p{grid-column:2}.contact-bottom{display:block}.contact-bottom .button{margin-top:18px}footer{padding:30px 6%;flex-wrap:wrap;gap:25px}footer>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.brand-mark{--mark-main:var(--blue);--mark-soft:#dfe2ff;display:inline-block;width:13px;height:13px;margin-left:9px;vertical-align:-1px;background:linear-gradient(var(--mark-main) 0 0) 0 0/5px 5px no-repeat,linear-gradient(var(--mark-soft) 0 0) 8px 0/5px 5px no-repeat,linear-gradient(var(--mark-soft) 0 0) 0 8px/5px 5px no-repeat,linear-gradient(var(--mark-main) 0 0) 8px 8px/5px 5px no-repeat}.button .brand-mark{--mark-main:#f7f7f2;--mark-soft:#9ca9ff;margin-left:3px}.light .brand-mark{--mark-main:#20211f;--mark-soft:#f5c871}.contact h2 .brand-mark{--mark-main:#ff9f1c;--mark-soft:#7d8aff}.mini-bottom .brand-mark{--mark-main:#f7f7f2;--mark-soft:#a8b2ff;width:9px;height:9px;margin-left:5px;vertical-align:-1px;background:linear-gradient(var(--mark-main) 0 0) 0 0/3px 3px no-repeat,linear-gradient(var(--mark-soft) 0 0) 6px 0/3px 3px no-repeat,linear-gradient(var(--mark-soft) 0 0) 0 6px/3px 3px no-repeat,linear-gradient(var(--mark-main) 0 0) 6px 6px/3px 3px no-repeat}.card-top .brand-mark{width:11px;height:11px;margin-left:0;background:linear-gradient(var(--mark-main) 0 0) 0 0/4px 4px no-repeat,linear-gradient(var(--mark-soft) 0 0) 7px 0/4px 4px no-repeat,linear-gradient(var(--mark-soft) 0 0) 0 7px/4px 4px no-repeat,linear-gradient(var(--mark-main) 0 0) 7px 7px/4px 4px no-repeat}@keyframes brand-pixel-loader{0%,49.99%{background:linear-gradient(var(--mark-main) 0 0) 0 0/5px 5px no-repeat,linear-gradient(var(--mark-soft) 0 0) 8px 0/5px 5px no-repeat,linear-gradient(var(--mark-soft) 0 0) 0 8px/5px 5px no-repeat,linear-gradient(var(--mark-main) 0 0) 8px 8px/5px 5px no-repeat}50%,to{background:linear-gradient(var(--mark-soft) 0 0) 0 0/5px 5px no-repeat,linear-gradient(var(--mark-main) 0 0) 8px 0/5px 5px no-repeat,linear-gradient(var(--mark-main) 0 0) 0 8px/5px 5px no-repeat,linear-gradient(var(--mark-soft) 0 0) 8px 8px/5px 5px no-repeat}}.button .brand-mark{animation:brand-pixel-loader 1s steps(1,end) infinite}@media(prefers-reduced-motion:reduce){.button .brand-mark{animation:none}}:where(a,button) .brand-mark{animation:brand-pixel-loader .5s steps(1,end) infinite}@media(prefers-reduced-motion:reduce){:where(a,button) .brand-mark{animation:none}}@keyframes brand-pixel-loader{0%,49.99%{opacity:.62}50%,to{opacity:1}}:where(a,button) .brand-mark,.button .brand-mark{animation:brand-pixel-loader 2s steps(1,end) infinite}@media(prefers-reduced-motion:reduce){:where(a,button) .brand-mark,.button .brand-mark{animation:none}}@keyframes brand-pixel-loader{0%,24.99%{rotate:0deg}25%,49.99%{rotate:90deg}50%,74.99%{rotate:180deg}75%,to{rotate:270deg}}:where(a,button) .brand-mark{background:linear-gradient(var(--mark-soft) 0 0) 0 0/5px 5px no-repeat,linear-gradient(var(--mark-soft) 0 0) 8px 0/5px 5px no-repeat,linear-gradient(var(--mark-soft) 0 0) 0 8px/5px 5px no-repeat,linear-gradient(var(--mark-main) 0 0) 8px 8px/5px 5px no-repeat}.preview-visit .brand-mark{background:linear-gradient(var(--mark-soft) 0 0) 0 0/3px 3px no-repeat,linear-gradient(var(--mark-soft) 0 0) 6px 0/3px 3px no-repeat,linear-gradient(var(--mark-soft) 0 0) 0 6px/3px 3px no-repeat,linear-gradient(var(--mark-main) 0 0) 6px 6px/3px 3px no-repeat}:where(a,button) .brand-mark{--pixel-size:5px;--pixel-step:8px;background-image:linear-gradient(var(--mark-main) 0 0),linear-gradient(var(--mark-soft) 0 0),linear-gradient(var(--mark-soft) 0 0),linear-gradient(var(--mark-soft) 0 0),linear-gradient(var(--mark-soft) 0 0);background-size:var(--pixel-size) var(--pixel-size),var(--pixel-size) var(--pixel-size),var(--pixel-size) var(--pixel-size),var(--pixel-size) var(--pixel-size),var(--pixel-size) var(--pixel-size);background-repeat:no-repeat}.preview-visit .brand-mark{--pixel-size:3px;--pixel-step:6px}@keyframes brand-pixel-loader{0%,24.99%{background-position:0 0,0 0,var(--pixel-step) 0,0 var(--pixel-step),var(--pixel-step) var(--pixel-step)}25%,49.99%{background-position:var(--pixel-step) 0,0 0,var(--pixel-step) 0,0 var(--pixel-step),var(--pixel-step) var(--pixel-step)}50%,74.99%{background-position:var(--pixel-step) var(--pixel-step),0 0,var(--pixel-step) 0,0 var(--pixel-step),var(--pixel-step) var(--pixel-step)}75%,to{background-position:0 var(--pixel-step),0 0,var(--pixel-step) 0,0 var(--pixel-step),var(--pixel-step) var(--pixel-step)}}:where(a,button) .brand-mark{--pixel-size:3px;--pixel-step:5px;--pixel-end:10px;background-image:linear-gradient(var(--mark-main) 0 0),linear-gradient(var(--mark-soft) 0 0),linear-gradient(var(--mark-soft) 0 0),linear-gradient(var(--mark-soft) 0 0),linear-gradient(var(--mark-soft) 0 0),linear-gradient(var(--mark-soft) 0 0),linear-gradient(var(--mark-soft) 0 0),linear-gradient(var(--mark-soft) 0 0),linear-gradient(var(--mark-soft) 0 0),linear-gradient(var(--mark-soft) 0 0);background-size:var(--pixel-size) var(--pixel-size),var(--pixel-size) var(--pixel-size),var(--pixel-size) var(--pixel-size),var(--pixel-size) var(--pixel-size),var(--pixel-size) var(--pixel-size),var(--pixel-size) var(--pixel-size),var(--pixel-size) var(--pixel-size),var(--pixel-size) var(--pixel-size),var(--pixel-size) var(--pixel-size),var(--pixel-size) var(--pixel-size);background-repeat:no-repeat}@keyframes brand-pixel-loader{0%,12.49%{background-position:0 0,0 0,var(--pixel-step) 0,var(--pixel-end) 0,0 var(--pixel-step),var(--pixel-step) var(--pixel-step),var(--pixel-end) var(--pixel-step),0 var(--pixel-end),var(--pixel-step) var(--pixel-end),var(--pixel-end) var(--pixel-end)}12.5%,24.99%{background-position:var(--pixel-step) 0,0 0,var(--pixel-step) 0,var(--pixel-end) 0,0 var(--pixel-step),var(--pixel-step) var(--pixel-step),var(--pixel-end) var(--pixel-step),0 var(--pixel-end),var(--pixel-step) var(--pixel-end),var(--pixel-end) var(--pixel-end)}25%,37.49%{background-position:var(--pixel-end) 0,0 0,var(--pixel-step) 0,var(--pixel-end) 0,0 var(--pixel-step),var(--pixel-step) var(--pixel-step),var(--pixel-end) var(--pixel-step),0 var(--pixel-end),var(--pixel-step) var(--pixel-end),var(--pixel-end) var(--pixel-end)}37.5%,49.99%{background-position:var(--pixel-end) var(--pixel-step),0 0,var(--pixel-step) 0,var(--pixel-end) 0,0 var(--pixel-step),var(--pixel-step) var(--pixel-step),var(--pixel-end) var(--pixel-step),0 var(--pixel-end),var(--pixel-step) var(--pixel-end),var(--pixel-end) var(--pixel-end)}50%,62.49%{background-position:var(--pixel-end) var(--pixel-end),0 0,var(--pixel-step) 0,var(--pixel-end) 0,0 var(--pixel-step),var(--pixel-step) var(--pixel-step),var(--pixel-end) var(--pixel-step),0 var(--pixel-end),var(--pixel-step) var(--pixel-end),var(--pixel-end) var(--pixel-end)}62.5%,74.99%{background-position:var(--pixel-step) var(--pixel-end),0 0,var(--pixel-step) 0,var(--pixel-end) 0,0 var(--pixel-step),var(--pixel-step) var(--pixel-step),var(--pixel-end) var(--pixel-step),0 var(--pixel-end),var(--pixel-step) var(--pixel-end),var(--pixel-end) var(--pixel-end)}75%,87.49%{background-position:0 var(--pixel-end),0 0,var(--pixel-step) 0,var(--pixel-end) 0,0 var(--pixel-step),var(--pixel-step) var(--pixel-step),var(--pixel-end) var(--pixel-step),0 var(--pixel-end),var(--pixel-step) var(--pixel-end),var(--pixel-end) var(--pixel-end)}87.5%,to{background-position:0 var(--pixel-step),0 0,var(--pixel-step) 0,var(--pixel-end) 0,0 var(--pixel-step),var(--pixel-step) var(--pixel-step),var(--pixel-end) var(--pixel-step),0 var(--pixel-end),var(--pixel-step) var(--pixel-end),var(--pixel-end) var(--pixel-end)}}:where(a,button) .brand-mark{background-image:linear-gradient(var(--mark-main) 0 0),linear-gradient(color-mix(in srgb,var(--mark-main) 62%,var(--mark-soft)) 0 0),linear-gradient(color-mix(in srgb,var(--mark-main) 30%,var(--mark-soft)) 0 0),linear-gradient(var(--mark-soft) 0 0),linear-gradient(var(--mark-soft) 0 0),linear-gradient(var(--mark-soft) 0 0),linear-gradient(var(--mark-soft) 0 0),linear-gradient(var(--mark-soft) 0 0),linear-gradient(var(--mark-soft) 0 0),linear-gradient(var(--mark-soft) 0 0),linear-gradient(var(--mark-soft) 0 0),linear-gradient(var(--mark-soft) 0 0);background-size:var(--pixel-size) var(--pixel-size);background-repeat:no-repeat}@keyframes brand-pixel-loader{0%,12.49%{background-position:0 0,0 var(--pixel-step),0 var(--pixel-end),0 0,var(--pixel-step) 0,var(--pixel-end) 0,0 var(--pixel-step),var(--pixel-step) var(--pixel-step),var(--pixel-end) var(--pixel-step),0 var(--pixel-end),var(--pixel-step) var(--pixel-end),var(--pixel-end) var(--pixel-end)}12.5%,24.99%{background-position:var(--pixel-step) 0,0 0,0 var(--pixel-step),0 0,var(--pixel-step) 0,var(--pixel-end) 0,0 var(--pixel-step),var(--pixel-step) var(--pixel-step),var(--pixel-end) var(--pixel-step),0 var(--pixel-end),var(--pixel-step) var(--pixel-end),var(--pixel-end) var(--pixel-end)}25%,37.49%{background-position:var(--pixel-end) 0,var(--pixel-step) 0,0 0,0 0,var(--pixel-step) 0,var(--pixel-end) 0,0 var(--pixel-step),var(--pixel-step) var(--pixel-step),var(--pixel-end) var(--pixel-step),0 var(--pixel-end),var(--pixel-step) var(--pixel-end),var(--pixel-end) var(--pixel-end)}37.5%,49.99%{background-position:var(--pixel-end) var(--pixel-step),var(--pixel-end) 0,var(--pixel-step) 0,0 0,var(--pixel-step) 0,var(--pixel-end) 0,0 var(--pixel-step),var(--pixel-step) var(--pixel-step),var(--pixel-end) var(--pixel-step),0 var(--pixel-end),var(--pixel-step) var(--pixel-end),var(--pixel-end) var(--pixel-end)}50%,62.49%{background-position:var(--pixel-end) var(--pixel-end),var(--pixel-end) var(--pixel-step),var(--pixel-end) 0,0 0,var(--pixel-step) 0,var(--pixel-end) 0,0 var(--pixel-step),var(--pixel-step) var(--pixel-step),var(--pixel-end) var(--pixel-step),0 var(--pixel-end),var(--pixel-step) var(--pixel-end),var(--pixel-end) var(--pixel-end)}62.5%,74.99%{background-position:var(--pixel-step) var(--pixel-end),var(--pixel-end) var(--pixel-end),var(--pixel-end) var(--pixel-step),0 0,var(--pixel-step) 0,var(--pixel-end) 0,0 var(--pixel-step),var(--pixel-step) var(--pixel-step),var(--pixel-end) var(--pixel-step),0 var(--pixel-end),var(--pixel-step) var(--pixel-end),var(--pixel-end) var(--pixel-end)}75%,87.49%{background-position:0 var(--pixel-end),var(--pixel-step) var(--pixel-end),var(--pixel-end) var(--pixel-end),0 0,var(--pixel-step) 0,var(--pixel-end) 0,0 var(--pixel-step),var(--pixel-step) var(--pixel-step),var(--pixel-end) var(--pixel-step),0 var(--pixel-end),var(--pixel-step) var(--pixel-end),var(--pixel-end) var(--pixel-end)}87.5%,to{background-position:0 var(--pixel-step),0 var(--pixel-end),var(--pixel-step) var(--pixel-end),0 0,var(--pixel-step) 0,var(--pixel-end) 0,0 var(--pixel-step),var(--pixel-step) var(--pixel-step),var(--pixel-end) var(--pixel-step),0 var(--pixel-end),var(--pixel-step) var(--pixel-end),var(--pixel-end) var(--pixel-end)}}:where(a,button) .brand-mark{--pixel-size:5px;--pixel-step:8px;background-image:linear-gradient(var(--mark-main) 0 0),linear-gradient(color-mix(in srgb,var(--mark-main) 66%,var(--mark-soft)) 0 0),linear-gradient(color-mix(in srgb,var(--mark-main) 33%,var(--mark-soft)) 0 0),linear-gradient(var(--mark-soft) 0 0);background-size:var(--pixel-size) var(--pixel-size);background-repeat:no-repeat}@keyframes brand-pixel-loader{0%,24.99%{background-position:0 0,0 var(--pixel-step),var(--pixel-step) var(--pixel-step),var(--pixel-step) 0}25%,49.99%{background-position:var(--pixel-step) 0,0 0,0 var(--pixel-step),var(--pixel-step) var(--pixel-step)}50%,74.99%{background-position:var(--pixel-step) var(--pixel-step),var(--pixel-step) 0,0 0,0 var(--pixel-step)}75%,to{background-position:0 var(--pixel-step),var(--pixel-step) var(--pixel-step),var(--pixel-step) 0,0 0}}.logo-pixel{display:inline-block;width:.28em;height:.28em;margin-left:.08em;background:var(--blue);vertical-align:baseline}.brand-mark{background:linear-gradient(var(--mark-soft) 0 0) 0 0/5px 5px no-repeat,linear-gradient(var(--mark-soft) 0 0) 8px 0/5px 5px no-repeat,linear-gradient(var(--mark-soft) 0 0) 0 8px/5px 5px no-repeat,linear-gradient(var(--mark-main) 0 0) 8px 8px/5px 5px no-repeat}.mini-bottom .brand-mark{background:linear-gradient(var(--mark-soft) 0 0) 0 0/3px 3px no-repeat,linear-gradient(var(--mark-soft) 0 0) 6px 0/3px 3px no-repeat,linear-gradient(var(--mark-soft) 0 0) 0 6px/3px 3px no-repeat,linear-gradient(var(--mark-main) 0 0) 6px 6px/3px 3px no-repeat}.card-top .brand-mark{background:linear-gradient(var(--mark-soft) 0 0) 0 0/4px 4px no-repeat,linear-gradient(var(--mark-soft) 0 0) 7px 0/4px 4px no-repeat,linear-gradient(var(--mark-soft) 0 0) 0 7px/4px 4px no-repeat,linear-gradient(var(--mark-main) 0 0) 7px 7px/4px 4px no-repeat}.logo small{display:inline-block;margin-left:11px;padding-left:11px;border-left:1px solid var(--line);font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;color:#72766e}.hero-slogan{font-weight:600;color:#20211f}@media(max-width:640px){.logo small{display:none}}.hero-eyebrow{display:flex;align-items:center;gap:9px}.hero-eyebrow .dot{margin-right:0}.hero-tagline{margin-left:8px;padding-left:15px;border-left:1px solid var(--line);font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;color:#72766e}.hero-tagline strong,.hero-tagline-dot{color:var(--blue);font-weight:700}.hero-tagline-dot{display:inline-block;font-size:1.55em;line-height:0;vertical-align:-.08em}.header nav{gap:3px;padding:4px;border:1px solid #dfe1da;border-radius:999px;background:#edeee7}.header nav a{padding:10px 14px;border:0;border-radius:999px;font-size:14px;font-weight:600;line-height:1;transition:color .2s,background .2s,transform .2s}.header nav a:last-child{padding:11px 15px;background:var(--blue);color:#fff;box-shadow:0 3px 10px #304bff33}.header nav a:hover{color:#20211f;background:#fff;transform:translateY(-1px)}.header nav a:last-child:hover{color:#fff;background:#2036d8}.header nav a.active{background:#fff;box-shadow:0 1px 4px #20211f12}.header nav a:last-child .brand-mark{--mark-main:#fff;--mark-soft:#a8b2ff}.header nav a:last-child:hover .brand-mark{--mark-main:#fff;--mark-soft:#c2cbff}@media(max-width:640px){.header nav{padding:0;border:0;background:transparent}.header nav a:last-child{padding:10px 12px;font-size:12px}}.works-teaser{position:relative;overflow:hidden;background:#20211f;color:#f7f7f2}.works-teaser__grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end}.works-teaser__grid>div{max-width:460px}.works-teaser__grid p{color:#b9bcb5;margin:0 0 28px}.works-teaser__thumbs{height:260px;margin-top:65px;display:grid;grid-template-columns:1.4fr 1fr;gap:18px;transform:rotate(-2deg) translateY(30px)}.works-teaser__thumbs img{width:100%;height:100%;object-fit:cover;border-radius:7px}.works-teaser__thumbs img:last-child{object-position:center 35%}.works-page{background:#20211f;color:#f7f7f2}.works-page .header{background:#20211fee;border-color:#42433f}.works-page .header nav a.active{color:#9ad7e8}.portfolio-head{padding:72px 5% 48px}.portfolio-head h1{font-size:clamp(72px,10vw,150px);margin-bottom:40px}.portfolio-head__bottom{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #454641;padding-top:24px}.portfolio-head__bottom>p{max-width:480px;color:#b6b9b2;margin:0}.slider-controls{display:flex;align-items:center;gap:20px}.slider-controls button{width:58px;height:58px;border:1px solid #62645f;border-radius:50%;background:transparent;color:#f7f7f2;font-size:24px;cursor:pointer;transition:.2s}.slider-controls button:hover{background:#9ad7e8;color:#20211f;border-color:#9ad7e8}.slider-controls>span{font-size:12px;color:#8f928b}.slider-controls b{color:#f7f7f2;font-weight:500}.slider{overflow:hidden;padding:0 5% 90px}.slider-track{display:flex;transition:transform .65s cubic-bezier(.22,.8,.3,1);will-change:transform}.project-slide{min-width:100%;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);gap:38px}.project-media{position:relative;height:min(64vw,690px);max-height:690px;overflow:hidden;border-radius:8px;background:#0a1210}.project-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#07110ea8)}.project-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s}.project-media:hover img{transform:scale(1.025)}.project-media--psych img{object-position:center 35%}.project-media>span{position:absolute;left:26px;bottom:24px;z-index:1;padding:14px 18px;background:#f7f7f2;color:#20211f;border-radius:4px;font-size:12px}.project-info{display:flex;flex-direction:column;padding:12px 4px}.project-number{margin:0;color:#9b9e97;font-size:11px;letter-spacing:1.4px;text-transform:uppercase}.project-info h2{font-size:clamp(44px,5vw,78px);margin:50px 0 20px}.project-lead{font-size:18px;color:#c5c8c1}.project-meta{margin-top:35px}.project-meta>div{display:grid;grid-template-columns:90px 1fr;border-top:1px solid #454641;padding:16px 0}.project-meta span{font-size:11px;color:#858880}.project-meta p{font-size:12px;margin:0;color:#e0e2dd;line-height:1.5}.project-link{margin-top:auto;color:#9ad7e8;border-bottom:1px solid #9ad7e8;width:max-content;padding-bottom:8px;font-size:13px}.portfolio-cta{background:#9ad7e8;color:#20211f;padding:70px 5%;display:flex;justify-content:space-between;align-items:center}.portfolio-cta p{margin:0;font-size:15px}.portfolio-cta a{font-size:clamp(30px,4vw,60px);font-weight:500;letter-spacing:-.05em}.portfolio-cta a span{color:#304bff}.works-page footer{background:#f7f7f2;color:#20211f}@media(max-width:900px){.project-slide{grid-template-columns:1.2fr .8fr;gap:24px}.project-info h2{margin-top:30px}.works-teaser__grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.works-teaser__grid{grid-template-columns:1fr}.works-teaser__grid>div{margin-top:25px}.works-teaser__thumbs{height:190px;margin-top:45px}.portfolio-head{padding:45px 6% 32px}.portfolio-head h1{font-size:64px}.portfolio-head__bottom{display:block}.slider-controls{margin-top:25px;justify-content:flex-end}.slider{padding:0 6% 65px}.project-slide{grid-template-columns:1fr;gap:24px}.project-media{height:430px}.project-info h2{font-size:48px;margin:20px 0 12px}.project-meta{margin-top:20px}.project-link{margin-top:24px}.portfolio-cta{display:block;padding:55px 6%}.portfolio-cta a{display:block;margin-top:15px;font-size:38px}}.works-page .brand-mark{--mark-main:#9ad7e8;--mark-soft:#47727b}.works-page .portfolio-cta .brand-mark{--mark-main:#304bff;--mark-soft:#7d8aff}
