:root{color-scheme:dark;--bg:#181a18;--surface:#232522;--text:#f4f5ed;--muted:#b5b8ad;--line:#41443b;--lime:#d5fc4b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--lime);outline-offset:7px}.wrap{max-width:1440px;width:calc(100% - 96px);margin:auto}.header{height:112px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.logo{font-size:38px;font-weight:900;letter-spacing:-2px;line-height:1}.logo span{font-size:15px;display:inline-block;vertical-align:top;margin-left:5px;color:var(--lime);letter-spacing:0}.header nav{display:flex;align-items:center;gap:38px;font-size:14px}.header nav a:hover{color:var(--lime)}.nav-cta{border:1px solid #64695c;border-radius:50px;padding:12px 20px}.nav-cta span{margin-left:22px}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:600;line-height:1.5}.hero>.eyebrow{display:flex;justify-content:space-between;margin-top:40px;color:var(--muted)}h1{font-size:clamp(48px,6.9vw,104px);line-height:1.03;letter-spacing:-.065em;margin:43px 0 28px;font-weight:600}h1>span{color:var(--lime)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:42px}.hero-bottom p{color:var(--muted);font-size:18px;line-height:1.6;margin:0}.button{display:inline-flex;gap:46px;align-items:center;justify-content:space-between;padding:17px 25px;border-radius:4px;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#e3ff89;transform:translateY(-2px)}.lime{background:var(--lime);color:var(--bg)}.hero-image{margin:0;position:relative;height:480px;overflow:hidden;background:#292c28;border-radius:5px}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block}.hero-image:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#000b);pointer-events:none}figcaption{position:absolute;bottom:24px;left:28px;right:28px;display:flex;justify-content:space-between;gap:20px;z-index:1;font-size:12px;color:#fff}figcaption span:first-child{letter-spacing:1.5px}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:54px;padding:22px 0}.ticker>div{display:flex;justify-content:space-evenly;align-items:center;gap:28px;white-space:nowrap;font-size:clamp(15px,1.55vw,24px);font-weight:600;letter-spacing:-.5px}.ticker span{color:var(--lime);font-size:28px}.section{padding-top:100px;padding-bottom:100px}.section-intro{display:grid;grid-template-columns:.55fr 1.4fr 1fr;gap:30px;align-items:start;margin-bottom:46px}.section-intro>.eyebrow{padding-top:8px;color:var(--muted)}h2{font-size:clamp(32px,3.5vw,52px);line-height:1.12;letter-spacing:-.045em;font-weight:500;margin:0}.section-intro>p{color:var(--muted);margin:4px 0;font-size:16px;line-height:1.6}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{background:var(--surface);padding:30px;border:1px solid var(--line);border-radius:5px;display:flex;flex-direction:column}.service-number{color:var(--muted);font-size:13px;letter-spacing:1px}.service-title{display:flex;justify-content:space-between;gap:10px;margin-top:34px}.service h3{font-size:32px;letter-spacing:-1px;line-height:1.12;margin:0;font-weight:500}.service-title>span{font-size:32px;color:var(--lime)}.service>p{color:var(--muted);min-height:72px;line-height:1.6;margin:24px 0}.service ul{padding:0;margin:0 0 38px;list-style:none;flex:1}.service li{padding:11px 0;border-top:1px solid var(--line);font-size:14px}.service>a{font-size:14px;display:flex;justify-content:space-between;border-bottom:1px solid #888e7b;padding-bottom:6px;align-self:flex-start;gap:22px}.service>a:hover{opacity:.7}.featured{background:var(--lime);color:var(--bg);border-color:var(--lime)}.featured .service-number,.featured>p,.featured .service-title>span{color:#3d462c}.featured li{border-color:#a8c935}.featured>a{border-color:#687e20}.approach{background:#21241f;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.approach-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px}.approach h2{margin-top:32px}.approach h2 span{color:var(--lime)}.approach-desc{color:var(--muted);max-width:365px;line-height:1.7;margin-top:28px}.steps{margin:0;padding:0;list-style:none}.steps li{display:flex;gap:28px;padding:25px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li:last-child{border-bottom:0;padding-bottom:0}.steps li>span{color:var(--lime);font-size:13px;padding-top:5px}.steps h3{font-size:22px;font-weight:500;margin:0 0 8px;letter-spacing:-.5px}.steps p{color:var(--muted);margin:0;max-width:420px;line-height:1.6}.brief>.eyebrow{color:var(--muted)}.brief-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:30px 0 48px}.brief-heading h2{font-size:clamp(36px,4.6vw,66px)}.brief-heading em{font-style:normal;color:var(--lime)}.brief-heading p{max-width:300px;color:var(--muted);margin:0;line-height:1.7}.brief-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.brief-grid>div{padding-top:22px;border-top:1px solid var(--line)}.brief-grid span{color:var(--muted);font-size:12px;letter-spacing:1px}.brief-grid h3{font-weight:500;font-size:22px;letter-spacing:-.6px;margin:22px 0 12px}.brief-grid p{color:var(--muted);line-height:1.7;max-width:360px}.brief-note{border:1px solid var(--line);padding:23px 28px;margin-top:36px;border-radius:4px;font-size:18px}footer{border-top:1px solid var(--line);padding-top:36px;padding-bottom:25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:48px}.footer-top .logo{font-size:34px}.footer-top p{color:var(--muted);font-size:14px}.footer-top>a:last-child{font-size:14px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.skip{position:fixed;top:-100px;left:10px;z-index:10;background:var(--lime);color:#181a18;padding:12px}.skip:focus{top:10px}@media(min-width:1600px){h1{font-size:110px}}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.section-intro{grid-template-columns:1fr 2fr}.section-intro>p{grid-column:2}.service{padding:22px}.service h3{font-size:26px}.service>p{min-height:103px}.hero-image{height:410px}.approach-inner{gap:40px}.section{padding-top:70px;padding-bottom:70px}.footer-bottom{flex-wrap:wrap}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{height:83px}.logo{font-size:29px}.header nav{gap:0}.header nav>a:not(.nav-cta){display:none}.nav-cta{font-size:12px;padding:10px 12px}.nav-cta span{margin-left:10px}.hero>.eyebrow{margin-top:27px;font-size:10px;letter-spacing:1px;gap:20px}.hero>.eyebrow span:last-child{text-align:right}h1{font-size:clamp(39px,8.8vw,62px);letter-spacing:-.055em;margin:32px 0 24px;line-height:1.07}.hero-bottom{display:block;margin-bottom:28px}.hero-bottom p{font-size:16px;margin-bottom:24px;max-width:360px}.desktop{display:none}.button{padding:15px 20px;gap:32px}.hero-image{height:330px}.hero-image img{object-position:53% center}figcaption{left:17px;right:17px;bottom:17px;display:block;font-size:10px}figcaption span{display:block}figcaption span+span{margin-top:5px}.ticker{margin-top:32px;padding:14px 0}.ticker>div{width:max-content;gap:24px;font-size:17px;padding:0 18px}.section{padding-top:56px;padding-bottom:56px}.section-intro{display:block;margin-bottom:28px}.section-intro h2{margin:24px 0 18px;font-size:35px}.section-intro>p{font-size:16px}.section-intro>p br{display:none}.service-grid{grid-template-columns:1fr;gap:14px}.service{padding:26px}.service-title{margin-top:24px}.service h3{font-size:32px}.service>p{min-height:0;margin:20px 0}.service ul{margin-bottom:25px}.service li{font-size:15px}.approach-inner{grid-template-columns:1fr;gap:30px}.approach h2{font-size:39px;margin-top:24px}.steps li{gap:22px}.steps h3{font-size:21px}.brief-heading{display:block;margin:24px 0 32px}.brief-heading h2{font-size:37px}.brief-heading p{margin-top:23px;max-width:none}.brief-grid{grid-template-columns:1fr;gap:23px}.brief-grid h3{margin-top:16px}.brief-grid p{max-width:none;margin-bottom:0}.brief-note{font-size:16px;padding:20px}.footer-top{flex-wrap:wrap;margin-bottom:27px;gap:20px}.footer-top p{order:3;margin:0;flex-basis:100%}.footer-bottom{font-size:12px;gap:13px}.footer-bottom>span:nth-child(2){flex-basis:100%;order:3}.footer-bottom>span:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.landing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.landing-card{border:1px solid var(--line);background:var(--surface);border-radius:5px;padding:25px;min-height:270px;display:flex;flex-direction:column}.landing-card:hover{border-color:var(--lime)}.landing-card span,.landing-card b{font-size:13px;color:var(--lime)}.landing-card h3{font-size:25px;font-weight:500;line-height:1.15;margin:32px 0 12px}.landing-card p{color:var(--muted);margin:0 0 25px;font-size:15px}.landing-card b{margin-top:auto}.service-hero{padding-top:28px;padding-bottom:76px}.crumb{font-size:14px;color:var(--muted)}.service-hero>.eyebrow{margin-top:65px;color:var(--lime)}.service-hero h1{max-width:1100px;margin:20px 0 24px}.lead{max-width:700px;font-size:21px;color:var(--muted);line-height:1.5}.service-hero .button{margin-top:18px}.detail-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:70px;padding-bottom:90px;border-top:1px solid var(--line)}.detail-panel h2{margin-top:24px}.detail-points article{border-top:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:55px 1fr}.detail-points article>span{color:var(--lime);font-size:13px}.detail-points h3{margin:0;font-size:23px;font-weight:500}.detail-points p{grid-column:2;color:var(--muted);margin:10px 0 0}.detail-process{background:#21241f;padding:70px 0}.detail-process h2{max-width:850px;margin:25px 0}.detail-process p{color:var(--muted);max-width:650px}.brief>h2{margin:25px 0 48px}.related{border-top:1px solid var(--line)}.related>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.related a{border:1px solid var(--line);padding:12px 18px;border-radius:4px}.related a:hover{border-color:var(--lime)}@media(max-width:1050px){.landing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.landing-grid{grid-template-columns:1fr}.landing-card{min-height:220px}.landing-card h3{margin-top:24px}.service-hero{padding-bottom:55px}.service-hero>.eyebrow{margin-top:44px}.service-hero h1{font-size:clamp(38px,9vw,62px)}.lead{font-size:18px}.detail-panel{grid-template-columns:1fr;gap:30px;padding-top:50px;padding-bottom:55px}.detail-process{padding:55px 0}.detail-process h2{font-size:34px}}/* Service icons use Lucide's ISC-licensed vector set. */
[hidden]{display:none!important}.landing-card{overflow:hidden;transition:border-color .25s,background .25s,transform .25s}.landing-card h3{margin:26px 0 0}.service-art{height:150px;display:grid;place-items:center;margin:12px 0 20px;background:radial-gradient(ellipse at center,#353b2d 0%,transparent 68%);border-bottom:1px solid var(--line);color:#818a73}.service-art svg{width:104px;height:104px;overflow:visible;transition:color .5s,filter .5s,transform .5s}.landing-card:is(:hover,:focus-visible,.touch-active){border-color:#adcd43;background:#282d22}.landing-card:is(:hover,:focus-visible,.touch-active) .service-art svg{color:var(--lime);filter:drop-shadow(0 0 6px #d5fc4b66)}.part{transform-box:fill-box;transform-origin:center;transition:transform .5s,fill .5s}.landing-card:is(:hover,:focus-visible,.touch-active) :is(.art-vyveski,.art-obemnye-bukvy,.art-lightbox) svg{color:#edffc2;filter:drop-shadow(0 0 4px #d5fc4b) drop-shadow(0 0 15px #d5fc4b80)}.art-lightbox text{opacity:.35;transition:opacity .5s}.landing-card:is(:hover,:focus-visible,.touch-active) .art-lightbox text{opacity:1}.landing-card:is(:hover,:focus-visible,.touch-active) .art-pechat .part-2{animation:paper-feed 1.8s ease-in-out infinite}.landing-card:is(:hover,:focus-visible,.touch-active) .art-naruzhnaya-reklama svg{animation:announce 1.8s ease-in-out infinite}.landing-card:is(:hover,:focus-visible,.touch-active) .art-brendirovanie svg{animation:stamp-press 1.8s ease-in-out infinite}.landing-card:is(:hover,:focus-visible,.touch-active) .art-stendy svg{transform:perspective(240px) rotateY(-12deg) scale(1.06)}.landing-card:is(:hover,:focus-visible,.touch-active) .art-oformlenie-magazinov .part{fill:#d5fc4b15}.landing-card:is(:hover,:focus-visible,.touch-active) .art-oformlenie-magazinov svg{transform:translateY(-4px)}
@keyframes paper-feed{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes announce{0%,100%{transform:rotate(0)}40%{transform:rotate(-8deg)}65%{transform:rotate(4deg)}}@keyframes stamp-press{0%,100%{transform:translateY(-5px) rotate(-5deg)}45%,65%{transform:translateY(4px) rotate(0)}}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease var(--reveal-delay,0ms),transform .7s cubic-bezier(.2,.65,.3,1) var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}
.hero-image .hero-lights-off{position:absolute;inset:0;opacity:0;pointer-events:none}.hero-image.light-ready .hero-lights-off{animation:sign-lights 10s ease-in-out infinite}.hero-image.light-paused .hero-lights-off{animation-play-state:paused}.light-toggle{position:absolute;top:18px;right:18px;z-index:2;border:1px solid #ffffff60;border-radius:30px;background:#181a18cc;color:#fff;padding:10px 16px;font:inherit;font-size:14px;cursor:pointer;backdrop-filter:blur(8px)}.light-toggle:focus-visible{outline:3px solid var(--lime);outline-offset:3px}@keyframes sign-lights{0%,30%,100%{opacity:0}45%,75%{opacity:1}90%{opacity:0}}
@media(max-width:700px){.service-art{height:140px}.service-art svg{width:96px;height:96px}.light-toggle{top:12px;right:12px;font-size:12px;padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.service-art svg,.service-art .part,.hero-image.light-ready .hero-lights-off{animation:none!important;transform:none!important}.light-toggle{display:none}}
/* Irregular electrical switching: sharp transitions with unequal holds. */
.hero-image.light-ready .hero-lights-off{animation:sign-short-circuit 8.8s steps(1,end) infinite}
@keyframes sign-short-circuit{0%,4%,22%,33%,78%,100%{opacity:0}2%,18%,25%,71%{opacity:1}}
.hero-image.light-paused .hero-lights-off{animation-play-state:paused}
.nav-phone{white-space:nowrap}.contact-band{border-top:1px solid var(--line);padding-top:65px;padding-bottom:65px;display:flex;align-items:center;justify-content:space-between;gap:32px}.contact-band h2{margin:18px 0}.contact-band p{color:var(--muted)}.contact-actions{display:grid;gap:20px}.phone{font-size:28px;font-weight:600;white-space:nowrap}.floating-wa{position:fixed;right:24px;bottom:24px;z-index:20;background:var(--lime);color:#181a18;padding:14px 22px;border-radius:40px;font-weight:700;box-shadow:0 6px 30px #0005}.brief-note a{color:var(--lime);text-decoration:underline;text-underline-offset:4px}.service-hero{position:relative;padding-right:36%;min-height:590px}.service-hero h1{font-size:clamp(42px,5.5vw,82px)}.service-animation{position:absolute;right:0;top:100px;width:31%;min-height:340px;padding:32px;text-align:center;background:radial-gradient(ellipse at 50% 40%,#384526,#22271f 75%);pointer-events:none}.service-animation .service-art{height:185px;border:0;margin:0}.service-animation .service-art svg{width:142px;height:142px}.service-animation>p{font-size:21px;color:var(--text);line-height:1.3;margin:20px 0}.service-animation>span{font-size:12px;letter-spacing:1.5px}.service-animation .art-stendy svg{animation:stand-turn 5s ease-in-out infinite}.service-animation .art-oformlenie-magazinov svg{animation:store-light 4s ease-in-out infinite}.service-animation :is(.art-vyveski,.art-obemnye-bukvy,.art-lightbox) svg{animation:icon-light 5s steps(1,end) infinite}@keyframes icon-light{0%,40%,60%,100%{color:#edffc2;filter:drop-shadow(0 0 10px #d5fc4b)}45%,55%{color:#818a73;filter:none}}@keyframes stand-turn{0%,100%{transform:perspective(400px) rotateY(-14deg)}50%{transform:perspective(400px) rotateY(14deg)}}@keyframes store-light{0%,100%{filter:drop-shadow(0 0 4px #d5fc4b44);transform:translateY(0)}50%{filter:drop-shadow(0 0 18px #d5fc4b99);transform:translateY(-5px)}}
.portfolio-heading{display:flex;justify-content:space-between;gap:30px;margin:24px 0 40px}.portfolio-heading p{max-width:390px;margin:0;color:var(--muted)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.portfolio-grid article{min-width:0}.portfolio-photo{position:relative;width:100%;height:380px;overflow:hidden;border-radius:5px}.portfolio-photo img{position:absolute;height:100%;width:300%;max-width:none;object-fit:fill;top:0;transition:transform .7s}.panel-0 img{left:0}.panel-1 img{left:-100%}.panel-2 img{left:-200%}.portfolio-photo:hover img{transform:scale(1.03)}.concept-label{display:inline-block;color:var(--lime);font-size:12px;letter-spacing:1.5px;margin-top:20px}.portfolio-grid h3{font-size:25px;font-weight:500;margin:12px 0}.portfolio-grid p{color:var(--muted);margin:0}.clients{background:#21241f;border-block:1px solid var(--line);overflow:hidden}.clients-head{display:flex;justify-content:space-between;align-items:center;gap:30px}.clients h2{margin:15px 0}.clients p{color:var(--muted);max-width:640px}.marquee-toggle{background:transparent;border:1px solid var(--line);border-radius:30px;color:var(--text);padding:10px 17px;font-size:14px;cursor:pointer}.brand-window{overflow:hidden;margin-top:38px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.brand-track{display:flex;width:max-content;animation:brand-marquee 24s linear infinite}.brand-group{display:flex;align-items:center;gap:80px;padding-right:80px}.brand-logo{width:180px;height:80px;display:grid;place-items:center}.brand-logo img{max-width:150px;max-height:60px;object-fit:contain}.clients:is(:hover,:focus-within,.paused) .brand-track{animation-play-state:paused}@keyframes brand-marquee{to{transform:translateX(-50%)}}
@media(max-width:1050px){.header nav{gap:18px}.header .nav-phone{font-size:14px}.service-hero{padding-right:35%}.service-animation{padding:20px}.portfolio-photo{height:320px}}
@media(max-width:700px){.header{height:auto;min-height:100px;gap:12px}.header nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:175px}.header nav>.nav-phone{display:block!important;font-size:13px;flex-basis:100%;text-align:right}.service-hero{padding-right:0}.service-animation{position:relative;top:auto;right:auto;width:100%;margin-top:34px;min-height:290px}.service-animation .service-art{height:155px}.contact-band{display:block;padding-top:45px;padding-bottom:55px}.contact-actions{margin-top:30px}.phone{font-size:25px}.floating-wa{bottom:15px;right:15px;padding:12px 18px;font-size:14px}.portfolio-heading{display:block}.portfolio-heading p{margin-top:20px}.portfolio-grid{grid-template-columns:1fr;gap:36px}.portfolio-photo{height:440px}.clients-head{align-items:flex-start;flex-direction:column;gap:10px}.brand-group{gap:36px;padding-right:36px}.brand-logo{width:140px}footer{padding-bottom:95px!important}}
@media(prefers-reduced-motion:reduce){.hero-image.light-ready .hero-lights-off{animation:none!important}.service-animation svg,.brand-track{animation:none!important}.brand-track{width:100%}.brand-group{flex-wrap:wrap;justify-content:center;padding:0;gap:20px}.brand-group[aria-hidden]{display:none}.marquee-toggle{display:none}}
.portfolio-photo img{height:auto;min-height:100%;top:50%;transform:translateY(-50%);object-fit:cover}.portfolio-photo:hover img{transform:translateY(-50%) scale(1.03)}