/* BREAK / FIELD 3 · kinetic paper / no remote fonts or UI frameworks. */
:root{--paper:#f7f4e9;--ink:#172322;--muted:#5e6860;--yellow:#ffd500;--red:#e84335;--blue:#285cc5;--line:#17232226;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:Arial,Helvetica,sans-serif;--pad:clamp(18px,4vw,68px);}
*{box-sizing:border-box;}html{scroll-behavior:smooth;scroll-padding-top:92px;}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;}button,input,select{font:inherit;}button,a,label,input,select{-webkit-tap-highlight-color:transparent;}button,a{touch-action:manipulation;}button{cursor:pointer;}a{color:inherit;text-decoration:none;}button{color:inherit;}button:disabled{opacity:.42;cursor:default;}img{max-width:100%;}p{line-height:1.65;}button,input,select{min-width:0;}h1,h2,h3,p{margin-top:0;}h1,h2,h3{font-weight:800;letter-spacing:-.055em;}em{font-style:normal;color:var(--red);}[hidden]{display:none!important;}:focus-visible{outline:3px solid var(--blue);outline-offset:5px;}::selection{background:var(--yellow);color:var(--ink);}.container{width:min(1440px,100%);padding-left:var(--pad);padding-right:var(--pad);margin:auto;}.eyebrow,.mono{font:600 14px/1.6 var(--mono);letter-spacing:.09em;text-transform:uppercase;}.eyebrow{display:flex;gap:9px;align-items:center;margin-bottom:24px;}.status-dot,.credit-dot{height:7px;width:7px;border-radius:50%;background:var(--red);flex:none;}.skip-link{position:fixed;left:20px;top:10px;transform:translateY(-200%);z-index:1000;padding:14px;background:var(--yellow);font-weight:700;}.skip-link:focus{transform:translateY(0);}.header{height:88px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--paper);}.brand{display:flex;align-items:center;gap:13px;font-size:17px;font-weight:900;letter-spacing:-.06em;white-space:nowrap;}.brand em{padding:0 3px;}.brand small{display:block;font:500 14px/1.7 var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;}.brand-icon{position:relative;width:33px;height:34px;flex:none;}.brand-icon i{position:absolute;border-radius:50%;background:var(--yellow);width:24px;height:24px;left:0;top:0;}.brand-icon b{position:absolute;clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--red);width:26px;height:26px;bottom:0;right:0;}.main-nav{display:flex;gap:clamp(15px,2.4vw,34px);font-size:14px;font-weight:700;}.main-nav a{padding:12px 0;position:relative;}.main-nav a:after{content:"";position:absolute;height:2px;left:0;bottom:5px;width:0;background:var(--red);transition:width .2s;}.main-nav a:hover:after{width:100%;}.header-controls{display:flex;gap:20px;align-items:center;}.language{display:flex;gap:7px;font:700 14px var(--mono);}.language a{padding:9px 6px;opacity:.5;}.language a[aria-current]{border-bottom:2px solid var(--ink);opacity:1;}.motion-button{border:0;background:none;display:flex;align-items:center;gap:7px;font-size:14px;white-space:nowrap;}.motion-button>span:first-child{font-size:27px;}.motion-button[aria-pressed=true]{color:var(--blue);}.hero{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(26px,4.3vw,64px);align-items:center;padding-top:42px;padding-bottom:38px;min-height:570px;}.hero-copy{padding-top:3px;}.hero h1{font-size:clamp(64px,6.6vw,96px);line-height:.92;letter-spacing:-.07em;margin:0 0 27px;}.hero-description{font-size:15px;color:var(--muted);max-width:39ch;margin-bottom:27px;}.button-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}.button{min-height:48px;padding:13px 19px;display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid var(--line);border-radius:6px;font-size:14px;font-weight:700;background:var(--paper);transition:transform .2s,background .2s;}.button.ink{background:var(--ink);color:#fff;border-color:var(--ink);}.button:hover{transform:translateY(-2px);}.button.ink:hover{background:#33413b;}.text-button{font-size:14px;font-weight:700;display:inline-flex;gap:10px;align-items:center;min-height:44px;border-bottom:1px solid var(--line);}.hero-credit{display:flex;align-items:center;gap:12px;margin-top:27px;font-size:14px;color:var(--muted);line-height:1.7;}.hero-credit b{display:block;font-size:14px;color:var(--ink);font-weight:700;}.credit-dot{width:27px;height:27px;background:var(--blue);box-shadow:8px 0 0 -3px var(--yellow);}
/* One player, two views. Only the stage's CSS position changes; iframe is never reparented. */
.stage-slot{min-width:0;height:470px;}.stage{position:relative;height:100%;width:100%;min-width:0;overflow:hidden;border:1px solid #1723222a;border-radius:22px;background:#fff4bb;isolation:isolate;box-shadow:0 18px 50px #26352b12;--stage-accent:#e84335;--frame-gap:10px;--frame-radius:28px;}.gl-field,.shape-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;}.shape-field{z-index:1;}.stage-caption{position:absolute;inset:20px 22px auto;display:flex;justify-content:space-between;font:500 14px var(--mono);letter-spacing:.17em;z-index:2;opacity:.72;}.player-position{position:absolute;inset:66px 35px 99px;z-index:4;display:flex;align-items:center;justify-content:center;pointer-events:none;}.player-shell{position:relative;width:100%;aspect-ratio:16/9;min-height:200px;pointer-events:auto;background:#111;box-shadow:0 12px 38px #11231828;}.player-shell:before{content:"";position:absolute;inset:calc(-1 * var(--frame-gap));border:1px solid var(--stage-accent);border-radius:var(--frame-radius);z-index:-1;pointer-events:none;opacity:.6;}.player-host{position:absolute;inset:0;background:none;}.player-host iframe{border:0;display:block;width:100%;height:100%;min-height:200px;}.consent-card{position:absolute;inset:0;background:#fbf8ef;overflow:hidden;display:flex;flex-direction:column;color:var(--ink);}.consent-top{display:flex;justify-content:space-between;gap:10px;padding:11px 15px;font:600 14px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);position:relative;z-index:2;}.consent-art{position:relative;flex:1;min-height:50px;overflow:hidden;}.consent-art b{font-size:clamp(30px,4.3vw,66px);letter-spacing:-.065em;line-height:.8;position:absolute;left:20px;bottom:9px;z-index:1;}.consent-art b em{color:var(--ink);font-weight:400;}.art-circle{width:140px;height:140px;background:var(--yellow);position:absolute;right:25px;top:-30px;border-radius:50%;}.art-triangle{width:130px;height:125px;background:var(--red);position:absolute;right:58px;top:-5px;clip-path:polygon(50% 0,100% 100%,0 100%);transform:rotate(30deg);}.consent-bottom{position:relative;z-index:2;background:#fbf8ef;padding:12px 15px;border-top:1px solid var(--line);display:flex;gap:13px;align-items:center;}.consent-bottom .button{font-size:14px;min-height:41px;padding:10px 13px;white-space:nowrap;gap:8px;}.consent-bottom p{font-size:14px;line-height:1.5;margin:0;max-width:38ch;color:var(--muted);}.consent-bottom p a{text-decoration:underline;}.stage-bottom{position:absolute;bottom:27px;left:21px;right:21px;z-index:5;display:flex;align-items:center;flex-direction:column;gap:8px;}.stage-readout{display:flex;align-items:center;justify-content:center;gap:7px;font:500 14px/1.5 var(--mono);padding:5px 9px;border-radius:4px;color:var(--ink);background:#fcf8eeeb;}.live-light{width:5px;height:5px;border-radius:50%;background:#899181;}.stage[data-source=youtube] .live-light{background:#328b44;}.stage-readout #clock-readout{font-variant-numeric:tabular-nums;margin-left:10px;}.stage-controls{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;}.small-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:8px 10px;background:#fcf8eee8;color:var(--ink);border:1px solid var(--line);border-radius:4px;font:600 14px/1.4 var(--mono);text-decoration:none;}.small-button:hover{background:white;border-color:var(--ink);}.round-button{display:inline-grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid var(--line);border-radius:50%;background:#fcf8eefa;line-height:1;font-size:21px;}.round-button:hover{background:var(--yellow);}.stage-annotation{position:absolute;bottom:6px;left:0;right:0;text-align:center;font:500 14px/1.5 var(--mono);margin:0;color:var(--ink);z-index:3;}.player-error{position:absolute;inset:0;background:#faf6ea;z-index:7;padding:22px;font-size:14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;}.player-error p{flex-basis:100%;margin:0;}.stage-word{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;font-size:clamp(70px,19vw,300px);font-weight:900;letter-spacing:-.075em;line-height:.8;white-space:nowrap;opacity:0;color:var(--stage-accent);}.ambient-heading{position:absolute;inset:calc(18px + env(safe-area-inset-top)) 24px auto;z-index:7;display:flex;justify-content:space-between;align-items:center;gap:15px;}.ambient-heading .eyebrow{background:#fcf8eee8;padding:8px 12px;margin:0;border-radius:4px;display:block;}.ambient-heading .eyebrow span{font-weight:400;}.stage.is-ambient{position:fixed;inset:0;width:100%;height:100dvh;min-height:320px;z-index:100;border-radius:0;border:0;box-shadow:none;overflow:hidden;}.stage.is-ambient .stage-caption,.stage.is-ambient .stage-annotation{display:none;}.stage.is-ambient .player-position{inset:80px 30px 126px;}.stage.is-ambient .player-shell{width:min(960px,68vw,calc((100dvh - 240px) * 16 / 9));min-width:300px;max-width:100%;}.stage.is-ambient .stage-bottom{bottom:calc(23px + env(safe-area-inset-bottom));gap:11px;}.stage.is-ambient .stage-readout{font-size:14px;padding:7px 12px;}.stage.is-ambient .small-button{font-size:14px;padding:8px 12px;min-height:37px;}.stage.is-ambient .consent-art b{font-size:clamp(64px,7vw,116px);left:38px;bottom:24px;}.stage.is-ambient .art-circle{width:270px;height:270px;right:80px;top:-50px;}.stage.is-ambient .art-triangle{width:250px;height:245px;right:150px;top:15px;}.stage.is-ambient .consent-bottom{padding:18px 22px;gap:25px;}.stage.is-ambient .consent-bottom p{font-size:14px;max-width:65ch;}.stage.is-ambient .consent-bottom .button{font-size:14px;padding:12px 18px;min-height:46px;}.stage.is-ambient .consent-top{font-size:14px;padding:14px 20px;}.ambient-hint{font-size:14px;line-height:1.4;margin:0;color:var(--ink);background:#fcf8eec9;padding:4px 7px;border-radius:4px;}.stage:fullscreen{width:100vw;height:100dvh;}.is-ambient .inline-only{display:none;}.stage.is-ambient:focus{outline:none;}body.ambient-open{overflow:hidden;}
/* Time score */
.score-section{padding-top:10px;padding-bottom:42px;}.score-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px;}.score-heading h2{font-size:16px;letter-spacing:-.02em;margin:0;}.score-heading .mono{font-size:14px;color:var(--muted);}.score-strip{display:flex;gap:3px;height:32px;border-radius:4px;overflow:visible;position:relative;}.score-cue{min-width:0;border:0;background:var(--cue-color);height:22px;margin-top:5px;border-radius:2px;position:relative;transition:height .15s,margin .15s,filter .15s;filter:saturate(.8);}.score-cue:hover,.score-cue.is-current{height:32px;margin-top:0;filter:saturate(1);}.score-cue.is-current:after{content:"";position:absolute;left:50%;bottom:-6px;height:4px;width:4px;border-radius:50%;background:var(--ink);}.score-navigation{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:18px;}.chapter-button{text-align:left;background:none;border:0;border-top:1px solid var(--line);padding:11px 0;display:flex;align-items:baseline;gap:12px;font-size:14px;font-weight:700;}.chapter-button span{font:500 14px var(--mono);color:var(--muted);}.chapter-button:hover{border-color:var(--red);color:var(--red);}.fineprint{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:0;}.shape-divider{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--yellow);display:flex;align-items:center;justify-content:space-evenly;gap:30px;padding:19px 28px;overflow:hidden;white-space:nowrap;}.shape-divider span{font-size:24px;font-weight:800;letter-spacing:-.04em;}.shape-divider i{display:block;flex:none;width:25px;height:25px;background:var(--ink);}.circle{border-radius:50%;}.shape-divider i.outline{border:2px solid var(--ink);background:none;}.triangle{clip-path:polygon(50% 0,100% 100%,0 100%);}.inverted{transform:rotate(180deg);}.section{padding-top:86px;padding-bottom:86px;}.section-heading{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:60px;margin-bottom:35px;}.section-heading h2,.creator-copy h2{font-size:clamp(43px,4.7vw,68px);line-height:.98;margin:0;}.section-heading>p{max-width:49ch;color:var(--muted);font-size:14px;margin:0 0 5px;}.section-heading .eyebrow{margin-bottom:18px;}.lab-panel{display:grid;grid-template-columns:.78fr 1.22fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fefcf5;}.lab-controls{padding:24px;border-right:1px solid var(--line);}.experiment-tabs{display:flex;flex-wrap:wrap;gap:7px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px;}.experiment-tab{padding:8px 10px;font-size:14px;font-weight:700;line-height:1.4;border-radius:4px;border:1px solid var(--line);background:none;min-height:33px;}.experiment-tab[aria-selected=true]{background:var(--ink);color:#fff;}.experiment-copy{min-height:174px;}.experiment-number{font:500 14px var(--mono);color:var(--red);}.experiment-copy h3{font-size:29px;line-height:1.08;margin:10px 0 12px;letter-spacing:-.04em;}.experiment-copy p{font-size:14px;color:var(--muted);margin-bottom:22px;}.lab-sliders{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;margin-bottom:19px;}.lab-sliders label,.offset-control,.editor-grid label{font:600 14px/1.5 var(--mono);}.lab-sliders output{float:right;font-weight:400;color:var(--muted);}input[type=range]{accent-color:var(--red);width:100%;height:24px;margin:8px 0 0;cursor:pointer;}input[type=number],select{border:1px solid var(--line);border-radius:4px;background:#fffdf8;padding:9px;width:100%;margin-top:7px;font:500 14px var(--mono);}.lab-view{display:flex;flex-direction:column;min-width:0;}.lab-canvas{position:relative;flex:1;min-height:320px;background:#fff4bb;overflow:hidden;isolation:isolate;touch-action:pan-y;}.lab-coordinate{position:absolute;left:20px;top:18px;z-index:2;font:500 14px var(--mono);opacity:.75;}.lab-watermark{position:absolute;left:24px;bottom:28px;font-size:80px;letter-spacing:-.07em;line-height:.78;font-weight:900;opacity:.14;z-index:2;pointer-events:none;}.lab-toolbar{padding:15px 20px;background:#fefcf5;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;}.palettes{display:flex;gap:8px;align-items:center;}.palette-button{width:25px;height:25px;border-radius:50%;background:var(--swatch);border:1px solid #17232235;outline-offset:3px;transition:transform .2s;}.palette-button:hover{transform:scale(1.18);}.palette-button[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px;}.lab-toolbar .button-row{gap:7px;}.lab-toolbar .round-button{width:32px;height:32px;font-size:16px;}.lab-toolbar .small-button{font-size:14px;}
/* Artist editorial spread */
.artist-section{background:#eb513d;color:#fff9e5;padding:78px 0;}.artist-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;}.artist-copy h2{font-size:clamp(63px,7.9vw,113px);line-height:.9;margin:0 0 25px;}.artist-copy h2 em{color:#fbd42e;}.artist-copy .eyebrow{opacity:.9;}.artist-lead{font-size:21px!important;line-height:1.3!important;font-weight:600;max-width:24ch!important;}.artist-copy p:not(.eyebrow){font-size:14px;max-width:50ch;line-height:1.8;}.artist-credit{font-size:14px!important;padding-top:18px;border-top:1px solid #fff9e54a;}.source-link{font:500 14px/1.6 var(--mono);display:inline-block;text-decoration:underline;text-underline-offset:4px;margin:5px 12px 5px 0;overflow-wrap:anywhere;}.artist-copy .source-link{opacity:.85;}.gamper-study{height:360px;position:relative;overflow:hidden;background:#f8f3df;border-radius:5px;color:var(--ink);}.g-circle{position:absolute;left:22%;top:16%;width:300px;height:300px;border-radius:50%;background:var(--yellow);}.g-disc{position:absolute;width:130px;height:130px;left:15%;top:15%;background:var(--blue);border-radius:50%;}.g-triangle{position:absolute;width:245px;height:260px;background:var(--red);clip-path:polygon(50% 0,100% 100%,0 100%);left:30%;top:8%;transform:rotate(-17deg);}.g-cut{position:absolute;background:#f8f3df;width:360px;height:20px;left:10%;top:44%;transform:rotate(-24deg);}.gamper-study>span{position:absolute;left:21px;bottom:27px;line-height:.86;font-size:53px;font-weight:900;letter-spacing:-.065em;}.gamper-study>p{position:absolute;right:16px;bottom:13px;font:500 14px/1.6 var(--mono);max-width:22ch;margin:0;text-align:right;}.artist-timeline{display:flex;margin-top:24px;gap:15px;}.artist-tab{flex:1;border:0;border-top:1px solid #fff9e566;background:transparent;color:inherit;text-align:left;padding:13px 0 8px;position:relative;}.artist-tab[aria-selected=true]:before{content:"";height:5px;width:5px;background:var(--yellow);position:absolute;left:0;top:-3px;border-radius:50%;}.artist-tab b{display:block;font:600 18px var(--mono);color:var(--yellow);margin-bottom:7px;}.artist-tab span{font-size:14px;}.artist-note{font-size:14px;line-height:1.75;padding-top:8px;max-width:62ch;min-height:76px;margin:0;}.story-grid{display:grid;grid-template-columns:.6fr 1.25fr .65fr;gap:30px;}.story-tabs{display:flex;flex-direction:column;}.story-tab{min-height:60px;border:0;border-top:1px solid var(--line);text-align:left;padding:14px 5px;background:none;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:space-between;}.story-tab:after{content:"↗";font-size:18px;}.story-tab[aria-selected=true]{color:var(--red);border-top:2px solid var(--red);}.story-content{position:relative;padding:26px;background:#edeada;border-radius:6px;min-height:310px;overflow:hidden;}.tag{font:600 14px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.07em;background:#fff9de;padding:5px 8px;display:inline-block;}.story-content h3{font-size:31px;line-height:1.1;margin:18px 0 13px;max-width:20ch;position:relative;z-index:2;}.story-content>p{font-size:14px;line-height:1.8;max-width:49ch;position:relative;z-index:2;}.story-content .source-link{position:relative;z-index:2;}.story-visual{position:absolute;bottom:-20px;right:-30px;width:210px;height:190px;opacity:.19;transform:rotate(-22deg);pointer-events:none;}.story-visual i{position:absolute;background:var(--red);width:50px;height:130px;left:calc(30px * var(--n));top:calc(10px * var(--n));border-radius:25px;}.story-visual i:nth-child(1){--n:0;}.story-visual i:nth-child(2){--n:1;}.story-visual i:nth-child(3){--n:2;}.story-visual i:nth-child(4){--n:3;}.story-visual i:nth-child(5){--n:4;}.story-visual[data-story="1"] i{border-radius:0;background:var(--blue);height:90px;transform:rotate(24deg);}.story-visual[data-story="2"] i{width:100px;height:100px;border-radius:50%;background:var(--red);}.story-visual[data-story="3"] i{background:none;border:1px solid var(--ink);}.reception{padding:23px 0 0;border-top:1px solid var(--line);align-self:start;}.reception .eyebrow{font-size:14px;margin-bottom:18px;}.reception>p{font-size:14px;color:var(--muted);line-height:1.9;}.reception .source-link{font-size:14px;}
/* Album: a clockwork, not a generic countdown widget. */
.album-section{background:var(--yellow);padding:74px 0 64px;border-top:1px solid #c7ae13;}.album-top{display:grid;grid-template-columns:1fr 1fr .75fr;gap:40px;align-items:center;}.album-top h2{font-size:clamp(86px,10vw,144px);line-height:.75;margin:30px 0 34px;letter-spacing:-.09em;}.album-top h2 em{color:var(--ink);font-weight:400;}.album-top .eyebrow{max-width:32ch;}.album-intro p{font-size:15px;line-height:1.65;}.album-intro strong{display:block;font:700 14px/1.65 var(--mono);margin:22px 0 9px;}.time-instrument{width:min(100%,340px);aspect-ratio:1;position:relative;margin:auto;}.timer-ring{position:absolute;inset:3%;border:1px solid #17232238;border-radius:50%;transform:rotate(0);}.ring-1{inset:15%;border-width:3px;border-right-color:transparent;transform:rotate(-40deg);}.ring-2{inset:22%;border-style:dashed;border-color:#1723222d;}.dial-ticks{position:absolute;inset:8%;border-radius:50%;}.dial-hand{position:absolute;left:calc(50% - 1.5px);bottom:50%;width:3px;height:45%;background:var(--red);transform-origin:center bottom;transform:rotate(var(--second-angle,0deg));}.dial-center{position:absolute;width:11px;height:11px;background:var(--red);left:calc(50% - 5.5px);top:calc(50% - 5.5px);border-radius:50%;z-index:2;}.time-instrument>b{position:absolute;left:35%;top:31%;font:700 63px/.8 var(--mono);text-align:center;pointer-events:none;}.time-instrument>b small{font:500 14px/1.6 var(--mono);letter-spacing:.06em;}.dial-caption{position:absolute;bottom:0;left:0;right:0;font:500 14px var(--mono);text-align:center;letter-spacing:.18em;}.countdown{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;border-top:1px solid #17232244;border-bottom:1px solid #17232244;margin-top:40px;gap:0;}.time-cell{position:relative;border-right:1px solid #17232244;padding:24px 26px 18px;overflow:hidden;}.time-cell:last-child{border:0;}.time-num{font-family:var(--mono);font-size:clamp(44px,6.8vw,95px);font-weight:500;line-height:1;letter-spacing:-.085em;font-variant-numeric:tabular-nums;display:inline-block;}.time-num.changed{animation:digit-change .4s ease-out;}.time-unit{display:block;font:500 14px/1.8 var(--mono);margin-top:11px;text-transform:uppercase;letter-spacing:.15em;}.time-cell i{position:absolute;right:16px;bottom:24px;width:22px;height:22px;border-radius:50%;border:1px solid #17232244;opacity:.65;}.time-cell:first-child:after{content:"T –";position:absolute;right:18px;top:22px;font:600 14px var(--mono);}.countdown-note{font:500 14px/1.7 var(--mono);margin:12px 0 24px;max-width:93ch;}.album-section .text-button{border-color:#17232250;}.tracklist-head{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;margin:56px 0 20px;}.tracklist-head h3{font-size:27px;margin:0;}.tracklist-head p{font-size:14px;line-height:1.7;margin:0;max-width:58ch;}.tracklist{display:grid;grid-template-columns:1fr 1fr;column-gap:50px;}.track-button{background:none;border:0;border-top:1px solid #1723224d;display:flex;align-items:center;gap:16px;text-align:left;min-height:53px;padding:10px 6px;font-size:14px;font-weight:600;}.track-num{font:500 14px var(--mono);opacity:.65;min-width:22px;}.track-button small{font-size:14px;display:block;opacity:.75;margin-top:4px;}.track-arrow{margin-left:auto;opacity:.6;}.track-button:hover,.track-button[aria-pressed=true]{background:#fff4bb55;}.track-detail{margin-top:20px;padding:16px 18px;background:#fff4bb57;border-radius:4px;display:flex;align-items:center;gap:20px;min-height:60px;}.track-detail p{font-size:14px;line-height:1.6;margin:0;}.track-detail .tag{flex:none;}.track-detail a{font-size:14px;text-decoration:underline;}.creator-section{display:grid;grid-template-columns:.6fr 1fr;gap:80px;align-items:center;}.creator-signature{padding:42px 35px;border:1px solid var(--line);background:#eeeedf;border-radius:5px;position:relative;}.creator-signature>p{font-size:64px;letter-spacing:-.065em;font-weight:800;line-height:.89;margin:26px 0 20px;}.creator-signature>p em{color:var(--blue);}.creator-signature>span{font:500 14px var(--mono);}.studio-logo-wrap{display:inline-flex;min-width:64px;min-height:64px;align-items:center;}.studio-logo-wrap img{width:64px;height:64px;object-fit:contain;}.studio-fallback{font-size:20px;font-weight:800;line-height:.9;letter-spacing:-.05em;color:var(--blue);}.studio-fallback>span{font-weight:400;}.studio-fallback small{font-size:14px;letter-spacing:.16em;font-weight:400;}.creator-copy h2{margin-bottom:25px;}.creator-quote{font-size:17px;max-width:45ch;color:var(--muted);}.creator-copy .button{margin-top:24px;}.creator-copy .fineprint{max-width:63ch;}.sources{padding-bottom:65px;}.sources details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;}.sources summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:19px;font-weight:700;letter-spacing:-.03em;}.sources summary>span+span{font:500 14px var(--mono);}.sources details[open] summary{margin-bottom:20px;}.sources p{font-size:14px;color:var(--muted);}.sources ol{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 30px;}.sources li{display:flex;gap:15px;align-items:baseline;border-bottom:1px solid var(--line);padding:5px 0;}.sources li>span{font:500 14px var(--mono);color:var(--red);}.footer{padding:42px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#e7e7d9;border-top:1px solid var(--line);}.footer-brand{font-weight:900;font-size:22px;letter-spacing:-.045em;}.footer p{font-size:14px;line-height:1.8;max-width:63ch;color:var(--muted);margin:18px 0 0;}.footer nav{display:flex;gap:12px 22px;flex-wrap:wrap;margin-bottom:25px;}.footer nav a{font-size:14px;text-decoration:underline;text-underline-offset:4px;}.footer>div>span{font:500 14px/1.8 var(--mono);color:var(--muted);}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:white;padding:13px 20px;border-radius:5px;z-index:1000;font-size:14px;max-width:min(90vw,600px);box-shadow:0 6px 25px #0003;}
/* On-page colour authoring. No separate app, no hidden simulated analysis. */
.cue-editor{position:absolute;inset:0 0 0 auto;width:min(450px,100%);z-index:12;background:#f9f6ea;overflow-y:auto;padding:23px;border-left:1px solid var(--line);box-shadow:-15px 0 50px #17232222;overscroll-behavior:contain;color:var(--ink);}.cue-editor>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}.cue-editor>header .eyebrow{margin:0;}.cue-editor h2{font-size:31px;line-height:1.05;margin-bottom:12px;max-width:13ch;}.cue-editor>p{font-size:14px;line-height:1.7;}.cue-editor .round-button{width:30px;height:30px;font-size:21px;}.editor-readout{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;}.editor-readout output{font:500 20px var(--mono);letter-spacing:-.05em;}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:14px 0;}.editor-colours{display:flex;gap:15px;justify-content:space-between;}.editor-colours label{font:500 14px var(--mono);flex:1;}.editor-colours input{display:block;width:100%;height:38px;border:1px solid var(--line);padding:2px;background:none;margin-top:7px;cursor:pointer;}.cue-editor .button{font-size:14px;min-height:42px;width:100%;padding:11px;}.offset-control{display:block;margin:22px 0 0;}.offset-control output{float:right;}.editor-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px;}.editor-actions .small-button{font-size:14px;min-height:31px;}.file-label{cursor:pointer;position:relative;overflow:hidden;}.file-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;}.score-warning{font-size:14px;line-height:1.7;background:#fff0c6;border-left:2px solid var(--red);padding:11px;margin:17px 0 5px;}.editor-cues{margin-top:18px;max-height:250px;overflow-y:auto;}.editor-cue-row{border-top:1px solid var(--line);padding:7px 0;display:flex;gap:7px;align-items:center;font:500 14px var(--mono);}.editor-cue-row button:first-child{background:none;border:0;font:inherit;display:flex;gap:10px;align-items:center;flex:1;text-align:left;min-height:27px;}.editor-cue-row i{height:13px;width:13px;border-radius:50%;background:var(--cue-color);border:1px solid var(--line);}.editor-cue-row>button:last-child{border:0;background:none;font-size:17px;padding:0 8px;}.editor-cue-row small{font-size:14px;margin-left:auto;}.stage.is-ambient .cue-editor{top:75px;bottom:22px;right:20px;border:1px solid var(--line);border-radius:10px;width:min(430px,calc(100% - 40px));}
@keyframes digit-change{from{transform:translateY(7px);opacity:.55;}to{transform:none;opacity:1;}}
@media(min-width:1600px){.header,.footer{padding-left:max(var(--pad),calc((100vw - 1304px)/2));padding-right:max(var(--pad),calc((100vw - 1304px)/2));}.hero{min-height:590px;}.stage-slot{height:480px;}}
@media(max-width:1100px){.main-nav{gap:16px;}.motion-button>span+span{display:none;}.hero{gap:25px;grid-template-columns:.75fr 1.25fr;min-height:520px;padding-top:35px;}.hero h1{font-size:65px;}.hero-description{font-size:14px;}.hero .button-row{gap:10px;}.hero .button{font-size:14px;padding:13px 14px;}.stage-slot{height:420px;}.player-position{inset:60px 25px 100px;}.consent-bottom{flex-wrap:wrap;gap:7px;padding:8px 12px;}.consent-bottom p{font-size:14px;max-width:none;}.consent-bottom .button{font-size:14px;min-height:32px;padding:7px 10px;}.consent-art b{font-size:42px;}.stage-controls .small-button{font-size:14px;min-height:29px;padding:7px;}.artist-grid{gap:40px;}.artist-copy h2{font-size:82px;}.story-grid{gap:22px;grid-template-columns:.65fr 1.35fr;}.reception{grid-column:2;}.album-top{gap:20px;grid-template-columns:1fr 1fr .8fr;}.lab-controls{padding:20px;}.experiment-copy h3{font-size:26px;}.lab-panel{grid-template-columns:.85fr 1.15fr;}.lab-toolbar{padding:12px;}.lab-toolbar .button-row{gap:4px;}.lab-toolbar .small-button{padding:7px;}.lab-toolbar .palettes{gap:6px;}.palette-button{width:23px;height:23px;}.creator-section{gap:45px;}}
@media(max-width:820px){.header{height:75px;gap:12px;}.main-nav{display:none;}.hero{grid-template-columns:1fr;gap:29px;padding-top:33px;min-height:0;}.hero-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;align-items:start;}.hero-copy>.eyebrow{grid-column:1/-1;font-size:14px;margin-bottom:19px;}.hero h1{font-size:74px;grid-row:2 / span 3;margin:0;}.hero-description{font-size:14px;grid-column:2;margin:3px 0 16px;}.hero .button-row{grid-column:2;}.hero-credit{grid-column:2;margin-top:17px;}.stage-slot{height:470px;}.player-position{inset:60px 56px 91px;}.consent-bottom{flex-wrap:nowrap;gap:15px;padding:12px 16px;}.consent-bottom p{font-size:14px;}.consent-bottom .button{font-size:14px;min-height:39px;padding:11px;}.consent-art b{font-size:65px;left:28px;bottom:14px;}.art-circle{width:220px;height:220px;right:40px;top:-40px;}.art-triangle{width:200px;height:190px;right:100px;top:-10px;}.stage-controls .small-button{font-size:14px;min-height:32px;padding:7px 10px;}.score-heading .mono{display:none;}.section{padding-top:60px;padding-bottom:60px;}.section-heading{gap:30px;grid-template-columns:1fr 1fr;}.section-heading h2{font-size:44px;}.section-heading>p{font-size:14px;}.lab-panel{grid-template-columns:1fr;}.lab-controls{border-right:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;border-bottom:1px solid var(--line);}.experiment-tabs{grid-column:1/-1;margin-bottom:9px;padding-bottom:14px;}.experiment-copy{min-height:0;}.experiment-copy p{margin-bottom:0;}.lab-sliders{gap:12px;}.lab-controls>.fineprint{grid-column:1/-1;}.lab-canvas{min-height:380px;}.lab-toolbar{padding:14px 20px;}.artist-grid{gap:30px;}.artist-copy h2{font-size:70px;}.gamper-study{height:300px;}.gamper-study>span{font-size:43px;}.g-circle{width:260px;height:260px;}.g-triangle{width:190px;height:220px;}.gamper-study>p{font-size:14px;}.artist-lead{font-size:19px!important;}.artist-copy p:not(.eyebrow){font-size:14px;}.artist-timeline{gap:11px;}.artist-tab span{font-size:14px;}.album-top{grid-template-columns:1fr 1fr;}.album-intro{grid-column:1/-1;display:flex;gap:35px;align-items:center;}.album-intro p{max-width:44ch;font-size:14px;}.album-intro strong{font-size:14px;min-width:19ch;margin:0;}.album-intro .source-link{display:none;}.album-top h2{font-size:121px;}.time-instrument{width:260px;}.time-instrument>b{font-size:54px;}.countdown{margin-top:22px;}.time-cell{padding:22px 18px 16px;}.time-num{font-size:64px;}.time-cell i{width:17px;height:17px;right:12px;bottom:20px;}.creator-signature{padding:29px;}.creator-signature>p{font-size:55px;}.creator-copy h2{font-size:43px;}.creator-quote{font-size:15px;}.footer{gap:35px;}.score-navigation{gap:12px;}.chapter-button{font-size:14px;gap:5px;display:block;}.chapter-button span{display:block;margin-bottom:6px;}.stage.is-ambient .player-position{inset:80px 23px 140px;}.stage.is-ambient .player-shell{width:min(88vw,calc((100dvh - 235px) * 16 / 9));min-width:300px;}.stage.is-ambient .consent-bottom{padding:12px 16px;gap:15px;}.stage.is-ambient .consent-bottom p{font-size:14px;}.stage.is-ambient .consent-bottom .button{font-size:14px;min-height:38px;padding:11px;}.stage.is-ambient .consent-art b{font-size:72px;}.stage.is-ambient .art-circle{width:210px;height:210px;}.stage.is-ambient .art-triangle{width:190px;height:190px;right:65px;}}
@media(max-width:540px){:root{--pad:19px;}.header{height:71px;}.brand{font-size:15px;gap:9px;}.brand small{font-size:14px;}.brand-icon{transform:scale(.9);transform-origin:left center;width:28px;}.header-controls{gap:8px;}.motion-button{padding:3px;}.motion-button>span:first-child{font-size:24px;}.language{gap:3px;}.language a{font-size:14px;}.hero{padding-top:28px;gap:26px;padding-bottom:27px;}.hero-copy{display:block;}.hero-copy .eyebrow{font-size:14px;letter-spacing:.06em;margin-bottom:18px;}.hero h1{font-size:72px;line-height:.91;margin:0 0 19px;}.hero-description{font-size:14px;max-width:45ch;margin-bottom:20px;}.hero .button-row{gap:16px;}.hero-credit{margin-top:19px;font-size:14px;}.hero-credit b{font-size:14px;}.stage-slot{height:376px;margin-left:-6px;margin-right:-6px;}.stage{border-radius:13px;}.stage-caption{inset:13px 15px auto;font-size:14px;}.player-position{inset:43px 12px 107px;}.player-shell{min-height:210px;}.consent-top{padding:9px 11px;font-size:14px;}.consent-art b{font-size:43px;left:15px;bottom:9px;}.art-circle{width:130px;height:130px;right:25px;top:-30px;}.art-triangle{width:120px;height:120px;right:55px;top:-10px;}.consent-bottom{padding:8px 11px;display:block;}.consent-bottom .button{font-size:14px;min-height:33px;padding:7px 10px;margin-bottom:5px;}.consent-bottom p{font-size:14px;line-height:1.5;max-width:none;}.stage-bottom{left:8px;right:8px;bottom:25px;gap:7px;}.stage-controls{gap:5px;}.stage-controls .small-button{font-size:14px;min-height:31px;padding:6px 8px;}.stage-readout{font-size:14px;max-width:100%;gap:5px;}.stage-readout #clock-readout{margin-left:6px;}.stage-annotation{font-size:14px;bottom:5px;}.score-section{padding-top:0;padding-bottom:31px;}.score-heading h2{font-size:14px;}.score-strip{gap:2px;}.score-navigation{gap:8px;grid-template-columns:repeat(3,1fr);margin-top:15px;}.chapter-button{font-size:14px;padding:9px 0 3px;}.chapter-button span{font-size:14px;margin-bottom:3px;}.score-section .fineprint{font-size:14px;margin-top:12px;}.shape-divider{padding:16px 19px;gap:24px;justify-content:flex-start;}.shape-divider span{font-size:19px;}.shape-divider i{width:19px;height:19px;}.section{padding-top:47px;padding-bottom:47px;}.section-heading{display:block;margin-bottom:24px;}.section-heading h2,.creator-copy h2{font-size:44px;margin-bottom:19px;}.section-heading .eyebrow{font-size:14px;margin-bottom:17px;}.section-heading>p{font-size:14px;line-height:1.8;max-width:none;}.lab-controls{padding:17px;gap:16px;display:block;}.experiment-tabs{gap:5px;margin-bottom:16px;}.experiment-tab{font-size:14px;padding:7px 9px;min-height:32px;}.experiment-copy h3{font-size:26px;}.experiment-copy p{font-size:14px;margin-bottom:23px;}.lab-sliders{margin-bottom:14px;gap:12px 22px;}.lab-sliders label{font-size:14px;}.lab-canvas{min-height:320px;}.lab-toolbar{padding:13px;gap:14px;}.lab-toolbar .small-button{font-size:14px;}.lab-watermark{font-size:68px;bottom:21px;left:20px;}.lab-coordinate{font-size:14px;}.artist-section{padding:49px 0;}.artist-grid{display:block;}.artist-copy h2{font-size:88px;}.artist-copy .eyebrow{font-size:14px;}.artist-copy p:not(.eyebrow){max-width:none;}.artist-lead{font-size:21px!important;max-width:23ch!important;}.artist-copy .source-link{font-size:14px;}.artist-visual{margin-top:30px;}.gamper-study{height:335px;}.g-circle{width:280px;height:280px;}.g-triangle{width:230px;height:230px;}.gamper-study>span{font-size:52px;}.gamper-study>p{font-size:14px;}.artist-tab span{font-size:14px;}.artist-note{font-size:14px;min-height:0;}.story-grid{display:block;}.story-tabs{flex-direction:row;display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-bottom:23px;}.story-tab{min-height:46px;font-size:14px;}.story-tab:after{font-size:16px;}.story-content{padding:24px 20px;min-height:300px;}.story-content h3{font-size:30px;}.story-content>p{font-size:14px;}.reception{margin-top:28px;padding-top:20px;}.reception .eyebrow{font-size:14px;margin-bottom:11px;}.reception>p{font-size:14px;}.album-section{padding:48px 0;}.album-top{grid-template-columns:1fr 1fr;gap:20px 5px;}.album-top>div:first-child{grid-column:1/-1;position:relative;}.album-top h2{font-size:122px;margin:24px 0 10px;}.album-top .eyebrow{font-size:14px;max-width:40ch;}.time-instrument{position:absolute;width:151px;right:22px;margin-top:82px;align-self:start;}.time-instrument>b{font-size:33px;left:34%;top:31%;line-height:.85;}.time-instrument>b small{font-size:14px;}.dial-caption{font-size:14px;letter-spacing:.07em;}.dial-center{width:7px;height:7px;left:calc(50% - 3.5px);top:calc(50% - 3.5px);}.dial-hand{width:2px;left:calc(50% - 1px);}.album-intro{display:block;}.album-intro p{font-size:14px;max-width:40ch;}.album-intro strong{font-size:14px;margin:16px 0 0;}.countdown{grid-template-columns:1.18fr 1fr 1fr 1fr;margin-top:24px;}.time-cell{padding:17px 8px 13px;}.time-num{font-size:43px;}.time-unit{font-size:14px;letter-spacing:.03em;margin-top:7px;}.time-cell i{height:11px;width:11px;right:6px;bottom:14px;display:none;}.time-cell:first-child:after{display:none;}.countdown-note{font-size:14px;margin-top:11px;}.album-section .button{font-size:14px;min-height:44px;padding:12px 13px;gap:12px;}.album-section .text-button{font-size:14px;}.album-section>.container>.button-row{gap:5px 15px;}.tracklist-head{display:block;margin-top:35px;}.tracklist-head h3{font-size:24px;margin-bottom:10px;}.tracklist-head p{font-size:14px;}.tracklist{grid-template-columns:1fr;}.track-button{min-height:48px;font-size:14px;gap:12px;}.track-button small{font-size:14px;}.track-detail{display:block;padding:14px;}.track-detail .tag{margin-bottom:9px;}.track-detail p{font-size:14px;}.creator-section{display:block;}.creator-signature{padding:23px;margin-bottom:34px;display:grid;grid-template-columns:85px 1fr;align-items:center;gap:0 17px;}.creator-signature>p{font-size:46px;line-height:.93;margin:0;}.creator-signature>span:last-child{grid-column:2;font-size:14px;margin-top:12px;}.creator-signature .studio-logo-wrap{grid-row:1/3;}.creator-copy .eyebrow{font-size:14px;}.creator-quote{font-size:15px;}.creator-copy .fineprint{font-size:14px;}.sources{padding-bottom:39px;}.sources summary{font-size:17px;}.sources ol{display:block;}.sources li{padding:8px 0;}.sources .source-link{font-size:14px;}.sources p{font-size:14px;}.footer{padding:30px var(--pad);grid-template-columns:1fr;gap:28px;}.footer nav{gap:13px 22px;}.footer nav a{font-size:14px;}.footer p{font-size:14px;}.ambient-heading{inset:calc(13px + env(safe-area-inset-top)) 15px auto;}.ambient-heading .eyebrow{font-size:14px;padding:8px;}.ambient-heading .eyebrow span{display:block;font-size:14px;margin-top:3px;}.stage.is-ambient .player-position{inset:70px 15px 180px;}.stage.is-ambient .player-shell{width:100%;min-width:0;min-height:210px;}.stage.is-ambient .consent-art b{font-size:49px;bottom:10px;left:18px;}.stage.is-ambient .art-circle{width:135px;height:135px;right:20px;top:-20px;}.stage.is-ambient .art-triangle{width:130px;height:130px;right:52px;top:5px;}.stage.is-ambient .consent-top{font-size:14px;padding:9px 11px;}.stage.is-ambient .consent-bottom{display:block;padding:8px 11px;}.stage.is-ambient .consent-bottom .button{min-height:33px;font-size:14px;padding:7px 10px;}.stage.is-ambient .consent-bottom p{font-size:14px;max-width:none;margin-top:5px;}.stage.is-ambient .stage-readout{font-size:14px;line-height:1.6;padding:7px 9px;max-width:calc(100vw - 32px);}.stage.is-ambient .stage-bottom{bottom:calc(22px + env(safe-area-inset-bottom));gap:13px;left:15px;right:15px;}.stage.is-ambient .small-button{font-size:14px;padding:8px;min-height:35px;}.stage.is-ambient .ambient-hint{font-size:14px;text-align:center;}.stage.is-ambient .stage-controls{gap:7px;}.cue-editor{padding:18px;}.cue-editor h2{font-size:29px;}.stage.is-ambient .cue-editor{inset:68px 10px 13px;width:calc(100% - 20px);}.editor-readout{flex-wrap:wrap;}.player-error{padding:15px;font-size:14px;}}
@media(max-width:360px){.hero h1{font-size:65px;}.hero .button-row{gap:9px;}.stage-controls .small-button{font-size:14px;padding:6px;}.time-instrument{width:130px;right:17px;margin-top:92px;}.time-num{font-size:38px;}.header{gap:8px;}.brand{font-size:14px;}.brand small{font-size:14px;}.header-controls{gap:2px;}.time-cell{padding-left:6px;padding-right:6px;}}
@media(max-height:550px) and (orientation:landscape){.stage.is-ambient .ambient-heading{top:10px;left:15px;right:15px;}.stage.is-ambient .ambient-heading .eyebrow{font-size:14px;}.stage.is-ambient .ambient-heading .round-button{width:31px;height:31px;}.stage.is-ambient .player-position{inset:53px 18px 77px;}.stage.is-ambient .player-shell{width:min(59vw,calc((100dvh - 140px)*16/9));min-width:300px;min-height:200px;}.stage.is-ambient .stage-bottom{bottom:8px;gap:4px;}.stage.is-ambient .stage-readout{font-size:14px;padding:3px 7px;}.stage.is-ambient .small-button{font-size:14px;min-height:27px;padding:4px 7px;}.stage.is-ambient .ambient-hint{display:none!important;}.stage.is-ambient .consent-top{padding:6px 10px;font-size:14px;}.stage.is-ambient .consent-art b{font-size:38px;left:12px;bottom:6px;}.stage.is-ambient .consent-bottom{padding:7px 10px;gap:8px;}.stage.is-ambient .consent-bottom p{font-size:14px;}.stage.is-ambient .consent-bottom .button{font-size:14px;min-height:31px;padding:7px;}.stage.is-ambient .art-circle{width:130px;height:130px;right:20px;}.stage.is-ambient .art-triangle{width:120px;height:120px;right:70px;}.stage.is-ambient .cue-editor{inset:48px 10px 8px auto;width:min(440px,100% - 20px);}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}}
html[data-motion=reduced]{scroll-behavior:auto;}html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
/* V3 functional interaction details */
.youtube-bridge{display:block;width:100%;height:100%;border:0;min-height:200px;position:absolute;inset:0;}.score-scrub{display:flex;align-items:center;gap:16px;font:14px var(--mono);text-transform:uppercase;letter-spacing:.08em;margin:16px 0 4px;}.score-scrub input{flex:1;min-width:0;accent-color:var(--red);height:26px;}.score-scrub output{min-width:60px;text-align:right;}.score-segment{min-width:4px;border:0;cursor:pointer;position:relative;transition:filter .2s;}.score-segment.active{box-shadow:inset 0 -5px var(--ink);}.score-segment:hover{filter:brightness(1.1);}.editor-cue{display:flex;align-items:center;border-bottom:1px solid #24241c20;gap:8px;}.editor-cue-go{flex:1;display:flex;gap:10px;align-items:center;text-align:left;padding:10px 0;background:transparent;border:0;cursor:pointer;font:14px var(--mono);color:var(--ink);}.editor-cue-go i{width:19px;height:19px;border:1px solid #0002;border-radius:50%;}.editor-delete{width:32px;height:32px;border:1px solid #0002;background:transparent;border-radius:50%;cursor:pointer;}.palettes button[aria-pressed="true"]{outline:2px solid var(--ink);outline-offset:3px;}.score-chapter strong{font:inherit;font-weight:600;}.score-chapter span:last-child{margin-left:auto;}.stage.is-ambient.editor-open .stage-word{display:none;}.stage-controls .small-button:disabled{opacity:.45;}
@media(min-width:980px){.stage.is-ambient.editor-open .player-position{left:28px;right:480px;top:130px;bottom:170px;width:auto;transform:none;max-width:none;}.stage.is-ambient.editor-open .player-shell{width:100%;max-width:780px;}.stage.is-ambient.editor-open .stage-bottom{right:485px;width:auto;left:28px;transform:none;}.stage.is-ambient.editor-open .cue-editor{width:430px;max-height:calc(100dvh - 120px);top:85px;right:24px;bottom:auto;}.stage.is-ambient.editor-open .ambient-heading{z-index:45;}}
@media(max-width:979px){.stage.is-ambient.editor-open .player-position{visibility:hidden;}.stage.is-ambient.editor-open .stage-bottom{visibility:hidden;}.stage.is-ambient.editor-open .cue-editor{position:absolute;inset:75px 12px 18px;width:auto;max-height:none;}.stage.is-ambient.editor-open .ambient-heading{z-index:45;}}
.chapter-button.active{border-color:var(--red);color:var(--red);}.lab-sliders label:has(input:disabled){opacity:.35;}.stage .gl-field,.stage .shape-field,.lab-canvas canvas{pointer-events:none;}
/* The authoring panel never obscures a live player. Small screens stack both. */
@media(max-width:979px){.stage.is-ambient.editor-open .player-position{visibility:visible;inset:67px 12px auto;height:210px;width:auto;}.stage.is-ambient.editor-open .player-shell{height:210px;min-height:210px;width:min(374px,100%);}.stage.is-ambient.editor-open .cue-editor{top:291px;bottom:12px;inset-inline:12px;}.stage.is-ambient.editor-open .cue-editor h2{font-size:25px;}.stage.is-ambient.editor-open .cue-editor>header{margin-bottom:8px;}}
@media(max-width:979px) and (orientation:landscape){.stage.is-ambient.editor-open .player-position{inset:70px auto auto 12px;width:47%;height:200px;}.stage.is-ambient.editor-open .player-shell{height:200px;min-height:200px;width:100%;min-width:0;}.stage.is-ambient.editor-open .cue-editor{inset:62px 12px 10px 51%;width:auto;}}
.score-strip{min-width:0;overflow:hidden;}.score-segment{padding:0;min-width:0;flex-basis:0;}.artist-section h2{max-width:100%;overflow-wrap:normal;}
@media(max-width:359px){.hero h1{font-size:54px;line-height:.96;}.hero-copy .button-row{gap:10px;}.hero-copy .button-row .button{padding-inline:12px;font-size:14px;}.hero-copy .text-button{font-size:14px;}.hero-copy .eyebrow{font-size:14px;}.artist-section h2{font-size:70px;}.artist-section h2 em{font-size:inherit;}.hero-copy>p:not(.eyebrow){font-size:14px;}}
.editor-draft-note{font-size:14px;padding:9px 11px;border-left:2px solid var(--blue);background:#285cc509;line-height:1.5;color:var(--muted);}
/* On phones the medium, not introductory copy, gets the first screen. */
@media(max-width:600px){.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;}.hero-copy{display:contents;}.hero-copy>.eyebrow{order:0;margin:0 0 18px;}.hero-copy>h1{order:1;margin-bottom:18px;}.hero>.stage-slot{order:2;margin:0 -6px 24px;}.hero-copy>.hero-description{order:3;margin-bottom:17px;}.hero-copy>.button-row{order:4;}.hero-copy>.hero-credit{order:5;margin-top:20px;}}

/* BREAK / FIELD 4 — the instrument sits below the image, never on top of it. */
:root{--read-min:14px;}.fineprint,.rack-note,.sound-small,.sound-status,.feed-state{font-size:14px;line-height:1.65;}.button,.small-button,.text-button{font-size:14px;min-height:42px;}.header{gap:20px;align-items:center;}.main-nav{gap:18px;}.main-nav a{font-size:14px;white-space:nowrap;}.brand small{letter-spacing:.02em;font-size:14px;}.header-controls{flex-shrink:0;}.header .motion-button span:last-child{display:none;}.hero{align-items:start;grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr);padding-top:56px;gap:46px;}.hero-copy{padding-top:50px;}.hero h1{font-size:clamp(78px,8vw,124px);}.hero-description{font-size:18px;max-width:34ch;}.hero-credit{font-size:14px;}.hero-credit b{font-size:15px;}.stage-slot{height:auto!important;min-width:0;display:flex;flex-direction:column;gap:0;}.stage{height:auto;min-height:0;aspect-ratio:1.48;isolation:isolate;overflow:visible;border-radius:14px;}.stage>canvas{border-radius:14px;}.stage .player-position{position:absolute;inset:36px 34px;display:flex;align-items:center;justify-content:center;z-index:4;}.player-shell{min-height:200px!important;aspect-ratio:16/9;width:100%;box-shadow:none;background:#111;border-radius:0;overflow:visible!important;isolation:isolate;}.player-shell:before,.player-shell:after{display:none!important;content:none!important;}.player-host{border-radius:0!important;overflow:visible!important;position:absolute;inset:0;z-index:3;}.youtube-bridge{border-radius:0!important;clip-path:none!important;}.consent-card,.player-error{position:absolute;inset:0;z-index:4;border-radius:0;}.consent-top{font-size:14px;padding:12px 16px;}.consent-bottom{padding:12px 16px;gap:12px;}.consent-bottom .button{font-size:14px;min-height:42px;white-space:normal;}.consent-bottom p{font-size:14px;line-height:1.4;}.consent-art{min-height:70px;}.consent-art b{font-size:clamp(42px,5vw,72px);}.player-aura{position:absolute;inset:calc(-1 * var(--safe-gap,30px));border:2px solid var(--stage-accent,#e84335);border-radius:var(--safe-radius,44px);background:none;pointer-events:none;z-index:1;box-shadow:0 0 0 5px #fff2,0 0 20px color-mix(in srgb,var(--stage-accent,#e84335) 25%,transparent);opacity:.82;transform:rotate(var(--aura-tilt,0deg));will-change:border-radius;transition:border-color .25s;}.stage .player-aura{--aura-tilt:0deg;}.stage-annotation{display:none;}.stage-bottom{position:static!important;inset:auto!important;display:flex;align-items:flex-start;gap:9px;padding:16px 4px 12px;z-index:auto!important;transform:none!important;width:100%!important;}.stage-readout{font-size:14px;display:flex;flex-wrap:wrap;gap:9px;align-items:center;max-width:100%;padding:0;}.stage-readout span#player-status{flex:1;min-width:120px;}.stage-controls{display:flex;flex-wrap:wrap;gap:8px;}.stage-controls .small-button{font-size:14px;padding:9px 12px;}.stage-readout #clock-readout{margin-left:auto;}.stage-word{pointer-events:none;z-index:2;}.ambient-heading{pointer-events:none;inset:0!important;position:absolute;z-index:12;}.ambient-heading .round-button{pointer-events:auto;position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));width:44px;height:44px;min-width:44px;min-height:44px;border:0;background:color-mix(in srgb,var(--paper) 78%,transparent);font:400 26px/1 Arial;color:#172322;border-radius:50%;box-shadow:none;}.stage.is-ambient{position:fixed!important;inset:0!important;height:100dvh!important;width:100vw!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;overflow:hidden!important;z-index:1000;}.stage.is-ambient>canvas{border-radius:0;}.stage.is-ambient .player-position{inset:74px 65px!important;visibility:visible!important;height:auto!important;width:auto!important;transform:none!important;}.stage.is-ambient .player-shell{width:min(66vw,1050px,calc((100dvh - 190px)*16/9));min-width:200px;max-width:100%;min-height:200px!important;height:auto!important;}.stage.is-ambient .stage-caption,.stage.is-ambient .stage-annotation{display:none!important;}.ambient-open .toast{display:none!important;}.stage.is-ambient.editor-open .player-position{inset:74px 65px!important;}.ambient-open .stage-bottom,.ambient-open .motion-rack,.ambient-open #cue-editor{visibility:hidden!important;}.ambient-hint,#fullscreen-button{display:none!important;}.cue-editor,.stage.is-ambient .cue-editor{position:static!important;inset:auto!important;width:100%!important;max-height:none!important;transform:none!important;box-shadow:none!important;border:1px solid var(--line);padding:24px;overflow:visible;background:var(--paper);}.cue-editor h2{font-size:36px;}.cue-editor p,.cue-editor label,.editor-cue-go{font-size:14px;}.editor-cues{max-height:320px;overflow:auto;}.editor-grid{gap:14px;}.cue-editor>header{position:static;}.cue-editor .editor-colours input{height:42px;}.editor-draft-note{font-size:14px;}.score-heading{align-items:baseline;gap:16px;}.score-heading>.mono{font-size:14px;}.score-strip{height:44px;}.score-scrub{font-size:14px;}.score-navigation{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}.score-chapter{font-size:14px;min-height:42px;gap:9px;}.score-chapter span:last-child{font-size:14px;}.score-section{padding-top:30px;}.source-link{font-size:14px!important;line-height:1.6;overflow-wrap:anywhere;}
/* Everyday direction. Native sliders preserve keyboard, touch and assistive support. */
.motion-rack{position:relative;border:1px solid #1723222e;border-radius:12px;padding:20px;box-shadow:0 12px 28px #17232208;}.rack-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;}.rack-top .eyebrow{font-size:14px;margin:0 0 4px;letter-spacing:.08em;}.rack-top h2{font-size:26px;margin:0;line-height:1.1;}.record-indicator{display:flex;align-items:center;gap:7px;max-width:165px;font:14px/1.35 var(--mono);color:#5e6860;}.record-indicator i{width:7px;height:7px;background:#8a9685;border-radius:50%;flex-shrink:0;}.motion-rack[data-recording="true"] .record-indicator i{background:#e84335;box-shadow:0 0 0 4px #e8433518;}.motion-rack[data-playing="true"] .record-indicator i{background:#2462d4;}.scene-keys{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;}.scene-keys button{border:1px solid #17232229;border-radius:7px;background:#fffdf7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:65px;font-size:24px;padding:8px 3px;}.scene-keys button span{font:14px/1.2 var(--sans);}.scene-keys button:hover{background:#ffda26;}.scene-keys button[aria-pressed=true]{background:var(--ink);color:#fffdf6;}.palette-dot{width:20px;height:20px;border-radius:50%;display:block;margin:2px;}.rack-sliders{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;margin-top:20px;}.rack-sliders label{font:14px/1.5 var(--mono);min-width:0;}.rack-sliders label>span{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;}.rack-sliders output{color:var(--red);}.rack-sliders input{width:100%;height:28px;accent-color:var(--ink);margin:6px 0 0;cursor:ew-resize;}.take-ribbon{display:block;width:100%;height:32px;margin:6px 0 10px;border-bottom:1px solid #17232222;}.take-actions{display:flex;align-items:start;gap:7px;flex-wrap:wrap;}.take-actions .small-button{padding:9px 10px;background:#fffdf8;border:1px solid #17232225;border-radius:5px;}.take-more>summary{font-size:14px;list-style:none;cursor:pointer;padding:11px 8px;}.take-more>div{display:flex;flex-wrap:wrap;gap:9px;position:relative;padding:16px 0 5px;width:100%;}.take-more[open]{flex-basis:100%;}.record-opt{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.4;flex-basis:100%;padding:7px;}.record-opt input{width:18px;height:18px;accent-color:var(--red);}.rack-note{margin:14px 0 0;color:#5e6860;font-size:14px;}.motion-rack .file-label input{width:1px;height:1px;position:absolute;opacity:0;}
/* An interactive appreciation, not a facsimile of Gamper artwork. */
.artist-grid{align-items:start;}.artist-copy p,.artist-note{font-size:16px;}.artist-copy .artist-lead{font-size:22px;}.artist-timeline{gap:8px;}.artist-tab{min-height:76px;font-size:14px;padding:14px 8px;}.artist-tab span{font-size:14px;}.composition-lab{border:1px solid #1723222e;border-radius:10px;background:#f5f1e5;overflow:hidden;color:#172322;}.composition-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 18px;}.composition-top .eyebrow{margin:0;}.composition-top .mono{font-size:14px;letter-spacing:0;}.composition-stage{position:relative;height:370px;overflow:hidden;background:#ffd522;isolation:isolate;--composition-turn:10deg;--tension:.45;touch-action:pan-y;transition:background .45s;}.composition-grid{position:absolute;inset:0;background-size:10% 10%;opacity:.5;}.composition-type{position:absolute;left:9%;top:10%;font:900 clamp(38px,4.3vw,66px)/.91 var(--sans);letter-spacing:-.06em;pointer-events:none;z-index:1;mix-blend-mode:multiply;}.composition-type em{color:#ef4634;font-size:.62em;}.compose-shape{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(75px,11vw,155px);height:clamp(75px,11vw,155px);border:0;touch-action:none;cursor:grab;z-index:2;transition:background .3s,rotate .35s;box-shadow:0 8px 30px #17232212;}.compose-shape:active{cursor:grabbing;}.compose-shape:focus-visible{outline:3px solid white;outline-offset:4px;}.compose-circle{border-radius:50%;background:#285cc5;mix-blend-mode:multiply;}.compose-triangle{clip-path:polygon(50% 0,100% 100%,0 100%);background:#e84335;rotate:var(--composition-turn);mix-blend-mode:multiply;}.compose-triangle:focus-visible{filter:drop-shadow(0 0 3px white);outline:none;}.compose-ring{border-radius:50%;background:none;border:20px solid #fff9e6;width:clamp(100px,13vw,180px);height:clamp(100px,13vw,180px);}.composition-foot{position:absolute;left:16px;bottom:15px;font:14px/1.3 var(--mono);letter-spacing:.01em;pointer-events:none;z-index:3;max-width:calc(100% - 32px);}.composition-modes{display:flex;border-bottom:1px solid #17232224;}.composition-modes button{flex:1;border:0;border-right:1px solid #17232224;background:none;min-height:47px;font-size:14px;}.composition-modes button[aria-pressed=true]{background:#172322;color:#faf7ed;}.composition-modes button:last-child{flex:.45;font-size:24px;}.composition-slider{display:flex;align-items:center;gap:12px;padding:17px 18px 3px;font-size:14px;}.composition-slider input{width:100%;flex:1;accent-color:#e84335;min-width:0;}.composition-slider output{font:14px var(--mono);}.composition-lab>p{padding:14px 18px 0;margin:0;font-size:15px;line-height:1.6;min-height:108px;}.composition-links{display:flex;flex-wrap:wrap;align-items:center;padding:12px 18px 17px;gap:10px;}.composition-links span{font-size:14px;color:#5e6860;}.composition-links button{background:none;border:0;padding:0;text-decoration:underline;font-size:14px;}.artist-visual .artist-note{line-height:1.65;font-size:16px;}.composition-stage[data-composition=rhythm] .composition-grid{background-size:5% 100%;opacity:1;}
/* A flip/roll instrument. No large-area flashes; screen readers read static numbers. */
.time-machine-label{display:flex;justify-content:space-between;gap:20px;font:14px/1.5 var(--mono);border-top:1px solid #17232250;padding-top:24px;margin-top:35px;}.countdown{gap:12px;margin-top:18px;}.time-cell{background:#ffed7b;border:1px solid #17232242!important;box-shadow:0 8px 0 #ba920024,inset 0 1px #fff9;border-radius:9px;position:relative;overflow:hidden;padding:25px 18px 20px;}.time-cell:after{content:""!important;display:block!important;position:absolute;left:0;right:0;top:48%;height:1px;background:#17232214;pointer-events:none;}.time-cell:first-child:after{display:block;}.time-num{font-variant-numeric:tabular-nums;font-size:clamp(40px,7.5vw,105px);letter-spacing:-.04em;display:flex;justify-content:center;line-height:1.05;}.digit{position:relative;display:inline-block;height:1.07em;width:.63em;overflow:hidden;perspective:350px;}.digit-track{display:block;will-change:transform;}.digit b{height:1.07em;line-height:1.07;display:block;font:inherit;}.time-unit{font:600 14px var(--mono);text-align:center;display:block;letter-spacing:.08em;margin-top:13px;}.time-cell i{display:none;}.time-cell:before{content:"";position:absolute;bottom:0;left:0;width:calc(var(--progress,0) * 100%);height:4px;background:#172322;opacity:.6;transition:width .45s;}.countdown-note{font-size:14px;line-height:1.6;}.time-instrument{overflow:visible;filter:drop-shadow(0 10px 10px #7a65001a);}.dial-scan{position:absolute;inset:16%;border-radius:50%;mix-blend-mode:screen;}.dial-satellite{position:absolute;inset:4%;border:1px dashed #17232244;border-radius:50%;transform:rotate(var(--second-angle,0deg));transition:transform .85s cubic-bezier(.2,.8,.2,1);}.dial-satellite:after{content:"";position:absolute;width:13px;height:13px;background:#e84335;border:3px solid #fff7c7;border-radius:50%;left:calc(50% - 6px);top:-6px;box-shadow:0 0 0 5px #e8433522;}.time-instrument .dial-caption{font-size:14px;letter-spacing:.03em;}.time-instrument>b small{font-size:14px;}.time-instrument>b{z-index:3;}.album-intro p{font-size:18px;}.album-intro strong{font-size:16px;}.track-button{font-size:16px;min-height:58px;}.track-button small,.track-num{font-size:14px;}.track-detail{min-height:100px;}.track-detail p{font-size:16px;}.tracklist-head p{font-size:14px;}
/* The sound room makes the provider obvious. Consent is outside the empty slot. */
.sound-section{padding-top:100px;padding-bottom:100px;}.sound-heading,.signals-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:40px;}.sound-heading h2,.signals-heading h2{font-size:clamp(48px,5.6vw,78px);line-height:1;letter-spacing:-.06em;margin:0;}.sound-heading>p,.signals-heading>p{max-width:35ch;font-size:18px;margin:0;line-height:1.65;}.sound-layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:28px;align-items:stretch;}.sound-release{display:flex;flex-direction:column;}.sound-type{position:relative;flex:1;min-height:380px;background:#e94f38;color:#fff5da;border-radius:8px 8px 0 0;overflow:hidden;isolation:isolate;padding:28px;}.sound-type>span{font:14px var(--mono);letter-spacing:.15em;}.sound-type>b{display:block;font:900 clamp(58px,7.2vw,108px)/.92 var(--sans);letter-spacing:-.055em;margin-top:26px;position:relative;z-index:2;}.sound-type small{position:absolute;left:25px;right:25px;bottom:20px;font:14px/1.5 var(--mono);z-index:2;}.sound-vinyl{position:absolute;right:-22%;top:17%;width:85%;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px #fff3;opacity:.9;transform:rotate(0deg);}.sound-vinyl:before{content:"";position:absolute;inset:35%;border-radius:50%;border:16px solid #dfaf22;}.sound-vinyl:after{content:"";position:absolute;inset:49%;border-radius:50%;background:#fff1ce;}.sound-tabs{display:flex;border:1px solid #17232235;border-radius:0 0 8px 8px;overflow:hidden;min-height:54px;}.sound-tabs button{flex:1;background:transparent;border:0;border-right:1px solid #17232220;font-size:15px;padding:14px 7px;}.sound-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper);}.sound-panel{padding:30px;border:1px solid #17232225;border-radius:8px;display:flex;flex-direction:column;align-items:start;}.sound-panel h3{font-size:42px;margin:0 0 12px;line-height:1.1;}.sound-panel>.eyebrow{margin-bottom:14px;}.sound-panel>p{font-size:16px;}.spotify-slot{width:100%;}.spotify-slot:empty{display:none;}.spotify-slot iframe{display:block;border:0;border-radius:12px;width:100%;height:352px;}.spotify-consent{border:1px dashed #17232235;padding:22px;width:100%;border-radius:8px;margin:10px 0 16px;display:grid;grid-template-columns:38px 1fr;gap:0 16px;}.sound-mark{font-size:35px;line-height:1;}.spotify-consent b{font-size:17px;line-height:1.4;display:block;}.spotify-consent p{font-size:14px;margin:8px 0 15px;}.spotify-consent .button{grid-column:2;width:fit-content;}.sound-links{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:16px;}.sound-links .text-button{background:none;border:0;font-size:14px;padding:0;}.sound-panel .sound-small{font-size:14px;color:#5e6860;margin-top:16px;margin-bottom:0;}.sound-panel .sound-status{font-size:14px;color:#5e6860;margin:8px 0 0;}.sound-type[data-release=album]{background:#265dc7;}.sound-type[data-release=artist]{background:#246e57;}
/* A source-led, filterable bulletin board. Never masquerades as a live social wall. */
.signals-section{padding:90px 0;background:#e6ebdc;border-block:1px solid #17232225;}.signals-heading h2{max-width:750px;}.signals-heading>p{max-width:33ch;}.signal-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px;}.signal-filters button{min-height:43px;padding:10px 20px;border:1px solid #17232233;border-radius:99px;background:transparent;font-size:15px;}.signal-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);}.signal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;}.signal-card{background:#fbf9ed;border:1px solid #17232225;border-radius:9px;overflow:hidden;min-width:0;}.signal-card[hidden]{display:none!important;}.signal-card details>summary{list-style:none;cursor:pointer;padding:22px;display:flex;flex-direction:column;min-height:260px;position:relative;overflow:hidden;}.signal-card details>summary::-webkit-details-marker{display:none;}.signal-card .signal-meta{display:flex;justify-content:space-between;gap:15px;font:14px/1.5 var(--mono);z-index:2;}.signal-card h3{font-size:29px;line-height:1.1;margin:32px 0 20px;max-width:18ch;z-index:2;}.signal-card .signal-hint{font:14px var(--mono);margin-top:auto;z-index:2;}.signal-card .signal-glyph{position:absolute;font:900 230px/1 Arial;right:-20px;bottom:10px;opacity:.1;color:#e84335;pointer-events:none;}.signal-card:nth-child(3n/**/+2) .signal-glyph{color:#2462d4;}.signal-card:nth-child(3n) .signal-glyph{color:#306641;}.signal-card details[open]>summary{background:#ffd72b;min-height:225px;}.signal-card-body{padding:0 22px 24px;}.signal-card-body p{font-size:16px;margin:20px 0 10px;}.signal-card-body .source-link{display:inline-block;margin-top:12px;}.public-feed{margin-top:35px;border-top:1px solid #17232235;padding-top:34px;display:flex;justify-content:space-between;align-items:center;gap:35px;}.public-feed .eyebrow{margin-bottom:9px;}.public-feed h3{font-size:30px;margin:0 0 9px;}.public-feed p{font-size:16px;max-width:75ch;margin:0;}.public-feed .button{white-space:nowrap;flex-shrink:0;}.feed-state{margin:18px 0;color:#4c5e51;font-size:14px;}.feed-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;}.feed-item{padding:20px;background:#f6f4e7;border:1px solid #17232225;border-radius:7px;}.feed-item time{display:block;font:14px var(--mono);margin-bottom:14px;}.feed-item a{font-size:17px;font-weight:700;line-height:1.4;display:block;}.social-links{display:flex;flex-wrap:wrap;gap:20px 30px;border-top:1px solid #17232222;margin-top:28px;padding-top:22px;}.social-links a{font-size:15px;text-decoration:underline;text-underline-offset:5px;}.creator-section{padding-top:85px;padding-bottom:80px;}.creator-copy p{font-size:17px;}.creator-copy .fineprint{font-size:14px;}.creator-signature>span:last-child{font-size:14px;}.footer a,.footer p{font-size:14px!important;}.sources p,.sources li{font-size:14px;}.legal-article p,.legal-article li{font-size:16px;}.legal-toc a{font-size:14px;}.toast{font-size:14px;line-height:1.5;}
@media(min-width:1600px){.hero{grid-template-columns:.85fr 1.35fr;}.stage{aspect-ratio:1.5;}.rack-top h2{font-size:30px;}}
@media(max-width:1200px){.main-nav{gap:13px;}.main-nav a:nth-last-child(-n/**/+2){display:none;}.header{gap:14px;}.hero{gap:28px;grid-template-columns:.7fr 1.1fr;}.hero-copy{padding-top:30px;}.hero h1{font-size:86px;}.stage{aspect-ratio:1.2;}.stage .player-position{inset:32px 22px;}.rack-top{flex-wrap:wrap;}.record-indicator{max-width:none;}.rack-sliders{gap:12px;}.rack-sliders label{font-size:14px;}.scene-keys{gap:5px;}.scene-keys button{min-height:62px;}.hero .button-row{gap:12px;}.hero .button-row .button{padding-inline:14px;}.sound-layout{grid-template-columns:.9fr 1.1fr;}.signals-heading{align-items:start;}.signal-card h3{font-size:25px;}.artist-grid{gap:35px;}}
@media(max-width:900px){.hero{display:grid;grid-template-columns:1fr;gap:32px;padding-top:36px;}.hero-copy{display:block;padding-top:0;max-width:100%;}.hero h1{font-size:92px;}.hero-description{max-width:44ch;}.hero .stage-slot{max-width:100%;margin:0!important;}.stage{aspect-ratio:1.6;}.stage .player-position{inset:40px 55px;}.main-nav{display:none;}.header{justify-content:space-between;min-height:84px;}.motion-rack{padding:23px;}.rack-top{flex-wrap:nowrap;}.rack-top h2{font-size:28px;}.rack-sliders{gap:28px;}.scene-keys button{flex-direction:row;gap:9px;min-height:54px;}.artist-grid{grid-template-columns:1fr;}.artist-copy{max-width:650px;}.composition-stage{height:420px;}.composition-type{font-size:75px;}.compose-shape{width:150px;height:150px;}.compose-ring{width:180px;height:180px;}.composition-lab>p{min-height:0;}.sound-layout{grid-template-columns:1fr;}.sound-type{min-height:350px;}.sound-type>b{font-size:112px;}.sound-vinyl{width:56%;right:-5%;top:-15%;}.sound-heading,.signals-heading{flex-direction:column;align-items:flex-start;gap:24px;}.sound-heading>p,.signals-heading>p{max-width:52ch;}.signal-cards{grid-template-columns:repeat(2,minmax(0,1fr));}.signal-card details>summary{min-height:260px;}.feed-items{grid-template-columns:1fr 1fr;}.sound-section{padding-block:70px;}.stage.is-ambient .player-position{inset:72px 42px!important;}.stage.is-ambient .player-shell{width:min(82vw,calc((100dvh - 190px)*16/9));}.creator-signature>span:last-child{line-height:1.5;}.time-instrument .dial-caption{font-size:14px;}.countdown .time-cell{padding-inline:12px;}}
@media(max-width:600px){.header{padding:16px 18px;gap:10px;min-height:80px;align-items:center;}.brand{font-size:18px;gap:8px;}.brand-icon{display:none;}.brand small{font-size:14px;max-width:170px;white-space:normal;line-height:1.3;letter-spacing:0;}.header-controls{gap:4px;}.language a{font-size:14px;padding:9px 5px;}.motion-button{width:34px;min-width:34px;padding:0;font-size:25px;}.hero{display:flex;flex-direction:column;padding-top:28px;gap:0;}.hero-copy{display:contents;}.hero-copy>.eyebrow{order:0;font-size:14px;letter-spacing:.025em;margin-bottom:17px;flex-wrap:wrap;}.hero-copy>h1{order:1;font-size:clamp(67px,18vw,94px);margin-bottom:22px;}.hero>.stage-slot{order:2;width:100%;margin:0 0 25px!important;}.hero-copy>.hero-description{order:3;font-size:17px;max-width:none;margin-bottom:20px;}.hero-copy>.button-row{order:4;gap:14px;}.hero-copy>.hero-credit{order:5;font-size:14px;margin-top:22px;}.hero-credit b{font-size:15px;}.stage{aspect-ratio:auto;height:332px;width:100%;border-radius:8px;}.stage .player-position{inset:38px 10px;}.player-shell{min-height:235px!important;height:235px;width:100%;}.consent-card{display:flex;flex-direction:column;}.consent-top{font-size:14px;padding:10px;gap:8px;}.consent-top>span:last-child{display:none;}.consent-art{flex:1;min-height:20px;}.consent-art b{font-size:39px;left:13px;bottom:0;line-height:.85;}.consent-art .art-circle{width:110px;height:110px;top:-16px;right:15px;}.consent-art .art-triangle{width:100px;height:100px;top:-5px;right:60px;}.consent-bottom{display:block;padding:9px 10px;}.consent-bottom .button{font-size:14px;padding:8px 11px;min-height:40px;}.consent-bottom p{font-size:14px;line-height:1.3;margin-top:7px;max-width:none;}.stage-bottom{gap:7px;padding:12px 0;}.stage-readout{font-size:14px;gap:6px;width:100%;}.stage-controls .small-button{font-size:14px;padding:9px;}.motion-rack{padding:17px 13px;}.rack-top{flex-wrap:wrap;gap:12px;}.rack-top h2{font-size:26px;}.record-indicator{font-size:14px;}.scene-keys{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}.scene-keys button{flex-direction:row;min-height:48px;font-size:22px;gap:7px;padding:8px 4px;}.scene-keys button span{font-size:14px;}.rack-sliders{gap:13px;grid-template-columns:1fr;}.rack-sliders label>span{flex-wrap:nowrap;}.rack-sliders input{height:25px;margin-top:1px;}.rack-note{font-size:14px;line-height:1.6;}.take-actions{gap:6px;}.take-actions .small-button{font-size:14px;min-height:40px;padding:9px 8px;}.take-more summary{font-size:14px;}.score-section{padding-top:18px;}.score-heading{display:block;}.score-heading h2{font-size:25px;margin-bottom:10px;}.score-strip{height:40px;margin-top:18px;}.score-navigation{grid-template-columns:repeat(2,minmax(0,1fr));}.score-chapter{flex-wrap:wrap;gap:6px;font-size:14px;padding:10px 8px;justify-content:space-between;}.score-chapter>span:first-child{display:none;}.score-chapter span:last-child{font-size:14px;}.score-chapter strong{font-size:14px;}.score-scrub{gap:8px;font-size:14px;flex-wrap:wrap;}.score-scrub input{min-width:100px;}.fineprint{font-size:14px!important;}.shape-divider{margin-top:35px;}.section-title{font-size:48px;}.section-intro p{font-size:17px;}.experiment-tab{font-size:14px;}.experiment-tab span{font-size:14px;}.lab-sliders label,.lab-sliders output,.lab-instructions,.lab-readouts,.palettes button{font-size:14px;}.lab-sliders{grid-template-columns:1fr 1fr;}.lab-info>p{font-size:16px;}.lab-info{padding:20px;}.artist-section{padding-block:65px;}.artist-section h2{font-size:80px;}.artist-copy p{font-size:16px;}.artist-copy .artist-lead{font-size:21px;}.artist-credit{font-size:15px!important;line-height:1.6;}.artist-timeline{grid-template-columns:1fr 1fr 1fr;gap:4px;}.artist-tab{font-size:14px;min-height:90px;padding:12px 6px;}.artist-tab b{font-size:24px;}.artist-tab span{font-size:14px;line-height:1.4;}.artist-note{font-size:16px!important;}.composition-top{padding:13px 12px;flex-wrap:wrap;}.composition-stage{height:320px;}.composition-type{font-size:50px;top:12%;}.compose-shape{width:115px;height:115px;}.compose-ring{width:130px;height:130px;border-width:16px;}.composition-foot{font-size:14px;left:13px;bottom:13px;max-width:calc(100% - 26px);}.composition-modes button{font-size:14px;padding-inline:4px;}.composition-slider{padding-inline:12px;gap:8px;}.composition-lab>p{font-size:15px;padding-inline:12px;}.composition-links{padding-inline:12px;}.composition-links span{font-size:14px;}.story-section{padding-block:55px;}.story-tab{font-size:14px;}.story-content p{font-size:16px;}.story-content h3{font-size:31px;}.album-top{display:grid;grid-template-columns:1fr 120px;gap:0 5px;}.album-top>div:first-child{grid-column:1/3;}.album-top .eyebrow{font-size:14px;max-width:none;letter-spacing:.025em;}.album-top h2{font-size:111px;margin-top:22px;}.time-instrument{position:relative;grid-column:2;grid-row:1;width:120px;right:auto;align-self:center;margin-top:75px;pointer-events:none;}.time-instrument>b{font-size:30px;}.time-instrument>b small{font-size:14px;}.time-instrument .dial-caption{display:none;}.album-intro{grid-column:1/3;}.album-intro p{font-size:17px;max-width:none;}.album-intro strong{font-size:16px;line-height:1.5;display:block;}.time-machine-label{flex-direction:column;gap:8px;font-size:14px;margin-top:27px;}.countdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.time-cell{padding:20px 12px 17px;border-radius:7px;}.time-num{font-size:66px;}.time-unit{font-size:14px;letter-spacing:.04em;margin-top:8px;}.countdown-note{font-size:14px!important;}.album-section .button,.album-section .text-button{font-size:14px;line-height:1.4;padding:12px;}.tracklist-head h3{font-size:30px;}.tracklist-head p{font-size:14px;line-height:1.6;}.track-button{font-size:16px;min-height:56px;gap:11px;}.track-button small{font-size:14px;}.track-num{font-size:14px;}.track-detail{min-height:0;}.track-detail p{font-size:16px;}.sound-section{padding-block:60px;}.sound-heading h2,.signals-heading h2{font-size:51px;}.sound-heading>p,.signals-heading>p{font-size:17px;}.sound-heading{margin-bottom:25px;}.sound-layout{gap:18px;}.sound-type{padding:23px;min-height:337px;}.sound-type>b{font-size:88px;margin-top:20px;}.sound-type small{font-size:14px;left:23px;right:16px;line-height:1.4;}.sound-vinyl{width:83%;top:20%;right:-24%;}.sound-panel{padding:20px 16px;}.sound-panel h3{font-size:36px;}.sound-panel>.eyebrow{font-size:14px;}.spotify-consent{display:flex;flex-direction:column;gap:12px;padding:16px;}.spotify-consent .sound-mark{display:none;}.spotify-consent p{font-size:14px;}.spotify-consent b{font-size:16px;}.spotify-consent .button{font-size:14px;}.sound-links{gap:14px;}.signals-section{padding-block:60px;}.signals-heading{gap:22px;margin-bottom:26px;}.signals-heading h2{font-size:clamp(40px,10.5vw,57px);}.signal-filters{gap:7px;}.signal-filters button{font-size:14px;padding:10px 13px;}.signal-cards{grid-template-columns:1fr;}.signal-card details>summary{min-height:225px;padding:20px;}.signal-card h3{font-size:30px;margin:25px 0;}.signal-card .signal-meta{font-size:14px;}.signal-card-body{padding:0 20px 20px;}.public-feed{display:block;}.public-feed h3{font-size:29px;}.public-feed p{font-size:16px;}.public-feed .button{margin-top:20px;}.feed-state{font-size:14px;}.feed-items{grid-template-columns:1fr;}.social-links{gap:18px;flex-direction:column;}.social-links a{font-size:15px;}.creator-section{padding-block:60px;}.creator-signature{grid-template-columns:80px 1fr;}.creator-signature>span:last-child{font-size:14px;line-height:1.4;}.creator-copy>p{font-size:17px;}.creator-quote{font-size:18px!important;}.sources summary{font-size:21px;}.sources p,.sources .source-link{font-size:14px!important;}.footer{gap:25px;}.footer a,.footer p{font-size:14px!important;}.stage.is-ambient .player-position{inset:75px 24px!important;}.stage.is-ambient .player-shell{width:100%;min-width:200px;min-height:220px!important;height:auto!important;}.stage.is-ambient .consent-card{min-height:220px;}.stage.is-ambient .consent-top{font-size:14px;padding:10px;}.stage.is-ambient .consent-bottom{padding:9px 10px;display:block;}.stage.is-ambient .consent-bottom .button{font-size:14px;padding:8px;min-height:40px;}.stage.is-ambient .consent-bottom p{font-size:14px;line-height:1.3;}.stage.is-ambient .consent-art b{font-size:40px;}.cue-editor{padding:18px;}.cue-editor h2{font-size:30px;}.cue-editor label,.cue-editor p,.editor-cue-go{font-size:14px;}.editor-grid{grid-template-columns:1fr;}.editor-colours{gap:7px;}.editor-colours label{font-size:14px;}}
@media(max-width:359px){.header{padding-inline:14px;gap:5px;}.brand{font-size:16px;}.brand small{max-width:143px;font-size:14px;}.language a{padding-inline:4px;}.header-controls{gap:0;}.hero-copy>h1{font-size:65px;}.stage{height:359px;}.player-shell{height:260px;min-height:260px!important;}.stage .player-position{inset:35px 8px;}.consent-bottom p{font-size:14px;}.rack-sliders{gap:9px;}.scene-keys button{gap:5px;}.take-actions .small-button{padding:9px 7px;font-size:14px;}.artist-section h2{font-size:72px;}.time-num{font-size:58px;}.time-instrument{width:110px;}.album-top h2{font-size:99px;}.composition-type{font-size:43px;}.composition-top .mono{display:none;}.artist-tab b{font-size:21px;}.artist-tab span{font-size:14px;}.sound-heading h2{font-size:45px;}.signals-heading h2{font-size:40px;}}
@media(max-height:560px) and (orientation:landscape){.stage.is-ambient .player-position{inset:48px 60px!important;}.stage.is-ambient .player-shell{width:min(70vw,calc((100dvh - 105px)*16/9));min-height:200px!important;height:auto!important;}.stage.is-ambient .consent-card{min-height:200px;}.stage.is-ambient .consent-top{font-size:14px;padding:6px 10px;}.stage.is-ambient .consent-bottom{display:flex;gap:10px;padding:7px 10px;}.stage.is-ambient .consent-bottom p{font-size:14px;line-height:1.25;margin:0;}.stage.is-ambient .consent-bottom .button{min-height:42px;font-size:14px;padding:7px;flex-shrink:0;max-width:160px;}.stage.is-ambient .consent-art b{font-size:40px;}.ambient-heading .round-button{top:8px;right:10px;}}
@media(prefers-reduced-motion:reduce){.digit-track,.player-aura,.dial-satellite,.compose-shape{transition:none!important;animation:none!important;}}html[data-motion=reduced] .digit-track,html[data-motion=reduced] .player-aura{transition:none!important;}

/* No permission/error panel floats over a local ambient preview. Grant media inline. */
.stage.is-ambient:not(.has-player) .player-position{display:none!important;}
.stage.is-ambient .ambient-heading{background:none!important;}
@media(max-width:359px){.header-inner{gap:8px;}.identity strong{font-size:15px;}.identity small{font-size:14px;}.motion-rack{padding:14px;}.rack-top{flex-wrap:wrap;}.record-indicator{max-width:100%;}.stage-bottom{max-width:100%;flex-wrap:wrap;}.stage-bottom>*{max-width:100%;overflow-wrap:anywhere;}}

.sound-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);}
.sound-release,.sound-panel{min-width:0;max-width:100%;}
.sound-type>b{overflow-wrap:anywhere;}
.sound-type small{overflow-wrap:anywhere;}
.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;}
.ambient-open #toast{display:none!important;}
#sound-room[data-release=album] .sound-type{background:#265dc7;}
#sound-room[data-release=artist] .sound-type{background:#246e57;}
@media(max-width:900px){.sound-layout{grid-template-columns:minmax(0,1fr);}.sound-type>b{font-size:clamp(52px,14vw,100px);}}
@media(prefers-reduced-motion:reduce){.skip-link:not(:focus){clip-path:inset(50%);}}
.gamper-copy p,.story-copy p{font-size:16px;line-height:1.75;}


/* BREAK / FIELD 5 — signal cards, ambient typography and quieter page atmosphere */
body{position:relative;isolation:isolate;}
body::before,body::after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:-1;filter:blur(38px);opacity:.5;mix-blend-mode:multiply;}
body::before{width:46vmax;height:46vmax;left:-10vmax;top:10vh;animation:breakfieldDriftA 28s ease-in-out infinite alternate;}
body::after{width:40vmax;height:40vmax;right:-12vmax;top:24vh;animation:breakfieldDriftB 34s ease-in-out infinite alternate;}
@keyframes breakfieldDriftA{0%{transform:translate3d(0,0,0) scale(1);}100%{transform:translate3d(5vw,-4vh,0) scale(1.08);}}
@keyframes breakfieldDriftB{0%{transform:translate3d(0,0,0) scale(1);}100%{transform:translate3d(-4vw,5vh,0) scale(1.06);}}
.fineprint,.rack-note,.sound-small,.sound-status,.feed-state,.source-link{font-size:15px;line-height:1.72;}
.button,.small-button,.text-button{font-size:15px;}
.stage-word{--stage-word-color:#172322;left:50%;top:49%;max-width:min(88vw,1200px);font-size:clamp(58px,12vw,190px);font-weight:900;letter-spacing:-.08em;line-height:.86;text-transform:uppercase;white-space:nowrap;mix-blend-mode:multiply;filter:drop-shadow(0 18px 36px color-mix(in srgb,var(--stage-word-color) 18%,transparent));text-wrap:nowrap;}
.stage-word::after{content:attr(data-echo);position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:.32em;font:700 clamp(12px,1.2vw,17px)/1.25 var(--mono);letter-spacing:.28em;text-transform:uppercase;white-space:nowrap;color:color-mix(in srgb,var(--stage-word-color) 82%,white 18%);opacity:.6;}
.stage-word[data-variant="outline"]{color:var(--stage-word-color)!important;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px var(--stage-word-color);text-shadow:0 0 18px color-mix(in srgb,var(--stage-word-color) 18%,transparent);}
.stage-word[data-variant="outline"]::after{opacity:.72;color:currentColor;}
.stage-word[data-variant="ghost"]{color:var(--stage-word-color)!important;opacity:.25;letter-spacing:-.06em;text-shadow:0 0 22px color-mix(in srgb,var(--stage-word-color) 20%,white 12%);}
.stage-word[data-variant="ghost"]::after{opacity:.5;}
.stage-word[data-variant="solid"]{color:var(--stage-word-color)!important;}
.signals-section{position:relative;overflow:hidden;}
.signals-section::before{content:"";position:absolute;inset:7% -10% auto auto;width:34rem;height:34rem;border-radius:50%;filter:blur(6px);pointer-events:none;}
.signal-filters button{transition:transform .24s ease,box-shadow .24s ease,background .24s ease,border-color .24s ease;}
.signal-filters button:hover{transform:translateY(-1px);box-shadow:0 12px 30px #17232210;}
.signal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;}
.signal-card{position:relative;overflow:hidden;border:1px solid #1723221e;border-radius:18px;box-shadow:0 14px 35px #1723220b;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;display:flex;flex-direction:column;min-height:100%;}
.signal-card::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;opacity:.95;}
.signal-card::after{content:"";position:absolute;right:-60px;top:-40px;width:180px;height:180px;border-radius:50%;opacity:.62;transform:scale(.92);transition:transform .35s ease;}
.signal-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--card-b) 24%,#17232222);box-shadow:0 22px 45px #17232216;}
.signal-card:hover::after{transform:scale(1.08);}
.signal-art{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:18px 18px 10px;min-height:96px;overflow:hidden;}
.signal-art span{font:800 12px/1 var(--mono);letter-spacing:.28em;text-transform:uppercase;color:#172322aa;position:relative;z-index:1;}
.signal-art b{font-size:40px;line-height:1;color:#172322;position:relative;z-index:1;}
.signal-art i{position:absolute;right:12px;top:-18px;width:84px;height:84px;border-radius:22px;border:18px solid color-mix(in srgb,var(--card-b) 22%,transparent);transform:rotate(14deg);}
.signal-card-body{display:flex;flex-direction:column;gap:14px;padding:16px 18px 18px;flex:1;}
.signal-card .signal-meta{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;font:700 12px/1.35 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#5d6b64;}
.signal-card h3{margin:0;font-size:32px;line-height:.92;letter-spacing:-.05em;}
.signal-card p{margin:0;font-size:16px;line-height:1.66;color:#39453f;}
.signal-card details{margin-top:auto;border:1px solid #17232217;border-radius:12px;background:#fffefb;}
.signal-card details[open]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--card-a) 22%,#17232210);}
.signal-card details>summary{cursor:pointer;list-style:none;padding:14px 16px;font:700 14px/1.4 var(--mono);display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:0!important;background:none!important;}
.signal-card details>summary::-webkit-details-marker{display:none;}
.signal-card details p{padding:0 16px 16px;font-size:15px;color:#4a5650;}
.signal-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;padding-top:4px;}
.signal-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;font:800 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#172322;}
.signal-footer .source-link{font-weight:700;}
.composition-plus{display:grid;gap:12px;padding:0 18px 14px;}
.composition-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.composition-principles button,.composition-actions button{appearance:none;border:1px solid #17232222;background:#fffdf6;border-radius:10px;padding:10px 12px;text-align:left;color:#172322;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;}
.composition-principles button:hover,.composition-actions button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #17232210;}
.composition-principles button[aria-pressed="true"]{background:#172322;color:#fffdf6;border-color:#172322;}
.composition-principles b{display:block;font:700 11px/1 var(--mono);letter-spacing:.16em;opacity:.64;margin-bottom:5px;}
.composition-principles span{display:block;font-weight:700;font-size:15px;line-height:1.25;}
.composition-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.composition-actions button{font:700 14px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.08em;min-height:44px;}
.composition-advanced{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.composition-slider--compact{padding-inline:0;}
.composition-slider--compact input{margin-top:10px;}
.composition-stage{}
.composition-stage::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;}
.compose-shape{transition:background .3s,rotate .35s,transform .22s ease,box-shadow .22s ease;}
.compose-shape:hover{box-shadow:0 16px 34px #1723221e;}
.composition-links{align-items:center;}
@media(max-width:1100px){.signal-cards{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){body::before,body::after{opacity:.32;}.signal-cards{grid-template-columns:1fr;}.signal-art{min-height:84px;}.signal-card h3{font-size:28px;}.composition-principles{grid-template-columns:repeat(2,minmax(0,1fr));}.composition-actions,.composition-advanced{grid-template-columns:repeat(2,minmax(0,1fr));}.stage-word{font-size:clamp(46px,16vw,128px);}.stage-word::after{letter-spacing:.18em;font-size:12px;text-align:center;white-space:normal;max-width:78vw;}}
@media(max-width:520px){.composition-principles,.composition-actions,.composition-advanced{grid-template-columns:1fr;}.signal-card-body{padding:15px;}.signal-card p{font-size:15px;}.signal-card details>summary{font-size:15px;}.stage-word{top:50%;}}
@media(prefers-reduced-motion:reduce){body::before,body::after,.signal-card,.signal-card::after{animation:none!important;transition:none!important;}}

/* BREAK / FIELD 6 — paper, ink, hard edges. A shared grammar for the entire site. */
:root{--af-paper:#F4F0E5;--af-ink:#151719;--af-blue:#182BC7;--af-red:#F0442E;--af-yellow:#F5CC20;--af-line:#b8b6aa;}
html{background:var(--af-paper);}
body{background:var(--af-paper);color:var(--af-ink);}
body::before,body::after,.signals-section::before{display:none!important;}
/* No decorative lighting / frosted glass. Images in external providers are not restyled. */
body *:not(iframe),body *:not(iframe)::before,body *:not(iframe)::after{box-shadow:none;text-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
.header{background:var(--af-paper);border-bottom:1px solid var(--af-ink);backdrop-filter:none!important;}
.brand,.footer-brand{letter-spacing:-.035em;}.brand em,.footer-brand em{color:var(--af-red);}
.hero h1 em,.section-heading h2 em,.artist-section h2 em,.creator-copy h2 em,.signals-heading h2 em,.sound-heading h2 em{color:var(--af-blue);font-style:normal;}
.hero{padding-top:55px;padding-bottom:45px;}
.hero h1{font-size:clamp(64px,7.2vw,112px);line-height:.94;letter-spacing:-.075em;}
.hero-description{max-width:34ch;}
.button,.small-button,.motion-button,.scene-keys button,.motion-rack,.sound-panel,.signal-card,.time-cell,.spotify-consent,.track-detail,.creator-signature,.composition-lab{border-radius:2px!important;}
.button.ink{background:var(--af-ink);color:var(--af-paper);border:1px solid var(--af-ink);}
.button.ink:hover{background:var(--af-blue);color:white;}
.motion-rack,.sound-panel,.creator-signature{background:var(--af-paper);border:1px solid var(--af-ink);}
.motion-rack:before,.motion-rack:after{display:none!important;}
.scene-keys button{background:var(--af-paper);border:1px solid var(--af-line);}
.scene-keys button[aria-pressed=true]{background:var(--af-ink);color:var(--af-paper);}
.scene-keys button:hover{border-color:var(--af-ink);}
.sound-panel{background:#f8f5ec;}
.sound-vinyl{background:var(--af-ink)!important;opacity:1;box-shadow:none!important;}
.sound-vinyl:before{background:var(--af-yellow)!important;border:12px solid var(--af-red);}
.sound-vinyl:after{background:var(--af-paper)!important;}
.sound-type,.sound-tabs{border-radius:0!important;}
.time-instrument{filter:none!important;}.dial-scan{display:none;}.dial-ticks{background:none!important;border:2px dashed var(--af-ink);border-radius:50%;}
.time-cell{background:var(--af-yellow);border-color:var(--af-ink)!important;}.time-cell:after{display:none!important;}
.time-machine-label,.time-unit{font-size:14px;}
.signal-card{background:var(--af-paper);border:1px solid var(--af-ink);transition:transform .18s ease;}
.signal-card:before,.signal-card:after{display:none;}
.signal-card:hover{transform:translateY(-4px);border-color:var(--af-ink);}
.signal-art{background:var(--card-a);min-height:165px;border-bottom:1px solid var(--af-ink);padding:20px 22px;isolation:isolate;}
.signal-art>span{font-size:44px;color:var(--af-ink);font-weight:900;letter-spacing:-.06em;z-index:2;opacity:1;}
.signal-art>b{font-size:91px;color:var(--card-b);opacity:1;right:20px;transform:rotate(-12deg);z-index:1;}
.signal-art>i{display:block;width:108px;height:108px;border-radius:50%;background:var(--card-b);right:-10px;top:-22px;opacity:1;transform:none;}
.signal-chip{background:var(--card-a);border-radius:0;font-size:12px;letter-spacing:.04em;}
.signal-card summary,.signal-card-body p,.signal-meta{font-size:14px;}
.signal-footer .source-link{font-size:14px;}
.signal-art::before,.signal-art::after{display:none;}
.stage{border-radius:4px!important;isolation:isolate;background:var(--af-yellow);}
.stage-word,.stage-word[data-variant]{filter:none!important;text-shadow:none!important;mix-blend-mode:normal;}
.stage .gl-field{display:none!important;}
.stage .shape-field{opacity:1;}
.stage .player-shell,.stage .player-position{box-shadow:none!important;background:transparent!important;backdrop-filter:none!important;filter:none!important;}
.stage .player-position:before,.stage .player-position:after{box-shadow:none!important;filter:none!important;}
.stage .player-shell:before,.stage .player-shell:after{box-shadow:none!important;filter:none!important;}
.stage.is-ambient .player-shell{background:transparent!important;}
.stage.is-ambient{border-radius:0!important;}
.stage .ambient-heading{background:transparent!important;}
.stage .consent-card{background:var(--af-paper);}
.consent-art{background:var(--af-yellow)!important;}
.art-circle{background:var(--af-blue)!important;filter:none!important;opacity:1;}
.art-triangle{background:var(--af-red)!important;filter:none!important;opacity:1;}
.consent-art:after,.consent-art:before{background:none!important;}
.composition-grid,.lab-coordinate,.lab-watermark{display:none!important;}
.af-artist-plate{border:1px solid var(--af-ink);background:var(--af-paper);padding:0;}
.af-artist-plate>svg{display:block;width:100%;height:auto;}
.af-artist-plate-footer{border-top:1px solid var(--af-ink);padding:22px;}
.af-artist-plate-footer h3{font-size:25px;line-height:1.05;margin:0 0 12px;}
.af-artist-plate-footer p{font-size:16px;line-height:1.6;margin:0 0 18px;}
.af-artist-plate-footer button{color:var(--af-ink);font:700 15px var(--sans);border:0;border-bottom:1px solid var(--af-ink);padding:0 0 7px;background:none;cursor:pointer;}
.af-artist-plate-footer button:hover{color:var(--af-blue);}
#laboratory{scroll-margin-top:35px;padding-top:75px;padding-bottom:90px;}
#laboratory .section-heading{margin-bottom:40px;align-items:end;}
#laboratory .section-heading h2{font-size:clamp(43px,5.5vw,78px);line-height:.97;letter-spacing:-.06em;}
#laboratory .section-heading>p{font-size:18px;max-width:37ch;line-height:1.65;}
#atelier-root{font-family:var(--sans,Arial,sans-serif);color:var(--af-ink);border:1px solid var(--af-ink);background:var(--af-paper);scroll-margin-top:24px;isolation:isolate;}
#atelier-root *{box-sizing:border-box;}
#atelier-root button,#atelier-root select,#atelier-root textarea{font:inherit;color:inherit;}
#atelier-root button{cursor:pointer;min-height:42px;border-radius:0;transition:background .12s,color .12s,outline-color .12s;touch-action:manipulation;}
#atelier-root button:disabled{opacity:.32;cursor:default;}
#atelier-root button:focus-visible,#atelier-root select:focus-visible,#atelier-root textarea:focus-visible,.af-surface:focus-visible{outline:3px solid var(--af-blue);outline-offset:3px;}
#atelier-root button:hover:not(:disabled){outline-color:var(--af-blue);}
.af-topline{display:flex;align-items:center;gap:20px;padding:12px 20px;border-bottom:1px solid var(--af-ink);font:13px/1.5 var(--mono,monospace);letter-spacing:.025em;}
.af-topline>span:first-child{font-weight:700;}.af-topline>span:last-child{margin-left:auto;letter-spacing:0;color:#565a52;}
.af-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid var(--af-ink);}
.af-tabs button{position:relative;display:flex;align-items:center;gap:12px;background:var(--af-paper);border:0;border-right:1px solid var(--af-ink);padding:21px 15px;min-height:89px!important;text-align:left;overflow:hidden;}
.af-tabs button:last-child{border-right:0;}
.af-tabs button[aria-selected=true]{background:var(--af-ink);color:var(--af-paper)!important;}
.af-tabs button:hover:not([aria-selected=true]){background:var(--af-yellow);}
.af-tab-number{font:12px var(--mono,monospace);position:absolute;top:8px;left:12px;opacity:.8;}
.af-tabs b{font-size:17px;margin-top:8px;font-weight:700;letter-spacing:-.03em;}
.af-tab-symbol{width:23px;height:23px;display:block;position:relative;flex:0 0 23px;margin-top:8px;}
.af-symbol-form{background:var(--af-blue);border-radius:50%;}.af-tabs [aria-selected=true] .af-symbol-form{background:var(--af-yellow);}
.af-symbol-field{width:8px;height:8px;flex-basis:8px;border-radius:50%;margin:8px 15px 0 0;background:var(--af-red);box-shadow:12px 0 var(--af-red),0 12px var(--af-red),12px 12px var(--af-red)!important;transform:translateY(-6px);}
.af-symbol-layer{border:3px solid var(--af-blue);transform:rotate(-15deg);box-shadow:4px -4px 0 var(--af-red)!important;}
.af-symbol-colour{background:var(--af-yellow);border-left:12px solid var(--af-red);}
.af-symbol-orbit{border:3px solid var(--af-blue);border-radius:50%;transform:rotate(-32deg) scaleY(.65);}
.af-tabs [aria-selected=true] .af-symbol-orbit{border-color:var(--af-yellow);}
.af-symbol-type:before{content:"A";font:900 29px/.8 var(--sans);color:var(--af-red);}
.af-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;}
.af-sheet-area{min-width:0;border-right:1px solid var(--af-ink);}
.af-sheet-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 19px;min-height:65px;border-bottom:1px solid var(--af-line);}
.af-sheet-top>span{font:13px var(--mono);letter-spacing:.06em;}
.af-sheet-top>div{display:flex;align-items:center;gap:5px;}
.af-sheet-top button{border:1px solid transparent;background:transparent;min-width:39px;padding:5px;font-size:22px!important;}
.af-sheet-top button:hover:not(:disabled){border-color:var(--af-ink);}
.af-sheet-top #af-reaction{font-size:13px!important;padding:7px 10px;border-left:1px solid var(--af-line);margin-left:7px;min-width:126px;}
.af-sheet-top #af-reaction[aria-pressed=false]{background:var(--af-yellow);}
.af-mat{padding:28px;background:#dfded3;display:flex;justify-content:center;align-items:center;min-height:400px;}
.af-surface{width:100%;max-width:calc(680px * var(--af-ratio,1));max-height:680px;overflow:hidden;background:var(--af-paper);position:relative;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;border:0;}
.af-surface>svg{width:100%;height:100%;display:block;overflow:hidden;touch-action:none;}
.af-node{cursor:grab;touch-action:none;}
.af-node:active{cursor:grabbing;}
#af-handles{pointer-events:none;}
.af-selection{fill:none;stroke:#151719;stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke;pointer-events:none;}
.af-handle-stem{fill:none;stroke:#151719;stroke-width:1;vector-effect:non-scaling-stroke;}
.af-handle{fill:var(--af-paper);stroke:var(--af-ink);stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:all;cursor:crosshair;}
.af-depth-handle{fill:var(--af-yellow);stroke:var(--af-ink);stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:all;cursor:crosshair;}
.af-scale-handle{cursor:nwse-resize;}
.af-snap{fill:none;stroke:var(--af-red);stroke-width:1;stroke-dasharray:5 5;vector-effect:non-scaling-stroke;pointer-events:none;}
.af-context{display:flex;align-items:center;gap:13px;padding:13px 17px;min-height:71px;background:var(--af-paper);border-top:1px solid var(--af-line);border-bottom:1px solid var(--af-line);}
#af-selected{font-size:13px;min-width:95px;line-height:1.3;}
.af-swatches{display:flex;align-items:center;gap:5px;}
#atelier-root .af-swatch{width:29px;height:29px;min-height:29px;border:1px solid #15171944;border-radius:50%;padding:0;background:var(--ink);position:relative;}
#atelier-root .af-swatch:before{content:"";position:absolute;inset:-6px;border-radius:50%;}
#atelier-root .af-swatch[aria-pressed=true]{outline:2px solid var(--af-ink);outline-offset:3px;}
.af-layer-actions{margin-left:auto;display:flex;gap:4px;}
.af-layer-actions button{font-size:13px!important;border:0;background:none;min-height:38px!important;padding:7px;}
.af-layer-actions button:hover:not(:disabled){background:var(--af-yellow);}
.af-hint{font-size:13px;line-height:1.6;margin:0!important;padding:14px 19px;min-height:49px;color:#50554e;}
.af-desk{padding:25px 24px;display:flex;flex-direction:column;align-items:stretch;min-width:0;gap:0;background:var(--af-paper);}
.af-kicker{font:12px/1.5 var(--mono);letter-spacing:.06em;margin:0 0 13px;}
.af-desk h3{font-size:33px!important;line-height:1.02!important;letter-spacing:-.045em!important;margin:0 0 17px!important;font-weight:750;}
.af-note{font-size:15px;line-height:1.65;margin:0 0 22px;min-height:100px;color:#343b34;}
.af-mode{display:flex;border:1px solid var(--af-ink);margin-bottom:16px;}
.af-mode button{flex:1;padding:10px 6px;border:0;background:transparent;font-size:14px!important;}
.af-mode button[aria-pressed=true]{background:var(--af-ink);color:var(--af-paper)!important;}
.af-generators{display:flex;gap:8px;margin:0 0 27px;flex-wrap:wrap;}
.af-generators button{border:0;border-bottom:1px solid var(--af-line);background:none;font-size:13px!important;text-align:left;padding:8px 0;flex:auto;}
.af-generators button:hover{color:var(--af-blue)!important;border-color:var(--af-blue);}
.af-text-wrap label{display:block;font-size:13px;margin-bottom:7px;}
.af-text-wrap textarea{border:1px solid var(--af-ink);border-radius:0;background:#faf8f1;width:100%;resize:vertical;padding:10px 12px;line-height:1.35;font-size:18px!important;font-weight:700;min-height:88px;margin-bottom:12px;text-transform:uppercase;}
.af-output{padding-top:23px;border-top:1px solid var(--af-ink);margin-top:auto;}
.af-output .af-kicker{margin-bottom:12px;}
#atelier-root .af-export{background:var(--af-blue);color:#fff;border:1px solid var(--af-blue);width:100%;padding:16px 16px;font-size:17px;display:flex;align-items:center;justify-content:space-between;min-height:58px;font-weight:650;}
#atelier-root .af-export:hover{background:var(--af-ink);border-color:var(--af-ink);}
.af-export span{font-size:26px;line-height:1;}
.af-output-row{display:flex;border:1px solid var(--af-line);border-top:0;}
.af-output-row button{flex:1;border:0;background:transparent;font-size:13px!important;padding:10px 7px;min-height:47px!important;}
.af-output-row button+button{border-left:1px solid var(--af-line);}
.af-output-row button:hover{background:var(--af-yellow);}
.af-output-info{font-size:12px;line-height:1.6;color:#50554e;margin:10px 0 21px;}
.af-more{border-top:1px solid var(--af-line);border-bottom:1px solid var(--af-line);padding:0;}
.af-more summary{font-size:14px;cursor:pointer;list-style:none;padding:13px 0;display:flex;justify-content:space-between;gap:10px;}
.af-more summary::-webkit-details-marker{display:none;}.af-more[open] summary span{transform:rotate(45deg);}
.af-more-body{padding-bottom:17px;}
.af-more-body>label{font-size:13px;margin:9px 0 6px;display:block;}
.af-more-body select{max-width:100%;width:100%;height:42px;border:1px solid var(--af-line);border-radius:0;background:var(--af-paper);font-size:14px!important;padding:8px;}
.af-small-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;}
.af-small-actions button{flex:1 1 auto;border:1px solid var(--af-line);background:transparent;font-size:12px!important;padding:7px;}
.af-small-actions button:hover{background:var(--af-yellow);}
.af-more-body p{font-size:12px;line-height:1.65;margin:14px 0 0;color:#50554e;}
.af-feedback{font-size:13px;line-height:1.6;min-height:40px;margin:15px 0 0;color:#50554e;}
.af-editions{border-top:1px solid var(--af-ink);padding:25px 26px;background:var(--af-paper);}
.af-editions-head{display:flex;align-items:center;justify-content:space-between;gap:15px;}
.af-editions-head .af-kicker{font-size:12px;margin:0 0 7px;display:block;}
.af-editions-head h4{font-size:23px;line-height:1.1;letter-spacing:-.03em;margin:0;}
#af-edition-count{font:13px var(--mono);}
.af-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;margin-top:23px;}
.af-gallery-empty{grid-column:1/-1;border:1px dashed var(--af-line);padding:19px;margin:0;font-size:14px;line-height:1.6;color:#50554e;}
.af-edition{position:relative;min-width:0;}
.af-edition>button:first-child{display:block;width:100%;border:1px solid var(--af-line);padding:0;background:var(--af-paper);text-align:left;}
.af-edition>button:first-child:hover{border-color:var(--af-ink);}
.af-edition svg{width:100%;height:auto;aspect-ratio:1;display:block;}
.af-edition span{display:block;font:11px var(--mono);padding:9px;border-top:1px solid var(--af-line);}
#atelier-root .af-edition-remove{position:absolute;right:3px;top:3px;min-height:29px;min-width:29px;border:1px solid var(--af-ink);border-radius:50%;background:var(--af-paper);font-size:19px;line-height:1;padding:0;}
.af-no-js{padding:30px;font-size:18px;}
@media(min-width:1500px){.af-workspace{grid-template-columns:minmax(0,1fr) 320px;}.af-desk{padding:32px;}}
@media(max-width:1100px){.af-tabs button{gap:9px;padding-inline:12px;}.af-tabs b{font-size:15px;}.af-tab-symbol{transform:scale(.85);}.af-workspace{grid-template-columns:minmax(0,1fr) 268px;}.af-desk{padding:23px 19px;}.af-mat{padding:22px;}.af-context{gap:10px;flex-wrap:wrap;}.af-layer-actions{margin-left:auto;}.af-sheet-top{padding:10px 15px;}.af-note{font-size:14px;}.af-tab-number{left:11px;}}
@media(max-width:850px){.af-workspace{grid-template-columns:1fr;}.af-sheet-area{border-right:0;}.af-desk{border-top:1px solid var(--af-ink);display:grid;grid-template-columns:1fr 1fr;column-gap:28px;align-items:start;padding:26px;}.af-desk>.af-kicker,.af-desk>h3,.af-desk>.af-note,.af-desk>.af-mode,.af-desk>.af-generators,.af-desk>.af-text-wrap{grid-column:1;}.af-desk>.af-output{grid-column:2;grid-row:1/6;margin-top:0;padding-top:0;border:0;}.af-desk>.af-more{grid-column:2;grid-row:6/9;align-self:start;}.af-desk>.af-feedback{grid-column:1/3;}.af-note{min-height:0;}.af-desk h3{max-width:13ch;}.af-mat{padding:24px;}.af-surface{max-width:calc(640px * var(--af-ratio,1));max-height:640px;}.af-gallery{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:620px){#laboratory{padding-top:40px;padding-bottom:48px;}#laboratory .section-heading{margin-bottom:27px;}#laboratory .section-heading>p{font-size:16px;}.af-topline{font-size:11px;padding:10px 13px;gap:8px;}.af-topline>span:nth-child(2){display:none;}.af-tabs{grid-template-columns:repeat(3,minmax(0,1fr));}.af-tabs button{min-height:66px!important;border-bottom:1px solid var(--af-ink);padding:19px 12px 12px;}.af-tabs button:nth-child(3){border-right:0;}.af-tabs button:nth-child(n/**/+4){border-bottom:0;}.af-tabs b{font-size:15px;}.af-tab-number{font-size:10px;top:5px;}.af-tab-symbol{width:18px;height:18px;flex-basis:18px;margin-top:3px;}.af-tabs b{margin-top:3px;}.af-symbol-field{width:7px;height:7px;flex-basis:7px;margin-right:11px;}.af-symbol-colour{border-left-width:9px;}.af-symbol-type:before{font-size:24px;}.af-sheet-top{padding:8px 10px;min-height:53px;gap:3px;}.af-sheet-top>span{font-size:11px;}.af-sheet-top>div{gap:0;}.af-sheet-top #af-reaction{font-size:12px!important;min-width:108px;padding:6px;margin-left:3px;}.af-sheet-top button{min-width:31px;font-size:20px!important;}.af-mat{padding:14px;min-height:0;}.af-context{padding:13px 12px;gap:12px;flex-wrap:wrap;}.af-context>#af-selected{min-width:65px;font-size:12px;}.af-layer-actions{flex-basis:100%;justify-content:flex-end;border-top:1px solid var(--af-line);padding-top:5px;}.af-swatches{margin-left:auto;gap:6px;}#atelier-root .af-swatch{width:27px;height:27px;min-height:27px;}.af-hint{font-size:12px;padding:11px 13px;min-height:55px;}.af-desk{display:flex;padding:24px 20px;}.af-desk h3{max-width:19ch;font-size:30px!important;}.af-note{font-size:15px;min-height:0;margin-bottom:18px;}.af-mode{max-width:none;}.af-generators{margin-bottom:22px;}.af-generators button{font-size:14px!important;}.af-output{width:100%;padding-top:20px!important;border-top:1px solid var(--af-ink)!important;}.af-more{width:100%;}.af-more summary{font-size:15px;}.af-kicker{font-size:12px;}.af-feedback{font-size:13px;}.af-editions{padding:23px 18px;}.af-editions-head h4{font-size:21px;}.af-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}.af-gallery-empty{font-size:13px;padding:14px;}.af-edition span{font-size:10px;padding:8px 5px;}.hero{padding-top:29px;}.hero h1{font-size:70px;}.signal-art{min-height:145px;}.signal-art>span{font-size:42px;}}
@media(prefers-reduced-motion:reduce){#atelier-root *{scroll-behavior:auto!important;transition:none!important;}}
/* Legible labels also on laptop and touch layouts. */
#atelier-root .af-topline,#atelier-root .af-tab-number,#atelier-root .af-sheet-top>span,#atelier-root #af-reaction,#atelier-root #af-selected,#atelier-root .af-layer-actions button,#atelier-root .af-hint,#atelier-root .af-kicker,#atelier-root .af-generators button,#atelier-root .af-output-row button,#atelier-root .af-output-info,#atelier-root .af-more-body>label,#atelier-root .af-small-actions button,#atelier-root .af-more-body p,#atelier-root .af-feedback,#atelier-root #af-edition-count,#atelier-root .af-edition span,#atelier-root .af-text-wrap label{font-size:14px!important}
#atelier-root .af-topline{letter-spacing:0}
.af-edition span{overflow-wrap:anywhere}
.af-sheet-top #af-reaction{min-width:131px}
.stage-slot,.stage,.stage>canvas,.consent-card,.player-shell,.player-position{filter:none!important;box-shadow:none!important}
@media(max-width:620px){.af-sheet-top{flex-wrap:wrap}.af-sheet-top>span{flex:1}.af-sheet-top>div{margin-left:auto}.af-swatches{gap:7px}.af-context>#af-selected{min-width:75px}.af-topline{flex-wrap:wrap}.af-topline>span:last-child{font-size:13px!important}.af-tabs button{padding-top:23px}}

/* Gestures remain equally easy to reach on phones. */
.af-mode,.af-generators{width:100%}
.af-mode button{white-space:nowrap}
@media(max-width:620px){.af-desk{align-items:stretch}.af-text-wrap{width:100%}}

/* 6.2 — explicit contrast and bounded geometry. No gradients or glass. */
.af-artist-plate,.af-artist-plate-footer,.af-artist-plate-footer h3,.af-artist-plate-footer p{color:#151719;}
.artist-section .af-artist-plate .eyebrow{color:#182BC7;}
.af-artist-plate-footer button{color:#182BC7;border-bottom-color:#182BC7;}
.af-motion-controls{padding:16px 20px;border-top:1px solid #b8b6aa;display:grid;grid-template-columns:auto 1fr;gap:12px 20px;align-items:center;}
#atelier-root #af-auto{border:1px solid #151719;background:#F4F0E5;padding:12px 15px;font-weight:700;font-size:15px;min-height:50px;}
#atelier-root #af-auto[aria-pressed=true]{background:#182BC7;color:white;border-color:#182BC7;}
.af-strength{display:flex;align-items:center;gap:12px;justify-content:flex-end;flex-wrap:wrap;}
.af-strength-title{display:flex;align-items:center;gap:8px;font:14px var(--mono,monospace);white-space:nowrap;}
.af-strength-title>b{font:25px Arial;}
#af-motion-scale{display:flex;gap:2px;align-items:stretch;}
#atelier-root #af-motion-scale button{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;min-width:35px;min-height:44px;background:none;border:1px solid transparent;font:14px var(--mono,monospace);padding:5px 6px;}
#af-motion-scale button>i{display:block;width:18px;height:6px;background:#F4F0E5;border:1px solid #151719;}
#af-motion-scale button[aria-pressed=true]{border-color:#182BC7!important;color:#182BC7!important;}
#af-motion-scale button[aria-pressed=true]>i{background:#182BC7;}
#af-motion-scale button:hover{background:#F5CC20!important;}
#af-auto-state{font:14px/1.5 var(--sans,Arial);margin:0;grid-column:1/-1;color:#40483f;}
.header-controls{position:relative;}
.header #motion-button{border:1px solid #151719;padding:8px 10px;min-width:146px;min-height:44px;width:auto;font:14px var(--mono);display:flex;gap:8px;}
.header #motion-button>b{font:25px Arial;line-height:1;}
.header #motion-button #page-motion-label{display:block;font:14px var(--mono);letter-spacing:0;}
.header #motion-button .page-motion-mini{display:flex;gap:2px;align-items:end;}
.page-motion-mini i{display:block;width:3px;height:11px;border:1px solid #151719;}
#motion-button[data-level="1"] i:nth-child(-n+1),#motion-button[data-level="2"] i:nth-child(-n+2),#motion-button[data-level="3"] i:nth-child(-n+3),#motion-button[data-level="4"] i:nth-child(-n+4),#motion-button[data-level="5"] i:nth-child(-n+5){background:#151719;}
.page-motion-panel{position:absolute;right:0;top:calc(100% + 10px);background:#F4F0E5;color:#151719;border:1px solid #151719;width:310px;max-width:calc(100vw - 32px);z-index:30;padding:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;}
.page-motion-panel button{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:60px;background:transparent;border:1px solid #b8b6aa;color:inherit;font:14px Arial;}
.page-motion-panel button b{font:20px var(--mono);}
.page-motion-panel button[aria-pressed=true]{background:#151719;color:#F4F0E5;}
#page-motion-note{grid-column:1/-1;font:14px/1.5 Arial;margin:4px 0;}
.shape-divider{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:0;gap:0;background:#F5CC20;border-block:1px solid #151719;overflow:hidden;white-space:normal;}
.bf-band-window{overflow:hidden;cursor:grab;touch-action:pan-y;padding-block:18px;min-width:0;}
.bf-band-window:active{cursor:grabbing;}
.bf-band-track{display:flex;width:max-content;will-change:transform;}
.bf-band-segment{display:flex;align-items:center;flex:0 0 auto;gap:32px;padding-right:32px;}
.shape-divider .bf-band-segment>span{font:800 clamp(24px,3vw,40px)/1 Arial;letter-spacing:-.05em;}
.bf-band-segment svg{display:block;width:48px;height:48px;flex:0 0 48px;}
.bf-band-controls{border-left:1px solid #151719;background:#F4F0E5;color:#151719;display:flex;align-items:center;gap:12px;padding:0 16px;}
.bf-band-controls>span{font:13px/1.5 var(--mono);max-width:95px;}
.bf-band-controls>button{display:block;font:22px/1 Arial;border:1px solid #151719;width:44px;height:44px;background:transparent;}
.bf-band-controls>button:hover{background:#151719;color:#F4F0E5;}
.time-instrument .dial-hand,.time-instrument .dial-satellite{transition:none!important;}
.time-instrument .dial-satellite:after{width:var(--satellite-size,15px);height:var(--satellite-size,15px);left:calc(50% - var(--satellite-size,15px)/2);top:calc(var(--satellite-size,15px)/-2);background:var(--satellite-color,#F0442E);border:2px solid #151719;border-radius:50%;box-shadow:none!important;}
.dial-quarter-marks{position:absolute;inset:4%;pointer-events:none;}
.dial-quarter-marks i{position:absolute;width:9px;height:9px;background:#151719;left:calc(50% - 4.5px);top:-4.5px;}
.dial-quarter-marks i:nth-child(2){left:auto;right:-4.5px;top:calc(50% - 4.5px);}
.dial-quarter-marks i:nth-child(3){top:auto;bottom:-4.5px;}
.dial-quarter-marks i:nth-child(4){left:-4.5px;top:calc(50% - 4.5px);}
.time-instrument.quarter-hit .dial-quarter-marks{animation:bf-quarter .85s ease-out;}
@keyframes bf-quarter{0%{transform:scale(1);}35%{transform:scale(1.13) rotate(-10deg);}100%{transform:scale(1);}}
.time-cell{isolation:isolate;}
.time-num,.time-unit{position:relative;z-index:2;}
.counter-fx{position:absolute;inset:9px;pointer-events:none;z-index:1;overflow:hidden;opacity:0;}
.counter-fx b{position:absolute;display:block;}
.zero-hit .counter-fx{animation:bf-counter-show 1.1s ease;}
@keyframes bf-counter-show{0%,100%{opacity:0;}15%,70%{opacity:1;}}
[data-unit=seconds] .counter-fx b{width:65px;height:65px;border:5px solid #F0442E;border-radius:50%;left:calc(50% - 32px);top:calc(50% - 32px);}
[data-unit=seconds].zero-hit .counter-fx b{animation:bf-second 1.1s ease-out both;}
[data-unit=seconds].zero-hit .counter-fx b:nth-child(2){animation-delay:.12s;border-color:#182BC7;}
[data-unit=seconds] .counter-fx b:nth-child(n+3){display:none;}
@keyframes bf-second{from{transform:scale(.25);}to{transform:scale(3.6);opacity:0;}}
[data-unit=minutes] .counter-fx b{width:100%;height:9px;top:10%;background:#182BC7;}
[data-unit=minutes].zero-hit .counter-fx b{animation:bf-minute 1s ease-out both;}
[data-unit=minutes].zero-hit .counter-fx b:nth-child(2){top:auto;bottom:10%;animation-direction:reverse;background:#F0442E;}
[data-unit=minutes] .counter-fx b:nth-child(n+3){display:none;}
@keyframes bf-minute{from{transform:translateX(-120%);}to{transform:translateX(120%);}}
[data-unit=hours] .counter-fx b{width:25px;height:25px;left:15%;top:15%;background:#182BC7;}
[data-unit=hours] .counter-fx b:nth-child(2){left:auto;right:15%;background:#F0442E;}
[data-unit=hours] .counter-fx b:nth-child(3){top:auto;bottom:15%;background:#327264;}
[data-unit=hours] .counter-fx b:nth-child(4){left:auto;right:15%;top:auto;bottom:15%;}
[data-unit=hours].zero-hit .counter-fx b{animation:bf-hour 1s ease-out both;}
@keyframes bf-hour{from{transform:scale(.25) rotate(0deg);}60%{transform:scale(1.6) rotate(90deg);}to{transform:scale(1) rotate(180deg);opacity:0;}}
[data-unit=days] .counter-fx b{inset:5%;border:5px solid #F0442E;}
[data-unit=days].zero-hit .counter-fx b{animation:bf-day 1.05s ease-out both;}
[data-unit=days].zero-hit .counter-fx b:nth-child(2){border-color:#182BC7;animation-delay:.12s;}
[data-unit=days] .counter-fx b:nth-child(n+3){display:none;}
@keyframes bf-day{from{transform:scale(.5) rotate(-12deg);}to{transform:scale(1.5) rotate(0deg);opacity:0;}}
.creator-signature .studio-logo-wrap{width:136px;height:136px;min-width:136px;min-height:136px;cursor:pointer;justify-content:center;transform-origin:center;}
.creator-signature .studio-logo-wrap img{width:136px;height:136px;object-fit:contain;}
.creator-signature .studio-logo-wrap:focus-visible{outline:3px solid #182BC7;outline-offset:6px;}
@media(max-width:1320px){.header .main-nav{display:none;}}
@media(max-width:700px){.af-motion-controls{grid-template-columns:1fr;gap:12px;padding:14px;}.af-strength{justify-content:space-between;}.bf-band-controls{padding:0 9px;}.bf-band-controls>span{display:none;}.bf-band-segment{gap:24px;padding-right:24px;}.bf-band-segment svg{width:34px;height:34px;flex-basis:34px;}.bf-band-window{padding-block:14px;}.creator-signature .studio-logo-wrap,.creator-signature .studio-logo-wrap img{width:104px;height:104px;min-width:104px;min-height:104px;}.creator-signature{grid-template-columns:104px minmax(0,1fr);gap:0 20px;padding:24px;}}
@media(max-width:600px){.header #motion-button{min-width:73px;padding:7px;gap:5px;}.header #motion-button .page-motion-mini{display:none;}.header #motion-button #page-motion-label{max-width:34px;overflow:hidden;white-space:nowrap;}.header-controls{gap:4px;}.header .brand small{max-width:160px;white-space:normal;}.header{height:auto;min-height:88px;}}
@media(max-width:360px){.header .brand{font-size:15px;white-space:normal;}.header .brand small{font-size:14px;max-width:126px;}.header{padding-inline:14px;gap:5px;}#af-motion-scale button{min-width:32px!important;padding-inline:4px!important;}.creator-signature{padding:20px 14px;grid-template-columns:88px 1fr;gap:0 13px;}.creator-signature .studio-logo-wrap,.creator-signature .studio-logo-wrap img{width:88px;height:88px;min-width:88px;min-height:88px;}}
html[data-motion=reduced] .time-cell *,html[data-motion=reduced] .time-instrument *{animation:none!important;transition:none!important;}
@media(prefers-reduced-motion:reduce){.time-cell *, .time-instrument *{animation:none!important;transition:none!important;}}
/* Dark ink on the red editorial field as well as the light art plate. */
#gamper{background:#F0442E;color:#151719;}
#gamper .artist-copy h2,#gamper .artist-copy h2 em,#gamper .artist-copy p,#gamper .artist-copy .eyebrow,#gamper .artist-copy .source-link,#gamper .artist-note,#gamper .artist-tab,#gamper .artist-tab b,#gamper .artist-tab span{color:#151719;}
#gamper .artist-tab{border-top-color:#151719;}
#gamper .artist-tab[aria-selected=true]{border-top:3px solid #151719;}
#gamper .artist-tab:after{background:#151719;}
#gamper .artist-copy p:not(.eyebrow){font-size:16px;line-height:1.7;}
#gamper .artist-copy .artist-lead{font-size:22px;line-height:1.35;}
/* The pre-initialisation frame must fit too; JS later supplies the animated gap. */
.stage{--safe-gap:12px;--safe-radius:30px;}

/* BREAK / FIELD 7 — editorial polish. Artwork remains flat-colour and export-safe. */
:root{--v7-note:12.5px;--header-offset:88px;scroll-padding-top:100px;}
/* Important disclosures stay readable, visible and adjacent. Only ancillary type gets smaller. */
body:not(.legal-page) :is(.fineprint,.rack-note,.sound-small,.sound-status,.feed-state,.countdown-note,.editor-draft-note,.score-note,.af-output-info,.af-feedback),body:not(.legal-page) .tracklist-head p{font-size:var(--v7-note)!important;line-height:1.65;}
body:not(.legal-page) .source-link{font-size:var(--v7-note)!important;line-height:1.65;}
body:not(.legal-page) .consent-bottom p{font-size:13px!important;line-height:1.45;}
body:not(.legal-page) .brand small{font-size:11px!important;line-height:1.35;}
body:not(.legal-page) .footer>div>p,body:not(.legal-page) .footer>p{font-size:12px;line-height:1.65;}
#gamper .artist-note{font-size:13px!important;line-height:1.65;}
#af-auto-state{font-size:12.5px;line-height:1.55;}
/* The lettering belongs below the dial, not on the circular baseline. */
.time-instrument .dial-caption{display:block!important;bottom:-26px!important;font-size:11.5px!important;letter-spacing:.06em!important;white-space:nowrap;}
.album-top .time-instrument{margin-bottom:32px;}
/* Original studio identity remains separate from the YELLO reference. */
#page-header{position:sticky;top:0;z-index:80;min-height:88px;height:88px;transition:height .25s ease,min-height .25s ease,box-shadow .25s ease;background:var(--paper,#F4F0E5);}
#page-header.is-compact{height:64px;min-height:64px;box-shadow:0 6px 0 #15171908;}
.header-identity{display:flex;align-items:center;gap:16px;flex-shrink:0;min-width:0;}
.header-studio{display:flex;width:0;min-width:0;overflow:hidden;align-items:center;justify-content:center;opacity:0;transition:width .25s ease,opacity .25s ease;color:#182BC7;position:relative;}
.header-studio img{display:block;width:38px;height:38px;min-width:38px;object-fit:contain;}
.header-studio .header-studio-fallback{display:none;font:800 10px/1.15 Arial;letter-spacing:-.04em;}
.header-studio.is-fallback img{display:none;}.header-studio.is-fallback .header-studio-fallback{display:block;}
.is-compact .header-studio{width:38px;min-width:38px;opacity:1;}
#page-header .brand{transition:font-size .25s ease;}
#page-header.is-compact .brand{font-size:18px;}
#page-header.is-compact .brand-icon{display:none;}
#page-header.is-compact .brand small{font-size:10px!important;}
#page-header .main-nav{gap:14px;}
#page-header .main-nav a{font-size:13px;}
.header-studio:focus-visible{width:38px;opacity:1;outline:2px solid #182BC7;outline-offset:3px;}
/* Responsive sticky navigation replaces the completely missing narrow-screen nav. */
.header-section-select{font:13px var(--mono,monospace);min-height:36px;max-width:126px;padding:6px 8px;border:1px solid #b8b6aa;border-radius:5px;background:var(--paper,#F4F0E5);color:#151719;display:none;}
/* Signal cards: the former entrance animation no longer pins their transform forever. */
.signal-card{--hover-x:50%;--hover-y:45%;transform:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease;}
.signal-card .signal-art{position:relative;isolation:isolate;background:var(--card-a);}
.signal-card .signal-art:after{content:"";position:absolute;width:130px;height:130px;left:var(--hover-x);top:var(--hover-y);background:#ffffff40;border-radius:50%;transform:translate(-50%,-50%) scale(.35);opacity:0;transition:opacity .25s,transform .4s;pointer-events:none;z-index:0;}
.signal-card .signal-art b{transition:transform .5s cubic-bezier(.2,.8,.2,1);transform-origin:center;}
.signal-card .signal-art i{transition:transform .55s cubic-bezier(.2,.8,.2,1);}
.signal-card:focus-within{border-color:var(--card-b);box-shadow:0 8px 0 #1517190c;}
@media(hover:hover) and (pointer:fine){
 .signal-card:hover{transform:translateY(-7px) rotate(-.45deg);border-color:var(--card-b);box-shadow:8px 14px 0 #1517190d;}
 .signal-card:nth-child(even):hover{transform:translateY(-7px) rotate(.45deg);}
 .signal-card:hover .signal-art:after{opacity:1;transform:translate(-50%,-50%) scale(1.1);}
 .signal-card:hover .signal-art b{transform:rotate(-14deg) scale(1.17);}
 .signal-card:hover .signal-art i{transform:translate(-17px,12px) rotate(64deg);}
}
/* A reserved slim rail keeps the hover chip off the scrolling letterforms. */
.shape-divider{position:relative;display:block!important;padding:0!important;overflow:hidden;}
.bf-band-window{padding:16px 0 38px!important;}
.bf-band-controls{position:absolute;right:clamp(12px,3vw,40px);bottom:5px;height:29px;padding:0 9px 0 2px!important;gap:8px!important;border:1px solid #15171940!important;border-radius:50px;background:#F4F0E5;opacity:.6;transition:opacity .22s ease,transform .22s ease;}
.bf-band-controls>button{display:flex;align-items:center;justify-content:center;width:28px;height:27px;font-size:13px;border:0;border-radius:50px;}
.bf-band-controls>span{display:block!important;max-width:none;font:10.5px/1 var(--mono,monospace);letter-spacing:.045em;white-space:nowrap;}
.shape-divider:hover .bf-band-controls,.shape-divider:focus-within .bf-band-controls{opacity:1;}
.bf-band-controls>button:hover{background:#182BC7;color:#fff;}
@media(hover:none),(pointer:coarse){.bf-band-window{padding-bottom:54px!important;}.bf-band-controls{height:44px;bottom:4px;opacity:1;}.bf-band-controls>button{width:44px;height:42px;font-size:17px;}}
/* Named palette browser; button still advances quickly and every change is undoable. */
.af-palette-chooser{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:3px 0 20px;}
.af-palette-chooser label{font:12px/1.4 var(--mono,monospace);letter-spacing:.02em;}
#af-palette-select{max-width:100%;width:100%;background:#F4F0E5;color:#151719;border:1px solid #15171955;border-radius:0;padding:11px 10px;min-height:44px;font:15px Arial;}
#af-palette-preview{display:flex;height:9px;gap:3px;}
#af-palette-preview i{flex:1;border:1px solid #15171920;}
/* A quiet record shelf, not a sales funnel. */
.record-shelf{padding:84px 0 74px;border-block:1px solid #15171928;background:#ECEADF;}
.shelf-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:60px;align-items:end;margin-bottom:38px;}
.shelf-intro h2{font:700 clamp(42px,5.6vw,76px)/.96 var(--sans,Arial);letter-spacing:-.065em;margin:12px 0 0;}
.shelf-intro h2 em{color:#182BC7;font-style:normal;}
.shelf-intro p:not(.eyebrow){font-size:16px;line-height:1.65;margin:0;max-width:48ch;}
.shelf-intro .eyebrow{font-size:12px;}
.record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:stretch;}
.record-card{min-width:0;border:1px solid #15171938;background:#F7F4EA;padding:23px;display:flex;flex-direction:column;}
.record-visual{position:relative;padding:24px 36px 26px;background:#D6DED6;overflow:hidden;}
.record-card[data-release="time-lab"] .record-visual{background:#DED5C3;}
.record-art{position:relative;display:block;width:min(100%,350px);margin:auto;aspect-ratio:1;transform:rotate(-2deg);border:1px solid #15171920;box-shadow:8px 10px 0 #15171914;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;}
.record-card[data-release="time-lab"] .record-art{transform:rotate(2deg);}
.record-art>img,.record-art>svg{display:block;aspect-ratio:1;width:100%;height:100%;object-fit:contain;background:#F4F0E5;}
.record-art>img[hidden]{display:none;}
.record-art-caption{font:11px/1.5 var(--mono,monospace);margin:14px 0 0;text-align:center;color:#46504B;}
.record-info{padding:23px 0 0;display:flex;flex-direction:column;flex:1;}
.record-meta{display:flex;justify-content:space-between;gap:12px;font:11.5px/1.5 var(--mono,monospace);color:#48524C;letter-spacing:.04em;}
.record-info h3{font:700 clamp(30px,3.4vw,46px)/1 var(--sans,Arial);letter-spacing:-.05em;margin:15px 0 12px;}
.record-info>p{font-size:15px;line-height:1.6;max-width:54ch;margin:0 0 22px;}
.record-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;}
.record-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 12px;min-height:60px;border:1px solid #15171942;color:#151719;text-decoration:none;background:transparent;transition:background .2s;}
.record-link>span{display:grid;gap:4px;}
.record-link b{font:700 14px/1.25 var(--sans,Arial);}
.record-link small{font:11.5px/1.4 var(--mono,monospace);}
.record-link>i{font:18px Arial;font-style:normal;}
.record-link:hover,.record-link:focus-visible{background:#F5CC20;}
.record-link.is-pending{border-style:dashed;cursor:default;color:#515951;}
.record-link.is-pending:hover{background:transparent;}
.record-source{font:12px/1.5 var(--mono,monospace);padding:14px 0 0;display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;}
.record-source a{text-decoration:underline;text-underline-offset:3px;}
.record-disclosure{font:13px/1.65 var(--sans,Arial);color:#343C37;margin:18px 0 0;max-width:100ch;}
.record-disclosure strong{font-weight:700;}
.shelf-foot{display:flex;justify-content:space-between;gap:24px;align-items:start;margin-top:24px;padding-top:22px;border-top:1px solid #15171925;}
.shelf-foot p,.shelf-foot a{font-size:12.5px;line-height:1.65;margin:0;}
.shelf-foot p{max-width:84ch;}
.shelf-foot a{white-space:nowrap;text-decoration:underline;text-underline-offset:3px;}
@media(hover:hover) and (pointer:fine){.record-card:hover .record-art{transform:rotate(0) translateY(-3px);box-shadow:10px 13px 0 #15171917;}}
/* Reduced motion changes appearance only, never spins or slides. */
html[data-motion=reduced] #page-header,html[data-motion=reduced] #page-header *,html[data-motion=reduced] .signal-card,html[data-motion=reduced] .signal-card *,html[data-motion=reduced] .signal-card ::after,html[data-motion=reduced] .record-art,html[data-motion=reduced] .bf-band-controls{transition:none!important;animation:none!important;}
html[data-motion=reduced] .signal-card:hover,html[data-motion=reduced] .signal-card:nth-child(even):hover{transform:none!important;}
html[data-motion=reduced] .signal-card:hover .signal-art b,html[data-motion=reduced] .signal-card:hover .signal-art i{transform:none!important;}
html[data-motion=reduced] .record-card:hover .record-art{transform:none;}
@media(max-width:1320px){.header-section-select{display:block;}#page-header{gap:12px;}#page-header .header-controls{gap:9px;}}
@media(max-width:850px){.shelf-intro{gap:24px;grid-template-columns:1fr;}.shelf-intro>p{max-width:65ch;}.record-visual{padding:22px;}.record-card{padding:18px;}.record-links{grid-template-columns:1fr;}.header-section-select{max-width:106px;}.header-identity{gap:8px;}}
@media(max-width:620px){#page-header{height:82px;min-height:82px;padding:10px 14px;}.header-section-select{display:none;}#page-header.is-compact{height:64px;min-height:64px;}.header-identity{gap:6px;}#page-header .brand{font-size:18px;}#page-header .brand-icon{display:none;}#page-header.is-compact .brand{font-size:15px;}.is-compact .header-studio{width:30px;min-width:30px;}.header-studio img{width:30px;height:30px;min-width:30px;}#page-header .header-controls{gap:3px;}#page-header.is-compact .brand small{max-width:140px;}#page-header .page-motion-panel{right:0;}.record-shelf{padding:54px 0;}.record-grid{grid-template-columns:1fr;gap:22px;}.record-card{padding:18px;}.record-links{grid-template-columns:1fr 1fr;}.shelf-intro{margin-bottom:27px;}.shelf-intro h2{font-size:51px;}.shelf-foot{flex-direction:column;gap:14px;}.time-instrument .dial-caption{bottom:-23px!important;font-size:10px!important;letter-spacing:0!important;}.album-top .time-instrument{margin-bottom:34px;}.af-strength-title{font-size:12px;}#af-strength-label{font-size:12px;}}
@media(max-width:360px){#page-header .brand{font-size:16px;}#page-header.is-compact .brand{font-size:13px;}#page-header .brand small{font-size:10px!important;}#page-header.is-compact .brand small{max-width:100px;font-size:9px!important;}#page-header .header-identity{gap:5px;}.record-card{padding:14px;}.record-links{grid-template-columns:1fr;}.record-visual{padding:20px;}}
@media(prefers-reduced-motion:reduce){#page-header,#page-header *,.signal-card,.signal-card *,.signal-card ::after,.record-art,.bf-band-controls{transition:none!important;animation:none!important;}.signal-card:hover,.signal-card:nth-child(even):hover{transform:none!important;}.signal-card:hover .signal-art b,.signal-card:hover .signal-art i{transform:none!important;}}

.record-visual{margin:0;}
.record-visual figcaption{font:11px/1.55 var(--mono,monospace);margin:17px 0 0;text-align:center;color:#35433E;}
.record-info>.record-meta{font:11.5px/1.6 var(--mono,monospace);margin-bottom:0;letter-spacing:.025em;}
.record-disclosure{margin:0 0 25px;}
.record-disclosure p{margin:6px 0;}
.shelf-foot{font:12.5px/1.65 var(--sans,Arial);}
/* Centre the caption by its text width; the former 100%-wide box clipped it on phones. */
.time-instrument .dial-caption{left:50%!important;right:auto!important;width:max-content!important;transform:translateX(-50%);text-align:center;}
.header-studio .header-studio-fallback{font-size:8px;white-space:normal;text-align:center;max-width:100%;}
.record-card[data-release="timeLab"] .record-visual{background:#DED5C3;}
.record-card[data-release="timeLab"] .record-art{transform:rotate(2deg);}
@media(hover:hover) and (pointer:fine){.record-card[data-release="timeLab"]:hover .record-art{transform:rotate(0) translateY(-3px);}}

.record-link[rel~="sponsored"] small{font-size:12px;font-weight:600;line-height:1.45;}

/* Preserve the circular satellite orbit without the rotated box's phantom overflow. */
.time-instrument .dial-satellite{transform:none!important;}
.time-instrument .dial-satellite:after{left:var(--satellite-x,50%)!important;top:var(--satellite-y,0%)!important;transform:translate(-50%,-50%);}

/* BREAK / FIELD 8 — one identity, an unobstructed ribbon, art worth taking away. */
#page-header .brand-icon{display:block!important;width:44px;height:44px;flex:0 0 44px;border:0;background:none;border-radius:0;overflow:visible;transform:none;}
#page-header .brand-icon img{display:block;width:100%;height:100%;object-fit:contain;}
#page-header .brand{gap:12px;}
#page-header.is-compact .brand-icon{width:32px;height:32px;flex-basis:32px;}
#page-header.is-compact .brand{font-size:18px;}
#page-header .brand small{font-size:10px!important;letter-spacing:.08em;}
.hero-utility{font:12px/1.6 var(--mono,monospace);color:#52606a;margin:22px 0 0;}
/* A grid spanning the page, not a 100vw layer that creates scrollbar overflow. */
#shape-divider{width:100%;max-width:none;margin:18px 0 0!important;display:grid!important;grid-template-columns:minmax(0,1fr);gap:0;border-radius:0;transform:none;overflow:hidden;border-inline:0;background:#F5CC20;}
#shape-divider .bf-band-window{width:100%;padding:24px 0!important;border-bottom:1px solid #172B4030;}
#shape-divider .bf-band-segment>span{font-size:clamp(34px,4.7vw,68px);letter-spacing:-.055em;}
#shape-divider .bf-band-segment{gap:clamp(25px,4vw,62px);padding-right:clamp(25px,4vw,62px);}
#shape-divider .bf-band-segment svg{width:clamp(38px,4.5vw,62px);height:clamp(38px,4.5vw,62px);flex-basis:clamp(38px,4.5vw,62px);}
#shape-divider .bf-band-controls{position:static;inset:auto;height:auto;min-height:35px;width:100%;margin:0;padding:2px var(--pad,24px)!important;display:flex;justify-content:flex-end;gap:8px!important;border:0!important;border-radius:0;background:#F4F0E5;opacity:1;box-shadow:none;}
#shape-divider .bf-band-controls>button{width:28px;height:28px;min-height:28px;font-size:13px;background:transparent;border:1px solid #172B4030;border-radius:50%;}
#shape-divider .bf-band-controls>span{display:block!important;font-size:10px;letter-spacing:.08em;color:#455260;}
#shape-divider .bf-band-controls>button:hover{background:#172B40;color:#fff;}
/* Unit graphics on EVERY change, preserving the distinct original instrument motifs. */
.change-hit .counter-fx{animation:bf-counter-show 1.1s ease;}
[data-unit=days].change-hit .counter-fx b{animation:bf-day 1.05s ease-out both;}
[data-unit=days].change-hit .counter-fx b:nth-child(2){animation-delay:.12s;}
[data-unit=hours].change-hit .counter-fx b{animation:bf-hour 1s ease-out both;}
[data-unit=minutes].change-hit .counter-fx b{animation:bf-minute 1s ease-out both;}
[data-unit=minutes].change-hit .counter-fx b:nth-child(2){animation-direction:reverse;}
/* Clear outcome hierarchy. Clean export remains available beside a separate share workflow. */
#af-share.af-share-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;min-height:48px;border:1px solid #172B40!important;color:#172B40;background:#E6EEE7;font:700 15px/1.3 Arial,sans-serif;cursor:pointer;border-radius:5px;transition:background .18s,transform .18s;}
#af-share.af-share-button:hover{background:#D8E6DE;transform:translateY(-1px);}
#af-share.af-share-button span{order:2;font-size:22px;}
.af-share-caption{font:12px/1.4 Arial,sans-serif;color:#52606a;margin:8px 0 0;}
.af-edition-share{position:absolute;right:34px;top:5px;width:28px;height:28px;border:1px solid #172B4050;background:#F4F0E5;color:#172B40;z-index:3;cursor:pointer;}
.creator-note{padding-block:56px;display:grid;grid-template-columns:1fr 1.1fr;gap:70px;border-top:1px solid #172B4030;}
.creator-note h2{font-size:clamp(25px,3vw,42px);line-height:1.07;letter-spacing:-.05em;margin:15px 0 0;max-width:16ch;}
.creator-note>div>p:not(.eyebrow){max-width:56ch;line-height:1.7;font-size:16px;}
.creator-note .creator-byline{font-size:13px!important;color:#52606a;margin-top:18px;}
.creator-byline a{font-weight:700;color:#172B40;text-decoration:underline;text-underline-offset:4px;}
.example-gallery{margin-top:25px;border-top:1px solid #172B4030;}
.example-gallery>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 0;font:700 16px/1.4 Arial,sans-serif;cursor:pointer;list-style:none;}
.example-gallery>p{font-size:14px;line-height:1.6;max-width:70ch;margin:0 0 22px;}
.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;}
.example-grid figure{margin:0;background:#F4F0E5;min-width:0;}
.example-grid img{display:block;width:100%;height:auto;aspect-ratio:1;}
.example-grid figcaption{padding:15px 0;}
.example-grid figcaption>span{font:700 12px/1.4 var(--mono,monospace);}
.example-grid figcaption p{font-size:14px;line-height:1.5;margin:8px 0;}
.example-grid button{border:0;border-bottom:1px solid #172B4050;color:#172B40;background:none;padding:8px 0;min-height:38px;font:700 13px/1.4 Arial,sans-serif;cursor:pointer;}
.playground-faq{padding-block:65px;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;}
.playground-faq h2{font-size:clamp(28px,3vw,45px);line-height:1.05;letter-spacing:-.05em;margin:14px 0 0;}
.playground-faq details{border-top:1px solid #172B4030;}
.playground-faq summary{padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;font:700 16px/1.4 Arial,sans-serif;list-style:none;cursor:pointer;}
.playground-faq details>p{font-size:15px;line-height:1.75;max-width:62ch;margin:0 0 22px;}
/* Native dialog supplies focus trapping, Escape and background inertness. */
html.share-open{overflow:hidden;}
.art-share-dialog{box-sizing:border-box;width:min(1040px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:30px;background:#F4F0E5;color:#172B40;border:1px solid #172B4040;border-radius:18px;box-shadow:0 28px 90px #08172555;overflow:auto;font-family:Arial,Helvetica,sans-serif;}
.art-share-dialog::backdrop{background:#142638b8;backdrop-filter:blur(6px);}
.art-share-dialog *{box-sizing:border-box;}
.share-head{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;padding-bottom:24px;border-bottom:1px solid #172B4030;}
.share-head p{font:11px/1.4 ui-monospace,monospace;letter-spacing:.12em;margin:0 0 10px;}
.share-head h2{font-size:clamp(27px,4vw,40px);line-height:1.05;letter-spacing:-.05em;margin:0;}
#share-close{flex:0 0 42px;width:42px;height:42px;border:1px solid #172B4040;border-radius:50%;background:transparent;font-size:27px;color:#172B40;cursor:pointer;}
.share-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;margin-top:25px;align-items:start;}
.share-preview-wrap{margin:0;position:sticky;top:0;padding:22px;background:#e1e1d9;border-radius:8px;min-width:0;}
#share-preview{display:block;max-width:100%;max-height:65dvh;width:auto;height:auto;margin:auto;box-shadow:0 8px 24px #172B4015;}
#share-preview:not([src]){width:100%;aspect-ratio:1;}
#share-size{font:11px/1.5 ui-monospace,monospace;text-align:center;margin-top:16px;color:#465260;}
.share-intro{font-size:15px;line-height:1.6;margin:0 0 19px;}
.share-label{display:block;font:700 13px/1.4 Arial,sans-serif;margin-bottom:7px;}
#share-format,#share-caption{width:100%;border:1px solid #172B4040;border-radius:4px;background:#fffdf5;color:#172B40;padding:11px 12px;font:14px/1.5 Arial,sans-serif;}
#share-format{min-height:44px;}
#share-caption{resize:vertical;min-height:104px;overflow-wrap:anywhere;}
.share-credit{display:flex;align-items:flex-start;gap:9px;margin-top:17px;font-size:14px;line-height:1.4;cursor:pointer;}
.share-credit input{width:18px;height:18px;margin:1px 0 0;accent-color:#172B40;}
.share-credit small{display:block;font-size:11px;color:#52606a;margin-top:4px;}
.share-fine{font-size:12px;line-height:1.65;color:#52606a;margin:11px 0;}
.share-primary{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;}
.share-primary button{min-height:46px;border:1px solid #172B40;border-radius:5px;padding:12px 16px;font:700 14px/1.4 Arial,sans-serif;cursor:pointer;background:#172B40;color:#fff;flex:1;white-space:nowrap;}
.share-primary #share-download{background:transparent;color:#172B40;}
.share-compose{border-top:1px solid #172B4030;padding-top:17px;margin-top:20px;}
.share-compose h3{font-size:16px;margin:0 0 7px;}
.share-compose>p{font-size:13px;line-height:1.65;margin:0 0 12px;}
.share-networks{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 17px;}
.share-networks button,.share-copy-row button{min-height:38px;padding:9px 11px;border:1px solid #172B4040;border-radius:4px;background:transparent;color:#172B40;font:700 13px/1.4 Arial,sans-serif;cursor:pointer;}
.share-networks button:hover,.share-copy-row button:hover{background:#E1E8E0;}
.share-copy-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
.share-status{font:13px/1.6 Arial,sans-serif;border-left:3px solid #437363;padding:8px 0 8px 12px;margin-bottom:0;min-height:38px;}
.art-share-dialog button:disabled{opacity:.45;cursor:default;}
.art-share-dialog button:focus-visible,.art-share-dialog select:focus-visible,.art-share-dialog textarea:focus-visible{outline:3px solid #315BA4;outline-offset:3px;}
@media(max-width:850px){.creator-note,.playground-faq{gap:35px;}.example-grid{gap:16px;}.art-share-dialog{padding:22px;}.share-layout{gap:23px;}}
@media(max-width:640px){#page-header .brand-icon{width:34px;height:34px;flex-basis:34px;}#page-header .brand{gap:9px;font-size:16px;}#page-header.is-compact .brand{font-size:14px;}#page-header.is-compact .brand-icon{width:28px;height:28px;flex-basis:28px;}#page-header .brand small{font-size:8px!important;letter-spacing:0;}.hero-utility{font-size:11px;}#shape-divider .bf-band-window{padding:19px 0!important;}.creator-note,.playground-faq{grid-template-columns:1fr;gap:24px;padding-block:40px;}.creator-note h2{max-width:24ch;}.creator-note>div>p:not(.eyebrow){font-size:15px;}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.example-grid figcaption p{font-size:13px;}.art-share-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:18px;border-radius:12px;}.share-head{padding-bottom:17px;gap:12px;}.share-layout{grid-template-columns:1fr;margin-top:17px;gap:18px;}.share-preview-wrap{position:static;padding:14px;}#share-preview{max-height:34dvh;}#share-size{margin-top:9px;}.share-head h2{font-size:28px;}.share-intro{font-size:14px;}.share-copy-row button{flex:1;}}
@media(hover:none),(pointer:coarse){#shape-divider .bf-band-controls{min-height:46px;}#shape-divider .bf-band-controls>button{width:40px;height:40px;}.share-networks button,.share-copy-row button{min-height:44px;}.af-edition-share{width:32px;height:32px;right:37px;}}
@media(prefers-reduced-motion:reduce){.change-hit .counter-fx,.change-hit .counter-fx b{animation:none!important;}#af-share{transition:none;transform:none!important;}}
html[data-motion=reduced] .change-hit .counter-fx,html[data-motion=reduced] .change-hit .counter-fx b{animation:none!important;}

/* BREAK / FIELD v11 — ambient page backdrop tied to the header motion control */
:root{--bf-ambient-alpha:.08;--bf-ambient-speed:58s;--bf-ambient-drift:34px;}
html[data-motion-level='0']{--bf-ambient-alpha:0;--bf-ambient-speed:0s;--bf-ambient-drift:0px;}
html[data-motion-level='1']{--bf-ambient-alpha:.03;--bf-ambient-speed:90s;--bf-ambient-drift:14px;}
html[data-motion-level='2']{--bf-ambient-alpha:.045;--bf-ambient-speed:72s;--bf-ambient-drift:20px;}
html[data-motion-level='3']{--bf-ambient-alpha:.06;--bf-ambient-speed:58s;--bf-ambient-drift:28px;}
html[data-motion-level='4']{--bf-ambient-alpha:.075;--bf-ambient-speed:46s;--bf-ambient-drift:36px;}
html[data-motion-level='5']{--bf-ambient-alpha:.095;--bf-ambient-speed:34s;--bf-ambient-drift:46px;}
#page-main{position:relative;isolation:isolate;overflow-x:clip;}
#page-main::before,#page-main::after{content:'';position:fixed;inset:auto;pointer-events:none;z-index:0;border-radius:50%;mix-blend-mode:multiply;opacity:var(--bf-ambient-alpha);filter:blur(18px) saturate(112%);will-change:transform,opacity;}
#page-main::before{width:42vmax;height:42vmax;left:-13vmax;top:8vh;background:radial-gradient(circle at 35% 35%,rgba(242,212,92,.42),rgba(242,212,92,.16) 28%,rgba(139,196,182,.18) 58%,rgba(244,240,229,0) 72%);animation:bfAmbientFloatA var(--bf-ambient-speed) ease-in-out infinite alternate;}
#page-main::after{width:34vmax;height:34vmax;right:-10vmax;top:54vh;background:radial-gradient(circle at 50% 50%,rgba(240,106,74,.22),rgba(240,106,74,.1) 34%,rgba(24,43,199,.12) 58%,rgba(244,240,229,0) 72%);animation:bfAmbientFloatB calc(var(--bf-ambient-speed) * 1.18) ease-in-out infinite alternate;}
#page-main > *{position:relative;z-index:1;}
html[data-motion-level='0'] #page-main::before,html[data-motion-level='0'] #page-main::after,html[data-motion='reduced'] #page-main::before,html[data-motion='reduced'] #page-main::after{animation:none;opacity:0;}
@keyframes bfAmbientFloatA{0%{transform:translate3d(0,0,0) scale(1) rotate(0deg);}50%{transform:translate3d(calc(var(--bf-ambient-drift)*.4),calc(var(--bf-ambient-drift)*-.6),0) scale(1.06) rotate(6deg);}100%{transform:translate3d(var(--bf-ambient-drift),var(--bf-ambient-drift),0) scale(.98) rotate(-5deg);}}
@keyframes bfAmbientFloatB{0%{transform:translate3d(0,0,0) scale(1);}50%{transform:translate3d(calc(var(--bf-ambient-drift)*-.45),calc(var(--bf-ambient-drift)*.45),0) scale(1.08);}100%{transform:translate3d(calc(var(--bf-ambient-drift)*-.85),calc(var(--bf-ambient-drift)*-.15),0) scale(1.01);}}
@media(prefers-reduced-motion:reduce){#page-main::before,#page-main::after{animation:none!important;opacity:0!important;}}

/* BREAK / FIELD v13 — responsive, file-first share sheet. */
.art-share-dialog{width:min(1190px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:24px;background:#F4F0E5;color:#172B40;border:1px solid #172b4030;border-radius:18px;box-shadow:0 28px 90px #08172555;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;font-family:Arial,Helvetica,sans-serif;}
.art-share-dialog::backdrop{background:#142638ab;backdrop-filter:blur(6px);}
.art-share-dialog *{box-sizing:border-box;}
.art-share-dialog [hidden]{display:none!important;}
.share-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #172b4024;}
.share-head p{margin:0 0 9px;font:700 12px/1.4 ui-monospace,monospace;letter-spacing:.11em;color:#52606A;}
.share-rc-label{display:inline-block;margin-left:10px;padding:3px 7px;border:1px solid #172b4030;border-radius:4px;font-size:10px;letter-spacing:.06em;vertical-align:middle;}
.share-head h2{margin:0;font:900 clamp(27px,2.8vw,35px)/1.06 Arial,sans-serif;letter-spacing:-.035em;}
#share-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #172b4030;border-radius:50%;background:#fffdf6;color:#172B40;font:500 28px/1 Arial,sans-serif;cursor:pointer;}
.share-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:start;margin:0;}
.share-preview-wrap{position:sticky;top:0;align-self:start;min-width:0;margin:0;padding:16px;border:1px solid #172b4018;border-radius:13px;background:linear-gradient(135deg,#e1e7df,#d7dfd5 70%,#e8e0d4);box-shadow:inset 0 1px #ffffff80;}
.share-preview-tabs{display:flex;align-items:center;gap:4px;margin:0 0 14px;}
.share-preview-tabs button{padding:9px 12px;border:1px solid transparent;border-radius:7px;background:transparent;color:#52606A;font:700 12px/1.3 Arial,sans-serif;min-height:38px;cursor:pointer;}
.share-preview-tabs button[aria-pressed=true]{color:#172B40;background:#f9f7ee;border-color:#172b4020;box-shadow:0 2px 5px #172b400a;}
.share-preview-tabs>span{margin-left:auto;font:700 10px/1.4 ui-monospace,monospace;letter-spacing:.04em;color:#52606A;}
.share-media-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-height:calc(100dvh - 340px);min-height:170px;overflow:hidden;border-radius:6px;box-shadow:0 12px 28px #172b401b;background:#dce3d9;}
#share-preview-canvas,#share-file-image,#share-file-video{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;margin:0;object-fit:contain;background:transparent;border-radius:0;box-shadow:none;}
#share-size{margin:13px 0 0;font:600 12px/1.5 ui-monospace,monospace;color:#465260;text-align:center;overflow-wrap:anywhere;}
.share-preview-toggle{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;margin:5px 0 0;font:600 13px/1.4 Arial,sans-serif;cursor:pointer;}
.share-preview-toggle input{width:17px;height:17px;accent-color:#172B40;}
.share-preview-toggle span{font-size:20px;color:#52606A;}
.share-preview-note{max-width:46ch;margin:4px auto 12px;font-size:12px;line-height:1.6;color:#52606A;text-align:center;}
.share-save-current{display:block;width:100%;padding:11px;border:1px solid #172b4026;border-radius:8px;background:#f4f0e5a6;color:#172B40;font:700 13px/1.3 Arial,sans-serif;min-height:43px;cursor:pointer;}
.share-options{min-width:0;}
.share-intro{margin:0 0 19px;color:#465260;font-size:14px;line-height:1.65;}
.share-fine{margin:10px 0 0;color:#52606A;font-size:12px;line-height:1.65;}
.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:0;}
.share-grid-3{grid-template-columns:minmax(0,1.7fr) minmax(62px,.65fr) minmax(62px,.65fr);}
.share-grid label{min-width:0;}
.share-grid label>span,.share-label{display:block;margin-bottom:7px;color:#52606A;font:700 11px/1.4 ui-monospace,monospace;letter-spacing:.045em;text-transform:uppercase;}
.share-grid select,#share-phrase,#share-caption,#share-manual-copy{width:100%;min-height:44px;padding:11px 10px;border:1px solid #172b4030;border-radius:7px;background:#fffdf7;color:#172B40;font-size:13px;line-height:1.35;}
.share-grid select{padding-right:22px;}
.share-language,.share-motion-box,.share-compose{margin-top:21px;padding-top:20px;border-top:1px solid #172b4022;}
.share-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px;}
.share-kicker{font:700 11px/1.4 ui-monospace,monospace;letter-spacing:.075em;color:#52606A;}
.share-section-head h3{margin:5px 0 0;font:800 17px/1.25 Arial,sans-serif;letter-spacing:-.015em;color:#172B40;}
#share-new-phrase{flex:none;border:1px solid #172b4030;border-radius:20px;background:transparent;color:#172B40;padding:10px 11px;min-height:41px;font:700 12px/1 Arial,sans-serif;cursor:pointer;}
#share-phrase{font:800 19px/1.35 Arial,sans-serif;letter-spacing:.025em;text-transform:uppercase;padding:12px;}
.share-phrase-sub{margin:9px 0 0;color:#9C402B;font:700 11px/1.5 ui-monospace,monospace;letter-spacing:.05em;}
.share-loop-mark{font-size:31px;line-height:1;color:#52606A;}
.share-strength{display:flex;align-items:center;gap:12px;margin:16px 0;font:600 12px/1.4 Arial,sans-serif;}
.share-strength>span{flex:none;}
#share-strength{width:auto;min-width:40px;flex:1;accent-color:#172B40;height:24px;cursor:pointer;}
#share-strength-value{width:38px;text-align:right;font:700 12px/1.3 ui-monospace,monospace;}
.share-export-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0;}
.share-export-row button{min-width:0;min-height:46px;padding:12px 8px;border:1px solid #172B40;border-radius:8px;background:#172B40;color:#fffdf7;font:800 13px/1.3 Arial,sans-serif;cursor:pointer;}
.share-export-row button:hover:not(:disabled){background:#294761;}
.share-export-detail{display:flex;justify-content:space-between;gap:5px;margin-top:8px;font:600 10px/1.45 ui-monospace,monospace;color:#52606A;}
#share-export-progress{width:100%;height:7px;margin-top:17px;accent-color:#172B40;}
#share-cancel-export{display:block;width:100%;margin-top:8px;padding:11px;border:1px solid #172b4030;background:#fffdf7;border-radius:7px;color:#172B40;font:700 13px/1.3 Arial,sans-serif;cursor:pointer;}
#share-native{width:100%;margin-top:12px;padding:12px;border:1px solid #172b4030;border-radius:8px;background:#F2D45C;color:#172B40;font:700 14px/1.3 Arial,sans-serif;cursor:pointer;}
#share-caption{min-height:123px;resize:vertical;font:400 13px/1.65 Arial,sans-serif;}
.share-copy-row{display:flex;gap:9px;margin:10px 0 15px;}
.share-copy-row button{flex:1;min-height:43px;padding:10px;border:1px solid #172b4030;border-radius:7px;background:#fffdf7;color:#172B40;font:700 12px/1.35 Arial,sans-serif;cursor:pointer;}
.share-networks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;}
.share-networks button{min-width:0;min-height:40px;padding:10px 7px;border:1px solid #172b4020;border-radius:7px;background:#edece2;color:#172B40;font:600 12px/1.3 Arial,sans-serif;cursor:pointer;transition:background .15s ease;}
.share-networks button:hover,.share-copy-row button:hover,.share-save-current:hover,#share-new-phrase:hover{background:#E4E9DF;transform:none;box-shadow:none;}
.share-status{margin:15px 0 0;padding:12px 13px;border-left:3px solid #437363;border-radius:0 7px 7px 0;background:#e8ecdf;color:#273e43;font-size:13px;line-height:1.6;min-height:45px;}
.share-copy-buffer{position:fixed;left:-9999px;top:0;width:2px;height:2px;opacity:0;}
.art-share-dialog button:disabled{opacity:.45;cursor:default;}
.art-share-dialog :is(button,select,textarea,input):focus-visible{outline:3px solid #315BA4;outline-offset:3px;}
@media(max-width:930px){.share-layout{grid-template-columns:1fr;gap:22px;}.share-preview-wrap{position:static;width:100%;max-width:570px;margin-inline:auto;}.share-media-stage{max-height:47dvh;}.share-options{max-width:650px;width:100%;margin-inline:auto;}}
@media(max-width:600px){.art-share-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:16px;border-radius:12px;scrollbar-gutter:auto;}.share-head{padding-bottom:16px;margin-bottom:16px;gap:10px;}.share-head h2{font-size:27px;}.share-head p{font-size:10px;}.share-layout{margin:0;gap:20px;}.share-preview-wrap{padding:12px;}.share-media-stage{max-height:40dvh;}.share-preview-tabs>span{font-size:9px;}.share-grid-3{grid-template-columns:1.7fr .65fr .65fr;gap:7px;}.share-grid select{font-size:12px;padding:11px 6px;}.share-intro{font-size:14px;}.share-section-head h3{font-size:16px;}#share-phrase{font-size:18px;}#share-caption{font-size:16px;}.share-strength{gap:8px;}.share-networks{grid-template-columns:repeat(3,minmax(0,1fr));}.share-networks button{font-size:11px;}.share-copy-row button{font-size:11px;}.share-export-detail{font-size:9px;}.share-section-head{gap:7px;}#share-new-phrase{font-size:11px;padding:9px;}}
@media(max-width:360px){.share-grid:not(.share-grid-3){grid-template-columns:1fr;}.share-grid-3{grid-template-columns:1fr 1fr;}.share-grid-3 label:first-child{grid-column:1/-1;}.share-preview-tabs>span{display:none;}.share-strength>span{font-size:11px;}.share-section-head h3{font-size:15px;}}
@media(prefers-reduced-motion:reduce){.art-share-dialog *{scroll-behavior:auto!important;transition:none!important;}}

html.share-open #page-main::before,html.share-open #page-main::after{animation-play-state:paused;}

/* v13 — file-first delivery. Rendering remains independent from app handoff. */
.share-mode-tabs{display:flex;gap:6px;width:fit-content;max-width:100%;padding:5px;margin:0 0 24px;background:#e5e8dd;border:1px solid #172b401c;border-radius:11px;}
.share-mode-tabs button{min-height:44px;padding:11px 19px;border:1px solid transparent;border-radius:7px;background:transparent;color:#52606a;font:700 14px/1.3 Arial,sans-serif;cursor:pointer;}
.share-mode-tabs button[aria-selected=true]{background:#172b40;color:#fffdf7;box-shadow:0 2px 5px #172b4020;}
.share-delivery-box{padding:0 0 8px;}
.share-delivery-box .share-section-head{margin-bottom:16px;align-items:center;}
.share-delivery-box h3{font-size:24px;letter-spacing:-.035em;}
.share-ready-badge{flex:none;display:inline-flex;padding:5px 9px;background:#e8e8de;border:1px solid #172b4020;border-radius:20px;color:#52606a;font:700 11px/1.4 ui-monospace,monospace;}
.share-ready-badge[data-ready=true]{background:#dfebe0;border-color:#38665130;color:#2c614c;}
.share-kind-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:16px;}
.share-kind-picker button{min-width:0;min-height:90px;padding:13px 8px;display:grid;grid-template-columns:auto auto;justify-content:center;align-content:center;gap:4px 8px;background:#fffdf7;border:1px solid #172b4030;border-radius:10px;color:#172b40;cursor:pointer;}
.share-kind-picker button>span{grid-row:1/3;align-self:center;font:500 29px/1 Arial,sans-serif;}
.share-kind-picker strong{font:800 15px/1.3 Arial,sans-serif;text-align:left;}
.share-kind-picker small{font:700 11px/1.3 ui-monospace,monospace;text-align:left;color:#52606a;}
.share-kind-picker button[aria-pressed=true]{border:2px solid #172b40;background:#e7ece5;padding:12px 7px;box-shadow:0 3px 9px #172b400a;}
.art-share-dialog #share-native{margin:0;min-height:54px;border:1px solid #172b40;background:#172b40;color:#fffdf7;font:800 16px/1.3 Arial,sans-serif;border-radius:9px;letter-spacing:-.01em;}
.art-share-dialog #share-native[data-action=share-file]{background:#f3d45a;color:#172b40;border-color:#bea741;}
.art-share-dialog #share-native:hover:not(:disabled){filter:brightness(1.06);transform:none;}
.share-file-actions{display:flex;gap:9px;margin:9px 0 0;}
.share-file-actions button,.share-site-actions button,.share-target-actions button{flex:1;min-width:0;min-height:44px;padding:11px 10px;border:1px solid #172b4030;border-radius:8px;background:#fffdf7;color:#172b40;font:700 13px/1.4 Arial,sans-serif;cursor:pointer;}
.share-file-actions button:hover:not(:disabled),.share-site-actions button:hover:not(:disabled),.share-target-actions button:hover:not(:disabled){background:#e4e9df;}
.share-file-actions:has(>button[hidden]):not(:has(>button:not([hidden]))){display:none;}
.share-disclosure{margin-top:13px;border:1px solid #172b4022;border-radius:9px;background:#fffdf72b;}
.share-disclosure>summary{list-style:none;display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:49px;padding:13px 14px;cursor:pointer;font:700 14px/1.4 Arial,sans-serif;color:#172b40;}
.share-disclosure>summary::-webkit-details-marker{display:none;}
.share-disclosure>summary::before{content:'+';font:400 21px/1 Arial,sans-serif;width:12px;flex:none;}
.share-disclosure[open]>summary::before{content:'−';}
.share-disclosure>summary>span{margin-left:auto;font:500 11px/1.4 ui-monospace,monospace;color:#52606a;text-align:right;}
.share-disclosure-body{padding:4px 14px 15px;}
.share-disclosure .share-language{margin-top:14px;padding-top:14px;}
.share-disclosure .share-copy-row{margin:12px 0 0;}
.share-disclosure .share-section-head>.share-label{margin:0;}
.share-disclosure .share-strength{margin-bottom:5px;}
.share-caption-toggle{display:flex;align-items:center;gap:9px;margin-top:12px;font:600 13px/1.5 Arial,sans-serif;min-height:40px;cursor:pointer;}
.share-caption-toggle input{width:18px;height:18px;accent-color:#172b40;flex:none;}
.share-text-button{border:0;border-bottom:1px solid #172b4050;padding:8px 0 5px;margin:13px 0 0;background:transparent;color:#172b40;font:600 13px/1.3 Arial,sans-serif;cursor:pointer;}
.share-target-panel{margin:13px 0 0;padding:14px;border:1px solid #172b4022;border-radius:8px;background:#e7ece3;}
.share-target-panel h4{margin:0;font:800 16px/1.4 Arial,sans-serif;color:#172b40;}
.share-target-panel p{font:400 13px/1.65 Arial,sans-serif;margin:8px 0 12px;color:#465260;}
.share-target-actions{display:flex;flex-wrap:wrap;gap:7px;}
.share-target-actions button{flex:1 1 140px;font-size:12px;}
.share-target-actions button:last-child{flex-basis:100%;background:#172b40;color:#fffdf7;}
.share-networks button{min-height:44px;}
.share-networks button[aria-pressed=true]{border-color:#172b40;background:#dce5db;}
#share-mastodon-wrap{display:block;font:700 12px/1.5 Arial,sans-serif;margin:9px 0 14px;}
#share-mastodon-server,#share-site-url{display:block;width:100%;min-height:44px;padding:11px 10px;border:1px solid #172b4030;border-radius:7px;background:#fffdf7;color:#172b40;font:400 14px/1.5 ui-monospace,monospace;}
.share-site-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:start;}
.share-site-preview{min-width:0;margin:0;padding:16px;border-radius:13px;border:1px solid #172b4018;background:linear-gradient(135deg,#e1e7df,#d7dfd5);}
.share-site-card{overflow:hidden;border:1px solid #172b4028;border-radius:9px;background:#fffdf7;box-shadow:0 9px 20px #172b4014;}
.share-site-card>img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-bottom:1px solid #172b4020;}
.share-site-card-copy{padding:17px 19px;}
.share-site-card-copy>span{display:block;overflow-wrap:anywhere;font:400 11px/1.5 ui-monospace,monospace;color:#52606a;margin-bottom:8px;}
.share-site-card-copy>strong{font:800 19px/1.4 Arial,sans-serif;color:#172b40;}
.share-site-card-copy>p{font:400 13px/1.65 Arial,sans-serif;color:#465260;margin:7px 0 0;}
.share-site-preview>figcaption{font:400 12px/1.6 Arial,sans-serif;color:#52606a;margin:14px 4px 0;}
.share-site-options{min-width:0;}
.share-site-options>h3{font:800 26px/1.15 Arial,sans-serif;color:#172b40;letter-spacing:-.035em;margin:9px 0 13px;}
.share-site-options>p{font:400 14px/1.7 Arial,sans-serif;color:#465260;}
.share-site-actions{display:flex;gap:9px;margin:10px 0 20px;}
.share-site-actions #share-site-native{background:#172b40;color:#fffdf7;}
.share-status{position:sticky;bottom:0;z-index:3;margin:20px 0 0;box-shadow:0 -5px 14px #f4f0e599;}
.art-share-dialog summary:focus-visible{outline:3px solid #315ba4;outline-offset:2px;border-radius:8px;}
@media(max-width:930px){.share-site-layout{grid-template-columns:1fr;}.share-site-preview{max-width:620px;width:100%;margin-inline:auto;}.share-site-options{max-width:650px;width:100%;margin-inline:auto;}.share-preview-wrap{max-width:500px;}.share-media-stage{max-height:36dvh;}.share-mode-tabs{margin-bottom:18px;}}
@media(max-width:600px){.share-mode-tabs{width:100%;}.share-mode-tabs button{flex:1;padding-inline:9px;font-size:13px;}.share-head h2{font-size:26px;}.share-kind-picker button{min-height:81px;}.share-ready-badge{font-size:10px;padding:5px 7px;}.share-delivery-box h3{font-size:22px;}.share-kind-picker{gap:7px;}.share-kind-picker strong{font-size:14px;}.share-disclosure>summary>span{font-size:10px;}.share-disclosure>summary{padding-inline:11px;gap:9px;}.share-disclosure-body{padding-inline:11px;}.share-site-card-copy>strong{font-size:18px;}.share-site-card-copy{padding:14px;}.share-site-preview{padding:12px;}#share-mastodon-server,#share-site-url,#share-phrase,.share-grid select{font-size:16px;}.share-grid-3{grid-template-columns:minmax(0,1fr) minmax(62px,.6fr);}.share-grid-3>label:first-child{grid-column:1/-1;}.share-status{font-size:12px;}.share-preview-toggle{font-size:12px;}.share-media-stage{max-height:31dvh;}.share-preview-note{margin-bottom:0;}.share-mode-tabs button{white-space:normal;}}
@media(max-width:365px){.share-delivery-box .share-section-head{flex-wrap:wrap;gap:7px;}.share-kind-picker button>span{font-size:24px;}.share-kind-picker strong{font-size:13px;}.share-disclosure>summary>span{display:none;}.share-file-actions{flex-wrap:wrap;}.share-file-actions button{flex-basis:100%;}}

/* File preview is a compact confirmation, not a second animation control panel. */
.art-share-dialog[data-preview-mode="file"] .share-preview-toggle{display:none;}
.art-share-dialog[data-preview-mode="file"] .share-preview-note{margin-top:7px;margin-bottom:0;}
@media(max-width:600px){
  .art-share-dialog[data-preview-mode="file"] .share-media-stage{min-height:130px;max-height:min(20dvh,180px);}
  .art-share-dialog[data-preview-mode="file"] .share-preview-tabs{margin-bottom:10px;}
  .art-share-dialog[data-preview-mode="file"] #share-size{margin-top:9px;}
  .share-kind-picker button{min-height:70px;}
}

/* 13.1 — five immediate destinations, quiet local SVG icons and real text paragraphs. */
.share-platforms{grid-column:1/-1;min-width:0;padding:0 0 12px;border-bottom:1px solid #172b4022;}
.share-primary-networks{grid-template-columns:repeat(5,minmax(0,1fr));max-width:780px;gap:10px;}
.share-primary-networks button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:56px;padding:11px 9px;background:#fffdf7;font-size:13px;font-weight:700;}
.share-social-icon{display:block;flex:none;width:22px;height:22px;color:inherit;}
.share-networks button>span{display:block;min-width:0;white-space:nowrap;}
.share-extra-networks{grid-template-columns:repeat(4,minmax(0,1fr));max-width:780px;gap:9px;padding:5px 0 2px;}
.share-extra-networks button{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:48px;padding:10px 13px;}
.share-extra-networks .share-social-icon{width:20px;height:20px;}
.share-more-apps{margin-top:5px;}
.share-more-apps>summary{display:flex;align-items:center;gap:12px;list-style:none;width:fit-content;min-height:40px;padding:6px 1px;cursor:pointer;font:600 12px/1.4 Arial,sans-serif;color:#52606a;}
.share-more-apps>summary::-webkit-details-marker{display:none;}
.share-more-apps>summary>span{font-size:17px;line-height:1;}
.share-more-apps[open]>summary>span{transform:rotate(45deg);}
.share-primary-networks button[aria-pressed=true]{box-shadow:inset 0 -3px 0 #172b40;}
.share-primary-networks button:hover:not(:disabled),.share-extra-networks button:hover:not(:disabled){border-color:#172b4070;background:#e4e9df;}
.share-target-panel{margin:0 0 17px;}
#share-target-title:focus{outline:none;}
#share-caption,#share-site-caption{display:block;width:100%;min-height:230px;padding:14px;border:1px solid #172b4030;border-radius:8px;resize:vertical;background:#fffdf7;color:#172b40;font:400 15px/1.6 Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;}
.share-site-options .share-copy-row{margin-bottom:10px;}
@media(max-width:930px){.share-layout,.share-site-layout{row-gap:16px;}.share-primary-networks{max-width:none;}}
@media(max-width:600px){
  .share-platforms{padding-bottom:5px;}
  .share-primary-networks{gap:6px;}
  .share-primary-networks button{flex-direction:column;gap:7px;min-height:65px;padding:9px 3px;font-size:11.5px;}
  .share-extra-networks{grid-template-columns:repeat(2,minmax(0,1fr));}
  .share-extra-networks button{font-size:12px;}
  .share-more-apps>summary{min-height:36px;}
  .share-layout,.share-site-layout{row-gap:12px;}
  .share-head{padding-bottom:12px;margin-bottom:12px;}
  .share-mode-tabs{margin-bottom:14px;}
  .art-share-dialog[data-preview-mode="file"] .share-media-stage{min-height:100px;max-height:120px;}
  .art-share-dialog[data-preview-mode="file"] .share-preview-wrap{padding:10px;}
  .art-share-dialog[data-preview-mode="file"] .share-preview-tabs{margin-bottom:6px;}
  .art-share-dialog[data-preview-mode="file"] .share-preview-note{display:none;}
  #share-caption,#share-site-caption{font-size:16px;line-height:1.55;min-height:250px;}
}
@media(max-width:360px){.share-primary-networks{gap:4px;}.share-primary-networks button{font-size:10.5px;padding-inline:1px;}.share-social-icon{width:21px;height:21px;}}
@media(forced-colors:active){.share-networks button[aria-pressed=true]{outline:2px solid Highlight;}.share-social-icon{forced-color-adjust:auto;}}

/* Release shell. Kept separate from the canvas/atelier visual system. */
:root { --release-ink: #192d42; --release-muted: #53606a; --release-rule: rgba(25,45,66,.17); }
.release-footer { box-sizing:border-box; width:min(1440px, calc(100% - clamp(32px,8vw,128px))); margin:72px auto 0; padding:28px 0 26px; border-top:1px solid var(--release-rule); color:var(--release-ink); font-family:Arial,Helvetica,sans-serif; }
.release-footer a { color:inherit; text-decoration:none; }
.release-footer-top { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.release-footer-identity { max-width:620px; }
.release-footer-brand { display:inline-block; font-size:20px; letter-spacing:-.6px; font-weight:800; line-height:1.2; }
.release-footer-brand em { font-style:normal; color:#f14a31; }
.release-footer-identity p { margin:10px 0 0; font-size:14px; line-height:1.6; color:var(--release-muted); }
.release-studio { display:inline-flex; align-items:center; justify-content:flex-end; gap:11px; min-height:48px; flex-shrink:0; border-radius:10px; padding:6px 2px 6px 6px; }
.release-logo-wrap { width:36px; height:36px; display:flex; align-items:center; justify-content:center; }
.release-logo-wrap img { width:36px; height:36px; max-width:36px; max-height:36px; object-fit:contain; display:block; }
.release-logo-wrap:has(img[hidden]) { display:none; }
.release-studio > span:nth-child(2) { font-size:14px; line-height:1.25; font-weight:700; letter-spacing:-.1px; }
.release-studio small { display:block; margin-top:4px; color:var(--release-muted); font-size:12px; font-weight:400; letter-spacing:.15px; }
.release-studio > span:last-child { font-size:16px; opacity:.7; }
.release-studio:hover { background:rgba(25,45,66,.035); }
.release-footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:22px; padding-top:24px; margin-top:20px; border-top:1px solid var(--release-rule); font-size:13px; color:var(--release-muted); }
.release-footer nav { display:flex; align-items:center; flex-wrap:wrap; gap:4px 22px; }
.release-footer nav a { display:inline-flex; align-items:center; min-height:36px; }
.release-footer nav a:hover { text-decoration:underline; text-underline-offset:4px; }
.release-footer-bottom > span { white-space:nowrap; }
.release-footer a:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
/* Fit long legal terms and avoid appending full-width blocks beside the article. */
.document-layout, .document-grid { min-width:0; }
.legal-section { overflow-wrap:anywhere; }
.signal-card[hidden], .editorial-tab-content[hidden] { display:none!important; }
.editorial-tab-content { margin:0; }
.editorial-tab-content > .tag { display:inline-block; }
.no-script-note { padding:14px 18px; margin:18px 0; border:1px solid var(--release-rule); border-radius:12px; font-size:15px; line-height:1.6; }
.story-content .editorial-tab-content .source-link { display:inline-flex; min-height:40px; align-items:center; }
/**** Avoid text being printed on top of animated/interactive content. ****/
@media (max-width:700px) {
 .release-footer { margin-top:48px; padding-top:23px; }
 .release-footer-top { align-items:flex-start; flex-direction:column; gap:20px; }
 .release-footer-identity p { max-width:48ch; }
 .release-studio { padding-left:0; }
 .release-footer-bottom { align-items:flex-start; flex-direction:column; gap:16px; padding-top:18px; margin-top:16px; }
 .release-footer nav { gap:4px 19px; }
 .release-footer nav a { min-height:40px; font-size:14px; }
}
@media (prefers-reduced-motion:reduce) { .release-footer * { animation:none!important; transition:none!important; } }
@media print { .release-footer { width:100%; margin:22px 0 0; } .release-studio { display:none; } .release-footer-bottom { display:block; } .release-footer nav { margin-bottom:8px; } }
.artist-copy .artist-source { display:table; margin:8px 0; line-height:1.65; }
.consent-bottom p a, .spotify-consent a { white-space:nowrap; }
.consent-bottom p { font-size:14px; line-height:1.5; }
.legal-content > .document-article { min-width:0; }
.editorial-tab-content + .editorial-tab-content { margin-top:28px; }
.editorial-tab-content[hidden] + .editorial-tab-content { margin-top:0; }
.js-ready .editorial-tab-content { margin-top:0; }
/* A missing URL still offers the same destinations, without a technical error dump. */
.notfound-main .document-end { display:flex; flex-wrap:wrap; gap:14px; margin:24px 0; }
.notfound-main .document-end a { display:inline-flex; align-items:center; padding:12px 16px; border:1px solid currentColor; border-radius:8px; }
.notfound-main .document-intro { font-size:17px; line-height:1.6; }
.release-footer .release-studio small { font-size:13px; }
/* Entry-page language buttons must not leak into legal/footer navigation. */
.release-footer nav { margin:0; padding:0; }
.release-footer nav a { background:transparent; padding:0; border:0; border-radius:0; gap:0; color:inherit; }
.release-footer nav a:hover { background:transparent; }