/*
Theme Name: Sebastian Smit — Archiwum Radio
Theme URI: https://art.co.pl/
Author: Sebastian Smit
Description: Alternatywny motyw archiwum inspirowany bursztynowym wyświetlaczem i skalą analogowego radia.
Version: 1.1.2
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: ss-archive-radio
*/
:root{--bg:#f4f4f2;--ink:#171717;--line:#cfcfcb;--muted:#686865;--accent:#244bef;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.25;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{margin:0 3.5%;padding:29px 0 27px;border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.signature{font-size:30px;font-weight:600;letter-spacing:-1.7px;text-decoration:none}.signature span{font-size:13px;vertical-align:top;margin-left:4px;letter-spacing:0}.header-note{font-size:14px;margin-top:9px}.edition{font-size:13px;line-height:1.4;text-align:right}main{padding:0 3.5%}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:34px}.section-label{font-size:14px}.section-label span{font-size:12px;margin-left:12px;vertical-align:super}.searchbox{width:360px;display:flex;align-items:center;border-bottom:1px solid var(--ink);gap:10px;padding:9px 0}.searchbox>span{font-size:28px;line-height:20px}.searchbox input{width:100%;border:0;outline:none;background:none;font-size:14px;padding:3px}.searchbox kbd{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:2px 6px}.filters{display:flex;align-items:center;gap:20px;margin:22px 0 0}.filters select{border:0;background:transparent;font-size:14px;color:var(--muted);padding:8px 20px 8px 0;max-width:55%}.filters>span{margin-left:auto;color:var(--muted);font-size:13px}.archive{display:grid;grid-template-columns:35px minmax(0,1fr) 70px;align-items:center;height:clamp(400px,58vh,650px);position:relative}.rail span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;letter-spacing:1.3px;color:var(--muted)}.stage{height:100%;position:relative;overflow:hidden;touch-action:pan-x}.wheel{height:100%;position:relative;perspective:1000px;outline-offset:-8px!important;cursor:grab;touch-action:pan-x}.wheel:active{cursor:grabbing}.wheel-row{position:absolute;left:2%;width:96%;top:50%;height:82px;margin-top:-41px;padding:0 36px 0 0;display:flex;gap:22px;align-items:center;border:0;background:none;text-align:left;backface-visibility:hidden;transform-origin:center center;will-change:transform,opacity;transition:color .2s;pointer-events:auto}.wheel-row .name{font-size:clamp(26px,3.85vw,66px);font-weight:500;letter-spacing:-.055em;line-height:1.02;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.wheel-row .number{font-size:12px;letter-spacing:0;min-width:30px;color:var(--muted);align-self:center}.wheel-row.active{color:var(--ink)}.wheel-row.active .number{color:var(--ink)}.wheel-row .plus{position:absolute;right:0;font-size:30px;font-weight:300;display:none}.wheel-row.active .plus{display:block}.selection-line{position:absolute;top:50%;margin-top:-49px;height:98px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;pointer-events:none}.position{display:flex;align-items:flex-end;flex-direction:column;gap:25px;font-size:12px}.position>span{writing-mode:vertical-rl}.position>div{display:flex;flex-direction:column;gap:10px}.position button{height:36px;width:36px;border:1px solid var(--line);border-radius:50%;background:none;font-size:20px}.position button:hover{background:var(--ink);color:var(--bg)}.under-wheel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0 25px;border-bottom:1px solid var(--ink);font-size:13px;color:var(--muted)}#open-selected{border:0;background:none;font-size:14px;color:var(--ink)}#open-selected span{margin-left:24px}.hint{font-size:12px}footer{margin:0 3.5%;padding:28px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;z-index:99;background:white;padding:20px}#empty{padding:80px 20px}#empty h2{font-size:clamp(35px,5vw,70px);font-weight:400;letter-spacing:-.04em}#empty button{background:var(--ink);color:white;border:0;padding:12px 18px}[hidden]{display:none!important}
#detail{padding:35px 0 65px;scroll-margin-top:20px;animation:detail-in .4s ease-out}.detail-top{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:13px;color:var(--muted)}.close-detail{border:0;background:none;padding:10px 0;font-size:14px}.detail-title{max-width:1200px;font-size:clamp(36px,5.3vw,82px);font-weight:400;letter-spacing:-.055em;line-height:1.04;margin:35px 0 50px;overflow-wrap:anywhere}.detail-layout{display:grid;grid-template-columns:1fr 2fr;gap:10%}.metadata{margin:0;font-size:14px;line-height:1.5}.metadata dt{color:var(--muted);font-size:12px;margin-bottom:5px}.metadata dd{margin:0 0 25px}.description{font-size:18px;line-height:1.65;white-space:pre-line;margin:0 0 24px;max-width:780px;overflow-wrap:anywhere}.muted{color:var(--muted);font-size:16px;line-height:1.5}.sources{margin:32px 0}.sources h2{font-size:13px;font-weight:400;color:var(--muted)}.source-link{display:block;width:fit-content;max-width:100%;overflow-wrap:anywhere;font-size:14px;line-height:1.5;text-underline-offset:5px;margin:12px 0}.source-link:hover{color:var(--accent)}.record-note{font-size:13px;line-height:1.5;color:var(--muted);padding-left:14px;border-left:2px solid var(--line)}.award{display:flex;flex-direction:column;gap:8px;font-size:16px;line-height:1.5}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px;margin:60px 0 35px}.gallery figure{margin:0}.gallery figure:only-child{grid-column:1/-1;max-width:900px;margin:auto}.image-button{display:block;width:100%;padding:25px;border:0;background:#e9e9e6;cursor:zoom-in}.image-button img{display:block;width:100%;height:500px;object-fit:contain}.gallery video{display:block;width:100%;max-height:650px;background:#171717}.gallery figcaption{font-size:12px;color:var(--muted);line-height:1.5;margin:12px 0;overflow-wrap:anywhere}.attachments{border-top:1px solid var(--line);padding:20px 0;margin-top:30px;font-size:14px}.attachments summary{cursor:pointer}.attachments .source-link{font-size:13px;margin-left:20px}#lightbox{border:0;background:#151515;color:white;width:100vw;max-width:none;height:100dvh;max-height:none;padding:55px 30px 20px;margin:0}#lightbox::backdrop{background:#151515}#lightbox img{display:block;max-width:100%;height:calc(100dvh - 130px);margin:auto;object-fit:contain}#lightbox p{font-size:13px;text-align:center}#close-lightbox{position:absolute;top:18px;right:24px;color:white;background:none;border:0;font-size:14px}

/* Typographic opening sequence — 4.8 seconds */
#intro{position:fixed;inset:0;background:#151515;color:#f2f1eb;z-index:100;overflow:hidden;pointer-events:none;isolation:isolate;animation:intro-out .72s 4.08s cubic-bezier(.7,0,.2,1) forwards}
#intro::before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.09) calc(25% - 1px),rgba(255,255,255,.09) 25%);transform:skewX(-8deg);opacity:0;animation:intro-grid 3.6s .15s ease both}
.intro-kicker,.intro-caption,.intro-counter{position:absolute;font-size:clamp(9px,.7vw,12px);line-height:1;letter-spacing:.14em;text-transform:uppercase}
.intro-kicker{top:5.5%;left:4%;animation:intro-small .65s .2s both}.intro-counter{top:5.5%;right:4%;animation:intro-small .65s .35s both}.intro-caption{left:4%;bottom:5.5%;animation:intro-small .65s 2.55s both}
.intro-name{position:absolute;left:3.2%;top:50%;width:94%;transform:translateY(-51%);font-size:clamp(70px,17vw,270px);line-height:.69;font-weight:600;letter-spacing:-.085em;text-transform:uppercase}
.intro-name span{display:block;white-space:nowrap;will-change:transform,opacity;animation:intro-sebastian 1.05s .45s cubic-bezier(.16,1,.3,1) both}.intro-name span:nth-child(2){text-align:right;animation-name:intro-smit;animation-delay:.68s}
.intro-fields{position:absolute;inset:0;font-size:clamp(58px,13vw,205px);font-weight:600;line-height:.76;letter-spacing:-.075em;text-transform:uppercase;mix-blend-mode:difference}
.intro-fields span{position:absolute;opacity:0;will-change:transform,opacity}.intro-fields span:nth-child(1){left:4%;top:10%;animation:intro-field-left .8s 1.65s cubic-bezier(.16,1,.3,1) both}.intro-fields span:nth-child(2){right:3%;top:39%;animation:intro-field-right .8s 2s cubic-bezier(.16,1,.3,1) both}.intro-fields span:nth-child(3){left:13%;bottom:6%;font-size:.63em;letter-spacing:-.055em;animation:intro-field-up .9s 2.35s cubic-bezier(.16,1,.3,1) both}
@keyframes intro-sebastian{from{transform:translate3d(-105%,0,0) skewX(-12deg);opacity:0}to{transform:none;opacity:1}}
@keyframes intro-smit{from{transform:translate3d(105%,0,0) skewX(12deg);opacity:0}to{transform:none;opacity:1}}
@keyframes intro-field-left{0%{transform:translateX(-25%) scaleX(.75);opacity:0}25%,72%{transform:none;opacity:1}100%{transform:translateX(18%);opacity:0}}
@keyframes intro-field-right{0%{transform:translateX(25%) scaleX(.75);opacity:0}25%,72%{transform:none;opacity:1}100%{transform:translateX(-18%);opacity:0}}
@keyframes intro-field-up{0%{transform:translateY(80%) rotate(2deg);opacity:0}25%,72%{transform:none;opacity:1}100%{transform:translateY(-55%);opacity:0}}
@keyframes intro-small{from{opacity:0;transform:translateY(12px)}to{opacity:.7;transform:none}}@keyframes intro-grid{0%{opacity:0;transform:translateX(-8%) skewX(-8deg)}20%,75%{opacity:1;transform:skewX(-8deg)}100%{opacity:0;transform:translateX(8%) skewX(-8deg)}}
@keyframes intro-out{to{opacity:0;visibility:hidden;transform:scale(1.018)}}@keyframes detail-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#intro{display:none}}
@media(max-width:700px){header{padding-top:22px}.signature{font-size:26px}.header-note{display:none}.toolbar{align-items:flex-start;flex-direction:column;gap:18px;padding-top:25px}.searchbox{width:100%}.filters{gap:12px;margin-top:10px}.filters select{font-size:14px}.filters>span{font-size:12px}.archive{grid-template-columns:0 minmax(0,1fr) 45px;height:450px}.rail{display:none}.wheel-row{gap:9px;padding-right:25px}.wheel-row .number{min-width:24px;font-size:12px}.wheel-row .name{font-size:30px;letter-spacing:-.045em}.wheel-row .plus{font-size:23px}.position{font-size:12px}.position button{height:38px;width:38px}.hint{display:none}.under-wheel{font-size:12px}footer>span:nth-child(2){display:none}.detail-title{margin:30px 0}.detail-layout{grid-template-columns:1fr;gap:20px}.metadata{display:grid;grid-template-columns:110px 1fr;gap:10px 20px}.metadata dd{margin-bottom:5px}.description{font-size:16px}.gallery{grid-template-columns:1fr;margin-top:30px}.image-button img{height:auto;max-height:550px}.image-button{padding:16px}}

/* Cylinder sizing and project overlay */
.archive{background:#e7e7e3;margin-top:18px;padding:0 15px;grid-template-columns:35px minmax(0,1fr) 60px}
.stage{grid-column:2;grid-row:1;min-width:0;width:100%;touch-action:pan-x;user-select:none;-webkit-user-select:none}
.position{grid-column:3;grid-row:1}.rail{grid-column:1;grid-row:1}
.wheel-row .name{font-size:clamp(23px,2.65vw,43px);letter-spacing:-.045em;line-height:1.12}
.wheel-row{height:72px;margin-top:-36px;backface-visibility:visible;-webkit-backface-visibility:visible}
.wheel-row .name{min-width:0}.selection-line{height:82px;margin-top:-41px;border-color:#bdbdb7}
.filters{flex-wrap:wrap}.filters>span{margin-left:auto}#sound-toggle{border:0;background:transparent;color:var(--muted);font-size:14px;padding:10px;min-height:44px;margin-left:auto}#sound-toggle:hover{color:var(--ink)}
body.project-open{position:fixed;top:var(--page-top);left:0;right:0;overflow:hidden}
#project-dialog{border:0;box-shadow:0 24px 100px #0005;background:#fafaf8;color:var(--ink);width:calc(100% - 70px);max-width:1160px;max-height:calc(100vh - 70px);max-height:calc(100dvh - 70px);margin:auto;padding:0 44px 30px;overscroll-behavior:contain}
#project-dialog::backdrop{background:rgba(24,25,24,.62);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
#detail{padding:0 0 20px;animation:none}.detail-top{position:sticky;top:0;z-index:1;background:#fafaf8;border-bottom:1px solid var(--line);padding:12px 0;gap:20px}.close-detail{min-height:44px;padding:10px 6px;white-space:nowrap}.detail-title{font-size:clamp(30px,4.3vw,62px);margin:32px 0 40px}.description{font-size:17px}.gallery{margin-top:35px}
@media(max-width:700px){
 .archive{grid-template-columns:minmax(0,1fr) 42px;height:380px;height:clamp(300px,49svh,410px);padding:0 8px;margin-top:12px}
 .stage{grid-column:1}.position{grid-column:2}.rail{display:none}
 .wheel-row{left:1%;width:98%;gap:6px;padding-right:22px;height:62px;margin-top:-31px}
 .wheel-row .name{font-size:clamp(18px,4.8vw,26px);letter-spacing:-.035em;line-height:1.18}
 .wheel-row .number{min-width:23px}.selection-line{height:72px;margin-top:-36px}
 .searchbox input{font-size:16px}.filters{gap:4px 10px}.filters select{max-width:none;min-width:0;padding-right:5px}
 #sound-toggle{padding:8px 0;margin-left:0}.filters>span{margin-left:auto}.under-wheel{gap:10px}.under-wheel>span{max-width:58%;line-height:1.5}#open-selected{white-space:nowrap;min-height:44px}#open-selected span{margin-left:5px}
 #project-dialog{width:calc(100% - 18px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:0 20px 20px}.detail-title{font-size:clamp(28px,7vw,40px);line-height:1.1}.detail-top{gap:10px}.description{font-size:16px}.metadata{grid-template-columns:100px minmax(0,1fr)}.metadata dd{overflow-wrap:anywhere}
}

/* Radio intro 1.1 — live latest-project transmission */
#intro.radio-intro{z-index:1000000;position:fixed;inset:0;overflow:hidden;pointer-events:auto;cursor:pointer;color:#f3f0e6;background-color:#1b1b19;background-image:linear-gradient(115deg,rgba(255,255,255,.018),transparent 42%),url("assets/texture-black.png");background-size:auto,520px auto;background-blend-mode:screen,soft-light;isolation:isolate;animation:radio-intro-exit .82s 5.05s cubic-bezier(.65,0,.25,1) forwards}
#intro.radio-intro::before{content:"";position:absolute;z-index:20;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(255,255,255,.022) 3px,rgba(255,255,255,.022) 4px),radial-gradient(circle at 50% 50%,transparent 38%,rgba(0,0,0,.32) 100%);opacity:.75;animation:none}
#intro.radio-intro::after{content:"";position:absolute;z-index:19;inset:-10%;pointer-events:none;background:linear-gradient(95deg,transparent 0 42%,rgba(255,157,24,.055) 49%,transparent 57%);transform:translateX(-70%);animation:intro-sweep 2.8s 1.15s ease-in-out both}
.radio-intro-kicker,.radio-intro-frequency,.radio-intro-status,.radio-intro-counter{position:absolute;z-index:22;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:clamp(8px,.67vw,11px);line-height:1;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,241,229,.62)}
.radio-intro-kicker{left:4%;top:5.5%}.radio-intro-frequency{right:4%;top:5.5%;color:#df8915;text-shadow:0 0 10px rgba(255,151,18,.3)}.radio-intro-status{left:4%;bottom:5.5%}.radio-intro-counter{right:4%;bottom:5.5%;color:#df8915}
.radio-intro-brand{position:absolute;z-index:2;left:4%;right:4%;top:50%;display:flex;justify-content:center;gap:.19em;transform:translateY(-54%);font-family:Arial,Helvetica,sans-serif;font-size:clamp(62px,12.6vw,210px);font-weight:600;line-height:.82;letter-spacing:-.082em;color:#f2efe5;opacity:0;filter:blur(10px);animation:intro-brand-soft 1.45s .12s cubic-bezier(.16,1,.3,1) both}
.radio-intro-display{position:absolute;z-index:6;left:4%;right:4%;top:50%;height:clamp(92px,14vw,220px);transform:translateY(-52%);display:grid;place-items:center;overflow:hidden;border-top:1px solid rgba(223,137,21,.35);border-bottom:1px solid rgba(223,137,21,.35);box-shadow:0 0 20px rgba(223,137,21,.06),inset 0 0 24px rgba(223,137,21,.035);opacity:0;animation:intro-display-in 1.46s .92s steps(1,end) both}
.radio-intro-display span{position:relative;z-index:2;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:clamp(44px,10vw,168px);font-weight:500;line-height:1;letter-spacing:.11em;text-indent:.11em;color:#f5f1e4;text-shadow:0 0 6px rgba(255,255,255,.24),0 0 18px rgba(223,137,21,.13)}
.radio-intro-display i{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 20px,rgba(223,137,21,.18) 20px,rgba(223,137,21,.18) 21px);opacity:.18}
.radio-intro-projects{position:absolute;z-index:8;inset:12% 7% 13%;opacity:0;animation:intro-project-stage 2.8s 2.18s both}
.radio-intro-project{--delay:0s;position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:5vw;opacity:0;clip-path:inset(0 100% 0 0);animation:intro-project-pass .78s var(--delay) cubic-bezier(.16,1,.3,1) both}
.radio-intro-project-copy{min-width:0;align-self:center;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;text-transform:uppercase}
.radio-intro-project-no{display:block;margin-bottom:18px;font-size:10px;letter-spacing:.16em;color:#dd8612;text-shadow:0 0 8px rgba(255,150,18,.35)}
.radio-intro-project strong{display:block;max-width:920px;font-size:clamp(24px,4.2vw,68px);font-weight:500;line-height:1.02;letter-spacing:-.045em;text-transform:none;text-shadow:0 0 11px rgba(255,255,255,.13)}
.radio-intro-project-meta{display:block;margin-top:20px;font-size:clamp(8px,.72vw,12px);line-height:1.5;letter-spacing:.1em;color:rgba(244,241,229,.64)}
.radio-intro-project-visual{position:relative;height:min(50vh,430px);min-height:230px;background:#10100f;border:1px solid rgba(223,137,21,.55);box-shadow:0 0 28px rgba(223,137,21,.18)}
.radio-intro-project-visual::after{content:"";position:absolute;z-index:3;top:-1px;bottom:-1px;left:36%;width:1px;background:#df8915;box-shadow:0 0 10px 2px rgba(255,151,18,.28)}
.radio-intro-project-visual img{position:relative;z-index:2;width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.72) contrast(1.08) brightness(.88)}
.radio-intro-project-visual .intro-project-glow{position:absolute;z-index:0;inset:5%;width:90%;height:90%;filter:blur(34px) saturate(1.45) brightness(1.18);opacity:.62;transform:scale(1.14)}
.radio-intro-scale{position:absolute;z-index:21;left:4%;right:4%;bottom:9%;height:33px;display:flex;justify-content:space-between;align-items:flex-end;padding-top:17px;border-top:1px solid rgba(223,137,21,.62);background:repeating-linear-gradient(90deg,rgba(223,137,21,.86) 0,rgba(223,137,21,.86) 1px,transparent 1px,transparent 2.5%);filter:drop-shadow(0 0 5px rgba(255,151,18,.27));opacity:0;animation:intro-scale-in .45s 1.8s both}
.radio-intro-scale span{font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:8px;color:#d78110}
@keyframes intro-brand-soft{0%{opacity:0;filter:blur(16px);transform:translateY(-50%) scale(.985)}45%,76%{opacity:1;filter:blur(0);transform:translateY(-54%) scale(1)}100%{opacity:.14;filter:blur(3px);transform:translateY(-55%) scale(1.015)}}
@keyframes intro-display-in{0%,100%{opacity:0}4%,88%{opacity:1}}
@keyframes intro-project-stage{0%,100%{opacity:0}2%,94%{opacity:1}}
@keyframes intro-project-pass{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(2.4%)}16%,72%{opacity:1;clip-path:inset(0);transform:none}100%{opacity:0;clip-path:inset(0 0 0 100%);transform:translateX(-2.4%)}}
@keyframes intro-scale-in{from{opacity:0;transform:scaleX(.65)}to{opacity:.76;transform:none}}
@keyframes intro-sweep{0%{transform:translateX(-70%)}55%,100%{transform:translateX(70%)}}
@keyframes radio-intro-exit{0%{opacity:1;filter:blur(0)}100%{opacity:0;visibility:hidden;filter:blur(5px);transform:scale(1.014)}}

/* Header controls, themes and full-screen overlays */
:root{color-scheme:light;--surface:#fafaf8;--wheel:#e7e7e3;--overlay:#111;--overlay-ink:#f7f7f4}
:root[data-theme="dark"]{color-scheme:dark;--bg:#151515;--ink:#f1f1ed;--line:#44443f;--muted:#aaa9a2;--accent:#8da4ff;--surface:#1c1c1b;--wheel:#222220;--overlay:#080808;--overlay-ink:#f7f7f4}
html,body{background:var(--bg);color:var(--ink);transition:background-color .25s,color .25s}
body::before{content:"";position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.052;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' seed='8' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");background-size:180px 180px}
:root[data-theme="dark"] body::before{mix-blend-mode:screen;opacity:.038}
header{position:relative;padding-right:172px}.edition{margin-right:4px}.header-actions{position:absolute;top:22px;right:0;display:flex;align-items:center;gap:4px}
.icon-control,.language-control{height:44px;border:0;background:transparent;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;padding:0 9px}
.icon-control{width:42px}.icon-control svg,.lightbox-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-control svg path:first-child{fill:currentColor;stroke:none}.icon-control.muted .sound-wave{display:none}.icon-control.muted::after{content:"";position:absolute;width:25px;border-top:1.7px solid currentColor;transform:rotate(-45deg)}
.theme-moon{display:none}:root[data-theme="dark"] .theme-sun{display:none}:root[data-theme="dark"] .theme-moon{display:block}.theme-moon path{fill:none!important;stroke:currentColor!important}
.language-control{gap:4px;font-size:12px;letter-spacing:.04em}.language-control span:not(.active-lang){color:var(--muted)}.active-lang{font-weight:700}
.archive{background:var(--wheel)}.image-button{background:color-mix(in srgb,var(--wheel) 88%,var(--ink) 4%)}
#project-dialog{inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0 4vw 50px;background:var(--surface);color:var(--ink);box-shadow:none}
#project-dialog::backdrop{background:rgba(0,0,0,.56);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}#detail{max-width:1440px;margin:0 auto;padding:0 0 40px}
.project-bar{position:sticky;top:0;z-index:5;min-height:68px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.project-nav{display:flex;align-items:center;gap:20px}.project-arrow,.close-detail{border:0;background:none;color:var(--ink);min-height:44px;padding:10px 4px;font-size:13px}.project-count{font-size:12px;color:var(--muted);min-width:48px;text-align:center}.detail-title{max-width:1200px;margin:42px 0 54px}.detail-top{display:none}
.gallery-title,.gallery-description{display:block}.gallery-title{font-size:14px;color:var(--ink);font-weight:700}.gallery-description{font-size:14px;color:var(--muted);font-weight:400;margin-top:5px;line-height:1.45}.gallery figcaption{margin-top:14px}
#lightbox{inset:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--overlay);color:var(--overlay-ink);overflow:hidden}#lightbox::backdrop{background:var(--overlay)}
.lightbox-bar{height:66px;padding:max(8px,env(safe-area-inset-top)) max(15px,env(safe-area-inset-right)) 8px max(15px,env(safe-area-inset-left));display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:20px;border-bottom:1px solid #252525;background:var(--overlay);position:relative;z-index:2}.lightbox-actions,.lightbox-nav{display:flex;align-items:center;gap:8px}.lightbox-copy{font-size:12px;line-height:1.45;letter-spacing:.02em;min-width:0;display:flex;flex-direction:column}.lightbox-copy strong,.lightbox-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-copy span{color:#aaa;margin-top:2px}.lightbox-icon,.lightbox-nav button{width:40px;height:40px;border:0;background:transparent;color:var(--overlay-ink);display:grid;place-items:center;text-decoration:none;font-size:30px}.lightbox-nav button:disabled{opacity:.25}.lightbox-nav #close-lightbox{position:static;font-size:36px;font-weight:200;margin-left:5px}.lightbox-nav #lightbox-prev,.lightbox-nav #lightbox-next{font-size:35px}.lightbox-nav span{font-size:12px;min-width:44px;text-align:center}
.lightbox-stage{height:calc(100vh - 66px);height:calc(100dvh - 66px);display:grid;place-items:center;padding:18px}.lightbox-stage img,.lightbox-stage video{display:block;width:100%;height:100%;object-fit:contain;max-width:none;max-height:none;margin:0}.lightbox-stage [hidden]{display:none!important}
@media(max-width:700px){header{padding-right:0;padding-top:76px}.header-actions{top:12px;right:0}.edition{position:absolute;right:0;bottom:24px}.header-note{display:block;margin-top:7px}.icon-control{width:38px;padding:0 7px}.language-control{padding-right:0}.project-bar{align-items:flex-start;padding:10px 0}.project-bar>.detail-label{padding-top:12px}.project-nav{gap:5px;flex-wrap:wrap;justify-content:flex-end}.project-arrow{font-size:0;width:38px}.project-arrow:first-child::before{content:"←";font-size:21px}.project-arrow:nth-of-type(2)::before{content:"→";font-size:21px}.close-detail{margin-left:2px}.detail-title{margin:28px 0 38px}.lightbox-bar{height:auto;min-height:74px;grid-template-columns:74px minmax(0,1fr);gap:8px 10px}.lightbox-actions{grid-column:1;grid-row:1}.lightbox-copy{grid-column:2;grid-row:1}.lightbox-nav{grid-column:1/-1;grid-row:2;justify-content:flex-end;border-top:1px solid #252525;padding-top:4px}.lightbox-stage{height:calc(100dvh - 126px);padding:10px}.lightbox-icon{width:34px}.lightbox-nav button{width:36px;height:34px}.gallery-description{font-size:13px}}

.admin-bar #project-dialog,.admin-bar #lightbox{top:32px;height:calc(100dvh - 32px)}@media(max-width:782px){.admin-bar #project-dialog,.admin-bar #lightbox{top:46px;height:calc(100dvh - 46px)}}
.rich-description{font-size:17px;line-height:1.65;max-width:780px;overflow-wrap:anywhere}.rich-description p{margin:0 0 1.25em}.rich-description strong{font-weight:700}.rich-description em{font-style:italic}.rich-description a{text-underline-offset:4px}.rich-description img{display:block;max-width:100%;height:auto;margin:24px 0}.rich-description figure{margin:24px 0}.classifications{margin-top:30px;padding-top:16px;border-top:1px solid var(--line);display:grid;gap:12px;max-width:780px}.classification{margin:0;font-size:12px;line-height:1.55;color:var(--muted)}.classification strong{display:block;margin-bottom:2px;color:var(--ink);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em}@media(max-width:700px){.rich-description{font-size:16px}.classifications{margin-top:22px}}

.video-embed{width:100%;aspect-ratio:16/9;background:#171717}.video-embed iframe{display:block;width:100%;height:100%;border:0}.lightbox-stage iframe{display:block;width:min(100%,1200px);height:auto;aspect-ratio:16/9;border:0}.lightbox-stage iframe[hidden]{display:none!important}
.filters select{max-width:none}.filters #sort{margin-left:8px}#advanced-toggle{border:0;background:transparent;min-height:44px;padding:6px 0;color:var(--muted);font-size:13px;display:flex;align-items:center;gap:9px}#advanced-toggle:hover{color:var(--ink)}#advanced-toggle span:last-child{font-size:18px}.advanced-filters{margin:12px 0 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:18px;align-items:end}.advanced-filters label{display:flex;flex-direction:column;gap:8px;min-width:0}.advanced-filters label>span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.advanced-filters select{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font-size:13px;padding:8px 18px 8px 0}.advanced-filters button{border:0;background:transparent;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:10px 0}.active-filters{min-height:14px;display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.filter-chip{border:1px solid var(--line);border-radius:20px;background:transparent;color:var(--ink);padding:6px 10px;font-size:11px}.filter-chip:hover{border-color:var(--ink)}
@media(max-width:900px){.advanced-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-filters button{justify-self:start}}
@media(max-width:700px){.filters #sort{margin-left:0}.filters select{flex:1 1 42%;max-width:48%}#advanced-toggle{order:5}.filters>span{order:6}.advanced-filters{grid-template-columns:1fr;padding-top:14px}.active-filters{margin-top:8px}.filter-chip{font-size:10px}}
@media(max-width:700px){.intro-name{left:4%;width:92%;font-size:clamp(64px,22vw,105px);line-height:.75}.intro-fields{font-size:clamp(54px,20vw,92px)}.intro-fields span:nth-child(2){right:-3%;top:43%}.intro-fields span:nth-child(3){left:7%;bottom:10%;font-size:.55em}.intro-caption{max-width:68%;line-height:1.5}.intro-kicker{max-width:60%;line-height:1.5}}

/* Material palette and portrait intro */
:root{--material-texture:url("assets/texture-white.png")}:root[data-theme="dark"]{--material-texture:url("assets/texture-black.png")}
body::before{background-image:var(--material-texture);background-size:440px auto;opacity:.115;mix-blend-mode:multiply}
:root[data-theme="dark"] body::before{background-image:var(--material-texture);background-size:520px auto;opacity:.2;mix-blend-mode:soft-light}
#intro{z-index:1000000;background-color:#181818;background-image:linear-gradient(90deg,rgba(12,12,12,.98) 0%,rgba(12,12,12,.72) 39%,rgba(12,12,12,.08) 72%),url("assets/texture-black.png");background-size:auto,520px auto;background-blend-mode:normal,soft-light;color:#f1f0e9;pointer-events:auto;cursor:pointer;animation:portrait-intro-out .72s 4.08s cubic-bezier(.7,0,.2,1) forwards}
#intro::before{z-index:2;inset:-25%;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),rgba(255,255,255,.1) calc(20% - 1px),rgba(255,255,255,.1) 20%);animation:portrait-grid 4s .15s ease both}
.intro-portrait{position:absolute;z-index:1;inset:0 0 0 35%;margin:0;overflow:hidden;clip-path:inset(0 100% 0 0);animation:portrait-reveal 1.2s .12s cubic-bezier(.16,1,.3,1) forwards}
.intro-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#151515 0%,transparent 31%),linear-gradient(0deg,rgba(0,0,0,.32),transparent 48%)}
.intro-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:58% 48%;filter:grayscale(1) contrast(1.34) brightness(.82);transform:scale(1.06);animation:portrait-drift 4.3s .12s cubic-bezier(.2,.7,.2,1) both}
.intro-name{z-index:5;left:3.5%;top:49%;width:92%;font-size:clamp(72px,13.8vw,220px);line-height:.76;font-weight:600;letter-spacing:-.087em;mix-blend-mode:difference}
.intro-name span{animation:portrait-name-left 1s .35s cubic-bezier(.16,1,.3,1) both}.intro-name span:nth-child(2){text-align:left;margin-left:23%;padding:0;animation:portrait-name-right 1s .58s cubic-bezier(.16,1,.3,1) both}
.intro-letterfield{position:absolute;z-index:6;inset:0;filter:url(#intro-rough);font-family:"Arial Narrow",Arial,Helvetica,sans-serif;font-weight:300;color:#f4f2e9;text-transform:uppercase;mix-blend-mode:difference}
.intro-letterfield span{position:absolute;display:block;line-height:.82;letter-spacing:.1em;opacity:0;white-space:nowrap}
.intro-letterfield span:nth-child(1){right:3.5%;top:8%;font-size:clamp(55px,8.5vw,138px);transform:rotate(-1.5deg);animation:rough-word-in .78s 1.25s cubic-bezier(.16,1,.3,1) both}
.intro-letterfield span:nth-child(2){right:-1.5%;top:42%;font-size:clamp(66px,10vw,160px);transform:rotate(.8deg);animation:rough-word-in .78s 1.7s cubic-bezier(.16,1,.3,1) both}
.intro-letterfield span:nth-child(3){right:2.8%;bottom:7%;font-size:clamp(40px,5.7vw,92px);transform:rotate(-.7deg);animation:rough-word-in .78s 2.12s cubic-bezier(.16,1,.3,1) both}
.intro-kicker,.intro-caption,.intro-counter{z-index:8}.intro-kicker{animation:portrait-small .6s .25s both}.intro-counter{animation:portrait-small .6s .45s both}.intro-caption{animation:portrait-small .6s 2.6s both}
.intro-filter{position:absolute}
@keyframes portrait-reveal{to{clip-path:inset(0)}}@keyframes portrait-drift{from{transform:scale(1.09) translateX(2%)}to{transform:scale(1.015) translateX(-1%)}}
@keyframes portrait-name-left{from{transform:translateX(-108%) skewX(-10deg);opacity:0}to{transform:none;opacity:1}}@keyframes portrait-name-right{from{transform:translateX(108%) skewX(9deg);opacity:0}to{transform:none;opacity:1}}
@keyframes rough-word-in{0%{opacity:0;letter-spacing:.28em;filter:blur(5px)}35%,76%{opacity:.94;letter-spacing:.1em;filter:none}100%{opacity:.18;letter-spacing:.14em;filter:blur(1px)}}
@keyframes portrait-small{from{opacity:0;transform:translateY(10px)}to{opacity:.72;transform:none}}@keyframes portrait-grid{0%{opacity:0;transform:translateX(-8%) skewX(-6deg)}20%,75%{opacity:.7;transform:skewX(-6deg)}100%{opacity:0;transform:translateX(8%) skewX(-6deg)}}
@keyframes portrait-intro-out{to{opacity:0;visibility:hidden;transform:scale(1.015);filter:contrast(1.18)}}
@media(max-width:700px){#intro{background-image:linear-gradient(0deg,rgba(10,10,10,.88) 0%,rgba(10,10,10,.18) 72%),url("assets/texture-black.png")}.intro-portrait{inset:0 0 0 12%}.intro-portrait::after{background:linear-gradient(0deg,#151515 0%,transparent 42%)}.intro-portrait img{object-position:62% 50%}.intro-name{left:4%;top:56%;font-size:clamp(64px,21vw,98px);line-height:.78}.intro-name span:nth-child(2){margin-left:12%}.intro-letterfield span:nth-child(1){right:2%;top:11%;font-size:18vw}.intro-letterfield span:nth-child(2){right:-8%;top:38%;font-size:17vw}.intro-letterfield span:nth-child(3){right:1%;bottom:9%;font-size:10vw}.intro-caption{bottom:4%;max-width:72%}}

/* Editorial layered index — alternate theme */
.editorial-archive{height:clamp(470px,64vh,720px);padding:0 18px;isolation:isolate;overflow:hidden}
.editorial-archive::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,var(--wheel) 0%,transparent 20%,transparent 80%,var(--wheel) 100%);z-index:30}
.editorial-archive .stage{overflow:visible;padding:0 1.5%}
.editorial-archive .wheel{perspective:1200px}
.editorial-archive .wheel-row{left:1%;width:98%;height:86px;margin-top:-43px;padding:10px 62px 10px 0;gap:18px;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-bottom:1px solid transparent;transform-origin:50% 50%;transition:color .2s,background-color .28s,border-color .28s,box-shadow .28s,height .28s,margin .28s,padding .28s;overflow:visible}
.editorial-archive .wheel-row .number{align-self:flex-start;margin-top:8px;min-width:38px;font-variant-numeric:tabular-nums}
.editorial-archive .row-copy{display:flex;flex-direction:column;min-width:0;max-width:calc(100% - 320px);gap:0}
.editorial-archive .wheel-row .name{font-size:clamp(21px,2.35vw,38px);font-weight:500;line-height:1.05;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.editorial-archive .row-meta,.editorial-archive .row-submeta{display:block;max-height:0;overflow:hidden;opacity:0;color:var(--muted);font-size:11px;line-height:1.45;letter-spacing:.025em;transition:max-height .28s,opacity .2s,margin .28s}
.editorial-archive .row-thumbnail{position:absolute;right:48px;top:50%;width:225px;height:0;opacity:0;overflow:hidden;background:color-mix(in srgb,var(--wheel) 80%,var(--ink) 6%);transform:translateY(-50%) scale(.94);transition:height .3s,opacity .22s,transform .3s}
.editorial-archive .row-thumbnail img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.82) contrast(1.04)}
.editorial-archive .wheel-row.active{height:154px;margin-top:-77px;padding-top:24px;padding-bottom:24px;background:var(--surface);border-color:var(--ink);box-shadow:0 18px 38px rgba(0,0,0,.08)}
.editorial-archive .wheel-row.active .row-copy{max-width:calc(100% - 320px)}
.editorial-archive .wheel-row.active .name{font-size:clamp(26px,3vw,48px);white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.editorial-archive .wheel-row.active .row-meta{max-height:22px;opacity:1;margin-top:10px}
.editorial-archive .wheel-row.active .row-submeta{max-height:22px;opacity:1;margin-top:3px}
.editorial-archive .wheel-row.active .row-thumbnail{height:122px;opacity:1;transform:translateY(-50%) scale(1)}
.editorial-archive .wheel-row.active.without-thumbnail .row-copy{max-width:calc(100% - 70px)}
.editorial-archive .wheel-row.active .plus{display:block;right:8px;top:50%;transform:translateY(-50%)}
.editorial-archive .selection-line{height:164px;margin-top:-82px;border-color:transparent}
.editorial-archive .position,.editorial-archive .rail{position:relative;z-index:40}
@media(max-width:900px){.editorial-archive .row-copy,.editorial-archive .wheel-row.active .row-copy{max-width:calc(100% - 230px)}.editorial-archive .row-thumbnail{width:160px}.editorial-archive .wheel-row.active .row-thumbnail{height:112px}}
@media(max-width:700px){
 .editorial-archive{height:clamp(410px,56svh,520px);padding:0 7px}.editorial-archive .stage{padding:0}.editorial-archive .wheel-row{left:0;width:100%;height:66px;margin-top:-33px;padding:7px 28px 7px 0;gap:7px}.editorial-archive .wheel-row .number{min-width:25px;margin-top:4px;font-size:10px}.editorial-archive .wheel-row .name{font-size:clamp(17px,4.5vw,24px)}
 .editorial-archive .wheel-row.active{height:136px;margin-top:-68px;padding-top:14px;padding-bottom:14px}.editorial-archive .wheel-row.active .row-copy{max-width:calc(100% - 126px)}.editorial-archive .wheel-row.active.without-thumbnail .row-copy{max-width:calc(100% - 30px)}.editorial-archive .wheel-row.active .name{font-size:clamp(20px,5.5vw,28px);-webkit-line-clamp:2}
 .editorial-archive .row-thumbnail{right:25px;width:94px}.editorial-archive .wheel-row.active .row-thumbnail{height:104px}.editorial-archive .row-meta,.editorial-archive .row-submeta{font-size:9px;line-height:1.35}.editorial-archive .wheel-row.active .row-meta{max-height:28px;margin-top:7px}.editorial-archive .wheel-row.active .row-submeta{max-height:27px}.editorial-archive .wheel-row.active .plus{right:2px;font-size:20px}.editorial-archive .selection-line{height:144px;margin-top:-72px}
}

/* Radio display — third theme */
:root{--radio-amber:#d87800;--radio-amber-soft:rgba(216,120,0,.22);--radio-panel:#e7e3d9;--radio-screen:#dedbd1;--radio-scan:rgba(30,27,21,.035)}
:root[data-theme="dark"]{--radio-amber:#ff9e18;--radio-amber-soft:rgba(255,158,24,.28);--radio-panel:#121211;--radio-screen:#181816;--radio-scan:rgba(255,255,255,.025)}
.editorial-archive{height:clamp(520px,69vh,780px);background-color:var(--radio-screen);background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,var(--radio-scan) 3px,var(--radio-scan) 4px);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink) 32%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--ink) 18%,transparent)}
.editorial-archive::before{background:linear-gradient(180deg,var(--radio-screen) 0%,transparent 18%,transparent 82%,var(--radio-screen) 100%)}
.editorial-archive .wheel-row{height:88px;margin-top:-44px;border-color:color-mix(in srgb,var(--line) 64%,transparent);font-family:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.editorial-archive .wheel-row .number{color:var(--radio-amber);font-size:10px;letter-spacing:.08em;text-shadow:0 0 7px var(--radio-amber-soft)}
.editorial-archive .wheel-row .name{font-family:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:clamp(18px,1.75vw,29px);font-weight:500;letter-spacing:-.035em;line-height:1.08;text-shadow:0 0 8px color-mix(in srgb,var(--ink) 15%,transparent)}
.editorial-archive .row-meta,.editorial-archive .row-submeta{font-family:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:10px;letter-spacing:.045em;text-transform:uppercase}
.editorial-archive .row-meta{color:var(--radio-amber);text-shadow:0 0 7px var(--radio-amber-soft)}
.editorial-archive .wheel-row.active{height:224px;margin-top:-112px;padding-top:38px;padding-bottom:44px;background-color:var(--radio-panel);background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,var(--radio-scan) 3px,var(--radio-scan) 4px);border-color:var(--radio-amber);box-shadow:0 25px 58px rgba(0,0,0,.18),inset 0 0 36px color-mix(in srgb,var(--radio-amber) 3%,transparent)}
.editorial-archive .wheel-row.active::after{content:"";position:absolute;left:58px;right:410px;bottom:19px;height:10px;opacity:.82;background:repeating-linear-gradient(90deg,var(--radio-amber) 0,var(--radio-amber) 1px,transparent 1px,transparent 14px);filter:drop-shadow(0 0 4px var(--radio-amber-soft));pointer-events:none}
.editorial-archive .wheel-row.active .name{font-size:clamp(22px,2.2vw,36px);font-weight:500;letter-spacing:-.045em;line-height:1.1;text-shadow:0 0 10px color-mix(in srgb,var(--ink) 18%,transparent)}
.editorial-archive .wheel-row.active .row-meta{max-height:30px;margin-top:15px}
.editorial-archive .wheel-row.active .row-submeta{max-height:34px;margin-top:6px}
.editorial-archive .row-thumbnail{right:52px;width:326px;border:1px solid color-mix(in srgb,var(--radio-amber) 52%,var(--line));overflow:visible;background:#090909;isolation:isolate}
.editorial-archive .wheel-row.active .row-thumbnail{height:182px;box-shadow:0 0 0 1px rgba(0,0,0,.38),0 0 26px var(--radio-amber-soft)}
.editorial-archive .row-thumbnail::after{content:"";position:absolute;z-index:3;top:-1px;bottom:-1px;left:38%;width:1px;background:var(--radio-amber);box-shadow:0 0 8px 2px var(--radio-amber-soft);pointer-events:none}
.editorial-archive .row-thumbnail .row-image{position:relative;z-index:2;width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.86) contrast(1.06)}
.editorial-archive .row-thumbnail .row-glow{position:absolute;z-index:0;inset:6%;width:88%;height:88%;object-fit:cover;filter:blur(30px) saturate(1.45) brightness(1.12);opacity:.72;transform:scale(1.16);pointer-events:none}
.editorial-archive .wheel-row.active .plus{color:var(--radio-amber);text-shadow:0 0 9px var(--radio-amber-soft)}
.editorial-archive .selection-line{height:236px;margin-top:-118px}
:root[data-theme="dark"] .editorial-archive .wheel-row:not(.active) .name{text-shadow:0 0 7px rgba(244,241,228,.16)}
@media(max-width:1100px){.editorial-archive .wheel-row.active::after{right:315px}.editorial-archive .row-thumbnail{width:245px}.editorial-archive .wheel-row.active .row-thumbnail{height:172px}.editorial-archive .row-copy,.editorial-archive .wheel-row.active .row-copy{max-width:calc(100% - 315px)}}
@media(max-width:700px){
 .editorial-archive{height:clamp(460px,61svh,590px)}.editorial-archive .wheel-row{height:68px;margin-top:-34px}.editorial-archive .wheel-row .name{font-size:clamp(15px,4vw,20px);letter-spacing:-.04em}.editorial-archive .wheel-row.active{height:180px;margin-top:-90px;padding-top:22px;padding-bottom:30px}.editorial-archive .wheel-row.active::after{left:32px;right:145px;bottom:14px;height:7px;background-size:auto}.editorial-archive .wheel-row.active .name{font-size:clamp(17px,4.8vw,22px);line-height:1.08}.editorial-archive .wheel-row.active .row-copy{max-width:calc(100% - 145px)}.editorial-archive .wheel-row.active.without-thumbnail .row-copy{max-width:calc(100% - 34px)}
 .editorial-archive .row-thumbnail{right:24px;width:112px}.editorial-archive .wheel-row.active .row-thumbnail{height:142px}.editorial-archive .row-meta,.editorial-archive .row-submeta{font-size:8px;letter-spacing:.02em}.editorial-archive .wheel-row.active .row-meta{max-height:32px;margin-top:9px}.editorial-archive .wheel-row.active .row-submeta{max-height:38px;margin-top:4px}.editorial-archive .selection-line{height:190px;margin-top:-95px}
}

/* Larger active receiver window and softer amber light */
.editorial-archive .wheel-row.active{height:264px;margin-top:-132px;padding-top:42px;padding-bottom:52px;border-color:color-mix(in srgb,var(--radio-amber) 74%,transparent);box-shadow:0 28px 66px rgba(0,0,0,.2),0 0 16px color-mix(in srgb,var(--radio-amber) 12%,transparent),inset 0 0 48px color-mix(in srgb,var(--radio-amber) 5%,transparent)}
.editorial-archive .row-thumbnail{width:380px}
.editorial-archive .wheel-row.active .row-copy{max-width:calc(100% - 470px)}
.editorial-archive .wheel-row.active::before{content:"";position:absolute;z-index:4;inset:-1px 0;pointer-events:none;border-top:1px solid color-mix(in srgb,var(--radio-amber) 74%,transparent);border-bottom:1px solid color-mix(in srgb,var(--radio-amber) 74%,transparent);filter:blur(.55px) drop-shadow(0 0 6px var(--radio-amber-soft));opacity:.86}
.editorial-archive .wheel-row.active::after{right:464px;bottom:21px;opacity:.68;filter:blur(.18px) drop-shadow(0 0 7px var(--radio-amber-soft))}
.editorial-archive .wheel-row.active .row-thumbnail{height:216px;box-shadow:0 0 0 1px rgba(0,0,0,.32),0 0 34px color-mix(in srgb,var(--radio-amber) 28%,transparent)}
.editorial-archive .selection-line{height:280px;margin-top:-140px;border-color:transparent}
.editorial-archive .row-thumbnail::after{opacity:.82;filter:blur(.25px);box-shadow:0 0 11px 3px var(--radio-amber-soft)}

@media(max-width:1100px){.editorial-archive .wheel-row.active{height:246px;margin-top:-123px}.editorial-archive .row-thumbnail{width:280px}.editorial-archive .wheel-row.active .row-copy{max-width:calc(100% - 350px)}.editorial-archive .wheel-row.active::after{right:345px}.editorial-archive .wheel-row.active .row-thumbnail{height:202px}.editorial-archive .selection-line{height:260px;margin-top:-130px}}
@media(max-width:700px){
 #intro.radio-intro{animation-delay:5.05s}.radio-intro-kicker{max-width:58%;line-height:1.45}.radio-intro-frequency{top:6.2%;font-size:7px}.radio-intro-brand{top:42%;flex-direction:column;gap:0;font-size:clamp(58px,20vw,96px);line-height:.76}.radio-intro-brand span:last-child{margin-left:12%}.radio-intro-display{top:44%;height:25vw;left:3%;right:3%}.radio-intro-display span{font-size:clamp(36px,15vw,72px)}.radio-intro-projects{inset:11% 6% 16%}.radio-intro-project{grid-template-columns:1fr;grid-template-rows:1fr auto;gap:16px}.radio-intro-project-copy{grid-row:2}.radio-intro-project strong{font-size:clamp(20px,7vw,32px);-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.radio-intro-project-no{margin-bottom:9px}.radio-intro-project-meta{margin-top:9px}.radio-intro-project-visual{grid-row:1;height:42vh;min-height:210px}.radio-intro-scale{bottom:10%;height:25px}.radio-intro-status,.radio-intro-counter{bottom:4.6%;font-size:7px}
 .editorial-archive .wheel-row.active{height:210px;margin-top:-105px;padding-top:25px;padding-bottom:36px}.editorial-archive .row-thumbnail{right:24px;width:126px}.editorial-archive .wheel-row.active .row-copy{max-width:calc(100% - 158px)}.editorial-archive .wheel-row.active::after{left:32px;right:158px}.editorial-archive .wheel-row.active .row-thumbnail{height:168px}.editorial-archive .selection-line{height:224px;margin-top:-112px}
}