/* SOURCE: assets/base.css */

:root{--bg:#0a0b09;--white:#eeeee9;--muted:#a4a8a1;--rule:rgba(238,238,233,.22);--green:#008f62;--display:"Arial Black","Helvetica Neue",Arial,sans-serif;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--white);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover,a:focus-visible{color:var(--green)}button{font:inherit}::selection{background:var(--green);color:white}
:focus-visible{outline:1px solid var(--green);outline-offset:4px}
.page-width{width:min(100%,1660px);padding-inline:clamp(18px,3vw,56px);margin-inline:auto}
.site-nav{height:56px;padding:0 clamp(18px,3vw,56px);display:flex;align-items:center;justify-content:space-between;gap:24px;white-space:nowrap}
.site-nav a,.eyebrow,.event-date,.event-place,.release-year,.release-type,.site-footer{font:10px/1.5 var(--mono);letter-spacing:.065em;text-transform:uppercase}
.site-nav a{color:var(--white);transition:color .18s ease}.site-nav a:hover,.site-nav a:focus-visible{color:var(--green)}
.masthead{min-height:calc(78svh - 56px);display:flex;align-items:flex-end;padding-bottom:clamp(13px,2vw,30px)}
.masthead-inner{width:100%;overflow:hidden}
.hero-title{display:inline-block;white-space:nowrap;margin:0 0 0 -.025em;font:900 18vw/.84 var(--display);letter-spacing:-.095em;text-transform:uppercase}
.hero-photo{margin:0;width:100%;aspect-ratio:2.08/1;overflow:hidden;background:#181b19}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 39%;filter:none!important;mix-blend-mode:normal!important}
.section{padding-top:clamp(86px,9vw,144px);scroll-margin-top:20px}
.section-title{margin:0 0 clamp(26px,3.5vw,50px);font:900 clamp(48px,6.4vw,96px)/.88 var(--display);letter-spacing:-.085em;text-transform:uppercase}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:25px}
.section-head .eyebrow{color:var(--muted);white-space:nowrap}
.event-list,.release-list{border-top:1px solid var(--rule)}
.event-row,.release-row{display:grid;grid-template-columns:minmax(110px,.25fr) minmax(180px,1fr) minmax(165px,.44fr);align-items:baseline;column-gap:clamp(16px,3vw,45px);padding:22px 0;border-bottom:1px solid var(--rule)}
.event-date,.event-place,.release-year,.release-type{color:var(--muted)}
.event-place,.release-type{justify-self:end;text-align:right}
.event-name,.release-name{margin:0;font:400 clamp(23px,2.55vw,37px)/1.1 var(--sans);letter-spacing:-.055em}
.event-row--linked:hover .event-name,.release-row:hover .release-name{color:var(--green)}
.latest-link{color:var(--muted);border-bottom:1px solid transparent;transition:color .15s,border-color .15s}.latest-link:hover{border-color:var(--green)}
.latest-feature{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(32px,5vw,90px)}
.latest-art{margin:0;aspect-ratio:1/1;overflow:hidden;background:#003d2d}
.latest-art img{width:100%;height:100%;object-fit:cover;filter:none!important;mix-blend-mode:normal!important}
.latest-copy{max-width:680px}.latest-copy .eyebrow{color:var(--muted)}
.latest-copy h3{margin:18px 0 23px;font:900 clamp(54px,6.3vw,94px)/.87 var(--display);letter-spacing:-.085em;text-transform:uppercase}
.latest-copy p{margin:0;max-width:550px;color:#d0d2ca;font-size:clamp(16px,1.45vw,21px);line-height:1.6;letter-spacing:-.012em}
.release-row{transition:color .18s ease}.release-name{transition:color .18s ease}
.journal-controls{display:flex;gap:8px;align-self:center}
.journal-controls button{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--rule);background:none;color:var(--white);font-size:20px;cursor:pointer}
.journal-controls button:hover{border-color:var(--green);background:var(--green);color:#fff}
.journal-track{display:grid;grid-auto-flow:column;grid-auto-columns:42%;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x;padding-bottom:4px}
.journal-track::-webkit-scrollbar{display:none}.journal-card{scroll-snap-align:start;min-width:0}
.journal-image{margin:0;aspect-ratio:4/3;overflow:hidden;background:#151816}
.journal-image img{width:100%;height:100%;object-fit:cover;filter:none!important;mix-blend-mode:normal!important}
.journal-caption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:12px}
.journal-caption h3{margin:0;font-size:clamp(18px,1.8vw,24px);font-weight:400;letter-spacing:-.045em}
.journal-caption time{color:var(--muted)}
.about-grid{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,.65fr);gap:clamp(28px,4vw,76px);align-items:start}
.about-grid .section-title{margin:0}
.about-copy{max-width:790px}.about-copy p{margin:0 0 18px;color:#d1d2cc;font-size:clamp(16px,1.38vw,19px);line-height:1.7;letter-spacing:-.015em}.about-copy p:last-child{margin-bottom:0}.about-copy .studio-note{color:var(--muted);font-size:clamp(14px,1.15vw,16px)}
.contact{padding:clamp(92px,11vw,168px) 0 clamp(92px,11vw,168px);text-align:center}
.contact .eyebrow{color:var(--muted);margin:0 0 17px}
.contact a{display:inline-block;max-width:100%;font-size:clamp(26px,4.3vw,65px);line-height:1.15;letter-spacing:-.06em;overflow-wrap:anywhere;border-bottom:1px solid var(--rule);padding-bottom:8px;transition:color .2s,border-color .2s}
.contact a:hover{border-color:var(--green)}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:28px;color:var(--muted)}
.site-footer a{color:var(--white)}.site-footer a:hover{color:var(--green)}
@media(min-width:1660px){.masthead-inner{max-width:100%}}
@media(max-width:760px){
 .site-nav{justify-content:flex-start;overflow-x:auto;gap:22px;height:54px;scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}
 .masthead{min-height:calc(70svh - 54px)}
 .hero-title{font-size:18vw}
 .hero-photo{aspect-ratio:1.5/1}
 .section{padding-top:76px}
 .section-title{font-size:clamp(42px,8.5vw,66px)}
 .latest-feature{grid-template-columns:1fr;gap:24px}
 .latest-art{max-width:100%}
 .latest-copy h3{font-size:clamp(52px,10vw,74px)}
 .journal-track{grid-auto-columns:70%;gap:14px}
 .about-grid{grid-template-columns:1fr;gap:24px}
 .about-grid .section-title{margin:0}
 .event-row,.release-row{grid-template-columns:105px minmax(0,1fr) minmax(115px,.5fr);column-gap:14px}
}
@media(max-width:520px){
 .site-nav{gap:20px}.site-nav a{font-size:9px}
 .masthead{min-height:calc(62svh - 54px);padding-bottom:22px}
 .hero-title{white-space:normal;font-size:clamp(79px,19vw,112px);line-height:.8;letter-spacing:-.095em}
 .hero-photo{aspect-ratio:1/1}
 .hero-photo img{object-position:51% 44%}
 .section{padding-top:67px}
 .section-title{font-size:clamp(42px,10vw,56px);margin-bottom:25px}
 .section-head{gap:12px}.section-head .eyebrow{font-size:9px}
 .event-row,.release-row{grid-template-columns:74px minmax(0,1fr);gap:5px 13px;padding:18px 0}
 .event-name,.release-name{font-size:clamp(22px,6.4vw,29px)}
 .event-place,.release-type{grid-column:2;justify-self:start;text-align:left;font-size:9px}
 .event-date,.release-year{grid-column:1;grid-row:1;font-size:9px}
 .journal-track{grid-auto-columns:87%}
 .journal-caption h3{font-size:20px}
 .about-copy p{font-size:16px}
 .contact{padding:92px 0 102px}.contact a{font-size:clamp(21px,5.5vw,31px)}
 .site-footer{font-size:9px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* V7: minimal editorial composition; no effects on source photography */
:root{--green:#008650}
.site-nav{height:62px;padding:0 clamp(20px,3vw,56px);display:flex;align-items:center;justify-content:initial;gap:0;width:100%;max-width:none}
.nav-links{display:flex;flex:1;align-items:center;justify-content:space-between;gap:clamp(10px,2.1vw,34px);min-width:0;overflow-x:auto;scrollbar-width:none}
.nav-links::-webkit-scrollbar{display:none}
.site-nav a{flex-shrink:0}
.social-links{display:flex;align-items:center;gap:16px;margin-left:clamp(20px,4vw,68px);flex-shrink:0}
.social-links a{display:grid;place-items:center;line-height:0;color:var(--white)}
.social-links a:hover,.social-links a:focus-visible{color:var(--green)}
.social-links svg{display:block;width:18px;height:18px}
.hero-stage{height:calc(100svh - 62px);min-height:550px;max-height:1050px;overflow:hidden;position:relative}
.hero-composition{position:relative;height:100%;width:100%;max-width:1900px;margin-inline:auto}
.hero-portrait{position:absolute;z-index:1;right:clamp(28px,4vw,80px);top:50%;transform:translateY(-50%);width:min(52vw,calc(100svh - 155px),760px);aspect-ratio:1/1;margin:0;overflow:hidden;background:#161815}
.hero-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none!important;mix-blend-mode:normal!important}
.hero-display{position:absolute;z-index:2;left:clamp(26px,3.5vw,68px);top:54%;transform:translateY(-50%);margin:0;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none;text-transform:uppercase;font-family:var(--display);font-weight:900;letter-spacing:-.10em}
.hero-display span{display:block;white-space:nowrap}
.hero-display .hero-al{font-size:clamp(95px,12vw,192px);line-height:.79}
.hero-display .hero-pagoda{font-size:clamp(92px,10.6vw,186px);line-height:.86;margin-top:.065em}
/* Music rows are links. Live rows are plain information, not fake links. */
.event-row--linked:hover .event-name{color:var(--white)}
.release-row{cursor:pointer}
.release-row:hover .release-name,.release-row:focus-visible .release-name{color:var(--green)}
.release-row:hover .release-type,.release-row:focus-visible .release-type{color:var(--green)}
/* Journal: one clickable post surface, a two-line caption and a small date. */
.journal-card>a{display:block;color:inherit}
.journal-card>a:hover .journal-caption p,.journal-card>a:focus-visible .journal-caption p{color:var(--green)}
.journal-caption{align-items:start}
.journal-caption p{margin:0;max-width:75%;font-size:clamp(16px,1.45vw,20px);line-height:1.36;letter-spacing:-.025em;transition:color .2s ease}
.journal-caption time{font-size:10px;white-space:nowrap;padding-top:3px}
.journal-image img{filter:none!important;mix-blend-mode:normal!important}
.section{padding-top:clamp(68px,7vw,110px)}
.contact{padding:clamp(72px,8vw,116px) 0}
.contact a{font-size:clamp(25px,3.8vw,56px)}
@media(min-width:1500px){
 .hero-display .hero-pagoda{font-size:min(10.6vw,186px)}
}
@media(max-width:1100px){
 .hero-portrait{width:min(54vw,calc(100svh - 150px),670px);right:3vw}
 .hero-display .hero-al{font-size:12.3vw}
 .hero-display .hero-pagoda{font-size:10.3vw}
}
@media(max-width:760px){
 .site-nav{height:56px;padding:0 18px}
 .site-nav a{font-size:9px}
 .nav-links{gap:20px}
 .social-links{gap:13px;margin-left:22px}
 .social-links svg{width:17px;height:17px}
 .hero-stage{height:calc(100svh - 56px);min-height:550px;max-height:950px}
 .hero-portrait{width:min(69vw,calc(100svh - 190px));right:5vw;top:47%}
 .hero-display{left:4vw;top:59%}
 .hero-display .hero-al{font-size:15vw}
 .hero-display .hero-pagoda{font-size:12.2vw}
}
@media(max-width:520px){
 .site-nav{height:54px;padding:0 14px}
 .nav-links{gap:17px}
 .site-nav a{font-size:9px}
 .social-links{gap:11px;margin-left:18px}
 .social-links svg{width:16px;height:16px}
 .hero-stage{height:calc(100svh - 54px);min-height:520px;max-height:820px}
 .hero-portrait{top:43%;left:clamp(18px,5vw,28px);right:clamp(18px,5vw,28px);width:auto;transform:translateY(-40%);aspect-ratio:1/1}
 .hero-display{left:clamp(18px,5vw,28px);top:auto;bottom:clamp(58px,11svh,100px);transform:none}
 .hero-display .hero-al{font-size:clamp(80px,22vw,120px);line-height:.8}
 .hero-display .hero-pagoda{font-size:clamp(62px,15.3vw,90px);line-height:.84;margin-top:.03em}
 .journal-caption p{max-width:72%;font-size:16px}
 .journal-caption time{font-size:9px}
 .section{padding-top:64px}
 .contact{padding:75px 0 80px}
}
@media(max-width:370px){.nav-links{gap:14px}.site-nav a{font-size:8px}.social-links{margin-left:13px;gap:9px}.hero-display .hero-pagoda{font-size:15.1vw}}
/* Keep every letter off the bright train windows, rather than relying on overlays. */
@media(min-width:761px){.hero-portrait{width:min(48vw,calc(100svh - 180px),700px)}}
@media(min-width:521px) and (max-width:760px){.hero-portrait{width:min(52vw,calc(100svh - 180px));right:4vw}}
@media(max-width:520px) and (min-height:750px){.hero-portrait{top:33.5%}.hero-display{bottom:clamp(130px,20svh,180px)}}
@media(max-width:520px) and (max-height:749px){.hero-portrait{top:39.5%}.hero-display{bottom:14px}}

[hidden]{display:none!important}
/* V8: tighter Cargo-influenced typography, square portrait and measured overlap. */
.site-nav{height:58px;justify-content:space-between;gap:12px;padding-inline:clamp(20px,3vw,56px);overflow-x:auto;scrollbar-width:none}
.site-nav::-webkit-scrollbar{display:none}
.nav-links{display:contents}
.site-nav a{font-size:10px}
.social-links{margin-left:0;gap:15px}
.hero-stage{height:min(86svh,880px);min-height:560px;max-height:none}
.hero-portrait{width:min(42vw,calc(86svh - 112px),670px);right:clamp(30px,5.2vw,100px);top:49%;transform:translateY(-50%);aspect-ratio:1/1}
.hero-display{left:clamp(26px,3.6vw,72px);top:55%;transform:translateY(-50%) scaleX(.90);transform-origin:left center;letter-spacing:-.09em;filter:none}
.hero-display .hero-al{font-size:clamp(128px,15.5vw,290px);line-height:.76}
.hero-display .hero-pagoda{font-size:clamp(128px,14.35vw,292px);line-height:.8;margin-top:.05em}
.hero-display span{text-shadow:0 1px 1px rgba(0,0,0,.15), 0 0 11px rgba(0,0,0,.16)}
#live{padding-top:clamp(38px,4.5vw,65px)}
.section{padding-top:clamp(58px,6.1vw,96px)}
.section-title{margin-bottom:clamp(24px,3vw,42px)}
.live-subtitle{font:11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:400;margin:0 0 14px}
.live-past{margin-top:38px}
.live-empty{margin:0;padding:21px 0 17px;font:13px/1.4 var(--sans);color:var(--muted);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.event-row{padding:20px 0}
.journal-track{grid-auto-columns:32%;gap:18px}
.journal-image{aspect-ratio:1/1}
.journal-caption{min-height:56px}
.journal-caption p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;white-space:normal;max-width:75%;font-size:clamp(15px,1.35vw,19px)}
.journal-card{min-width:0}
.journal-card a:hover .journal-image img{opacity:.93}
.journal-image img{transition:opacity .2s ease}
.journal-media-mark{position:absolute;right:14px;top:14px;font:11px/1 var(--mono);color:white;background:rgba(0,0,0,.4);padding:9px 10px;letter-spacing:.06em}
.journal-image{position:relative}
.journal-pending{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:30px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.journal-pending p{margin:0;font-size:clamp(18px,2vw,28px);letter-spacing:-.04em}
.journal-pending a{font:11px/1.4 var(--mono);letter-spacing:.02em;white-space:nowrap;border-bottom:1px solid var(--rule);padding-bottom:5px}
.contact{padding:clamp(62px,7vw,100px) 0}
@media(min-width:761px) and (max-width:1100px){
 .hero-portrait{width:min(42vw,calc(86svh - 112px));right:4vw}
 .hero-display .hero-al{font-size:15.5vw}
 .hero-display .hero-pagoda{font-size:14.35vw}
}
@media(max-width:760px){
 .site-nav{height:54px;padding-inline:18px;gap:12px}
 .site-nav a{font-size:9px}
 .social-links{margin-left:0;gap:12px}
 .hero-stage{height:80svh;min-height:530px;max-height:740px}
 .hero-portrait{width:min(62vw,calc(80svh - 120px));right:5vw;top:43%;left:auto;transform:translateY(-50%)}
 .hero-display{left:4vw;top:58%;bottom:auto;transform:translateY(-50%) scaleX(.91)}
 .hero-display .hero-al{font-size:18vw}
 .hero-display .hero-pagoda{font-size:16vw}
 .journal-track{grid-auto-columns:48%}
 .section{padding-top:60px}
 #live{padding-top:35px}
}
@media(max-width:520px){
 .site-nav{height:52px;padding-inline:14px;gap:10px}
 .site-nav a{font-size:8.5px}
 .social-links{gap:10px;margin-left:0}
 .social-links svg{width:15px;height:15px}
 .hero-stage{height:73svh;min-height:500px;max-height:650px}
 .hero-portrait{width:min(79vw,350px);top:39%;left:auto;right:4vw;transform:translateY(-50%)}
 .hero-display{left:4vw;top:71%;bottom:auto;transform:translateY(-50%) scaleX(.91)}
 .hero-display .hero-al{font-size:clamp(98px,29vw,142px);line-height:.75}
 .hero-display .hero-pagoda{font-size:clamp(72px,20.6vw,106px);line-height:.8;margin-top:.03em}
 #live{padding-top:27px}
 .section{padding-top:54px}
 .section-title{margin-bottom:24px}
 .live-past{margin-top:26px}
 .journal-track{grid-auto-columns:84%;gap:13px}
 .journal-pending{display:block;padding:24px 0}
 .journal-pending p{margin-bottom:17px}
 .contact{padding:57px 0 65px}
}
@media(max-width:370px){.site-nav{gap:9px}.site-nav a{font-size:8px}.social-links{gap:8px}.hero-display .hero-pagoda{font-size:20.3vw}}

/* V9: quiet first navigation, complete expandable live archive, and a little more portrait. */
.live-expand{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0 0}
.live-toggle{appearance:none;border:0;background:transparent;padding:8px 0;cursor:pointer;color:var(--white);font:12px/1.3 var(--mono);letter-spacing:.01em;transition:color .18s ease}
.live-toggle:hover,.live-toggle:focus-visible{color:var(--green)}
.live-toggle span{margin-left:10px}
.live-count{font:10px/1.3 var(--mono);color:var(--muted);letter-spacing:.04em}
@media(min-width:761px){.hero-portrait{width:min(45vw,calc(86svh - 90px),720px);right:clamp(28px,4.3vw,84px);top:50%}}
@media(min-width:521px) and (max-width:760px){.hero-portrait{width:min(65vw,calc(80svh - 110px));right:4vw}}
@media(max-width:520px){.hero-portrait{width:min(82vw,370px);right:4vw}}
@media(max-width:760px){.live-expand{padding-top:18px}.live-toggle{font-size:11px}.live-count{font-size:9px}}

/* V10: clear year-by-year concert archive; dates remain informational, not links. */
.live-year-group + .live-year-group{margin-top:clamp(28px,4.3vw,64px)}
.live-year-heading{font:900 clamp(44px,5.6vw,82px)/.9 var(--display);letter-spacing:-.085em;margin:21px 0 18px;color:var(--white)}
.live-group .live-year-group:first-child .live-year-heading{margin-top:18px}
.live-past{margin-top:clamp(36px,4.6vw,66px)}
.event-row{align-items:start}
.event-date,.event-place{padding-top:clamp(6px,.7vw,10px)}
.event-identity{min-width:0}
.event-note{margin:8px 0 0;color:var(--muted);font:11px/1.5 var(--mono);letter-spacing:.005em;text-transform:none}
.event-row--linked:hover .event-name{color:var(--white)}
@media(max-width:760px){.live-year-heading{font-size:clamp(42px,7vw,62px);margin:19px 0 14px}.event-note{font-size:10px}}
@media(max-width:520px){.live-year-heading{font-size:48px}.event-row{row-gap:5px}.event-date{padding-top:8px}.event-place{grid-column:2;grid-row:auto;padding-top:0}.event-note{margin-top:6px;line-height:1.45}}

/* V11: compact, even-height Live rows; one year heading per calendar year. */
.live-year-group + .live-year-group{margin-top:clamp(14px,1.8vw,25px)}
.live-year-heading{font:900 clamp(30px,3.5vw,48px)/.95 var(--display);letter-spacing:-.07em;margin:12px 0 10px;color:var(--white)}
.live-group .live-year-group:first-child .live-year-heading{margin-top:10px}
.live-past{margin-top:clamp(24px,2.8vw,36px)}
.live-year-group--continued{margin-top:0}
.event-row{box-sizing:border-box;height:76px;min-height:76px;align-items:center;padding:0;grid-template-columns:minmax(100px,.25fr) minmax(0,1fr) minmax(145px,.44fr)}
.event-date,.event-place{padding-top:0}
.event-identity{min-width:0}
.event-name{font-size:clamp(23px,2.4vw,34px);line-height:1.12;overflow-wrap:normal}
.event-note{display:inline;margin:0 0 0 clamp(7px,1.1vw,14px);color:var(--muted);font:10px/1.45 var(--mono);letter-spacing:.005em;text-transform:none;vertical-align:baseline}
.event-row--linked:hover .event-name{color:var(--white)}
@media(max-width:760px){
 .live-year-heading{font-size:clamp(30px,4.7vw,39px);margin:10px 0 9px}
 .live-year-group + .live-year-group{margin-top:17px}
 .event-row{height:82px;min-height:82px;grid-template-columns:85px minmax(0,1fr) minmax(105px,.4fr)}
 .event-name{font-size:clamp(20px,3.3vw,26px)}
 .event-note{font-size:9px}
}
@media(max-width:520px){
 .live-year-heading{font-size:34px;margin:10px 0 9px}
 .live-year-group + .live-year-group{margin-top:14px}
 .live-past{margin-top:24px}
 .event-row{height:99px;min-height:99px;grid-template-columns:74px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:0 13px;padding:9px 0 10px;align-items:center}
 .event-date{grid-column:1;grid-row:1 / 3;align-self:center;padding-top:0}
 .event-identity{grid-column:2;grid-row:1;align-self:end}
 .event-place{grid-column:2;grid-row:2;justify-self:start;text-align:left;align-self:start;margin-top:6px;padding-top:0}
 .event-name{font-size:clamp(20px,5.7vw,25px);line-height:1.12}
 .event-note{font-size:9px;line-height:1.3;margin-left:6px}
}
@media(max-width:360px){
 .event-row{height:116px;min-height:116px;grid-template-columns:65px minmax(0,1fr);column-gap:11px}
 .event-name{font-size:19px}
 .event-note{font-size:8.5px}
}

/* V12 — cities share the visual weight of the venue; the row ties them together.
   At narrower widths, both use the same size and remain aligned in one row. */
@media (min-width: 761px){
  .event-row{grid-template-columns:minmax(100px,.23fr) minmax(0,.88fr) minmax(300px,.72fr);column-gap:clamp(12px,1.4vw,24px)}
  .event-place{justify-self:start;text-align:left;white-space:normal}
  .event-name,.event-place{font-family:var(--sans);font-size:clamp(22px,2.4vw,34px);font-weight:400;line-height:1.12;letter-spacing:-.055em;text-transform:none}
  .event-place{color:var(--white);opacity:.82}
}
@media (min-width: 521px) and (max-width: 760px){
  .event-row{grid-template-columns:85px minmax(0,.96fr) minmax(195px,.72fr);column-gap:13px;height:92px;min-height:92px}
  .event-name,.event-place{font-family:var(--sans);font-size:clamp(19px,2.9vw,24px);font-weight:400;line-height:1.12;letter-spacing:-.055em;text-transform:none}
  .event-place{justify-self:start;text-align:left;color:var(--white);opacity:.82}
}
@media (max-width:520px){
  .event-row{height:122px;min-height:122px;grid-template-columns:74px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:0 13px;padding:10px 0 12px}
  .event-identity{align-self:end}
  .event-name,.event-place{font-family:var(--sans);font-size:clamp(18px,5.25vw,22px);font-weight:400;line-height:1.14;letter-spacing:-.055em;text-transform:none}
  .event-place{color:var(--white);opacity:.82;margin-top:8px;align-self:start;white-space:normal}
  .event-note{font-size:9px;letter-spacing:0}
}
@media (max-width:360px){
  .event-row{height:145px;min-height:145px;grid-template-columns:65px minmax(0,1fr);column-gap:11px}
  .event-name,.event-place{font-size:18px}
}

/* V14: section anchors land with their headings at the top of the viewport. */
.section{scroll-margin-top:calc(16px - clamp(58px,6.1vw,96px))}
#live{scroll-margin-top:calc(16px - clamp(38px,4.5vw,65px))}
#contact{scroll-margin-top:calc(16px - clamp(62px,7vw,100px))}
@media(max-width:760px){
  .section{scroll-margin-top:calc(14px - 60px)}
  #live{scroll-margin-top:calc(14px - 35px)}
}
@media(max-width:520px){
  .section{scroll-margin-top:calc(12px - 54px)}
  #live{scroll-margin-top:calc(12px - 27px)}
  #contact{scroll-margin-top:calc(12px - 57px)}
}
/* V15: a true downward accordion. The rows are never faded in: the
   container's measured height opens and closes, clipping rows naturally. */
.archive-reveal{height:0;overflow:hidden;transition:height 780ms cubic-bezier(.22,.78,.24,1)}
.archive-reveal-inner{display:flow-root;min-height:0}
.archive-reveal-inner>.live-year-group:first-child{margin-top:clamp(14px,1.8vw,25px)}
.live-toggle:disabled{cursor:default;opacity:.8}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .archive-reveal{transition:none}
}
/* Smaller, quieter contact treatment. */
.contact a{font-size:clamp(21px,2.35vw,36px);letter-spacing:-.045em}
@media(max-width:520px){.contact a{font-size:clamp(19px,4.5vw,24px)}}

/* V16: Journal restored; compact five-link navigation, no duplicate contact destination. */
@media (max-width:760px){
  .site-nav{gap:clamp(7px,1.5vw,12px)}
  .nav-links{gap:clamp(10px,2vw,18px)}
}
@media (max-width:520px){
  .site-nav{padding-inline:12px;gap:7px}
  .site-nav a{font-size:8.5px}
  .nav-links{gap:11px}
  .social-links{margin-left:8px;gap:8px}
}
@media (max-width:370px){
  .site-nav{padding-inline:9px;gap:5px}
  .site-nav a{font-size:8px}
  .nav-links{gap:8px}
  .social-links{margin-left:6px;gap:7px}
}

/* V17: Compacta Std Bold rendered as responsive vector lettering.
   No font file is embedded or redistributed. */
.hero-display{
  left:clamp(22px,3.5vw,64px);
  top:54%;
  transform:translateY(-50%);
  translate:0 var(--hero-parallax,0px);
  transform-origin:left center;
  letter-spacing:normal;
  width:min(65vw,1120px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  will-change:translate;
}
.hero-display .hero-al,.hero-display .hero-pagoda{
  display:block;line-height:1;font-size:initial;letter-spacing:normal;margin:0;
}
.hero-display .hero-al{width:clamp(170px,18.8vw,320px)}
.hero-display .hero-pagoda{width:min(61vw,1030px);margin-top:clamp(10px,1.2vw,18px)}
.type-art{display:block;width:100%;height:auto;overflow:visible;fill:currentColor}
.hero-display .type-art{
  filter:drop-shadow(0 0 4px rgba(250,251,239,.27)) drop-shadow(0 0 21px rgba(242,245,228,.12));
}
.section-title{line-height:1;letter-spacing:normal}
.section-title .type-art{height:clamp(65px,7vw,104px);width:auto;max-width:100%}
.live-year-heading{line-height:1;letter-spacing:normal}
.live-year-heading .type-art{height:clamp(31px,3.4vw,46px);width:auto}
.feature-heading{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(5px,.8vw,12px);line-height:1;letter-spacing:normal}
.feature-heading .type-art{height:clamp(78px,7.8vw,116px);width:auto;max-width:100%}
.journal-track{
  display:flex;
  grid-auto-flow:unset;
  grid-auto-columns:unset;
  align-items:flex-start;
  gap:clamp(14px,1.55vw,24px);
  scroll-padding-inline:0;
}
.journal-card{flex:0 0 auto;width:max-content;max-width:none;min-width:0}
.journal-card>a{display:block;width:max-content;max-width:none}
.journal-image{
  display:block;
  width:max-content;
  height:clamp(250px,27vw,400px);
  aspect-ratio:auto;
  overflow:visible;
  background:transparent;
}
.journal-image img{
  display:block;
  width:auto!important;
  height:100%!important;
  max-width:none;
  object-fit:contain!important;
  object-position:center;
}
.journal-caption{width:100%;max-width:100%}
@media (max-width:760px){
  .hero-display{left:4vw;top:58%;transform:translateY(-50%);width:91vw}
  .hero-display .hero-al{width:clamp(138px,22vw,205px)}
  .hero-display .hero-pagoda{width:78vw;margin-top:10px}
  .section-title .type-art{height:clamp(57px,9vw,80px)}
  .feature-heading .type-art{height:clamp(73px,10vw,100px)}
  .journal-image{height:clamp(200px,31vw,250px)}
}
@media (max-width:520px){
  .hero-display{left:4vw;top:68%;bottom:auto;transform:translateY(-50%);width:92vw}
  .hero-display .hero-al{width:clamp(117px,35vw,176px)}
  .hero-display .hero-pagoda{width:91vw;margin-top:8px}
  .section-title .type-art{height:clamp(53px,13.2vw,68px)}
  .feature-heading .type-art{height:clamp(72px,18vw,95px)}
  .journal-image{height:45vw}
}
@media (prefers-reduced-motion:reduce){
  .hero-display{translate:0 0!important;will-change:auto}
  .hero-display .type-art{filter:none}
}

/* Music collaboration credits use the same quiet typographic hierarchy as live notes. */
.release-name .release-note{font:11px/1.5 var(--mono);letter-spacing:.005em;color:var(--muted);vertical-align:baseline;white-space:normal;text-transform:none}
@media(max-width:520px){.release-name .release-note{font-size:10px}}

/* V19 — Refined visual balance; retains the exact original Compacta outlines. */
@media (min-width:761px){
  .hero-display{left:clamp(48px,9vw,170px);top:54%;}
  .hero-portrait{right:clamp(78px,10.2vw,195px);}
}
@media (min-width:521px) and (max-width:760px){
  .hero-display{left:5.5vw;}
  .hero-portrait{right:7vw;}
}
@media (max-width:520px){
  .hero-display{left:5vw;}
  .hero-portrait{right:8vw;}
}
/* New display type was taller than the former font. Return to the earlier
   editorial hierarchy without losing the character of Compacta. */
.section-title .type-art{height:clamp(42px,4.2vw,64px);width:auto;max-width:100%}
.feature-heading .type-art{height:clamp(52px,5vw,74px);width:auto;max-width:100%}
.section-title{margin-bottom:clamp(22px,2.7vw,34px)}
@media (max-width:760px){
  .section-title .type-art{height:clamp(39px,6.2vw,54px)}
  .feature-heading .type-art{height:clamp(48px,8vw,66px)}
}
@media (max-width:520px){
  .section-title .type-art{height:clamp(37px,10vw,46px)}
  .feature-heading .type-art{height:clamp(46px,13vw,60px)}
}
/* The Journal is a filmstrip: fixed height, uncropped original aspect ratio. */
.journal-track{display:flex;align-items:flex-start;gap:clamp(12px,1.55vw,24px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.journal-card{flex:0 0 auto;width:max-content;min-width:0;scroll-snap-align:start}
.journal-video-frame{display:block;position:relative;margin:0;height:clamp(240px,27vw,380px);width:auto;aspect-ratio:4096/2160;overflow:hidden;background:#141613}
.journal-video-frame video{display:block;width:100%;height:100%;object-fit:contain;object-position:center;cursor:pointer;filter:none!important;mix-blend-mode:normal!important;background:#141613}
.journal-video-frame video:focus-visible{outline:2px solid var(--green);outline-offset:-3px}
.journal-caption{margin-top:11px;display:flex;align-items:center;justify-content:flex-start;min-height:16px}
.journal-caption .journal-index{font:10px/1.5 var(--mono);letter-spacing:.08em;color:var(--muted)}
@media (max-width:760px){.journal-video-frame{height:clamp(190px,36vw,270px)}}
@media (max-width:520px){.journal-video-frame{height:clamp(155px,47vw,210px)}}

/* V20 — the title and portrait share a little more air; the portrait ends
   clearly above the PAGODA baseline. Parallax and the original square crop remain. */
@media (min-width:761px){
  .hero-display{left:clamp(40px,7.2vw,140px)}
  .hero-portrait{right:clamp(55px,7.8vw,160px);top:42.5%}
}
@media (min-width:521px) and (max-width:760px){
  .hero-display{left:4.7vw}
  .hero-portrait{right:5.6vw;top:38%}
}
@media (max-width:520px){
  .hero-display{left:4.4vw}
  .hero-portrait{right:6vw;top:35%}
}
/* One restrained editorial note for the entire moving-image series. */
.journal-intro{font:clamp(13px,1.18vw,16px)/1.5 var(--sans);letter-spacing:-.012em;
  color:var(--fg);max-width:780px;margin:0 0 clamp(20px,2.6vw,35px)}
@media(max-width:520px){.journal-intro{font-size:13px;line-height:1.55;margin-bottom:18px}}

/* V21 — cinematic wide title and a smaller, higher square photograph. */
@media(min-width:761px){
  .hero-display{left:clamp(26px,3.6vw,72px);top:55%}
  .hero-portrait{width:min(41.5vw,calc(86svh - 138px),670px);right:clamp(30px,4.3vw,84px);top:45.5%}
}
@media(min-width:521px) and (max-width:760px){
  .hero-display{left:4vw;top:58%}
  .hero-portrait{width:min(61vw,calc(80svh - 140px));right:4.5vw;top:39.5%}
}
@media(max-width:520px){
  .hero-display{left:4vw;top:68%}
  .hero-portrait{width:min(77vw,345px);right:5vw;top:36%}
}
.hero-display .type-art{
  filter:drop-shadow(0 0 6px rgba(248,250,236,.34))
         drop-shadow(0 0 26px rgba(242,246,228,.18))
         drop-shadow(0 0 56px rgba(245,245,228,.085));
}
/* No incorrect album artwork: a restrained typographic placeholder until the
   actual Vantage Point artwork is supplied. */
.vantage-art{position:relative;isolation:isolate;background:#0d3029;overflow:hidden}
.vantage-art::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse at 70% 20%,rgba(31,94,73,.22),transparent 58%),
             linear-gradient(155deg,#153e31 0%,#071a17 65%,#061411 100%)}
.vantage-cover-img{position:absolute;inset:0;z-index:2;opacity:0;transition:opacity .3s ease}
.vantage-art.has-cover .vantage-cover-img{opacity:1}
.vantage-art.has-cover .vantage-placeholder{display:none}
.vantage-placeholder{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;
  justify-content:space-between;padding:clamp(20px,3vw,42px);pointer-events:none}
.vantage-placeholder .cover-eyebrow{font:10px/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#b2c7b8}
.vantage-placeholder .cover-title{font:900 clamp(38px,6.3vw,92px)/.82 var(--display);
  letter-spacing:-.085em;text-transform:uppercase;color:#edf1e9;overflow-wrap:anywhere}
.vantage-player{display:none;margin-top:clamp(23px,2.7vw,38px);max-width:480px}
.vantage-player.is-ready{display:block}
.vantage-player-label{display:block;margin-bottom:8px;color:var(--muted);font:10px/1.5 var(--mono);
  letter-spacing:.06em;text-transform:uppercase}
.vantage-audio{display:block;width:100%;height:42px;accent-color:var(--green)}
.latest-page + .site-footer{margin-top:clamp(75px,8vw,140px)}
@media(max-width:520px){.vantage-placeholder .cover-title{font-size:clamp(42px,14vw,76px)}}
/* Slightly closer pairing of the two editorial sections. */
#latest{padding-top:clamp(64px,6.4vw,96px)}
#journal{padding-top:clamp(60px,6.1vw,94px)}
@media(max-width:520px){#latest,#journal{padding-top:54px}}
@media(prefers-reduced-motion:reduce){.hero-display .type-art{filter:none}.vantage-cover-img{transition:none}}

/* V22 — return the hero geometry precisely to V18, with a quieter halo. */
@media(min-width:761px){
 .hero-display{left:clamp(22px,3.5vw,64px);top:54%}
 .hero-portrait{width:min(45vw,calc(86svh - 90px),720px);right:clamp(28px,4.3vw,84px);top:50%}
}
@media(min-width:521px) and (max-width:760px){
 .hero-display{left:4vw;top:58%}
 .hero-portrait{width:min(65vw,calc(80svh - 110px));right:4vw;top:50%}
}
@media(max-width:520px){
 .hero-display{left:4vw;top:68%}
 .hero-portrait{width:min(82vw,370px);right:4vw;top:50%}
}
.hero-display .type-art{filter:drop-shadow(0 0 3px rgba(250,251,239,.20)) drop-shadow(0 0 17px rgba(242,245,228,.085))}
/* The original artwork is square; the supplied moving version is center-cropped to
   a matching square. No color processing is applied in CSS. */
.vantage-art{position:relative;aspect-ratio:1/1;isolation:isolate;background:#031a12;overflow:hidden}
.vantage-art::before{display:none}
.vantage-motion{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none!important;mix-blend-mode:normal!important}
/* Quiet, custom editorial player: no browser-specific control chrome. */
.vantage-player,.vantage-player.is-ready{display:block;margin-top:clamp(24px,3vw,40px);max-width:560px}
.vantage-player-label{display:block;font:10px/1.5 var(--mono);letter-spacing:.085em;color:var(--muted);text-transform:uppercase;margin-bottom:10px}
.vantage-audio{display:none}
.vp-controls{display:flex;align-items:center;gap:clamp(13px,1.5vw,22px);padding:0 0 17px;border-bottom:1px solid rgba(244,245,235,.24)}
.vp-toggle{border:0;outline-offset:4px;background:none;color:var(--white);padding:8px 0;min-width:58px;display:flex;gap:9px;align-items:center;justify-content:flex-start;cursor:pointer;font:11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.02em;transition:color .2s ease}
.vp-toggle:hover,.vp-toggle:focus-visible{color:var(--green)}
.vp-symbol{display:block;width:13px;flex:0 0 13px;font-size:13px;line-height:1}
.vp-scrub{--vp-progress:0%;appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:16px;margin:0;border:0;border-radius:0;outline-offset:3px;cursor:pointer;background:linear-gradient(to right,var(--white) 0 var(--vp-progress),rgba(244,245,235,.25) var(--vp-progress) 100%) center / 100% 2px no-repeat}
.vp-scrub::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;background:var(--white);border:0;border-radius:50%;transition:transform .15s}
.vp-scrub::-moz-range-thumb{width:8px;height:8px;background:var(--white);border:0;border-radius:50%}
.vp-scrub:hover::-webkit-slider-thumb{transform:scale(1.5)}
.vp-time{font:10px/1.4 var(--mono);color:var(--muted);white-space:nowrap;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.vp-credits{margin-top:clamp(18px,2.3vw,28px);font:clamp(11px,.92vw,13px)/1.8 var(--sans);color:var(--muted);letter-spacing:.005em}
.vp-credits p{margin:0}
@media(max-width:520px){.vp-controls{gap:10px}.vp-toggle{min-width:52px}.vp-time{font-size:9px}.vp-credits{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-display .type-art{filter:none}}
.event-row[hidden]{display:grid!important}.live-year-group[hidden]{display:block!important}.live-expand{display:none!important}
/* V13 — one quiet 2026 block, earlier years only after See more. */
@media(min-width:1101px){
  .event-row{grid-template-columns:minmax(100px,.23fr) minmax(0,1.06fr) minmax(240px,.54fr)}
}
@media(min-width:761px) and (max-width:1100px){
  .event-row{grid-template-columns:minmax(95px,.23fr) minmax(0,1.02fr) minmax(220px,.58fr)}
}
@media(min-width:521px) and (max-width:760px){
  .event-row{grid-template-columns:85px minmax(0,1.10fr) minmax(160px,.62fr)}
}
.contact a{font-size:clamp(23px,3.05vw,44px)}
@media(max-width:520px){.contact a{font-size:clamp(20px,5.2vw,28px)}}

/* V23 — a restrained cinematic light bloom throughout the typographic system. */
body{ text-shadow:0 0 4px rgba(241,244,235,.19),0 0 14px rgba(241,244,235,.065) }
/* SVG display typography is vector-outlined, so it needs its own soft halo. */
.type-art{filter:drop-shadow(0 0 2px rgba(246,248,239,.27)) drop-shadow(0 0 9px rgba(246,248,239,.09))}
.hero-display .type-art{filter:drop-shadow(0 0 3px rgba(250,251,243,.36)) drop-shadow(0 0 16px rgba(250,251,243,.18)) drop-shadow(0 0 31px rgba(250,251,243,.065))}
/* The green light follows actual green interactive states. */
a:hover,a:focus-visible,.site-nav a:hover,.site-nav a:focus-visible,
.live-toggle:hover,.live-toggle:focus-visible,.vp-toggle:hover,.vp-toggle:focus-visible,
.release-row:hover .release-name,.release-row:hover .release-type,
.release-row:focus-visible .release-name,.release-row:focus-visible .release-type,
.site-footer a:hover,.latest-link:hover,
.event-row--linked:hover .event-name{ text-shadow:0 0 5px rgba(0,155,103,.57),0 0 16px rgba(0,155,103,.28) }
.social-links svg,.journal-controls svg{filter:drop-shadow(0 0 2px rgba(241,244,235,.32))}
.social-links a:hover svg,.social-links a:focus-visible svg{filter:drop-shadow(0 0 3px rgba(0,155,103,.65)) drop-shadow(0 0 8px rgba(0,155,103,.25))}
.journal-controls button{ text-shadow:0 0 4px rgba(241,244,235,.23);box-shadow:0 0 4px rgba(241,244,235,.08)}
.journal-controls button:hover{ text-shadow:0 0 5px rgba(0,155,103,.5);box-shadow:0 0 5px rgba(0,155,103,.25)}
/* Hairlines are lit rather than thickened; no additional separator lines. */
.event-row,.release-row,.vp-controls{box-shadow:0 1px 4px rgba(240,243,232,.085)}
/* Latest headline: one continuous, legible line on every screen. */
.feature-heading{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:clamp(9px,1.1vw,17px)!important;white-space:nowrap;max-width:100%}
.feature-heading>span{display:block;flex:0 0 auto;min-width:0}
.feature-heading .type-art{display:block;height:clamp(47px,4.8vw,71px)!important;width:auto!important;max-width:none!important}
@media(max-width:760px){.feature-heading{gap:clamp(7px,1.8vw,13px)!important}.feature-heading .type-art{height:clamp(40px,8.1vw,61px)!important}}
@media(max-width:520px){.feature-heading .type-art{height:clamp(34px,9.5vw,45px)!important}}
/* The animated artwork and Journal clips pause on click without suggesting navigation. */
.vantage-motion,.vantage-art,.journal-video-frame,.journal-video-frame video,.journal-clip{cursor:default!important}
.vantage-motion:focus-visible{outline:1px solid var(--green);outline-offset:-3px}
/* Audio: actual green waveform with a grey-green unplayed envelope. */
.vp-wave{position:relative;flex:1;min-width:0;height:44px;--vp-progress:0%;}
.vp-waveform{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:block}
.vp-waveform-base{fill:rgba(197,214,201,.42);filter:drop-shadow(0 0 1px rgba(238,242,234,.15))}
.vp-waveform-active{fill:var(--green);clip-path:inset(0 calc(100% - var(--vp-progress)) 0 0);filter:drop-shadow(0 0 2px rgba(0,153,103,.5))}
.vp-wave .vp-scrub{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2;background:none!important;touch-action:pan-y}
.vp-wave .vp-scrub:focus-visible{outline:1px solid var(--green);outline-offset:1px;opacity:.01}
.vp-controls{align-items:center;gap:clamp(12px,1.6vw,22px);padding-bottom:12px}
.vp-toggle{flex-shrink:0}
.vp-time{flex-shrink:0}
/* Credits are supporting metadata, not a second paragraph of body copy. */
.vp-credits{font:10px/1.75 var(--mono)!important;letter-spacing:.012em;color:var(--muted);margin-top:clamp(16px,2vw,24px)}
.vp-credits p{font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important;color:inherit!important;max-width:none!important;margin:0!important}
@media(max-width:520px){.vp-credits{font-size:9px!important}.vp-wave{height:34px}.vp-controls{gap:10px}}
@media(prefers-reduced-motion:reduce){.type-art,.hero-display .type-art{filter:none!important}}

/* V24 — luminous type, not luminous containers. */
/* Keep the white rules crisp: the previous row shadow lit the vertical edges. */
.event-row,.release-row,.vp-controls{box-shadow:none!important}
.event-row,.release-row{position:relative}
.event-row::after,.release-row::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:rgba(244,245,235,.08);box-shadow:0 0 3px rgba(244,245,235,.14);
  pointer-events:none;
}
/* Secondary text is smaller, so it receives a touch more light. */
.site-nav a,.eyebrow,.event-date,.event-note,.release-year,.release-type,
.release-note,.live-subtitle,.journal-caption time,.site-footer,
.about-copy .studio-note,.vp-credits,.journal-intro{
  text-shadow:0 0 3px rgba(246,248,238,.37),0 0 9px rgba(246,248,238,.14);
}
/* Live dates are informational: no green hover halo on non-links. */
.event-row--linked:hover .event-name{
  text-shadow:0 0 4px rgba(241,244,235,.19),0 0 14px rgba(241,244,235,.065)!important;
}
.release-row:hover .release-type{
  text-shadow:0 0 3px rgba(246,248,238,.37),0 0 9px rgba(246,248,238,.14)!important;
}
/* Keep the player matte black and its waveform sharply defined. */
.vantage-player,.vantage-player *,
.vantage-player .vp-toggle:hover,.vantage-player .vp-toggle:focus-visible{
  text-shadow:none!important;box-shadow:none!important;
}
.vp-waveform-base,.vp-waveform-active{filter:none!important}
.vp-controls{border-bottom:1px solid rgba(244,245,235,.24)}
/* The years read as quiet wayfinding, not competing section headings. */
.live-year-heading .type-art{height:clamp(23px,2.3vw,32px)!important}
.live-year-heading{margin-top:11px;margin-bottom:9px}
@media(max-width:520px){
 .live-year-heading .type-art{height:23px!important}
 .live-year-heading{margin-top:9px;margin-bottom:8px}
}


/* V32 — restrained interactive states. Green stays crisp, never luminous. */
#live .event-row--linked .event-name::after{content:none!important;display:none!important}
a:hover,a:focus-visible,button:hover,button:focus-visible,
a:hover *,a:focus-visible *,button:hover *,button:focus-visible *,
.event-row--linked:hover .event-name,.event-row--linked:focus-visible .event-name,
.release-row:hover .release-name,.release-row:hover .release-type,
.release-row:focus-visible .release-name,.release-row:focus-visible .release-type,
#live .event-row--linked:hover .event-name,
#live .event-row--linked:focus-visible .event-name{
  text-shadow:none!important;
}
.social-links a:hover svg,.social-links a:focus-visible svg{
  filter:none!important;
}
/* Waveform hover previews a seek destination in a softer green. */
.vp-waveform-preview{
  fill:#76cfa5;
  opacity:0;
  clip-path:inset(0 calc(100% - var(--vp-preview-end,0%)) 0 var(--vp-preview-start,0%));
  pointer-events:none;
  filter:none!important;
  transition:opacity .12s ease;
}
.vp-wave.is-previewing .vp-waveform-preview{opacity:1}
.vp-wave::after{
  content:"";position:absolute;top:2px;bottom:2px;
  left:var(--vp-hover,0%);width:1px;
  background:rgba(172,233,196,.75);
  transform:translateX(-.5px);opacity:0;
  pointer-events:none;z-index:1;
  transition:opacity .12s ease;
}
.vp-wave.is-previewing::after{opacity:1}
@media(hover:none){.vp-wave.is-previewing .vp-waveform-preview,.vp-wave.is-previewing::after{opacity:0}}
@media(prefers-reduced-motion:reduce){.vp-waveform-preview,.vp-wave::after{transition:none}}


/* V33 — consistent whole-row green hover and restrained green bloom. */
/* Date, venue, city and supporting notes behave as one visual unit. */
#live .event-row :is(.event-date,.event-name,.event-note,.event-place),
#music .release-row :is(.release-year,.release-name,.release-note,.release-type){
  transition:color .2s ease,text-shadow .2s ease;
}
#live a.event-row--linked:is(:hover,:focus-visible),
#live a.event-row--linked:is(:hover,:focus-visible) :is(.event-date,.event-name,.event-note,.event-place),
#music .release-row:is(:hover,:focus-visible),
#music .release-row:is(:hover,:focus-visible) :is(.release-year,.release-name,.release-note,.release-type){
  color:var(--green)!important;
  text-shadow:0 0 3px rgba(0,147,94,.29),0 0 9px rgba(0,147,94,.11)!important;
}
/* Green interactive typography is gently luminous; white text retains its original halo. */
.site-nav a:is(:hover,:focus-visible),
.social-links a:is(:hover,:focus-visible),
.latest-link:is(:hover,:focus-visible),
.site-footer a:is(:hover,:focus-visible),
.contact a:is(:hover,:focus-visible),
#about .about-copy a:is(:hover,:focus-visible),
.live-toggle:is(:hover,:focus-visible),
.vp-toggle:is(:hover,:focus-visible),
.update-cta:is(:hover,:focus-visible),
.epk-press-item figcaption a:is(:hover,:focus-visible),
.journal-card>a:is(:hover,:focus-visible) .journal-caption p{
  text-shadow:0 0 3px rgba(0,147,94,.29),0 0 9px rgba(0,147,94,.11)!important;
}
.social-links a:is(:hover,:focus-visible) svg{
  filter:drop-shadow(0 0 2px rgba(0,147,94,.27))!important;
}
/* Keep the player surface matte; illuminate only the green waveform itself. */
.vp-waveform-active{
  filter:drop-shadow(0 0 2px rgba(0,137,86,.26))!important;
}
.vp-waveform-preview{
  fill:#3ba978!important;
  filter:drop-shadow(0 0 2px rgba(0,137,86,.16))!important;
}
.vp-wave::after{background:rgba(67,175,124,.72)!important;}
/* No extra arrows or new animations. */
#live .event-row--linked .event-name::after{content:none!important;display:none!important;}
@media(prefers-reduced-motion:reduce){
 #live .event-row :is(.event-date,.event-name,.event-note,.event-place),
 #music .release-row :is(.release-year,.release-name,.release-note,.release-type){transition:none!important;}
}


/* V34 — the Journal arrow hover eases in and out like the linked rows. */
.journal-controls button{
  transition:color .2s ease,background-color .2s ease,border-color .2s ease,
             box-shadow .2s ease,text-shadow .2s ease,opacity .2s ease;
}
.journal-controls button:is(:hover,:focus-visible){
  border-color:var(--green);background-color:var(--green);color:#fff;
}
@media(prefers-reduced-motion:reduce){.journal-controls button{transition:none!important}}

/* SOURCE: assets/index.css */
/* V26: stable cinematic glow; no animated bloom, grain, or flicker. */
.live-year-heading .type-art{height:clamp(19px,1.95vw,26px)!important}
.live-year-heading{margin-top:9px!important;margin-bottom:7px!important}
.live-year-group + .live-year-group{margin-top:clamp(10px,1.5vw,20px)!important}
@media(max-width:520px){
 .live-year-heading .type-art{height:20px!important}
 .live-year-heading{margin-top:8px!important;margin-bottom:6px!important}
}
.hero-display .type-art,.section-title .type-art,.feature-heading .type-art,
.updates-title .type-art,.epk-display .type-art,.update-plain-title .type-art{
 animation:none!important;
}
.hero-display::after,.section-title::after,.feature-heading::after,
.updates-title::after,.epk-display::after{
 animation:none!important;opacity:0!important;content:none!important;
}
/* Preserve the earlier subtle white halo without creating glowing boxes. */
.hero-display .type-art,.epk-display .type-art{
 filter:drop-shadow(0 0 3px rgba(250,251,243,.36)) drop-shadow(0 0 16px rgba(250,251,243,.18)) drop-shadow(0 0 31px rgba(250,251,243,.065))!important;
}
.section-title .type-art,.feature-heading .type-art,.updates-title .type-art,
.update-plain-title .type-art{
 filter:drop-shadow(0 0 2px rgba(246,248,239,.27)) drop-shadow(0 0 9px rgba(246,248,239,.09))!important;
}
.event-row,.release-row,.vp-controls,.vantage-player,.vantage-player *{
 box-shadow:none!important;
}

/* The artwork softly disappears into the same near-black as the page. */
.vantage-art,.latest-art.vantage-art{background:var(--bg,#0a0b09)!important;}
.vantage-motion{
 -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.5) 9%,#000 21%,#000 79%,rgba(0,0,0,.5) 91%,transparent 100%);
 mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.5) 9%,#000 21%,#000 79%,rgba(0,0,0,.5) 91%,transparent 100%);
}
/* About follows the section title rather than starting in a competing column. */
#about .about-grid{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:clamp(25px,3.6vw,53px)!important;}
#about .section-title{align-self:flex-start;margin:0!important;}
#about .about-copy{width:100%;max-width:760px!important;margin:0 auto!important;padding:0 clamp(0px,1vw,12px);}
#about .about-copy p{margin-bottom:clamp(16px,1.8vw,24px);}
#about .about-copy p:last-child{margin-bottom:0;}
/* Additional parallax: Latest artwork moves by at most 14px, without visual noise. */
@media(min-width:761px) and (prefers-reduced-motion:no-preference){
 #latest .latest-art{transform:translate3d(0,var(--latest-parallax,0px),0);will-change:transform;}
}
@media(prefers-reduced-motion:reduce){#latest .latest-art{transform:none!important;will-change:auto!important;}}

/* V28 — One consistent editorial body type for Latest, Journal and About. */
.latest-copy > p:not(.eyebrow),
.journal-intro,
.about-copy > p:not(.studio-note){
  font-family:var(--sans)!important;
  font-size:clamp(16px,1.38vw,19px)!important;
  font-weight:400!important;
  line-height:1.7!important;
  letter-spacing:-.015em!important;
  color:#d1d2cc!important;
  text-shadow:0 0 4px rgba(241,244,235,.19),0 0 14px rgba(241,244,235,.065);
}
.journal-intro{max-width:760px;margin-bottom:clamp(20px,2.6vw,35px)}
/* Player: no redundant song label or bottom rule. Credits follow directly. */
.vantage-player-label{display:none!important}
.vp-controls{border:0!important;border-bottom:0!important;box-shadow:none!important;padding-bottom:0!important}
.vp-credits{margin-top:clamp(14px,1.8vw,21px)!important}
/* The existing fixed cinematic glow is preserved. No flicker or animation. */

/* Archive toggle is available whenever older dates exist. */
.live-expand:not([hidden]){display:flex!important}

/* V29 — even vertical rhythm around the Vantage Point player. */
.latest-copy > .vantage-player { margin-top:clamp(24px,3vw,40px)!important; }
.latest-copy > .vp-credits { margin-top:clamp(24px,3vw,40px)!important; }
/* Subtle inline links within the About text, without adding visual clutter. */
#about .about-copy a { border-bottom:1px solid rgba(238,238,233,.32); padding-bottom:1px; transition:color .2s ease,border-color .2s ease; }
#about .about-copy a:hover, #about .about-copy a:focus-visible { color:var(--green);border-color:var(--green); }


/* V31: entire upcoming show rows are genuine links (mouse, touch and keyboard). */
#live .event-row--linked{
  color:inherit;text-decoration:none;cursor:pointer;
  transition:color .2s ease;
}
#live .event-row--linked .event-name,
#live .event-row--linked .event-date,
#live .event-row--linked .event-place{transition:color .2s ease,opacity .2s ease,text-shadow .2s ease}
#live .event-row--linked .event-name::after{
  content:"↗";display:inline-block;vertical-align:top;
  font-family:var(--sans);font-size:.54em;line-height:1;
  margin-left:.42em;opacity:.4;transform:translateY(3px);
  transition:opacity .2s ease,transform .2s ease,color .2s ease;
}
#live .event-row--linked:hover .event-name,
#live .event-row--linked:focus-visible .event-name{
  color:var(--green)!important;
  text-shadow:0 0 5px rgba(0,155,103,.23)!important;
}
#live .event-row--linked:hover .event-name::after,
#live .event-row--linked:focus-visible .event-name::after{
  color:var(--green);opacity:1;transform:translate(2px,0);
}
#live .event-row--linked:hover .event-date,
#live .event-row--linked:hover .event-place,
#live .event-row--linked:focus-visible .event-date,
#live .event-row--linked:focus-visible .event-place{color:var(--white);opacity:1}
#live .event-row--linked:focus-visible{outline:1px solid var(--green);outline-offset:3px}
@media (hover:none){#live .event-row--linked .event-name::after{opacity:.65}}
@media (prefers-reduced-motion:reduce){#live .event-row--linked,#live .event-row--linked *{transition:none!important}}


/* V32 — restrained interactive states. Green stays crisp, never luminous. */
#live .event-row--linked .event-name::after{content:none!important;display:none!important}
a:hover,a:focus-visible,button:hover,button:focus-visible,
a:hover *,a:focus-visible *,button:hover *,button:focus-visible *,
.event-row--linked:hover .event-name,.event-row--linked:focus-visible .event-name,
.release-row:hover .release-name,.release-row:hover .release-type,
.release-row:focus-visible .release-name,.release-row:focus-visible .release-type,
#live .event-row--linked:hover .event-name,
#live .event-row--linked:focus-visible .event-name{
  text-shadow:none!important;
}
.social-links a:hover svg,.social-links a:focus-visible svg{
  filter:none!important;
}
/* Waveform hover previews a seek destination in a softer green. */
.vp-waveform-preview{
  fill:#76cfa5;
  opacity:0;
  clip-path:inset(0 calc(100% - var(--vp-preview-end,0%)) 0 var(--vp-preview-start,0%));
  pointer-events:none;
  filter:none!important;
  transition:opacity .12s ease;
}
.vp-wave.is-previewing .vp-waveform-preview{opacity:1}
.vp-wave::after{
  content:"";position:absolute;top:2px;bottom:2px;
  left:var(--vp-hover,0%);width:1px;
  background:rgba(172,233,196,.75);
  transform:translateX(-.5px);opacity:0;
  pointer-events:none;z-index:1;
  transition:opacity .12s ease;
}
.vp-wave.is-previewing::after{opacity:1}
@media(hover:none){.vp-wave.is-previewing .vp-waveform-preview,.vp-wave.is-previewing::after{opacity:0}}
@media(prefers-reduced-motion:reduce){.vp-waveform-preview,.vp-wave::after{transition:none}}


/* V33 — consistent whole-row green hover and restrained green bloom. */
/* Date, venue, city and supporting notes behave as one visual unit. */
#live .event-row :is(.event-date,.event-name,.event-note,.event-place),
#music .release-row :is(.release-year,.release-name,.release-note,.release-type){
  transition:color .2s ease,text-shadow .2s ease;
}
#live a.event-row--linked:is(:hover,:focus-visible),
#live a.event-row--linked:is(:hover,:focus-visible) :is(.event-date,.event-name,.event-note,.event-place),
#music .release-row:is(:hover,:focus-visible),
#music .release-row:is(:hover,:focus-visible) :is(.release-year,.release-name,.release-note,.release-type){
  color:var(--green)!important;
  text-shadow:0 0 3px rgba(0,147,94,.29),0 0 9px rgba(0,147,94,.11)!important;
}
/* Green interactive typography is gently luminous; white text retains its original halo. */
.site-nav a:is(:hover,:focus-visible),
.social-links a:is(:hover,:focus-visible),
.latest-link:is(:hover,:focus-visible),
.site-footer a:is(:hover,:focus-visible),
.contact a:is(:hover,:focus-visible),
#about .about-copy a:is(:hover,:focus-visible),
.live-toggle:is(:hover,:focus-visible),
.vp-toggle:is(:hover,:focus-visible),
.update-cta:is(:hover,:focus-visible),
.epk-press-item figcaption a:is(:hover,:focus-visible),
.journal-card>a:is(:hover,:focus-visible) .journal-caption p{
  text-shadow:0 0 3px rgba(0,147,94,.29),0 0 9px rgba(0,147,94,.11)!important;
}
.social-links a:is(:hover,:focus-visible) svg{
  filter:drop-shadow(0 0 2px rgba(0,147,94,.27))!important;
}
/* Keep the player surface matte; illuminate only the green waveform itself. */
.vp-waveform-active{
  filter:drop-shadow(0 0 2px rgba(0,137,86,.26))!important;
}
.vp-waveform-preview{
  fill:#3ba978!important;
  filter:drop-shadow(0 0 2px rgba(0,137,86,.16))!important;
}
.vp-wave::after{background:rgba(67,175,124,.72)!important;}
/* No extra arrows or new animations. */
#live .event-row--linked .event-name::after{content:none!important;display:none!important;}
@media(prefers-reduced-motion:reduce){
 #live .event-row :is(.event-date,.event-name,.event-note,.event-place),
 #music .release-row :is(.release-year,.release-name,.release-note,.release-type){transition:none!important;}
}


/* V35 — fuller, more integrated brutalist hero. Desktop only: preserve mobile rhythm. */
@media (min-width:761px){
  .hero-stage{
    height:calc(100svh - 58px);
    min-height:610px;
    max-height:none;
  }
  .hero-portrait{
    width:min(57vw,calc(100svh - 108px),1050px);
    right:clamp(26px,4vw,84px);
    top:49.5%;
    transform:translateY(-50%);
  }
  .hero-display{
    left:clamp(26px,3.35vw,64px);
    top:50%;
    transform:translateY(-50%);
    width:min(82vw,1460px);
  }
  .hero-display .hero-al{
    width:clamp(200px,min(25.4vw,calc((100svh - 130px)*.50)),500px);
  }
  .hero-display .hero-pagoda{
    width:min(72.5vw,calc((100svh - 130px)*1.52),1320px);
    margin-top:clamp(8px,1vw,16px);
  }
}
/* Maintain the existing carefully balanced small-screen composition. */
@media (prefers-reduced-motion:reduce){
  .hero-display{translate:0 0!important;will-change:auto!important}
}

/* V38 — mobile-only editorial reduction. Desktop composition remains V35. */
.menu-toggle{display:none}
@media (max-width:760px){
  /* One unobtrusive menu control; social destinations stay visible. */
  .site-nav{position:relative;z-index:30;height:58px!important;padding:0 18px!important;
    overflow:visible!important;display:flex;justify-content:space-between;gap:16px!important}
  .menu-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 44px;
    width:44px;height:44px;padding:10px 7px;background:transparent;border:0;
    color:var(--white);cursor:pointer;position:relative;z-index:2}
  .menu-toggle-lines{display:block;position:relative;width:23px;height:2px;background:currentColor;
    transition:background .2s ease}
  .menu-toggle-lines::before,.menu-toggle-lines::after{content:"";position:absolute;left:0;
    width:23px;height:2px;background:currentColor;transition:transform .2s ease,top .2s ease}
  .menu-toggle-lines::before{top:-7px}.menu-toggle-lines::after{top:7px}
  .site-nav.is-menu-open .menu-toggle-lines{background:transparent}
  .site-nav.is-menu-open .menu-toggle-lines::before{top:0;transform:rotate(45deg)}
  .site-nav.is-menu-open .menu-toggle-lines::after{top:0;transform:rotate(-45deg)}
  .site-nav .nav-links{display:flex!important;position:absolute;top:100%;left:0;right:0;
    z-index:1;flex-direction:column;align-items:stretch;justify-content:flex-start;
    gap:0!important;margin:0;padding:9px 20px 18px;
    max-height:min(70svh,480px);overflow-y:auto;
    background:rgba(10,11,9,.985);border-bottom:1px solid var(--rule);
    visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-6px);
    transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
  .site-nav.is-menu-open .nav-links{visibility:visible;opacity:1;pointer-events:auto;transform:none}
  .site-nav .nav-links a{display:block;padding:13px 3px;font-size:12px!important;
    line-height:1.3;letter-spacing:.08em;white-space:normal}
  .site-nav .social-links{display:flex;align-items:center;gap:20px!important;margin:0 1px 0 auto!important}
  .site-nav .social-links a{display:grid;place-items:center;min-width:31px;min-height:44px}
  .site-nav .social-links svg{width:23px!important;height:23px!important}
  /* Mobile live: only date and city, in a compact single-line grid. */
  #live{padding-top:26px}
  #live .live-year-heading{display:none!important}
  #live .live-year-group{margin:0!important}
  #live .live-subtitle{display:none!important}
  #live .live-past{margin:0!important}
  #live #past-current{display:none!important}
  #live .event-list{border-top:1px solid var(--rule)}
  #live .event-row{display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;column-gap:12px!important;row-gap:0!important;
    height:53px!important;min-height:53px!important;max-height:53px;
    padding:0!important;align-items:center!important;overflow:hidden}
  #live .event-identity{display:none!important}
  #live .event-date{grid-column:1!important;grid-row:1!important;align-self:center!important;
    font-size:11px!important;line-height:1.2!important;padding:0!important;
    letter-spacing:.015em;white-space:nowrap}
  #live .event-place{grid-column:2!important;grid-row:1!important;align-self:center!important;
    justify-self:end!important;text-align:right!important;margin:0!important;padding:0!important;
    color:var(--white);opacity:.86;font:400 clamp(14px,3.9vw,17px)/1.1 var(--sans)!important;
    letter-spacing:-.03em!important;text-transform:none!important;
    white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}
  #live .live-expand{padding:10px 0 2px!important;justify-content:flex-start}
  #live .live-toggle{padding:8px 0;font-size:11px!important;letter-spacing:.04em}
  #live .archive-reveal-inner>.live-year-group:first-child{margin-top:0!important}
  /* Music: one row = one year + one release. No repeated micro-copy. */
  #music .section-head>.eyebrow{display:none!important}
  #music .release-row{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;gap:0 11px!important;align-items:center!important;
    height:55px!important;min-height:55px!important;padding:0!important}
  #music .release-year{grid-column:1!important;grid-row:1!important;font-size:11px!important;
    letter-spacing:.02em;align-self:center!important}
  #music .release-name{grid-column:2!important;grid-row:1!important;align-self:center!important;
    display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    font:400 clamp(18px,5vw,23px)/1.2 var(--sans)!important;letter-spacing:-.045em!important}
  #music .release-type,#music .release-note{display:none!important}
  /* Latest: taller full-width seekable waveform, transport on a separate row. */
  #latest .latest-copy>.eyebrow{display:none!important}
  #latest .vp-controls{display:grid!important;grid-template-columns:1fr auto!important;
    grid-template-rows:auto auto!important;column-gap:16px!important;row-gap:10px!important;
    align-items:center!important;padding:0!important;border:0!important}
  #latest .vp-controls .vp-wave{grid-column:1/-1!important;grid-row:1!important;
    width:100%;height:clamp(60px,17vw,79px)!important;min-width:0}
  #latest .vp-controls .vp-toggle{grid-column:1!important;grid-row:2!important;
    justify-self:start;min-width:0!important;padding:5px 0!important}
  #latest .vp-controls .vp-time{grid-column:2!important;grid-row:2!important;
    justify-self:end;font-size:11px!important}
  #latest .vp-credits{display:none!important}
}
@media (max-width:370px){
  .site-nav{padding:0 12px!important}
  .site-nav .social-links{gap:13px!important}
  #live .event-row{grid-template-columns:62px minmax(0,1fr)!important;column-gap:8px!important}
  #live .event-place{font-size:14px!important}
  #music .release-row{grid-template-columns:57px minmax(0,1fr)!important;gap:0 9px!important}
}
@media (prefers-reduced-motion:reduce){
  .site-nav .nav-links,.menu-toggle-lines,.menu-toggle-lines::before,.menu-toggle-lines::after{transition:none!important}
}

