@font-face{font-family:'Departure Mono';src:url('/assets/DepartureMono.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:HelpMe;src:url('/assets/HelpMe.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#000000;--surface:#000000;--text:#dce5e7;--muted:#93a6ab;--dim:#798c90;--line:#233237;--faint:#0d191d;--accent:#5ca7ba;--font:'Departure Mono',monospace;--display:'Departure Mono',monospace;--mono:'Departure Mono',monospace;--gutter:clamp(24px,4vw,88px);--max:1800px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:22px;line-height:1.5;-webkit-font-smoothing:auto;text-transform:lowercase}
button,select,option{text-transform:lowercase}
input,textarea{text-transform:none}
input::placeholder,textarea::placeholder{text-transform:lowercase}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border-radius:0}button:disabled{cursor:default;opacity:.32}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}ul,ol{margin:0;padding:0}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}svg{width:22px;height:22px;display:block;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:square;stroke-linejoin:miter}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.mono{font-family:var(--mono);font-size:16.5px;font-weight:400;letter-spacing:0;line-height:1.5;text-transform:lowercase}.muted{color:var(--muted)}.section-pad{max-width:var(--max);margin:0 auto;padding:100px var(--gutter)}.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:var(--accent);color:var(--bg);padding:12px 20px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}[hidden]{display:none!important}
/* The original wordmark is never substituted, stretched, or outlined. */
.brand,.wordmark,.footer-wordmark{font-family:HelpMe,serif;font-weight:400;font-style:normal;letter-spacing:0;text-transform:none}
.site-header{position:sticky;top:0;z-index:30;min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px var(--gutter);background:var(--bg);border-bottom:1px solid var(--line)}.brand{font-size:25px;line-height:1.45;white-space:nowrap}.desktop-nav{display:flex;gap:clamp(22px,2.3vw,45px);align-items:center}.desktop-nav a{display:flex;align-items:baseline;gap:8px;padding:15px 0;font-size:18px}.desktop-nav a span{font:16.5px var(--mono);color:var(--dim)}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--accent)}.desktop-nav a[aria-current] span{color:var(--accent)}.channel-link{display:flex;gap:20px;align-items:center;border-left:1px solid var(--line);padding:8px 0 8px 24px}.channel-link svg{width:17px;height:17px}.channel-link:hover{color:var(--accent)}.menu-button{display:none;width:46px;height:44px;border:1px solid var(--line);background:none;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-button span{display:block;width:18px;height:1px;background:var(--text)}
.hero{max-width:var(--max);margin:auto;padding:24px var(--gutter) 0;position:relative;min-height:calc(100svh - 80px);display:flex;flex-direction:column}.hero-topline{display:flex;justify-content:space-between;gap:24px;color:var(--muted)}.hero-topline>span:first-child{display:flex;gap:9px;align-items:center}.status-square{display:inline-block;width:6px;height:6px;background:var(--accent);flex-shrink:0}.wordmark{text-align:center;white-space:nowrap;font-size:clamp(72px,10.65vw,205px);line-height:1.22;margin:22px -4px 10px}.hero-matrix{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:36px;align-items:stretch;flex:1;min-height:440px}.hero-intro{padding:24px 0 32px;display:flex;flex-direction:column;align-items:flex-start}.hero-subtitle{font-size:clamp(43px,5.2vw,88px);line-height:.97;letter-spacing:0}.hero-subtitle>span{color:var(--accent)}.hero-description{margin:25px 0 28px;color:var(--muted);font-size:18px;line-height:1.55}.hero-listen{display:flex;align-items:center;gap:17px;font-size:22px;margin-top:auto}.play-square{width:58px;height:58px;display:grid;place-items:center;background:var(--accent);color:var(--bg);position:relative;transition:background .2s}.play-square::after{content:'';position:absolute;inset:5px;border:1px solid var(--bg);opacity:0;transition:opacity .2s}.hero-listen:hover .play-square{background:var(--text)}.hero-listen:hover .play-square::after{opacity:.7}.hero-listen-note{display:block;color:var(--muted);font-size:16.5px;margin-top:5px}.signal-frame{display:flex;flex-direction:column;min-width:0;border-left:1px solid var(--line);padding-left:20px}.signal-caption{display:flex;justify-content:space-between;gap:20px;padding:9px 0;color:var(--muted);font-size:16.5px}.signal-interaction{color:var(--dim)}.signal-art{position:relative;flex:1;min-height:330px;isolation:isolate;background-image:linear-gradient(var(--faint) 1px,transparent 1px),linear-gradient(90deg,var(--faint) 1px,transparent 1px);background-size:48px 48px;background-position:center}.signal-fallback,#signal-canvas{position:absolute;inset:0;width:100%;height:100%;color:#adc2c8;pointer-events:none}.signal-fallback{opacity:.74}.signal-art.canvas-ready .signal-fallback{visibility:hidden}.field-axis{position:absolute;display:block;background:var(--line);opacity:.8;pointer-events:none;z-index:0}.axis-x{top:50%;height:1px;left:0;right:0}.axis-y{left:50%;width:1px;top:0;bottom:0}.field-mark{position:absolute;font:18px var(--mono);color:var(--accent);line-height:1;pointer-events:none}.mark-a{left:-5px;top:-7px}.mark-b{right:-5px;top:-7px}.mark-c{left:-5px;bottom:-7px}.mark-d{right:-5px;bottom:-7px}.signal-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:53px;border-bottom:1px solid var(--line)}.signal-readout{display:flex;gap:16px;color:var(--dim);font-size:16.5px}.signal-readout b{color:var(--muted);font-weight:400;font-variant-numeric:tabular-nums}.field-mode{margin-left:10px}.motion-toggle{display:flex;align-items:center;gap:8px;min-height:44px;background:none;border:0;padding:0;color:var(--muted);font-size:16.5px;white-space:nowrap}.motion-toggle svg{width:13px;height:13px}.motion-toggle:hover{color:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0 20px;color:var(--muted);font-size:16.5px}.scroll-cue{display:flex;gap:32px;align-items:center;min-height:44px;color:var(--text)}.scroll-cue svg{width:17px;height:17px;transition:transform .25s}.scroll-cue:hover{color:var(--accent)}.scroll-cue:hover svg{transform:translateY(4px)}
/* Each section uses the same registration line, then its own composition. */
.section-kicker{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);margin-bottom:58px}.section-kicker b{color:var(--accent);font-weight:400}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:12px 0;border-bottom:1px solid var(--text);font-size:18px;min-height:44px;width:fit-content}.text-link svg{width:17px;height:17px;transition:transform .2s}.text-link:hover{color:var(--accent);border-color:var(--accent)}.text-link:hover svg{transform:translate(2px,-2px)}.square-button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:58px;padding:15px 22px;border:1px solid var(--accent);background:var(--accent);color:var(--bg);font-size:18px;transition:background .2s,color .2s}.square-button svg{width:19px;height:19px}.square-button:hover{background:var(--text);border-color:var(--text)}.square-button:focus-visible{outline-color:var(--text)}
.music-section{padding-top:70px}.archive-heading{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:56px;align-items:end;margin-bottom:54px}.archive-heading h2{font-size:clamp(52px,7.25vw,126px);letter-spacing:0;line-height:.99}.offset-line{display:block;margin-left:10%}.archive-heading em{font-weight:400;font-style:normal;color:var(--accent)}.archive-summary{padding-bottom:5px}.selection-count{display:flex;align-items:flex-start;justify-content:space-between;font-size:86px;line-height:1;letter-spacing:0;margin-bottom:15px}.selection-count>span{font-size:60px;line-height:.8;font-weight:300;color:var(--accent)}.archive-summary p{font-size:18px;line-height:1.55;color:var(--muted);margin-bottom:14px}.archive-summary .text-link{font-size:18px;gap:40px}.runtime-map{margin-bottom:45px}.runtime-label{display:flex;justify-content:space-between;color:var(--muted);font-size:16.5px;margin-bottom:12px}.runtime-segments{display:flex;gap:4px}.runtime-segments a{position:relative;display:flex;justify-content:space-between;gap:4px;flex:var(--length) 1 0;min-width:0;min-height:44px;padding-top:14px;font-size:16.5px;color:var(--muted);background:repeating-linear-gradient(90deg,var(--line),var(--line) 1px,transparent 1px,transparent 5px) top left / 100% 8px no-repeat}.runtime-segments a::after{content:'';height:2px;position:absolute;left:0;right:0;top:6px;background:var(--dim)}.runtime-segments a:hover{color:var(--accent)}.runtime-segments a:hover::after{background:var(--accent)}.runtime-segments a:last-child>span:last-child{display:none}.archive-labels,.track-row>a{display:grid;grid-template-columns:58px minmax(0,1.5fr) minmax(0,1fr) 110px 56px 48px;gap:24px;align-items:center}.archive-labels{padding:0 14px 14px;color:var(--muted);font-size:16.5px;border-bottom:1px solid var(--line)}.archive-labels>span:last-child{text-align:center}.track-row{border-bottom:1px solid var(--line)}.track-row>a{position:relative;padding:29px 14px;min-height:125px;transition:background .2s,color .2s}.row-index{color:var(--muted);font-size:25px;letter-spacing:0}.row-index>span{display:block;color:var(--dim);font-size:16.5px;letter-spacing:0;margin-top:4px}.row-title{min-width:0;transition:transform .25s}.row-title h3{font-size:clamp(26px,2.8vw,44px);line-height:1.08;letter-spacing:0;overflow-wrap:anywhere}.track-edit{display:block;font-size:16.5px;color:var(--muted);margin-top:7px}.row-artist{font-size:18px;color:var(--muted);line-height:1.5}.row-code{color:var(--dim)}.id-pattern{display:block;width:100%;height:24px;stroke-width:1;stroke-linecap:butt}.row-duration{font-size:16.5px;font-variant-numeric:tabular-nums;text-align:right;color:var(--muted)}.row-play{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line)}.row-play svg{width:16px;height:16px}.track-row>a:hover,.track-row>a:focus-visible{background:var(--accent);color:var(--bg)}.track-row>a:is(:hover,:focus-visible) :is(.row-index,.row-index>span,.track-edit,.row-artist,.row-code,.row-duration){color:#102126}.track-row>a:is(:hover,:focus-visible) .row-title{transform:translateX(5px)}.track-row>a:is(:hover,:focus-visible) .row-play{border-color:var(--bg);background:var(--bg);color:var(--accent)}.track-row>a:focus-visible{outline-offset:3px}.archive-end{display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--muted);margin-top:22px;font-size:16.5px}.archive-end a{display:flex;align-items:center;gap:16px;min-height:44px}.archive-end svg{width:14px;height:14px}.archive-end a:hover{color:var(--accent)}
.feature-section{padding-top:55px}.feature-section .section-kicker{margin-bottom:32px}.chroma-poster{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);padding:23px 28px 22px}.chroma-poster::before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}.chroma-poster::after{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--line)}.poster-top,.poster-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:16.5px}.poster-top>span:first-child{color:var(--accent)}.chroma-type{position:relative;isolation:isolate;text-align:center;height:clamp(300px,30vw,525px);display:flex;align-items:center;justify-content:center}.chroma-type h2,.chroma-echo{font-size:clamp(110px,20.5vw,360px);font-weight:400;line-height:1;letter-spacing:0;white-space:nowrap}.chroma-type h2{position:relative;transform:translateY(-10%);z-index:2}.chroma-type h2>span{color:var(--accent)}.chroma-echo{position:absolute;color:transparent;-webkit-text-stroke:1px #6d898f;pointer-events:none}.echo-one{transform:translateY(6%);opacity:.65}.echo-two{transform:translateY(22%);opacity:.25}.poster-bottom{margin-top:16px}.feature-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:27px}.feature-caption p{font-size:clamp(21px,2.2vw,33px);line-height:1.3;letter-spacing:0}
.about-section{padding-top:75px}.about-title{font-size:clamp(64px,10.7vw,184px);line-height:.98;letter-spacing:0;margin-bottom:55px}.about-title>span{display:block}.about-title>span:last-child{display:flex;align-items:center;justify-content:flex-end;gap:11%;font-style:normal;color:var(--accent);margin-top:5px}.feeling-mark{position:relative;display:block;flex-shrink:0;width:.52em;height:.52em;margin-top:.1em;transform:rotate(-12deg)}.feeling-mark::before,.feeling-mark::after{content:'';position:absolute;background:var(--accent)}.feeling-mark::before{top:calc(50% - 3px);left:0;right:0;height:6px}.feeling-mark::after{left:calc(50% - 3px);top:0;bottom:0;width:6px}.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12%;align-items:start}.about-aside{color:var(--muted);padding-top:8px;font-size:16.5px}.feeling-code{width:142px;margin-top:32px;color:var(--dim)}.feeling-code svg{height:53px}.about-copy p{font-size:clamp(19px,1.8vw,27px);line-height:1.5;letter-spacing:0;margin-bottom:25px}.about-copy p+p{font-size:22px;line-height:1.7;color:var(--muted);letter-spacing:0;max-width:560px}.about-copy .text-link{margin-top:5px}.feeling-index{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;list-style:none;border-top:1px solid var(--line);padding-top:20px;margin-top:70px;font-size:16.5px}.feeling-index li{display:flex;flex-direction:column;gap:10px}.feeling-index li>span{color:var(--dim);font-size:16.5px}
.objects-section{padding-top:65px}.objects-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:9%;align-items:stretch}.objects-copy{padding:5px 0 12px}.objects-copy h2{font-size:clamp(42px,4.4vw,75px);line-height:1.04;letter-spacing:0}.objects-copy h2>span{color:var(--muted)}.objects-copy p{color:var(--muted);font-size:18px;line-height:1.65;margin:32px 0 20px}.objects-specimen{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:390px;border:1px solid var(--line);padding:20px 22px;background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),var(--faint) calc(25% - 1px),var(--faint) 25%)}.objects-specimen::before,.objects-specimen::after{content:'';position:absolute;width:12px;height:12px;border-color:var(--accent);border-style:solid;pointer-events:none}.objects-specimen::before{top:-1px;left:-1px;border-width:1px 0 0 1px}.objects-specimen::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.specimen-top{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:16.5px}.specimen-number{font-size:clamp(140px,18vw,300px);font-weight:400;line-height:.85;letter-spacing:0;text-align:center;color:transparent;-webkit-text-stroke:1px #49636b;padding:22px 5px}.specimen-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px}.specimen-bottom>span{color:var(--muted);font-size:16.5px;display:flex;align-items:center;gap:9px;padding-bottom:4px}.specimen-bottom p{text-align:right;font-size:30px;line-height:1.1;letter-spacing:0}
.contact-section{padding-top:70px}.contact-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10%;align-items:end;margin:15px 0 72px}.contact-intro h2{font-size:clamp(84px,12vw,198px);line-height:.9;letter-spacing:0}.contact-intro h2>em{font-weight:400;color:var(--accent)}.contact-caret{display:inline-block;width:.14em;height:.66em;background:var(--accent);margin-left:.1em}.contact-intro>div{padding-bottom:4px}.contact-intro>div>p:first-child{font-size:clamp(23px,2.6vw,38px);line-height:1.2;letter-spacing:0}.contact-intro .contact-note{font-size:18px;line-height:1.6;color:var(--muted);margin:22px 0 28px}.email-link{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:clamp(26px,5.4vw,90px);letter-spacing:0;line-height:1.3;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0 33px}.email-link svg{width:clamp(24px,3.5vw,54px);height:clamp(24px,3.5vw,54px);stroke-width:1;transition:transform .25s}.email-link:hover{color:var(--accent)}.email-link:hover svg{transform:translate(4px,-4px)}
.site-footer{padding-top:25px;padding-bottom:25px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--muted);font-size:16.5px}.back-top,.footer-bottom a{display:flex;align-items:center;gap:18px;min-height:44px}.footer-top svg,.footer-bottom svg{width:16px;height:16px}.footer-top a:hover,.footer-bottom a:hover{color:var(--accent)}.footer-wordmark{display:block;text-align:center;white-space:nowrap;font-size:clamp(32px,10.65vw,205px);line-height:1.35;margin:22px -4px 26px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px}
/* Existing listening and contact flows, styled as part of the same system. */
dialog{color:var(--text);background:var(--surface);border:1px solid #3d565d;padding:30px;width:calc(100% - 48px);max-width:1180px;max-height:calc(100dvh - 48px);margin:auto;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#000d}.dialog-top,.menu-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:26px}.overline{display:block;color:var(--accent);font-size:16.5px;margin-bottom:8px}.dialog-top h2{font-size:clamp(28px,3vw,42px);letter-spacing:0;line-height:1.15}.icon-button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #3d565d;background:transparent}.icon-button:hover:not(:disabled){background:var(--accent);color:var(--bg);border-color:var(--accent)}.icon-button svg{width:20px;height:20px}.listening-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:30px}.listening-main{min-width:0}.video-stage{background:#000;aspect-ratio:16/9;min-width:200px;min-height:200px}.video-stage iframe{display:block;width:100%;height:100%;min-height:200px;border:0}.now-selected{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:23px}.now-selected .artist{font-size:18px;color:var(--muted);margin-bottom:5px}.now-selected h3{font-size:29px;letter-spacing:0;line-height:1.1}.track-controls{display:flex;gap:8px}.player-note{font-size:16.5px;line-height:1.8;color:var(--muted);margin-top:22px}.player-note a{display:inline-flex;gap:7px;align-items:center;text-decoration:underline;text-underline-offset:4px}.player-note a:hover{color:var(--accent)}.player-note svg{width:12px;height:12px}.queue-title{display:flex;justify-content:space-between;gap:14px;padding:5px 0 15px;font-size:16.5px;color:var(--muted);border-bottom:1px solid var(--line)}.listen-queue{list-style:none}.listen-queue>li{border-bottom:1px solid var(--line)}.queue-track{display:grid;grid-template-columns:23px minmax(0,1fr) 18px;gap:12px;align-items:center;width:100%;text-align:left;background:transparent;border:0;padding:16px 10px 16px 0;transition:background .15s}.queue-track:hover,.queue-track[aria-current="true"]{background:#10242a}.queue-track[aria-current="true"]{color:var(--accent)}.queue-number{font-size:16.5px;color:var(--muted)}.queue-name{display:block;font-size:18px;line-height:1.2}.queue-artist{display:block;font-size:16.5px;color:var(--muted);margin-top:6px;line-height:1.35}.queue-track svg{width:15px;height:15px}.contact-dialog{max-width:720px}.contact-dialog form{display:grid;gap:20px}.contact-dialog label{display:grid;gap:8px;font-size:18px;color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}input,select,textarea{width:100%;min-width:0;background:var(--bg);color:var(--text);border:1px solid #4e6972;border-radius:0;padding:13px 14px;font-size:22px}textarea{resize:vertical;min-height:125px}input::placeholder,textarea::placeholder{color:#82999e}select{min-height:51px}.form-submit{display:flex;align-items:center;justify-content:space-between;gap:20px}.form-submit p{font-size:16.5px;color:var(--muted);line-height:1.5}.form-status{border-left:2px solid var(--accent);padding:10px 15px;color:var(--text);font-size:18px;line-height:1.5}.mobile-menu{width:calc(100% - 32px);max-width:560px;padding:24px}.mobile-menu nav{display:flex;flex-direction:column;margin-bottom:25px}.mobile-menu nav a{font-size:clamp(30px,7vw,45px);letter-spacing:0;border-bottom:1px solid var(--line);padding:16px 0;display:flex;align-items:baseline;gap:20px}.mobile-menu nav a>span{font-size:16.5px;color:var(--accent);letter-spacing:0}.mobile-menu nav a:hover{color:var(--accent)}body:has(dialog[open]){overflow:hidden}
@media(min-width:1800px){.hero{min-height:920px}.signal-art{min-height:430px}}
@media(max-width:1150px){.desktop-nav{gap:20px}.desktop-nav a span{display:none}.site-header{gap:22px}.brand{font-size:23px}.channel-link{padding-left:18px;gap:14px}.signal-interaction,.field-mode{display:none}.hero-matrix{gap:25px}.signal-frame{padding-left:18px}.archive-heading{gap:40px;grid-template-columns:minmax(0,1fr) 185px}.archive-heading h2{font-size:7vw}.archive-labels,.track-row>a{grid-template-columns:42px minmax(0,1.35fr) minmax(0,1fr) 78px 48px 44px;gap:18px}.row-title h3{font-size:30px}.row-artist{font-size:18px}.runtime-segments a>span:last-child{display:none}.objects-content{gap:6%}.specimen-top{font-size:16.5px;gap:12px}.specimen-bottom>span{font-size:16.5px}.specimen-bottom p{font-size:26px}.objects-specimen{min-height:350px}}
@media(max-width:900px){.desktop-nav{display:none}.channel-link{margin-left:auto;border-left:0}.menu-button{display:flex}.hero-topline{font-size:16.5px}.hero-topline>span:last-child{max-width:190px;text-align:right}.hero-matrix{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:25px;min-height:380px}.hero-subtitle{font-size:44px}.hero-description{font-size:18px}.signal-caption{font-size:16.5px}.signal-art{min-height:300px}.signal-readout{gap:12px;font-size:16.5px}.signal-bottom{gap:10px;flex-wrap:wrap;padding:8px 0}.motion-toggle{font-size:16.5px;min-height:34px}.hero-bottom{font-size:16.5px}.hero-listen-note{font-size:16.5px}.hero-listen{font-size:22px;gap:14px}.play-square{width:53px;height:53px}.section-pad{padding-top:70px;padding-bottom:70px}.section-kicker{margin-bottom:42px;font-size:16.5px}.archive-heading{grid-template-columns:minmax(0,1fr) 150px;gap:30px}.archive-heading h2{font-size:7.1vw}.selection-count{font-size:65px}.selection-count>span{font-size:44px}.archive-summary p{font-size:18px}.archive-summary .text-link{font-size:18px;gap:18px}.archive-labels,.track-row>a{grid-template-columns:38px minmax(0,1.35fr) minmax(0,1fr) 50px 42px;gap:15px}.archive-labels>span:nth-child(4),.row-code{display:none}.track-row>a{padding:24px 10px;min-height:110px}.row-title h3{font-size:27px}.row-index{font-size:23px}.row-artist{font-size:18px}.chroma-poster{padding:20px}.chroma-type{height:290px}.about-grid{gap:8%;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.about-copy p{font-size:21px}.about-copy p+p{font-size:18px}.about-title{font-size:10.8vw}.feeling-index{font-size:16.5px;gap:12px}.objects-content{grid-template-columns:1fr 1fr;gap:6%}.objects-copy h2{font-size:43px}.objects-copy p{font-size:18px}.objects-specimen{padding:18px;min-height:340px}.specimen-top{flex-direction:column;gap:3px}.specimen-bottom{gap:12px}.specimen-bottom>span{max-width:100px;flex-wrap:wrap;gap:6px}.specimen-bottom p{font-size:24px}.contact-intro{gap:8%}.contact-intro h2{font-size:12.5vw}.contact-intro>div>p:first-child{font-size:26px}.contact-intro .contact-note{font-size:18px}.contact-intro .square-button{padding:14px 17px;gap:20px;font-size:18px}.listening-layout{grid-template-columns:1fr}.queue-panel{margin-top:10px}.listen-queue{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.queue-track{height:100%}.listen-queue>li{display:flex}.now-selected h3{font-size:26px}.footer-bottom{font-size:16.5px}}
@media(max-width:680px){:root{--gutter:24px}html{scroll-padding-top:76px}.site-header{min-height:70px;padding-top:7px;padding-bottom:7px;gap:16px}.brand{font-size:23px}.channel-link{font-size:16.5px;gap:9px;padding-left:0}.channel-link svg{width:14px;height:14px}.hero{padding-top:23px;min-height:0}.hero-topline{font-size:16.5px}.hero-topline>span:last-child{display:none}.wordmark{font-size:21.3vw;line-height:1.18;white-space:normal;margin:26px 0 22px;text-align:left}.wordmark span{display:block}.hero-matrix{grid-template-columns:1fr;gap:32px;min-height:0}.hero-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:18px 22px;padding:5px 0 0;align-items:end}.hero-subtitle{font-size:clamp(34px,7.5vw,47px);grid-row:1 / 3;line-height:1.05;letter-spacing:0}.hero-description{font-size:16.5px;margin:0;align-self:start}.hero-listen{grid-column:2;gap:10px;font-size:18px;align-self:end}.hero-listen-note{font-size:16.5px;line-height:1.5;margin-top:3px;max-width:110px}.play-square{width:40px;height:48px;flex-shrink:0}.play-square svg{width:19px;height:19px}.signal-frame{border-left:0;padding:0}.signal-caption{font-size:16.5px;padding-bottom:13px}.signal-art{height:300px;min-height:0;flex:auto}.signal-bottom{flex-wrap:nowrap;padding:5px 0;min-height:51px}.signal-readout{font-size:16.5px;gap:15px}.motion-toggle{font-size:16.5px;min-height:44px}.hero-bottom{padding:17px 0 9px;align-items:center;font-size:16.5px;gap:22px}.hero-bottom>span{max-width:135px}.scroll-cue{gap:10px;font-size:16.5px;max-width:150px;line-height:1.6}.scroll-cue svg{width:14px;height:14px}.section-pad{padding:62px var(--gutter)}.section-kicker{font-size:16.5px;gap:20px;margin-bottom:37px;padding-top:14px}.section-kicker>span:last-child{text-align:right;max-width:130px}.archive-heading{display:block;margin-bottom:32px}.archive-heading h2{font-size:clamp(40px,9.3vw,61px);letter-spacing:0;line-height:1.03}.offset-line{margin-left:7%}.archive-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end;margin-top:28px;padding:0}.selection-count{display:none}.archive-summary p{font-size:18px;margin:0}.archive-summary .text-link{justify-self:end;font-size:16.5px;padding:9px 0;gap:18px}.runtime-map{display:none}.archive-labels{grid-template-columns:31px 1fr 42px;gap:12px;padding:0 0 13px;font-size:16.5px}.archive-labels>span:nth-child(3),.archive-labels>span:nth-child(5){display:none}.archive-labels>span:last-child{font-size:16.5px}.track-row>a{grid-template-columns:31px minmax(0,1fr) 42px;grid-template-rows:auto auto;gap:8px 12px;padding:24px 0;min-height:114px}.row-index{grid-row:1 / 3;align-self:start;font-size:22px;padding-top:5px}.row-index>span{font-size:16.5px;margin-top:4px}.row-title{grid-column:2;grid-row:1}.row-title h3{font-size:clamp(24px,5.7vw,34px);line-height:1.1;letter-spacing:0}.row-artist{grid-column:2;grid-row:2;font-size:16.5px}.track-edit{font-size:16.5px;margin-top:5px}.row-play{grid-column:3;grid-row:1;width:40px;height:40px;align-self:center}.row-duration{grid-column:3;grid-row:2;font-size:16.5px;text-align:center}.track-row>a:is(:hover,:focus-visible) .row-title{transform:none}.archive-end{font-size:16.5px;gap:20px;margin-top:16px}.archive-end>span{max-width:145px}.archive-end a{font-size:16.5px;gap:8px;white-space:nowrap}.archive-end svg{width:12px;height:12px}.feature-section .section-kicker{margin-bottom:25px}.chroma-poster{padding:16px}.poster-top,.poster-bottom{font-size:16.5px;gap:15px}.chroma-type{height:210px}.chroma-type h2,.chroma-echo{font-size:21.5vw}.poster-bottom>span:last-child{display:none}.feature-caption{align-items:flex-start;gap:20px;margin-top:23px}.feature-caption p{font-size:22px;line-height:1.4;letter-spacing:0}.feature-caption .square-button{font-size:16.5px;gap:12px;padding:12px 13px;min-height:49px;white-space:nowrap}.square-button svg{width:15px;height:15px}.about-title{font-size:clamp(48px,12.6vw,83px);letter-spacing:0;margin-bottom:37px;line-height:1.05}.about-title>span:last-child{gap:11%;margin-top:1px}.feeling-mark{width:.5em;height:.5em}.feeling-mark::before{height:3px;top:calc(50% - 1.5px)}.feeling-mark::after{width:3px;left:calc(50% - 1.5px)}.about-grid{grid-template-columns:1fr;gap:25px}.about-aside{display:flex;justify-content:space-between;align-items:center;font-size:16.5px;padding:0}.feeling-code{width:70px;margin:0}.feeling-code svg{height:23px}.about-copy p{font-size:21px;line-height:1.5;margin-bottom:23px}.about-copy p+p{font-size:18px;line-height:1.65}.about-copy .text-link{margin-top:0;font-size:18px}.feeling-index{grid-template-columns:repeat(3,1fr);row-gap:25px;column-gap:13px;font-size:16.5px;margin-top:40px}.feeling-index li{gap:6px}.feeling-index li>span{font-size:16.5px}.objects-content{grid-template-columns:1fr;gap:32px}.objects-copy{padding:0}.objects-copy h2{font-size:clamp(42px,9.8vw,63px)}.objects-copy h2 br:last-child{display:none}.objects-copy p{font-size:18px;margin:25px 0 16px}.objects-copy .text-link{font-size:18px}.objects-specimen{min-height:330px;padding:20px}.specimen-top{flex-direction:row;font-size:16.5px;gap:18px}.specimen-number{font-size:50vw;padding:20px 5px}.specimen-bottom{gap:20px}.specimen-bottom>span{font-size:16.5px;max-width:none;gap:7px}.specimen-bottom p{font-size:26px}.contact-intro{grid-template-columns:1fr;gap:32px;margin:10px 0 42px}.contact-intro h2{font-size:23vw;line-height:.92}.contact-intro>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.contact-intro>div>p:first-child{font-size:23px;grid-column:1 / -1}.contact-intro .contact-note{font-size:16.5px;margin:0}.contact-intro .square-button{font-size:16.5px;gap:12px;min-height:51px;padding:12px 14px}.email-link{font-size:clamp(23px,5.9vw,39px);letter-spacing:0;gap:12px;padding:22px 0}.email-link svg{width:22px;height:22px}.site-footer{padding-top:12px;padding-bottom:20px}.footer-top,.footer-bottom{font-size:16.5px;gap:20px}.footer-top>span{max-width:120px}.back-top{gap:8px}.footer-top svg{width:13px;height:13px}.footer-wordmark{font-size:10.25vw;line-height:1.4;margin:29px 0 31px}.footer-bottom{flex-wrap:wrap;row-gap:8px;padding-top:17px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom svg{width:12px;height:12px}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:20px}.dialog-top{padding-bottom:20px;margin-bottom:20px;gap:18px}.dialog-top h2{font-size:29px}.overline{font-size:16.5px}.listening-layout{gap:20px}.video-stage{min-width:200px;min-height:200px;aspect-ratio:auto;height:220px}.video-stage iframe{min-height:200px}.now-selected{align-items:flex-start;gap:15px;margin-top:20px}.now-selected h3{font-size:24px}.now-selected .artist{font-size:16.5px}.track-controls{gap:5px}.track-controls .icon-button{width:38px;height:42px}.player-note{font-size:16.5px}.listen-queue{grid-template-columns:1fr}.queue-title{font-size:16.5px}.queue-name{font-size:18px}.queue-artist{font-size:16.5px}.form-row{grid-template-columns:1fr;gap:18px}.form-submit{flex-direction:column;align-items:stretch;gap:17px}.form-submit .square-button{justify-content:space-between}.contact-dialog form{gap:18px}.mobile-menu{padding:20px}.mobile-menu .brand{font-size:23px}.mobile-menu nav a{font-size:35px}}
@media(max-width:380px){:root{--gutter:20px}.site-header{gap:10px}.brand{font-size:21px}.channel-link{font-size:16.5px;gap:6px}.menu-button{width:41px}.hero-intro{gap:16px}.hero-subtitle{font-size:33px}.hero-description{font-size:16.5px}.hero-listen{gap:8px;font-size:18px}.hero-listen-note{font-size:16.5px}.signal-art{height:260px}.archive-heading h2{font-size:39px}.track-row>a{column-gap:10px}.row-title h3{font-size:24px}.feature-caption{flex-direction:column;gap:18px}.feature-caption p br{display:none}.chroma-type{height:180px}.contact-intro>div{gap:14px}.contact-intro .square-button{font-size:16.5px;padding:10px 12px}.email-link{font-size:22px}.objects-specimen{min-height:300px}.specimen-top{font-size:16.5px}}
@media(hover:none){.signal-interaction{display:none}.track-row>a:hover .row-title{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
html.motion-paused{scroll-behavior:auto}html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation:none!important;transition:none!important}

.no-script-nav{display:flex;flex-wrap:wrap;gap:12px 25px;padding:15px var(--gutter);border-bottom:1px solid var(--line)}.no-script-nav a{padding:8px 0}.signal-fallback,#signal-canvas{z-index:1}.field-mark{z-index:2}
@media(max-width:680px){.channel-link{display:none}.menu-button{margin-left:auto}.hero-intro{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.hero-listen-note{max-width:none}.hero-listen{gap:9px}.hero-description{font-size:16.5px}.footer-top .back-top{font-size:16.5px}}

@media(max-width:680px){.hero-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:23px 20px}.hero-subtitle{grid-column:1 / -1;grid-row:1;font-size:clamp(34px,9.5vw,54px);line-height:1.04}.hero-subtitle br:nth-of-type(2){display:none}.hero-description{grid-column:1;grid-row:2;align-self:center}.hero-listen{grid-column:2;grid-row:2;justify-self:end;align-self:center;margin:0}.specimen-number{font-size:46vw}}

/* Bitmap edition: responsive optical sizes for the wider square letterforms. */
body{font-synthesis:none;line-height:1.6}
em{font-style:normal}
.hero-subtitle,.archive-heading h2,.chroma-type h2,.chroma-echo,.about-title,.objects-copy h2,.contact-intro h2,.row-title h3,.selection-count,.specimen-number{font-family:var(--display);font-weight:400;font-style:normal;letter-spacing:0}
.hero-subtitle{font-size:clamp(28px,3.4vw,60px);line-height:1.2}
.hero-description{font-size:18px;line-height:1.6}
.hero-listen{font-size:22px;line-height:1.3}
.hero-listen-note{font-size:16.5px;line-height:1.6}
.desktop-nav{gap:clamp(16px,1.7vw,32px)}
.desktop-nav a{font-size:18px;gap:8px}
.hero-topline,.section-kicker{font-size:16.5px}
.signal-caption,.signal-readout,.motion-toggle,.hero-bottom{font-size:14px}
.field-mode{display:none}
.archive-heading h2{font-size:clamp(34px,5.55vw,96px);line-height:1.15}
.archive-heading em{font-style:normal}
.archive-summary p{font-size:18px;line-height:1.5}
.selection-count{font-size:72px;line-height:1.2}
.selection-count>span{font-family:var(--font);font-size:55px}
.row-title h3{font-size:clamp(22px,1.85vw,32px);line-height:1.4;overflow-wrap:normal;word-break:normal}
.row-artist{font-size:18px;overflow-wrap:anywhere}
.track-edit{font-family:var(--mono);font-size:14px;line-height:1.5}
.row-duration{font-size:16.5px}
.row-index{letter-spacing:0}
.chroma-type{height:clamp(240px,24vw,420px)}
.chroma-type h2,.chroma-echo{font-size:clamp(96px,15.5vw,270px);line-height:1.1}
.about-title{font-size:clamp(56px,8.4vw,144px);line-height:1.15}
.about-title>span:last-child{font-style:normal;gap:9%}
.about-copy p{font-size:22px;line-height:1.7}
.about-copy p+p{font-size:22px;line-height:1.7}
.objects-copy h2{font-size:clamp(24px,2.9vw,48px);line-height:1.3}
.objects-copy p{font-size:18px;line-height:1.6}
.specimen-number{font-size:clamp(104px,15vw,270px);line-height:1.15;padding:24px 0}
.specimen-bottom p{font-size:28px;line-height:1.2}
.contact-intro h2{font-size:clamp(64px,9.1vw,160px);line-height:1.15}
.contact-intro>div>p:first-child{font-size:clamp(22px,2vw,33px);line-height:1.5}
.contact-intro .contact-note{font-size:18px;line-height:1.6}
.email-link{font-size:clamp(24px,5vw,80px);line-height:1.5}
.dialog-top h2{font-size:clamp(24px,2.6vw,36px);line-height:1.4}
.contact-dialog label{font-size:18px}
.queue-track{grid-template-columns:26px minmax(0,1fr) 18px}
.queue-name{font-size:18px;line-height:1.5}
.queue-artist{font-size:16.5px;line-height:1.6}
.player-note,.form-submit p,.form-status{font-size:16.5px;line-height:1.6}
.now-selected h3{font-size:26px;line-height:1.4}
input,select,textarea{font-size:22px;line-height:1.5}
.footer-top,.footer-bottom{font-size:16.5px}
@media(max-width:1150px){
 .desktop-nav{gap:18px}.desktop-nav a{font-size:16.5px}
 .signal-interaction{display:none}
 .archive-heading h2{font-size:5.55vw}
 .row-title h3{font-size:24px}
 .row-artist{font-size:16.5px}
 .about-title{font-size:8.4vw}
 .specimen-top,.specimen-bottom>span{font-size:14px}
}
@media(max-width:900px){
 .hero-subtitle{font-size:clamp(28px,3.4vw,40px)}
 .hero-topline>span:last-child{max-width:240px}
 .signal-bottom{gap:12px}.signal-readout,.motion-toggle{font-size:14px}
 .archive-heading h2{font-size:5.55vw}
 .row-title h3{font-size:22px}
 .row-artist{font-size:16.5px}
 .objects-copy h2{font-size:clamp(24px,2.9vw,34px)}
 .specimen-bottom{align-items:flex-end;gap:15px}.specimen-bottom>span{max-width:110px;line-height:1.6}
 .specimen-bottom p{font-size:24px}
 .chroma-type h2,.chroma-echo{font-size:15.5vw}
 .contact-intro h2{font-size:9.1vw}
 .contact-intro .square-button{font-size:18px;gap:18px}
 .contact-intro>div>p:first-child{font-size:22px}
 .contact-intro .contact-note{font-size:18px}
 .footer-bottom{font-size:14px}
}
@media(max-width:680px){
 .hero-topline{font-size:14px}
 .hero-subtitle{font-size:clamp(28px,7.6vw,48px);line-height:1.2}
 .hero-subtitle br:nth-of-type(2){display:initial}
 .hero-description{font-size:16.5px;line-height:1.6}
 .hero-listen{font-size:18px;line-height:1.3}
 .hero-listen-note{display:none}
 .signal-caption{font-size:14px}
 .signal-bottom{flex-wrap:wrap;gap:0 10px}
 .signal-readout{font-size:14px;gap:12px}
 .motion-toggle{font-size:14px;min-height:44px}
 .hero-bottom,.scroll-cue{font-size:14px}
 .hero-bottom>span{max-width:150px}
 .scroll-cue{max-width:165px}
 .section-kicker{font-size:14px}
 .archive-heading h2{font-size:clamp(28px,7.5vw,48px);line-height:1.2}
 .archive-summary p{font-size:16.5px}
 .archive-summary .text-link{font-size:16.5px;gap:12px}
 .archive-labels{grid-template-columns:44px minmax(0,1fr) 48px;gap:12px;font-size:14px}
 .archive-labels>span:last-child{font-size:14px}
 .track-row>a{grid-template-columns:44px minmax(0,1fr) 48px;column-gap:12px}
 .row-index{font-size:22px}
 .row-index>span{font-size:14px}
 .row-title h3{font-size:clamp(20px,4.8vw,26px);line-height:1.4;overflow-wrap:anywhere}
 .row-artist{font-size:16.5px;line-height:1.5}
 .row-duration{font-size:16.5px}
 .row-play{justify-self:center}
 .track-edit{font-size:14px}
 .archive-end{font-size:14px;align-items:flex-start}
 .archive-end>span{max-width:145px}
 .archive-end a{font-size:14px;white-space:normal;gap:8px;max-width:140px}
 .chroma-type{height:clamp(120px,29vw,200px)}
 .chroma-type h2,.chroma-echo{font-size:14vw}
 .poster-top,.poster-bottom{font-size:14px}
 .feature-caption{flex-direction:column;gap:20px}
 .feature-caption p{font-size:22px;line-height:1.5}
 .feature-caption .square-button{font-size:18px;padding:14px 18px;gap:24px}
 .about-title{font-size:clamp(28px,9.1vw,62px);line-height:1.2}
 .about-aside{font-size:14px;gap:16px}
 .feeling-code{width:55px;flex-shrink:0}
 .about-copy p,.about-copy p+p{font-size:22px;line-height:1.65}
 .about-copy .text-link{font-size:18px}
 .feeling-index,.feeling-index li>span{font-size:14px}
 .objects-copy h2{font-size:clamp(24px,6.5vw,42px);line-height:1.3}
 .objects-copy h2 br:last-child{display:initial}
 .objects-copy p{font-size:18px;line-height:1.6}
 .objects-copy .text-link{font-size:18px}
 .specimen-top,.specimen-bottom>span{font-size:14px}
 .specimen-number{font-size:32vw;padding:20px 0}
 .specimen-bottom>span{max-width:140px}
 .specimen-bottom p{font-size:24px}
 .contact-intro h2{font-size:15.5vw;line-height:1.15}
 .contact-intro>div{grid-template-columns:1fr;gap:20px}
 .contact-intro>div>p:first-child{font-size:22px}
 .contact-intro .contact-note{font-size:18px}
 .contact-intro .square-button{font-size:18px;justify-self:start;padding:14px 18px;gap:24px}
 .email-link{font-size:clamp(19px,5.6vw,36px);gap:10px}
 .footer-top,.footer-bottom,.footer-top .back-top{font-size:14px}
 .footer-top>span{max-width:140px}.back-top{gap:8px}
 .now-selected{flex-direction:column;gap:16px}
 .track-controls{align-self:flex-end}
 .now-selected .artist{font-size:16.5px}.now-selected h3{font-size:24px}
 .dialog-top h2{font-size:24px;line-height:1.4}
 .overline,.queue-title{font-size:14px}
 .queue-name{font-size:18px}.queue-artist{font-size:16.5px}
 .player-note{font-size:16.5px}
 .mobile-menu nav a{font-size:clamp(24px,6vw,36px)}
 .mobile-menu nav a>span{font-size:16.5px}
}

@media(max-width:1280px){.desktop-nav a span{display:none}}
@media(max-width:1000px){.desktop-nav{display:none}.menu-button{display:flex}.channel-link{margin-left:auto}}

/* Live archive: the same black surface, pixel type, and registration lines. */
.archive-feed-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:16px 0 26px;color:var(--muted);font-size:14px}
#feed-status{display:flex;align-items:center;gap:9px;text-align:right}
#feed-status::before{content:'';width:5px;height:5px;flex:0 0 5px;background:var(--dim)}
#feed-status[data-state="connected"]::before{background:var(--accent)}
.feed-empty{padding:28px 0;color:var(--muted);font-size:18px;line-height:1.7;max-width:680px}
.track-edit[datetime]{display:block}
.popular-archive{border-top:1px solid var(--line);margin-top:96px;padding-top:28px}
.popular-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}
.popular-heading h3{font-family:var(--display);font-size:clamp(30px,4.4vw,68px);line-height:1.16;letter-spacing:0}
.popular-heading h3>span{color:var(--accent)}
.popular-heading>p{font-size:14px;color:var(--muted);max-width:230px;text-align:right;padding-bottom:5px}
.popular-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid var(--line);margin-bottom:20px}
.popular-grid:empty{display:none}
.popular-item{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.popular-item:nth-child(-n+3){border-top:1px solid var(--line)}
.popular-track{height:100%;min-height:300px;display:flex;flex-direction:column;padding:25px;position:relative;transition:color .2s,box-shadow .2s;background:#000}
.popular-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;color:var(--muted);margin-bottom:30px}
.popular-rank{color:var(--accent);font-size:22px}
.popular-track h4{font-family:var(--display);font-size:clamp(22px,2vw,32px);font-weight:400;line-height:1.35;margin:0 0 10px;overflow-wrap:anywhere}
.popular-artist{color:var(--muted);font-size:16.5px;line-height:1.6;margin-bottom:28px;overflow-wrap:anywhere}
.popular-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16.5px;margin-top:auto}
.popular-play{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);color:var(--accent)}
.popular-play svg{width:15px;height:15px}
.popular-meter{height:3px;background:var(--line);margin-top:16px;position:relative;display:block}
.popular-meter::after{content:'';position:absolute;inset:0;background:var(--accent);transform:scaleX(var(--share));transform-origin:left}
.popular-track:hover,.popular-track:focus-visible{box-shadow:inset 0 0 0 1px var(--accent)}
.popular-track:hover .popular-play{background:var(--accent);color:#000;border-color:var(--accent)}
.popular-archive>.text-link{font-size:16.5px}
.chroma-type.is-dynamic{height:auto;min-height:clamp(250px,30vw,525px);display:grid;place-items:center;padding:55px 14px;min-width:0}
.chroma-type.is-dynamic h2,.chroma-type.is-dynamic .chroma-echo{grid-area:1 / 1;position:relative;white-space:normal;overflow-wrap:anywhere;text-wrap:balance;max-width:100%;font-size:clamp(26px,var(--focus-size,8vw),300px);line-height:1.16}
.chroma-type.is-dynamic h2{z-index:2}
.chroma-type.is-dynamic .chroma-echo{z-index:0}
.focus-releases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin-top:45px;border-top:1px solid var(--line);column-gap:40px}
.focus-releases:empty{display:none}
.focus-releases li{border-bottom:1px solid var(--line);min-width:0}
.focus-release{display:grid;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:16px;padding:23px 0;min-height:108px}
.focus-number{font-size:16.5px;color:var(--accent)}
.focus-release-title{display:block;font-size:20px;line-height:1.45;overflow-wrap:anywhere}
.focus-release time{display:block;font-size:14px;color:var(--muted);margin-top:8px}
.focus-release svg{width:16px;height:16px;color:var(--accent)}
.focus-release:hover .focus-release-title{color:var(--accent)}
.video-external{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:200px;height:100%;padding:25px;text-align:center;font-size:18px;color:var(--muted)}
@media(max-width:1000px){
 .popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .popular-item:nth-child(3){border-top:0}
 .popular-track{min-height:280px}
 .focus-releases{column-gap:24px}
}
@media(max-width:680px){
 .archive-feed-line{flex-direction:column;gap:8px;padding-top:12px;font-size:14px}
 #feed-status{text-align:left}
 .popular-archive{margin-top:64px;padding-top:22px}
 .popular-heading{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:25px}
 .popular-heading h3{font-size:clamp(27px,7.5vw,44px)}
 .popular-heading>p{text-align:left;max-width:none;font-size:14px}
 .popular-grid{grid-template-columns:minmax(0,1fr)}
 .popular-item:nth-child(2){border-top:0}
 .popular-track{padding:22px;min-height:240px}
 .popular-track h4{font-size:22px}
 .popular-meta{margin-bottom:20px}
 .popular-artist{margin-bottom:20px}
 .chroma-type.is-dynamic{min-height:240px;padding:42px 0}
 .chroma-type.is-dynamic h2,.chroma-type.is-dynamic .chroma-echo{font-size:clamp(25px,var(--focus-size,8vw),100px)}
 .poster-bottom{gap:12px;flex-wrap:wrap}
 .focus-releases{grid-template-columns:minmax(0,1fr);margin-top:32px}
 .focus-release{padding:20px 0;gap:12px}
 .focus-release-title{font-size:18px}
 .feed-empty{font-size:16.5px}
}

