/* GREEN DREAM GUI reconstruction — live overrides */
:root{--va-cyan:#00eaf5;--va-yellow:#eff000;--va-ink:#031116;--va-copy:#dce9e9;--va-muted:#9eb8bd}
.va-topbar{min-height:82px;grid-template-columns:minmax(310px,440px) minmax(0,1fr) 34px;gap:16px;padding:0 3.1vw}
.va-brand{gap:13px}
.va-brand-mark{width:72px;height:68px;flex:0 0 72px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(239,240,0,.22))}
.va-brand-copy strong{font-size:clamp(15px,1.35vw,22px);letter-spacing:.075em}
.va-main-nav{gap:clamp(17px,2.8vw,42px);padding:0 20px}
.va-header-status{right:5.5vw;padding:6px 18px 7px;font-size:8px}
.va-home main{max-width:1536px;padding:0 3.2vw}
.va-hero{max-width:1070px;min-height:350px;grid-template-columns:minmax(0,1fr) 212px;gap:clamp(28px,5vw,82px);padding:56px 0 36px 20px;background-image:linear-gradient(90deg,rgba(0,12,16,.68),rgba(0,13,16,.08) 65%,rgba(0,11,15,.04)),linear-gradient(0deg,rgba(0,10,14,.38),transparent 42%)}
.va-hero h1{font-size:clamp(46px,4.1vw,58px);margin-bottom:18px;letter-spacing:.025em}
.va-hero-intro{font-size:13px;line-height:1.8;letter-spacing:.09em}
.va-hero .va-action{margin-top:19px;min-width:178px}
.va-cv-column{width:212px;align-self:center}
.va-cv-shard{min-height:274px;padding:14px 13px 13px;border:1px solid rgba(0,234,245,.92);background:linear-gradient(145deg,rgba(0,15,22,.97),rgba(0,8,14,.97));clip-path:polygon(0 0,87% 0,100% 9%,100% 100%,0 100%);box-shadow:0 0 26px rgba(0,234,245,.18),inset 0 0 24px rgba(0,234,245,.08)}
.va-cv-shard:after{content:"";position:absolute;top:7px;right:7px;width:30px;height:1px;background:var(--va-cyan);box-shadow:0 4px 0 rgba(0,234,245,.5)}
.va-cv-shard-head{font-size:9px;letter-spacing:.08em}
.va-cv-fileline{display:flex;align-items:flex-start;gap:8px;margin:10px 0 4px;color:#dce9e9;font:10px/1.45 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}
.va-cv-file-icon{flex:0 0 20px;color:var(--va-cyan);font-size:18px}
.va-cv-data{margin-top:8px;padding-top:7px;border-top:1px solid rgba(0,234,245,.24)}
.va-cv-data small{display:block;margin-bottom:4px;color:var(--va-cyan);font:8px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.12em}
.va-cv-data strong{display:block;color:#e5f1f1;font:700 11px/1.4 ui-monospace,Consolas,monospace}
.va-cv-data span{display:block;margin-top:3px;color:#9eb8bd;font:8px/1.4 ui-monospace,Consolas,monospace}
.va-cv-document-art{display:flex;justify-content:center;align-items:center;flex:1;min-height:74px;color:var(--va-cyan);opacity:.9}
.va-cv-document-art svg{width:76px;height:76px;filter:drop-shadow(0 0 7px rgba(0,234,245,.38))}
.va-cv-shard .va-action{width:100%;min-height:34px;margin-top:8px}
.va-cv-note{max-width:212px;margin:24px 0 0;color:#c7d9dc;font:10px/1.55 ui-monospace,Consolas,monospace}
.va-cv-note span{display:block;margin-bottom:8px;color:var(--va-cyan);font-weight:700;letter-spacing:.09em}
.va-movements-layout{width:min(1050px,100%);max-width:none;grid-template-columns:minmax(0,831px) minmax(170px,190px);gap:28px;margin:0;padding:0 0 20px;align-items:stretch}
.va-movement-area{padding:0 0 16px;border:1px solid rgba(0,234,245,.42);border-top:0;background:linear-gradient(180deg,rgba(0,12,17,.22),rgba(0,11,15,.78))}
.va-movement-grid{gap:10px;padding:0 14px}
.va-movement-card{min-height:211px;aspect-ratio:.67;border:1px solid rgba(0,234,245,.8);background:rgba(0,12,16,.76);clip-path:polygon(0 0,92% 0,100% 6%,100% 94%,94% 100%,6% 100%,0 96%);box-shadow:inset 0 0 18px rgba(0,234,245,.08)}
.va-movement-card:nth-child(2){clip-path:polygon(0 0,94% 0,100% 5%,100% 100%,0 100%)}
.va-movement-card:nth-child(3){clip-path:polygon(0 0,100% 0,100% 94%,94% 100%,0 100%)}
.va-movement-card:nth-child(4){clip-path:polygon(0 0,94% 0,100% 6%,100% 100%,0 100%)}
.va-movement-card:nth-child(5){clip-path:polygon(0 0,100% 0,100% 100%,7% 100%,0 94%)}
.va-movement-aside{justify-content:center;gap:14px;padding:26px 12px 14px;border-left:1px solid rgba(0,234,245,.55)}
.va-movement-aside strong{font:700 11px/1.55 ui-monospace,Consolas,monospace;letter-spacing:.1em}
.va-movement-aside p{font:10px/1.55 ui-monospace,Consolas,monospace}
.va-movement-aside .va-action{align-self:flex-start}
.va-lower-grid{width:min(1245px,100%);max-width:none;grid-template-columns:minmax(0,702px) 240px 267px;gap:20px;margin:14px 0 0;padding:0 0 20px}
.va-lower-panel{min-height:184px;border:1px solid rgba(0,234,245,.55);background:linear-gradient(145deg,rgba(0,14,19,.9),rgba(0,8,13,.86));clip-path:polygon(0 0,96% 0,100% 7%,100% 100%,0 100%)}
.va-poetry-grid{gap:9px;padding:0 12px 12px}
.va-subscribe{padding:0 0 13px}
.va-listening{padding:18px 16px;clip-path:polygon(0 0,100% 0,100% 94%,96% 100%,0 100%)}
.va-footer{min-height:76px;grid-template-columns:64px minmax(200px,1.2fr) minmax(300px,1.3fr) minmax(230px,1fr) 58px;padding:8px 3.2vw}
.va-footer-mark{width:56px;height:52px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(239,240,0,.22))}
.va-back-top{clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,20% 100%,0 80%)}
.gd-radio{width:250px;max-width:250px;background:rgba(2,13,19,.97);border:1px solid rgba(0,234,245,.9);box-shadow:0 12px 48px rgba(0,0,0,.55),0 0 22px rgba(0,234,245,.14);clip-path:polygon(0 0,91% 0,100% 8%,100% 100%,7% 100%,0 94%);backdrop-filter:blur(12px)}
.gd-radio-head{padding:12px 13px;border-bottom-color:rgba(0,234,245,.4);color:var(--va-yellow);font:700 11px/1.2 ui-monospace,Consolas,monospace}
.gd-radio-head small{color:var(--va-cyan)}
.gd-radio-body{padding:13px;color:var(--va-copy)}
.gd-radio .gd-tiny,.gd-radio .gd-stations label,.gd-radio .gd-note{font-family:ui-monospace,Consolas,monospace;letter-spacing:.06em}
.gd-radio .gd-controls button{border-color:var(--va-cyan);color:var(--va-cyan);background:rgba(0,234,245,.08)}
.gd-radio .gd-video-picker{border-top:1px solid rgba(0,234,245,.25)}
.gd-radio select{max-width:100%;background:#031116;color:var(--va-copy);border:1px solid rgba(0,234,245,.45)}
@media(max-width:1120px){
 .va-home .va-topbar{grid-template-columns:minmax(0,1fr) 36px}
 .va-home .va-main-nav{display:none}
 .va-home .va-hero{max-width:100%;grid-template-columns:minmax(0,1fr) 212px}
 .va-home .va-movements-layout{width:100%;grid-template-columns:minmax(0,1fr) 190px}
 .va-home .va-lower-grid{width:100%;grid-template-columns:minmax(0,2fr) minmax(210px,.9fr)}
 .va-home .va-listening{grid-column:2}
}
@media(max-width:760px){
 .va-home main{padding:0 20px}
 .va-home .va-hero{grid-template-columns:minmax(0,1fr) 200px;gap:24px;padding:40px 0 28px 10px;min-height:330px}
 .va-home .va-cv-column{width:200px}
 .va-home .va-cv-shard{min-height:250px}
 .va-home .va-movements-layout{grid-template-columns:minmax(0,1fr);gap:14px}
 .va-home .va-movement-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:0 10px}
 .va-home .va-movement-card{min-height:175px}
 .va-home .va-movement-aside{border-left:0;border-top:1px solid rgba(0,234,245,.35);padding:18px}
 .va-home .va-lower-grid{grid-template-columns:minmax(0,1fr) minmax(200px,.8fr)}
 .va-home .va-listening{grid-column:1/-1}
}
@media(max-width:560px){
 .va-home main{padding:0 14px}
 .va-home .va-hero{grid-template-columns:1fr;gap:22px;padding:34px 0 24px 0;min-height:0}
 .va-home .va-hero h1{font-size:clamp(44px,12vw,64px)}
 .va-home .va-cv-column{width:min(100%,310px);margin-left:auto}
 .va-home .va-cv-shard{min-height:260px}
 .va-home .va-movement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .va-home .va-movement-card{min-height:0;aspect-ratio:.78}
 .va-home .va-lower-grid{grid-template-columns:1fr;gap:12px}
 .va-home .va-listening{grid-column:auto}
 .va-home .va-poetry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .va-home .va-footer{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:14px}
 .va-home .va-footer-nav{grid-column:1/-1;grid-row:auto;flex-wrap:wrap}
 .va-home .va-footer-credit{grid-column:1/-1;text-align:left}
 .va-home .gd-radio{width:100%!important;max-width:none!important;position:relative!important;top:auto!important;left:auto!important;margin:0 0 20px}
}
@media(prefers-reduced-motion:reduce){.va-home *{scroll-behavior:auto!important;transition:none!important}}


/* Homepage now uses the Green Dream cover as a page-wide visual field. */
.va-home .va-hero{
  display:block!important;
  grid-template-columns:none!important;
  width:100%!important;
  max-width:none!important;
  min-height:clamp(220px,38vh,430px)!important;
  margin:0!important;
  padding:0!important;
  background:linear-gradient(180deg,rgba(0,10,14,.08),rgba(0,10,14,.22))!important;
}
.va-home .va-hero:before,.va-home .va-hero:after{display:none!important}