/* V41: player label only on mobile. */
.vp-mobile-label{display:none;}

/* SOURCE: assets/mobile-v42.css */

/* V39: refined, touch-first mobile system. Desktop remains V35/V38. */
.menu-toggle{display:none}
@media(max-width:760px){
  /* Comfortable 52px touch targets; the menu remains hidden until requested. */
  .site-nav{position:relative;z-index:30;height:62px!important;padding:0 16px!important;
    overflow:visible!important;display:flex!important;align-items:center!important;
    justify-content:space-between!important;gap:12px!important}
  .menu-toggle{display:flex!important;align-items:center;justify-content:center;
    width:52px!important;height:52px!important;min-width:52px;flex:0 0 52px!important;
    border:0;background:transparent;color:var(--white);padding:12px;cursor:pointer;z-index:2}
  .menu-toggle-lines{display:block;position:relative;width:26px;height:2px;background:currentColor;transition:background .2s ease}
  .menu-toggle-lines::before,.menu-toggle-lines::after{content:"";position:absolute;left:0;width:26px;height:2px;
    background:currentColor;transition:transform .2s ease,top .2s ease}
  .menu-toggle-lines::before{top:-8px}.menu-toggle-lines::after{top:8px}
  .site-nav.is-menu-open .menu-toggle-lines{background:transparent}
  .site-nav.is-menu-open .menu-toggle-lines::before{top:0;transform:rotate(45deg)}
  .site-nav.is-menu-open .menu-toggle-lines::after{top:0;transform:rotate(-45deg)}
  .site-nav .nav-links{display:flex!important;position:absolute;top:100%;left:0;right:0;z-index:3;
    flex-direction:column;align-items:stretch;gap:0!important;margin:0;padding:12px 20px 20px;
    max-height:min(70svh,480px);overflow-y:auto;background:rgba(10,11,9,.985);
    border-bottom:1px solid var(--rule);visibility:hidden;opacity:0;pointer-events:none;
    transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
  .site-nav.is-menu-open .nav-links{visibility:visible;opacity:1;pointer-events:auto;transform:none}
  .site-nav .nav-links a{display:flex!important;align-items:center;min-height:49px;
    padding:11px 4px;font-size:13px!important;line-height:1.3;letter-spacing:.08em;white-space:normal}
  .site-nav .social-links{display:flex;align-items:center;gap:8px!important;margin:0 0 0 auto!important}
  .site-nav .social-links a{display:grid;place-items:center;width:52px!important;height:52px!important;
    min-width:52px!important;min-height:52px!important}
  .site-nav .social-links svg{width:26px!important;height:26px!important}

  /* Keep the V35 hero; trim just a little of its upper and lower breathing room. */
  .hero-stage{height:74svh;min-height:490px;max-height:740px}
  .hero-portrait{top:41%}
  .hero-display{top:57%}

  /* Mobile editorial dividers only. */
  #music,#latest,#journal,#about{position:relative}
  #music::before,#latest::before,#journal::before,#about::before{
    content:"";position:absolute;top:0;left:clamp(18px,3vw,56px);right:clamp(18px,3vw,56px);
    height:1px;background:var(--rule);pointer-events:none}
  #music,#latest,#journal{padding-top:clamp(48px,8vw,66px)!important}
  #journal{padding-bottom:clamp(36px,7vw,60px)}
  #about{padding-top:clamp(68px,11vw,88px)!important}

  /* LIVE: one balanced line, date / venue / city, no supporting acts. */
  #live .event-row{display:grid!important;grid-template-columns:54px minmax(0,1fr) minmax(0,max-content)!important;
    grid-template-rows:1fr!important;column-gap:clamp(7px,2vw,12px)!important;
    height:59px!important;min-height:59px!important;max-height:59px!important;
    padding:0!important;align-items:center!important;overflow:hidden}
  #live .event-date{grid-column:1!important;grid-row:1!important;align-self:center!important;
    font:10px/1.2 var(--mono)!important;letter-spacing:.01em!important;white-space:nowrap}
  #live .event-identity{display:block!important;grid-column:2!important;grid-row:1!important;
    align-self:center!important;min-width:0!important;overflow:hidden!important}
  #live .event-name{font:400 clamp(15px,4.25vw,19px)/1.1 var(--sans)!important;
    letter-spacing:-.04em!important;white-space:nowrap!important;overflow:hidden!important;
    text-overflow:ellipsis!important;min-width:0}
  #live .event-note{display:none!important}
  #live .event-place{grid-column:3!important;grid-row:1!important;align-self:center!important;
    justify-self:end!important;text-align:right!important;max-width:clamp(78px,26vw,116px)!important;
    min-width:0!important;margin:0!important;padding:0!important;
    color:var(--muted)!important;opacity:1!important;
    font:10px/1.25 var(--mono)!important;letter-spacing:-.015em!important;
    text-transform:none!important;white-space:nowrap!important;overflow:hidden!important;
    text-overflow:ellipsis!important}
  /* Linked rows still react as one block; unlinked rows never suggest interaction. */
  #live a.event-row--linked:is(:hover,:focus-visible) .event-place{color:var(--green)!important}

  /* MUSIC: one line, with short collaborator context and discreet format. */
  #music .release-row{display:grid!important;
    grid-template-columns:48px minmax(0,1fr) max-content!important;
    grid-template-rows:1fr!important;gap:0 clamp(7px,2vw,12px)!important;
    align-items:center!important;height:59px!important;min-height:59px!important;padding:0!important}
  #music .release-year{grid-column:1!important;grid-row:1!important;
    font:10px/1.2 var(--mono)!important;letter-spacing:.01em!important;align-self:center!important}
  #music .release-name{grid-column:2!important;grid-row:1!important;
    display:flex!important;align-items:baseline;gap:5px;min-width:0!important;
    overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
    font:400 clamp(16px,4.7vw,21px)/1.2 var(--sans)!important;letter-spacing:-.045em!important}
  #music .release-note{display:inline!important;flex:0 1 auto;min-width:0;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    font:400 clamp(9px,2.6vw,11px)/1.2 var(--sans)!important;
    letter-spacing:-.015em!important;color:var(--muted)}
  #music .release-row:first-child .release-note{display:none!important}
  #music .release-type{display:none!important}
  #music .release-format-mobile{grid-column:3!important;grid-row:1!important;
    display:block!important;justify-self:end;align-self:center;
    color:var(--muted);font:10px/1.3 var(--mono);letter-spacing:.015em;white-space:nowrap;
    transition:color .2s ease,text-shadow .2s ease}
  #music .release-row:is(:hover,:focus-visible) .release-format-mobile{color:var(--green)!important;
    text-shadow:0 0 3px rgba(0,147,94,.29),0 0 9px rgba(0,147,94,.11)}

  /* LATEST: title first, then immersive cover/player, then the body copy. */
  #latest .latest-feature,#vantage-point .latest-feature{
    display:flex!important;flex-direction:column;align-items:stretch;gap:0!important}
  #latest .latest-copy,#vantage-point .latest-copy{display:contents!important}
  #latest .latest-copy>.eyebrow,#vantage-point .latest-copy>.eyebrow{display:none!important}
  #latest .feature-heading,#vantage-point .feature-heading{order:0;
    margin:0 0 19px!important;max-width:100%;align-self:flex-start}
  #latest .latest-art,#vantage-point .latest-art{order:1;width:100%;max-width:none!important;
    margin:0!important;position:relative;isolation:isolate;overflow:hidden}
  #latest .latest-copy>p,#vantage-point .latest-copy>p{order:2;
    margin:21px 0 0!important;max-width:100%!important}
  #latest .vp-credits,#vantage-point .vp-credits{display:none!important}
  #latest .latest-art::after,#vantage-point .latest-art::after{content:"";
    position:absolute;z-index:2;inset:46% 0 0;pointer-events:none;
    background:linear-gradient(to bottom,transparent,rgba(5,10,7,.24) 20%,rgba(5,9,7,.76) 65%,rgba(5,9,7,.93));}
  #latest .latest-art .vantage-player,#vantage-point .latest-art .vantage-player{
    display:block!important;position:absolute;z-index:4;bottom:clamp(13px,4vw,23px);
    left:clamp(13px,4vw,22px);right:clamp(13px,4vw,22px);
    margin:0!important;padding:0;max-width:none!important;color:var(--white)}
  #latest .latest-art .vp-controls,#vantage-point .latest-art .vp-controls{
    display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;
    grid-template-rows:64px 76px!important;column-gap:12px!important;row-gap:12px!important;
    align-items:center!important;border:0!important;padding:0!important}
  #latest .latest-art .vp-toggle,#vantage-point .latest-art .vp-toggle{
    grid-column:1!important;grid-row:1!important;display:grid!important;place-items:center!important;
    width:64px!important;height:64px!important;min-width:64px!important;
    padding:0!important;background:var(--green)!important;color:#fff!important;
    border:1px solid rgba(255,255,255,.12);border-radius:3px;
    cursor:pointer;transition:background .2s ease,transform .2s ease}
  #latest .latest-art .vp-toggle:active,#vantage-point .latest-art .vp-toggle:active{transform:scale(.97)}
  #latest .latest-art .vp-toggle:is(:hover,:focus-visible),#vantage-point .latest-art .vp-toggle:is(:hover,:focus-visible){background:#13a779!important}
  #latest .latest-art .vp-symbol,#vantage-point .latest-art .vp-symbol{
    display:block!important;flex:none!important;width:auto!important;
    font:30px/1 var(--sans)!important;transform:translateX(1px)}
  #latest .latest-art .vp-state,#vantage-point .latest-art .vp-state{display:none!important}
  #latest .latest-art .vp-time,#vantage-point .latest-art .vp-time{
    grid-column:2!important;grid-row:1!important;justify-self:end!important;
    color:#e9efe8!important;font:11px/1.3 var(--mono)!important;
    font-variant-numeric:tabular-nums;text-shadow:0 1px 5px rgba(0,0,0,.65)}
  #latest .latest-art .vp-wave,#vantage-point .latest-art .vp-wave{
    grid-column:1/-1!important;grid-row:2!important;width:100%!important;
    height:76px!important;min-width:0;overflow:hidden;position:relative;
    touch-action:pan-y;}
  #latest .latest-art .vp-waveform-base,#vantage-point .latest-art .vp-waveform-base{
    fill:rgba(225,235,224,.67)!important}
  #latest .latest-art .vp-waveform-active,#vantage-point .latest-art .vp-waveform-active{
    fill:#1baf79!important}
  #latest .latest-art .vp-waveform,#vantage-point .latest-art .vp-waveform{
    transform:translate3d(calc(var(--vp-wave-shift,0) * -1px),0,0) scaleX(1.04);
    transform-origin:center;will-change:transform}
  #latest .latest-art .vp-wave .vp-scrub,#vantage-point .latest-art .vp-wave .vp-scrub{
    touch-action:pan-y;cursor:pointer;z-index:6}
  #latest .latest-art .vp-wave::after,#vantage-point .latest-art .vp-wave::after{z-index:5}
}
@media(max-width:520px){
  .hero-stage{height:70svh!important;min-height:472px!important;max-height:640px!important}
  .hero-portrait{top:37.8%!important}
  .hero-display{top:69.5%!important}
  #live{padding-top:24px!important}
  #live .event-row{grid-template-columns:52px minmax(0,1fr) max-content!important;column-gap:7px!important}
  #live .event-place{max-width:clamp(72px,24vw,101px)!important;font-size:9.5px!important}
  #music .release-row{grid-template-columns:45px minmax(0,1fr) max-content!important;column-gap:7px!important}
  #latest .latest-art .vp-controls,#vantage-point .latest-art .vp-controls{
    grid-template-columns:60px minmax(0,1fr)!important;grid-template-rows:60px 72px!important;row-gap:11px!important}
  #latest .latest-art .vp-toggle,#vantage-point .latest-art .vp-toggle{
    width:60px!important;height:60px!important;min-width:60px!important}
  #latest .latest-art .vp-wave,#vantage-point .latest-art .vp-wave{height:72px!important}
}
@media(max-width:360px){
  #live .event-row{grid-template-columns:46px minmax(0,1fr) max-content!important;column-gap:6px!important}
  #live .event-place{max-width:87px!important;font-size:8.8px!important}
  #live .event-name{font-size:15px!important}
  #music .release-row{grid-template-columns:41px minmax(0,1fr) max-content!important;column-gap:6px!important}
  #music .release-name{font-size:16px!important}
  #music .release-note{font-size:9px!important}
  #latest .latest-art .vp-controls,#vantage-point .latest-art .vp-controls{grid-template-rows:56px 63px!important;row-gap:8px!important}
  #latest .latest-art .vp-toggle,#vantage-point .latest-art .vp-toggle{width:56px!important;height:56px!important;min-width:56px!important}
  #latest .latest-art .vp-wave,#vantage-point .latest-art .vp-wave{height:63px!important}
}
@media(prefers-reduced-motion:reduce){
 .site-nav .nav-links,.menu-toggle-lines,.menu-toggle-lines::before,.menu-toggle-lines::after,
 #latest .latest-art .vp-waveform,#vantage-point .latest-art .vp-waveform{
   transition:none!important;transform:none!important;will-change:auto!important}
}


