@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,600&family=IBM+Plex+Mono:wght@300;400;500&family=Noto+Serif+JP:wght@200;300;400;600&display=swap');

*, *::before, *::after { box-sizing: border-box; margin:0; padding:0; }

:root{
  --bg:#050705;
  --bg2:#0b100b;
  --bg3:#10190f;
  --panel:rgba(12,18,12,.76);
  --panel2:rgba(18,26,16,.86);
  --green:#16a34a;
  --green-soft:#4ade80;
  --gold:#f6c65b;
  --gold-soft:#fde68a;
  --red:#dc2626;
  --red-soft:#f87171;
  --white:#fff7e8;
  --muted:rgba(255,247,232,.68);
  --line:rgba(246,198,91,.18);
  --line-bright:rgba(246,198,91,.42);
  --shadow:0 20px 70px rgba(0,0,0,.52);
  --serif:'Cormorant Garamond','Noto Serif JP',Georgia,serif;
  --mono:'IBM Plex Mono',monospace;
  --text-xs:clamp(.76rem,1.8vw,.86rem);
  --text-sm:clamp(.9rem,2vw,1rem);
  --text-base:clamp(1.05rem,2.5vw,1.18rem);
  --text-lg:clamp(1.25rem,3vw,1.55rem);
  --text-xl:clamp(1.6rem,4vw,2.15rem);
  --text-2xl:clamp(2.1rem,5vw,3.3rem);
  --text-hero:clamp(3rem,7vw,5.8rem);
}

html{scroll-behavior:smooth}
body{
  min-height:100vh;
  background:var(--bg);
  color:var(--white);
  font-family:var(--serif);
  font-weight:300;
  font-size:var(--text-base);
  line-height:1.78;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed; inset:0; z-index:-2;
  background:
    linear-gradient(rgba(0,0,0,.52), rgba(0,0,0,.82)),
    radial-gradient(ellipse at 20% 18%, rgba(22,163,74,.16), transparent 35%),
    radial-gradient(ellipse at 78% 28%, rgba(246,198,91,.13), transparent 38%),
    url("../assets/bg.jpeg") center/cover no-repeat fixed;
}
body::after{
  content:"";
  position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    linear-gradient(90deg, rgba(4,7,4,.78), rgba(4,7,4,.42), rgba(4,7,4,.86)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 6px);
}

