:root{--bg:#0b0b0f;--panel:#101217;--card:#141721;--text:#f1e7c6;--muted:#cdbc88;--gold:#d4af37;--gold2:#e8d8a6;--line:rgba(212,175,55,.25);--radius:18px;--shadow:0 12px 28px rgba(0,0,0,.35);--container:min(92vw,1160px);--s0:clamp(14px,.95vw,16px);--s1:clamp(18px,1.6vw,22px);--s2:clamp(24px,2.2vw,32px);--s3:clamp(28px,4vw,56px)}
*{box-sizing:border-box}html,body{margin:0}
body{background:var(--bg);color:var(--text);font:400 var(--s0)/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
a{color:var(--gold2);text-decoration:none}
.container{width:var(--container);margin:0 auto;padding:18px}
.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#0b0b0f,#0b0b0f00);backdrop-filter:saturate(120%) blur(6px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between}
.menu{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.brand{font-weight:800;color:var(--gold2);letter-spacing:.06em}
.btn{padding:10px 14px;border-radius:999px;border:1px solid var(--line)}
.btn-gold{background:var(--gold);color:#141414;border-color:var(--gold)}
.btn-outline{color:var(--gold2)}
.hero{position:relative;isolation:isolate}
.hero img{width:100%;height:clamp(48vh,64vh,78vh);object-fit:cover;filter:contrast(1.02) saturate(1.05)}
.hero__content{position:absolute;inset:auto 0 8vh 0}
.display{font-size:var(--s3);line-height:1.1;margin:0 0 12px}
.lede{font-size:var(--s1);max-width:70ch;color:var(--gold2)}
.grid{display:grid;gap:16px}
.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .18s ease, box-shadow .18s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.45)}
.media{aspect-ratio:4/3;display:grid;place-items:center;background:linear-gradient(180deg,#0e1014,#0d0f12);border-bottom:1px solid var(--line)}
.media img{max-width:100%;max-height:100%;object-fit:contain}
.meta{padding:14px}.meta h3{margin:0 0 4px;color:var(--gold2)}.meta p{margin:0;color:var(--muted)}
.band{display:grid;gap:16px;align-items:center;margin:22px 0}
.band__media{aspect-ratio:16/9;background:#0f1015;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;overflow:hidden}
.band__media img{max-width:100%;max-height:100%;object-fit:contain}
.band__copy h2{margin:.2rem 0 0;color:var(--gold2)} .band__copy p{color:var(--muted)}
@media(min-width:900px){.band{grid-template-columns:1.2fr .9fr}}
form{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow)}
label{display:flex;flex-direction:column;gap:8px;font-weight:600;color:var(--gold2)}
input,select,textarea{background:#0e1015;border:1px solid var(--line);border-radius:12px;color:var(--text);padding:12px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:2px}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.section-title{font-size:var(--s2);margin:20px 0 6px}
.gallery{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.site-footer{background:#0b0b0f;border-top:1px solid var(--line);margin-top:40px}
.site-footer .footer-inner{width:var(--container);margin-inline:auto;padding:20px 0;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.muted{color:var(--muted)}
.wa-float{position:fixed;right:16px;bottom:16px;z-index:60;background:#25D366;color:#0b0b0b;font-weight:800;padding:12px 14px;border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.35)}