/*
Theme Name: GONTO — The Price of War
Author: GONTO
Description: Clean, modern dark hard rock / metal artist theme.
Version: 5.0.0
Text Domain: gonto
*/
:root{--black:#050505;--coal:#0b0b0b;--panel:#111;--panel2:#151515;--line:#272727;--bone:#f1eee8;--muted:#aaa49c;--red:#a51d1d;--bright:#d22b2b;--gold:#b99a63;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--bone);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;background:radial-gradient(circle at 50% 0%,#b51d1d08,transparent 35%);opacity:.8}
a{color:inherit}img{max-width:100%;height:auto;display:block}
.container{width:min(var(--max),calc(100% - 44px));margin:0 auto}

/* Header */
.site-header{position:fixed;z-index:1000;top:0;left:0;right:0;padding:18px 0;background:#050505d9;border-bottom:1px solid #ffffff0b;backdrop-filter:blur(10px)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{font:400 32px/.8 "Bebas Neue",sans-serif;letter-spacing:.08em;text-decoration:none;white-space:nowrap}
.brand span{color:var(--bright)}
.menu{display:flex;align-items:center;justify-content:center;gap:28px}
.menu a{font:700 11px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:#ccc;transition:color .2s ease}
.menu a:hover{color:#fff}
.menu-toggle{display:none;background:transparent;border:1px solid #333;color:#fff;padding:9px 12px;font:700 10px Inter;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}

/* Hero */
.hero{position:relative;min-height:78vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:130px 24px 80px;border-bottom:1px solid var(--line);background:#050505;overflow:hidden}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.9));pointer-events:none}
.hero-inner{position:relative;z-index:2;max-width:900px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.hero-logo{width:min(520px,68vw);height:auto;margin:0 auto 30px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55));object-fit:contain}
.hero-kicker{display:none}
.hero h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.hero p{max-width:700px;margin:0 auto 28px;color:#f1f1f1;font-size:1rem;text-shadow:0 2px 12px rgba(0,0,0,.9)}
.cta-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border:1px solid #444;background:#111;color:#fff;text-decoration:none;text-transform:uppercase;font:700 11px/1 Inter,sans-serif;letter-spacing:.12em;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.btn:hover{transform:translateY(-2px);border-color:#888;background:#181818}
.btn.primary{background:var(--red);border-color:var(--red)}
.btn.primary:hover{background:var(--bright);border-color:var(--bright)}
.btn.gold{border-color:#806d49;color:#e5d4ad}
.scroll-cue{position:absolute;z-index:2;bottom:22px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#777}

/* Sections */
.section{padding:92px 0;border-bottom:1px solid var(--line)}
.section.dark{background:#090909}
.section-head{margin:0 auto 42px;text-align:center;max-width:800px}
.eyebrow{font-size:10px;line-height:1.2;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:12px}
.section-head h2{margin:0;color:#fff;font:400 clamp(38px,5vw,64px)/1.02 "Bebas Neue",sans-serif;letter-spacing:.04em;text-align:center}
.lead{font-size:1.12rem;line-height:1.75;color:#eee}
.bio-simple{max-width:850px;margin:0 auto;text-align:center}
.bio-simple p{margin:0 auto 18px}

/* Music */
.music-stage .container{max-width:1180px}
.featured-player{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:42px;align-items:stretch;max-width:1080px;margin:0 auto}
.player-art{min-height:430px;background:linear-gradient(145deg,#171717,#080808);border:1px solid #2b2b2b;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.player-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 35%,rgba(165,29,29,.16),transparent 70%)}
.player-art-inner{position:relative;z-index:1;text-align:center;padding:30px}
.player-art-inner span{display:block;font-size:10px;letter-spacing:.2em;color:var(--gold);margin-bottom:22px}
.player-art-inner strong{display:block;font:400 clamp(46px,6vw,74px)/.82 "Bebas Neue",sans-serif;letter-spacing:.05em;color:#eee;text-shadow:3px 3px 0 #222}
.player-art-inner i{display:block;margin-top:22px;color:#888;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.player-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}
.player-copy h3{margin:0 0 12px;font:400 clamp(34px,4vw,52px)/1 "Bebas Neue",sans-serif;letter-spacing:.04em}
.player-copy p{color:#c7c3bd;margin:0 0 22px}
.embed-shell{width:100%;border:1px solid #272727;background:#0b0b0b;overflow:hidden}
.embed-shell iframe{display:block;width:100%;max-width:100%;border:0}
.embed-label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#888}
.embed-label a{color:#ddd;text-decoration:none}
.music-divider{display:flex;align-items:center;gap:18px;margin:54px 0 22px;color:#777;font-size:10px;letter-spacing:.2em;text-transform:uppercase}
.music-divider:before,.music-divider:after{content:"";height:1px;background:#292929;flex:1}
.release-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1080px;margin:0 auto}
.release-card{min-height:190px;padding:26px 22px;border:1px solid #292929;background:linear-gradient(145deg,#121212,#0b0b0b);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .2s ease,border-color .2s ease}
.release-card:hover{transform:translateY(-3px);border-color:#444}
.release-card.featured{border-color:#713030}
.release-card small{color:var(--gold);font-size:10px;letter-spacing:.18em;text-transform:uppercase}
.release-card h3{margin:10px 0 18px;font:400 30px/1.05 "Bebas Neue",sans-serif;letter-spacing:.03em}
.catalog{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 22px;margin-top:30px;color:#777;text-align:center}
.catalog span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#999}
.catalog strong{font-size:12px;letter-spacing:.06em;color:#bbb}

/* YouTube */
.youtube-video-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);align-items:center;gap:44px;margin:54px auto 0;max-width:1080px}
.youtube-video-copy{text-align:left}
.youtube-video-copy h3{margin:0 0 8px;font:400 42px/1 "Bebas Neue",sans-serif;letter-spacing:.04em}
.youtube-video-copy p{color:#aaa;margin:0}
.youtube-video-embed{width:100%;max-width:560px}
.youtube-video-embed iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0}

/* Connect */
.social-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:1000px;margin:0 auto}
.social{display:flex;align-items:center;justify-content:center;min-height:58px;padding:14px;border:1px solid #292929;background:#0d0d0d;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.social:hover{transform:translateY(-2px);border-color:#555;background:#151515}

/* Contact */
.contact-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:54px;align-items:start;max-width:1080px;margin:0 auto}
.contact-email{font-size:1.05rem}
.contact-email a{color:#fff;text-decoration:none;border-bottom:1px solid #555}
.panel{padding:28px;border:1px solid #292929;background:#0d0d0d}
.notice{margin-bottom:20px;padding:12px 14px;border:1px solid #333;background:#141414;color:#ddd}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{min-width:0}
.field.full{grid-column:1/-1}
.field label{display:block;margin-bottom:7px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#999}
.field input,.field textarea{display:block;width:100%;max-width:100%;padding:12px 13px;border:1px solid #303030;background:#080808;color:#fff;font:inherit;outline:none}
.field input:focus,.field textarea:focus{border-color:#777}
.field textarea{min-height:160px;resize:vertical}
.field button{cursor:pointer}

/* Footer */
.footer{padding:38px 0;background:#050505}
.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}
.footer small{color:#777}

/* Mobile navigation */
@media (max-width:800px){
  .site-header{padding:14px 0}
  .nav{gap:16px}
  .brand{font-size:28px}
  .menu-toggle{display:block}
  .menu{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 16px;background:rgba(5,5,5,.97);border-bottom:1px solid #222;box-shadow:0 18px 30px rgba(0,0,0,.35)}
  .menu.open{display:flex}
  .menu a{padding:14px 8px;text-align:center;border-bottom:1px solid #1e1e1e}
  .menu a:last-child{border-bottom:0}
  .hero{min-height:76vh;padding:105px 20px 76px}
  .hero-logo{width:min(520px,86vw);margin-bottom:26px}
  .hero p{font-size:.96rem;max-width:620px}
  .section{padding:76px 0}
  .featured-player{grid-template-columns:1fr;gap:28px}
  .player-art{min-height:340px}
  .player-copy{text-align:center}
  .player-copy p{max-width:700px;margin-left:auto;margin-right:auto}
  .embed-label{justify-content:center;flex-wrap:wrap}
  .release-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .youtube-video-section{grid-template-columns:1fr;gap:24px;text-align:center}
  .youtube-video-copy{text-align:center}
  .youtube-video-embed{max-width:700px;margin:0 auto}
  .social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact-layout{grid-template-columns:1fr;gap:34px}
  .contact-layout>div:first-child{text-align:center}
  .footer-grid{flex-direction:column;text-align:center}
}

@media (max-width:520px){
  .container{width:min(100% - 28px,1180px)}
  .hero{min-height:72vh;padding:92px 14px 68px}
  .hero-logo{width:min(500px,92vw);margin-bottom:22px}
  .hero p{font-size:.9rem;margin-bottom:22px}
  .cta-row{width:100%;flex-direction:column;align-items:stretch}
  .cta-row .btn{width:100%}
  .section{padding:62px 0}
  .section-head{margin-bottom:32px}
  .section-head h2{font-size:clamp(38px,12vw,56px)}
  .player-art{min-height:270px}
  .player-art-inner{padding:20px}
  .player-art-inner strong{font-size:clamp(44px,14vw,66px)}
  .release-grid,.social-grid{grid-template-columns:1fr}
  .release-card{min-height:165px}
  .youtube-video-copy h3{font-size:36px}
  .form-grid{grid-template-columns:1fr}
  .field.full{grid-column:1}
  .panel{padding:20px}
}