/* NAV */
nav{
  position:fixed; top:0; left:0; right:0; z-index:300;
  display:flex; align-items:center; justify-content:space-between;
  min-height:74px; padding:.85rem 2.5rem;
  background:rgba(4,7,4,.94);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(14px);
}
.nav-logo{display:flex; align-items:center; gap:.9rem; text-decoration:none; min-width:0;}
.logo-img{
  width:58px; height:58px; border-radius:50%;
  border:2px solid rgba(246,198,91,.36);
  box-shadow:0 0 18px rgba(246,198,91,.22), 0 0 34px rgba(22,163,74,.16);
  background:#0b100b; overflow:hidden; flex-shrink:0;
}
.logo-img img{width:100%; height:100%; object-fit:cover; display:block}
.logo-fallback{display:none; font-family:var(--mono); color:var(--gold); letter-spacing:.18em}
.nav-logo-text{display:flex; flex-direction:column; line-height:1.2}
.nav-logo-name{font-family:var(--mono); font-size:1rem; letter-spacing:.28em; color:var(--white); font-weight:500}
.nav-logo-sub{font-family:var(--mono); font-size:.58rem; letter-spacing:.14em; color:var(--muted)}
.nav-right{display:flex; align-items:center; gap:1.2rem}
.nav-links{display:flex; align-items:center; gap:.1rem; list-style:none}
.nav-links a{
  font-family:var(--mono); font-size:.76rem; letter-spacing:.16em;
  text-transform:uppercase; color:var(--muted); text-decoration:none;
  padding:.52rem .88rem; border-radius:.45rem; transition:.2s;
}
.nav-links a:hover,.nav-links a.active{color:var(--gold-soft); background:rgba(246,198,91,.08)}
.nav-listen{
  background:linear-gradient(135deg,var(--green),var(--gold));
  color:#081008!important; border-radius:999px!important; font-weight:500;
}
.nav-listen:hover{box-shadow:0 0 24px rgba(246,198,91,.35)}
.lang-toggle{
  display:flex; align-items:center; gap:2px;
  background:rgba(18,26,16,.86); border:1px solid var(--line);
  border-radius:999px; padding:3px;
}
.lang-btn{
  font-family:var(--mono); font-size:.67rem; letter-spacing:.12em;
  padding:.34rem .8rem; border-radius:999px; border:0;
  background:transparent; color:var(--muted); cursor:pointer; transition:.2s;
}
.lang-btn.active{background:var(--gold); color:#081008; box-shadow:0 0 12px rgba(246,198,91,.35)}
.hamburger{
  display:none; flex-direction:column; justify-content:center; gap:5px;
  width:44px; height:44px; border-radius:10px; cursor:pointer;
  background:rgba(18,26,16,.72); border:1px solid var(--line); padding:10px;
}
.hamburger span{display:block; width:100%; height:2px; border-radius:2px; background:var(--white); transition:.3s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0; transform:scaleX(0)}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{
  display:none; position:fixed; top:74px; left:0; right:0; bottom:0; z-index:250;
  background:rgba(4,7,4,.98); backdrop-filter:blur(20px);
  border-top:1px solid var(--line); flex-direction:column; padding:2rem; overflow:auto;
  opacity:0; transform:translateY(-8px); transition:.3s;
}
.mobile-menu.open{display:flex; opacity:1; transform:translateY(0)}
.mobile-nav-links{list-style:none; display:flex; flex-direction:column; margin-bottom:2rem}
.mobile-nav-links li{border-bottom:1px solid var(--line)}
.mobile-nav-links a{
  display:flex; justify-content:space-between; align-items:center;
  font-family:var(--mono); font-size:1rem; letter-spacing:.16em; text-transform:uppercase;
  color:var(--muted); text-decoration:none; padding:1.08rem 0;
}
.mobile-nav-links a.active,.mobile-nav-links a:hover{color:var(--gold-soft)}
.mobile-listen{
  display:block; text-align:center; text-decoration:none;
  font-family:var(--mono); letter-spacing:.16em; text-transform:uppercase;
  background:linear-gradient(135deg,var(--green),var(--gold)); color:#081008;
  padding:1rem; border-radius:999px; margin-bottom:2rem; font-weight:500;
}
.mobile-lang-toggle{display:flex; justify-content:center; margin-bottom:2rem}
.mobile-social{display:flex; justify-content:center; gap:.7rem; flex-wrap:wrap}

/* GENERAL */
.section-label{
  font-family:var(--mono); font-size:clamp(.68rem,1.7vw,.78rem);
  letter-spacing:.28em; text-transform:uppercase; color:var(--gold);
  margin-bottom:.75rem;
}
.section-heading{font-size:var(--text-2xl); font-weight:300; line-height:1.08; margin-bottom:1.6rem}
.section-heading em, h1 em{font-style:italic; color:var(--gold-soft)}
.divider{width:54px; height:2px; background:linear-gradient(to right,var(--gold),transparent); margin:1.4rem 0}
.btn-primary,.btn-ghost{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  font-family:var(--mono); font-size:var(--text-xs); letter-spacing:.14em;
  text-transform:uppercase; text-decoration:none; padding:.88rem 1.75rem;
  border-radius:999px; transition:.2s; cursor:pointer;
}
.btn-primary{background:linear-gradient(135deg,var(--green),var(--gold)); color:#081008; border:0; font-weight:500}
.btn-primary:hover{box-shadow:0 0 28px rgba(246,198,91,.35); transform:translateY(-2px)}
.btn-ghost{background:rgba(255,255,255,.05); color:var(--white); border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--gold); background:rgba(246,198,91,.08)}
.back-home{display:inline-flex; align-items:center; gap:.5rem; font-family:var(--mono); font-size:var(--text-xs); letter-spacing:.16em; text-transform:uppercase; color:var(--muted); text-decoration:none}
.back-home:hover{color:var(--gold-soft)}
.back-home svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}

/* REVEAL */
.reveal{opacity:0; transform:translateY(22px); transition:opacity .75s ease, transform .75s ease}
.reveal.visible{opacity:1; transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}

