
:root{--ink:#f7f6fb;--muted:#cbc8d5;--panel:rgba(7,8,15,.90);--panel2:rgba(13,15,25,.94);--line:rgba(255,255,255,.22);--accent:#ffd65a;--focus:#7ee7ff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:#090a10 url('../images/site/background-colored-clouds.webp') center top/cover fixed no-repeat;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65;font-size:17px}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(1,2,6,.26),rgba(1,2,6,.62))}img{max-width:100%;height:auto}a{color:#bfeaff;text-underline-offset:.2em}a:hover{text-decoration-thickness:.14em}button,input,textarea{font:inherit}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;background:#fff;color:#000;padding:.65rem 1rem;border-radius:.5rem;font-weight:800}.skip-link:focus{top:1rem}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:4px solid var(--focus);outline-offset:4px}.site-header{padding:1rem clamp(.75rem,3vw,2rem) 0}.top-links{max-width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(90px,170px) minmax(260px,640px) minmax(90px,170px);gap:clamp(.5rem,2vw,1.4rem);align-items:center;justify-content:center}.service-art{display:block;transition:transform .2s ease}.service-art:hover{transform:scale(1.035)}.service-art img{display:block;width:100%}.haiku-home{display:block}.haiku-home img{display:block;width:100%}.main-nav{max-width:1000px;margin:.65rem auto 1.1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem}.main-nav a,.grunge-link,.choice-button,.song-choice,.story-choice,.back-button,.submit-button{border:1px solid rgba(255,255,255,.42);background:rgba(0,0,0,.72);color:#fff;border-radius:999px;min-height:44px;padding:.55rem 1rem;font-weight:800;text-decoration:none;box-shadow:0 5px 18px rgba(0,0,0,.28);cursor:pointer}.main-nav a span,.grunge-link span{display:inline-block;background:rgba(0,0,0,.58);padding:.08rem .45rem;border-radius:999px}.main-nav a[aria-current=page]{box-shadow:0 0 0 3px var(--accent),0 5px 18px rgba(0,0,0,.38)}main{max-width:var(--max);margin:0 auto;padding:0 clamp(.75rem,3vw,2rem) 2rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:clamp(1.1rem,3vw,2.25rem);margin:0 0 1.25rem;box-shadow:0 18px 50px rgba(0,0,0,.28);backdrop-filter:blur(3px)}h1,h2,h3{line-height:1.16;text-wrap:balance}h1{font-size:clamp(2rem,5vw,4rem);margin:.2rem 0 1rem}h2{font-size:clamp(1.45rem,3.6vw,2.45rem);margin:1.6rem 0 .65rem}h3{font-size:clamp(1.25rem,2.8vw,1.8rem)}.page-title{text-align:center}.page-title p{max-width:760px;margin:.5rem auto}.hero{text-align:center}.hero-art{display:grid;grid-template-columns:minmax(100px,220px) minmax(160px,340px) minmax(100px,220px);align-items:center;justify-content:center;gap:1rem}.hero-art .rockout,.hero-art .pa{width:100%;object-fit:contain}.hero-art .logo{width:100%;max-width:330px;margin:auto}.intro-copy{max-width:900px;margin:auto;text-align:center}.prose{max-width:850px;margin-left:auto;margin-right:auto}.prose p{margin:.95rem 0}.album-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:1rem}.album-card{background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:1rem;text-align:center}.album-card img{display:block;aspect-ratio:1/1;object-fit:cover;border-radius:10px}.album-card h3{margin:.75rem 0 .35rem}.text-link,.coming-soon{display:inline-block}.text-link{font-weight:800}.coming-soon{color:var(--muted);font-style:italic}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:center}.pride-link{display:grid;grid-template-columns:minmax(100px,190px) 1fr;align-items:center;gap:1rem;text-decoration:none;font-weight:900}.pride-link img{border-radius:12px}.quick-links,.org-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.grunge-link{display:flex;align-items:center;justify-content:center;text-align:center;min-height:78px;background-size:cover;background-position:center}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:1rem}.choice-card{background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:1rem;text-align:center}.choice-card img{aspect-ratio:1/1;object-fit:cover;border-radius:10px}.choice-card h2{font-size:1.45rem;margin:.75rem 0}.choice-button,.song-choice,.story-choice,.back-button,.submit-button{background:#111520;border-color:#5a657a}.choice-button:hover,.song-choice:hover,.story-choice:hover,.back-button:hover,.submit-button:hover{background:#202a3c}.panel-toolbar{display:flex;justify-content:flex-start;margin-bottom:.5rem}.song-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:.6rem}.song-choice{text-align:left;border-radius:12px}.lyrics-song{max-width:900px;margin-left:auto;margin-right:auto}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:800;font-size:.83rem}.lyrics-song h3{font-size:clamp(1.8rem,4vw,3rem);margin:.2rem 0 1rem}.lyrics-copy{font-size:1.05rem}.lyric-label{margin:1.4rem 0 .2rem;color:#ffe7a0}.lyric-stanza{margin:.2rem 0 1rem;white-space:normal}.byline{font-style:italic;color:var(--muted);margin:-.35rem 0 1.15rem}.dolly-note{margin:2rem auto 0;max-width:550px}.dolly-note img{border-radius:12px}.dolly-note figcaption{text-align:center;color:var(--muted)}.story-chooser{display:grid;grid-template-columns:repeat(5,max-content);gap:.7rem .55rem;justify-content:center;align-items:center}
.story-chooser .story-choice:first-child{grid-column:1/-1;justify-self:center}.story-choice[aria-pressed=true]{box-shadow:0 0 0 3px var(--accent)}.welcome-wanderer{text-align:center}.welcome-wanderer img{display:block;max-width:min(620px,90%);margin:0 auto}.story-panel{max-width:900px}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:1rem;margin-bottom:1.25rem}.character-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:grid;grid-template-rows:minmax(320px,430px) auto;box-shadow:0 18px 50px rgba(0,0,0,.24)}.character-card img{width:100%;height:100%;object-fit:contain;object-position:center bottom;padding:.75rem .75rem 0}.character-copy{background:rgba(0,0,0,.62);padding:1rem}.character-copy h2{font-size:1.55rem;margin:0 0 .35rem}.character-copy p{margin:0}.note-panel{text-align:center}.org-intro{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:1rem}.org-intro img{max-height:310px;object-fit:contain}.contact-panel{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(280px,1.25fr);gap:1.5rem;align-items:center}.contact-art{display:grid;grid-template-columns:1fr .8fr;align-items:end}.contact-art img{max-height:310px;object-fit:contain}.contact-form-wrap{max-width:650px}.contact-form-wrap h2{margin-top:0}form{display:grid;gap:.5rem}label{font-weight:800;margin-top:.55rem}input,textarea{width:100%;border:2px solid #666f83;border-radius:10px;background:#fff;color:#111;padding:.75rem}.submit-button{justify-self:start;margin-top:.65rem;background:#244d3d}.form-status{min-height:1.6em;font-weight:800}.form-status.success{color:#9ef3bb}.form-status.error{color:#ffb3b3}.recaptcha-note{font-size:.85rem;color:var(--muted)}.policy-page{max-width:850px}.site-footer{background:rgba(0,0,0,.84);border-top:1px solid var(--line);padding:1.4rem clamp(.75rem,3vw,2rem)}.footer-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:130px 1fr;gap:1rem;align-items:center}.bluesky-link img{display:block;width:120px}.footer-copy p{margin:.35rem 0}.footer-links a{font-weight:800}@media(max-width:900px){.story-chooser{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin-inline:auto}.story-chooser .story-choice:first-child{grid-column:1/-1}.story-choice{width:100%}}
@media(max-width:520px){.story-chooser{grid-template-columns:1fr}.story-chooser .story-choice:first-child{grid-column:1}}
@media(max-width:760px){body{background-attachment:scroll}.top-links{grid-template-columns:78px 1fr 78px}.main-nav{gap:.4rem}.main-nav a{padding:.45rem .7rem}.hero-art{grid-template-columns:90px 1fr 90px}.split-feature,.org-intro,.contact-panel{grid-template-columns:1fr}.org-intro img{max-height:230px}.contact-art{max-width:420px;margin:auto}.quick-links,.org-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:90px 1fr}.bluesky-link img{width:85px}.character-card{grid-template-rows:minmax(280px,360px) auto}}@media(max-width:430px){.top-links{grid-template-columns:64px 1fr 64px}.site-header{padding-left:.4rem;padding-right:.4rem}.hero-art{grid-template-columns:70px 1fr 70px}.panel{border-radius:15px}.footer-inner{grid-template-columns:1fr;text-align:center}.bluesky-link img{margin:auto}.pride-link{grid-template-columns:1fr}.pride-link img{max-width:220px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-art{transition:none}}@media(forced-colors:active){.panel,.character-card,.album-card,.choice-card{border:1px solid CanvasText}.main-nav a,.grunge-link,.choice-button,.song-choice,.story-choice,.back-button,.submit-button{border:2px solid ButtonText}}@media print{body{background:white;color:black}.site-header,.site-footer,.panel-toolbar,.story-chooser,.page-title p{display:none!important}.panel,.lyrics-song,.story-panel{background:white;color:black;border:0;box-shadow:none}.lyrics-song[hidden],.story-panel[hidden]{display:none!important}a{color:black}}

.org-intro > *, .contact-panel > *, .contact-art > *{min-width:0}.org-intro img,.contact-art img{max-width:100%;width:100%;height:auto}.contact-form-wrap,.contact-art{width:100%;max-width:100%}

/* ===== Revision 2: vivid CSS buttons, no grunge-button backgrounds ===== */
.color-button,
.choice-button,
.song-choice,
.story-choice {
  --btn-a:#35c6ff;
  --btn-b:#0784ff;
  --btn-ink:#4f1700;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border:2px solid rgba(255,255,255,.72)!important;
  background-image:linear-gradient(145deg,var(--btn-a) 0%,var(--btn-b) 100%)!important;
  background-color:var(--btn-b)!important;
  color:var(--btn-ink)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.28);
  box-shadow:
    0 6px 0 rgba(0,0,0,.42),
    0 10px 24px rgba(0,0,0,.36),
    inset 0 2px 0 rgba(255,255,255,.58),
    inset 0 -3px 0 rgba(0,0,0,.18);
  transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;
}
.color-button::before,
.choice-button::before,
.song-choice::before,
.story-choice::before {
  content:"";
  position:absolute;
  z-index:-1;
  left:5%;right:5%;top:5%;height:38%;
  border-radius:999px;
  background:linear-gradient(to bottom,rgba(255,255,255,.5),rgba(255,255,255,0));
  pointer-events:none;
}
.color-button:hover,
.choice-button:hover,
.song-choice:hover,
.story-choice:hover {
  transform:translateY(-2px);
  filter:saturate(1.16) brightness(1.06);
  box-shadow:
    0 8px 0 rgba(0,0,0,.42),
    0 13px 28px rgba(0,0,0,.42),
    0 0 18px color-mix(in srgb,var(--btn-a) 48%,transparent),
    inset 0 2px 0 rgba(255,255,255,.66),
    inset 0 -3px 0 rgba(0,0,0,.2);
}
.color-button:active,
.choice-button:active,
.song-choice:active,
.story-choice:active {transform:translateY(3px);box-shadow:0 2px 0 rgba(0,0,0,.42),inset 0 2px 0 rgba(255,255,255,.45)}