/* V40 — quiet mobile refinement. Desktop stays unchanged (V35 geometry). */
@media(max-width:760px){
  /* No decorative rules between editorial sections. Event/release rules remain. */
  #music::before,#latest::before,#journal::before,#about::before{content:none!important;display:none!important}
  #music,#latest,#journal,#about{padding-top:clamp(64px,10vw,76px)!important}
  #journal{padding-bottom:0!important}
  #contact{padding-top:clamp(64px,10vw,76px)!important;padding-bottom:52px!important}
  .site-footer{display:none!important}

  /* Return to an unadorned moving cover, with the waveform below it. */
  #latest .latest-art::after,#vantage-point .latest-art::after{content:none!important;display:none!important}
  #latest .latest-feature,#vantage-point .latest-feature{display:flex!important;flex-direction:column!important;gap:0!important}
  #latest .latest-copy,#vantage-point .latest-copy{display:contents!important}
  #latest .feature-heading,#vantage-point .feature-heading{order:0;margin-bottom:18px!important}
  #latest .latest-art,#vantage-point .latest-art{order:1;position:relative;margin:0!important;isolation:isolate}
  #latest .latest-feature>.vantage-player,#vantage-point .latest-feature>.vantage-player{
    order:2;display:block!important;position:static!important;width:100%!important;max-width:none!important;
    margin:16px 0 0!important;padding:0!important;background:transparent!important;isolation:auto}
  #latest .latest-copy>p,#vantage-point .latest-copy>p{order:3;margin:22px 0 0!important}
  #latest .vp-credits,#vantage-point .vp-credits{display:none!important}
  #latest .latest-feature>.vantage-player .vp-controls,
  #vantage-point .latest-feature>.vantage-player .vp-controls{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:clamp(66px,18vw,82px) 52px!important;
    column-gap:12px!important;row-gap:8px!important;
    align-items:center!important;border:0!important;padding:0!important;box-shadow:none!important}
  #latest .latest-feature>.vantage-player .vp-wave,
  #vantage-point .latest-feature>.vantage-player .vp-wave{
    grid-column:1/-1!important;grid-row:1!important;position:relative;
    height:100%!important;width:100%!important;min-width:0!important;
    margin:0!important;overflow:hidden;touch-action:pan-y}
  #latest .latest-feature>.vantage-player .vp-toggle,
  #vantage-point .latest-feature>.vantage-player .vp-toggle{
    grid-column:1!important;grid-row:2!important;display:flex!important;
    align-items:center!important;justify-content:flex-start!important;
    justify-self:start!important;min-width:52px!important;min-height:52px!important;
    width:60px!important;height:52px!important;padding:0 6px 0 0!important;
    margin:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;color:var(--white)!important;
    cursor:pointer;box-shadow:none!important;transition:color .2s ease!important}
  #latest .latest-feature>.vantage-player .vp-toggle:is(:hover,:focus-visible),
  #vantage-point .latest-feature>.vantage-player .vp-toggle:is(:hover,:focus-visible){
    background:transparent!important;color:var(--green)!important}
  #latest .latest-feature>.vantage-player .vp-symbol,
  #vantage-point .latest-feature>.vantage-player .vp-symbol{
    display:block!important;width:auto!important;flex:none!important;
    font:32px/1 var(--sans)!important;transform:none!important}
  #latest .latest-feature>.vantage-player .vp-state,
  #vantage-point .latest-feature>.vantage-player .vp-state{display:none!important}
  #latest .latest-feature>.vantage-player .vp-time,
  #vantage-point .latest-feature>.vantage-player .vp-time{
    grid-column:2!important;grid-row:2!important;justify-self:end!important;
    color:var(--muted)!important;font:11px/1.4 var(--mono)!important;
    font-variant-numeric:tabular-nums!important;text-shadow:none!important}
  #latest .latest-feature>.vantage-player .vp-waveform,
  #vantage-point .latest-feature>.vantage-player .vp-waveform{
    transform:none!important;will-change:auto!important}
  #latest .latest-feature>.vantage-player .vp-waveform-base,
  #vantage-point .latest-feature>.vantage-player .vp-waveform-base{fill:rgba(197,214,201,.42)!important}
  #latest .latest-feature>.vantage-player .vp-waveform-active,
  #vantage-point .latest-feature>.vantage-player .vp-waveform-active{fill:var(--green)!important}
}
@media(max-width:520px){
  /* V38's exact portrait/title relationship, lifted together by only 8px.
     Their dimensions and overlap are not altered. */
  .hero-stage{height:calc(73svh - 12px)!important;min-height:488px!important;max-height:638px!important}
  .hero-portrait{top:calc(36% - 8px)!important}
  .hero-display{top:calc(68% - 8px)!important}
  #live{padding-top:26px!important}
}
@media(max-width:360px){
  .hero-stage{height:calc(73svh - 10px)!important;min-height:475px!important}
  .hero-portrait{top:calc(36% - 6px)!important}
  .hero-display{top:calc(68% - 6px)!important}
}
@media(min-width:521px) and (max-width:760px){
  /* Preserve the same mobile relationship on compact tablets. */
  .hero-stage{height:80svh!important;min-height:530px!important;max-height:740px!important}
  .hero-portrait{top:43%!important}
  .hero-display{top:58%!important}
}
@media(prefers-reduced-motion:reduce){
  #latest .vp-toggle,#vantage-point .vp-toggle{transition:none!important}
}