/* SOCIAL */
.social-row{display:flex; gap:.7rem; align-items:center; flex-wrap:wrap}
.social-icon{
  width:42px; height:42px; border-radius:50%; background:rgba(18,26,16,.72);
  border:1px solid var(--line); color:var(--muted); display:flex; align-items:center; justify-content:center;
  text-decoration:none; transition:.25s;
}
.social-icon:hover{color:var(--white); border-color:var(--gold); background:rgba(246,198,91,.12); box-shadow:0 0 18px rgba(246,198,91,.25)}
.social-icon svg{width:17px; height:17px; fill:currentColor}

/* HOME */
#hero{position:relative; min-height:100vh; display:flex; align-items:center; overflow:hidden}
#rootCanvas{position:absolute; inset:0; width:100%; height:100%; z-index:0}
.hero-glow{position:absolute; inset:0; z-index:1; pointer-events:none; background:radial-gradient(ellipse 70% 56% at 28% 58%, rgba(6,10,6,.88), transparent 70%), radial-gradient(ellipse 40% 60% at 82% 35%, rgba(246,198,91,.08), transparent 62%)}
.hero-inner{position:relative; z-index:2; width:100%; display:grid; grid-template-columns:1fr 430px; gap:3rem; padding:8.5rem 3rem 6rem; align-items:center}
.hero-eyebrow{display:inline-flex; align-items:center; gap:.5rem; font-family:var(--mono); font-size:.65rem; letter-spacing:.25em; text-transform:uppercase; color:var(--muted); border:1px solid var(--line); border-radius:999px; padding:.35rem 1rem; margin-bottom:1.75rem}
.hero-eyebrow .dot{color:var(--green-soft)}
.hero-headline{font-size:var(--text-hero); font-weight:300; line-height:1.02; letter-spacing:-.02em; margin-bottom:.65rem}
.hero-sub-tag{font-family:var(--mono); font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); margin-bottom:.7rem}
.hero-tagline{font-size:1.05rem; color:var(--muted); font-style:italic; letter-spacing:.04em; margin-bottom:1.5rem}
.hero-body{font-size:1.05rem; color:var(--muted); max-width:48ch; line-height:1.95; margin-bottom:2.5rem}
.hero-btns{display:flex; gap:1rem; flex-wrap:wrap}
.theme-card{background:var(--panel); border:1px solid var(--line); border-radius:1.5rem; padding:2rem 1.75rem; backdrop-filter:blur(18px); box-shadow:var(--shadow)}
.theme-card-title{font-size:1.35rem; font-weight:400; margin-bottom:.3rem}
.theme-card-sub{font-size:.9rem; color:var(--muted); font-style:italic; margin-bottom:1.4rem}
.theme-item{display:flex; gap:1rem; align-items:flex-start; margin-bottom:.9rem; background:rgba(246,198,91,.06); border:1px solid rgba(246,198,91,.12); border-radius:1rem; padding:1rem 1.1rem}
.theme-num{width:30px; height:30px; min-width:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--mono); font-size:.7rem; color:#081008; background:var(--gold); margin-top:.05rem}
.theme-text-title{font-size:1rem; font-weight:400; margin-bottom:.22rem}
.theme-text-body{font-size:.86rem; color:var(--muted); line-height:1.7; font-style:italic}
.stream-strip{background:rgba(12,18,12,.96); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:1.35rem 3rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap}
.stream-label{font-family:var(--mono); font-size:.62rem; letter-spacing:.24em; text-transform:uppercase; color:var(--muted)}
.stream-links{display:flex; gap:1.35rem; flex-wrap:wrap}
.stream-link{font-family:var(--mono); font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-soft); text-decoration:none; border-bottom:1px solid rgba(246,198,91,.28); padding-bottom:.15rem}
.stream-link:hover{color:var(--white)}