.color-button.green,.main-nav a:nth-child(1),.choice-card:nth-child(1) .choice-button,
.song-choice:nth-child(6n+1),.story-choice:nth-child(6n+1){--btn-a:#7cff00;--btn-b:#4fbe00;--btn-ink:#4a003e}
.color-button.blue,.main-nav a:nth-child(2),.choice-card:nth-child(2) .choice-button,
.song-choice:nth-child(6n+2),.story-choice:nth-child(6n+2){--btn-a:#35c6ff;--btn-b:#0784ff;--btn-ink:#4f1700}
.color-button.purple,.main-nav a:nth-child(3),.choice-card:nth-child(3) .choice-button,
.song-choice:nth-child(6n+3),.story-choice:nth-child(6n+3){--btn-a:#9b35d5;--btn-b:#5e1188;--btn-ink:#efff33}
.color-button.orange,.main-nav a:nth-child(4),
.song-choice:nth-child(6n+4),.story-choice:nth-child(6n+4){--btn-a:#ff9a1f;--btn-b:#ff6a00;--btn-ink:#03257a}
.color-button.yellow,.main-nav a:nth-child(5),
.song-choice:nth-child(6n+5),.story-choice:nth-child(6n+5){--btn-a:#ffe435;--btn-b:#ffb800;--btn-ink:#3a0d7a}
.color-button.red,
.song-choice:nth-child(6n+6),.story-choice:nth-child(6n+6){--btn-a:#c7143c;--btn-b:#8f0d33;--btn-ink:#bafff8}

.main-nav a{background-size:auto!important;background-position:initial!important;border-radius:999px;padding:.62rem 1.15rem;min-width:110px;text-align:center}
.main-nav a span,.color-button span{background:none!important;padding:0!important;border-radius:0!important}
.main-nav a[aria-current=page]{box-shadow:0 0 0 4px #fff,0 0 0 7px var(--accent),0 7px 0 rgba(0,0,0,.38),0 12px 28px rgba(0,0,0,.4)}
.quick-links .color-button{display:flex;align-items:center;justify-content:center;min-height:74px;border-radius:18px;padding:1rem;text-align:center;text-decoration:none;font-weight:900}

.choice-button{border-radius:14px;min-height:48px;padding:.65rem 1rem;font-weight:900;cursor:pointer}
.song-choice{border-radius:14px;padding:.8rem 1rem;min-height:64px;text-align:left;font-weight:900;cursor:pointer}
.story-choice{border-radius:999px;padding:.72rem 1.15rem;min-height:52px;font-weight:900;cursor:pointer}
.story-choice[aria-pressed=true]{box-shadow:0 0 0 4px #fff,0 0 0 8px var(--accent),0 6px 0 rgba(0,0,0,.38),0 12px 26px rgba(0,0,0,.42)}
.back-button{background:#111827;color:#fff;border:2px solid #ffd65a;border-radius:999px;box-shadow:0 5px 0 rgba(0,0,0,.4);font-weight:900}
.back-button:hover{background:#222d42;transform:translateY(-1px)}

/* Send Intel: closer to the original visual rhythm */
.intel-org-stage{padding:clamp(1rem,2.5vw,2rem)}
.org-orbit{
  display:grid;
  grid-template-columns:minmax(190px,1fr) minmax(260px,430px) minmax(190px,1fr);
  grid-template-areas:
    "naacp weight trevor"
    "sacred weight aclu"
    "imagination weight indivisible";
  gap:clamp(.7rem,2vw,1.35rem);
  align-items:center;
  max-width:1050px;
  margin:auto;
}
.org-orbit .color-button{display:flex;align-items:center;justify-content:center;text-align:center;min-height:62px;border-radius:999px;padding:.7rem 1rem;text-decoration:none;font-weight:900}
.org-naacp{grid-area:naacp}.org-trevor{grid-area:trevor}.org-sacred{grid-area:sacred}.org-aclu{grid-area:aclu}.org-imagination{grid-area:imagination}.org-indivisible{grid-area:indivisible}
.weight-lifter{grid-area:weight;width:100%;max-width:430px;margin:auto;object-fit:contain;filter:drop-shadow(0 14px 20px rgba(0,0,0,.35))}

.intel-contact-stage{
  display:grid;
  grid-template-columns:minmax(170px,.8fr) minmax(360px,1.55fr) minmax(170px,.8fr);
  grid-template-areas:"leeroy form think";
  gap:clamp(1rem,2.2vw,2rem);
  align-items:start;
  min-height:640px;
}
.intel-leeroy{grid-area:leeroy;width:100%;max-width:285px;align-self:start;margin-top:5.3rem;justify-self:center;filter:drop-shadow(0 10px 14px rgba(0,0,0,.38))}
.contact-form-wrap{grid-area:form;width:100%;max-width:650px;margin:0 auto}
.intel-visible-title{font-size:clamp(2.4rem,5vw,4.2rem);text-align:center;margin:.25rem 0 1.1rem}
.intel-thinking{grid-area:think;width:100%;max-width:265px;align-self:end;justify-self:center;margin-bottom:1.5rem;filter:drop-shadow(0 10px 14px rgba(0,0,0,.38))}

.neon-send{
  color:#fff!important;
  border:1px solid rgba(142,255,232,.9)!important;
  border-radius:999px!important;
  padding:.7rem 1.35rem!important;
  min-width:138px;
  background:linear-gradient(135deg,#2dc8e8 0%,#6047c8 48%,#ef2868 100%)!important;
  box-shadow:
    0 0 5px rgba(106,255,226,.95),
    0 0 14px rgba(106,255,226,.72),
    0 0 28px rgba(64,224,208,.35),
    inset 0 1px 0 rgba(255,255,255,.6),
    inset 0 -2px 0 rgba(0,0,0,.22)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.65);
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
}
.neon-send:hover{transform:translateY(-2px);filter:saturate(1.15) brightness(1.08);box-shadow:0 0 7px rgba(106,255,226,1),0 0 20px rgba(106,255,226,.9),0 0 38px rgba(239,40,104,.45),inset 0 1px 0 rgba(255,255,255,.75)!important}
.neon-send:active{transform:translateY(2px)}
.neon-send:disabled{filter:grayscale(.25);opacity:.7;cursor:wait}

/* Dolly note is now a persistent Imagination Library link, separate from song lyrics. */
.dolly-imagination-panel{max-width:900px;margin:1.5rem auto}
.dolly-imagination-link{display:grid;grid-template-columns:minmax(240px,560px) auto;align-items:center;justify-content:center;gap:1.3rem;text-decoration:none;color:#fff;font-size:clamp(1.35rem,3vw,2rem);font-weight:900}
.dolly-imagination-link img{display:block;width:100%;border-radius:14px;box-shadow:0 12px 28px rgba(0,0,0,.35)}
.dolly-imagination-link strong{color:#ffe435;text-shadow:0 2px 0 #3a0d7a,0 0 14px rgba(255,228,53,.28)}
.dolly-imagination-link:hover strong{text-decoration:underline;text-decoration-thickness:.12em}

@media(max-width:900px){
  .org-orbit{grid-template-columns:1fr 1fr;grid-template-areas:"weight weight" "naacp trevor" "sacred aclu" "imagination indivisible"}
  .weight-lifter{max-width:390px}
  .intel-contact-stage{grid-template-columns:1fr 1fr;grid-template-areas:"form form" "leeroy think";min-height:0}
  .intel-leeroy,.intel-thinking{margin:0;max-width:245px;align-self:end}
}
@media(max-width:560px){
  .org-orbit{grid-template-columns:1fr;grid-template-areas:"weight" "naacp" "trevor" "sacred" "aclu" "imagination" "indivisible"}
  .org-orbit .color-button{min-height:56px}
  .intel-contact-stage{grid-template-columns:1fr 1fr;gap:.75rem}
  .intel-leeroy,.intel-thinking{max-width:190px}
  .dolly-imagination-link{grid-template-columns:1fr;text-align:center}
}
@media(prefers-reduced-motion:reduce){.color-button,.choice-button,.song-choice,.story-choice,.neon-send{transition:none}.color-button:hover,.choice-button:hover,.song-choice:hover,.story-choice:hover,.neon-send:hover{transform:none}}