/* V41 — mobile hero and Latest composition; desktop and other sections unchanged. */
@media(max-width:760px){
  /* Keep the V38/V40 cover and photo intact, lift lettering over the image. */
  .hero-display{z-index:3!important;}

  /* Latest reads naturally: moving image, title, editorial text, then audio. */
  #latest .latest-feature,#vantage-point .latest-feature{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;
  }
  #latest .latest-copy,#vantage-point .latest-copy{display:contents!important;}
  #latest .latest-copy>.eyebrow,#vantage-point .latest-copy>.eyebrow{display:none!important;}
  #latest .latest-art,#vantage-point .latest-art{
    order:0!important;position:relative!important;isolation:isolate;
    width:100%!important;max-width:none!important;margin:0 0 22px!important;
  }
  #latest .feature-heading,#vantage-point .feature-heading{
    order:1!important;align-self:flex-start!important;margin:0 0 16px!important;
  }
  #latest .latest-copy>p,#vantage-point .latest-copy>p{
    order:2!important;margin:0 0 26px!important;max-width:100%!important;
  }
  #latest .latest-copy>.vantage-player,#vantage-point .latest-copy>.vantage-player{
    order:3!important;position:relative!important;display:block!important;
    width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
    background:transparent!important;box-shadow:none!important;
  }
  #latest .vp-credits,#vantage-point .vp-credits{display:none!important;}
  #latest .latest-art::after,#vantage-point .latest-art::after{content:none!important;display:none!important;}

  /* Full-width seekable waveform; centered transport and balanced metadata. */
  #latest .vantage-player .vp-controls,#vantage-point .vantage-player .vp-controls{
    display:grid!important;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)!important;
    grid-template-rows:clamp(68px,19vw,82px) 64px!important;
    align-items:center!important;column-gap:0!important;row-gap:9px!important;
    width:100%!important;margin:0!important;padding:0!important;
    border:0!important;box-shadow:none!important;
  }
  #latest .vantage-player .vp-wave,#vantage-point .vantage-player .vp-wave{
    grid-column:1/-1!important;grid-row:1!important;position:relative!important;
    width:100%!important;min-width:0!important;height:100%!important;
    margin:0!important;overflow:hidden!important;touch-action:pan-y;
  }
  #latest .vantage-player .vp-waveform,#vantage-point .vantage-player .vp-waveform{
    transform:none!important;will-change:auto!important;
  }
  #latest .vantage-player .vp-mobile-label,#vantage-point .vantage-player .vp-mobile-label{
    display:block!important;grid-column:1!important;grid-row:2!important;
    justify-self:start!important;align-self:center!important;
    font:10px/1.3 var(--mono)!important;letter-spacing:.075em!important;
    color:var(--muted)!important;text-transform:uppercase!important;white-space:nowrap!important;
  }
  #latest .vantage-player .vp-toggle,#vantage-point .vantage-player .vp-toggle{
    display:grid!important;place-items:center!important;
    grid-column:2!important;grid-row:2!important;justify-self:center!important;
    width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;color:var(--white)!important;
    box-shadow:none!important;cursor:pointer!important;
    transition:color .2s ease!important;
  }
  #latest .vantage-player .vp-toggle:is(:hover,:focus-visible),
  #vantage-point .vantage-player .vp-toggle:is(:hover,:focus-visible){
    color:var(--green)!important;background:transparent!important;
  }
  #latest .vantage-player .vp-symbol,#vantage-point .vantage-player .vp-symbol{
    display:block!important;position:relative!important;
    width:46px!important;height:46px!important;overflow:hidden!important;
    font-size:0!important;line-height:0!important;text-indent:-9999px!important;
    transform:none!important;
  }
  /* Crisp CSS symbols avoid the optical off-centering of the ▶ font glyph. */
  #latest .vp-toggle[aria-pressed="false"] .vp-symbol::before,
  #vantage-point .vp-toggle[aria-pressed="false"] .vp-symbol::before{
    content:"";position:absolute;left:15px;top:8px;
    border-top:15px solid transparent;border-bottom:15px solid transparent;
    border-left:24px solid currentColor;
  }
  #latest .vp-toggle[aria-pressed="true"] .vp-symbol::before,
  #latest .vp-toggle[aria-pressed="true"] .vp-symbol::after,
  #vantage-point .vp-toggle[aria-pressed="true"] .vp-symbol::before,
  #vantage-point .vp-toggle[aria-pressed="true"] .vp-symbol::after{
    content:"";position:absolute;top:9px;width:8px;height:28px;background:currentColor;
  }
  #latest .vp-toggle[aria-pressed="true"] .vp-symbol::before,
  #vantage-point .vp-toggle[aria-pressed="true"] .vp-symbol::before{left:13px;}
  #latest .vp-toggle[aria-pressed="true"] .vp-symbol::after,
  #vantage-point .vp-toggle[aria-pressed="true"] .vp-symbol::after{left:26px;}
  #latest .vantage-player .vp-state,#vantage-point .vantage-player .vp-state{display:none!important;}
  #latest .vantage-player .vp-time,#vantage-point .vantage-player .vp-time{
    display:block!important;grid-column:3!important;grid-row:2!important;
    justify-self:end!important;align-self:center!important;
    color:var(--muted)!important;font:11px/1.4 var(--mono)!important;
    letter-spacing:.01em!important;font-variant-numeric:tabular-nums!important;
    white-space:nowrap!important;text-shadow:none!important;
  }
}
@media(max-width:520px){
  /* The photo and hero stage are unchanged; lift ONLY the title 22px. */
  .hero-display{top:calc(68% - 30px)!important;}
}
@media(max-width:360px){
  .hero-display{top:calc(68% - 26px)!important;}
}
@media(min-width:521px) and (max-width:760px){
  .hero-display{top:calc(58% - 18px)!important;}
}
@media(prefers-reduced-motion:reduce){
  #latest .vp-toggle,#vantage-point .vp-toggle{transition:none!important;}
}

