@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@400;600;800;900&family=Golos+Text:wght@400;500;600&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eceeea;color:#181a18;font-family:'Golos Text',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{padding:30px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #181a1830}.brand{font-family:Unbounded;font-size:25px;font-weight:800;letter-spacing:-2px}.brand span{color:#264df1}nav{display:flex;gap:30px;font-size:13px}.hero{padding:70px 5% 60px;position:relative}h1{font-family:Unbounded;font-weight:900;letter-spacing:-.07em;font-size:clamp(45px,7.8vw,120px);line-height:1.12;margin:0;max-width:1300px}.hero-bottom{display:flex;align-items:start;justify-content:space-between;gap:40px;margin-top:45px}.hero-bottom p{max-width:370px;font-size:17px;line-height:1.7;margin:0}.badge{background:#264df1;color:white;border-radius:50%;width:150px;height:150px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;transform:rotate(-12deg);margin-right:4vw}.works{background:#264df1;color:#fff;padding:45px 0 65px;overflow:hidden}.work-top{display:flex;justify-content:space-between;align-items:center;padding:0 5%;gap:20px}.work-top h2{font-size:21px;font-weight:400}.controls{display:flex;gap:10px}.controls button{width:52px;height:52px;border:1px solid #ffffff70;background:transparent;color:white;border-radius:50%;font-size:24px}.controls button:disabled{opacity:.35;cursor:default}.rail{display:flex;overflow-x:auto;gap:25px;scroll-snap-type:x mandatory;padding:30px 5% 35px;scrollbar-width:none;overscroll-behavior-x:contain}.rail::-webkit-scrollbar{display:none}.project{flex:0 0 72%;scroll-snap-align:center;min-width:0}.preview{height:460px;overflow:hidden;background:#d7d7d7;border-radius:12px;box-shadow:0 18px 35px #10164830;position:relative}.preview iframe{width:1440px;height:960px;border:0;transform-origin:0 0;pointer-events:none;background:white}.preview::after{content:'Открыть проект ↗';position:absolute;right:20px;bottom:20px;background:#fff;color:#181a18;padding:13px 18px;border-radius:50px;font-size:13px}.caption{display:flex;align-items:start;justify-content:space-between;gap:25px;padding:25px 0 0}.caption h3{font-family:Unbounded;font-size:29px;font-weight:600;letter-spacing:-1px;margin:0}.caption p{max-width:330px;font-size:14px;line-height:1.7;margin:0;opacity:.85}.progress{padding:0 5%;display:flex;justify-content:space-between;font-size:12px;opacity:.8}.about{padding:90px 5%;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about h2{font-family:Unbounded;font-size:clamp(32px,4vw,60px);line-height:1.2;letter-spacing:-.06em;margin:0}.about p{font-size:17px;line-height:1.8;max-width:500px}.services{display:flex;flex-wrap:wrap;gap:10px}.services span{padding:10px 15px;border:1px solid #181a1840;border-radius:50px;font-size:12px}.all-projects{padding:0 5% 70px;display:flex;gap:15px;flex-wrap:wrap}.all-projects a{border-bottom:1px solid;padding:10px 0;font-size:13px}footer{padding:35px 5%;border-top:1px solid #181a1830;display:flex;justify-content:space-between;font-size:12px;gap:25px}.demo-note{font-size:11px;color:#656b65;padding:0 5% 50px;max-width:800px;line-height:1.7}a:focus-visible,button:focus-visible{outline:3px solid #f9b831;outline-offset:6px}.project:hover .preview::after{background:#181a18;color:#fff}@media(max-width:700px){header{padding:22px 5%}nav{gap:15px;font-size:11px}.hero{padding:50px 5%}h1{font-size:clamp(36px,9vw,58px)}.hero-bottom{margin-top:30px;gap:20px}.hero-bottom p{font-size:14px;max-width:240px}.badge{width:95px;height:95px;flex-shrink:0;font-size:12px;margin:0}.project{flex-basis:90%}.preview{height:400px}.caption{display:block}.caption h3{font-size:25px;margin-bottom:12px}.caption p{font-size:12px}.about{grid-template-columns:1fr;padding:60px 5%;gap:25px}.about p{font-size:15px}footer{flex-direction:column}.work-top h2{font-size:17px}.controls button{width:43px;height:43px}.rail{gap:15px}.progress span:last-child{max-width:160px;text-align:right}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rail{scroll-behavior:auto!important}}
body{background:#efedee;color:#242126}.brand span{color:#79687e}.hero{background:radial-gradient(ellipse at 94% 12%,#d9c7d680,transparent 55%),radial-gradient(ellipse at 8% 100%,#e7d4cd90,transparent 58%)}.badge{background:linear-gradient(135deg,#685d73,#886a76 65%,#9a776c);color:#fff}.works{background:radial-gradient(ellipse at 0% 0%,#78677880,transparent 60%),radial-gradient(ellipse at 100% 100%,#a17e7655,transparent 65%),linear-gradient(125deg,#39313f,#4e4050 55%,#514044);color:#faf7fa}.preview{box-shadow:0 18px 35px #231b2730}.about{background:radial-gradient(ellipse at 0% 70%,#ded5e170,transparent 65%)}a:focus-visible,button:focus-visible{outline-color:#bc9aaa}
.language-picker{font:inherit;color:inherit;background:transparent;border:1px solid #79687e70;border-radius:30px;padding:8px 10px;cursor:pointer;min-width:60px}.language-picker:focus-visible{outline:3px solid #bc9aaa;outline-offset:4px}.preview::after{content:attr(data-open)}html[lang=ka] body{font-family:"Noto Sans Georgian","Golos Text",sans-serif}html[lang=ka] h1,html[lang=ka] .about h2{font-family:"Noto Sans Georgian",sans-serif;letter-spacing:-.035em;font-weight:900}html[lang=ka] h1{font-size:clamp(40px,6.6vw,100px)}html[lang=ka] .badge{font-size:14px}@media(max-width:700px){header{flex-wrap:wrap;gap:15px}header nav{gap:12px;align-items:center}html[lang=ka] h1{font-size:clamp(32px,8vw,50px)}html[lang=ka] .badge{font-size:10px}.hero-bottom p{min-width:0}}