:root{--ink:#171916;--ink2:#23251f;--paper:#ece9e1;--milk:#f5f2eb;--stone:#b8b9a8;--muted:#95968d;--line:rgba(24,26,22,.17);--white:#f7f5ef;--serif:"Prata",Georgia,serif;--sans:"Manrope",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;width:100%}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:92px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;color:var(--white);border-bottom:1px solid rgba(255,255,255,.2)}.site-header.scrolled{position:fixed;height:72px;background:rgba(23,25,22,.94);backdrop-filter:blur(14px);animation:slideDown .4s ease}.brand{display:flex;align-items:center;gap:13px;line-height:1}.brand strong{font:400 2rem/1 var(--serif);letter-spacing:-.08em}.brand span{font-size:.65rem;letter-spacing:.16em;line-height:1.35}.desktop-nav{display:flex;gap:2.1rem}.desktop-nav a,.header-cta{font-size:.78rem;letter-spacing:.06em}.desktop-nav a{opacity:.82}.desktop-nav a:hover{opacity:1}.header-cta{padding:10px 0;border-bottom:1px solid var(--stone)}.header-cta span{margin-left:8px}.menu-toggle,.mobile-menu{display:none}.hero{height:max(760px,100svh);min-height:680px;position:relative;color:var(--white);overflow:hidden}.hero>img{height:100%;object-fit:cover;object-position:center 55%;transform:scale(1.01);animation:heroZoom 14s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,9,.7) 0%,rgba(10,12,9,.33) 52%,rgba(10,12,9,.12)),linear-gradient(0deg,rgba(10,12,9,.6),transparent 52%)}.hero-content{position:absolute;left:8vw;bottom:15%;width:min(1100px,84vw)}.eyebrow,.section-label{margin:0 0 28px;text-transform:uppercase;letter-spacing:.2em;font-size:.69rem;font-weight:600}.hero h1,.section h2,.trust h2,.modal-copy h2,.privacy-modal h2{font:400 clamp(3.5rem,7.3vw,7.8rem)/.97 var(--serif);letter-spacing:-.045em;margin:0}.hero h1 em,.section h2 em,.trust h2 em{font-style:italic;color:var(--stone)}.hero-bottom{margin-top:45px;display:flex;align-items:end;gap:7vw}.hero-bottom>p{max-width:500px;margin:0;font-size:1.05rem;color:rgba(255,255,255,.86)}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;border:1px solid transparent;font-size:.82rem;letter-spacing:.04em;cursor:pointer;transition:.3s}.button-light{background:var(--white);color:var(--ink)}.button-light:hover{background:var(--stone)}.button-ghost{border-color:rgba(255,255,255,.55)}.button-ghost:hover{background:rgba(255,255,255,.1)}.hero-signature{position:absolute;right:4vw;bottom:4vh;margin:0;font-size:.72rem;letter-spacing:.06em}.hero-signature span{color:var(--stone);margin:0 8px}.hero-index{position:absolute;right:4vw;top:125px;font-size:.7rem;letter-spacing:.14em}.scroll-cue{position:absolute;left:4vw;bottom:4vh;width:30px;height:42px;border:1px solid rgba(255,255,255,.45);border-radius:18px}.scroll-cue span{display:block;width:3px;height:3px;background:#fff;border-radius:50%;margin:9px auto;animation:scroll 2s infinite}.section{padding:130px 8vw;position:relative}.section-dark{background:var(--ink);color:var(--white)}.section-number{position:absolute;left:4vw;top:137px;font-size:.68rem;color:var(--muted)}.section-label{color:#6d6f66}.section-dark .section-label{color:var(--stone)}.studio-copy{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:end}.studio h2,.services h2,.reviews h2{font-size:clamp(2.8rem,5vw,5.5rem)}.body-copy{font-size:1.05rem;color:#4d5049}.body-copy p{margin:0 0 1.4rem}.facts{border-top:1px solid var(--line);margin-top:100px;display:grid;grid-template-columns:repeat(4,1fr)}.facts div{padding:28px 18px 0 0;border-right:1px solid var(--line)}.facts div+div{padding-left:24px}.facts strong,.facts span{display:block}.facts strong{font:400 1.6rem var(--serif);margin-bottom:12px}.facts span{font-size:.75rem;color:#62645d}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:75px}.section-head>p{width:350px;color:#b5b6ae;margin:0 4vw 10px 0}.projects h2,.process h2{font-size:clamp(3rem,5.6vw,6rem)}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:70px 24px}.project-card{grid-column:span 6;cursor:pointer}.project-card:nth-child(1),.project-card:nth-child(6){grid-column:span 7}.project-card:nth-child(2),.project-card:nth-child(5){grid-column:span 5;margin-top:120px}.project-card:nth-child(3){grid-column:2/span 5}.project-card:nth-child(4){grid-column:7/span 6;margin-top:80px}.project-image{overflow:hidden;background:var(--ink2);position:relative;aspect-ratio:4/3}.project-card:nth-child(2) .project-image,.project-card:nth-child(3) .project-image{aspect-ratio:4/5}.project-image img{height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project-image::after{content:"Открыть проект  ↗";position:absolute;inset:auto 18px 18px auto;background:rgba(23,25,22,.82);padding:10px 14px;font-size:.7rem;letter-spacing:.05em;opacity:0;transform:translateY(8px);transition:.3s}.project-card:hover img{transform:scale(1.035)}.project-card:hover .project-image::after{opacity:1;transform:none}.project-info{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.2);padding-top:17px;margin-top:16px}.project-info h3{margin:0;font:400 1.35rem var(--serif)}.project-meta{text-align:right;color:#a9aaa3;font-size:.7rem;letter-spacing:.04em;line-height:1.6}.service-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:9vw;align-items:end;margin-bottom:80px}.service-intro>p{color:#5e6059;margin:0}.service-card{border-top:1px solid var(--line);padding:48px 0 65px;display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw}.service-card:last-child{border-bottom:1px solid var(--line)}.service-title>span{font-size:.7rem;color:#77796f}.service-title h3{font:400 clamp(2rem,3.2vw,3.7rem)/1.1 var(--serif);margin:22px 0 28px}.price{font-size:.86rem}.price strong{font:400 1.65rem var(--serif)}.service-details h4{margin:0 0 24px;text-transform:uppercase;font-size:.7rem;letter-spacing:.14em}.service-details ul{margin:0;padding:0;list-style:none}.service-details li{position:relative;padding:0 0 20px 28px;border-bottom:1px solid var(--line);margin-bottom:20px}.service-details li::before{content:"—";position:absolute;left:0}.note{background:#dedfd4;padding:24px;margin:26px 0 0;font-size:.78rem;color:#55584f}.small-note{margin-top:28px;font-size:.78rem;color:#707269}.timeline{display:grid;grid-template-columns:repeat(5,1fr);margin-top:80px;position:relative}.timeline::before{content:"";position:absolute;top:8px;left:0;right:0;height:1px;background:rgba(255,255,255,.25)}.timeline article{padding:45px 24px 0 0;position:relative}.timeline article::before{content:"";position:absolute;top:3px;left:0;width:11px;height:11px;border-radius:50%;background:var(--stone)}.timeline span{font-size:.67rem;color:var(--stone)}.timeline h3{font:400 1.25rem/1.25 var(--serif);min-height:62px;margin:18px 0}.timeline p{font-size:.78rem;color:#a9aba3;margin:0}.trust{display:grid;grid-template-columns:1.05fr .95fr;min-height:850px;background:var(--milk)}.trust>img{height:100%;object-fit:cover}.trust-copy{padding:120px 7vw;display:flex;flex-direction:column;justify-content:center}.trust h2{font-size:clamp(2.7rem,4.6vw,5.2rem)}.trust-copy>p:not(.section-label){color:#555850;margin:50px 0 35px}.trust blockquote{margin:0;padding:22px 0 0 32px;border-top:1px solid var(--line);font:400 1.15rem/1.55 var(--serif);position:relative}.trust blockquote::before{content:"“";position:absolute;left:0;font:2.5rem var(--serif);color:#8a8c7b}.reviews-head{display:flex;align-items:end;justify-content:space-between}.review-nav{display:flex}.review-nav button{width:52px;height:52px;background:transparent;border:1px solid var(--line);cursor:pointer}.review-nav button+button{border-left:0}.review-track{margin-top:65px;display:flex;gap:24px;overflow:hidden;scroll-behavior:smooth}.review-card{flex:0 0 calc(50% - 12px);min-height:360px;padding:42px;background:var(--milk);display:flex;flex-direction:column;justify-content:space-between}.review-card::before{content:"“";font:4rem/1 var(--serif);color:#a3a593}.review-card blockquote{margin:25px 0 45px;font:400 1.2rem/1.6 var(--serif)}.review-author{border-top:1px solid var(--line);padding-top:20px;font-size:.72rem}.review-author strong{display:block;font-size:.8rem}.contact{padding-bottom:95px}.contact-intro{display:grid;grid-template-columns:1.15fr .85fr;column-gap:8vw;align-items:end;margin-bottom:80px}.contact-intro .section-label{grid-column:1/-1}.contact-intro h2{font-size:clamp(3rem,5.3vw,5.8rem)}.contact-intro>p:last-child{color:#b1b2aa;margin:0}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:32px 48px;padding-top:45px;border-top:1px solid rgba(255,255,255,.22)}.contact-form label>span,.contact-form legend{display:block;color:#aeb0a8;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;margin-bottom:11px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.28);border-radius:0;background:transparent;color:var(--white);padding:9px 0 15px;outline:none;transition:.2s}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--stone)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#6e706a}.contact-form select option{background:var(--ink)}.contact-form fieldset{grid-column:1/-1;border:0;padding:0;margin:0}.contact-form fieldset label{display:inline-flex;align-items:center;margin:0 20px 8px 0;cursor:pointer}.contact-form fieldset label span{margin:0;padding:10px 17px;border:1px solid rgba(255,255,255,.25);text-transform:none;font-size:.76rem}.contact-form input[type=radio]{position:absolute;opacity:0;width:1px}.contact-form input[type=radio]:checked+span{background:var(--stone);color:var(--ink);border-color:var(--stone)}.full{grid-column:1/-1}.form-submit{display:flex;align-items:center;gap:25px}.button-accent{background:var(--stone);color:var(--ink);border:0}.button-accent:hover{background:var(--white)}.form-submit>p{font-size:.63rem;color:#84867e;max-width:280px}.form-submit a{text-decoration:underline}.form-success{display:none;color:var(--stone);margin:0}.form-success.visible{display:block}.direct-contact{margin-top:70px;padding-top:32px;border-top:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:space-between}.direct-contact p{font:400 1.35rem var(--serif)}.telegram-link{font-size:.78rem;border-bottom:1px solid var(--stone);padding-bottom:8px}.telegram-link span{margin-left:15px}footer{background:#0f110e;color:#c6c7c0;padding:70px 8vw 32px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:5vw}footer a,footer button{display:block;margin:0 0 12px;font-size:.78rem;color:#c6c7c0}footer button{background:none;border:0;padding:0;cursor:pointer}.footer-brand p{color:#74766f;font-size:.72rem;line-height:1.7;margin-top:27px}.footer-label{font-size:.63rem;text-transform:uppercase;letter-spacing:.15em;color:#666961;margin:0 0 22px}.footer-bottom{grid-column:1/-1;margin-top:50px;padding-top:22px;border-top:1px solid rgba(255,255,255,.13);display:flex;justify-content:space-between;font-size:.65rem;color:#666961}.project-modal,.privacy-modal{width:min(1180px,94vw);max-height:92vh;border:0;padding:0;background:var(--paper);color:var(--ink)}.project-modal::backdrop,.privacy-modal::backdrop{background:rgba(10,11,9,.85);backdrop-filter:blur(7px)}.project-modal[open]{display:grid;grid-template-columns:1.1fr .9fr}.modal-image{min-height:680px}.modal-image img{height:100%;object-fit:cover}.modal-copy{padding:65px 55px;overflow:auto}.modal-copy h2,.privacy-modal h2{font-size:clamp(2.2rem,4vw,4.4rem)}.modal-meta{font-size:.72rem;color:#74766d;margin:25px 0 45px}.modal-copy dl{margin:0}.modal-copy dl>div{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.modal-copy dt{text-transform:uppercase;font-size:.63rem;letter-spacing:.11em;color:#74766d}.modal-copy dd{margin:0;font-size:.84rem}.modal-close{position:absolute;z-index:2;right:18px;top:18px;width:42px;height:42px;border:0;background:rgba(23,25,22,.9);color:#fff;font-size:1.6rem;cursor:pointer}.privacy-modal{max-width:720px;padding:70px}.privacy-modal p{margin-top:30px;color:#555850}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes heroZoom{from{transform:scale(1.08)}to{transform:scale(1.01)}}@keyframes scroll{0%{transform:translateY(0);opacity:1}70%{transform:translateY(18px);opacity:0}100%{opacity:0}}@keyframes slideDown{from{transform:translateY(-100%)}to{transform:none}}
@media(max-width:900px){.site-header{height:74px;padding:0 20px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:block;z-index:2;width:40px;height:40px;border:0;background:none;padding:10px}.menu-toggle i{display:block;height:1px;background:#fff;margin:7px 0;transition:.3s}.menu-toggle.active i:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle.active i:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{display:block;position:fixed;inset:0;background:var(--ink);padding:120px 24px 40px;transform:translateY(-100%);transition:.45s cubic-bezier(.76,0,.24,1)}.mobile-menu.open{transform:none}.mobile-menu nav a{display:block;font:400 2rem var(--serif);padding:14px 0;border-bottom:1px solid rgba(255,255,255,.18)}.hero{min-height:720px}.hero-content{left:20px;width:calc(100% - 40px);bottom:18%}.hero h1{font-size:clamp(3.05rem,14vw,5.4rem)}.eyebrow{margin-bottom:20px}.hero-bottom{display:block;margin-top:28px}.hero-bottom>p{font-size:.92rem;max-width:88%}.hero-actions{margin-top:28px}.button{padding:0 18px}.hero-signature{left:20px;right:auto;bottom:3vh}.hero-index{right:20px;top:100px}.scroll-cue{display:none}.section{padding:88px 20px}.section-number{display:none}.studio-copy,.service-intro,.contact-intro{grid-template-columns:1fr;gap:35px}.studio h2,.services h2,.reviews h2{font-size:clamp(2.55rem,11vw,4.3rem)}.facts{grid-template-columns:1fr 1fr;margin-top:65px}.facts div{min-height:150px;border-bottom:1px solid var(--line)}.facts div:nth-child(2n){border-right:0}.section-head{display:block;margin-bottom:48px}.section-head>p{width:auto;margin:30px 0 0}.projects h2,.process h2{font-size:clamp(2.7rem,11vw,4.6rem)}.project-grid{display:block}.project-card,.project-card:nth-child(n){margin:0 0 55px}.project-card:nth-child(n) .project-image{aspect-ratio:4/3}.project-card:nth-child(2n) .project-image{aspect-ratio:4/5}.project-image::after{opacity:1;transform:none}.service-intro{margin-bottom:50px}.service-card{grid-template-columns:1fr;gap:35px;padding:38px 0}.service-title h3{margin-bottom:18px}.timeline{grid-template-columns:1fr;margin-top:55px;padding-left:24px}.timeline::before{top:0;bottom:0;left:5px;right:auto;width:1px;height:auto}.timeline article{padding:0 0 48px 28px}.timeline article::before{top:5px;left:-24px}.timeline h3{min-height:auto;margin:10px 0}.trust{grid-template-columns:1fr;min-height:auto}.trust>img{height:56vw;min-height:320px}.trust-copy{padding:85px 20px}.trust h2{font-size:clamp(2.55rem,10.8vw,4.2rem)}.review-card{flex-basis:88%;min-height:390px;padding:30px}.review-card blockquote{font-size:1.06rem}.contact-form{grid-template-columns:1fr;gap:28px}.contact-form>*{grid-column:1}.contact-form fieldset label{margin-right:5px}.form-submit{align-items:flex-start;flex-direction:column}.form-submit .button{width:100%}.direct-contact{align-items:flex-start;flex-direction:column;gap:10px}footer{grid-template-columns:1fr 1fr;padding:60px 20px 28px}.footer-brand{grid-column:1/-1;margin-bottom:20px}.footer-bottom{gap:16px;flex-wrap:wrap}.project-modal[open]{display:block}.modal-image{height:45vh;min-height:300px}.modal-copy{padding:45px 22px}.modal-close{position:fixed}.privacy-modal{padding:65px 25px}.privacy-modal h2{font-size:2.3rem}}
@media(max-width:520px){.brand strong{font-size:1.75rem}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.button{font-size:.72rem}.hero-signature{font-size:.63rem}.facts{grid-template-columns:1fr}.facts div,.facts div:nth-child(n){border-right:0;min-height:auto;padding:24px 0}.section-label{margin-bottom:20px}.contact-form fieldset label span{padding:9px 12px}.project-meta{max-width:42%}.review-nav button{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero>img,.scroll-cue span{animation:none}.reveal{opacity:1;transform:none;transition:none}}