/* V42 — mobile cover refinement only. All other sections unchanged. */
@media(max-width:520px){
  .hero-stage{
    height:calc(73svh - 48px)!important;
    min-height:452px!important;
    max-height:602px!important;
  }
  .hero-portrait{top:calc(36% + 31px)!important;}
  .hero-display{top:calc(68% - 42px)!important;z-index:3!important;}
}
@media(max-width:360px){
  .hero-stage{
    height:calc(73svh - 46px)!important;
    min-height:439px!important;
    max-height:602px!important;
  }
  .hero-portrait{top:calc(36% + 33px)!important;}
  .hero-display{top:calc(68% - 38px)!important;}
}
@media(min-width:521px) and (max-width:760px){
  .hero-portrait{top:calc(43% + 14px)!important;}
  .hero-display{top:calc(58% - 32px)!important;z-index:3!important;}
}

/* SOURCE: assets/v43-rows.css */

/* V43 — one consistent rhythm for all Live and Music entries. */
#live .event-row, #music .release-row{
  display:grid!important; box-sizing:border-box!important;
  height:76px!important; min-height:76px!important; max-height:76px!important;
  padding:0!important; margin:0!important; align-items:center!important;
  grid-template-rows:minmax(0,1fr)!important; row-gap:0!important;
  overflow:hidden!important; border-bottom:1px solid var(--rule)!important;
}
#live .event-row{
  grid-template-columns:minmax(88px,.22fr) minmax(0,1fr) minmax(150px,.45fr)!important;
  column-gap:clamp(12px,2vw,32px)!important;
}
#music .release-row{
  grid-template-columns:minmax(88px,.22fr) minmax(0,1fr) minmax(150px,.45fr)!important;
  column-gap:clamp(12px,2vw,32px)!important;
}
#live .event-date,#music .release-year{
  grid-column:1!important;grid-row:1!important;align-self:center!important;
  white-space:nowrap!important;min-width:0!important;line-height:1.2!important;
}
#live .event-identity,#music .release-name{
  grid-column:2!important;grid-row:1!important;align-self:center!important;
  min-width:0!important;max-width:100%!important;overflow:hidden!important;
}
#live .event-name{
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  max-width:100%!important;display:block!important;line-height:1.12!important;
}
#live .event-note{white-space:nowrap!important}
#live .event-place,#music .release-type{
  grid-column:3!important;grid-row:1!important;align-self:center!important;
  justify-self:end!important;min-width:0!important;max-width:100%!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  margin:0!important;padding:0!important;
}
#music .release-name{
  display:flex!important;align-items:baseline!important;gap:8px!important;
  white-space:nowrap!important;line-height:1.12!important;
}
#music .release-title{
  display:block!important;min-width:0!important;flex:0 1 auto!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
