*{box-sizing:border-box}
body{margin:0;background:#0b1020;color:#e5e7eb;font-family:'Open Sans',sans-serif;line-height:1.65}
h1,h2,h3,.brand{font-family:'Playfair Display',sans-serif;line-height:1.18}
a{color:#f59e0b;text-decoration:none}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:14px 4vw;border-bottom:1px solid #1f2937;position:sticky;top:0;background:#0b1020;z-index:20}
#site-nav ul{display:flex;gap:11px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
#site-nav a{padding:8px 10px;border-radius:4px}
#site-nav a.active,#site-nav a:hover{background:#1f2937}
#mobile-menu-btn{display:none;background:#f59e0b;color:#fff;border:0;padding:10px 14px;border-radius:4px}
.hero{padding:32px 4vw;display:grid;gap:20px;align-items:center}
.hero img{width:100%;height:100%;max-height:420px;object-fit:cover;border-radius:4px;border:1px solid #1f2937}
.minimal,.warm,.tech,.editorial{grid-template-columns:1.1fr 1fr}
.magazine{grid-template-columns:1fr 1fr}.cover{padding:24px;background:#1f2937;border-radius:4px}.cover-img{min-height:300px;background-size:cover;background-position:center;border-radius:4px}
.brutal{display:block}.brutal .split{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;border:3px solid #e5e7eb;padding:14px}
.editorial{background:#1f2937;padding:36px 4vw}
.tag{font-size:.78rem;letter-spacing:.12em}
.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{background:#1f2937;padding:6px 10px;border-radius:999px}
.btn{display:inline-block;background:#f59e0b;color:#fff;padding:10px 16px;border-radius:4px;margin-top:10px}
main{padding:8px 4vw 44px}
section{margin:26px 0}
.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.service-card{background:#1f2937;padding:14px;border-radius:4px;border:1px solid #1f2937}
.service-card img{margin-top:10px;height:150px;width:100%;object-fit:cover;border-radius:4px}
.proof ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding-left:18px}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.gallery-grid img{width:100%;height:140px;object-fit:cover;border-radius:4px;border:1px solid #1f2937}
.timeline ol{display:grid;gap:10px;padding-left:18px}.timeline li{display:grid;gap:2px}
.contact-box{background:#1f2937;padding:14px;border-radius:4px}
.site-footer{display:grid;grid-template-columns:2fr 1fr;gap:16px;padding:22px 4vw;background:#020617;color:#fef3c7}
.site-footer nav,.site-footer .cols{display:grid;gap:8px}.site-footer a{color:#fef3c7}
.cookie{position:fixed;left:14px;right:14px;bottom:14px;background:#111;color:#fff;padding:12px 14px;border-radius:10px;display:none;justify-content:space-between;align-items:center;gap:10px}
.cookie.show{display:flex}
@media (max-width:920px){#mobile-menu-btn{display:block}#site-nav{display:none}#site-nav.open{display:block;width:100%}#site-nav ul{flex-direction:column;margin-top:10px}.minimal,.warm,.tech,.editorial,.magazine,.brutal .split{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}}