*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:#1a1a1a;background:#fff;line-height:1.7}
:root{--navy:#232323;--gold:#8a8a82;--green:#232323;--light:#f4f3ef;--muted:#6b7280}
.topbar{background:var(--navy);position:sticky;top:0;z-index:10}
.topbar .wrap{max-width:1200px;margin:0 auto;padding:18px 28px;display:flex;justify-content:space-between;align-items:center}
.brand{color:#fff;font-family:'Sora';font-weight:800;letter-spacing:3px;text-decoration:none;font-size:18px}
.brand small{display:block;font-size:9px;letter-spacing:5px;color:var(--gold);font-weight:500}
.topbar a.back{color:rgba(255,255,255,.85);text-decoration:none;font-size:12px;letter-spacing:1.5px;text-transform:uppercase}
.topbar a.back:hover{color:#fff}
.phead{background:var(--navy);color:#fff;padding:80px 28px 70px;text-align:center}
.phead .tag{display:inline-block;font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:16px}
.phead h1{font-family:'Sora';font-weight:700;font-size:46px;margin-bottom:14px}
.phead p{color:rgba(255,255,255,.6);max-width:620px;margin:0 auto;font-size:16px}
.works{max-width:1200px;margin:0 auto;padding:80px 28px}
.work{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;margin-bottom:90px}
.work:nth-child(even) .work-img{order:2}
.work-img{overflow:hidden;border-radius:12px;box-shadow:0 20px 60px rgba(34,34,34,.14)}
.work-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.work-img:hover img{transform:scale(1.05)}
.work-cat{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:12px}
.work h2{font-family:'Sora';font-weight:700;font-size:30px;color:var(--navy);line-height:1.15;margin-bottom:10px}
.work .local{font-size:14px;color:var(--muted);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.work p.desc{font-size:16px;color:#3a3a3a;line-height:1.8;margin-bottom:24px}
.work .credit{font-size:13px;color:var(--muted);border-top:1px solid #eee;padding-top:16px}
.work .credit strong{color:var(--navy)}
.cta{background:var(--green);color:#fff;text-align:center;padding:72px 28px}
.cta h3{font-family:'Sora';font-weight:600;font-size:30px;margin-bottom:12px}
.cta p{color:rgba(255,255,255,.82);margin-bottom:26px;font-size:16px}
.btn{display:inline-block;background:var(--gold);color:#fff;padding:15px 40px;border-radius:6px;text-decoration:none;font-weight:600;letter-spacing:1px;text-transform:uppercase;font-size:13px;transition:transform .25s,background .25s}
.btn:hover{background:#111111;transform:translateY(-2px)}
footer{background:var(--navy);color:rgba(255,255,255,.6);text-align:center;padding:34px 28px;font-size:13px}
footer a{color:var(--gold);text-decoration:none}
.reveal{opacity:0}
.reveal.in{animation:ru .8s cubic-bezier(.22,.61,.36,1) both}
@keyframes ru{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
@media(max-width:860px){.work{grid-template-columns:1fr;gap:26px;margin-bottom:60px}.work:nth-child(even) .work-img{order:0}.phead h1{font-size:34px}.work h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;animation:none!important}}