#music .release-note{
  display:block!important;flex:0 1 auto!important;min-width:0!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#music .release-format-mobile{display:none!important}
@media (min-width:761px) and (max-width:1100px){
  #live .event-row,#music .release-row{
    height:68px!important;min-height:68px!important;max-height:68px!important;
    grid-template-columns:80px minmax(0,1fr) minmax(115px,155px)!important;
    column-gap:15px!important;
  }
  #live .event-name,#music .release-name{font-size:clamp(19px,2.6vw,25px)!important}
  #live .event-note,#music .release-note{display:none!important}
  #live .event-place{font-size:clamp(15px,2vw,19px)!important}
}
@media(max-width:760px){
  #live .event-row,#music .release-row{
    height:59px!important;min-height:59px!important;max-height:59px!important;
    padding:0!important;grid-template-rows:minmax(0,1fr)!important;
    align-items:center!important;overflow:hidden!important;
  }
  #live .event-row{
    grid-template-columns:54px minmax(0,1fr) minmax(0,clamp(76px,26vw,116px))!important;
    column-gap:clamp(7px,2vw,12px)!important;
  }
  #live .event-date{font:10px/1.2 var(--mono)!important}
  #live .event-identity{grid-column:2!important;grid-row:1!important;align-self:center!important}
  #live .event-name{
    font:400 clamp(15px,4.25vw,19px)/1.1 var(--sans)!important;
    letter-spacing:-.04em!important;white-space:nowrap!important;
  }
  #live .event-note{display:none!important}
  #live .event-place{
    grid-column:3!important;grid-row:1!important;justify-self:end!important;
    font:10px/1.2 var(--mono)!important;letter-spacing:-.015em!important;
    text-align:right!important;text-transform:none!important;
    color:var(--muted)!important;opacity:1!important;
  }
  #music .release-row{
    grid-template-columns:48px minmax(0,1fr) 45px!important;
    column-gap:clamp(7px,2vw,12px)!important;
  }
  #music .release-year{
    font:10px/1.2 var(--mono)!important;letter-spacing:.01em!important;
    white-space:nowrap!important;
  }
  #music .release-name{
    grid-column:2!important;grid-row:1!important;display:flex!important;
    font:400 clamp(16px,4.7vw,21px)/1.15 var(--sans)!important;
    gap:5px!important;letter-spacing:-.045em!important;
  }
  #music .release-title{white-space:nowrap!important}
  #music .release-note{font:400 10px/1.2 var(--sans)!important;letter-spacing:0!important}
  #music .release-row:first-child .release-note{display:none!important}
  #music .release-type{display:none!important}
  #music .release-format-mobile{
    grid-column:3!important;grid-row:1!important;display:block!important;
    justify-self:end!important;align-self:center!important;
    font:10px/1.2 var(--mono)!important;letter-spacing:0!important;
    color:var(--muted);white-space:nowrap!important;
    max-width:100%!important;overflow:hidden!important;
  }
  #music .release-row:is(:hover,:focus-visible) .release-format-mobile{
    color:var(--green)!important;text-shadow:0 0 3px rgba(0,147,94,.29),0 0 9px rgba(0,147,94,.11)!important;
  }
}
@media(max-width:380px){
  #live .event-row{grid-template-columns:51px minmax(0,1fr) 78px!important;column-gap:7px!important}
  #music .release-row{grid-template-columns:43px minmax(0,1fr) 43px!important;column-gap:6px!important}
  #music .release-note{display:none!important}
}
@media(max-width:340px){
  #live .event-row,#music .release-row{height:56px!important;min-height:56px!important;max-height:56px!important}
  #live .event-row{grid-template-columns:47px minmax(0,1fr) 70px!important}
  #live .event-name{font-size:14px!important}
  #live .event-place{font-size:9px!important}
  #music .release-row{grid-template-columns:42px minmax(0,1fr) 41px!important}
  #music .release-name{font-size:15px!important}
  #music .release-format-mobile{font-size:9px!important}
}

