:root{color-scheme:dark;--bg:#090909;--panel:#131313;--text:#f2f2f0;--muted:#909090;--line:#292929}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #fff;outline-offset:4px}::selection{background:#eee;color:#000}.container{max-width:1480px;margin:auto;padding:0 5.2%}.loader{position:fixed;inset:0;z-index:120;background:#050505;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:26px;transition:opacity .7s,visibility .7s}.loader.hide{opacity:0;visibility:hidden}.loader>span{letter-spacing:.25em;font-weight:800;font-size:clamp(15px,2vw,28px)}.loader em{display:block;font-style:normal;text-align:center;font-size:.32em;letter-spacing:.74em;margin-top:9px}.loader-line{height:1px;width:180px;background:linear-gradient(to right,#fff 50%,#333 50%);background-size:200%;animation:load 1.25s linear forwards}@keyframes load{to{background-position:-100%}}.header{position:fixed;z-index:90;top:0;left:0;right:0;height:90px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff17;transition:background .3s,height .3s}.header.scrolled{height:72px;background:#090909e8;backdrop-filter:blur(15px)}.brand{font-weight:800;font-size:19px;line-height:1;letter-spacing:-.06em}.brand span{display:block;font-weight:500;font-size:8px;letter-spacing:.47em;margin-top:7px}.nav{display:flex;align-items:center;gap:29px;font-size:11px;color:#d0d0d0}.nav a,.header-cta,.underlink,.contact-details a{transition:color .2s}.nav a:hover,.header-cta:hover,.underlink:hover,.contact-details a:hover{color:#999}.header-cta{font-size:11px;border:1px solid #777;padding:12px 18px}.header-cta span{margin-left:24px}.menu-toggle{display:none;background:none;border:0;width:40px;height:40px}.menu-toggle span{display:block;width:26px;height:1px;background:#fff;margin:7px}.hero{min-height:760px;height:100svh;position:relative;overflow:hidden;background:#121212}.hero-video{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.55}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0007,#0002),linear-gradient(0deg,#080808da,transparent 35%,#0808088f)}.hero-inner{position:relative;height:100%;padding:120px 5.2% 38px;display:flex;flex-direction:column;justify-content:space-between}.hero-topline,.hero-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#bbb}.hero-center{text-align:center;margin:auto 0}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.27em;font-weight:700}.hero-eyebrow{display:flex;align-items:center;justify-content:center;gap:10px}.circle{width:7px;height:7px;background:#e8e8e8;border-radius:50%}.hero h1{font-size:clamp(64px,10vw,175px);line-height:.83;letter-spacing:-.105em;margin:35px 0 30px;font-weight:800}.hero h1 span{display:block;font-size:.41em;letter-spacing:.38em;margin-left:.38em;margin-top:18px;font-weight:500}.hero-center p{font-size:clamp(17px,2vw,25px);line-height:1.55;color:#eee}.hero-actions{display:flex;justify-content:center;gap:14px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:17px 22px;font-size:11px;font-weight:800;border:1px solid #ffffff8c;transition:transform .25s,background .25s,color .25s}.button:hover{transform:translateY(-3px)}.button.white{background:#f3f3f1;color:#111;border-color:#f3f3f1}.button.outline{color:#fff;background:#12121250}.hero-bottom a{border-bottom:1px solid #888;padding-bottom:7px}.section{padding:140px 0;scroll-margin-top:65px}.section-kicker{display:flex;align-items:center;gap:12px;color:#c2c2c2;margin-bottom:75px}.dot{width:7px;height:7px;background:#ddd;border-radius:50%}.intro{border-bottom:1px solid var(--line)}.intro-row{display:grid;grid-template-columns:1.7fr .6fr;align-items:end;gap:50px}.intro h2{font-size:clamp(50px,6.5vw,102px);line-height:1.03;letter-spacing:-.085em;margin:0;font-weight:800}.intro h2 span{color:#777}.intro-side p{font-size:15px;line-height:1.85;color:#aaa;margin:25px 0 45px}.small-rule{width:70px;height:1px;background:#eee;display:block}.underlink{border-bottom:1px solid #888;display:inline-flex;justify-content:space-between;gap:40px;padding-bottom:14px;font-size:12px;font-weight:700}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:55px}.section-head h2{font-size:clamp(52px,7.7vw,115px);letter-spacing:-.09em;line-height:1;margin:0}.section-head h2 i,.reviews h2 i,.contact h2 i{font-weight:400;color:#737373}.section-head .year{vertical-align:top;font-size:11px;letter-spacing:0;margin-left:15px;color:#777}.section-head p{font-size:13px;color:#a9a9a9;line-height:1.9}.filters{display:flex;gap:8px;margin-bottom:25px;flex-wrap:wrap}.filter{color:#999;background:transparent;border:1px solid #363636;font-size:11px;padding:11px 15px}.filter.active,.filter:hover{background:#eee;color:#111;border-color:#eee}.filter sup{font-size:8px;margin-left:7px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px}.project-card{display:block;text-align:left;background:none;color:inherit;border:0;padding:0;min-width:0}.project-card[hidden]{display:none}.project-image{display:block;position:relative;overflow:hidden;background:#171717;aspect-ratio:1.4}.project-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(.5);transition:transform .7s,filter .7s}.project-card:hover .project-image img{transform:scale(1.055);filter:grayscale(0)}.play-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:66px;width:66px;border:1px solid #fff9;background:#0909094b;backdrop-filter:blur(8px);border-radius:50%;display:grid;place-items:center;font-size:15px;padding-left:3px}.project-info{display:flex;justify-content:space-between;align-items:start;padding:20px 0}.project-info strong{display:block;font-size:17px}.project-info small{display:block;font-size:11px;color:#868686;margin-top:7px}.project-arrow{font-size:24px}.about{background:#141414}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.about-visual{position:relative}.about-visual img{width:100%;display:block;max-height:710px;object-fit:cover;filter:grayscale(1)}.image-caption{position:absolute;bottom:25px;left:25px;font-size:9px;letter-spacing:.25em;background:#0008;padding:12px}.small-heading{color:#999;letter-spacing:.28em;font-size:10px}.about-copy h2{font-size:clamp(51px,5.7vw,94px);line-height:1;letter-spacing:-.09em;margin:25px 0}.about-copy h2 span{color:#777}.about-lead{font-size:23px!important;color:#ddd!important;line-height:1.55!important}.about-copy p{font-size:13px;line-height:2;color:#aaa;max-width:560px}.stats{display:flex;gap:65px;border-top:1px solid #444;border-bottom:1px solid #444;padding:24px 0;margin:35px 0}.stats strong{font-size:50px;line-height:1}.stats strong span{color:#777}.stats small{display:block;color:#888;font-size:9px;letter-spacing:.18em;margin-top:10px}.services .section-head{margin-bottom:65px}.service-row{display:grid;grid-template-columns:55px 1.2fr .6fr 35px;gap:20px;align-items:center;padding:32px 15px;border-top:1px solid #333;transition:background .3s,padding .3s}.service-row:last-child{border-bottom:1px solid #333}.service-row:hover{background:#1a1a1a;padding-left:25px}.service-row>span{font-size:11px;color:#777}.service-row h3{font-weight:600;font-size:clamp(21px,2.5vw,38px);letter-spacing:-.045em;margin:0}.service-row p{font-size:11px;color:#888}.service-row b{font-size:25px;font-weight:400}.reviews{background:#111}.reviews-shell{max-width:900px}.stars{letter-spacing:7px;color:#e2e2e2;font-size:20px;margin-bottom:36px}.reviews h2{font-size:clamp(43px,6.2vw,90px);letter-spacing:-.075em;line-height:1.12;margin:0 0 28px}.reviews-shell p{color:#999;line-height:1.8;max-width:550px;font-size:14px;margin-bottom:30px}.contact{border-top:1px solid #292929}.contact-header>p{font-size:14px;color:#aaa;letter-spacing:.3em}.contact h2{font-size:clamp(65px,10vw,150px);line-height:.95;letter-spacing:-.1em;margin:20px 0 45px}.giant-link{font-size:clamp(18px,2.6vw,34px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid #666;border-bottom:1px solid #666;padding:27px 0;transition:color .3s}.giant-link:hover{color:#aaa}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:12%;padding-top:90px}.contact-details{display:flex;flex-direction:column;align-items:start;gap:20px}.contact-details p{margin:0 0 15px;color:#aaa;font-size:12px}.contact-details a{font-size:16px}.contact-details .price-note{margin-top:45px;line-height:1.8;max-width:270px}.lead-form{border:1px solid #343434;padding:35px}.lead-form h3{letter-spacing:.15em;font-size:12px;margin:0 0 30px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lead-form label{font-size:11px;color:#bbb;display:block;margin-bottom:22px}.lead-form input:not([type=checkbox]),.lead-form textarea,.lead-form select{display:block;background:#131313;color:#f2f2f2;border:1px solid #383838;width:100%;padding:15px 13px;outline:0;margin-top:9px;min-width:0;border-radius:0}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:#aaa}.lead-form textarea{resize:vertical}.lead-form .check{display:flex;align-items:start;gap:10px;font-size:10px;line-height:1.6}.check input{accent-color:#ddd;margin-top:3px}.full{width:100%;cursor:pointer}.form-note{color:#898989;font-size:10px;line-height:1.7}.footer{border-top:1px solid #333;padding:44px 0 25px}.footer-line,.footer-end{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#888;letter-spacing:.12em}.footer-wordmark{font-weight:800;letter-spacing:-.105em;font-size:clamp(54px,14vw,220px);white-space:nowrap;line-height:1.25;overflow:hidden}.footer-wordmark span{display:block;font-size:.24em;letter-spacing:.59em;line-height:1.2;font-weight:500;padding-left:.48em;margin-bottom:40px}.float-tg{position:fixed;z-index:80;right:25px;bottom:24px;width:55px;height:55px;border-radius:50%;background:#efefef;color:#101010;display:grid;place-items:center;box-shadow:0 8px 30px #0007;transition:transform .25s}.float-tg:hover{transform:translateY(-4px)}.float-tg svg{width:26px;height:26px}.modal{position:fixed;inset:0;z-index:150;background:#000f;display:none;align-items:center;justify-content:center;flex-direction:column;padding:70px 25px 30px}.modal.open{display:flex}.modal-close{position:absolute;right:30px;top:25px;background:none;border:1px solid #999;color:#fff;border-radius:50%;width:48px;height:48px}.modal-content{width:min(1100px,100%);height:min(75vh,650px);display:grid;place-items:center}.modal-content video,.modal-content img{width:100%;height:100%;object-fit:contain}.modal-title{font-size:12px;color:#aaa;margin-top:15px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){.nav{gap:14px}.about-grid{gap:6%}.service-row{grid-template-columns:35px 1.2fr .7fr 20px}.contact-grid{gap:5%}}@media(max-width:760px){.container{padding:0 6%}.header{height:72px;padding:0 6%}.header-cta{display:none}.menu-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0a0a0a;flex-direction:column;padding:35px 25px 45px;gap:26px;align-items:start;border-bottom:1px solid #333}.nav.open{display:flex}.nav a{font-size:19px}.hero{min-height:620px}.hero-inner{padding:105px 6% 30px}.hero-topline{font-size:8px}.hero-topline span:last-child{display:none}.hero h1{font-size:clamp(50px,12.5vw,92px);margin:25px 0}.hero h1 span{letter-spacing:.28em}.hero-center p{font-size:17px}.hero-actions{flex-direction:column;align-items:center}.hero-actions .button{width:min(270px,90%)}.hero-bottom{font-size:8px}.section{padding:85px 0}.section-kicker{margin-bottom:46px}.intro-row,.about-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.intro h2{font-size:clamp(42px,10vw,76px)}.intro-side{max-width:430px}.section-head{align-items:start;flex-direction:column;gap:8px}.section-head h2{font-size:clamp(48px,12vw,80px)}.section-head p{font-size:12px}.project-grid{gap:32px 15px}.project-image{aspect-ratio:1}.play-badge{height:46px;width:46px}.project-info strong{font-size:13px}.project-info small{font-size:10px}.about-visual{max-width:500px}.about-copy h2{font-size:clamp(52px,12vw,90px)}.service-row{grid-template-columns:25px 1fr 25px;gap:12px;padding:25px 5px}.service-row p{display:none}.service-row h3{font-size:22px}.reviews h2{font-size:clamp(43px,9vw,76px)}.contact h2{font-size:clamp(59px,12vw,110px)}.contact-grid{padding-top:55px}.lead-form{padding:22px}.footer-wordmark{font-size:14vw}.float-tg{right:18px;bottom:18px;width:48px;height:48px}}@media(max-width:480px){.project-grid{grid-template-columns:1fr}.project-image{aspect-ratio:1.5}.field-row{grid-template-columns:1fr;gap:0}.hero h1{font-size:12vw}.stats{gap:35px}.stats strong{font-size:42px}.footer-end{flex-wrap:wrap;gap:15px}.footer-wordmark span{letter-spacing:.48em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.loader{display:none}}

.portfolio-loading{grid-column:1/-1;color:#aaa;padding:4rem 0}.lead-form button:disabled{opacity:.5;cursor:wait}

/* KLIMENKO UI patch v2: CTA in former stats position */
.about-copy > .underlink{margin-top:30px}

/* KLIMENKO PATCH V3: adjacent VK social link and anchored navigation */
html{scroll-padding-top:84px}
section[id]{scroll-margin-top:84px}
.float-vk{position:fixed;z-index:80;right:92px;bottom:24px;width:55px;height:55px;border-radius:50%;background:#efefef;color:#101010;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px #0007;transition:transform .25s ease;font-size:16px;font-weight:800;letter-spacing:-.065em}
.float-vk:hover{transform:translateY(-4px)}
@media(max-width:760px){html{scroll-padding-top:76px}section[id]{scroll-margin-top:76px}.float-vk{right:78px;bottom:18px;width:48px;height:48px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.float-vk{transition:none}}

/* KLIMENKO V5: single hero media layer */
.hero-video{display:block;inset:0;pointer-events:none;background:#121212;object-fit:cover;}
.hero-video-unlock{position:absolute;z-index:40;bottom:92px;right:5%;border:1px solid #ffffff80;border-radius:4px;background:#141414d9;color:white;padding:12px 17px;font:600 12px Arial,sans-serif;cursor:pointer}
@media(max-width:760px){.hero-video-unlock{right:6%;bottom:70px}}