/* PAGE HERO */
.page-hero,.music-hero,.awareness-hero,.contact-wrap{padding:10rem 3rem 5rem; background:rgba(8,12,8,.78); border-bottom:1px solid var(--line); position:relative; overflow:hidden}
.page-hero::before,.music-hero::before,.awareness-hero::before,.contact-wrap::after{
  position:absolute; right:-1rem; bottom:-2rem; font-size:20vw; font-weight:600; font-style:italic; color:rgba(246,198,91,.035); letter-spacing:-.06em; pointer-events:none; white-space:nowrap; line-height:1;
}
.page-hero::before{content:'ABOUT'}
.music-hero::before{content:'MUSIC'}
.awareness-hero::before{content:'AWARE'}
.contact-wrap::after{content:'CONTACT'; bottom:auto; top:50%; transform:translateY(-50%)}
.page-hero-inner,.music-hero-inner,.awareness-inner,.contact-inner,.songs-inner,.content-inner{max-width:1100px; margin:0 auto; position:relative; z-index:1}
.page-hero h1,.music-hero h1,.awareness-hero h1,.contact-left h1{font-size:clamp(3rem,6vw,5.5rem); font-weight:300; line-height:1.05; margin-bottom:1rem}
.page-hero-sub,.music-hero-sub,.awareness-sub,.contact-lead{font-size:1.08rem; color:var(--muted); max-width:58ch; line-height:1.9; font-style:italic}

/* ABOUT */
.origin-section,.values-section,.language-section,.quote-section{padding:6rem 3rem; background:rgba(5,7,5,.86)}
.values-section,.quote-section{background:rgba(11,16,11,.88); border-top:1px solid var(--line)}
.origin-inner{max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1fr 1.45fr; gap:5rem; align-items:start}
.origin-left{position:sticky; top:6rem}
.stat-block{display:flex; flex-direction:column; margin-top:2rem}
.stat-row{display:flex; gap:1rem; align-items:baseline; border-top:1px solid var(--line); padding:.9rem 0}
.stat-num{font-size:2.15rem; color:var(--gold-soft); line-height:1; min-width:72px}
.stat-label{font-family:var(--mono); font-size:.64rem; letter-spacing:.16em; text-transform:uppercase; color:var(--muted)}
.origin-body{font-size:1.08rem; color:rgba(255,247,232,.78); line-height:2.05}
.origin-body p + p{margin-top:1.6rem}
.origin-body strong{font-weight:400; color:var(--gold-soft); font-style:italic}
.values-inner,.lang-inner,.quote-inner{max-width:1100px; margin:0 auto}
.value-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:3rem}
.value-card,.lang-card,.platform-card,.article-item,.contact-form-wrap{
  background:var(--panel); border:1px solid var(--line); border-radius:1.25rem; padding:1.75rem; transition:.25s;
}
.value-card:hover,.lang-card:hover,.platform-card:hover,.article-item:hover{border-color:var(--line-bright); transform:translateY(-3px); box-shadow:0 14px 38px rgba(0,0,0,.25)}
.value-icon{font-size:2rem; display:block; margin-bottom:1rem}
.value-title{font-size:1.22rem; font-weight:400; margin-bottom:.6rem}
.value-body{font-size:.95rem; color:var(--muted); line-height:1.85; font-style:italic}
.lang-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1.25rem; margin-top:3rem}
.lang-card{text-align:center}
.lang-flag{font-size:2.6rem; display:block; margin-bottom:.75rem}
.lang-name{font-size:1.05rem; font-weight:400; margin-bottom:.25rem}
.lang-desc{font-family:var(--mono); font-size:.62rem; letter-spacing:.14em; color:var(--muted); text-transform:uppercase}
.quote-inner{text-align:center; max-width:820px}
.big-quote{font-size:clamp(1.7rem,3.7vw,2.65rem); line-height:1.55; font-style:italic; font-weight:300; margin-bottom:1.7rem}