/* SOURCE: assets/v45-mobile.css */

/* V45 — mobile-only concise cities. The three-column geometry and heights are unchanged. */
#live .event-place .place-mobile, #live .event-place .place-tiny {display:none}
@media(max-width:760px){
 #live .event-place .place-full{display:none}
 #live .event-place .place-mobile{display:inline}
}
@media(max-width:340px){
 #live .event-place .place-mobile{display:none}
 #live .event-place .place-tiny{display:inline}
}

/* SOURCE: assets/v46.css */
/* V46 — News / Journal have distinct editorial purposes. No changes to Live/Music rows. */
.journal-tagline{font:10px/1.5 var(--mono);letter-spacing:.075em;text-transform:uppercase;color:var(--muted);margin:0 0 clamp(14px,1.7vw,24px)}
.journal-more{display:flex;justify-content:flex-end;padding-top:clamp(20px,2.4vw,34px)}
.journal-more-link{display:inline-block;color:var(--muted);font:10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.065em;transition:color .2s ease,text-shadow .2s ease}
.journal-more-link:is(:hover,:focus-visible){color:var(--green);text-shadow:0 0 3px rgba(0,147,94,.29),0 0 9px rgba(0,147,94,.11)}
/* Video is deliberately a single lazy-load element, aligned with Live's editorial columns. */
.live-footage{display:grid;grid-template-columns:minmax(100px,.23fr) minmax(0,1.06fr) minmax(240px,.54fr);column-gap:clamp(12px,1.4vw,24px);margin-top:clamp(32px,4vw,58px);margin-bottom:clamp(20px,2.5vw,35px)}
.live-footage-label{grid-column:1;display:flex;flex-direction:column;gap:10px;align-items:flex-start;font:10px/1.5 var(--mono);letter-spacing:.065em;text-transform:uppercase;color:var(--muted);padding-top:6px}
.live-footage-label a{color:var(--white);transition:color .2s ease}
.live-footage-label a:is(:hover,:focus-visible){color:var(--green)}
.live-footage-content{grid-column:2/4;min-width:0;width:min(100%,1000px)}
.live-video-shell{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(120deg,#171c17,#080a08);overflow:hidden}
.live-video-poster{position:absolute;inset:0;width:100%;height:100%;display:block;padding:0;border:0;background:transparent;color:var(--white);cursor:pointer;text-align:left;overflow:hidden}
.live-video-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8;transition:transform .5s ease,opacity .25s ease}
.live-video-poster:is(:hover,:focus-visible) img{transform:scale(1.015);opacity:.95}
.live-video-fallback{position:absolute;left:6%;bottom:7%;font:900 clamp(42px,7vw,112px)/.9 Impact,'Arial Narrow',sans-serif;letter-spacing:-.04em;color:var(--white);text-shadow:0 0 10px rgba(0,0,0,.4);pointer-events:none}
.live-video-fallback span{display:block;font-size:.58em;letter-spacing:.02em}
.live-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(60px,7vw,88px);height:clamp(60px,7vw,88px);font-size:clamp(28px,3vw,38px);padding-left:5px;border:1px solid rgba(238,238,233,.8);border-radius:50%;background:rgba(8,10,8,.35);transition:color .2s ease,border-color .2s ease,background .2s ease;pointer-events:none}
.live-video-poster:is(:hover,:focus-visible) .live-video-play{color:var(--green);border-color:var(--green);background:rgba(8,10,8,.62)}
.live-video-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.live-footage-caption{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin-top:12px;color:var(--muted);font:10px/1.5 var(--mono);letter-spacing:.035em}
.live-footage-caption a{color:var(--white);white-space:nowrap;transition:color .2s ease}
.live-footage-caption a:is(:hover,:focus-visible){color:var(--green)}
@media(max-width:760px){.live-footage{grid-template-columns:1fr;gap:14px;margin-top:30px}.live-footage-label{grid-column:1;flex-direction:row;justify-content:space-between;padding-top:0}.live-footage-content{grid-column:1;width:100%}.live-video-fallback{font-size:clamp(34px,10vw,75px)}}
@media(max-width:520px){.journal-tagline{font-size:9px}.journal-more{padding-top:19px}.live-footage{margin-top:28px;margin-bottom:18px}.live-footage-caption{font-size:9px}.live-video-play{width:62px;height:62px;font-size:28px}}
@media(prefers-reduced-motion:reduce){.live-video-poster img,.live-video-play,.journal-more-link{transition:none!important}}

/* SOURCE: assets/v47.css */
/* V47: preserve V45/V46 Live, Music and News; refine only Journal and About footage. */
/* Place the Journal archive link exactly where News has All news. */
#journal .section-head .journal-more-link{
 display:inline-flex!important;align-items:center;justify-content:flex-end;
 color:var(--muted);white-space:nowrap;font:10px/1.5 var(--mono);
 letter-spacing:.065em;text-transform:uppercase;transition:color .2s ease,text-shadow .2s ease;
}
#journal .section-head .journal-more-link:is(:hover,:focus-visible){color:var(--green);text-shadow:0 0 3px rgba(0,147,94,.29),0 0 9px rgba(0,147,94,.11)}
/* The arrows are gallery controls, placed directly above the images, not beside the title. */
#journal .journal-gallery-tools{display:flex;align-items:center;justify-content:flex-end;
 margin-top:clamp(17px,2.2vw,28px);margin-bottom:clamp(10px,1.2vw,16px)}
#journal .journal-gallery-tools .journal-controls{align-self:auto}
#journal .journal-intro{margin-bottom:0!important}
#journal .journal-gallery-tools .journal-controls button{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,text-shadow .2s ease,opacity .2s ease}
/* The About video is an experiment within the existing centered text column. */
#about .about-live-video{width:100%;margin-top:clamp(30px,4vw,54px)}
#about .about-live-video .live-video-shell{width:100%;aspect-ratio:16/9}
#about .about-live-video .live-footage-caption{margin-top:12px}
#about .about-live-video .live-footage-caption a{border-bottom:0!important;padding-bottom:0!important}
/* When the YouTube thumbnail is blocked, the fallback remains understated.
   The label also stays subtle if the thumbnail loads. */
.about-live-video .live-video-fallback,.epk-live-video .live-video-fallback{
 left:clamp(18px,3vw,34px);bottom:clamp(16px,2.5vw,30px);
 font:10px/1.5 var(--mono);letter-spacing:.085em;text-transform:uppercase;
 color:var(--white);text-shadow:0 0 5px rgba(0,0,0,.35);opacity:.9;
}
.about-live-video .live-video-fallback span,.epk-live-video .live-video-fallback span{
 display:inline!important;font:inherit!important;letter-spacing:inherit!important;margin-left:8px;
}
/* Private EPK: live video follows the show dates, no public site reference. */
.epk-live-video{width:min(100%,960px);margin:clamp(32px,4vw,58px) auto 0}
.epk-live-video .live-video-shell{aspect-ratio:16/9}
/* Journal entries are compact diary blocks, with the media visually attached to the text. */
.journal-archive-header{padding-bottom:clamp(30px,3.7vw,54px)!important}
.journal-entry{padding-bottom:clamp(62px,7vw,110px)!important}
.journal-entry-intro{margin-bottom:clamp(14px,1.7vw,25px)!important}
.journal-entry-meta{gap:7px!important;padding-top:4px!important}
.journal-entry-copy{max-width:780px!important}
.journal-entry-copy p{max-width:760px!important}
.journal-gallery-toolbar{margin-bottom:clamp(10px,1.2vw,16px)!important}
@media(max-width:760px){
 #journal .section-head .journal-more-link{font-size:10px!important}
 #journal .journal-gallery-tools{margin-top:17px;margin-bottom:10px}
 .journal-entry-intro{gap:10px!important}
 .journal-entry-meta{gap:14px!important}
 .epk-live-video{margin-top:26px}
}
@media(max-width:520px){
 #journal .section-head .journal-more-link{font-size:9px!important}
 #journal .journal-gallery-tools{margin-top:15px;margin-bottom:10px}
 #about .about-live-video{margin-top:26px}
 #about .about-live-video .live-footage-caption{font-size:9px}
 .journal-entry-intro{margin-bottom:13px!important}
 .journal-entry-copy p{font-size:15px!important;line-height:1.6!important}
}
@media(prefers-reduced-motion:reduce){#journal .section-head .journal-more-link{transition:none!important}}

/* SOURCE: assets/v48.css */
/* V48 — the Journal's description and controls are one compact editorial row. */
#journal .journal-intro-row{
 display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
 align-items:end;column-gap:clamp(22px,3vw,52px);
 margin:0 0 clamp(12px,1.6vw,21px);
}
#journal .journal-intro-row .journal-intro{
 min-width:0;max-width:none;margin:0!important;
}
#journal .journal-intro-row .journal-gallery-tools{
 display:flex;justify-content:flex-end;align-items:end;align-self:end;
 margin:0!important;padding:0 0 2px;
}
#journal .journal-controls{display:flex;align-items:center;gap:clamp(12px,1.4vw,21px)}
/* Unboxed, fine-line arrows; on hover only the stroke turns green. */
#journal .journal-controls button,
.journal-gallery-controls button{
 appearance:none;display:grid;place-items:center;
 width:34px!important;height:30px!important;min-width:34px;
 margin:0;padding:0!important;border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;text-shadow:none!important;
 color:var(--white)!important;cursor:pointer;
 transition:color .2s ease,filter .2s ease!important;
}
#journal .journal-controls button svg,
.journal-gallery-controls button svg{display:block;width:28px;height:18px;stroke:currentColor;fill:none;overflow:visible}
#journal .journal-controls button:is(:hover,:focus-visible),
.journal-gallery-controls button:is(:hover,:focus-visible){
 color:var(--green)!important;background:transparent!important;border:0!important;
 filter:drop-shadow(0 0 4px rgba(0,155,103,.3));
}
#journal .journal-controls button:focus-visible,
.journal-gallery-controls button:focus-visible{outline:1px solid var(--green);outline-offset:2px}
@media(max-width:760px){
 #journal .journal-intro-row{grid-template-columns:minmax(0,1fr) 85px;column-gap:12px;margin-bottom:12px}
 #journal .journal-controls{gap:7px}
 #journal .journal-controls button{width:34px!important;min-width:34px}
}
@media(max-width:360px){
 #journal .journal-intro-row{grid-template-columns:minmax(0,1fr) 75px;column-gap:8px}
 #journal .journal-controls{gap:3px}
 #journal .journal-controls button{width:32px!important;min-width:32px}
}
@media(prefers-reduced-motion:reduce){
 #journal .journal-controls button,.journal-gallery-controls button{transition:none!important}
}

