/* 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/latest.css */
/* All Updates: same editorial visual system as the home page. */
.latest-page{padding-top:0}
.updates-header{padding-top:clamp(66px,8vw,130px)!important;padding-bottom:clamp(26px,3.7vw,55px)}
.updates-title{position:relative;isolation:isolate;margin:0;line-height:1}
.updates-title .type-art{height:clamp(80px,10.8vw,172px);max-width:100%;width:auto;display:block}
.updates-title::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
 background-image:var(--v24-grain,none);opacity:.10;mix-blend-mode:screen;
 animation:al-grain-shift .42s steps(4,end) infinite}
.updates-kicker{font:10px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:23px 0 0}
.update-post{padding-top:clamp(30px,4vw,60px);padding-bottom:clamp(58px,7vw,110px)}
.update-post+.update-post{border-top:1px solid rgba(238,238,233,.2)}
.update-post .latest-feature{margin:0;align-items:start}
.update-post .latest-art{margin:0}
.update-post .latest-copy{padding-top:0}
.update-post .feature-heading{margin:14px 0 23px}
.update-post .feature-heading .type-art{max-width:100%}
.update-post .update-plain-title{font:500 clamp(30px,4.4vw,62px)/1.02 var(--sans);letter-spacing:-.055em;margin:10px 0 25px}
.update-post .update-plain-title .type-art{height:clamp(52px,6.5vw,90px);max-width:100%}
.update-post .update-description{max-width:540px;color:#d0d2ca;font-size:clamp(16px,1.4vw,20px);line-height:1.65}
.update-post .update-cta{display:inline-block;font:11px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-top:28px;border-bottom:1px solid var(--rule);padding-bottom:7px}
.update-post .update-cta:hover{border-color:var(--green)}
.update-post .vantage-motion{cursor:default}
.updates-back{display:inline-block;margin-top:35px;color:var(--muted);font:11px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase}
@media(max-width:760px){.updates-title .type-art{height:clamp(54px,11vw,85px)}.updates-header{padding-top:48px!important}.update-post{padding-bottom:60px}}
@media(max-width:520px){.updates-title .type-art{height:clamp(38px,10.3vw,57px)}.update-post .latest-feature{display:grid;grid-template-columns:1fr;gap:22px}}
@media(prefers-reduced-motion:reduce){.updates-title::after{animation:none}}

/* 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. */

/* 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); }


/* 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;}
}

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

/* V43 — Latest archive: the same editorial system as the homepage, with fewer distractions. */
.updates-page .updates-nav{
  height:62px;display:flex;align-items:center;justify-content:space-between;
  gap:20px;white-space:nowrap;
}
.updates-page .updates-nav a,.updates-page .updates-footer a,
.updates-page .update-entry-meta{
  font:10px/1.5 var(--mono);letter-spacing:.065em;text-transform:uppercase;
}
.updates-page .updates-back-link{color:var(--white);transition:color .2s ease,text-shadow .2s ease}
.updates-page .updates-nav .social-links{display:flex;align-items:center;gap:16px;margin:0}
.updates-page .updates-nav .social-links a{display:grid;place-items:center;width:34px;height:34px;color:var(--white)}
.updates-page .updates-nav .social-links svg{display:block;width:18px;height:18px}
.updates-page .updates-nav a:is(:hover,:focus-visible),
.updates-page .updates-footer a: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)
}
.updates-page .updates-header{padding-top:clamp(34px,5.5vw,82px)!important;padding-bottom:clamp(35px,4.5vw,70px)!important}
.updates-page .updates-title{margin:0;line-height:1}
.updates-page .updates-title .type-art{display:block;height:clamp(72px,9vw,142px);width:auto;max-width:100%}
.updates-page .updates-title::after{display:none!important;content:none!important}
.updates-page .update-post{padding-top:clamp(12px,2vw,35px)!important;padding-bottom:clamp(90px,10vw,160px)!important;border:0!important}
.updates-page .update-post+.update-post{border-top:0!important}
.updates-page .update-post .latest-feature{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(36px,5.5vw,90px);align-items:center;margin:0;
}
.updates-page .update-post .latest-art{grid-column:auto;min-width:0;width:100%;max-width:100%;margin:0}
.updates-page .update-post .latest-copy{grid-column:auto;min-width:0;max-width:680px;padding:0}
.updates-page #villa-lena .latest-copy{order:0}
.updates-page #villa-lena .latest-art{order:1}
.updates-page .update-entry-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:clamp(16px,2vw,35px);color:var(--muted);margin:0 0 26px}
.updates-page .update-entry-number{color:var(--white)}
.updates-page .update-entry-date{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--muted)}
.updates-page .feature-heading{margin:0 0 25px!important}
.updates-page .update-plain-title{margin:0 0 26px!important}
.updates-page .latest-copy>p{font-family:var(--sans)!important;font-size:clamp(16px,1.38vw,19px)!important;line-height:1.7!important;letter-spacing:-.015em!important;color:#d1d2cc!important}
.updates-page .latest-copy>.vantage-player{margin-top:clamp(24px,3vw,40px)!important}
.updates-page .latest-copy>.vp-credits{margin-top:clamp(24px,3vw,40px)!important}
.updates-page .updates-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:clamp(28px,4vw,52px);color:var(--muted)}
.updates-page .updates-footer a{color:var(--white);transition:color .2s ease}
.updates-page .updates-footer a:last-child{text-align:right}
@media(max-width:760px){
  .updates-page .updates-nav{height:62px;padding-inline:16px}
  .updates-page .updates-nav a{font-size:10px}
  .updates-page .updates-nav .social-links{gap:5px}
  .updates-page .updates-nav .social-links a{width:46px;height:46px}
  .updates-page .updates-nav .social-links svg{width:23px;height:23px}
  .updates-page .updates-header{padding-top:30px!important;padding-bottom:42px!important}
  .updates-page .updates-title .type-art{height:clamp(58px,11vw,85px)}
  .updates-page .update-post{padding-top:0!important;padding-bottom:clamp(78px,12vw,105px)!important}
  .updates-page .update-post .latest-feature{display:flex!important;flex-direction:column!important;gap:0!important;align-items:stretch!important}
  .updates-page .update-post .latest-art{order:0!important;margin:0 0 25px!important;transform:none!important}
  .updates-page .update-post .latest-copy{order:1!important;display:block!important;width:100%;max-width:none}
  .updates-page .update-entry-meta{gap:20px;margin-bottom:20px}
  .updates-page .feature-heading{margin:0 0 18px!important}
  .updates-page .update-plain-title{margin:0 0 18px!important}
  .updates-page .vp-credits{display:none!important}
  .updates-page .latest-copy>.vantage-player{max-width:none!important}
  .updates-page .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;padding:0!important;border:0!important;
  }
  .updates-page .vantage-player .vp-wave{grid-column:1/-1!important;grid-row:1!important;width:100%!important;height:100%!important;min-width:0}
  .updates-page .vantage-player .vp-toggle{
    grid-column:2!important;grid-row:2!important;display:grid!important;place-items:center!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;
  }
  .updates-page .vantage-player .vp-symbol{display:block!important;position:relative!important;width:46px!important;height:46px!important;overflow:hidden!important;font-size:0!important;text-indent:-9999px!important;transform:none!important}
  .updates-page .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}
  .updates-page .vp-toggle[aria-pressed="true"] .vp-symbol::before,.updates-page .vp-toggle[aria-pressed="true"] .vp-symbol::after{content:"";position:absolute;top:9px;width:8px;height:28px;background:currentColor}
  .updates-page .vp-toggle[aria-pressed="true"] .vp-symbol::before{left:13px}
  .updates-page .vp-toggle[aria-pressed="true"] .vp-symbol::after{left:26px}
  .updates-page .vantage-player .vp-state{display:none!important}
  .updates-page .vantage-player .vp-time{grid-column:3!important;grid-row:2!important;justify-self:end!important;font:11px/1.4 var(--mono)!important;white-space:nowrap!important}
  .updates-page .updates-footer{padding-bottom:30px}
}
@media(max-width:380px){
  .updates-page .updates-nav .social-links a{width:42px;height:46px}
  .updates-page .updates-nav a{font-size:9px}
  .updates-page .updates-footer a{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.updates-page .updates-nav a,.updates-page .updates-footer a{transition:none!important}}

/* SOURCE: assets/v44-latest.css */

/* V44 — Only Latest changes: equal editorial rhythm and one shared entry format. */
.updates-page .updates-header{
  padding-top:clamp(26px,3.2vw,46px)!important;
  padding-bottom:clamp(26px,3.2vw,46px)!important;
}
.updates-page #villa-lena.update-post{padding-top:0!important}
/* Both entries keep the same image-left / copy-right composition. */
.updates-page #villa-lena .latest-art{order:0!important}
.updates-page #villa-lena .latest-copy{order:1!important}
/* All entry headings share Compacta outlines and the same scale. */
.updates-page .update-post .feature-heading{margin:0 0 25px!important}
.updates-page .update-post .feature-heading .type-art{display:block}
@media(max-width:760px){
  .updates-page .updates-header{padding-top:26px!important;padding-bottom:26px!important}
  .updates-page .update-post .feature-heading{margin-bottom:18px!important}
}

/* SOURCE: assets/journal.css */
/* Journal archive: a full-width moving-image diary using the News typographic language. */
.journal-archive-header{padding-top:clamp(26px,3.2vw,46px);padding-bottom:clamp(40px,5.3vw,76px)}
.journal-archive-header .updates-title{margin:0;line-height:1}
.journal-archive-header .updates-title .type-art{height:clamp(72px,9vw,142px);width:auto;max-width:100%;display:block}
.journal-archive-header .updates-title::after{display:none!important;content:none!important}
.journal-archive-tagline{margin:clamp(17px,2vw,28px) 0 0;color:var(--muted);font:10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.075em}
.journal-entry{width:100%;padding-bottom:clamp(90px,10vw,160px)}
.journal-entry-intro{display:grid;grid-template-columns:minmax(100px,.23fr) minmax(0,1.06fr) minmax(240px,.54fr);column-gap:clamp(12px,1.4vw,24px);align-items:start;margin-bottom:clamp(27px,3.2vw,49px)}
.journal-entry-meta{grid-column:1;color:var(--muted);display:flex;flex-direction:column;gap:9px;font:10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.065em;padding-top:7px}
.journal-entry-meta span{color:var(--white)}
.journal-entry-copy{grid-column:2/4;max-width:850px}
.journal-entry-title{margin:0 0 clamp(18px,2.4vw,32px);line-height:1}
.journal-entry-title .type-art{height:clamp(55px,7vw,105px);width:auto;max-width:100%;display:block;filter:drop-shadow(0 0 2px rgba(246,248,239,.27)) drop-shadow(0 0 9px rgba(246,248,239,.09))}
.journal-entry-copy p{margin:0;max-width:750px;color:#d1d2cc;font-family:var(--sans);font-size:clamp(16px,1.38vw,19px);line-height:1.7;letter-spacing:-.015em}
.journal-gallery{width:min(100%,1660px)}
.journal-gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:clamp(12px,1.6vw,24px)}
.journal-gallery-position{font:10px/1.5 var(--mono);letter-spacing:.075em;color:var(--muted)}
.journal-gallery-controls{display:flex;gap:9px}
.journal-gallery-controls button{display:grid;place-items:center;width:40px;height:40px;padding:0;background:none;border:1px solid rgba(238,238,233,.22);color:var(--white);font:20px/1 var(--sans);cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}
.journal-gallery-controls button:is(:hover,:focus-visible){color:var(--white);background:var(--green);border-color:var(--green)}
.journal-gallery-track{display:flex;gap:clamp(12px,1.55vw,24px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x;padding-bottom:3px}
.journal-gallery-track::-webkit-scrollbar{display:none}
.journal-archive-card{flex:0 0 auto;min-width:0;width:max-content;scroll-snap-align:start}
.journal-archive-media{height:clamp(310px,50svh,610px);width:auto;aspect-ratio:1280/676;margin:0;overflow:hidden;background:#141613}
.journal-archive-media img,.journal-archive-media video{display:block;height:100%;width:100%;object-fit:contain;background:#141613}
.journal-archive-media video{cursor:default}
.journal-archive-caption{display:flex;justify-content:space-between;gap:24px;margin-top:12px;color:var(--muted);font:10px/1.5 var(--mono);letter-spacing:.065em}
.journal-archive-caption span{color:var(--muted)}
@media(max-width:760px){.journal-archive-header{padding-top:26px;padding-bottom:42px}.journal-archive-header .updates-title .type-art{height:clamp(58px,11vw,85px)}.journal-entry-intro{grid-template-columns:1fr;gap:18px}.journal-entry-meta{grid-column:1;flex-direction:row;gap:20px;padding:0}.journal-entry-copy{grid-column:1}.journal-entry-title .type-art{height:clamp(52px,11vw,78px)}.journal-archive-media{height:clamp(235px,48vw,390px)}.journal-entry{padding-bottom:clamp(70px,11vw,105px)}}
@media(max-width:520px){.journal-archive-header .updates-title .type-art{height:clamp(48px,11vw,64px)}.journal-entry-title .type-art{height:clamp(48px,12vw,64px)}.journal-entry-copy p{font-size:16px}.journal-archive-media{height:clamp(205px,58vw,310px)}.journal-gallery-controls button{width:42px;height:42px}.journal-entry-meta{font-size:9px}.journal-archive-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.journal-gallery-controls button{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/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-archive.css */
/* V57 — matched archive-entry typography, 2-tone metadata. */
.update-entry-meta,.journal-entry-meta{font:10px/1.5 var(--mono)!important;letter-spacing:.065em!important;text-transform:uppercase!important;color:var(--muted)!important}
.update-entry-meta .update-entry-number,.journal-entry-meta span{color:var(--white)!important}
.update-entry-meta time,.journal-entry-meta time{color:var(--muted)!important}
@media(max-width:520px){.update-entry-meta,.journal-entry-meta{font-size:9px!important}}