/* MUSIC */
.genre-bar{background:rgba(16,25,15,.94); border-bottom:1px solid var(--line); padding:1.15rem 3rem; display:flex; align-items:center; gap:.75rem; flex-wrap:wrap}
.genre-bar-label{font-family:var(--mono); font-size:.6rem; letter-spacing:.24em; text-transform:uppercase; color:var(--muted); margin-right:.5rem}
.genre-pill{font-family:var(--mono); font-size:.63rem; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); border:1px solid var(--line); border-radius:999px; padding:.35rem .85rem; background:transparent}
.genre-pill.active,.genre-pill:hover{background:rgba(246,198,91,.12); color:var(--gold-soft); border-color:var(--gold)}
.songs-section{padding:4rem 3rem 6rem; background:rgba(5,7,5,.9)}
.featured-track{background:linear-gradient(135deg, rgba(18,26,16,.94), rgba(246,198,91,.08)); border:1px solid var(--line-bright); border-radius:1.5rem; padding:2.4rem; margin-bottom:2.5rem; display:grid; grid-template-columns:auto 1fr auto; gap:2rem; align-items:center; position:relative; overflow:hidden; cursor:pointer}
.featured-track::before{content:'FEATURED'; position:absolute; top:1rem; right:1.5rem; font-family:var(--mono); font-size:.55rem; letter-spacing:.28em; color:var(--gold); text-transform:uppercase}
.featured-play,.song-play-btn{border-radius:50%; background:linear-gradient(135deg,var(--green),var(--gold)); display:flex; align-items:center; justify-content:center}
.featured-play{width:60px; height:60px; box-shadow:0 0 28px rgba(246,198,91,.28)}
.featured-play svg,.song-play-btn svg{fill:#081008}
.featured-num{font-family:var(--mono); font-size:.62rem; letter-spacing:.2em; color:var(--gold); margin-bottom:.3rem}
.featured-title{font-size:1.8rem; font-weight:300; line-height:1.2; margin-bottom:.45rem}
.featured-tags,.song-meta{display:flex; gap:.5rem; flex-wrap:wrap; align-items:center}
.tag,.song-lang-badge{font-family:var(--mono); font-size:.56rem; letter-spacing:.12em; text-transform:uppercase; padding:.2rem .62rem; border-radius:999px; border:1px solid}
.tag-reggae{color:#4ade80; border-color:rgba(74,222,128,.38); background:rgba(74,222,128,.08)}
.tag-blues{color:#60a5fa; border-color:rgba(96,165,250,.35); background:rgba(96,165,250,.08)}
.tag-spiritual{color:#fde68a; border-color:rgba(253,230,138,.35); background:rgba(253,230,138,.08)}
.tag-fusion{color:#f87171; border-color:rgba(248,113,113,.35); background:rgba(248,113,113,.08)}
.tag-lofi{color:#a7f3d0; border-color:rgba(167,243,208,.35); background:rgba(167,243,208,.08)}
.song-lang-badge{color:var(--muted); border-color:var(--line); background:rgba(255,255,255,.03)}
.featured-links{display:flex; flex-direction:column; gap:.5rem}
.feat-play-cta,.yt-channel-btn{font-family:var(--mono); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; background:linear-gradient(135deg,var(--green),var(--gold)); color:#081008; padding:.55rem 1.2rem; border-radius:999px; font-weight:500}
.song-row{display:grid; grid-template-columns:52px 1fr auto; align-items:center; gap:1.5rem; padding:1.45rem 1rem; border-top:1px solid var(--line); border-radius:.75rem; position:relative; cursor:pointer}
.song-row::before{content:""; position:absolute; inset:0; border-radius:.75rem; background:rgba(246,198,91,.045); opacity:0; transition:.2s}
.song-row:hover::before{opacity:1}
.song-num-wrap{position:relative; width:52px; display:flex; align-items:center; justify-content:flex-end}
.song-num{font-family:var(--mono); font-size:.65rem; color:var(--muted); transition:.2s}
.song-play-btn{position:absolute; right:0; width:36px; height:36px; border:0; opacity:0; cursor:pointer; transition:.2s}
.song-row:hover .song-num{opacity:0}
.song-row:hover .song-play-btn{opacity:1}
.song-title{font-size:1.15rem; font-weight:300; margin-bottom:.4rem}
.song-row:hover .song-title{color:var(--gold-soft)}
.song-arrow{font-family:var(--mono); font-size:.8rem; color:var(--muted); opacity:.4}
.song-row:hover .song-arrow{color:var(--gold-soft); opacity:1}
.channel-strip{text-align:center; padding:2rem 1.5rem; background:rgba(16,25,15,.95); border-top:1px solid var(--line)}
.channel-strip p{font-family:var(--mono); font-size:.68rem; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); margin-bottom:1rem}
.streaming-section{background:rgba(11,16,11,.9); border-top:1px solid var(--line); padding:5rem 3rem}
.platform-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; margin-top:2.5rem}
.platform-card{text-decoration:none; display:flex; flex-direction:column; gap:.45rem}
.platform-icon{font-size:2rem}.platform-name{font-size:1.08rem; color:var(--white)}.platform-desc,.platform-cta{font-family:var(--mono); font-size:.6rem; letter-spacing:.14em; text-transform:uppercase; color:var(--muted)}.platform-cta{color:var(--gold-soft); margin-top:auto}
.yt-modal-overlay{display:none; position:fixed; inset:0; z-index:500; background:rgba(4,7,4,.94); backdrop-filter:blur(20px); align-items:center; justify-content:center; padding:1.25rem}
.yt-modal-overlay.open{display:flex}
.yt-modal{width:100%; max-width:540px; background:rgba(11,16,11,.99); border:1px solid var(--line-bright); border-radius:1.5rem; overflow:hidden; box-shadow:0 0 80px rgba(246,198,91,.22)}
.yt-modal-header{display:flex; justify-content:space-between; align-items:center; padding:1.1rem 1.35rem; border-bottom:1px solid var(--line); gap:1rem}
.yt-modal-title{font-size:1.1rem; line-height:1.3; flex:1}.yt-modal-close{width:38px; height:38px; border-radius:50%; border:1px solid var(--line); background:rgba(246,198,91,.08); color:var(--white); cursor:pointer}
.yt-thumb-wrap{position:relative; aspect-ratio:16/9; background:#0b100b; overflow:hidden}.yt-thumb-wrap img{width:100%; height:100%; object-fit:cover}.yt-thumb-overlay{position:absolute; inset:0; background:linear-gradient(to bottom,transparent 40%,rgba(4,7,4,.7))}
.yt-thumb-play{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:72px; height:72px; border-radius:50%; background:linear-gradient(135deg,var(--green),var(--gold)); display:flex; align-items:center; justify-content:center; box-shadow:0 0 0 8px rgba(246,198,91,.15),0 0 40px rgba(246,198,91,.35)}
.yt-thumb-play svg{width:28px; height:28px; fill:#081008; margin-left:4px}
.yt-modal-actions{padding:1.35rem; display:flex; flex-direction:column; gap:.75rem}
.yt-watch-btn{display:flex; align-items:center; justify-content:center; gap:.65rem; width:100%; padding:.95rem 1.5rem; background:linear-gradient(135deg,var(--green),var(--gold)); color:#081008; text-decoration:none; border-radius:999px; font-family:var(--mono); font-size:.8rem; letter-spacing:.16em; text-transform:uppercase; font-weight:500}
.yt-watch-btn svg{width:18px; height:18px; fill:currentColor}
.yt-modal-hint{padding:0 1.35rem 1.25rem; font-family:var(--mono); font-size:.6rem; letter-spacing:.14em; color:rgba(255,247,232,.38); text-align:center}

/* AWARENESS */
.content-section{padding:5rem 3rem; background:rgba(5,7,5,.9)}
.article-list-card{background:var(--panel); border:1px solid var(--line); border-radius:1.5rem; padding:2rem}
.article-grid{display:grid; gap:1.25rem; margin-top:1.4rem}
.article-item{display:flex; gap:1.25rem; align-items:center}
.article-item img{width:210px; height:140px; object-fit:cover; border-radius:12px; flex-shrink:0}
.article-meta{font-family:var(--mono); font-size:.7rem; color:var(--gold); letter-spacing:.15em; text-transform:uppercase; margin-bottom:.4rem}
.article-item h2{font-size:1.3rem; line-height:1.25; margin-bottom:.5rem}
.article-item p{color:var(--muted); font-size:.95rem; line-height:1.7; margin-bottom:.8rem}

/* CONTACT */
.contact-wrap{min-height:100vh; padding-bottom:6rem}
.contact-inner{display:grid; grid-template-columns:1fr 1.2fr; gap:5rem; align-items:start}
.contact-methods{display:flex; flex-direction:column; margin-top:2rem}
.contact-method{display:flex; gap:1.1rem; align-items:flex-start; padding:1.15rem 0; border-top:1px solid var(--line); text-decoration:none}
.contact-method:last-child{border-bottom:1px solid var(--line)}
.method-icon{width:42px; height:42px; border-radius:50%; border:1px solid var(--line); background:rgba(246,198,91,.06); display:flex; align-items:center; justify-content:center; flex-shrink:0}
.method-label{font-family:var(--mono); font-size:.62rem; letter-spacing:.18em; color:var(--gold); text-transform:uppercase}
.method-value{font-size:.96rem; color:var(--white)}.method-desc{font-size:.82rem; color:var(--muted); font-style:italic}
.form-title{font-size:1.5rem; font-weight:400; margin-bottom:.4rem}.form-sub{font-size:.9rem; color:var(--muted); font-style:italic; margin-bottom:2rem}
.form-row{display:grid; grid-template-columns:1fr 1fr; gap:1rem}.form-group{margin-bottom:1.4rem}.form-label{display:block; font-family:var(--mono); font-size:.63rem; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin-bottom:.5rem}
.form-input,.form-textarea,.form-select{width:100%; background:rgba(18,26,16,.66); border:1px solid var(--line); border-radius:.75rem; padding:.85rem 1rem; font-family:var(--serif); font-size:.98rem; color:var(--white); outline:none}
.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--gold); box-shadow:0 0 0 3px rgba(246,198,91,.12)}
.form-textarea{min-height:140px; resize:vertical}.form-submit{width:100%; padding:1rem; background:linear-gradient(135deg,var(--green),var(--gold)); color:#081008; border:0; border-radius:.75rem; cursor:pointer; font-family:var(--mono); font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; font-weight:500}.form-note{margin-top:1rem; font-family:var(--mono); font-size:.6rem; letter-spacing:.12em; color:var(--muted); text-align:center}

/* FOOTERS */
.simple-footer-section,.music-footer-section,.contact-footer-bar{background:rgba(11,16,11,.92); border-top:1px solid var(--line); padding:2.5rem 3rem}
.simple-footer-inner,.music-footer-inner,.contact-footer-inner{max-width:1100px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap}
footer{background:rgba(5,7,5,.98); border-top:1px solid var(--line); padding:2.5rem}
.footer-inner{max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:2rem}
.footer-logo{font-family:var(--mono); font-size:.9rem; letter-spacing:.28em; color:var(--white)}.footer-tagline{font-size:var(--text-sm); font-style:italic; color:var(--muted); text-align:center}.footer-right{display:flex; flex-direction:column; align-items:flex-end; gap:.75rem}.footer-copy{font-family:var(--mono); font-size:.65rem; letter-spacing:.12em; color:rgba(255,247,232,.38)}

/* RESPONSIVE */
@media (max-width:960px){
  nav{padding:.75rem 1.25rem; min-height:66px}.logo-img{width:52px;height:52px}.nav-logo-name{font-size:.9rem}.nav-links{display:none}.hamburger{display:flex}.mobile-menu{top:66px}
  .hero-inner{grid-template-columns:1fr; padding:7rem 1.25rem 5rem}.hero-headline{font-size:clamp(2.5rem,10vw,4rem)}.hero-body{max-width:100%; font-size:1.05rem}
  .stream-strip{padding:1.25rem; flex-direction:column; align-items:flex-start}
  .page-hero,.music-hero,.awareness-hero,.contact-wrap{padding:7rem 1.25rem 3.5rem}
  .origin-section,.values-section,.language-section,.quote-section,.songs-section,.streaming-section,.content-section{padding:4rem 1.25rem}
  .origin-inner,.contact-inner{grid-template-columns:1fr; gap:2.5rem}.origin-left{position:static}
  .value-grid,.platform-grid{grid-template-columns:1fr}.lang-grid{grid-template-columns:repeat(2,1fr)}
  .featured-track{grid-template-columns:1fr; gap:1.4rem; padding:1.8rem}.song-title{font-size:1.05rem}.genre-bar{padding:1rem 1.25rem}
  .article-item{display:block}.article-item img{width:100%; height:auto; margin-bottom:1rem}.form-row{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr; text-align:center}.footer-right{align-items:center}.footer-logo{display:none}
}
@media(max-width:480px){
  nav{padding:.65rem 1rem; min-height:62px}.mobile-menu{top:62px}.logo-img{width:46px;height:46px}.nav-logo-name{font-size:.82rem; letter-spacing:.22em}.nav-logo-sub{display:none}.lang-btn{padding:.28rem .65rem; font-size:.62rem}
  .hero-inner{padding:5.8rem 1rem 4rem}.hero-headline{font-size:clamp(2.25rem,12vw,3.2rem)}
  .page-hero,.music-hero,.awareness-hero,.contact-wrap{padding:6rem 1rem 3rem}
  .song-row{gap:1rem; padding:1.15rem .45rem}.lang-grid{grid-template-columns:1fr 1fr}
  .simple-footer-section,.music-footer-section,.contact-footer-bar,footer{padding:2rem 1rem}
}