*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0a0a0a;color:#f6f2e8;font-family:Arial,Helvetica,sans-serif}header{position:absolute;z-index:5;width:100%;padding:18px 5%}.nav{display:flex;justify-content:space-between;align-items:center}.nav img{width:150px}.call{color:#fff;text-decoration:none;font-weight:700}.hero{height:92vh;min-height:650px;position:relative;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.3)),linear-gradient(0deg,rgba(0,0,0,.55),transparent)}.hero-copy{position:absolute;left:6%;bottom:13%;max-width:760px}.hero-copy>span,.intro>b,.contact>b{color:#c9a44c;letter-spacing:.15em;font-size:12px;font-weight:800}.hero h1{font-family:Georgia,serif;font-size:clamp(46px,7vw,86px);line-height:.96;margin:18px 0}.hero h1 i{color:#d5b35d;font-weight:400}.hero p{font-size:18px;line-height:1.6;max-width:650px;color:#e6e1d7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;background:#c9a44c;color:#0a0a0a;text-decoration:none;font-weight:800;padding:15px 22px;border-radius:999px}.btn.ghost{background:rgba(0,0,0,.25);border:1px solid #fff;color:#fff}.works{max-width:1050px;margin:auto;padding:85px 20px}.intro{margin-bottom:45px}.intro h2,.contact h2{font-family:Georgia,serif;font-size:clamp(38px,6vw,68px);line-height:1;margin:12px 0}.intro p{color:#bdb8ae;max-width:680px;line-height:1.6}.work-card{background:#121212;border:1px solid #292929;border-radius:24px;overflow:hidden;margin:28px 0 42px;box-shadow:0 18px 60px rgba(0,0,0,.28)}.work-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.work-track::-webkit-scrollbar{display:none}.work-slide{flex:0 0 100%;min-width:100%;scroll-snap-align:start;position:relative;background:#000;aspect-ratio:4/3}.work-slide img,.work-slide video{width:100%;height:100%;display:block;object-position:center center;background:#000}.work-slide img{object-fit:cover}.work-slide video{object-fit:contain!important}.work-slide span{position:absolute;left:14px;bottom:14px;background:rgba(0,0,0,.7);padding:8px 11px;border-radius:999px;font-size:12px;color:#fff}.work-copy{padding:24px 24px 27px}.work-copy h3{font-family:Georgia,serif;font-size:30px;margin:0 0 10px;color:#fff}.work-copy p{color:#c9c5bc;line-height:1.55;margin:8px 0}.work-copy .tech{font-size:14px;border-left:2px solid #c9a44c;padding-left:12px}.sw{color:#c9a44c;margin-top:16px;font-size:13px;font-weight:700}.contact{padding:80px 6%;background:#f1ede3;color:#151515}.contact p{max-width:650px;line-height:1.6}.contact .phone{display:block;margin-top:24px;color:#151515;font-size:25px;font-weight:800;text-decoration:none}footer{text-align:center;padding:45px 20px;color:#aaa}footer img{width:150px}.wa{position:fixed;right:18px;bottom:18px;z-index:10;background:#25d366;color:#071b0e;padding:14px 18px;border-radius:999px;text-decoration:none;font-weight:800;box-shadow:0 8px 30px #0008}@media(max-width:650px){header{padding:14px 18px}.nav img{width:130px}.call{font-size:13px}.hero{min-height:680px}.hero-copy{left:20px;right:20px;bottom:10%}.hero p{font-size:16px}.works{padding:65px 14px}.work-card{border-radius:20px}.work-slide{aspect-ratio:4/3}.work-copy{padding:20px}.work-copy h3{font-size:26px}.contact{padding:65px 20px}}
.featured-badge{position:absolute;top:14px;left:14px;z-index:3;background:#c9a44c;color:#0a0a0a;
font-weight:900;font-size:11px;letter-spacing:.08em;padding:9px 12px;border-radius:999px}
