@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Oswald:wght@400;500;600;700&display=swap');:root{--bg:#0d0e11;--panel:#17191e;--gold:#d9ac5e;--muted:#adb0b8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f5f5f4;font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.top{height:82px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:rgba(12,13,16,.96);position:sticky;top:0;z-index:10;border-bottom:1px solid #2c2d31}.logo,footer strong{font:700 27px Oswald;letter-spacing:1px}.logo span,footer strong span{display:block;font:500 11px 'DM Sans';letter-spacing:5px;color:var(--gold)}nav{display:flex;gap:29px;font-size:13px;color:#c8c8cb}nav a:hover{color:var(--gold)}.btn{display:inline-flex;background:var(--gold);color:#111;padding:17px 25px;font-size:12px;letter-spacing:1.2px;font-weight:800;align-items:center;justify-content:center;transition:.2s}.btn:hover{background:#f5cb84;transform:translateY(-2px)}.btn.small{padding:14px 18px}.outline{border:1px solid #777;padding:16px 23px;font-size:12px;font-weight:700;letter-spacing:1px;display:inline-flex}.outline:hover{border-color:var(--gold);color:var(--gold)}.hero{min-height:650px;position:relative;display:flex;align-items:center;padding:90px 7%;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#090a0d 0%,#090a0df5 36%,#090a0d55 75%,#090a0d33 100%),url('assets/hero_studio.webp') right center/auto 100% no-repeat;filter:saturate(.8)}.hero-content{position:relative;max-width:750px}.eyebrow{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:3px;margin-bottom:22px}h1,h2,h3{font-family:Oswald,sans-serif;margin:0;text-transform:uppercase}h1{font-size:clamp(58px,8vw,112px);line-height:1.01;letter-spacing:-1px}h1 em{display:block;color:var(--gold);font-style:normal}h2{font-size:clamp(38px,5vw,66px);line-height:1.1;margin-bottom:20px}h2 span{color:var(--gold)}.hero p,.intro{max-width:550px;font-size:17px;line-height:1.75;color:#d3d3d7}.actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}.hero-note{position:absolute;right:5%;bottom:35px;font-size:10px;letter-spacing:3px;color:#c7c7c7}.section{padding:100px 7%;max-width:1700px;margin:auto}.intro{color:var(--muted);margin-bottom:38px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:25px}.project{background:var(--panel);border:1px solid #303139;overflow:hidden}.comparison{height:360px;position:relative;overflow:hidden;background:#25272c}.comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.comparison .before{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}.divider-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:white;pointer-events:none}.divider-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:white;color:#111;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-weight:bold}.comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.tag{position:absolute;top:15px;padding:7px 12px;background:#08090bcc;font-size:11px;letter-spacing:2px}.tag.left{left:15px}.tag.right{right:15px}.project-info{padding:22px;display:flex;justify-content:space-between;gap:16px;align-items:center}.project-info h3{font-size:25px}.project-info p{font-size:13px;color:var(--muted)}.project-info a{font-size:12px;color:var(--gold);text-align:right}.alt{background:#14161a;max-width:none}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:45px}.services article{background:#1c1e23;padding:30px;min-height:245px;border-top:2px solid #a17b3d}.services b,.steps b{color:var(--gold);font:600 28px Oswald}.services h3,.steps h3{font-size:23px;margin-top:25px}.services p,.steps p{font-size:14px;line-height:1.7;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:45px}.steps>div{border-top:1px solid #444;padding-top:22px}.cta{padding:100px 7%;text-align:center;background:radial-gradient(circle at 50% 0,#3d3223,#121316 65%)}.cta h2{font-size:clamp(50px,7vw,94px)}.cta p{color:var(--muted);margin-bottom:30px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.contact p{line-height:1.8;color:#c7c7ca}.contact iframe{width:100%;height:330px;border:0;filter:grayscale(1)}footer{border-top:1px solid #292a30;padding:35px 7%;display:flex;align-items:center;justify-content:space-between}footer p{color:#999;font-size:12px}.whats{position:fixed;right:20px;bottom:20px;background:#25d366;color:#062a14;padding:14px 19px;border-radius:40px;font-weight:800;font-size:13px;z-index:12;box-shadow:0 5px 22px #0007}@media(max-width:950px){nav{display:none}.projects,.contact{grid-template-columns:1fr}.services,.steps{grid-template-columns:repeat(2,1fr)}.hero{min-height:600px}.comparison{height:400px}}@media(max-width:560px){.top{height:70px;padding:0 4%}.logo{font-size:23px}.btn.small{font-size:10px;padding:12px}.hero{padding:80px 6%;min-height:570px}.hero-bg{background:linear-gradient(90deg,#090a0de8,#090a0d77),url('assets/hero_studio.webp') right center/auto 100% no-repeat}.section{padding:68px 5%}.services,.steps{grid-template-columns:1fr}.comparison{height:290px}.project-info{display:block}.project-info a{display:block;text-align:left;margin-top:16px}.contact iframe{height:250px}footer{display:block}.whats span{display:none}}