/* Practical details follow the same quiet, pixel-led visual language. */
.runtime-segments a{overflow:hidden}
.row-title,.row-artist{min-width:0;overflow-wrap:anywhere}
.row-index{overflow-wrap:anywhere}
.archive-tools{display:grid;grid-template-columns:auto minmax(150px,1fr) auto;align-items:center;gap:20px;margin:28px 0;font-size:16.5px}
.archive-tools label{color:var(--muted)}
.archive-tools input{min-width:0;width:100%;background:#000;border:1px solid var(--line);color:var(--text);padding:13px 15px;border-radius:0}
.archive-tools input:focus{border-color:var(--accent)}
.archive-tools [role=status]{color:var(--muted);font-size:14px}
.archive-more{background:#000;color:var(--text);margin-top:28px}
.footer-legal{display:flex;flex-wrap:wrap;gap:16px 28px;border-top:1px solid var(--line);padding-top:24px;margin-top:25px;color:var(--muted);font-size:14px}
.footer-legal a{padding:8px 0;overflow-wrap:anywhere}
.footer-legal a:hover{color:var(--accent)}
.video-stage{position:relative}
.video-stage .video-external{height:100%;overflow:auto;font-size:16.5px;min-height:220px}
.video-external a:last-child{text-decoration:underline;font-size:14px}
.player-loading{position:absolute;inset:0;display:grid;place-content:center;pointer-events:none;padding:25px;text-align:center;font-size:16.5px;z-index:1;background:#000}
input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--accent);outline:1px solid var(--accent)}
.form-status{border-left:2px solid var(--accent);padding:12px 16px}
.mobile-listen{display:none}
.privacy-dialog{max-width:680px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);border:1px solid var(--line);background:#000;color:var(--text);padding:30px}
.privacy-dialog::backdrop{background:rgb(0 0 0 / .8)}
.privacy-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.privacy-heading h2{font-size:clamp(25px,5vw,36px);line-height:1.3;margin:14px 0 22px}
.privacy-close{border:1px solid var(--line);background:#000;font-size:28px;min-width:44px;min-height:44px}
.privacy-intro,.privacy-detail{font-size:16.5px;color:var(--muted)}
.privacy-option{display:flex;gap:16px;padding:23px 0;border-bottom:1px solid var(--line);font-size:18px;align-items:flex-start}
.privacy-option input{appearance:auto;accent-color:var(--accent);width:22px;height:22px;flex-shrink:0;margin:4px 0 0}
.privacy-option small{display:block;font-size:14px;color:var(--muted);margin-top:9px;line-height:1.7}
.privacy-actions{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0}
.privacy-actions button{font-size:16.5px;background:#000}
.privacy-detail{font-size:14px}.privacy-detail a{text-decoration:underline}
.privacy-signal{font-size:14px;color:var(--accent);margin-top:16px}
.document-page{min-height:100svh}
.document-main{max-width:1120px;padding-top:75px;padding-bottom:100px}
.document-kicker{font-size:14px;display:flex;justify-content:space-between;gap:16px;color:var(--accent);border-top:1px solid var(--line);padding-top:15px}
.document-main h1{font-size:clamp(38px,6.2vw,82px);line-height:1.17;margin:38px 0 30px;overflow-wrap:anywhere}
.document-lead{font-size:clamp(20px,2.4vw,28px);color:var(--muted);max-width:750px;margin-bottom:50px}
.document-copy{max-width:760px}
.document-copy section{margin:36px 0;border-top:1px solid var(--line);padding-top:25px}
.document-copy h2{font-size:24px;margin-bottom:16px;color:var(--accent)}
.document-copy p{font-size:18px;line-height:1.8;margin:14px 0;overflow-wrap:anywhere}
.document-copy a{text-decoration:underline;text-underline-offset:4px}
.document-actions{display:flex;gap:20px;flex-wrap:wrap;margin:38px 0}
.error-code{font-size:clamp(110px,26vw,320px);line-height:1;color:var(--accent);letter-spacing:-.05em;border-bottom:1px solid var(--line);padding:35px 0;user-select:none}
.document-footer{max-width:1120px;padding-top:0;padding-bottom:40px}
@media(max-width:900px){.archive-tools{grid-template-columns:auto 1fr}.archive-tools [role=status]{grid-column:1 / -1}.selection-count{font-size:50px}}
@media(max-width:680px){
 body:not(.document-page){padding-bottom:calc(70px + env(safe-area-inset-bottom))}
 .mobile-listen{position:fixed;display:flex;justify-content:space-between;align-items:center;bottom:0;left:0;right:0;z-index:35;min-height:64px;padding:16px var(--gutter) calc(16px + env(safe-area-inset-bottom));background:#000;border-top:1px solid var(--accent);color:var(--accent);font-size:16.5px}
 .archive-tools{grid-template-columns:minmax(0,1fr);gap:10px}.archive-tools [role=status]{grid-column:1}
 .row-index>span{display:none}.row-index{font-size:16.5px}
 .feature-caption{flex-wrap:wrap}.feature-caption .square-button{white-space:normal}
 .footer-legal{gap:8px 24px}.footer-legal a:last-child{width:100%}
 .privacy-dialog{padding:22px}.privacy-actions{display:grid;grid-template-columns:1fr}.privacy-actions button{justify-content:center;white-space:normal}
 .document-main{padding-top:36px;padding-bottom:50px}.document-copy p{font-size:16.5px}.document-main h1{margin:30px 0 24px}.document-kicker{font-size:14px;flex-wrap:wrap}
 .player-loading{font-size:14px}
}