/* SOURCE: assets/v49.css */
/* V49: quieter arrows; compact Journal entry; native Black Live loop. */
#journal .journal-controls button,
.journal-gallery-controls button{
 width:29px!important;min-width:29px!important;height:27px!important;
 border:0!important;background:transparent!important;box-shadow:none!important;
 padding:0!important;display:grid;place-items:center;color:var(--white)!important;
 transition:color .2s ease,filter .2s ease!important;
}
#journal .journal-controls button svg,
.journal-gallery-controls button svg{width:18px!important;height:12px!important;display:block;overflow:visible}
#journal .journal-controls button:is(:hover,:focus-visible),
.journal-gallery-controls button:is(:hover,:focus-visible){color:var(--green)!important;background:transparent!important;filter:drop-shadow(0 0 3px rgba(0,155,103,.3))}
#journal .journal-controls{gap:8px!important}
.journal-gallery-controls{display:flex;gap:8px;align-items:center;justify-content:flex-end;align-self:end;padding-bottom:1px}
/* One compact journal block: date, paragraph and filmstrip. */
.journal-entry .journal-entry-intro{
 display:flex!important;flex-direction:column;align-items:stretch;
 gap:clamp(10px,1.1vw,16px)!important;
 margin-bottom:clamp(12px,1.35vw,19px)!important;
}
.journal-entry .journal-entry-meta{
 display:flex!important;flex-direction:row!important;align-items:baseline!important;
 gap:clamp(18px,2.2vw,34px)!important;
 padding:0!important;grid-column:auto!important;
 color:var(--white);font:10px/1.5 var(--mono);letter-spacing:.065em;text-transform:uppercase;
}
.journal-entry .journal-entry-meta time{color:var(--muted)}
.journal-entry .journal-entry-bottom{
 display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
 gap:clamp(20px,3vw,50px);align-items:end;width:100%;
}
.journal-entry .journal-entry-copy{grid-column:auto!important;max-width:none!important;min-width:0}
.journal-entry .journal-entry-copy p{max-width:780px!important;margin:0!important;line-height:1.65}
.journal-entry .journal-gallery{width:100%}
.journal-entry .journal-archive-caption{margin-top:10px;justify-content:flex-start}
.journal-entry{padding-bottom:clamp(72px,8vw,120px)!important}
/* About: self-hosted, silent-by-default film, no external player chrome. */
#about .about-live-video{margin-top:clamp(28px,3.6vw,48px)}
.black-live-shell{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#080b0c;isolation:isolate}
.black-live-video{display:block;width:100%;height:100%;object-fit:cover;background:#080b0c}
.black-live-shell::after{content:'';position:absolute;z-index:1;left:0;right:0;bottom:0;height:24%;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,.5))}
.black-live-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:end;gap:12px;padding:clamp(14px,2vw,25px)}
.black-live-sound{appearance:none;display:grid;place-items:center;width:34px;height:32px;padding:0;background:transparent;border:0;color:#eeeee9;cursor:pointer;transition:color .2s ease,filter .2s ease}
.black-live-sound svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.black-live-shell[data-muted="true"] .black-live-icon-sound,.black-live-shell[data-muted="false"] .black-live-icon-muted{display:none}
.black-live-full{border-bottom:0!important;box-shadow:none!important;font:10px/1.5 var(--mono);letter-spacing:.065em;text-transform:uppercase;color:#eeeee9;white-space:nowrap;text-decoration:none!important;padding:6px 0;transition:color .2s ease,text-shadow .2s ease}
.black-live-full span{margin-left:4px}
.black-live-full:is(:hover,:focus-visible),.black-live-sound:is(:hover,:focus-visible){color:var(--green);filter:drop-shadow(0 0 4px rgba(0,155,103,.32))}
.black-live-sound:focus-visible,.black-live-full:focus-visible{outline:1px solid var(--green);outline-offset:3px}
@media(max-width:760px){
 .journal-entry .journal-entry-bottom{grid-template-columns:minmax(0,1fr) 72px;gap:12px}
 .journal-entry .journal-entry-intro{gap:10px!important;margin-bottom:12px!important}
 .journal-entry .journal-entry-copy p{font-size:15px!important;line-height:1.6!important}
 .journal-gallery-controls{gap:5px}
 #journal .journal-intro-row{grid-template-columns:minmax(0,1fr) 70px;gap:8px}
 #journal .journal-controls{gap:5px!important}
 #journal .journal-controls button,.journal-gallery-controls button{width:28px!important;min-width:28px!important}
 .black-live-full{font-size:9px}
 .black-live-sound{width:29px;height:29px}
}
@media(max-width:360px){
 .journal-entry .journal-entry-bottom{grid-template-columns:minmax(0,1fr) 63px;gap:7px}
 .journal-gallery-controls{gap:2px}
 #journal .journal-intro-row{grid-template-columns:minmax(0,1fr) 62px;gap:6px}
 #journal .journal-controls{gap:2px!important}
 .black-live-overlay{padding:11px}
}
@media(prefers-reduced-motion:reduce){.black-live-sound,.black-live-full,#journal .journal-controls button,.journal-gallery-controls button{transition:none!important}}

/* SOURCE: assets/v51.css */
/* V51: no visual fades; no hand cursor over the film. */
.black-live-video{cursor:default!important;opacity:1!important;transition:none!important}
.black-live-video:focus-visible{outline:1px solid var(--green);outline-offset:-3px}
.black-live-overlay{pointer-events:none}
.black-live-sound,.black-live-full{pointer-events:auto}

/* SOURCE: assets/v52.css */
/* V52: photographic cover; play only on request. */
.black-live-play{
 position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);
 width:clamp(45px,5vw,58px);height:clamp(45px,5vw,58px);
 display:grid;place-items:center;padding:0;
 appearance:none;border:1px solid rgba(244,244,240,.76);border-radius:50%;
 background:rgba(5,8,12,.20);color:#f4f4f0;
 cursor:pointer;opacity:1;transition:color .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease;
}
.black-live-play svg{display:block;width:22px;height:22px;fill:currentColor;stroke:none;margin-left:3px}
.black-live-play:is(:hover,:focus-visible){color:#00a86b;border-color:#00a86b;background:rgba(5,8,12,.42)}
.black-live-play:focus-visible{outline:1px solid #00a86b;outline-offset:5px}
.black-live-shell.is-playing .black-live-play{opacity:0;pointer-events:none}
#about .about-copy .black-live-caption{font:11px/1.5 var(--mono);letter-spacing:.055em;color:var(--muted);margin:11px 0 0!important}
.black-live-video{cursor:default!important;opacity:1!important;transition:none!important}
@media(max-width:760px){#about .about-copy .black-live-caption{font-size:10px;margin-top:10px!important}}
@media(prefers-reduced-motion:reduce){.black-live-play{transition:none}}

/* SOURCE: assets/v53.css */
/* V53: quiet three-part control bar, without a play-button circle. */
.black-live-overlay{
 display:grid;
 grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);
 align-items:center;
 column-gap:8px;
}
.black-live-sound{grid-column:1;grid-row:1;justify-self:start}
.black-live-full{grid-column:3;grid-row:1;justify-self:end}
.black-live-play{
 position:static;grid-column:2;grid-row:1;justify-self:center;
 transform:none;
 display:grid;place-items:center;
 width:34px;height:32px;padding:0;
 appearance:none;border:0;border-radius:0;
 background:transparent;color:#eeeee9;
 cursor:pointer;pointer-events:auto;opacity:1;
 transition:color .18s ease,opacity .18s ease;
}
.black-live-play svg{display:block;width:19px;height:19px;fill:currentColor;stroke:none;margin-left:2px}
.black-live-play:is(:hover,:focus-visible){color:var(--green);background:transparent;border-color:transparent}
.black-live-play:focus-visible{outline:1px solid var(--green);outline-offset:2px}
.black-live-shell.is-playing .black-live-play{opacity:0;pointer-events:none}
@media(max-width:760px){
 .black-live-overlay{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);column-gap:6px}
 .black-live-play{width:30px;height:29px}
 .black-live-play svg{width:17px;height:17px}
}
@media(prefers-reduced-motion:reduce){.black-live-play{transition:none}}

/* SOURCE: assets/v54.css */
/* V54: persistent center play/pause control, matching the existing bottom bar. */
.black-live-shell.is-playing .black-live-play{opacity:1;pointer-events:auto}
.black-live-shell.is-playing .black-live-icon-play{display:none}
.black-live-shell:not(.is-playing) .black-live-icon-pause{display:none}
.black-live-play .black-live-icon-play{margin-left:2px}
.black-live-play .black-live-icon-pause{margin-left:0;width:18px;height:18px}
@media(max-width:760px){.black-live-play .black-live-icon-pause{width:16px;height:16px}}

/* SOURCE: assets/v55.css */
/* V55: photo-wide hover affordance; the photo itself remains visually still. */
.black-live-video:hover + .black-live-overlay .black-live-play{color:var(--green)}
/* Keep the default cursor over the still/video; no hand icon. */
.black-live-video{cursor:default!important}

/* SOURCE: assets/v56-main-final.css */
/* V56 – restrained entry hierarchy and music context */
#music .music-intro{
  max-width:760px;
  margin:clamp(17px,2vw,28px) 0 clamp(20px,2.6vw,35px);
  color:#d1d2cc;
  font:clamp(13px,1.18vw,16px)/1.5 var(--sans);
  letter-spacing:-.012em;
}
.entry-marker{
  margin:0 0 clamp(15px,1.7vw,24px);
  font:10px/1.5 var(--mono);
  letter-spacing:.065em;
  text-transform:uppercase;
  color:var(--muted);
}
.entry-marker .entry-number {color:var(--white)}
#latest .latest-copy .entry-marker{margin-bottom:clamp(13px,1.6vw,20px)}
#journal .journal-entry-marker{margin:clamp(12px,1.5vw,20px) 0 8px}
#journal .journal-tagline{margin-top:0}
.updates-page .update-entry-meta{gap:0;align-items:baseline;white-space:normal}
.updates-page .update-entry-number{margin-right:.5ch}
.journal-entry-meta{gap:0!important}
.journal-entry-meta span{margin-right:.5ch}
@media(min-width:761px){.journal-entry-meta{display:block!important}}
@media(max-width:760px){
  #music .music-intro{font-size:13px;line-height:1.55;margin-bottom:18px}
  #journal .journal-entry-marker{margin-top:12px}
  .journal-entry-meta{flex-wrap:wrap;gap:0!important}
}
/* ABOUT live video: a quiet still, silent hover preview, committed playback. */
#about .black-live-shell{isolation:isolate;background:#080b0c}
#about .black-live-still{
 position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
 display:block;z-index:1;pointer-events:none;opacity:1;
 transition:opacity .19s ease;
}
#about .black-live-shell::after{z-index:2}
#about .black-live-overlay{z-index:3}
#about .black-live-shell.is-preview.is-playing .black-live-still,
#about .black-live-shell.is-committed .black-live-still{opacity:0}
#about .black-live-sound,#about .black-live-full{
 visibility:hidden;opacity:0;pointer-events:none;
 transition:opacity .16s ease,color .2s ease,filter .2s ease;
}
#about .black-live-shell.is-preview.is-playing .black-live-sound,
#about .black-live-shell.is-preview.is-playing .black-live-full,
#about .black-live-shell.is-committed .black-live-sound,
#about .black-live-shell.is-committed .black-live-full{
 visibility:visible;opacity:1;pointer-events:auto;
}
#about .black-live-close{
 appearance:none;display:none;place-items:center;position:absolute;
 top:clamp(12px,1.6vw,22px);left:clamp(12px,1.6vw,22px);
 z-index:4;width:32px;height:32px;border:0;background:transparent;
 color:var(--white);padding:6px;cursor:pointer;
 transition:color .2s ease,transform .2s ease,filter .2s ease;
}
#about .black-live-close svg{display:block;width:100%;height:100%}
#about .black-live-shell.is-committed .black-live-close{display:grid}
#about .black-live-close:hover{color:var(--green);transform:rotate(90deg);filter:drop-shadow(0 0 3px rgba(0,155,103,.3))}
#about .black-live-close:focus-visible{outline:1px solid var(--green);outline-offset:2px}
#about .black-live-play{z-index:3}
@media(prefers-reduced-motion:reduce){
 #about .black-live-still,#about .black-live-close{transition:none!important}
}

/* SOURCE: assets/v57-refinements.css */
/* V57 — deliberate editorial hierarchy; no changes to the overall layout. */
/* Identical subtitle design directly under MUSIC and JOURNAL. */
#music > .music-tagline,
#journal > .journal-tagline{
  display:block!important;
  color:var(--muted)!important;
  font:10px/1.5 var(--mono)!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  max-width:none!important;
  margin:0 0 clamp(14px,1.7vw,24px)!important;
}
/* Dates/numbers always use exactly the same tertiary typography and two shades. */
#latest .latest-copy > .entry-marker,
#journal > .journal-entry-marker{
  font:10px/1.5 var(--mono)!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
  color:var(--muted)!important;
  opacity:1!important;
}
#latest .latest-copy > .entry-marker .entry-number,
#journal > .journal-entry-marker .entry-number{color:var(--white)!important}
#latest .latest-copy > .entry-marker time,
#journal > .journal-entry-marker time{color:var(--muted)!important}
#journal > .journal-entry-marker{
  margin:0 0 clamp(10px,1.3vw,17px)!important;
}
#journal .journal-intro-row{margin-top:0}
/* In muted hover-preview always show Play. During committed playback show Pause;
   both share the white/green hover palette of the primary website. */
#about .black-live-shell .black-live-icon-play{display:block!important}
#about .black-live-shell .black-live-icon-pause{display:none!important}
#about .black-live-shell.is-committed.is-playing .black-live-icon-play{display:none!important}
#about .black-live-shell.is-committed.is-playing .black-live-icon-pause{display:block!important}
#about .black-live-shell .black-live-play{color:var(--white)!important}
#about .black-live-shell .black-live-play:is(:hover,:focus-visible){color:var(--green)!important}
#about .black-live-shell .black-live-play{opacity:1!important;pointer-events:auto!important;visibility:visible!important}
#about .black-live-close{display:none!important}
/* While a committed video is paused and the pointer leaves, let ancillary controls fade. */
@media (hover:hover) and (pointer:fine){
 #about .black-live-shell.is-committed.is-paused.is-away .black-live-sound,
 #about .black-live-shell.is-committed.is-paused.is-away .black-live-full{
   opacity:0!important;visibility:hidden!important;pointer-events:none!important;
 }
}
@media(max-width:520px){
 #music > .music-tagline,#journal > .journal-tagline{font-size:9px!important;margin-top:0!important;margin-bottom:14px!important}
 #latest .latest-copy > .entry-marker,#journal > .journal-entry-marker{font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){#about .black-live-sound,#about .black-live-full{transition:none!important}}

/* SOURCE: assets/v59-about.css */
/* V59 — About: quieter glow in the final, smaller biographical paragraph. */
#about .about-copy > p.studio-note {
  text-shadow: 0 0 3px rgba(241,244,235,.15), 0 0 9px rgba(241,244,235,.045);
}

/* SOURCE: assets/v64-row-rhythm.css */
/* V64 — LIVE / MUSIC vertical rhythm. Layout only: no typography or JS changes. */
/* Existing event/release items are already 76px on desktop (v43-rows.css).
   Make the year and Past Dates labels occupy exactly one such row as well. */
@media (min-width:1101px) {
  #live .live-year-heading,
  #live .live-subtitle { height:76px!important; min-height:76px!important; }
}
@media (min-width:761px) and (max-width:1100px) {
  #live .live-year-heading,
  #live .live-subtitle { height:68px!important; min-height:68px!important; }
}
@media (min-width:761px) {
  #live .live-year-heading,
  #live .live-subtitle {
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    padding:0!important;
    margin:0!important;
    border-bottom:1px solid var(--rule)!important;
  }
  #live .live-year-heading .type-art { flex:none; }
  #live .live-year-group + .live-year-group,
  #live .live-year-group--continued,
  #live .live-past,
  #live .archive-reveal-inner > .live-year-group:first-child {
    margin-top:0!important;
    margin-bottom:0!important;
  }
  /* The headings provide the top rule; avoid doubling it above the next row. */
  #live .event-list { border-top:0!important; }
  /* The continuing 2026 archive must begin immediately after Oye Bar. */
  #live .archive-reveal-inner { margin:0!important; padding:0!important; }
}
/* Mobile retains its existing hidden year headings and 59/56px event + music rows.
   Remove the archive's desktop top spacing to prevent the same extra gap. */
@media (max-width:760px) {
  #live .archive-reveal-inner > .live-year-group:first-child { margin-top:0!important; }
  #live .archive-reveal-inner { margin-top:0!important; padding-top:0!important; }
}


/* Release: the post always starts with its Entry + date, above the artwork. */
@media (max-width:760px) {
  #latest .latest-feature>.latest-copy>.entry-marker,
  #latest .latest-copy>.entry-marker {
    order:-1!important;
    align-self:stretch!important;
    display:block!important;
    width:100%!important;
    padding:0!important;
    margin:0 0 12px!important;
    font:9px/1.5 var(--mono)!important;
    letter-spacing:.065em!important;
    text-transform:uppercase!important;
  }
  #latest .latest-feature>.latest-art {order:0!important;}
  #latest .latest-copy>.feature-heading {order:1!important;}
}