/* Pete Machine – final */
:root{
  --bg:#120E0A;--bg-alt:#17120E;--text:#F2E6D2;--muted:#C6B9A3;
  --accent:#C7923A;--accent-2:#9B5C25;--card:#1B1510;--border:#3A2A1F;
  --shadow:0 12px 36px rgba(0,0,0,.45);
}
*{box-sizing:border-box} html,body{height:100%}
body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial;color:var(--text);background:linear-gradient(180deg,#14100C 0%, #0E0B08 100%)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(1200px 600px at 15% -10%, rgba(199,146,58,.12), transparent 60%),
  radial-gradient(800px 400px at 90% 0%, rgba(155,92,37,.10), transparent 60%),
  url('assets/pete_machine.svg') center/contain no-repeat;opacity:.06}
body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.04) 1px, transparent 1px);background-size:3px 3px;mix-blend-mode:overlay;opacity:.25}
a{color:#E7C07A} a:hover{text-decoration:underline}

.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:rgba(20,14,10,.75);backdrop-filter:saturate(1.1) blur(8px);border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:.75rem;color:var(--text);font-weight:700;text-decoration:none}
.brand img{height:36px}
.nav{display:flex;align-items:center;gap:1rem}
.nav a{padding:.35rem .6rem;border-radius:10px;text-decoration:none}
.nav a:hover{background:rgba(255,255,255,.05)}
.nav-toggle{display:none;background:none;border:1px solid var(--border);padding:.45rem .6rem;border-radius:10px;color:var(--text)}

.btn{display:inline-block;padding:.6rem .9rem;border:1px solid #5A402F;border-radius:12px;text-decoration:none;box-shadow:0 0 0 1px rgba(0,0,0,.25) inset,var(--shadow);cursor:pointer}
.btn.small{padding:.35rem .6rem;font-size:.9rem}
.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#120E0A;border:0}
.btn-ghost{background:transparent}

.hero{position:relative;min-height:62vh;display:grid;place-items:center;border-bottom:1px solid var(--border)}
.hero-inner{max-width:900px;padding:4rem 1rem;text-align:center}
.hero h1{font-size:clamp(2.8rem,8vw,6rem);margin:.2em 0}
.neon{display:inline-block;letter-spacing:.02em;text-shadow:0 1px 0 rgba(0,0,0,.6),0 0 24px rgba(199,146,58,.45),0 0 64px rgba(155,92,37,.35)}
.hero p{color:#e7d8c2;margin:.5rem auto 1.25rem}
.cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
.hero-glow{position:absolute;inset:-20% -30% auto -30%;height:60%;background:radial-gradient(closest-side, rgba(199,146,58,.12), transparent 70%);filter:blur(30px);z-index:-1}

.section{padding:4rem 1rem;max-width:1100px;margin:0 auto}
.section.alt{background:linear-gradient(180deg,#16110C,#120E0A);border-block:1px solid var(--border)}
.section h2{font-size:clamp(1.6rem,4vw,2.2rem);margin:0 0 1rem;position:relative;padding-left:2.4rem}
.section h2::before{
  content:"";position:absolute;left:.3rem;top:50%;transform:translateY(-50%);
  width:22px;height:22px;color:var(--accent);
  background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3.5' fill='currentColor' opacity='0.22'/%3E%3Cpath d='M19.4 15.0l1.6 1.0l-1.4 2.4l-1.8-.4a7.4 7.4 0 0 1-1.6.9l-.5 1.8h-2.8l-.5-1.8a7.6 7.6 0 0 1-1.6-.9l-1.8.4l-1.4-2.4l1.6-1.0a7.7 7.7 0 0 1 0-1.9l-1.6-1.0l1.4-2.4l1.8.4c.5-.4 1.0-.7 1.6-.9l.5-1.8h2.8l.5 1.8c.6.2 1.1.5 1.6.9l1.8-.4l1.4 2.4l-1.6 1.0c.1.6.1 1.3 0 1.9z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  filter: drop-shadow(0 0 0.5px rgba(0,0,0,.6));
}
.section h2::after{content:"";position:absolute;left:2.1rem;top:50%;transform:translateY(-50%);width:48px;height:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.7}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.card{background:linear-gradient(180deg,#1C160F,#15100B);border:1px solid var(--border);border-radius:16px;padding:1rem;box-shadow:var(--shadow)}
.card h3{margin:.2rem 0 .6rem 0}
.band-hero img{width:100%;display:block;border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow)}
.band-caption{margin-top:.6rem;color:var(--muted);font-size:.9rem}

.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}
.video-embed{position:relative;padding-top:56.25%;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:#000;box-shadow:var(--shadow)}
.video-text{position:absolute;inset:1rem;display:grid;place-content:center;text-align:center;color:#f0e2cc;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem}
.video-play{position:absolute;left:1rem;bottom:1rem;width:56px;height:56px;border-radius:50%;border:1px solid #5A402F;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#120E0A;font-size:1.3rem;font-weight:900}

.shows{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.shows li{display:grid;grid-template-columns:120px 1fr auto;gap:.8rem;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:.75rem 1rem}
.shows time{font-variant-numeric:tabular-nums;color:var(--accent)}
@media (max-width:640px){.shows li{grid-template-columns:1fr;gap:.35rem}}

.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.members{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.member{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1rem;text-align:center;box-shadow:var(--shadow)}
.member h3{margin:.4rem 0 .2rem 0}
.member p{margin:0;color:var(--muted)}
.avatar{width:72px;height:72px;margin:0 auto .5rem;border-radius:50%;display:grid;place-items:center;font-weight:800;letter-spacing:.5px;background:linear-gradient(180deg,#23180F,#1A130D);border:2px solid #5A402F;box-shadow:0 0 0 2px rgba(0,0,0,.35) inset}
.member-photo{display:block;width:min(100%,210px);margin:0 auto .85rem;aspect-ratio:4/5;object-fit:cover;object-position:center 18%;border-radius:16px;border:1px solid #5A402F;box-shadow:0 14px 32px rgba(0,0,0,.42);background:#100C08}

.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.6rem}
.photo-grid a{display:block;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#000;box-shadow:var(--shadow)}
.photo-grid img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/9;transition:transform .4s ease}
.photo-grid a:hover img{transform:scale(1.03)}

.contact .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}
input, textarea{width:100%;padding:.7rem .8rem;background:#0f1318;color:var(--text);border:1px solid var(--border);border-radius:12px;outline:none}
label{display:block;font-weight:600;margin:.4rem 0 .3rem}
.small{font-size:.9rem;color:var(--muted)}
.form-row{margin:.8rem 0 0}
.checkbox{display:flex;gap:.6rem;align-items:flex-start;font-weight:600}
.checkbox input{margin-top:.2rem}

.site-footer{border-top:1px solid var(--border);padding:2rem 1rem;background:linear-gradient(180deg,#15100B,#120E0A)}
.footer-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr 2fr 1fr;gap:1rem;align-items:start}
.footer-grid nav{display:flex;flex-wrap:wrap;gap:.5rem 1rem}
.copy{color:#BFA98A;text-align:right}
@media (max-width:800px){.footer-grid{grid-template-columns:1fr}.copy{text-align:left}}

@media (max-width:900px){
  .nav{display:none}
  .nav.open{display:flex;flex-direction:column;position:absolute;top:64px;right:10px;background:var(--bg-alt);padding:.6rem;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}
  .nav-toggle{display:block}
}




/* Cookie Bar (bottom, click-safe) */
.cookiebar{
  position:fixed;
  left:0; right:0; bottom:0;
  z-index:2147483647;
  background:rgba(20,14,10,.92);
  border-top:1px solid var(--border);
  backdrop-filter: blur(8px) saturate(1.1);
  pointer-events:auto;
}
.cookiebar__inner{
  max-width:1100px;
  margin:0 auto;
  padding:1rem;
  display:grid;
  grid-template-columns: 1.6fr 1fr auto;
  gap:1rem;
  align-items:center;
}
.cookiebar__text{color:var(--text); font-size:.95rem}
.cookiebar__text a{color:#E7C07A}
.cookiebar__opts{display:flex; justify-content:flex-start}
.cookiebar__check{display:flex; gap:.6rem; align-items:center; font-weight:700}
.cookiebar__check input{width:18px;height:18px}
.cookiebar__actions{display:flex; gap:.6rem; justify-content:flex-end; flex-wrap:wrap}
@media (max-width:900px){
  .cookiebar__inner{grid-template-columns:1fr; gap:.75rem}
  .cookiebar__actions{justify-content:flex-start}
}

.video-text a{color:#E7C07A;text-decoration:underline}


/* CLICK FIX: make video placeholder reliably clickable */
.video-embed{cursor:pointer}
.video-text{pointer-events:none}
.video-play{z-index:3; pointer-events:auto}