:root{--bg:#111214;--ink:#f2f0e9;--muted:#aaa99f;--accent:#e8e1cf;--rule:color-mix(in srgb,var(--ink) 18%,transparent);font-family:Manrope,Arial,sans-serif;color-scheme:dark;font-size:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{background:var(--bg);color:var(--ink);margin:0;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}img{display:block;max-width:100%}a,button,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{color:var(--bg);background:var(--accent)}.skip{position:absolute;top:-6rem;left:1rem;z-index:50;background:var(--ink);color:var(--bg);padding:1rem}.skip:focus{top:1rem}.shell{width:min(1380px,calc(100% - 7rem));margin-inline:auto}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);position:relative;z-index:5;gap:2rem}.brand{font-size:1rem;text-transform:uppercase;letter-spacing:.18em;font-weight:600;display:flex;align-items:center;gap:.85rem}.brandmark{font-family:'Bodoni Moda',Georgia,serif;font-size:2rem;font-style:italic;font-weight:400;letter-spacing:-.15em;line-height:1}.nav{display:flex;gap:2.4rem;font-size:.8125rem}.nav a{padding:.8rem 0;position:relative}.nav a:after{content:'';position:absolute;bottom:.4rem;left:0;height:1px;width:0;background:currentColor;transition:width .3s}.nav a:hover:after{width:100%}.eyebrow,.folio{font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;font-weight:500}.eyebrow{color:var(--muted)}.folio{color:var(--muted);display:flex;justify-content:space-between;gap:2rem;align-items:baseline}.folio .index{font-family:'Bodoni Moda',Georgia,serif;font-style:italic;font-size:1.6rem;letter-spacing:0;color:var(--ink)}.hero{position:relative;isolation:isolate;margin:0;min-height:640px}.hero h1{font-weight:400;margin:0;line-height:.95;letter-spacing:-.045em;overflow-wrap:anywhere}.hero .intro{font-size:1.1rem;line-height:1.55;max-width:27rem}.metadata{display:flex;gap:1.4rem;flex-wrap:wrap;font-size:.8125rem;color:var(--muted)}.actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.8rem}.button{min-height:3rem;display:inline-flex;gap:.65rem;align-items:center;justify-content:center;padding:.85rem 1.5rem;border:1px solid var(--rule);border-radius:0;background:transparent;color:var(--ink);font-size:.8125rem;line-height:1.3;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--ink) 8%,transparent)}.button.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.button.text{border:0;padding-inline:0;text-decoration:underline;text-underline-offset:.5rem}.playicon{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid currentColor;flex-shrink:0}.artwork{margin:0;position:relative}.artwork img{width:100%;aspect-ratio:1;object-fit:contain}.artwork figcaption{display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:1rem;flex-wrap:wrap}.art-shell{position:relative}.art-shell img{box-shadow:0 26px 70px #0004;transition:transform .7s cubic-bezier(.2,.65,.2,1)}.art-shell:hover img{transform:translateY(-4px)}.hero-note{font-size:.8125rem;max-width:20rem;color:var(--muted)}.hero-note .eyebrow{margin-bottom:1rem}.date-line{font-size:.75rem;color:var(--muted)}.chapter{border-top:1px solid var(--rule);padding:5rem 0}.chapterhead{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;margin-bottom:2rem}.chapterhead h2{font-family:'Bodoni Moda',Georgia,serif;font-size:3rem;font-weight:400;line-height:1.1;letter-spacing:-.04em;margin:0}.chapter-count{font-size:.8125rem;color:var(--muted)}.listening{display:grid;grid-template-columns:1fr 1.16fr;gap:6rem;align-items:start}.listening-copy{max-width:29rem}.listening-copy h2{font-family:'Bodoni Moda',Georgia,serif;font-weight:400;font-size:3.5rem;line-height:1.05;letter-spacing:-.035em;margin:1.4rem 0}.listening-copy p{color:var(--muted);font-size:1rem;line-height:1.75}.listening-copy .eyebrow{font-size:.75rem}.motifs{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:2rem}.motifs span{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid var(--rule);padding-bottom:.5rem}.spotify-frame{border:0;width:100%;height:352px;border-radius:10px;background:#121212}.embed-note{font-size:.8125rem;color:var(--muted);margin-top:1rem}.embed-note a{text-decoration:underline;text-underline-offset:3px}.track-instruction{font-size:.875rem;color:var(--muted);margin-bottom:2rem;max-width:40rem}.trackhead,.trackrow{display:grid;grid-template-columns:4rem 1fr 6rem 3rem;align-items:center}.trackhead{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-bottom:1rem}.trackrow{min-height:76px;padding:.6rem 0;border-top:1px solid var(--rule);transition:background .2s}.trackrow:hover,.trackrow.is-playing{background:color-mix(in srgb,var(--accent) 5%,transparent)}.tracknum{font-size:.875rem;font-variant-numeric:tabular-nums;color:var(--muted)}.trackname{font-size:1.125rem;font-weight:400;display:flex;align-items:center;gap:.75rem;padding-right:1rem;line-height:1.5}.trackname a:hover{text-decoration:underline;text-underline-offset:.4rem}.tracktime{font-size:.875rem;font-variant-numeric:tabular-nums;color:var(--muted)}.explicit{font-size:.75rem;border:1px solid var(--rule);padding:0 .25rem}.track-play-btn{background:transparent;border:1px solid var(--rule);color:var(--ink);width:42px;height:42px;border-radius:50%;display:grid;place-content:center}.track-play-btn:hover,.is-playing .track-play-btn{color:var(--bg);background:var(--accent);border-color:var(--accent)}.track-play-icon{width:0;height:0;display:block;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid currentColor}.is-playing .track-play-icon{width:9px;height:11px;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor}.continue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.album-card{display:block}.image-wrap{overflow:hidden;position:relative}.album-card img{width:100%;aspect-ratio:1;object-fit:contain;transition:transform .65s cubic-bezier(.2,.65,.2,1)}.album-card:hover img{transform:scale(1.025)}.album-card .cardmeta{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:1.4rem}.album-card h3{font-size:1.25rem;font-weight:500;letter-spacing:-.025em;margin:0}.album-card small,.album-card .cardsub{font-size:.8125rem;color:var(--muted)}.album-card .cardsub{margin-top:.3rem}.footer{border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:2rem;align-items:center;padding:2rem 0 calc(2rem + env(safe-area-inset-bottom));font-size:.75rem;color:var(--muted)}.footerlinks{display:flex;gap:1.5rem}.footer a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.player-dock{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:center;background:var(--bg);border-top:1px solid var(--accent);box-shadow:0 -10px 40px #0003;padding:1rem max(2rem,calc((100vw - 1380px)/2)) calc(1rem + env(safe-area-inset-bottom))}.player-dock[hidden]{display:none}.has-player{padding-bottom:120px}.playing-info{display:flex;gap:.9rem;align-items:center;min-width:0}.playing-info>div{min-width:0}.playing-info img{width:46px;height:46px;object-fit:cover}.playing-info strong{display:block;font-size:.875rem;font-weight:500;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playing-info small{font-size:.75rem;color:var(--muted)}.player-controls{display:flex;gap:.7rem;align-items:center}.player-controls button,.player-close{width:38px;height:38px;background:transparent;border:1px solid var(--rule);color:var(--ink);font-size:1.125rem;display:grid;place-content:center}.player-controls .mainplay{background:var(--accent);color:var(--bg);border-color:var(--accent);border-radius:50%;width:44px;height:44px}.player-seek{display:flex;align-items:center;justify-content:flex-end;gap:.8rem}.player-seek input{width:140px;max-width:24vw;accent-color:var(--accent)}.player-status{font-size:.75rem;min-width:2.5rem;color:var(--muted)}.preview-feedback{display:block;color:var(--accent);font-size:.75rem}.reveal{transition:opacity .65s,translate .65s}.will-reveal{opacity:0;translate:0 18px}.is-revealed{opacity:1;translate:0 0}
/* HONEY MONEY — printed sleeve, pine ink, an open double spread. */
.currency{color-scheme:light}.currency .hero{padding:2.4rem 0 4rem}.currency .folio{border-bottom:1px solid var(--rule);padding-bottom:1.2rem}.bill-layout{display:grid;grid-template-columns:.8fr 1fr .48fr;gap:2rem;align-items:center;padding-top:3rem}.bill-title h1{font-family:'Bodoni Moda',Georgia,serif;font-size:clamp(5.5rem,8.4vw,9.1rem);line-height:.83}.bill-title h1 span{display:block}.bill-title h1 span+span{font-style:italic;margin-top:1rem}.bill-title .intro{margin-top:2.5rem}.currency .artwork{border:1px solid var(--ink);padding:.8rem}.currency .art-shell{border:4px double var(--ink);padding:.6rem}.currency .art-shell img{box-shadow:none}.bill-detail{border-left:1px solid var(--rule);padding-left:1.6rem}.bill-detail .amount{font-family:'Bodoni Moda',Georgia,serif;font-size:4.5rem;line-height:1;font-weight:400}.bill-detail .eyebrow{margin-top:.7rem}.bill-detail .metadata{display:block;border-top:1px solid var(--rule);margin-top:2rem;padding-top:1rem}.bill-detail .metadata span{display:block;margin-top:.5rem}.currency .chapter{border-top:4px double var(--rule)}.currency .tracknum{font-family:'Bodoni Moda',Georgia,serif;font-style:italic;font-size:1.3rem}.currency .button.primary{color:var(--bg)}
/* ENTROPIA — interrupted type and a precise off-centre composition. */
.fracture .hero{padding:2.5rem 0 4.8rem;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;column-gap:4rem}.fracture .folio{grid-column:1/-1}.fracture h1{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(5rem,9.4vw,10rem);font-weight:500;letter-spacing:-.085em;line-height:.89;padding-top:4rem;position:relative;z-index:2}.fracture h1 span{display:block}.fracture h1 span+span{margin-left:.8em}.fracture .artwork{grid-column:2;grid-row:2/4;width:min(100%,530px);margin-top:3rem;justify-self:end;border:1px solid #e74d5d4d;padding:.8rem}.fracture .hero-bottom{max-width:28rem;align-self:end;margin-top:2.5rem}.fracture .hero-bottom .intro{border-left:1px solid var(--accent);padding-left:1.2rem}.fracture .metadata{margin-top:1.8rem}.fracture .listening-copy h2{font-family:'Space Grotesk';font-size:3rem;line-height:1.12}.fracture .chapterhead h2{font-family:'Space Grotesk';font-size:2.5rem}.fracture .tracknum{color:var(--accent)}
/* SEROTONIN — a luminous portrait in a restrained laboratory window. */
.laboratory .hero{padding:2.5rem 0 4.5rem}.serotonin-title{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-top:2.8rem}.laboratory h1{font-family:'Space Grotesk',Arial,sans-serif;text-transform:uppercase;font-size:clamp(4rem,9.2vw,9.7rem);font-weight:400;letter-spacing:-.065em}.lab-layout{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:3rem;align-items:center;margin-top:3rem}.laboratory .artwork{position:relative;padding:1rem;border:1px solid #9dd9ea4d;background:linear-gradient(125deg,#b8b0fe0e,#81dcc706)}.laboratory .artwork:before{content:'';position:absolute;inset:-10px 10px;border-top:1px solid #a8acff40;border-bottom:1px solid #a8acff40;pointer-events:none}.laboratory .art-shell img{box-shadow:0 15px 80px #9689e62b}.lab-layout .intro{font-family:'Bodoni Moda',Georgia,serif;font-size:2.3rem;line-height:1.25}.lab-layout .hero-note{border-top:1px solid var(--rule);padding-top:1.2rem;align-self:end;margin-bottom:3rem}.laboratory .listening-copy h2{font-family:'Space Grotesk';font-size:2.6rem;line-height:1.2}.laboratory .tracknum{color:#b8cafa}.laboratory .chapterhead h2{font-family:'Space Grotesk';font-size:2.5rem}
/* VANITAS — gallery placement, large Roman letterforms, a copper edge. */
.museum .hero{padding:2.5rem 0 4.7rem}.museum .gallery-title{display:flex;justify-content:space-between;align-items:end;margin:2rem 0 2.5rem;gap:2rem}.museum h1{font-family:'Bodoni Moda',Georgia,serif;font-size:clamp(6rem,14.8vw,15rem);text-transform:uppercase;letter-spacing:-.05em;line-height:.82}.gallery-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:6.5rem;align-items:center}.museum .artwork{width:min(100%,510px);justify-self:end;outline:1px solid #bc966f66;outline-offset:12px;padding:9px;border:1px solid #bc966f33}.museum .artwork figcaption{margin-top:1rem}.gallery-copy{max-width:24rem;border-top:1px solid var(--rule);padding-top:1.5rem}.gallery-copy .intro{font-family:'Bodoni Moda',Georgia,serif;font-size:2.7rem;line-height:1.15;color:var(--ink);margin:0 0 2rem}.gallery-copy .description{font-size:.9375rem;color:var(--muted);line-height:1.8}.gallery-copy .metadata{border-top:1px solid var(--rule);padding-top:1.2rem;margin-top:2rem}.museum .button.primary{background:transparent;border-color:#bb986eaa;color:var(--accent)}.museum .listening{padding-top:5.5rem}.museum .tracknum{font-family:'Bodoni Moda';font-style:italic;font-size:1.3rem}
/* DARK RAVE — monochrome typographic event poster. */
.poster .hero{padding:2rem 0 4rem}.rave-layout{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:3rem;margin-top:2.5rem}.poster h1{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-weight:800;font-size:clamp(9rem,22vw,24rem);letter-spacing:-.05em;line-height:.74}.poster h1 span{display:block}.poster h1 span+span{margin-top:.1em}.rave-side{padding-bottom:.8rem}.rave-side .artwork{max-width:370px;width:100%;margin-bottom:2rem;padding:.7rem;border:1px solid #ffffff40}.rave-side .intro{font-size:1.1rem;margin-bottom:1.5rem}.ticker{overflow:hidden;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:1rem 0;margin-top:3rem;white-space:nowrap;font-family:'Space Grotesk';font-size:.8125rem;letter-spacing:.22em;word-spacing:1.2rem}.ticker span{display:inline-block;animation:ticker 35s linear infinite}@keyframes ticker{to{transform:translateX(-33.333%)}}.poster .button{border-radius:0;text-transform:uppercase}.poster .chapterhead h2,.poster .listening-copy h2{font-family:'Barlow Condensed';text-transform:uppercase;font-size:4rem;line-height:.95;letter-spacing:-.02em}.poster .trackrow{border-top:1px solid #ffffff26}.poster .trackname{font-family:'Space Grotesk';font-size:1.125rem}.poster .motifs span{color:var(--ink)}
/* DIVINE DRILL — a tall, dark gate with the cover as its centre of gravity. */
.monument .hero{padding:2.5rem 0 4.5rem}.monument-layout{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;align-items:center;margin-top:3.3rem}.monument .artwork{width:min(100%,540px);padding:.75rem;border-top:1px solid #c4966890;border-bottom:1px solid #c4966890}.monument .art-shell{padding:0 1rem;border-left:1px solid #c4966838;border-right:1px solid #c4966838}.monument h1{font-family:'Bodoni Moda',Georgia,serif;text-transform:uppercase;font-size:clamp(4.5rem,7.8vw,9rem);line-height:.92;font-weight:500;letter-spacing:-.055em}.monument h1 span{display:block}.monument h1 span+span{margin-top:.15em}.monument-copy .intro{font-family:'Bodoni Moda';font-size:2rem;line-height:1.3;margin-top:2rem;max-width:25rem}.monument-copy .metadata{margin-top:2rem}.monument .button.primary{background:var(--accent);color:var(--bg)}.monument .listening-copy h2{font-size:3.2rem}.monument .tracknum{font-family:'Bodoni Moda';font-size:1.3rem}
/* SIRIUS — a wide, quiet halo and an oversized italic signature. */
.orbit .hero{padding:2.5rem 0 5rem;overflow:hidden}.sirius-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5rem;margin-top:3.5rem;position:relative}.sirius-atmosphere{position:absolute;inset:6rem -3rem 1rem;z-index:-1;pointer-events:none;opacity:.16;overflow:hidden}.sirius-atmosphere img{width:100%;height:100%;object-fit:cover;filter:blur(50px);transform:scale(.8)}.orbit h1{font-family:'Bodoni Moda';font-size:clamp(7rem,14.3vw,15rem);font-style:italic;font-weight:400;line-height:.9;letter-spacing:-.08em}.orbit .artwork{width:min(100%,490px);padding:1rem;border:1px solid #d1c4ff44;background:#bdb2fa06}.orbit .art-shell img{box-shadow:0 0 75px #958ee124}.sirius-copy .intro{font-size:1.2rem;margin-top:2.2rem;max-width:25rem}.sirius-copy .metadata{margin-top:1.7rem}.orbit .button{border-radius:50px}.orbit .listening-copy h2{font-style:italic;font-size:3.7rem}.orbit .motifs span{color:#d1c4ff}
/* MM'S — saturated confectionery image in an editorial, deep-blue spread. */
.candy .hero{padding:2.5rem 0 4.5rem}.candy-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:5rem;align-items:center;margin-top:3.2rem}.candy .artwork{max-width:560px;width:100%;padding:1rem;background:#e9ba66}.candy .artwork figcaption{color:#17232d;font-weight:600}.candy h1{font-family:'Space Grotesk';font-size:clamp(7rem,13vw,15rem);font-weight:600;letter-spacing:-.095em;line-height:.85}.candy-copy .intro{font-family:'Bodoni Moda';font-style:italic;font-size:2.6rem;line-height:1.2;max-width:22rem;margin:2.5rem 0 2rem}.candy-copy .metadata{padding-top:1rem;border-top:1px solid var(--rule)}.candy .button.primary{color:#17232d}.candy .listening-copy h2{font-family:'Space Grotesk';font-size:3rem;font-weight:400}.candy .tracknum{color:#e9ba66}
/* XTRANHO — a record sleeve with a large, graphic title and real playback motion. */
.vinyl{color-scheme:light}.vinyl .hero{padding:2.2rem 0 4rem}.vinyl-title{margin:2.5rem 0 1rem;display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.vinyl h1{font-family:'Space Grotesk';font-size:clamp(4.5rem,13.8vw,15rem);text-transform:uppercase;letter-spacing:-.085em;font-weight:500;line-height:.86}.record-layout{display:grid;grid-template-columns:.75fr 1.35fr .5fr;align-items:center;gap:2rem}.record-copy .intro{font-family:'Bodoni Moda';font-style:italic;font-size:3.2rem;line-height:1.1;margin:0 0 1.5rem}.record-copy .actions{display:block}.record-copy .button{margin:1rem 0 0}.record-copy .metadata{display:block;margin-top:1rem}.record-copy .metadata span{display:block;margin-top:.35rem}.vinyl .artwork{width:min(100%,600px);margin-inline:auto;padding:1.2rem}.vinyl .art-shell{border-radius:50%;overflow:hidden;aspect-ratio:1;background:#0a0a0a;box-shadow:0 25px 45px #1616161c;animation:record-turn 60s linear infinite;animation-play-state:paused}.vinyl .art-shell img{box-shadow:none;transform:none!important}.vinyl.is-audio-playing .art-shell{animation-play-state:running}.vinyl .artwork figcaption{justify-content:center}.record-side{align-self:end;margin-bottom:3rem;border-top:1px solid var(--rule);padding-top:1rem}.record-side p{font-size:.8125rem;color:var(--muted)}.vinyl .listening-copy h2{font-family:'Space Grotesk';font-size:2.9rem;line-height:1.12}.vinyl .chapterhead h2{font-family:'Space Grotesk';font-size:2.5rem}@keyframes record-turn{to{transform:rotate(360deg)}}
/* AMOR DESBOTADO — a fashion-book spread, softened ink and an intimate title. */
.rose .hero{padding:2.4rem 0 5rem}.rose-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:6rem;align-items:center;margin-top:3rem}.rose .artwork{padding:1rem;border:1px solid #f7b7d349;width:min(100%,520px);justify-self:end}.rose h1{font-family:'Bodoni Moda';font-weight:400;letter-spacing:-.06em;font-size:clamp(5rem,9.3vw,10rem);line-height:.92}.rose h1 em{font-weight:400;display:block;margin-bottom:.3em;font-size:1.3em}.rose h1 span{display:block;font-size:.66em;letter-spacing:-.025em}.rose-copy .intro{font-size:1.125rem;line-height:1.7;margin-top:2rem;max-width:25rem}.rose-copy .metadata{margin-top:2rem}.rose .button.primary{background:transparent;border-color:#f0adcc7a;color:var(--accent)}.rose .listening-copy h2{font-style:italic}.rose .tracknum{font-family:'Bodoni Moda';font-style:italic;font-size:1.3rem}
/* DISCOGRAPHY — a staggered exhibition, rather than repeated cards. */
.catalogue{--bg:#101112;--ink:#ebe9e2;--muted:#aaa99f;--accent:#e8e1cf}.catalogue .topbar{border-bottom-color:var(--rule)}.collection-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:5rem;padding:4rem 0 5rem;align-items:center}.collection-title h1{font-family:'Bodoni Moda';font-weight:400;font-size:clamp(4rem,7.6vw,8rem);letter-spacing:-.06em;line-height:.98;margin:1.4rem 0 2rem}.collection-title h1 em{font-weight:400}.collection-title p{max-width:30rem;color:var(--muted);font-size:1rem}.collection-title .metadata{margin-top:1.8rem;padding-top:1.5rem;border-top:1px solid var(--rule)}.collection-art{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start;padding:1.5rem 0}.collection-art a{display:block;position:relative}.collection-art a:first-child{margin-top:5.5rem}.collection-art img{width:100%;aspect-ratio:1;box-shadow:0 18px 40px #0005;transition:translate .5s}.collection-art a:hover img{translate:0 -5px}.collection-art small{display:block;font-size:.75rem;color:var(--muted);margin-top:.8rem}.collection-intro{display:flex;justify-content:space-between;gap:2rem;align-items:baseline;border-top:1px solid var(--rule);padding-top:2rem;margin-bottom:3.5rem}.collection-intro h2{font-family:'Bodoni Moda';font-size:3rem;font-weight:400;letter-spacing:-.03em;margin:0}.collection-intro p{font-size:.8125rem;color:var(--muted)}.exhibit-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:5.5rem 3rem;align-items:start;padding-bottom:5rem}.exhibit{position:relative;grid-column:span 4;display:block}.exhibit-number{font-family:'Bodoni Moda';font-size:1.3rem;font-style:italic;display:block;margin-bottom:.8rem;color:var(--muted)}.exhibit-art{padding:1rem;position:relative;overflow:hidden;background:var(--sleeve)}.exhibit-art img{width:100%;aspect-ratio:1;object-fit:contain;transition:transform .7s}.exhibit:hover .exhibit-art img{transform:scale(1.025)}.exhibit h3{font-family:'Bodoni Moda';font-weight:400;font-size:2.2rem;line-height:1.1;letter-spacing:-.035em;margin:1.2rem 0 .6rem}.exhibit-meta{font-size:.75rem;color:var(--muted);display:flex;justify-content:space-between;gap:1rem}.exhibit:nth-child(1){grid-column:1/span 6}.exhibit:nth-child(2){grid-column:8/span 5;margin-top:6rem}.exhibit:nth-child(3){grid-column:1/span 4}.exhibit:nth-child(4){grid-column:5/span 4;margin-top:7rem}.exhibit:nth-child(5){grid-column:9/span 4;margin-top:2rem}.exhibit:nth-child(6){grid-column:2/span 5}.exhibit:nth-child(7){grid-column:8/span 4;margin-top:7rem}.exhibit:nth-child(8){grid-column:1/span 4;margin-top:4rem}.exhibit:nth-child(9){grid-column:5/span 4}.exhibit:nth-child(10){grid-column:9/span 4;margin-top:8rem}.artist-note{display:grid;grid-template-columns:.45fr 1fr;gap:6rem;border-top:1px solid var(--rule);padding:4rem 0 5rem}.artist-note blockquote{font-family:'Bodoni Moda';font-weight:400;font-size:clamp(2rem,3.8vw,3.8rem);line-height:1.25;letter-spacing:-.025em;margin:0}.artist-note p{font-size:.8125rem;color:var(--muted)}.artist-note .button{margin-top:1.5rem}
@media(max-width:1150px){.shell{width:calc(100% - 4rem)}.bill-layout{grid-template-columns:.85fr 1.15fr;gap:2rem}.bill-detail{grid-column:1/-1;display:flex;align-items:center;gap:2rem;border-left:0;padding-left:0;border-top:1px solid var(--rule);padding-top:1.5rem}.bill-detail .amount{font-size:3rem}.bill-detail .metadata{display:flex;border:0;padding:0;margin:0}.bill-detail .metadata span{margin:0}.bill-detail .eyebrow{margin:0}.lab-layout{gap:2rem;grid-template-columns:.8fr 1.4fr}.lab-layout .hero-note{grid-column:1/-1;max-width:none;margin:0;display:flex;justify-content:space-between;gap:2rem}.gallery-layout{gap:4rem}.museum .gallery-copy .intro{font-size:2.3rem}.record-layout{grid-template-columns:.8fr 1.2fr;gap:1.5rem}.record-side{display:none}.monument-layout,.sirius-layout,.candy-layout{gap:3rem}.rose-layout{gap:3.5rem}.listening{gap:3rem}.exhibit-grid{gap:4rem 2rem}.collection-hero{gap:3rem}.player-seek input{width:90px}.playing-info strong{max-width:230px}.footer{gap:1rem}.continue-grid{gap:2rem}.laboratory h1{font-size:9vw}.poster h1{font-size:22vw}.vinyl h1{font-size:13.8vw}}
@media(max-width:760px){.shell{width:calc(100% - 2.5rem)}.topbar{height:80px;gap:1rem}.brand{font-size:.8125rem;letter-spacing:.12em;gap:.7rem}.brandmark{font-size:1.7rem}.nav{gap:1.2rem;font-size:.75rem}.desktop-only{display:none}.hero{min-height:0}.folio{font-size:.75rem;letter-spacing:.1em;gap:1rem;flex-wrap:wrap}.folio .index{font-size:1.3rem}.hero .intro{font-size:1.05rem}.actions{gap:1rem;margin-top:1.5rem}.button{font-size:.8125rem;padding:.8rem 1.2rem;min-height:46px}.metadata{gap:1rem;font-size:.8125rem}.artwork figcaption{font-size:.75rem;letter-spacing:.03em}.chapter{padding:3rem 0}.chapterhead{gap:1rem;margin-bottom:1.5rem;align-items:center}.chapterhead h2{font-size:2.25rem!important;line-height:1.15}.chapter-count{font-size:.75rem;max-width:7rem;text-align:right}.listening{grid-template-columns:1fr;gap:2rem}.listening-copy{max-width:none}.listening-copy h2{font-size:2.65rem!important;line-height:1.12!important;margin:1rem 0}.listening-copy p{font-size:1rem}.motifs{margin-top:1.5rem;gap:.8rem}.spotify-frame{height:352px}.track-instruction{font-size:.875rem;margin-bottom:1.5rem}.trackhead,.trackrow{grid-template-columns:2rem 1fr 3rem 2.5rem}.trackhead{font-size:.75rem;letter-spacing:0}.trackrow{min-height:70px}.trackname{font-size:1rem!important;padding-right:.6rem;gap:.4rem}.tracktime,.tracknum{font-size:.8125rem}.track-play-btn{width:36px;height:36px}.explicit{font-size:.75rem}.continue-grid{grid-template-columns:1fr 1fr;gap:1.5rem 1rem}.continue-grid .album-card:last-child{display:none}.album-card h3{font-size:1.05rem;line-height:1.4}.album-card .cardmeta{margin-top:1rem;gap:.5rem}.album-card small,.album-card .cardsub{font-size:.75rem}.footer{align-items:flex-start;flex-direction:column;padding:1.5rem 0 calc(1.5rem + env(safe-area-inset-bottom));font-size:.75rem;gap:.75rem}.player-dock{grid-template-columns:1fr auto;gap:.7rem;padding:.75rem 1.25rem calc(.75rem + env(safe-area-inset-bottom))}.playing-info img{width:38px;height:38px}.playing-info{gap:.6rem}.playing-info strong{max-width:calc(100vw - 238px);font-size:.8125rem}.playing-info small{font-size:.75rem}.player-controls{gap:.35rem}.player-controls button{width:32px;height:32px}.player-controls .mainplay{width:38px;height:38px}.player-seek{grid-column:1/-1;justify-content:stretch}.player-seek input{max-width:none;width:100%;flex:1}.player-close{width:28px;height:28px}.has-player{padding-bottom:142px}.will-reveal{translate:0 10px}.currency .hero{padding:1.7rem 0 3rem}.bill-layout{grid-template-columns:1fr;gap:2rem;padding-top:2rem}.bill-title h1{font-size:clamp(4.4rem,20vw,7.2rem);line-height:.84;display:flex;gap:.22em;flex-wrap:wrap}.bill-title h1 span+span{margin-top:0}.bill-title .intro{margin-top:1.5rem}.currency .artwork{width:min(100% - 1rem,440px);margin:auto;padding:.5rem}.currency .art-shell{padding:.3rem}.bill-detail{display:grid;grid-template-columns:auto 1fr;gap:.8rem 1.5rem;padding-top:1rem}.bill-detail .amount{font-size:3.5rem}.bill-detail .metadata{grid-column:1/-1;gap:1rem}.currency .chapter{border-top-width:3px}.fracture .hero{grid-template-columns:1fr;grid-template-rows:auto;gap:0;padding:1.7rem 0 3rem}.fracture .folio{grid-column:1}.fracture h1{font-size:clamp(4rem,18vw,7rem);padding-top:2.5rem;letter-spacing:-.08em;line-height:.89}.fracture h1 span+span{margin-left:.55em}.fracture .artwork{grid-column:1;grid-row:auto;width:min(100% - 1rem,440px);margin:2.5rem auto 0;justify-self:center;padding:.5rem}.fracture .hero-bottom{max-width:none;margin-top:1.5rem}.fracture .hero-bottom .intro{font-size:1.1rem}.laboratory .hero{padding:1.7rem 0 3rem}.serotonin-title{display:block;margin-top:2rem}.laboratory h1{font-size:clamp(2.8rem,12vw,5.4rem);letter-spacing:-.07em;line-height:1}.lab-layout{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.lab-layout .artwork{width:min(100% - 1rem,440px);margin:auto;grid-row:1}.lab-layout .lab-intro{grid-row:2}.lab-layout .intro{font-size:2rem;margin:.5rem 0}.lab-layout .hero-note{grid-column:1;display:block;padding-top:1rem;margin-top:.25rem}.lab-layout .hero-note .eyebrow{margin-bottom:.7rem}.museum .hero{padding:1.7rem 0 3.3rem}.museum .gallery-title{display:block;margin:2.2rem 0 2.5rem}.museum h1{font-size:clamp(3.4rem,15.5vw,6.6rem);letter-spacing:-.055em}.gallery-layout{grid-template-columns:1fr;gap:2.7rem}.museum .artwork{width:min(100% - 2rem,420px);margin:auto;justify-self:center;outline-offset:8px;padding:6px}.gallery-copy{max-width:none}.gallery-copy .intro{font-size:2.3rem!important;max-width:20rem}.gallery-copy .description{font-size:1rem}.museum .listening{padding-top:3rem}.poster .hero{padding:1.7rem 0 3rem}.rave-layout{grid-template-columns:1fr;gap:2rem;margin-top:2rem}.poster h1{font-size:clamp(7rem,36vw,14rem);line-height:.77;letter-spacing:-.045em}.rave-side{display:grid;grid-template-columns:.7fr 1fr;gap:1.5rem;align-items:center;padding:0}.rave-side .artwork{margin:0;padding:.35rem}.rave-side .artwork figcaption{display:none}.rave-side .intro{font-size:1rem;margin-top:0}.rave-side .metadata{font-size:.75rem;gap:.4rem}.rave-side .actions{gap:.5rem;margin-top:1rem}.rave-side .button{font-size:.75rem;padding:.75rem;min-height:42px}.ticker{margin-top:2rem;font-size:.75rem;letter-spacing:.15em;padding:.8rem 0}.monument .hero{padding:1.7rem 0 3rem}.monument-layout{grid-template-columns:1fr;gap:2.3rem;margin-top:2rem}.monument-copy{grid-row:1}.monument h1{font-size:clamp(3.7rem,15vw,6rem);line-height:.92}.monument h1 span{display:inline}.monument h1 span+span{margin:0}.monument-copy .intro{font-size:1.6rem;margin:1.5rem 0 0;max-width:22rem}.monument-copy .metadata{margin-top:1.5rem}.monument .artwork{width:min(100% - 1rem,440px);margin:auto}.orbit .hero{padding:1.7rem 0 3rem}.sirius-layout{grid-template-columns:1fr;gap:2rem;margin-top:2.4rem}.sirius-copy{grid-row:1}.orbit h1{font-size:clamp(5.5rem,25vw,9rem)}.sirius-copy .intro{margin-top:1.7rem;max-width:25rem}.sirius-copy .metadata{margin-top:1rem}.orbit .artwork{width:min(100% - 1rem,440px);margin:auto}.sirius-atmosphere{inset:8rem -4rem 2rem;opacity:.13}.candy .hero{padding:1.7rem 0 3rem}.candy-layout{grid-template-columns:1fr;gap:2rem;margin-top:2.5rem}.candy-copy{grid-row:1}.candy h1{font-size:clamp(6rem,26vw,9rem);line-height:.86}.candy-copy .intro{font-size:2rem;margin:1.5rem 0;max-width:25rem}.candy .artwork{width:min(100% - 1rem,440px);margin:auto;padding:.8rem}.vinyl .hero{padding:1.7rem 0 3rem}.vinyl-title{margin-top:2.2rem}.vinyl h1{font-size:clamp(2.8rem,13vw,5.7rem);line-height:.9;letter-spacing:-.085em}.record-layout{grid-template-columns:1fr;gap:1rem;margin-top:2rem}.record-copy{display:flex;justify-content:space-between;gap:1rem;align-items:start;flex-wrap:wrap}.record-copy .intro{font-size:2.5rem;margin:0}.record-copy .metadata{display:flex;gap:1rem;margin:1.2rem 0 0}.record-copy .metadata span{margin:0}.record-copy .actions{margin:.5rem 0}.record-copy .button{margin:0 .5rem .5rem 0}.vinyl .artwork{width:min(100%,460px);padding:.8rem;margin:auto;grid-row:1}.rose .hero{padding:1.7rem 0 3rem}.rose-layout{grid-template-columns:1fr;gap:2rem;margin-top:2.4rem}.rose-copy{grid-row:1}.rose h1{font-size:clamp(4.4rem,20vw,7.5rem);line-height:.88}.rose h1 em{font-size:1.1em;margin-bottom:.25em}.rose h1 span{font-size:.72em;letter-spacing:-.05em}.rose-copy .intro{margin-top:1.5rem;font-size:1.05rem}.rose-copy .metadata{margin-top:1.3rem}.rose .artwork{width:min(100% - 1rem,440px);margin:auto;padding:.8rem}.collection-hero{grid-template-columns:1fr;gap:2rem;padding:2.6rem 0 3.5rem}.collection-title h1{font-size:clamp(3rem,13.5vw,5rem);line-height:1;max-width:32rem}.collection-title .metadata{font-size:.8125rem;padding-top:1rem}.collection-art{max-width:440px;margin:auto;padding:0;gap:.8rem}.collection-art a:first-child{margin-top:2.5rem}.collection-intro{margin-bottom:2rem;padding-top:1.5rem;gap:1rem}.collection-intro h2{font-size:2.3rem}.collection-intro p{font-size:.75rem;text-align:right;max-width:7rem}.exhibit-grid{grid-template-columns:1fr 1fr;gap:2.5rem 1rem;padding-bottom:3rem}.exhibit:nth-child(n){grid-column:auto;margin-top:0}.exhibit:nth-child(even){margin-top:3.5rem}.exhibit:nth-child(1){grid-column:1/-1;width:83%;margin-inline:auto}.exhibit:nth-child(2){margin-top:0}.exhibit:nth-child(10){grid-column:1/-1;width:72%;margin-inline:auto}.exhibit-art{padding:.5rem}.exhibit h3{font-size:1.5rem;margin-top:.9rem;line-height:1.18;overflow-wrap:anywhere}.exhibit:first-child h3{font-size:2.3rem}.exhibit-meta{display:block;font-size:.75rem}.exhibit-meta span{display:block;margin-top:.3rem}.exhibit-number{font-size:1.1rem;margin-bottom:.5rem}.artist-note{grid-template-columns:1fr;gap:2rem;padding:3rem 0}.artist-note blockquote{font-size:2.15rem;line-height:1.3}.artist-note .button{margin-top:1rem}}
@media(max-width:390px){.brand{letter-spacing:.07em;font-size:.75rem}.nav{gap:.8rem}.shell{width:calc(100% - 2rem)}.hero .actions{gap:.75rem}.rave-side{grid-template-columns:.7fr 1fr;gap:1rem}.rave-side .button{padding:.7rem .6rem}.chapterhead h2{font-size:2rem!important}.trackname{font-size:1rem}.playing-info strong{max-width:calc(100vw - 228px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;translate:none}.art-shell img{transform:none!important}}

/* Simbolistas, edition 03: complementary inks and different reading rhythms. */
:root { font-size:100%; }
body { --rule:color-mix(in srgb,var(--ink) 28%,transparent); overflow-x:clip; }
.shell { width:min(1380px,calc(100% - 6rem)); }
.topbar { height:100px; border-bottom:1px solid var(--rule); }
.brand { letter-spacing:.1em; }
.nav,.button { font-size:.875rem; }
.button { border-radius:0; min-height:48px; }
body .button.primary { background:var(--accent); color:var(--bg); border-color:var(--accent); }
.hero { position:relative; }
.hero h1 { color:var(--accent); }
.hero h1,.collection-title h1 { line-height:1; }
.folio { font-size:.8125rem; }
.folio .index { color:var(--accent); font-size:2.3rem; }
.artwork { position:relative; margin:0; }
.artwork .art-shell img { box-shadow:none; }
.artwork figcaption { font-size:.75rem; line-height:1.5; }
.hero .metadata { font-size:.875rem; }
.date-line { font-size:.8125rem; }
.colorband { position:relative; isolation:isolate; border:0!important; margin:0; padding:4.5rem 0; --bg:var(--alt); --ink:var(--altink); --accent:var(--altink); --muted:var(--altink); --rule:color-mix(in srgb,var(--altink) 28%,transparent); color:var(--ink); }
.colorband::before { content:''; position:absolute; z-index:-1; inset:0 calc(50% - 50vw); background:var(--alt); }
.colorband .listening-copy { padding-right:1rem; }
.colorband .listening-copy p { color:var(--ink); }
.colorband .listening-copy h2 { line-height:1.12; }
.colorband .motifs { gap:.5rem; flex-wrap:wrap; }
.colorband .motifs span { color:var(--ink); border:1px solid var(--rule); padding:.5rem .8rem; font-size:.8125rem; }
.colorband .embed-note { color:var(--ink); font-size:.8125rem; }
.spotify-frame { border-radius:0; background:#181818; }
.track-stage { padding:4.8rem 0; display:grid; grid-template-columns:.65fr 1.6fr; gap:4rem; }
.track-intro { align-self:start; position:sticky; top:2rem; }
.track-intro .chapterhead { display:block; margin:0 0 1.5rem; }
.track-intro .chapterhead h2 { font-size:clamp(2.4rem,4.4vw,4.4rem); line-height:1.05; margin:0 0 1rem; }
.track-intro .chapter-count { display:block; font-size:.8125rem; }
.track-instruction { color:var(--muted); line-height:1.6; font-size:.875rem; max-width:23rem; }
.track-content { min-width:0; }
.trackhead { font-size:.75rem; letter-spacing:.06em; }
.trackrow { border-color:var(--rule)!important; min-height:80px; column-gap:.8rem; grid-template-columns:2.8rem minmax(0,1fr) 3.3rem 2.8rem; }
body .tracknum { color:var(--ink); font-size:1rem; }
.trackname { min-width:0; font-size:1rem; line-height:1.4; }
.trackname a { overflow-wrap:anywhere; }
.tracktime { color:var(--muted); font-size:.8125rem; }
.trackrow:hover,.trackrow.is-playing { background:color-mix(in srgb,var(--ink) 9%,transparent); }
.track-play-btn { min-width:42px; min-height:42px; }
.track-content .trackhead { grid-template-columns:2.8rem minmax(0,1fr) 3.3rem 2.8rem; gap:.8rem; }
.grid-tracks .trackhead { display:none; }
.grid-tracks .track-content ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 2rem; }
.grid-tracks .trackrow { grid-template-columns:2.2rem minmax(0,1fr) 2.8rem; grid-template-areas:'number name play' 'number time play'; padding:1rem .4rem; }
.grid-tracks .tracknum { grid-area:number; font-size:1.4rem; }
.grid-tracks .trackname { grid-area:name; }
.grid-tracks .tracktime { grid-area:time; margin-top:.3rem; }
.grid-tracks .track-play-btn { grid-area:play; }
.chapter#catalogo { border-top:1px solid var(--rule); }
.continue-grid { gap:2rem; }
.album-card { padding:0; }
.album-card .image-wrap { border:0; padding:.7rem; background:var(--cardbg); }
.album-card .image-wrap img { transition:transform .5s; }
.album-card .cardbody { padding:0; }
.album-card small { font-size:.8125rem; }
.album-card .cardsub { font-size:.8125rem; }
.player-dock { background:var(--bg); color:var(--ink); }
.player-controls button { color:var(--ink); }
.preview-feedback { font-size:.875rem; }
:focus-visible { outline:3px solid var(--ink); outline-offset:5px; }

/* Honey Money: lacquer red, honey ink, and an open, numbered sleeve. */
.currency { color-scheme:dark; }
.currency .hero { padding:2rem 0 3.5rem; }
.currency .bill-layout { grid-template-columns:1.1fr 1fr; gap:2rem 5rem; align-items:center; }
.currency .bill-title h1 { font-size:clamp(5rem,10.7vw,11rem); line-height:1; letter-spacing:-.05em; }
.currency .bill-title h1 span:first-child { font-style:italic; }
.currency .bill-title h1 span+span { margin-top:0; }
.currency .artwork { padding:1rem; border:0; background:var(--alt); color:var(--altink); transform:rotate(2deg); }
.currency .art-shell { padding:0; border:0; }
.currency .artwork figcaption { color:var(--altink); }
.currency .bill-detail { grid-column:1/-1; border:0; border-top:1px solid var(--rule); display:flex; gap:3rem; justify-content:space-between; align-items:center; padding:1rem 0 0; }
.currency .bill-detail .amount { font-size:4.5rem; color:var(--accent); }
.currency .bill-detail .eyebrow { display:inline; margin-left:1rem; }
.currency .bill-detail .metadata { display:flex; gap:2rem; border:0; margin:0; padding:0; }
.currency .bill-detail .metadata span { margin:0; }
.currency .track-stage { grid-template-columns:1fr; gap:1.5rem; }
.currency .track-intro { position:static; display:flex; align-items:end; justify-content:space-between; gap:3rem; }
.currency .track-intro .chapterhead { margin:0; }
.currency .track-content ol { gap:0 4rem; }
.currency .trackrow { border-top:2px solid var(--accent)!important; min-height:100px; }
.currency .tracknum { font-family:'Bodoni Moda'; font-style:italic; font-size:2.2rem; color:var(--accent); }

/* Entropia: a sulphur sheet, oxblood typography and orange interruptions. */
.fracture { color-scheme:light; }
.fracture .hero { grid-template-columns:1.15fr 1fr; gap:0 3rem; }
.fracture h1 { font-size:clamp(4.5rem,10.2vw,11rem); line-height:1; padding-top:3rem; letter-spacing:-.075em; }
.fracture h1 span+span { margin-left:.23em; }
.fracture .artwork { grid-row:2/4; border:0; padding:1.2rem; background:var(--pop); margin-top:3rem; transform:rotate(-3deg); }
.fracture .artwork figcaption { color:var(--ink); }
.fracture .hero-bottom { margin-top:2rem; }
.fracture .hero-bottom .intro { border:0; padding:0; font-size:1.2rem; }
.fracture .colorband { --altink:#601834; }
.fracture .track-stage { grid-template-columns:.8fr 1.3fr; }
.fracture .trackrow { grid-template-columns:4.5rem minmax(0,1fr) 3rem 2.8rem; padding:.75rem; }
.fracture .trackrow:nth-child(even) { background:var(--pop); }
.fracture .tracknum { font-family:'Space Grotesk'; font-size:2.3rem; letter-spacing:-.08em; }
.fracture .trackhead { display:none; }

/* Serotonin: ultramarine spread, apricot window and mint annotations. */
.laboratory .serotonin-title { align-items:baseline; }
.laboratory h1 { color:var(--accent); font-size:clamp(3rem,9vw,9.5rem); line-height:1; }
.laboratory .lab-layout { grid-template-columns:1fr 1.2fr; align-items:center; gap:3rem 5rem; }
.laboratory .lab-layout .artwork { background:var(--alt); border:0; padding:1.2rem 1.2rem .7rem; color:var(--altink); border-radius:50% 50% 0 0 / 9% 9% 0 0; grid-column:2; grid-row:1/3; transform:rotate(2deg); }
.laboratory .artwork:before { display:none; }
.laboratory .artwork figcaption { color:var(--altink); }
.laboratory .lab-intro .intro { font-family:'Bodoni Moda'; font-size:clamp(2.5rem,4.5vw,4.8rem); line-height:1.12; }
.laboratory .lab-layout .hero-note { grid-column:1; max-width:none; margin:0; padding:1.2rem 0; border-top:1px solid var(--rule); display:block; }
.laboratory .trackrow { border-top-width:2px; }
.laboratory .tracknum { color:var(--accent); font-family:'Space Grotesk'; }

/* Vanitas: orange type across a cobalt gallery; sculpture-sized typography. */
.museum h1 { color:var(--accent); font-size:clamp(4.5rem,14vw,14rem); line-height:1; }
.museum .gallery-title { margin:2rem 0 1rem; }
.museum .gallery-layout { grid-template-columns:1.2fr .8fr; gap:6rem; align-items:end; }
.museum .artwork { width:100%; max-width:640px; padding:1rem; border:0; outline:0; background:var(--alt); color:var(--altink); justify-self:start; }
.museum .artwork figcaption { color:var(--altink); }
.museum .gallery-copy { padding-bottom:1rem; }
.museum .gallery-copy .intro { font-size:clamp(2rem,3.5vw,3.7rem); line-height:1.2; }
.museum .track-stage { grid-template-columns:.75fr 1.4fr; }
.museum .trackrow { padding:1rem 0; grid-template-columns:4rem minmax(0,1fr) 3rem 2.8rem; }
.museum .tracknum { font-size:2.2rem; font-family:'Bodoni Moda'; color:var(--accent); }
.museum .trackhead { display:none; }

/* Dark Rave: acid and pink poster on aubergine; muscular track typography. */
.poster h1 { font-size:clamp(8rem,22vw,23rem); line-height:.92; color:var(--accent); }
.poster h1 span+span { color:var(--pop); margin-top:0; }
.poster .rave-layout { align-items:center; }
.poster .rave-side .artwork { padding:.7rem; background:var(--pop); transform:rotate(5deg); }
.poster .rave-side .artwork figcaption { color:var(--altink); }
.poster .ticker { background:var(--accent); color:var(--bg); border:0; padding:1rem; margin-top:2rem; }
.poster .track-stage { grid-template-columns:.55fr 1.7fr; }
.poster .trackrow { grid-template-columns:4rem minmax(0,1fr) 3rem 2.8rem; }
.poster .trackname { font-family:'Barlow Condensed'; font-size:clamp(1.3rem,2vw,2.1rem); text-transform:uppercase; }
.poster .tracknum { color:var(--pop); font-size:2rem; font-family:'Barlow Condensed'; }
.poster .trackhead { display:none; }

/* Divine Drill: garnet, saffron and turquoise with a monumental triptych. */
.monument .monument-layout { grid-template-columns:.9fr 1.1fr; gap:5rem; align-items:start; }
.monument .artwork { padding:1rem; border:0; background:var(--alt); color:var(--altink); margin-top:4rem; }
.monument .art-shell { border:0; padding:0; }
.monument .artwork figcaption { color:var(--altink); }
.monument h1 { color:var(--accent); line-height:1; font-size:clamp(4.5rem,8.5vw,9.2rem); }
.monument h1 span+span { margin-top:0; font-style:italic; }
.monument .track-intro .chapterhead h2 { font-style:italic; }
.monument .trackrow { padding:1rem 0; }
.monument .tracknum { color:var(--accent); font-family:'Bodoni Moda'; font-size:1.7rem; }

/* Sirius: red italic signature on ice; a small star of saturated contrast. */
.orbit { color-scheme:light; }
.orbit .hero { overflow:visible; }
.orbit .sirius-atmosphere { display:none; }
.orbit .sirius-layout { grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }
.orbit .sirius-copy { grid-column:1; grid-row:1; }
.orbit .artwork { grid-column:2; width:min(100%,560px); justify-self:end; padding:1rem; border:1px solid var(--accent); background:transparent; transform:rotate(-2deg); }
.orbit h1 { color:var(--accent); font-size:clamp(6rem,14vw,15rem); line-height:1.05; }
.orbit .button { border-radius:0; }
.orbit .track-stage { grid-template-columns:.7fr 1.5fr; }
.orbit .track-intro h2 { color:var(--accent); }
.orbit .trackrow { border-top-style:dashed; }
.orbit .tracknum { font-family:'Space Grotesk'; font-size:1.3rem; }

/* Mm's: pink, petroleum and sour lemon; a playful editorial matrix. */
.candy { color-scheme:light; }
.candy .candy-layout { grid-template-columns:.9fr 1.1fr; gap:5rem; }
.candy .artwork { background:var(--pop); padding:1rem; transform:rotate(-3deg); color:var(--ink); }
.candy .artwork figcaption { color:var(--ink); }
.candy h1 { color:var(--ink); font-size:clamp(7rem,15vw,16rem); line-height:1; }
.candy .candy-copy .intro { max-width:26rem; font-size:2.5rem; }
.candy .track-stage { grid-template-columns:1fr; gap:2rem; }
.candy .track-intro { position:static; display:flex; gap:3rem; justify-content:space-between; align-items:end; }
.candy .trackrow { border:0!important; padding:1.2rem; background:var(--pop); min-height:100px; }
.candy .trackrow:nth-child(4n+2),.candy .trackrow:nth-child(4n+3) { background:var(--alt); color:var(--altink); --ink:var(--altink); --muted:var(--altink); --accent:var(--altink); --bg:var(--alt); }
.candy .track-content ol { gap:1rem; }
.candy .trackrow .tracknum { font-family:'Space Grotesk'; font-size:1.8rem; }

/* Xtranho: vermilion poster, plum lettering, mint reverse side. */
.vinyl .hero { padding-bottom:3rem; }
.vinyl h1 { color:var(--ink); font-size:clamp(4rem,14vw,15rem); line-height:1; letter-spacing:-.07em; }
.vinyl .record-layout { grid-template-columns:.8fr 1.35fr; gap:4rem; }
.vinyl .record-copy { align-self:center; }
.vinyl .record-side { display:none; }
.vinyl .artwork { padding:1.2rem; background:var(--pop); width:min(100%,600px); transform:rotate(2deg); }
.vinyl .artwork figcaption { color:var(--ink); }
.vinyl .art-shell { box-shadow:none; }
.vinyl .track-stage { grid-template-columns:1fr; gap:2rem; }
.vinyl .track-intro { position:static; display:flex; justify-content:space-between; align-items:end; gap:3rem; }
.vinyl .track-content ol { column-gap:4rem; }
.vinyl .trackrow { min-height:100px; border-top:2px solid var(--ink)!important; }
.vinyl .tracknum { font-family:'Space Grotesk'; font-size:1.4rem; }

/* Amor desbotado: violet and peach with an acidic green edge. */
.rose .rose-layout { grid-template-columns:1.1fr .9fr; gap:5rem; align-items:start; }
.rose h1 { color:var(--accent); font-size:clamp(5rem,10vw,10rem); line-height:1.06; }
.rose h1 em { font-size:1.2em; margin-bottom:.1em; }
.rose h1 span { font-size:.68em; letter-spacing:-.025em; }
.rose .artwork { border:0; padding:1rem; background:var(--pop); color:var(--altink); transform:rotate(3deg); margin-top:2rem; }
.rose .artwork figcaption { color:var(--altink); }
.rose .trackrow { min-height:100px; }
.rose .tracknum { color:var(--accent); font-family:'Bodoni Moda'; font-size:2rem; }

/* The catalogue is a colour atlas: every entry uses the album's own inks. */
.catalogue { color-scheme:light; }
.catalogue .collection-hero { grid-template-columns:1.2fr .8fr; gap:4rem; padding:3rem 0 4rem; }
.catalogue .collection-title h1 { font-family:'Space Grotesk'; font-weight:600; font-size:clamp(4.5rem,9.5vw,10.5rem); line-height:.97; letter-spacing:-.07em; margin:1.5rem 0; text-transform:uppercase; }
.catalogue .collection-title h1 span { display:block; }
.catalogue .collection-title h1 span+span { margin-left:.22em; }
.catalogue .collection-title .eyebrow { color:var(--ink); }
.catalogue .collection-title .metadata { border:0; padding-top:0; font-size:.875rem; }
.catalogue .collection-art { background:var(--ink); padding:1.2rem; gap:1rem; transform:rotate(3deg); }
.catalogue .collection-art a:first-child { margin-top:4rem; }
.catalogue .collection-art small { color:var(--bg); }
.catalogue .collection-art img { box-shadow:none; }
.catalogue .collection-intro { border:0; margin:0; padding:1.5rem 0 2.5rem; }
.catalogue .collection-intro h2 { font-family:'Space Grotesk'; font-size:2.5rem; font-weight:400; }
.catalogue .exhibit-grid { gap:1.3rem; padding-bottom:4rem; }
.catalogue .exhibit { color:var(--tileink); background:var(--tilebg); padding:1.4rem; overflow:hidden; margin-top:0!important; grid-column:span 4; }
.catalogue .exhibit:nth-child(1),.catalogue .exhibit:nth-child(6) { grid-column:span 8; display:grid; grid-template-columns:1.35fr 1fr; gap:0 2rem; align-items:end; }
.catalogue .exhibit:nth-child(1) .exhibit-art,.catalogue .exhibit:nth-child(6) .exhibit-art { grid-column:1; grid-row:1/5; }
.catalogue .exhibit:nth-child(1) .exhibit-number,.catalogue .exhibit:nth-child(6) .exhibit-number { grid-column:2; align-self:start; }
.catalogue .exhibit:nth-child(1) h3,.catalogue .exhibit:nth-child(6) h3,.catalogue .exhibit:nth-child(1) .exhibit-meta,.catalogue .exhibit:nth-child(6) .exhibit-meta { grid-column:2; }
.catalogue .exhibit:nth-child(2) { grid-column:span 4; }
.catalogue .exhibit:nth-child(3),.catalogue .exhibit:nth-child(4) { grid-column:span 5; }
.catalogue .exhibit:nth-child(5) { grid-column:span 2; }
.catalogue .exhibit:nth-child(7) { grid-column:span 4; }
.catalogue .exhibit:nth-child(8),.catalogue .exhibit:nth-child(9),.catalogue .exhibit:nth-child(10) { grid-column:span 4; }
.catalogue .exhibit-art { padding:0; background:transparent!important; }
.catalogue .exhibit h3 { font-family:'Space Grotesk'; font-size:clamp(1.7rem,2.5vw,2.7rem); font-weight:500; line-height:1.1; overflow-wrap:anywhere; }
.catalogue .exhibit-number { color:var(--tileink); font-family:'Space Grotesk'; font-size:1rem; font-style:normal; }
.catalogue .exhibit-meta { color:var(--tileink); font-size:.8125rem; flex-wrap:wrap; }
.catalogue .exhibit:nth-child(5) h3 { font-family:'Barlow Condensed'; font-size:3.1rem; text-transform:uppercase; }
.catalogue .artist-note { background:var(--ink); color:var(--bg); padding:3rem; border:0; gap:4rem; }
.catalogue .artist-note p,.catalogue .artist-note .eyebrow { color:var(--bg); }
.catalogue .artist-note .button { border-color:var(--bg); }

@media(min-width:1700px) { .catalogue .collection-title h1 { font-size:10.5rem; } }
@media(max-width:1150px) {
 .shell { width:calc(100% - 4rem); }
 .track-stage { grid-template-columns:.6fr 1.4fr; gap:2rem; }
 .currency .bill-layout,.museum .gallery-layout,.monument .monument-layout,.orbit .sirius-layout,.candy .candy-layout,.rose .rose-layout { gap:3rem; }
 .laboratory .lab-layout { gap:2rem; }
 .grid-tracks .track-content ol { gap:0 1.3rem; }
 .candy .track-content ol { gap:1rem; }
 .catalogue .exhibit { padding:1rem; }
 .catalogue .exhibit:nth-child(1),.catalogue .exhibit:nth-child(6) { gap:0 1.3rem; }
}
@media(max-width:850px) {
 .track-stage,.fracture .track-stage,.museum .track-stage,.poster .track-stage,.orbit .track-stage { grid-template-columns:1fr; gap:1.5rem; }
 .track-intro { position:static; }
 .track-intro .chapterhead { display:flex; align-items:baseline; gap:2rem; justify-content:space-between; }
 .track-intro .chapterhead h2 { font-size:2.8rem; margin:0; }
 .track-instruction { max-width:35rem; }
 .catalogue .exhibit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .catalogue .exhibit:nth-child(n) { grid-column:auto; width:auto; display:block; }
 .catalogue .exhibit:nth-child(1),.catalogue .exhibit:nth-child(6) { grid-column:1/-1; display:grid; grid-template-columns:1.2fr 1fr; }
 .catalogue .exhibit:nth-child(5) h3 { font-size:2.8rem; }
}
@media(max-width:760px) {
 .shell { width:calc(100% - 2.5rem); }
 .topbar { height:auto; min-height:82px; padding:1rem 0; flex-wrap:wrap; }
 .brand { font-size:.8125rem; }
 .nav { font-size:.8125rem; gap:1rem; }
 .hero h1 { overflow-wrap:normal; }
 .hero .folio { font-size:.75rem; }
 .hero .folio .index { font-size:1.5rem; }
 .colorband { padding:3rem 0; }
 .colorband .listening-copy { padding-right:0; }
 .track-stage { padding:3rem 0; }
 .track-intro .chapterhead { gap:1rem; }
 .track-intro .chapterhead h2 { font-size:2.2rem!important; }
 .trackrow,.fracture .trackrow,.museum .trackrow,.poster .trackrow { grid-template-columns:2.3rem minmax(0,1fr) 2.8rem; grid-template-areas:'number name play' 'number time play'; gap:.3rem .45rem; padding:1rem 0; }
 .trackrow .tracknum { grid-area:number; }
 .trackrow .trackname { grid-area:name; }
 .trackrow .tracktime { grid-area:time; }
 .trackrow .track-play-btn { grid-area:play; }
 .track-content .trackhead { display:none; }
 .track-play-btn { width:42px; height:42px; }
 .tracknum { font-size:1rem!important; }
 .grid-tracks .track-content ol { grid-template-columns:1fr; }
 .grid-tracks .trackrow { grid-template-columns:2.3rem minmax(0,1fr) 2.8rem; min-height:84px; }
 .trackname { font-size:1rem!important; }
 .currency .bill-layout { grid-template-columns:1fr; gap:2.2rem; }
 .currency .bill-title h1 { font-size:min(19vw,7rem); display:block; }
 .currency .bill-title h1 span { display:block; }
 .currency .artwork { width:min(100% - 1rem,460px); margin:auto; padding:.8rem; }
 .currency .bill-detail { flex-wrap:wrap; gap:1rem; }
 .currency .bill-detail .amount { font-size:3rem; }
 .currency .bill-detail .metadata { font-size:.8125rem; gap:1rem; }
 .currency .track-intro,.candy .track-intro,.vinyl .track-intro { display:block; }
 .currency .track-intro .chapterhead { margin-bottom:1rem; }
 .fracture .hero { grid-template-columns:1fr; gap:0; }
 .fracture h1 { font-size:min(17vw,7rem); padding-top:2rem; }
 .fracture .artwork { grid-column:1; grid-row:auto; width:min(100% - 1rem,460px); margin:2rem auto 0; padding:.8rem; }
 .fracture .hero-bottom { margin-top:2rem; }
 .fracture .tracknum { font-size:1.6rem!important; }
 .laboratory h1 { font-size:min(11.5vw,5rem); letter-spacing:-.06em; }
 .laboratory .lab-layout { grid-template-columns:1fr; gap:1.5rem; }
 .laboratory .lab-layout .artwork { grid-column:1; grid-row:1; width:min(100% - 1rem,460px); margin:auto; }
 .laboratory .lab-intro { grid-row:2; }
 .laboratory .lab-intro .intro { font-size:2.6rem; }
 .laboratory .lab-layout .hero-note { grid-row:3; grid-column:1; }
 .museum h1 { font-size:min(14vw,6rem); }
 .museum .gallery-layout,.monument .monument-layout,.orbit .sirius-layout,.candy .candy-layout,.rose .rose-layout { grid-template-columns:1fr; gap:2rem; }
 .museum .artwork { width:100%; margin:0; }
 .museum .gallery-copy .intro { font-size:2.4rem!important; }
 .poster h1 { font-size:min(31vw,13rem); line-height:.94; }
 .poster .rave-side { grid-template-columns:.8fr 1fr; gap:1.5rem; }
 .poster .trackname { font-size:1.25rem!important; }
 .poster .tracknum { font-size:1.4rem!important; }
 .monument h1 { font-size:min(16vw,7rem); }
 .monument h1 span { display:block; }
 .monument .artwork { width:min(100% - 1rem,460px); margin:0 auto; }
 .orbit .sirius-copy { grid-column:1; grid-row:1; }
 .orbit .artwork { grid-column:1; grid-row:2; width:min(100% - 1rem,460px); margin:auto; }
 .orbit h1 { font-size:min(24vw,10rem); }
 .candy .artwork { width:min(100% - 1rem,460px); margin:auto; }
 .candy h1 { font-size:min(25vw,10rem); }
 .candy .candy-copy .intro { font-size:2.2rem; }
 .candy .track-content ol { gap:.8rem; }
 .candy .trackrow { padding:1rem; }
 .vinyl h1 { font-size:min(12.5vw,5.5rem); }
 .vinyl .record-layout { grid-template-columns:1fr; gap:2rem; }
 .vinyl .artwork { width:min(100% - 1rem,460px); padding:.8rem; }
 .rose h1 { font-size:min(18.5vw,7.5rem); }
 .rose .artwork { width:min(100% - 1rem,460px); margin:0 auto; }
 .continue-grid { gap:1rem; }
 .catalogue .collection-hero { grid-template-columns:1fr; gap:2rem; padding:2.5rem 0 3rem; }
 .catalogue .collection-title h1 { font-size:min(15vw,6.7rem); }
 .catalogue .collection-art { width:min(100% - 1rem,460px); padding:1rem; margin:auto; }
 .catalogue .collection-intro { gap:1rem; padding-top:1rem; }
 .catalogue .collection-intro h2 { font-size:2rem; }
 .catalogue .exhibit-grid { gap:1rem; }
 .catalogue .exhibit:nth-child(1),.catalogue .exhibit:nth-child(6) { display:block; }
 .catalogue .exhibit h3 { font-size:1.5rem; }
 .catalogue .exhibit:nth-child(1) h3,.catalogue .exhibit:nth-child(6) h3 { font-size:2rem; }
 .catalogue .exhibit:nth-child(5) h3 { font-size:2.5rem; }
 .catalogue .exhibit-meta { font-size:.75rem; }
 .catalogue .artist-note { padding:2rem 1.5rem; gap:2rem; }
 .catalogue .artist-note blockquote { font-size:2rem; }
}
@media(max-width:390px) {
 .shell { width:calc(100% - 2rem); }
 .nav { gap:.75rem; }
 .poster .rave-side { grid-template-columns:1fr; }
 .poster .rave-side .artwork { width:65%; margin:0 auto; }
 .catalogue .exhibit-grid { grid-template-columns:1fr; }
 .catalogue .exhibit:nth-child(n) { grid-column:1; }
 .catalogue .exhibit:nth-child(n) h3 { font-size:2rem; }
 .catalogue .collection-title h1 { font-size:15vw; }
 .track-intro .chapterhead { display:block; }
 .track-intro .chapter-count { max-width:none; text-align:left; margin-top:.6rem; }
}
@media(prefers-reduced-motion:reduce) {
 .artwork,.catalogue .collection-art { transform:none!important; }
}

/* Edition 04: original square covers, without frames or distortion. */
body[data-design-version="4"] img[src^="/covers/"] {
 height:auto;
 aspect-ratio:1 / 1;
 object-fit:contain;
}
body[data-design-version="4"] .hero .artwork {
 width:min(100%,340px);
 max-width:340px;
 height:auto;
 min-height:0;
 margin:0;
 padding:0;
 background:none;
 border:0;
 border-radius:0;
 outline:0;
 box-shadow:none;
 transform:none;
 translate:none;
 align-self:start;
 justify-self:start;
}
body[data-design-version="4"] .artwork::before,
body[data-design-version="4"] .artwork::after { display:none; }
body[data-design-version="4"] .hero .art-shell {
 display:block;
 width:100%;
 height:auto;
 aspect-ratio:1;
 padding:0;
 margin:0;
 border:0;
 border-radius:0;
 background:none;
 overflow:visible;
 box-shadow:none;
 animation:none;
 transform:none;
}
body[data-design-version="4"] .hero .artwork img,
body[data-design-version="4"] .collection-art img,
body[data-design-version="4"] .exhibit-art img,
body[data-design-version="4"] .album-card img {
 display:block;
 width:100%;
 height:auto;
 aspect-ratio:1 / 1;
 object-fit:contain;
 object-position:center;
 border:0;
 border-radius:0;
 box-shadow:none;
 transform:none!important;
 translate:none;
 animation:none;
 transition:none;
}
body[data-design-version="4"] .hero .artwork figcaption {
 display:flex;
 margin-top:.75rem;
 gap:.3rem .75rem;
 color:var(--muted);
 justify-content:space-between;
 text-transform:none;
 letter-spacing:0;
 font-size:.8125rem;
}
body[data-design-version="4"] .playing-info img {
 object-fit:contain;
 aspect-ratio:1;
 border-radius:0;
 flex:none;
}

/* Keep each album's typography and palette, with modest, square cover sizes. */
.currency[data-design-version="4"] .bill-layout,
.fracture[data-design-version="4"] .hero,
.laboratory[data-design-version="4"] .lab-layout,
.orbit[data-design-version="4"] .sirius-layout,
.rose[data-design-version="4"] .rose-layout {
 grid-template-columns:minmax(0,1fr) minmax(0,340px);
 column-gap:3rem;
}
.museum[data-design-version="4"] .gallery-layout,
.monument[data-design-version="4"] .monument-layout,
.candy[data-design-version="4"] .candy-layout {
 grid-template-columns:minmax(0,340px) minmax(0,1fr);
 column-gap:3rem;
}
.vinyl[data-design-version="4"] .record-layout {
 grid-template-columns:minmax(0,1fr) minmax(0,340px);
 gap:3rem;
 align-items:start;
}
.vinyl[data-design-version="4"] .record-copy { align-self:start; }
.poster[data-design-version="4"] .hero .artwork { max-width:240px; }
.poster[data-design-version="4"] .rave-side .artwork { margin-bottom:1.5rem; }

/* Related releases: equal square images, bare backgrounds and aligned labels. */
body[data-design-version="4"] .continue-grid {
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:2rem;
 align-items:start;
 max-width:960px;
}
body[data-design-version="4"] .album-card {
 min-width:0;
 padding:0;
 border:0;
 background:none;
}
body[data-design-version="4"] .album-card .image-wrap {
 width:100%;
 aspect-ratio:1;
 height:auto;
 min-height:0;
 padding:0;
 border:0;
 border-radius:0;
 background:none;
 overflow:visible;
}
body[data-design-version="4"] .album-card .cardmeta {
 margin-top:.75rem;
 align-items:start;
 flex-wrap:wrap;
 gap:.3rem .5rem;
}
body[data-design-version="4"] .album-card h3 { overflow-wrap:anywhere; }

/* Catalogue: a consistent shelf, with the label below each square cover. */
.catalogue[data-design-version="4"] .collection-art {
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:1.25rem;
 width:min(100%,420px);
 max-width:420px;
 margin:0;
 padding:0;
 border:0;
 background:none;
 transform:none;
 align-items:start;
 justify-self:end;
}
.catalogue[data-design-version="4"] .collection-art a:first-child { margin-top:0; }
.catalogue[data-design-version="4"] .collection-art small { color:var(--muted); }
.catalogue[data-design-version="4"] .exhibit-grid {
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:2.5rem 1.5rem;
 align-items:start;
}
.catalogue[data-design-version="4"] .exhibit:nth-child(n) {
 display:flex;
 flex-direction:column;
 grid-column:auto;
 grid-row:auto;
 gap:0;
 width:100%;
 min-width:0;
 margin:0;
 padding:0;
 border:0;
 color:var(--ink);
 background:none;
 overflow:visible;
}
.catalogue[data-design-version="4"] .exhibit:nth-child(n) .exhibit-art {
 width:100%;
 height:auto;
 aspect-ratio:1;
 min-height:0;
 padding:0;
 margin:0;
 background:none!important;
 border:0;
 overflow:visible;
 order:0;
}
.catalogue[data-design-version="4"] .exhibit:nth-child(n) .exhibit-number {
 order:1;
 color:var(--muted);
 font-size:.75rem;
 margin:.8rem 0 .2rem;
}
.catalogue[data-design-version="4"] .exhibit:nth-child(n) h3 {
 order:2;
 color:var(--ink);
 font-family:'Space Grotesk',Arial,sans-serif;
 font-size:1.5rem;
 font-weight:500;
 line-height:1.2;
 letter-spacing:-.025em;
 text-transform:none;
 margin:0 0 .5rem;
}
.catalogue[data-design-version="4"] .exhibit:nth-child(n) .exhibit-meta {
 order:3;
 display:flex;
 flex-wrap:wrap;
 gap:.3rem .8rem;
 color:var(--muted);
 font-size:.8125rem;
 margin:0;
}

@media(max-width:1100px) {
 .catalogue[data-design-version="4"] .exhibit-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:850px) {
 body[data-design-version="4"] .hero .artwork { max-width:300px; width:min(100%,300px); }
 .currency[data-design-version="4"] .bill-layout,
 .fracture[data-design-version="4"] .hero,
 .laboratory[data-design-version="4"] .lab-layout,
 .orbit[data-design-version="4"] .sirius-layout,
 .rose[data-design-version="4"] .rose-layout,
 .museum[data-design-version="4"] .gallery-layout,
 .monument[data-design-version="4"] .monument-layout,
 .candy[data-design-version="4"] .candy-layout,
 .vinyl[data-design-version="4"] .record-layout { grid-template-columns:1fr; gap:2rem; }
 .fracture[data-design-version="4"] .hero .artwork { grid-column:1; grid-row:auto; }
 .fracture[data-design-version="4"] .hero .hero-bottom { grid-column:1; }
 .laboratory[data-design-version="4"] .lab-layout .artwork { grid-column:1; grid-row:1; }
 .laboratory[data-design-version="4"] .lab-intro { grid-row:2; }
 .laboratory[data-design-version="4"] .lab-layout .hero-note { grid-column:1; grid-row:3; }
 .orbit[data-design-version="4"] .sirius-copy { grid-column:1; grid-row:1; }
 .orbit[data-design-version="4"] .hero .artwork { grid-column:1; grid-row:2; }
 .monument[data-design-version="4"] .monument-copy,
 .candy[data-design-version="4"] .candy-copy,
 .rose[data-design-version="4"] .rose-copy { grid-row:1; }
 .vinyl[data-design-version="4"] .hero .artwork { grid-row:1; }
 .catalogue[data-design-version="4"] .exhibit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
 body[data-design-version="4"] .continue-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.75rem 1rem; }
 body[data-design-version="4"] .continue-grid .album-card:last-child { display:block; }
 body[data-design-version="4"] .album-card h3 { font-size:1rem; }
 .catalogue[data-design-version="4"] .collection-art { width:min(100%,360px); justify-self:start; gap:1rem; }
 .catalogue[data-design-version="4"] .exhibit-grid { gap:2rem 1rem; }
 .catalogue[data-design-version="4"] .exhibit:nth-child(n) h3 { font-size:1.125rem; }
 .catalogue[data-design-version="4"] .exhibit:nth-child(n) .exhibit-meta { display:block; font-size:.75rem; }
 .catalogue[data-design-version="4"] .exhibit-meta span { margin:0 0 .25rem; }
}
@media(max-width:390px) {
 .poster[data-design-version="4"] .hero .artwork { width:min(100%,240px); }
}

/* Official Spotify playback; album artwork stays unchanged. */
.spotify-player { min-height:352px; background:#181818; }
.spotify-player iframe { display:block; width:100%; height:352px; border:0; border-radius:0; }
.spotify-caption { display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; justify-content:space-between; align-items:baseline; margin-top:1rem; font-size:.8125rem; line-height:1.6; }
.spotify-caption p { margin:0; flex:1 1 15rem; }
.spotify-caption a { text-decoration:underline; text-underline-offset:4px; }
#ouvir { scroll-margin-top:1.5rem; }

/* Each album keeps its own inks and typographic rhythm. */
#faixas[data-track-design="6"] {
  display:block; padding:clamp(3rem,6vw,5.5rem) 0;
  --track-name-font:'Space Grotesk',Manrope,sans-serif;
  --track-name-size:1.1875rem;
  --track-number-font:'Space Grotesk',sans-serif;
  --track-number-size:1.0625rem;
  --track-button-radius:50%;
  --track-line:color-mix(in srgb,var(--ink) 23%,transparent);
}
#faixas .track-intro { position:static; display:block; margin-bottom:2.25rem; }
#faixas .track-intro .chapterhead { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:1.5rem 3rem; margin:0; }
#faixas .track-intro .chapterhead h2 { font-family:'Bodoni Moda',Georgia,serif; font-size:clamp(2.5rem,5vw,4.5rem)!important; font-weight:400; line-height:1.04; letter-spacing:-.045em; margin:0; }
#faixas .chapterhead h2 span { display:inline; }
#faixas .chapterhead h2 em { display:inline; font-weight:400; }
#faixas .track-intro .chapter-count { display:flex; align-items:baseline; flex-wrap:wrap; gap:1rem 2rem; color:var(--muted); font-size:.875rem; line-height:1.6; text-align:left; }
#faixas .chapter-count span { display:inline-flex; align-items:baseline; gap:.5rem; }
#faixas .chapter-count b { color:var(--ink); font-family:'Space Grotesk',sans-serif; font-size:1.375rem; font-weight:500; font-variant-numeric:tabular-nums; letter-spacing:-.025em; }
#faixas .track-instruction { max-width:none; margin:1rem 0 0; font-size:.875rem; color:var(--muted); line-height:1.6; }
#faixas .track-content { min-width:0; }
#faixas .trackhead { display:grid; grid-template-columns:2.75rem minmax(0,1fr) 3.5rem 46px; column-gap:1rem; padding:0 .75rem .875rem; font-size:.75rem; font-weight:500; letter-spacing:.055em; color:var(--muted); }
#faixas .trackhead span:first-child { grid-column:1/3; }
#faixas .trackhead span:nth-child(2) { text-align:right; }
#faixas .trackhead span:last-child { text-align:center; }
#faixas .track-content ol { display:grid; grid-template-columns:minmax(0,1fr); gap:0; list-style:none; padding:0; margin:0; }
#faixas .trackrow {
  --ink:inherit; --muted:inherit; --accent:inherit; --bg:inherit;
  position:relative; display:grid; grid-template-columns:2.75rem minmax(0,1fr) 3.5rem 46px;
  grid-template-areas:'number name time play'; gap:1rem; align-items:center;
  min-height:88px; padding:1.125rem .75rem; margin:0; border:0!important;
  border-top:1px solid var(--track-line)!important; color:var(--ink); background:transparent;
  transition:background-color .18s;
}
#faixas .trackrow:last-child { border-bottom:1px solid var(--track-line)!important; }
#faixas .trackrow::before { content:''; position:absolute; inset:.75rem auto .75rem 0; width:2px; background:var(--accent); opacity:0; }
#faixas .trackrow:hover,#faixas .trackrow:focus-within { background:color-mix(in srgb,var(--ink) 5%,transparent); }
#faixas .trackrow.is-selected { background:color-mix(in srgb,var(--accent) 7%,transparent); }
#faixas .trackrow.is-selected::before { opacity:1; }
#faixas .trackrow.is-playing { background:color-mix(in srgb,var(--accent) 12%,transparent); }
#faixas .tracknum { grid-area:number; font-family:var(--track-number-font); font-size:var(--track-number-size)!important; line-height:1.3; color:var(--muted); font-style:normal; font-weight:400; font-variant-numeric:tabular-nums; letter-spacing:-.025em; }
#faixas .trackname { grid-area:name; display:block; min-width:0; padding:0; font-family:var(--track-name-font); font-size:var(--track-name-size)!important; font-weight:500; line-height:1.35; letter-spacing:-.018em; text-transform:none; }
#faixas .trackname a { overflow-wrap:anywhere; text-decoration-thickness:1px; text-underline-offset:.25em; }
#faixas .trackname a:hover { text-decoration:underline; }
#faixas .explicit { display:inline; margin-left:.35rem; font-family:Manrope,sans-serif; font-size:.75rem; vertical-align:middle; letter-spacing:0; }
#faixas .tracktime { grid-area:time; margin:0; font-family:'Space Grotesk',sans-serif; font-size:.875rem; font-weight:400; line-height:1.5; color:var(--muted); text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
#faixas .track-status { display:none; margin-top:.35rem; font-family:Manrope,sans-serif; font-size:.75rem; font-weight:400; letter-spacing:.025em; line-height:1.5; color:var(--muted); }
#faixas .trackrow.is-selected .track-status { display:block; }
#faixas .track-status .status-playing,#faixas .is-playing .track-status .status-selected { display:none; }
#faixas .is-playing .track-status .status-playing { display:inline; color:var(--accent); }
#faixas .track-play-btn { grid-area:play; display:grid; place-content:center; width:46px; height:46px; min-width:46px; min-height:46px; padding:0; border:1px solid color-mix(in srgb,var(--accent) 65%,transparent); border-radius:var(--track-button-radius); background:transparent; color:var(--accent); transition:background-color .18s,color .18s,border-color .18s; }
#faixas .track-play-btn:hover,#faixas .track-play-btn:focus-visible,#faixas .is-playing .track-play-btn { border-color:var(--accent); color:var(--bg); background:var(--accent); }
#faixas .track-play-btn:focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
#faixas .track-control { display:block; width:18px; height:18px; }
#faixas .track-control-play { margin-left:2px; }
#faixas .track-control-pause,#faixas .is-playing .track-control-play { display:none; }
#faixas .is-playing .track-control-pause { display:block; }

/* Money ledger, mint index, night poster, orbit and vermilion sleeve. */
#faixas[data-track-layout="paired"] .track-content ol { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:clamp(1.5rem,4vw,4rem); }
#faixas[data-track-layout="paired"] .trackhead { display:none; }
#faixas[data-track-layout="paired"] .trackrow:nth-last-child(2):nth-child(odd) { border-bottom:1px solid var(--track-line)!important; }
.currency #faixas { --track-number-font:'Bodoni Moda',Georgia,serif; --track-number-size:1.5rem; }
.currency #faixas .tracknum { color:var(--accent); font-style:italic; }
.fracture #faixas { --track-number-size:1.5rem; --track-name-size:1.3rem; --track-button-radius:6px; }
.fracture #faixas .trackrow:nth-child(even):not(.is-selected):not(:hover):not(:focus-within) { background:color-mix(in srgb,var(--pop) 23%,transparent); }
.fracture #faixas .tracknum { color:var(--accent); }
.laboratory #faixas { --track-button-radius:12px; }
.laboratory #faixas .tracknum { color:var(--accent); }
.laboratory #faixas .chapterhead h2 { font-family:'Space Grotesk',sans-serif; font-size:clamp(2.5rem,4.2vw,4rem)!important; letter-spacing:-.06em; }
.laboratory #faixas .chapterhead h2 em { font-style:normal; color:var(--accent); }
.museum #faixas { --track-name-font:'Bodoni Moda',Georgia,serif; --track-name-size:1.625rem; }
.museum #faixas .tracknum { color:var(--accent); }
.poster #faixas { --track-name-font:'Barlow Condensed',sans-serif; --track-name-size:1.75rem; --track-number-font:'Barlow Condensed',sans-serif; --track-number-size:1.5rem; --track-button-radius:0; }
.poster #faixas .trackname { text-transform:uppercase; letter-spacing:.005em; }
.poster #faixas .tracknum { color:var(--pop); }
.poster #faixas .chapterhead h2 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(3rem,5vw,4.8rem)!important; font-weight:600; text-transform:uppercase; letter-spacing:-.015em; }
.poster #faixas .chapterhead h2 em { font-style:normal; color:var(--accent); }
.monument #faixas { --track-name-font:'Bodoni Moda',Georgia,serif; --track-name-size:1.5rem; --track-number-size:1rem; --track-button-radius:2px; }
.monument #faixas .tracknum { color:var(--pop); }
.orbit #faixas { --track-number-size:1rem; }
.orbit #faixas .tracknum { color:var(--accent); }
.orbit #faixas .trackrow { border-top-style:dashed!important; }
.candy #faixas { --track-button-radius:14px; }
.candy #faixas .tracknum { display:grid; place-items:center; width:2.2rem; height:2.2rem; color:var(--ink); background:var(--pop); font-size:.875rem!important; font-weight:500; }
.candy #faixas .trackrow:nth-child(4n+2):not(.is-selected):not(:hover):not(:focus-within),.candy #faixas .trackrow:nth-child(4n+3):not(.is-selected):not(:hover):not(:focus-within) { background:color-mix(in srgb,var(--ink) 6%,transparent); }
.vinyl #faixas { --track-button-radius:0; --track-number-size:1.125rem; }
.vinyl #faixas .trackrow { border-top-width:2px!important; }
.vinyl #faixas .tracknum { font-weight:600; color:var(--ink); }
.rose #faixas { --track-name-font:'Bodoni Moda',Georgia,serif; --track-name-size:1.625rem; --track-number-font:'Bodoni Moda',Georgia,serif; --track-number-size:1.375rem; }
.rose #faixas .tracknum { font-style:italic; }
.rose #faixas .chapterhead h2 em { color:var(--ink); }
.rose #faixas .is-playing .track-status .status-playing { color:var(--pop); }

@media(max-width:1000px) {
  #faixas[data-track-layout="paired"] .track-content ol { grid-template-columns:minmax(0,1fr); }
  #faixas[data-track-layout="paired"] .trackhead { display:grid; }
  #faixas[data-track-layout="paired"] .trackrow:nth-last-child(2):nth-child(odd) { border-bottom:0!important; }
}
@media(max-width:620px) {
  #faixas[data-track-design="6"] { padding:3rem 0; --track-name-size:1.0625rem; --track-number-size:1rem; }
  #faixas .track-intro { margin-bottom:1.5rem; }
  #faixas .track-intro .chapterhead { display:block; }
  #faixas .track-intro .chapterhead h2 { font-size:2.75rem!important; }
  #faixas .track-intro .chapter-count { margin-top:1rem; gap:.75rem 1.5rem; }
  #faixas .chapter-count b { font-size:1.1875rem; }
  #faixas .track-instruction { max-width:28rem; }
  #faixas .track-content .trackhead { display:none; }
  #faixas .trackrow { grid-template-columns:2.2rem minmax(0,1fr) 46px; grid-template-areas:'number name play' 'number time play'; min-height:94px; padding:1rem .5rem; gap:.3rem .65rem; }
  #faixas .tracknum { align-self:start; padding-top:.2rem; }
  #faixas .tracktime { text-align:left; font-size:.875rem; }
  #faixas .track-play-btn { align-self:center; }
  .museum #faixas,.monument #faixas,.rose #faixas { --track-name-size:1.375rem; }
  .poster #faixas { --track-name-size:1.5rem; --track-number-size:1.25rem; }
  .candy #faixas .tracknum { width:1.8rem; height:1.8rem; padding:0; font-size:.8125rem!important; }
}
@media(prefers-reduced-motion:reduce) {
  #faixas .trackrow,#faixas .track-play-btn { transition:none; }
}

/* One native playback button covers the row; the Spotify title stays a separate link. */
#faixas .track-play-btn { position:static; }
#faixas .track-play-btn::after { content:''; position:absolute; inset:0; z-index:1; cursor:pointer; }
#faixas .trackname a { position:relative; z-index:2; }
#faixas .trackname .track-external-icon { display:inline-block; width:12px; height:12px; margin-left:.35rem; vertical-align:baseline; opacity:.65; }
#faixas .trackname a:hover .track-external-icon,#faixas .trackname a:focus-visible .track-external-icon { opacity:1; }
#faixas .track-play-btn:focus-visible { outline:none; }
#faixas .track-play-btn:focus-visible::after { outline:2px solid var(--accent); outline-offset:2px; }

/* One music workspace; original covers and each album's color system stay intact. */
[hidden] { display:none !important; }
button, a { -webkit-tap-highlight-color:transparent; }
button { font:inherit; }
button:disabled { cursor:default; opacity:.38; }
.experience-button { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; min-height:46px; border:1px solid currentColor; background:transparent; color:inherit; padding:.65rem 1rem; cursor:pointer; font:600 .875rem/1.3 'Space Grotesk',sans-serif; }
.experience-button:hover:not(:disabled), .experience-button[aria-pressed="true"] { background:var(--ink); color:var(--bg); }
.experience-button:focus-visible, .track-map-button:focus-visible, .view-tab:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
.hero .actions .experience-button { min-height:50px; }
.hero-route { display:flex; gap:1.25rem; flex-wrap:wrap; margin-top:1.25rem; font-size:.8125rem; }
.hero-route a { text-decoration:underline; text-underline-offset:5px; }
#ouvir.album-story { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); align-items:start; }
.album-facts { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid currentColor; margin:0 0 1.5rem; }
.album-facts div { padding:1rem 0; border-bottom:1px solid color-mix(in srgb,currentColor 30%,transparent); }
.album-facts dt { font-size:.75rem; margin-bottom:.5rem; }
.album-facts dd { margin:0; font:500 clamp(1.65rem,3vw,2.75rem)/1 'Space Grotesk',sans-serif; font-variant-numeric:tabular-nums; }
.story-detail { border-bottom:1px solid color-mix(in srgb,currentColor 30%,transparent); font-size:.8125rem; }
.story-detail summary { padding:1rem 0; cursor:pointer; }
.story-detail p { line-height:1.8; margin:0 0 1rem; }
.story-jump { display:inline-flex; margin-top:1.5rem; text-decoration:underline; text-underline-offset:5px; font-size:.875rem; }
#faixas[data-track-design="6"] { display:block; scroll-margin-top:2rem; }
#faixas .track-intro .chapterhead { align-items:center; }
.stage-toolbar { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; gap:1rem; padding:1rem 0 1.5rem; }
.view-tabs { display:inline-flex; gap:.25rem; border-bottom:1px solid color-mix(in srgb,var(--ink) 30%,transparent); }
.view-tab { border:0; border-bottom:3px solid transparent; padding:.8rem 1.1rem; background:transparent; color:var(--ink); font:600 .875rem/1.3 'Space Grotesk',sans-serif; cursor:pointer; }
.view-tab[aria-selected="true"] { border-bottom-color:var(--accent); }
.stage-actions { display:flex; gap:.75rem; flex-wrap:wrap; }
.listening-workspace { display:grid; grid-template-columns:minmax(0,1fr) minmax(310px,360px); gap:clamp(2rem,4vw,4.5rem); align-items:start; }
#faixas .track-content { min-width:0; }
.track-panels { min-width:0; width:100%; }
#faixas[data-track-layout="paired"] .track-content ol { display:block; }
#faixas .track-content .trackhead { display:none; }
#faixas[data-track-layout="paired"] .trackrow:nth-last-child(2):nth-child(odd) { border-bottom:0!important; }
#faixas .trackrow { min-height:88px; }
.listening-console { position:sticky; top:1.25rem; border-top:3px solid var(--accent); padding-top:1.25rem; min-width:0; }
.console-topline { display:flex; align-items:center; justify-content:space-between; gap:1rem; font:600 .6875rem/1.3 'Space Grotesk',sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.console-topline .console-light { display:flex; align-items:center; gap:.5rem; }
.console-light::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--ink); opacity:.25; }
.is-playing .console-light::before { background:var(--accent); opacity:1; }
.selected-heading { display:grid; grid-template-columns:2.75rem minmax(0,1fr); gap:1rem; margin:1.25rem 0; align-items:start; }
.selected-number { font:400 1.5rem/1.2 'Bodoni Moda',serif; color:var(--accent); }
.selected-heading h3 { margin:0 0 .5rem; font:500 clamp(1.4rem,2vw,1.75rem)/1.12 'Space Grotesk',sans-serif; overflow-wrap:anywhere; }
.selected-detail { margin:0; font-size:.75rem; line-height:1.5; color:var(--muted); }
.transport { display:grid; grid-template-columns:46px minmax(0,1fr) 46px; gap:.5rem; margin-bottom:1rem; }
.transport .experience-button { padding:.5rem; }
.transport-primary { border-color:var(--accent); color:var(--accent); }
.transport-primary:hover:not(:disabled) { background:var(--accent); color:var(--bg); }
.transport svg, .listening-dock svg { width:18px; height:18px; fill:currentColor; flex:none; }
.transport-pause { display:none; }
.is-audio-playing .transport-pause { display:block; }
.is-audio-playing .transport-play { display:none; }
.spotify-player { min-height:352px; background:transparent; }
.spotify-loading { height:352px; display:flex; flex-direction:column; justify-content:center; gap:1rem; padding:1.5rem; border:1px dashed color-mix(in srgb,var(--ink) 35%,transparent); font-size:.875rem; }
.spotify-loading a { text-decoration:underline; text-underline-offset:4px; }
.spotify-caption { display:block; margin-top:1rem; }
.spotify-caption p { min-height:2.8em; line-height:1.4; margin:0 0 .5rem; }
.spotify-caption a { display:inline-block; padding:.5rem 0; }
.embed-note { font-size:.6875rem; line-height:1.6; color:var(--muted); margin:.5rem 0 0; }
.playback-readout { margin-top:1rem; padding-top:.75rem; border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent); font:400 .6875rem/1.5 'Space Grotesk',sans-serif; color:var(--muted); }
.playback-readout progress { display:block; width:100%; height:3px; border:0; border-radius:0; margin:0 0 .75rem; accent-color:var(--accent); }
.playback-readout progress::-webkit-progress-bar { background:color-mix(in srgb,var(--ink) 15%,transparent); }
.playback-readout progress::-webkit-progress-value { background:var(--accent); }
.map-heading { display:flex; justify-content:space-between; align-items:start; gap:1rem; }
.map-heading p { margin:0; font-size:.8125rem; line-height:1.6; max-width:27rem; }
.rail-controls { display:flex; gap:.5rem; flex:none; }
.rail-controls .experience-button { width:46px; padding:.5rem; font-size:1.25rem; }
.track-map { display:grid; grid-auto-flow:column; grid-auto-columns:125px; align-items:end; overflow-x:auto; scroll-snap-type:x proximity; gap:12px; padding:2rem 6px 1.5rem; scrollbar-width:thin; scrollbar-color:var(--accent) transparent; }
.track-map-button { display:flex; flex-direction:column; align-items:stretch; padding:0; background:transparent; color:var(--ink); border:0; text-align:left; cursor:pointer; scroll-snap-align:start; }
.track-map-bar { display:flex; align-items:flex-end; height:calc(60px + var(--duration-ratio)*130px); background:color-mix(in srgb,var(--accent) 25%,transparent); border-top:2px solid var(--accent); padding:12px; margin-bottom:1rem; transition:background .2s ease; }
.track-map-button:nth-child(3n+2) .track-map-bar { background:color-mix(in srgb,var(--accent) 38%,transparent); }
.track-map-button:nth-child(3n) .track-map-bar { background:color-mix(in srgb,var(--accent) 18%,transparent); }
.track-map-button:hover .track-map-bar, .track-map-button.is-selected .track-map-bar { background:var(--accent); color:var(--bg); }
.track-map-number { font:500 1.75rem/1 'Space Grotesk',sans-serif; }
.track-map-name { min-height:4.4em; padding-right:.5rem; font:500 .9375rem/1.3 'Space Grotesk',sans-serif; overflow-wrap:anywhere; }
.track-map-time { padding-top:.75rem; border-top:1px solid color-mix(in srgb,var(--ink) 30%,transparent); font-size:.75rem; font-variant-numeric:tabular-nums; }
.map-caption { color:var(--muted); font-size:.6875rem; line-height:1.5; }
.map-panel { min-width:0; }
.currency .track-map-number, .museum .track-map-number, .monument .track-map-number, .rose .track-map-number { font-family:'Bodoni Moda',serif; font-style:italic; }
.laboratory .track-map-bar, .candy .track-map-bar { border-radius:12px 12px 0 0; }
.poster .track-map-name { font-family:'Barlow Condensed',sans-serif; font-size:1.25rem; text-transform:uppercase; }
.orbit .track-map-bar { border-top-style:dashed; }
.vinyl .track-map-bar { border-top-width:4px; }
.universes-head { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1.5rem; }
.universe-tools { display:flex; align-items:center; flex-wrap:wrap; gap:1rem; }
.year-filters { display:flex; gap:.5rem; }
.year-filters .experience-button { padding:.65rem .9rem; }
.universe-intro { font-size:.875rem; line-height:1.6; color:var(--muted); margin:1.5rem 0; }
.universe-rail { display:grid; grid-auto-flow:column; grid-auto-columns:clamp(160px,18vw,225px); gap:clamp(1rem,2vw,2rem); overflow-x:auto; scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-color:var(--accent) transparent; padding:5px 5px 1.5rem; margin:0 -5px; }
.universe-card { color:inherit; text-decoration:none; display:block; scroll-snap-align:start; }
.universe-card img { display:block; aspect-ratio:1; width:100%; height:auto; object-fit:contain; }
.universe-card[aria-current="page"] img { outline:2px solid var(--accent); outline-offset:4px; }
.universe-card:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.universe-card h3 { margin:1rem 0 .4rem; font:600 1rem/1.25 'Space Grotesk',sans-serif; }
.universe-card p { margin:0; font-size:.6875rem; color:var(--muted); }
.universe-card .current-label { display:inline-block; margin-top:.65rem; font-size:.625rem; text-transform:uppercase; letter-spacing:.08em; border-bottom:1px solid var(--accent); }
.album-neighbors { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin-top:2rem; border-top:1px solid color-mix(in srgb,var(--ink) 30%,transparent); padding-top:1.5rem; }
.album-neighbors a { text-decoration:none; font-size:.9375rem; line-height:1.5; }
.album-neighbors a:last-child { text-align:right; }
.album-neighbors small { display:block; color:var(--muted); font-size:.625rem; letter-spacing:.1em; text-transform:uppercase; }
.album-neighbors a:hover { text-decoration:underline; text-underline-offset:5px; }
.listening-dock { display:none; }
.is-listening-mode > header, .is-listening-mode > footer, .is-listening-mode main > :not(#faixas) { display:none !important; }
.is-listening-mode #faixas { margin:0; padding:2rem 0; min-height:100vh; }
.is-listening-mode #faixas .track-intro h2 { font-size:clamp(2.1rem,5vw,3.5rem); }
.is-listening-mode .listening-console { top:1.25rem; }
@media (min-width:761px) and (max-height:750px) {
  .listening-console, .is-listening-mode .listening-console { position:static; }
}
@media (max-width:1000px) {
  .listening-workspace { grid-template-columns:minmax(0,1fr) 310px; gap:1.75rem; }
  #faixas .trackrow { grid-template-columns:2rem minmax(0,1fr) 3rem 46px; padding-left:.5rem; padding-right:.5rem; }
  #faixas .trackname a { font-size:1rem !important; }
}
@media (max-width:760px) {
  #ouvir.album-story { grid-template-columns:1fr; }
  .listening-workspace { display:flex; flex-direction:column; gap:2rem; }
  .listening-console { position:static; width:100%; order:-1; }
  #faixas .track-content { width:100%; }
  .selected-heading h3 { font-size:1.5rem; }
  .spotify-caption p { min-height:0; }
  .playback-readout { margin-top:.75rem; }
  .stage-toolbar { gap:1rem; }
  .stage-actions .experience-button { font-size:.75rem; padding:.65rem .75rem; }
  .track-map { grid-auto-columns:112px; }
  .track-map-name { font-size:.875rem; }
  .universe-rail { grid-auto-columns:150px; }
  .universe-tools { width:100%; justify-content:space-between; }
  .has-selected-track { padding-bottom:80px; }
  .has-selected-track .listening-dock { display:grid; grid-template-columns:minmax(0,1fr) 46px; position:fixed; z-index:50; inset:auto 0 0; padding:.65rem max(1rem,env(safe-area-inset-left)) calc(.65rem + env(safe-area-inset-bottom)); background:var(--bg); color:var(--ink); border-top:2px solid var(--accent); gap:1rem; align-items:center; }
  .listening-dock a { display:block; text-decoration:none; overflow:hidden; }
  .listening-dock strong { display:block; font-size:.875rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .listening-dock small { display:block; font-size:.625rem; color:var(--muted); margin-bottom:.25rem; }
  .listening-dock .experience-button { padding:.5rem; }
}
@media (max-width:620px) {
  #faixas .trackrow { grid-template-columns:1.6rem minmax(0,1fr) 46px; grid-template-areas:'number name play' 'number time play'; min-height:88px; }
  .map-heading { flex-wrap:wrap; }
  .album-neighbors { gap:1rem; }
  .album-neighbors a { font-size:.8125rem; }
  .is-listening-mode #faixas { padding-top:1rem; }
}
@media (prefers-reduced-motion:reduce) {
  .track-map-bar { transition:none; }
  .universe-rail, .track-map { scroll-behavior:auto; }
}

/* Edition 09: a continuous listening instrument, with artwork in the atmosphere. */
body[data-cockpit="9"] {
  --line:color-mix(in srgb,var(--ink) 15%,transparent);
  --glass:color-mix(in srgb,var(--bg) 82%,transparent);
  background:var(--bg); color:var(--ink); font-family:Manrope,Arial,sans-serif;
  position:relative; isolation:isolate; min-height:100vh; color-scheme:dark;
}
.cockpit-atmosphere { position:fixed; inset:0; z-index:-1; pointer-events:none; overflow:hidden; background:var(--bg); }
.cockpit-atmosphere::before { content:''; position:absolute; inset:0; background:url('/atmosphere/cockpit-substrate.webp') center/cover no-repeat; opacity:.42; }
.cockpit-atmosphere::after { content:''; position:absolute; inset:0; background:linear-gradient(105deg,color-mix(in srgb,var(--bg) 45%,transparent),color-mix(in srgb,var(--bg) 86%,transparent) 68%),radial-gradient(ellipse at 80% 12%,color-mix(in srgb,var(--pop) 11%,transparent),transparent 60%); }
.album-aura { position:absolute; width:min(88vw,1150px); aspect-ratio:1; top:-12%; right:-12%; background:var(--album-art) center/contain no-repeat; filter:blur(65px) saturate(1.35); opacity:.32; mask-image:radial-gradient(ellipse,black 8%,transparent 65%); -webkit-mask-image:radial-gradient(ellipse,black 8%,transparent 65%); }
body[data-cockpit="9"] .shell { width:min(1380px,calc(100% - 6rem)); }
body[data-cockpit="9"] .topbar { height:auto; min-height:88px; border:0; gap:1rem; }
body[data-cockpit="9"] .brand { font-size:.875rem; letter-spacing:.16em; }
body[data-cockpit="9"] .brandmark { color:var(--accent); }
body[data-cockpit="9"] .nav { gap:.5rem; flex-wrap:wrap; font-size:.875rem; }
body[data-cockpit="9"] .nav a { padding:.65rem 1rem; border-radius:999px; }
body[data-cockpit="9"] .nav a:hover,body[data-cockpit="9"] .nav a:focus-visible { background:color-mix(in srgb,var(--ink) 6%,transparent); }
body[data-cockpit="9"] .nav a::after { display:none; }
body[data-cockpit="9"] .hero { display:block; min-height:0; padding:1.75rem 0 2.75rem; margin:0; background:none; border:0; overflow:visible; }
.instrument-folio { display:flex; align-items:center; gap:.75rem 2rem; flex-wrap:wrap; color:var(--muted); font:500 .75rem/1.5 'Space Grotesk',sans-serif; letter-spacing:.11em; text-transform:uppercase; margin-bottom:2rem; }
.instrument-folio strong { color:var(--accent); font-weight:500; }
.cockpit-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,300px); gap:clamp(2rem,6vw,7rem); align-items:center; }
.cockpit-copy { min-width:0; }
body[data-cockpit="9"] .hero h1 { position:static; transform:none; color:var(--ink); font:500 clamp(3.1rem,6.4vw,6.6rem)/.98 'Space Grotesk',Arial,sans-serif; letter-spacing:-.05em; margin:0; padding:0; max-width:100%; text-transform:none; }
body[data-cockpit="9"] .hero h1 span { display:inline; color:inherit; font:inherit; }
body[data-cockpit="9"].currency .hero h1,body[data-cockpit="9"].museum .hero h1,body[data-cockpit="9"].rose .hero h1 { font-family:'Bodoni Moda',Georgia,serif; font-weight:400; font-style:italic; letter-spacing:-.04em; }
body[data-cockpit="9"].poster .hero h1 { font-family:'Barlow Condensed',Arial,sans-serif; text-transform:uppercase; letter-spacing:.005em; font-size:clamp(4rem,8vw,8rem); }
body[data-cockpit="9"] .hero .intro { font-size:1.0625rem; color:var(--muted); margin:1.25rem 0; max-width:35rem; line-height:1.65; }
body[data-cockpit="9"] .metadata { font-size:.875rem; gap:.7rem 1.5rem; color:var(--muted); }
body[data-cockpit="9"] .metadata span + span { position:relative; }
body[data-cockpit="9"] .metadata span + span::before { content:''; width:3px; height:3px; border-radius:50%; background:var(--accent); display:inline-block; vertical-align:middle; margin-right:1.5rem; }
body[data-cockpit="9"][data-design-version="4"] .hero .artwork { width:100%; max-width:300px; grid-column:auto; grid-row:auto; align-self:center; justify-self:center; padding:0; margin:0; background:none; box-shadow:none; border:0; border-radius:0; }
body[data-cockpit="9"] .hero .art-shell { background:none; padding:0; border:0; border-radius:0; }
body[data-cockpit="9"] .hero .artwork img { width:100%; height:auto; aspect-ratio:1; object-fit:contain; border-radius:0; transform:none!important; filter:drop-shadow(0 18px 35px #0008); }
body[data-cockpit="9"] .hero .artwork figcaption { font-size:.75rem; color:var(--muted); gap:.5rem; }
body[data-cockpit="9"] .date-line { font-size:.75rem; margin-top:1rem; }
body[data-cockpit="9"] .actions { margin-top:1.5rem; gap:.75rem; }
body[data-cockpit="9"] .experience-button,body[data-cockpit="9"] .button {
  min-height:46px; border:1px solid color-mix(in srgb,var(--ink) 15%,transparent); border-radius:999px;
  background:linear-gradient(160deg,color-mix(in srgb,var(--ink) 9%,transparent),color-mix(in srgb,var(--bg) 70%,transparent));
  color:var(--ink); box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink) 7%,transparent),0 7px 20px #0002;
  padding:.75rem 1.15rem; font:500 .875rem/1.3 'Space Grotesk',Arial,sans-serif;
  transition:background .18s,border-color .18s,box-shadow .18s; transform:none;
}
body[data-cockpit="9"] .button.primary { color:var(--bg); background:var(--accent); border-color:var(--accent); box-shadow:0 0 30px color-mix(in srgb,var(--accent) 13%,transparent); }
body[data-cockpit="9"] .button.text { background:none; box-shadow:none; border:0; text-decoration:none; padding-inline:.65rem; }
body[data-cockpit="9"] .button:hover:not(:disabled),body[data-cockpit="9"] .experience-button:hover:not(:disabled) { border-color:var(--accent); background:color-mix(in srgb,var(--accent) 13%,var(--bg)); color:var(--ink); }
body[data-cockpit="9"] .button.primary:hover { background:var(--ink); color:var(--bg); }
body[data-cockpit="9"] .experience-button[aria-pressed="true"] { color:var(--bg); background:var(--accent); border-color:var(--accent); }
body[data-cockpit="9"] .hero-route { font-size:.875rem; gap:1rem 1.5rem; }
body[data-cockpit="9"] .hero-route a { color:var(--muted); text-decoration:none; }
body[data-cockpit="9"] .hero-route a:hover { color:var(--accent); }
.instrument-navigation { display:flex; gap:1.5rem 2.5rem; flex-wrap:wrap; border-bottom:1px solid var(--line); padding:1rem 0 1.25rem; margin-bottom:2rem; }
.instrument-navigation a { display:flex; align-items:baseline; gap:.65rem; font:500 .875rem/1.4 'Space Grotesk',Arial,sans-serif; color:var(--muted); }
.instrument-navigation strong { font-size:1rem; font-weight:500; color:var(--accent); font-variant-numeric:tabular-nums; }
.instrument-navigation a:hover { color:var(--ink); }
body[data-cockpit="9"] .chapter { border:0; padding:3rem 0; background:none; }
body[data-cockpit="9"] #faixas[data-track-design="6"] { padding:1rem 0 3rem; }
body[data-cockpit="9"] #faixas .track-intro { margin-bottom:.5rem; }
body[data-cockpit="9"] #faixas .track-intro .chapterhead { gap:1.5rem; align-items:center; }
body[data-cockpit="9"] #faixas .track-intro .chapterhead h2 { font-family:'Space Grotesk',Arial,sans-serif; font-size:clamp(2rem,3.5vw,3rem)!important; line-height:1.1; letter-spacing:-.045em; }
body[data-cockpit="9"] #faixas .chapterhead h2 em { color:var(--accent); font-style:normal; }
body[data-cockpit="9"] #faixas .track-intro .chapter-count { font-size:.875rem; gap:1.5rem; }
body[data-cockpit="9"] #faixas .chapter-count b { font-size:1.25rem; font-weight:400; }
body[data-cockpit="9"] #faixas .track-instruction { font-size:.875rem; line-height:1.6; margin:.9rem 0; max-width:56rem; }
body[data-cockpit="9"] .stage-toolbar { padding:.75rem 0 1.5rem; gap:1rem; }
body[data-cockpit="9"] .view-tabs { border:0; padding:4px; border-radius:999px; background:color-mix(in srgb,var(--ink) 5%,transparent); box-shadow:inset 0 1px 4px #0005; }
body[data-cockpit="9"] .view-tab { border:0; border-radius:999px; min-height:44px; padding:.7rem 1.15rem; font-size:.875rem; color:var(--muted); }
body[data-cockpit="9"] .view-tab[aria-selected="true"] { color:var(--ink); background:color-mix(in srgb,var(--ink) 9%,transparent); box-shadow:0 3px 12px #0005,inset 0 1px 0 color-mix(in srgb,var(--ink) 10%,transparent); }
body[data-cockpit="9"] .stage-actions { gap:.75rem; }
body[data-cockpit="9"] .listening-workspace { grid-template-columns:minmax(0,1fr) minmax(320px,380px); gap:clamp(1.5rem,4vw,4.5rem); align-items:start; }
body[data-cockpit="9"] #faixas .trackrow { border:0!important; border-bottom:1px solid var(--line)!important; background:transparent; min-height:82px; padding:1rem .75rem; grid-template-columns:2.5rem minmax(0,1fr) 3.5rem 46px; grid-template-areas:'number name time play'; gap:.75rem; border-radius:0 999px 999px 0; }
body[data-cockpit="9"] #faixas .trackrow:last-child,body[data-cockpit="9"] #faixas[data-track-layout="paired"] .trackrow:nth-last-child(2):nth-child(odd) { border-bottom:1px solid var(--line)!important; }
body[data-cockpit="9"] #faixas .trackrow:nth-child(n):not(.is-selected):not(:hover):not(:focus-within) { background:transparent; }
body[data-cockpit="9"] #faixas .trackrow:hover,body[data-cockpit="9"] #faixas .trackrow:focus-within { background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 6%,transparent)); }
body[data-cockpit="9"] #faixas .trackrow.is-selected { background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 5%,transparent),color-mix(in srgb,var(--accent) 11%,transparent)); }
body[data-cockpit="9"] #faixas .trackrow.is-playing { background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,transparent),color-mix(in srgb,var(--accent) 17%,transparent)); }
body[data-cockpit="9"] #faixas .trackrow::before { width:3px; border-radius:99px; inset:1.2rem auto 1.2rem 0; }
body[data-cockpit="9"] #faixas .tracknum { font-family:'Space Grotesk',Arial,sans-serif; font-size:.875rem!important; color:var(--muted); width:auto; height:auto; background:none; padding:0; font-style:normal; font-weight:400; }
body[data-cockpit="9"] #faixas .trackname { font-family:'Space Grotesk',Arial,sans-serif; font-size:1.0625rem!important; text-transform:none; font-weight:500; line-height:1.5; }
body[data-cockpit="9"] #faixas .trackname a { font-size:inherit!important; }
body[data-cockpit="9"] #faixas .tracktime { font-size:.875rem; color:var(--muted); }
body[data-cockpit="9"] #faixas .track-status { font-size:.75rem; letter-spacing:0; }
body[data-cockpit="9"] #faixas .track-play-btn { border:1px solid color-mix(in srgb,var(--accent) 40%,transparent); border-radius:50%; background:radial-gradient(circle at 35% 20%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 65%); box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink) 10%,transparent),0 4px 12px #0003; color:var(--accent); }
body[data-cockpit="9"] #faixas .track-play-btn::after { border-radius:0 999px 999px 0; }
body[data-cockpit="9"] #faixas .track-play-btn:hover,body[data-cockpit="9"] #faixas .is-playing .track-play-btn { background:var(--accent); color:var(--bg); border-color:var(--accent); }
body[data-cockpit="9"] #faixas .track-play-btn:focus-visible::after { outline:2px solid var(--accent); outline-offset:2px; }
body[data-cockpit="9"] .listening-console { border:0; padding:1.5rem; border-radius:38px 38px 52px 18px; background:linear-gradient(150deg,color-mix(in srgb,var(--ink) 6%,var(--bg)),color-mix(in srgb,var(--bg) 95%,transparent)); box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink) 15%,transparent),inset 1px 0 0 color-mix(in srgb,var(--ink) 5%,transparent),0 20px 50px #0003; }
body[data-cockpit="9"] .listening-console.is-playing { box-shadow:inset 0 1px 0 color-mix(in srgb,var(--accent) 45%,transparent),inset 1px 0 0 color-mix(in srgb,var(--ink) 6%,transparent),0 20px 50px #0003; }
body[data-cockpit="9"] .console-topline { font-size:.75rem; letter-spacing:.06em; }
body[data-cockpit="9"] .selected-heading { grid-template-columns:2.6rem minmax(0,1fr); gap:.75rem; margin:1.25rem 0; }
body[data-cockpit="9"] .selected-number { font:400 1.625rem/1.2 'Space Grotesk',sans-serif; }
body[data-cockpit="9"] .selected-heading h3 { font-size:1.5rem; line-height:1.2; }
body[data-cockpit="9"] .selected-detail { font-size:.75rem; }
body[data-cockpit="9"] .transport { gap:.6rem; }
body[data-cockpit="9"] .transport .experience-button { padding:.6rem; }
body[data-cockpit="9"] .transport-primary { background:color-mix(in srgb,var(--accent) 12%,var(--bg)); border-color:color-mix(in srgb,var(--accent) 25%,transparent); color:var(--accent); }
body[data-cockpit="9"] .spotify-player { border:0; background:transparent; }
body[data-cockpit="9"] .spotify-player iframe { border-radius:24px; width:100%; height:352px; }
body[data-cockpit="9"] .spotify-loading { border:0; border-radius:26px; background:color-mix(in srgb,var(--ink) 4%,transparent); font-size:.875rem; min-width:0; }
body[data-cockpit="9"] .spotify-caption { font-size:.875rem; line-height:1.6; }
body[data-cockpit="9"] .spotify-caption a { font-size:.875rem; text-decoration:none; color:var(--accent); }
body[data-cockpit="9"] .embed-note { font-size:.75rem; line-height:1.65; }
body[data-cockpit="9"] .playback-readout { font-size:.75rem; border-color:var(--line); }
body[data-cockpit="9"] .playback-readout progress { border-radius:999px; height:4px; }
body[data-cockpit="9"] .listening-console .story-jump { margin-top:1rem; padding:.7rem 1rem; font-size:.875rem; text-decoration:none; width:100%; }
body[data-cockpit="9"] .map-heading p { font-size:.875rem; }
body[data-cockpit="9"] .track-map { gap:16px; padding-top:2.25rem; }
body[data-cockpit="9"] .track-map-bar { border:1px solid color-mix(in srgb,var(--accent) 35%,transparent); border-radius:999px 999px 24px 24px; background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--accent) 4%,transparent)); padding:1.25rem .8rem; }
body[data-cockpit="9"] .track-map-button:nth-child(n) .track-map-bar { background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--accent) 4%,transparent)); }
body[data-cockpit="9"] .track-map-button:hover .track-map-bar,body[data-cockpit="9"] .track-map-button.is-selected .track-map-bar { background:linear-gradient(160deg,var(--accent),color-mix(in srgb,var(--accent) 65%,var(--bg))); color:var(--bg); }
body[data-cockpit="9"] .track-map-number { font-family:'Space Grotesk',Arial,sans-serif; font-size:1.5rem; font-style:normal; }
body[data-cockpit="9"] .track-map-name { font-family:'Space Grotesk',Arial,sans-serif; font-size:.9375rem; text-transform:none; }
body[data-cockpit="9"] .track-map-time { font-size:.75rem; border-color:var(--line); }
body[data-cockpit="9"] .map-caption { font-size:.75rem; }
body[data-cockpit="9"] #ouvir.album-story.colorband { --bg:var(--deck-bg); --ink:var(--deck-ink); --muted:var(--deck-muted); --accent:var(--deck-accent); color:var(--ink); background:none; padding:3rem 0; border:0; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:4rem; }
body[data-cockpit="9"] #ouvir.colorband::before { display:none; }
body[data-cockpit="9"] #ouvir .listening-copy { border:0; padding:0; }
body[data-cockpit="9"] #ouvir .listening-copy h2 { font-size:clamp(2rem,3.5vw,3rem); font-family:'Space Grotesk',sans-serif; font-weight:400; line-height:1.15; }
body[data-cockpit="9"] #ouvir .listening-copy p { font-size:1rem; color:var(--muted); }
body[data-cockpit="9"] #ouvir .motifs { gap:1.25rem; }
body[data-cockpit="9"] #ouvir .motifs span { border:0; padding:0; background:none; color:var(--accent); font-size:.75rem; letter-spacing:.08em; }
body[data-cockpit="9"] .album-facts { border:0; gap:1rem 2rem; }
body[data-cockpit="9"] .album-facts div { border-bottom:1px solid var(--line); padding:1rem 0; }
body[data-cockpit="9"] .album-facts dt { font-size:.875rem; color:var(--muted); }
body[data-cockpit="9"] .album-facts dd { font-size:2.25rem; color:var(--ink); }
body[data-cockpit="9"] .story-detail { border-color:var(--line); font-size:.875rem; }
body[data-cockpit="9"] .story-detail summary { min-height:48px; }
body[data-cockpit="9"] .story-jump { color:var(--accent); font-size:.875rem; text-decoration:none; }
body[data-cockpit="9"] .chapterhead h2 { font-family:'Space Grotesk',sans-serif; font-size:clamp(2rem,3.5vw,3rem); }
body[data-cockpit="9"] #catalogo { border:0; padding:3rem 0 2rem; }
body[data-cockpit="9"] .universe-intro { font-size:1rem; }
body[data-cockpit="9"] .universe-rail { grid-auto-columns:clamp(145px,16vw,205px); gap:1.5rem; padding:8px 8px 1.75rem; margin:0 -8px; }
body[data-cockpit="9"] .universe-card { background:none; border:0; border-radius:0; }
body[data-cockpit="9"] .universe-card img { border-radius:0; height:auto; aspect-ratio:1; object-fit:contain; }
body[data-cockpit="9"] .universe-card h3 { font-size:1rem; margin-top:1rem; }
body[data-cockpit="9"] .universe-card p,body[data-cockpit="9"] .universe-card .current-label { font-size:.75rem; }
body[data-cockpit="9"] .album-neighbors { border-top-color:var(--line); }
body[data-cockpit="9"] .album-neighbors small { font-size:.75rem; letter-spacing:.06em; }
body[data-cockpit="9"] .album-neighbors a { font-size:1rem; }
body[data-cockpit="9"] footer { border-top:1px solid var(--line); color:var(--muted); padding-top:2rem; }
body[data-cockpit="9"] footer .brand { color:var(--ink); }
body[data-cockpit="9"] footer p,body[data-cockpit="9"] footer a { font-size:.875rem; }
body[data-cockpit="9"] .explicit { font-size:.75rem; border-color:var(--line); }
body[data-cockpit="9"] .rail-controls .experience-button { padding:.5rem; }
body[data-cockpit="9"].is-listening-mode #faixas { padding-top:2rem; }
body[data-cockpit="9"].is-listening-mode .instrument-navigation { display:none; }
@media (min-width:761px) and (max-height:850px) {
  body[data-cockpit="9"] .listening-console { position:static; }
}
@media (max-width:1000px) {
  body[data-cockpit="9"] .shell { width:calc(100% - 3rem); }
  .cockpit-intro { grid-template-columns:minmax(0,1fr) 240px; gap:2.5rem; }
  body[data-cockpit="9"][data-design-version="4"] .hero .artwork { max-width:240px; }
  body[data-cockpit="9"] .listening-workspace { grid-template-columns:minmax(0,1fr) 330px; gap:1.5rem; }
  body[data-cockpit="9"] .listening-console { padding:1.25rem; }
  body[data-cockpit="9"] #faixas .trackrow { grid-template-columns:1.6rem minmax(0,1fr) 3rem 46px; gap:.6rem; }
  body[data-cockpit="9"] #ouvir.album-story.colorband { gap:2.5rem; }
}
@media (max-width:760px) {
  body[data-cockpit="9"] .shell { width:calc(100% - 2rem); }
  body[data-cockpit="9"] .topbar { min-height:76px; gap:.75rem; flex-wrap:wrap; padding:.75rem 0; }
  body[data-cockpit="9"] .brand { font-size:.75rem; letter-spacing:.09em; gap:.5rem; }
  body[data-cockpit="9"] .nav { font-size:.75rem; gap:0; }
  body[data-cockpit="9"] .nav a { padding:.65rem .5rem; }
  body[data-cockpit="9"] .hero { padding:1.25rem 0 2rem; }
  .instrument-folio { gap:.5rem 1.25rem; font-size:.75rem; margin-bottom:1.5rem; letter-spacing:.07em; }
  .cockpit-intro { grid-template-columns:minmax(0,1fr) 160px; gap:1.5rem; }
  body[data-cockpit="9"] .hero h1 { font-size:clamp(2.75rem,7vw,4.5rem); }
  body[data-cockpit="9"].poster .hero h1 { font-size:clamp(3.5rem,9vw,5rem); }
  body[data-cockpit="9"][data-design-version="4"] .hero .artwork { max-width:160px; align-self:start; }
  body[data-cockpit="9"] .hero .artwork figcaption { display:none; }
  body[data-cockpit="9"] .hero .intro { font-size:1rem; margin:1rem 0; }
  body[data-cockpit="9"] .metadata { gap:.4rem 1rem; font-size:.75rem; }
  body[data-cockpit="9"] .metadata span + span::before { margin-right:1rem; }
  body[data-cockpit="9"] .hero-route { font-size:.75rem; gap:.75rem 1.25rem; }
  .instrument-navigation { gap:1rem 1.5rem; margin-bottom:1rem; padding:.75rem 0 1rem; }
  .instrument-navigation a { font-size:.75rem; }
  .instrument-navigation strong { font-size:.875rem; }
  body[data-cockpit="9"] .listening-workspace { display:flex; flex-direction:column; gap:2rem; }
  body[data-cockpit="9"] .listening-console { position:static; width:100%; max-width:560px; align-self:center; order:-1; padding:1.4rem; }
  body[data-cockpit="9"] #faixas .trackrow { min-height:82px; }
  body[data-cockpit="9"] #ouvir.album-story.colorband { display:grid; grid-template-columns:1fr; gap:2rem; }
  body[data-cockpit="9"] .album-facts dd { font-size:2rem; }
  body[data-cockpit="9"].has-selected-track { padding-bottom:calc(110px + env(safe-area-inset-bottom)); }
  body[data-cockpit="9"].has-selected-track .listening-dock { inset:auto .75rem .65rem; padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom)); border:1px solid var(--line); border-radius:28px; background:color-mix(in srgb,var(--bg) 96%,black); box-shadow:0 10px 40px #0008,inset 0 1px 0 color-mix(in srgb,var(--ink) 8%,transparent); }
  body[data-cockpit="9"] .listening-dock strong { font-size:.875rem; }
  body[data-cockpit="9"] .listening-dock small { font-size:.75rem; }
  .album-aura { width:150vw; top:-2%; right:-55%; filter:blur(45px); opacity:.28; }
}
@media (max-width:540px) {
  .cockpit-intro { display:flex; flex-direction:column; align-items:stretch; gap:1.5rem; }
  body[data-cockpit="9"][data-design-version="4"] .hero .artwork { width:130px; max-width:130px; align-self:flex-start; order:-1; }
  body[data-cockpit="9"] .hero h1 { font-size:clamp(2.6rem,10vw,3.5rem); }
  body[data-cockpit="9"] .hero .actions { gap:.65rem; }
  body[data-cockpit="9"] .hero .actions .experience-button,body[data-cockpit="9"] .hero .actions .button { font-size:.8125rem; padding:.75rem 1rem; }
  body[data-cockpit="9"] #faixas .trackrow { grid-template-columns:1.4rem minmax(0,1fr) 46px; grid-template-areas:'number name play' 'number time play'; gap:.35rem .65rem; padding:1rem .5rem; border-radius:0 28px 28px 0; }
  body[data-cockpit="9"] #faixas .track-play-btn::after { border-radius:0 28px 28px 0; }
  body[data-cockpit="9"] #faixas .tracktime { text-align:left; font-size:.8125rem; }
  body[data-cockpit="9"] #faixas .tracknum { align-self:start; padding-top:.2rem; }
  body[data-cockpit="9"] .view-tab { padding:.65rem .9rem; font-size:.8125rem; }
  body[data-cockpit="9"] .stage-actions { width:100%; }
  body[data-cockpit="9"] .stage-actions .experience-button { flex:1; font-size:.8125rem; padding:.65rem .75rem; }
  body[data-cockpit="9"] .track-map { grid-auto-columns:108px; gap:12px; }
  body[data-cockpit="9"] .universe-rail { grid-auto-columns:145px; gap:1.25rem; }
  body[data-cockpit="9"] .universe-tools { gap:.75rem; }
  body[data-cockpit="9"] .year-filters { gap:.35rem; }
  body[data-cockpit="9"] .year-filters .experience-button { padding:.65rem .75rem; font-size:.8125rem; }
  body[data-cockpit="9"] .album-neighbors a { font-size:.875rem; }
}
@media (prefers-reduced-motion:reduce) {
  body[data-cockpit="9"] .experience-button,body[data-cockpit="9"] .button,body[data-cockpit="9"] .track-map-bar { transition:none; }
}
@media (forced-colors:active) {
  .cockpit-atmosphere { display:none; }
  body[data-cockpit="9"] .listening-console,body[data-cockpit="9"] .experience-button,body[data-cockpit="9"] .view-tabs { border:1px solid CanvasText; }
}

/* Edition 10: explore music through an orbital instrument and living album previews. */
body[data-immersion="10"] { --optical-opacity:.38; }
body[data-immersion="10"] .cockpit-atmosphere::before { background-image:url('/atmosphere/optical-flow.webp'); opacity:var(--optical-opacity); background-position:center top; }
body[data-immersion="10"] .cockpit-atmosphere::after { background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 30%,transparent),color-mix(in srgb,var(--bg) 85%,transparent) 85%),linear-gradient(90deg,color-mix(in srgb,var(--bg) 55%,transparent),transparent 65%); }
body[data-immersion="10"] .album-aura { filter:blur(45px) saturate(1.2); opacity:.27; top:2%; right:-6%; }
body[data-immersion="10"] .hero { --pointer-x:65%; --pointer-y:20%; position:relative; padding:2rem 0 3rem; }
body[data-immersion="10"] .hero::before { content:''; position:absolute; inset:-2rem -2rem; background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),color-mix(in srgb,var(--accent) 7%,transparent),transparent 48%); pointer-events:none; z-index:-1; }
body[data-immersion="10"] .instrument-folio { margin-bottom:1.5rem; }
.experience-opening { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); grid-template-areas:'copy instrument' 'secondary instrument'; align-items:center; gap:1rem clamp(2rem,4vw,4.5rem); }
.opening-copy { grid-area:copy; min-width:0; align-self:end; padding-top:2rem; }
.opening-secondary { grid-area:secondary; min-width:0; align-self:start; padding-bottom:2rem; }
.opening-kicker { display:block; margin:0 0 1rem; font:500 .875rem/1.5 'Space Grotesk',sans-serif; letter-spacing:.1em; text-transform:uppercase; color:var(--accent); }
body[data-immersion="10"] .hero h1 { font-size:clamp(3.25rem,7.2vw,7.5rem); line-height:1; letter-spacing:-.06em; }
body[data-immersion="10"].poster .hero h1 { font-size:clamp(4.5rem,9vw,9rem); letter-spacing:0; }
body[data-immersion="10"] .hero .intro { max-width:29rem; font-size:1.125rem; margin-top:1.5rem; }
body[data-immersion="10"] .hero .metadata { margin-block:1.5rem; font-size:.875rem; }
body[data-immersion="10"] .hero .actions { gap:.75rem; }
body[data-immersion="10"] .hero-route { margin-top:1.75rem; }
.opening-caption { margin:1.75rem 0 0; font-size:.875rem; color:var(--muted); max-width:27rem; line-height:1.7; }
.orbit-instrument { grid-area:instrument; width:min(100%,480px); margin-inline:auto; min-width:0; }
.orbit-stage { aspect-ratio:1; position:relative; width:100%; isolation:isolate; }
.orbit-diagram { display:block; width:100%; height:100%; overflow:visible; pointer-events:none; }
.orbit-guide { fill:none; stroke:color-mix(in srgb,var(--ink) 13%,transparent); stroke-width:1; }
.orbit-guide-dotted { stroke-dasharray:1 11; stroke-linecap:round; }
.orbit-duration { fill:none; stroke:color-mix(in srgb,var(--accent) 32%,transparent); stroke-width:4; stroke-linecap:round; transition:stroke .2s; }
.orbit-duration.is-preview { stroke:var(--ink); }
.orbit-duration.is-current { stroke:var(--accent); stroke-width:6; }
.orbit-playback { fill:none; stroke:var(--accent); stroke-width:2; stroke-linecap:round; stroke-dasharray:1; stroke-dashoffset:1; transform:rotate(-90deg); transform-origin:280px 280px; opacity:0; }
.orbit-playback.has-progress { opacity:1; }
.orbit-buttons { position:absolute; inset:0; pointer-events:none; }
.orbit-node { position:absolute; width:46px; height:46px; min-width:46px; padding:0; border:1px solid color-mix(in srgb,var(--ink) 18%,transparent); border-radius:50%; transform:translate(-50%,-50%); background:color-mix(in srgb,var(--bg) 86%,black); color:var(--muted); font:500 .875rem/1 'Space Grotesk',sans-serif; cursor:pointer; pointer-events:auto; box-shadow:0 3px 18px #0005,inset 0 1px 0 color-mix(in srgb,var(--ink) 8%,transparent); transition:background .18s,color .18s,box-shadow .18s; }
.orbit-node:hover,.orbit-node.is-preview { color:var(--ink); border-color:var(--ink); background:color-mix(in srgb,var(--ink) 8%,var(--bg)); }
.orbit-node.is-current { color:var(--accent); border-color:var(--accent); box-shadow:0 0 22px color-mix(in srgb,var(--accent) 14%,transparent); }
.orbit-node.is-playing { background:var(--accent); color:var(--bg); }
.orbit-node:focus-visible { outline:2px solid var(--ink); outline-offset:5px; }
.orbit-core { position:absolute; inset:31.5%; display:flex; align-items:center; justify-content:center; pointer-events:none; }
.orbit-core img { width:100%; height:auto; aspect-ratio:1; object-fit:contain; border-radius:0; transform:none; filter:drop-shadow(0 20px 40px #0008); }
.orbit-page-controls { display:flex; align-items:center; justify-content:center; gap:1rem; margin-top:-.25rem; }
.orbit-page-controls .experience-button { width:46px; height:46px; padding:.5rem; }
.orbit-page-controls svg { width:18px; height:18px; }
.orbit-page { font:500 .875rem/1.4 'Space Grotesk',sans-serif; color:var(--muted); font-variant-numeric:tabular-nums; min-width:8rem; text-align:center; }
.orbit-preview { display:grid; grid-template-columns:2.4rem minmax(0,1fr) auto; gap:.85rem; align-items:baseline; margin:1.25rem 0 .75rem; padding:0 .5rem; }
.orbit-preview-number { font:400 1.4rem/1 'Space Grotesk',sans-serif; color:var(--accent); }
.orbit-preview h2 { font:500 1.375rem/1.35 'Space Grotesk',sans-serif; margin:0; overflow-wrap:anywhere; }
.orbit-preview-duration { font:400 .875rem/1.4 'Space Grotesk',sans-serif; color:var(--muted); font-variant-numeric:tabular-nums; }
.orbit-range { display:flex; align-items:center; gap:1rem; padding:.5rem; }
.orbit-range label { font-size:.875rem; color:var(--muted); flex:none; }
.orbit-range input { width:100%; min-width:0; min-height:44px; accent-color:var(--accent); cursor:pointer; }
.orbit-range input:focus-visible { outline:2px solid var(--accent); outline-offset:3px; border-radius:999px; }
.orbit-listen-controls { display:flex; gap:.75rem; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-top:.25rem; }
body[data-immersion="10"] .orbit-listen { flex:1; min-height:50px; background:var(--accent); color:var(--bg); border-color:var(--accent); font-weight:600; }
body[data-immersion="10"] .orbit-listen:hover { background:var(--ink); color:var(--bg); }
.orbit-player-link { font-size:.875rem; padding:.75rem; text-decoration:underline; text-underline-offset:5px; color:var(--muted); }
.orbit-session { display:flex; justify-content:space-between; align-items:baseline; gap:.75rem; flex-wrap:wrap; margin-top:1rem; }
.orbit-session p { font-size:.875rem; line-height:1.5; margin:0; color:var(--muted); max-width:100%; overflow-wrap:anywhere; }
body[data-immersion="10"] .orbit-now { padding:.55rem .85rem; min-height:44px; font-size:.875rem; }
.orbit-clock { display:block; font:400 .75rem/1.5 'Space Grotesk',sans-serif; color:var(--muted); margin-top:.5rem; }
body[data-immersion="10"] .instrument-navigation { margin-top:1rem; padding-block:1.5rem; }
body[data-immersion="10"] #faixas .track-intro .chapterhead h2 { font-family:'Bodoni Moda',Georgia,serif; font-size:clamp(2.6rem,4.3vw,4rem)!important; font-weight:400; letter-spacing:-.04em; }
body[data-immersion="10"] #faixas .chapterhead h2 em { font-style:italic; }
body[data-immersion="10"] .listening-console { background:linear-gradient(150deg,color-mix(in srgb,var(--bg) 88%,transparent),color-mix(in srgb,var(--bg) 98%,transparent)); border-radius:48px 48px 75px 20px; }
body[data-immersion="10"] #faixas .trackrow { min-height:86px; }
body[data-immersion="10"] #ouvir.album-story.colorband { padding-block:4.5rem; }
.universe-preview { position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,280px) minmax(0,1fr); align-items:center; gap:clamp(2rem,6vw,6rem); margin:2.5rem 0 3rem; min-height:310px; }
.universe-preview::before { content:''; position:absolute; inset:-3rem -1rem; z-index:-1; pointer-events:none; background:var(--universe-art) 35% center/contain no-repeat; filter:blur(65px); opacity:.18; mask-image:radial-gradient(ellipse,black,transparent 68%); -webkit-mask-image:radial-gradient(ellipse,black,transparent 68%); }
.universe-preview-cover { width:100%; height:auto; aspect-ratio:1; object-fit:contain; border-radius:0; filter:drop-shadow(0 25px 45px #0007); }
.universe-preview-copy { min-width:0; max-width:42rem; }
.universe-preview-meta { color:var(--accent); font:500 .875rem/1.5 'Space Grotesk',sans-serif; margin:0 0 1rem; }
.universe-preview-copy h3 { font:400 clamp(2.5rem,5vw,4.8rem)/1.05 'Space Grotesk',sans-serif; letter-spacing:-.045em; margin:0 0 1.25rem; overflow-wrap:anywhere; }
.universe-preview-description { font-size:1rem; color:var(--muted); line-height:1.8; max-width:36rem; margin:0 0 1.5rem; }
body[data-immersion="10"] .universe-rail { grid-auto-columns:clamp(115px,12vw,155px); gap:1.25rem; }
body[data-immersion="10"] .universe-card img { transition:filter .2s; }
body[data-immersion="10"] .universe-card.is-preview img { outline:2px solid var(--accent); outline-offset:5px; filter:drop-shadow(0 0 15px color-mix(in srgb,var(--accent) 13%,transparent)); }
body[data-immersion="10"] .universe-card h3 { font-size:.9375rem; }
body[data-immersion="10"].is-listening-mode .hero { display:none; }
@media (max-width:1000px) {
  .experience-opening { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:1.5rem; }
  body[data-immersion="10"] .hero h1 { font-size:clamp(3rem,7vw,5.5rem); }
  .orbit-preview h2 { font-size:1.125rem; }
  .universe-preview { grid-template-columns:220px minmax(0,1fr); gap:2.5rem; }
}
@media (max-width:760px) {
  .experience-opening { grid-template-columns:1fr; grid-template-areas:'copy' 'instrument' 'secondary'; gap:1rem; }
  .opening-copy { padding:0; }
  .opening-secondary { padding:0; }
  body[data-immersion="10"] .hero { padding-top:1rem; }
  body[data-immersion="10"] .hero::before { inset-inline:-1rem; }
  body[data-immersion="10"] .hero h1 { font-size:clamp(3rem,11vw,5.5rem); }
  body[data-immersion="10"].poster .hero h1 { font-size:clamp(3.5rem,11vw,5.5rem); }
  body[data-immersion="10"] .hero .intro { font-size:1rem; margin-top:1rem; }
  body[data-immersion="10"] .hero .metadata { margin-block:1rem; }
  .opening-caption { margin-top:1.25rem; max-width:none; }
  .orbit-instrument { max-width:440px; }
  .orbit-preview h2 { font-size:1.25rem; }
  .orbit-preview { margin-top:1rem; }
  body[data-immersion="10"] .hero-route { display:flex; }
  .orbit-clock { font-size:.75rem; }
  .universe-preview { grid-template-columns:170px minmax(0,1fr); min-height:0; gap:1.5rem; margin:2rem 0; }
  .universe-preview-copy h3 { font-size:2.25rem; }
  .universe-preview-description { font-size:.9375rem; line-height:1.7; }
  body[data-immersion="10"] .universe-rail { grid-auto-columns:125px; }
}
@media (max-width:540px) {
  .orbit-node { width:44px; height:44px; min-width:44px; }
  .orbit-instrument { width:100%; max-width:380px; }
  .orbit-preview { grid-template-columns:1.8rem minmax(0,1fr) auto; gap:.6rem; }
  .orbit-preview h2 { font-size:1.125rem; }
  .orbit-page-controls { gap:.75rem; }
  .orbit-range label { font-size:.8125rem; }
  .orbit-player-link { font-size:.8125rem; padding:.75rem .5rem; }
  .orbit-session p { font-size:.8125rem; }
  .universe-preview { display:flex; flex-direction:column; align-items:start; gap:1.5rem; }
  .universe-preview-cover { width:160px; }
  .universe-preview-copy h3 { font-size:2.6rem; }
}
@media (prefers-reduced-motion:reduce) {
  .orbit-node,.orbit-duration,body[data-immersion="10"] .universe-card img { transition:none; }
}
@media (forced-colors:active) {
  .orbit-guide,.orbit-duration,.orbit-playback { stroke:CanvasText; }
  .orbit-node { border:1px solid ButtonText; }
  .universe-preview::before { display:none; }
}

/* Edition 11: light markers, intersecting trajectories and a real transport. */
body[data-immersion="10"][data-orbit-version="11"] .orbit-stage { margin-block:.25rem .5rem; }
body[data-orbit-version="11"] .orbit-guide { stroke:color-mix(in srgb,var(--ink) 17%,transparent); }
.orbit-trajectory { fill:none; stroke:color-mix(in srgb,var(--accent) 22%,transparent); stroke-width:.85; pointer-events:none; }
.orbit-trajectory-secondary { stroke:color-mix(in srgb,var(--pop) 23%,transparent); stroke-width:.7; }
body[data-orbit-version="11"] .orbit-guide-dotted { stroke:color-mix(in srgb,var(--ink) 24%,transparent); stroke-dasharray:1 15; }
body[data-orbit-version="11"] .orbit-duration { stroke-width:2.5; stroke:color-mix(in srgb,var(--accent) 28%,transparent); }
body[data-orbit-version="11"] .orbit-duration.is-preview { stroke:var(--ink); stroke-width:4; }
body[data-orbit-version="11"] .orbit-duration.is-current { stroke:var(--accent); stroke-width:5; }
body[data-orbit-version="11"] .orbit-playback { stroke-width:3; filter:drop-shadow(0 0 4px color-mix(in srgb,var(--accent) 24%,transparent)); }
body[data-orbit-version="11"] .orbit-node { border-color:transparent; background:none; box-shadow:none; color:var(--muted); width:46px; height:46px; display:grid; place-items:center; }
body[data-orbit-version="11"] .orbit-node::before { content:''; position:absolute; width:3px; height:3px; border-radius:50%; background:var(--muted); left:calc(50% - 1.5px); bottom:3px; opacity:.6; }
body[data-orbit-version="11"] .orbit-node.is-preview,body[data-orbit-version="11"] .orbit-node:hover { background:color-mix(in srgb,var(--bg) 78%,transparent); color:var(--ink); border-color:color-mix(in srgb,var(--ink) 30%,transparent); border-radius:15px; }
body[data-orbit-version="11"] .orbit-node.is-current { background:color-mix(in srgb,var(--accent) 10%,var(--bg)); color:var(--accent); border-color:color-mix(in srgb,var(--accent) 45%,transparent); border-radius:15px; }
body[data-orbit-version="11"] .orbit-node.is-playing { background:var(--accent); color:var(--bg); border-color:var(--accent); box-shadow:0 0 24px color-mix(in srgb,var(--accent) 16%,transparent); }
body[data-orbit-version="11"] .orbit-node.is-current::before { background:currentColor; }
.orbit-node-number { font:500 .9375rem/1 'Space Grotesk',sans-serif; font-variant-numeric:tabular-nums; }
.orbit-node-icon { display:none; width:19px; height:19px; fill:currentColor; }
body[data-orbit-version="11"] .orbit-node.is-playing .orbit-node-number { display:none; }
body[data-orbit-version="11"] .orbit-node.is-playing .orbit-node-pause { display:block; }
body[data-orbit-version="11"] .orbit-node:is(:hover,:focus-visible,.is-preview):not(.is-playing) .orbit-node-number { display:none; }
body[data-orbit-version="11"] .orbit-node:is(:hover,:focus-visible,.is-preview):not(.is-playing) .orbit-node-play { display:block; }
body[data-orbit-version="11"] .orbit-node.is-pending::before { width:9px; height:3px; left:calc(50% - 4.5px); background:var(--accent); opacity:1; }
body[data-orbit-version="11"] .orbit-preview { grid-template-columns:2rem minmax(0,1fr) 58px; align-items:center; gap:1rem; padding:0; margin-top:1.25rem; }
.orbit-preview-copy { min-width:0; }
body[data-orbit-version="11"] .orbit-preview h2 { font-size:1.375rem; line-height:1.3; margin-bottom:.35rem; }
body[data-orbit-version="11"] .orbit-preview-duration { font-size:.875rem; }
body[data-immersion="10"][data-orbit-version="11"] .orbit-listen { flex:none; width:58px; height:58px; min-height:58px; padding:0; display:grid; place-items:center; border-radius:50%; border:1px solid color-mix(in srgb,var(--accent) 65%,transparent); background:var(--accent); color:var(--bg); box-shadow:0 6px 26px #0004,0 0 30px color-mix(in srgb,var(--accent) 12%,transparent); }
body[data-immersion="10"][data-orbit-version="11"] .orbit-listen:hover { background:var(--ink); border-color:var(--ink); color:var(--bg); }
.orbit-transport-icon { width:25px; height:25px; fill:currentColor; grid-area:1/1; }
.orbit-transport-pause,.orbit-transport-wait { display:none; }
.orbit-listen.is-playing .orbit-transport-play { display:none; }
.orbit-listen.is-playing .orbit-transport-pause { display:block; }
.orbit-listen.is-pending .orbit-transport-play { display:none; }
.orbit-listen.is-pending .orbit-transport-wait { display:block; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.orbit-control-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
body[data-orbit-version="11"] .orbit-listen-controls { justify-content:flex-end; margin-top:0; }
body[data-orbit-version="11"] .orbit-player-link { padding-block:.5rem; }
@media(max-width:540px) {
 body[data-orbit-version="11"] .orbit-node { width:44px; height:44px; min-width:44px; }
 body[data-orbit-version="11"] .orbit-preview { grid-template-columns:1.6rem minmax(0,1fr) 56px; gap:.65rem; }
 body[data-orbit-version="11"] .orbit-preview h2 { font-size:1.125rem; }
 body[data-immersion="10"][data-orbit-version="11"] .orbit-listen { width:56px; height:56px; min-height:56px; }
 .orbit-transport-icon { width:24px; height:24px; }
}
@media(forced-colors:active) {
 .orbit-trajectory { stroke:CanvasText; }
 body[data-orbit-version="11"] .orbit-node { border-color:ButtonText; }
 body[data-immersion="10"][data-orbit-version="11"] .orbit-listen { border:1px solid ButtonText; }
}

/* Restored continuous panel: pointer light, cover atmosphere and clear circular transport.
   Musical environments: original imagery, real track metadata and familiar transport. */
body[data-musical-edition="12"] { position:relative; isolation:isolate; background:var(--bg); color:var(--ink); color-scheme:dark; --music-rule:color-mix(in srgb,var(--ink) 18%,transparent); }
body[data-musical-edition="12"] .cockpit-atmosphere { background:var(--bg); }
body[data-musical-edition="12"] .cockpit-atmosphere::before { background-image:var(--musical-scene); background-position:var(--scene-position,center top); background-size:cover; opacity:.78; filter:none; }
body[data-musical-edition="12"] .cockpit-atmosphere::after { background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 82%,transparent) 0%,color-mix(in srgb,var(--bg) 72%,transparent) 38%,color-mix(in srgb,var(--bg) 22%,transparent) 76%),linear-gradient(180deg,transparent 4%,color-mix(in srgb,var(--bg) 36%,transparent) 38%,var(--bg) 94%); }
body[data-musical-edition="12"] .opening-copy { padding-top:1rem; }
body[data-musical-edition="12"] .hero h1,body.catalogue[data-musical-edition="12"] .collection-title h1 { overflow-wrap:anywhere; max-width:100%; }
.musical-cue { margin:0 0 1.25rem; color:var(--accent); display:flex; gap:.85rem; align-items:center; font:500 .875rem/1.6 'Space Grotesk',Arial,sans-serif; }
.music-symbol { width:22px; height:22px; flex:none; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
body[data-musical-edition="12"] .orbit-stage { background:radial-gradient(ellipse,color-mix(in srgb,var(--bg) 72%,transparent),color-mix(in srgb,var(--bg) 30%,transparent) 48%,transparent 69%); }
body[data-musical-edition="12"] .orbit-guide { stroke:color-mix(in srgb,var(--ink) 22%,transparent); }
body[data-musical-edition="12"] .orbit-trajectory { stroke:color-mix(in srgb,var(--accent) 38%,transparent); }
body[data-musical-edition="12"] .orbit-trajectory-secondary { stroke:color-mix(in srgb,var(--pop) 35%,transparent); }
body[data-musical-edition="12"] .orbit-preview { grid-template-columns:2rem minmax(0,1fr) 3.625rem; padding-bottom:1.75rem; }
body[data-musical-edition="12"][data-immersion="10"][data-orbit-version="11"] .orbit-listen { display:grid; place-items:center; position:relative; gap:0; width:3.625rem; height:3.625rem; min-height:3.625rem; border-radius:50%; overflow:visible; }
body[data-musical-edition="12"] .orbit-control-label { position:absolute; top:calc(100% + .35rem); left:50%; transform:translateX(-50%); width:max-content; max-width:6rem; height:auto; margin:0; padding:0; overflow:visible; clip-path:none; white-space:normal; color:var(--ink); text-align:center; font:600 1rem/1.25 Manrope,Arial,sans-serif; }
body[data-musical-edition="12"] .orbit-transport-icon { width:22px; height:22px; flex:none; }
body[data-musical-edition="12"] .instrument-navigation { border-image:none; border-color:var(--music-rule); }
body[data-musical-edition="12"] #faixas { position:relative; }
body[data-musical-edition="12"] #faixas .tracknum { display:flex; flex-direction:column; align-items:center; gap:.35rem; }
body[data-musical-edition="12"] .track-musical-marker { font:400 1.25rem/1 Georgia,serif; color:var(--accent); opacity:0; }
body[data-musical-edition="12"] #faixas .is-playing .track-musical-marker { opacity:1; }
body[data-musical-edition="12"] #faixas .trackhead { font-size:.875rem; }
body[data-musical-edition="12"] .track-instruction,body[data-musical-edition="12"] .opening-caption { font-size:1rem!important; line-height:1.7; }
body[data-musical-edition="12"] .nav,body[data-musical-edition="12"] .instrument-navigation a,body[data-musical-edition="12"] .hero-route a,body[data-musical-edition="12"] .view-tab,body[data-musical-edition="12"] .stage-actions .experience-button,body[data-musical-edition="12"] .year-filters .experience-button,body[data-musical-edition="12"] .hero .actions .button,body[data-musical-edition="12"] .hero .actions .experience-button,body[data-musical-edition="12"] .orbit-player-link,body[data-musical-edition="12"] .orbit-range label,body[data-musical-edition="12"] .orbit-session p { font-size:.875rem!important; }
body[data-musical-edition="12"] .nav a,body[data-musical-edition="12"] .hero-route a,body[data-musical-edition="12"] .instrument-navigation a { min-height:44px; display:inline-flex; align-items:center; }
body[data-musical-edition="12"] #ouvir .motifs span { font-size:.875rem; text-transform:none; letter-spacing:0; line-height:1.6; }
body[data-musical-edition="12"] #ouvir .listening-copy { max-width:37rem; }
body[data-musical-edition="12"] #ouvir .musical-cue { color:var(--accent); margin-bottom:1rem; }
body[data-musical-edition="12"] .universe-preview { border-block:1px solid var(--music-rule); padding-block:2.5rem; }
body[data-musical-edition="12"] .footer { font-size:.875rem; }
body[data-musical-edition="12"] .theme-path { max-width:33rem; margin:1rem 0 0; color:var(--muted); font-size:1rem; line-height:1.8; }
/* Distinct editorial proportions and materials; the same clear music controls remain. */
body[data-music-theme="honey-money"] .hero h1 { font-style:normal; font-size:clamp(3.5rem,7.5vw,7.8rem); }
body[data-music-theme="honey-money"] .experience-opening { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); }
body[data-music-theme="entropia"] .hero h1 { font-family:'Bodoni Moda',Georgia,serif; font-weight:400; font-style:normal; }
body[data-music-theme="entropia"] .orbit-trajectory-secondary { stroke-dasharray:3 11; }
body[data-music-theme="serotonin"] .hero h1 { font-weight:400; letter-spacing:-.055em; font-size:clamp(3rem,6vw,6.3rem); }
body[data-music-theme="vanitas"] .hero h1 { font-style:normal; font-size:clamp(4rem,8vw,8.2rem); }
body[data-music-theme="vanitas"] .opening-copy { border-left:1px solid color-mix(in srgb,var(--accent) 35%,transparent); padding-left:1.5rem; }
body[data-music-theme="vanitas"] #faixas .track-intro .chapterhead h2 { font-style:normal; }
body[data-music-theme="dark-rave"] .opening-kicker,body[data-music-theme="dark-rave"] .musical-cue { letter-spacing:.08em; }
body[data-music-theme="dark-rave"] .orbit-trajectory { stroke-dasharray:18 5; }
body[data-music-theme="divine-drill"] .hero h1 { font-family:'Barlow Condensed',Arial,sans-serif; font-weight:600; letter-spacing:.015em; text-transform:uppercase; }
body[data-music-theme="divine-drill"] .opening-copy { padding-left:1.5rem; border-left:2px solid color-mix(in srgb,var(--accent) 35%,transparent); }
body[data-music-theme="sirius"] .hero h1 { font-family:'Bodoni Moda',Georgia,serif; font-weight:400; font-style:italic; }
body[data-music-theme="sirius"] .orbit-trajectory { stroke-width:1.3; }
body[data-music-theme="mms"] .hero h1 { font-size:clamp(4rem,9vw,9rem); letter-spacing:-.055em; }
body[data-music-theme="mms"] .orbit-trajectory-secondary { stroke-dasharray:1 9; stroke-linecap:round; }
body[data-music-theme="xtranho"] .hero h1 { letter-spacing:.02em; font-weight:400; }
body[data-music-theme="xtranho"] .experience-opening { grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); }
body[data-music-theme="amor-desbotado"] .hero h1 { font-style:italic; font-size:clamp(3.2rem,6.5vw,6.5rem); }
/* The artist's studio: a distinct central environment, with a compact listening strip. */
body.catalogue[data-musical-edition="12"] .shell { width:min(1380px,calc(100% - 6rem)); }
body.catalogue[data-musical-edition="12"] .topbar { min-height:88px; height:auto; border:0; gap:1rem; }
body.catalogue[data-musical-edition="12"] .brand { font-size:.875rem; letter-spacing:.15em; }
body.catalogue[data-musical-edition="12"] .collection-hero { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:3.5rem; align-items:center; padding:2.5rem 0 4rem; }
body.catalogue[data-musical-edition="12"] .collection-title h1 { font-family:'Space Grotesk',Arial,sans-serif; font-size:clamp(3.5rem,7.2vw,7.8rem); font-weight:500; letter-spacing:-.065em; line-height:1.02; margin:1rem 0 1.5rem; }
body.catalogue[data-musical-edition="12"] .collection-title h1 span+span { margin-left:0; }
body.catalogue[data-musical-edition="12"] .collection-title .eyebrow { color:var(--accent); font-size:.875rem; letter-spacing:.11em; }
body.catalogue[data-musical-edition="12"] .collection-art { width:100%; max-width:490px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; padding:0; background:none; transform:none; }
body.catalogue[data-musical-edition="12"] .collection-art img { filter:drop-shadow(0 18px 28px #0006); transform:none; translate:none; }
body.catalogue[data-musical-edition="12"] .collection-art a:first-child { margin-top:0; }
body.catalogue[data-musical-edition="12"] .collection-art small { color:var(--muted); font-size:.875rem; line-height:1.5; }
body.catalogue[data-musical-edition="12"] .collection-title p,body.catalogue[data-musical-edition="12"] .collection-intro p { color:var(--muted); font-size:1rem; }
body.catalogue[data-musical-edition="12"] .collection-intro { border-top:1px solid var(--music-rule); padding-top:2rem; margin-bottom:1rem; }
body.catalogue[data-musical-edition="12"] .collection-intro h2 { font-family:'Bodoni Moda',Georgia,serif; font-weight:400; font-size:clamp(2.25rem,4vw,3.5rem); }
body.catalogue[data-musical-edition="12"] .exhibit:nth-child(n) .exhibit-art { padding:0; border:0; background:none; }
body.catalogue[data-musical-edition="12"] .exhibit:nth-child(n) .exhibit-number { color:var(--accent); font-family:'Space Grotesk',Arial,sans-serif; font-size:.875rem; }
body.catalogue[data-musical-edition="12"] .exhibit:nth-child(n) .exhibit-meta { font-size:.875rem; }
body.catalogue[data-musical-edition="12"] .exhibit:nth-child(n) .exhibit-theme { order:4; font-size:.875rem; line-height:1.6; color:var(--muted); margin:.6rem 0 0; }
body.catalogue[data-musical-edition="12"] .artist-note { border-top:1px solid var(--music-rule); padding:3rem 0; background:none; color:var(--ink); gap:3rem; }
body.catalogue[data-musical-edition="12"] .artist-note .eyebrow,body.catalogue[data-musical-edition="12"] .artist-note p { color:var(--muted); font-size:1rem; }
body.catalogue[data-musical-edition="12"] .artist-note .artist-phrase { font:400 clamp(1.75rem,3.5vw,3rem)/1.4 'Bodoni Moda',Georgia,serif; color:var(--ink); margin:0; }
body.catalogue[data-musical-edition="12"] .artist-note .button { border-color:var(--music-rule); }
body.catalogue[data-musical-edition="12"] .listen-player { border-color:var(--music-rule); max-width:580px; background:transparent; }
body.catalogue[data-musical-edition="12"] .lp-icon.lp-main { width:108px; display:flex; gap:.45rem; align-items:center; justify-content:center; color:var(--bg); background:var(--accent); border-radius:999px; }
body.catalogue[data-musical-edition="12"] .lp-action-label { font-size:.875rem; font-weight:600; }
body.catalogue[data-musical-edition="12"] .lp-info small,body.catalogue[data-musical-edition="12"] .lp-choice label,body.catalogue[data-musical-edition="12"] .lp-full { font-size:.875rem; }
body.catalogue[data-musical-edition="12"] .lp-progress { grid-template-columns:2.75rem minmax(0,1fr) 2.75rem 44px; }
body.catalogue[data-musical-edition="12"] .lp-progress time { font-size:.875rem; }
body.catalogue[data-musical-edition="12"] .lp-progress .lp-icon,body.catalogue[data-musical-edition="12"] .lp-progress input { min-width:44px; min-height:44px; }
body.catalogue[data-musical-edition="12"] .lp-choice select { min-height:44px; }
body.catalogue[data-musical-edition="12"] .button.primary { color:var(--bg); background:var(--accent); border-color:var(--accent); }
body.catalogue[data-musical-edition="12"] .button.text { color:var(--ink); }
@media(max-width:1050px) {
 body.catalogue[data-musical-edition="12"] .shell { width:calc(100% - 3rem); }
 body.catalogue[data-musical-edition="12"] .collection-hero { gap:2rem; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); }
 body.catalogue[data-musical-edition="12"] .lp-top { grid-template-columns:56px minmax(0,1fr); gap:.5rem .8rem; }
 body.catalogue[data-musical-edition="12"] .lp-cover { width:56px; grid-row:1 / 3; }
 body.catalogue[data-musical-edition="12"] .lp-info,body.catalogue[data-musical-edition="12"] .lp-controls { grid-column:2; }
 body.catalogue[data-musical-edition="12"] .lp-progress { grid-template-columns:auto minmax(0,1fr) auto; }
 body.catalogue[data-musical-edition="12"] .lp-progress .lp-icon { grid-column:3; justify-self:end; }
}
@media(max-width:760px) {
 body[data-musical-edition="12"] .cockpit-atmosphere::before { background-position:66% top; opacity:.63; }
 body[data-musical-edition="12"] .cockpit-atmosphere::after { background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 65%,transparent),color-mix(in srgb,var(--bg) 75%,transparent) 65%,var(--bg)); }
 body[data-musical-edition="12"] .experience-opening { grid-template-columns:1fr; }
 body[data-musical-edition="12"] .hero h1 { font-size:clamp(2.75rem,10vw,5rem); overflow-wrap:anywhere; }
 body[data-music-theme="serotonin"] .hero h1 { font-size:clamp(2.5rem,9vw,4.5rem); }
 body[data-musical-edition="12"] .orbit-preview { grid-template-columns:1.6rem minmax(0,1fr) 3.5rem; gap:.65rem; }
 body[data-musical-edition="12"][data-immersion="10"][data-orbit-version="11"] .orbit-listen { width:3.5rem; height:3.5rem; min-height:3.5rem; }
 body[data-musical-edition="12"] .orbit-preview h2 { font-size:1.125rem; }
 body.catalogue[data-musical-edition="12"] .shell { width:calc(100% - 2rem); }
 body.catalogue[data-musical-edition="12"] .collection-hero { grid-template-columns:1fr; gap:2.5rem; padding-top:1.5rem; }
 body.catalogue[data-musical-edition="12"] .collection-title h1 { font-size:clamp(3.5rem,14vw,6rem); }
 body.catalogue[data-musical-edition="12"] .collection-art { max-width:400px; gap:1rem; justify-self:start; }
 body.catalogue[data-musical-edition="12"] .collection-intro { align-items:start; gap:1rem; flex-direction:column; }
 body.catalogue[data-musical-edition="12"] .exhibit:nth-child(n) h3 { font-size:1.25rem; }
 body.catalogue[data-musical-edition="12"] .artist-note { grid-template-columns:1fr; gap:2rem; padding-block:2.5rem; }
 body.catalogue[data-musical-edition="12"] .nav { gap:.75rem; flex-wrap:wrap; }
 body.catalogue[data-musical-edition="12"] .topbar { flex-wrap:wrap; padding-block:.75rem; gap:.5rem 1rem; }
}
@media(prefers-reduced-motion:reduce) { body[data-musical-edition="12"] *,body[data-musical-edition="12"] *::before,body[data-musical-edition="12"] *::after { animation:none!important; transition:none!important; } }
@media(forced-colors:active) { body[data-musical-edition="12"] .cockpit-atmosphere { display:none; } body[data-musical-edition="12"] #faixas .trackrow { border-bottom:1px solid CanvasText!important; } body[data-musical-edition="12"] .orbit-listen,body[data-musical-edition="12"] .lp-main { border:1px solid ButtonText!important; } }

body.catalogue[data-musical-edition="12"] .cockpit-atmosphere { position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
body.catalogue[data-musical-edition="12"] .cockpit-atmosphere::before,body.catalogue[data-musical-edition="12"] .cockpit-atmosphere::after { content:""; position:absolute; inset:0; }
body.catalogue[data-musical-edition="12"] .exhibit-theme .music-symbol { display:inline-block; width:16px; height:16px; margin-right:.5rem; vertical-align:-.15em; }
body[data-musical-edition="12"] #track-title>.music-symbol,body[data-musical-edition="12"] #catalogue-title>.music-symbol { display:inline-block; width:26px; height:26px; margin-right:.65rem; vertical-align:baseline; }

@media(prefers-reduced-motion:reduce) { body[data-immersion="10"] .hero::before { display:none; } }

/* A tactile sleeve: extraction and the record's small turn have separate timing. */
body[data-vinyl-edition="14"] .vinyl-sleeve {
 --sleeve-cover:72%; --vinyl-size:70%; --vinyl-left:1%; --vinyl-slide:40%;
 display:block; position:relative; isolation:isolate; width:100%; min-width:0;
 padding:0; margin:0; border:0; background:none; line-height:0;
}
body[data-vinyl-edition="14"] .vinyl-disc {
 position:absolute; display:block; left:var(--vinyl-left); top:50%;
 width:var(--vinyl-size); aspect-ratio:1; z-index:0; pointer-events:none;
 transform:translate3d(0,-50%,0);
 transition:transform .38s cubic-bezier(.3,0,.25,1);
}
body[data-vinyl-edition="14"] .vinyl-disc::before {
 content:''; position:absolute; inset:0;
 background:url('/atmosphere/vinyl-record.webp') center/contain no-repeat;
 transform:rotate(-16deg); filter:drop-shadow(0 3px 5px #0007);
 transition:transform .58s cubic-bezier(.3,0,.25,1),filter .35s ease;
}
body[data-vinyl-edition="14"] .vinyl-sleeve>.vinyl-cover {
 position:relative; z-index:1; display:block; width:var(--sleeve-cover); max-width:100%;
 height:auto; aspect-ratio:1; object-fit:contain; margin:0; padding:0; border:0;
 border-radius:0; transform:none!important; translate:none!important;
 filter:drop-shadow(2px 4px 6px #0006);
}
/* The gallery reserves room for the exposed record before any interaction. */
body.catalogue[data-vinyl-edition="14"][data-design-version="4"] .exhibit:nth-child(n) .exhibit-art { aspect-ratio:auto; }
/* Keep the orbital cover's size and exact position. Its hover area includes the disc. */
body[data-vinyl-edition="14"] .orbit-core .vinyl-sleeve {
 --sleeve-cover:76.923077%; --vinyl-size:73.846154%; --vinyl-left:1.538462%; --vinyl-slide:29%;
 position:absolute; top:0; left:0; width:130%; max-width:none; pointer-events:auto;
}
body[data-vinyl-edition="14"] .orbit-core .vinyl-disc::before { filter:drop-shadow(0 2px 4px #0006); }
body[data-vinyl-edition="14"] .universe-preview>.vinyl-sleeve { width:100%; }
body[data-vinyl-edition="14"] .lp-top>.vinyl-mini {
 --sleeve-cover:100%; --vinyl-size:90%; --vinyl-left:5%; --vinyl-slide:18%; width:64px;
}
body[data-vinyl-edition="14"] .vinyl-mini .vinyl-disc::before { filter:drop-shadow(0 1px 2px #0006); }
/* Focus reveals the record for the relevant link or main listening action. */
body[data-vinyl-edition="14"] :is(.exhibit,.collection-art a,.universe-card):focus-visible .vinyl-sleeve {
 --vinyl-reveal:var(--vinyl-slide); --vinyl-turn:8deg; --vinyl-time:.65s; --vinyl-delay:.04s; --vinyl-turn-time:.9s;
}
@supports selector(:has(*)) {
 body[data-vinyl-edition="14"] .orbit-instrument:has(#orbit-listen:focus-visible) .orbit-core .vinyl-sleeve,
 body[data-vinyl-edition="14"] .universe-preview:has(#universe-enter:focus-visible)>.vinyl-sleeve,
 body[data-vinyl-edition="14"] .listen-player:has(#lp-play:focus-visible) .vinyl-sleeve {
  --vinyl-reveal:var(--vinyl-slide); --vinyl-turn:8deg; --vinyl-time:.65s; --vinyl-delay:.04s; --vinyl-turn-time:.9s;
 }
}
@media(hover:hover) and (pointer:fine) {
 body[data-vinyl-edition="14"] .vinyl-sleeve:hover {
  --vinyl-reveal:var(--vinyl-slide); --vinyl-turn:8deg; --vinyl-time:.65s; --vinyl-delay:.04s; --vinyl-turn-time:.9s;
 }
}
body[data-vinyl-edition="14"] .vinyl-disc {
 transform:translate3d(var(--vinyl-reveal,var(--vinyl-rest,0%)),-50%,0);
 transition-duration:var(--vinyl-time,.38s); transition-delay:var(--vinyl-delay,0s);
}
body[data-vinyl-edition="14"] .vinyl-disc::before {
 transform:rotate(var(--vinyl-turn,-16deg)); transition-duration:var(--vinyl-turn-time,.58s),.35s;
}
@media(max-width:1050px) {
 body[data-vinyl-edition="14"] .lp-top>.vinyl-mini { width:56px; grid-row:1 / 3; }
}
@media(max-width:540px) {
 body[data-vinyl-edition="14"] .universe-preview>.vinyl-sleeve { width:160px; }
}
@media(prefers-reduced-motion:reduce) {
 body[data-vinyl-edition="14"] .vinyl-disc,body[data-vinyl-edition="14"] .vinyl-disc::before { transition:none!important; }
 body[data-vinyl-edition="14"] .vinyl-disc::before { transform:none; }
}
@media(forced-colors:active) {
 body[data-vinyl-edition="14"] .vinyl-disc { display:none; }
}

/* Volume follows the actual audio state; the Spotify embed uses device volume. */
.volume-inline[hidden],.volume-inline [hidden] { display:none !important; }
.volume-inline { display:flex; align-items:center; flex-wrap:wrap; gap:.3rem .65rem; margin:.25rem 0 .65rem; color:var(--ink); }
.volume-inline .lp-icon { width:44px; height:44px; }
.volume-level { display:grid; grid-template-columns:auto minmax(85px,150px) 3ch; align-items:center; gap:.65rem; min-width:0; }
.volume-level label { font-size:.8125rem; color:var(--muted); }
.volume-level input { width:100%; min-width:0; height:44px; margin:0; cursor:pointer; accent-color:var(--ink); background:transparent; }
.volume-level output { font-size:.75rem; font-variant-numeric:tabular-nums; color:var(--muted); min-width:4ch; }
.volume-device-note { font-size:.8125rem; color:var(--muted); }
#inicio-player .lp-progress { grid-template-columns:2.75rem minmax(0,1fr) 2.75rem; }
.album-volume { color:var(--ink); margin:.15rem 0 .85rem; }
.album-volume summary { display:flex; align-items:center; flex-wrap:wrap; gap:.6rem; width:fit-content; min-height:44px; cursor:pointer; list-style:none; font-size:.875rem; }
.album-volume summary::-webkit-details-marker { display:none; }
.album-volume .volume-symbol { width:20px; height:20px; fill:currentColor; flex:none; }
.album-volume .volume-device { color:var(--muted); font-size:.75rem; }
.album-volume .volume-chevron { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.5; flex:none; }
.album-volume[open] .volume-chevron { transform:rotate(180deg); }
.album-volume .volume-help { color:var(--muted); font-size:.8125rem; line-height:1.6; max-width:38ch; margin:.1rem 0 .65rem; }
.album-volume summary:hover { color:var(--accent,var(--ink)); }
.album-volume summary:focus-visible,.volume-level input:focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
@media(max-width:380px) { .volume-level { grid-template-columns:auto minmax(75px,110px) 3ch; gap:.5rem; } }
@media(forced-colors:active) { .volume-level input { accent-color:auto; } }

/* Keep Volume alongside the orbital controls without changing the circular play. */
body[data-orbit-version="11"] .orbit-listen-controls { justify-content:space-between; gap:.5rem 1rem; }
.orbit-volume-link,.orbit-player-link { display:inline-flex; align-items:center; min-height:44px; }
.orbit-volume-link { gap:.5rem; padding:.5rem .35rem; color:var(--ink); background:none; font:600 .875rem/1.4 Manrope,Arial,sans-serif; text-decoration:underline; text-underline-offset:.25em; }
.orbit-volume-link .volume-symbol { width:20px; height:20px; fill:currentColor; flex:none; }
.orbit-volume-link:hover { color:var(--accent,var(--ink)); }
.orbit-volume-link:focus-visible,.orbit-player-link:focus-visible { outline:2px solid var(--ink); outline-offset:3px; }
#listening-console,#album-volume { scroll-margin-block-start:1.5rem; }
.volume-level input:disabled { cursor:default; }

/* Clear functions, integrated into each album's existing palette. */
.footer .footerlinks { display:flex; flex-wrap:wrap; align-items:center; gap:.25rem 1.4rem; }
.footer .footerlinks a { display:inline-flex; align-items:center; min-height:44px; padding-block:.5rem; color:var(--ink); font-weight:600; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.3em; }
.footer .footerlinks a:hover { color:var(--accent,var(--ink)); text-decoration:underline; }
.footer .footerlinks a:focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
.footer > span { color:var(--muted); font-weight:400; cursor:default; }

body[data-orbit-version="11"] .orbit-track-selector { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; gap:.25rem .65rem; padding:.7rem 0 .25rem; }
.orbit-track-selector label { grid-column:1/-1; color:var(--muted); font-size:.875rem; }
.orbit-track-selector select { display:block; width:100%; min-width:0; min-height:44px; padding:.5rem .2rem; font:inherit; font-size:1rem; color:var(--ink); background:transparent; border:0; border-bottom:1px solid var(--rule); border-radius:0; cursor:pointer; appearance:auto; }
.orbit-track-selector option { color:var(--ink); background:var(--bg); }
.orbit-track-selector .orbit-track-step { display:grid; place-items:center; width:44px; height:44px; padding:0; color:var(--ink); background:transparent; border:1px solid var(--rule); border-radius:50%; }
.orbit-track-step svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; }
.orbit-track-step:hover:enabled { background:color-mix(in srgb,var(--ink) 8%,transparent); }
.orbit-track-step:disabled { opacity:.35; cursor:default; }
.orbit-track-selector select:focus-visible,.orbit-track-step:focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
.orbit-track-selector .orbit-selector-note { grid-column:1/-1; margin:.3rem 0 0; color:var(--muted); font-size:.8125rem; line-height:1.5; }

.audio-adjuster { max-width:620px; padding:.8rem 0 .2rem; margin:.2rem 0 1.5rem; color:var(--ink); }
.audio-adjuster h2,.audio-adjuster h3 { margin:0 0 .35rem; font:600 .875rem/1.5 Manrope,Arial,sans-serif; letter-spacing:0; }
.audio-adjuster .volume-inline { margin:0; gap:.25rem .75rem; }
.audio-adjuster .volume-level { grid-template-columns:auto minmax(85px,180px) 4ch; }
.audio-adjuster button:focus-visible,.audio-adjuster input:focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
.listening-station { min-width:0; position:sticky; top:1.25rem; }
body[data-cockpit="9"] .listening-station .listening-console { position:static; }
.album-audio-area { width:100%; margin:0; padding:1rem 1.5rem 0; }
.album-audio-area .album-volume { margin:0; }

/* The same quiet cursor light as the album pages, without covering controls. */
body.catalogue[data-musical-edition="12"] .collection-hero { position:relative; isolation:isolate; --pointer-x:65%; --pointer-y:20%; }
body.catalogue[data-musical-edition="12"] .collection-hero::before { content:''; position:absolute; inset:-2rem; z-index:-1; pointer-events:none; background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),color-mix(in srgb,var(--accent) 7%,transparent),transparent 48%); }
@media(min-width:761px) and (max-height:850px) { .listening-station { position:static; } }
@media(max-width:760px) { .listening-station { position:static; width:100%; max-width:560px; align-self:center; order:-1; } }
@media(max-width:380px) { .audio-adjuster .volume-level { grid-template-columns:auto minmax(70px,110px) 4ch; gap:.45rem; } }
@media(prefers-reduced-motion:reduce), (forced-colors:active) { body.catalogue[data-musical-edition="12"] .collection-hero::before { display:none; } }

/* A listening room: recognizable controls, room for the music, a quiet presence. */
.brand-lockup { min-width:0; }
.brand-slogan { margin:.25rem 0 0; font:.875rem/1.5 Manrope,Arial,sans-serif; letter-spacing:0; text-transform:none; color:var(--muted); }
body[data-musical-edition="12"] .topbar { padding-block:1rem; }
body[data-musical-edition="12"] .topbar .nav { gap:.5rem; flex-wrap:wrap; }
body[data-musical-edition="12"] .topbar .nav a { border:1px solid var(--music-rule); border-radius:999px; padding:.55rem 1rem; min-height:44px; background:color-mix(in srgb,var(--ink) 3%,transparent); }
body[data-musical-edition="12"] .topbar .nav a::after { display:none; }
body[data-musical-edition="12"] .topbar .nav a:hover { background:color-mix(in srgb,var(--ink) 8%,transparent); border-color:color-mix(in srgb,var(--ink) 38%,transparent); }
body[data-musical-edition="12"] .topbar .nav a:focus-visible { outline:2px solid var(--ink); outline-offset:4px; }

body[data-orbit-version="11"] .orbit-playback { stroke-linecap:butt; transition:stroke-dashoffset .22s linear; }
body[data-immersion="10"] .universe-rail { padding:14px 12px 1.75rem; margin-inline:-12px; scroll-padding-inline:12px; }
body[data-immersion="10"] .universe-card.is-preview img { outline:2px solid var(--accent); outline-offset:-2px; }
body[data-immersion="10"] .universe-card:focus-visible { outline-offset:-2px; }
@supports selector(:has(*)) {
 body[data-vinyl-edition="14"] .experience-opening:has(#orbit-listen:focus-visible) .orbit-core .vinyl-sleeve { --vinyl-reveal:var(--vinyl-slide); --vinyl-turn:8deg; --vinyl-time:.65s; --vinyl-delay:.04s; --vinyl-turn-time:.9s; }
}

/* A slow change in light, never a simulated playing state. */
body[data-controls-edition="21"] .hero::before,body.catalogue[data-controls-edition="21"] .collection-hero::before { animation:room-breath 10s ease-in-out infinite; }
@keyframes room-breath { 0%,100% { opacity:.6; } 50% { opacity:1; } }

@media(max-width:760px) {
 .brand-slogan { max-width:24ch; font-size:.875rem; }
 body[data-musical-edition="12"] .topbar .nav a { padding-inline:.85rem; }
 body[data-musical-edition="12"] .topbar .nav .desktop-only { display:none; }
}
@media(prefers-reduced-motion:reduce), (forced-colors:active) {
 body[data-controls-edition="21"] .hero::before,body.catalogue[data-controls-edition="21"] .collection-hero::before { animation:none!important; }
 body[data-orbit-version="11"] .orbit-playback { transition:none; }
}
@media(forced-colors:active) { body[data-musical-edition="12"] .topbar .nav a { border:1px solid ButtonText; background:Canvas; color:LinkText; } }

/* Let the ambient light dissolve before the rectangular layer ends. */
body[data-immersion="10"] .hero::before,
body.catalogue[data-musical-edition="12"] .collection-hero::before {
 -webkit-mask-image:linear-gradient(to bottom,transparent 0,#0001 .5rem,#0006 1.5rem,#000c 2.75rem,#000 4rem,#000 calc(100% - 4rem),#000c calc(100% - 2.75rem),#0006 calc(100% - 1.5rem),#0001 calc(100% - .5rem),transparent 100%);
 mask-image:linear-gradient(to bottom,transparent 0,#0001 .5rem,#0006 1.5rem,#000c 2.75rem,#000 4rem,#000 calc(100% - 4rem),#000c calc(100% - 2.75rem),#0006 calc(100% - 1.5rem),#0001 calc(100% - .5rem),transparent 100%);
}

/* Album opening: lift the identity block and use a wider desktop canvas. */
@media (min-width:761px) {
 body[data-opening-edition="23"] .experience-opening {
  grid-template-rows:max-content 1fr;
  align-items:start;
  row-gap:1.25rem;
 }
 body[data-opening-edition="23"] .opening-copy {
  align-self:start;
  padding-top:clamp(2rem,3.6vw,3.5rem);
 }
 body[data-opening-edition="23"] .opening-secondary {
  align-self:start;
  padding-bottom:0;
 }
 body[data-opening-edition="23"] .opening-secondary .actions { margin-top:.5rem; }
 body[data-opening-edition="23"] .orbit-instrument { align-self:start; }
 body[data-opening-edition="23"] .cockpit-atmosphere::after {
  background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 68%,transparent) 0%,color-mix(in srgb,var(--bg) 60%,transparent) 38%,color-mix(in srgb,var(--bg) 22%,transparent) 76%),linear-gradient(180deg,transparent 4%,color-mix(in srgb,var(--bg) 36%,transparent) 38%,var(--bg) 94%);
 }
}
@media (min-width:1440px) {
 body[data-opening-edition="23"] .shell { width:min(1640px,calc(100% - 8vw)); }
}

/* Page the orbital map. These controls never issue audio commands. */
body[data-opening-edition="23"] .orbit-page-controls { gap:.75rem; margin-top:.5rem; }
body[data-opening-edition="23"] .orbit-page-controls .experience-button {
 width:46px; height:46px; min-width:46px; padding:0; flex:none;
}
body[data-opening-edition="23"] .orbit-page-controls svg { width:20px; height:20px; flex:none; }
body[data-opening-edition="23"] .orbit-page-controls .experience-button:disabled { opacity:.3; cursor:default; box-shadow:none; }
body[data-opening-edition="23"] .orbit-page { display:grid; gap:.2rem; min-width:0; margin-inline:.25rem; }
body[data-opening-edition="23"] .orbit-page-group { color:var(--ink); font:500 .875rem/1.4 'Space Grotesk',Arial,sans-serif; }
body[data-opening-edition="23"] .orbit-page-range { color:var(--muted); font:400 .875rem/1.4 Manrope,Arial,sans-serif; }
body[data-opening-edition="23"] .orbit-page-controls[hidden] { display:none; }
@media (max-width:380px) {
 body[data-opening-edition="23"] .orbit-page-controls { gap:.5rem; }
}
@media (forced-colors:active) {
 body[data-opening-edition="23"] .orbit-page-controls .experience-button { border-color:ButtonText; }
 body[data-opening-edition="23"] .orbit-page-controls .experience-button:disabled { opacity:1; color:GrayText; border-color:GrayText; }
}

/* A continuous, theme-tinted light. Its surface never captures interaction. */
#site-pointer-light {
 position:fixed; top:0; left:0; width:min(58rem,150vw); aspect-ratio:1;
 z-index:30; pointer-events:none; user-select:none; contain:strict;
 background:radial-gradient(circle,color-mix(in srgb,var(--accent) 9%,transparent) 0%,color-mix(in srgb,var(--accent) 4%,transparent) 23%,transparent 65%);
 opacity:0; transition:opacity .25s ease; will-change:transform;
}
#site-pointer-light.is-present { opacity:1; }
/* Keep the quiet ambient breath; the pointer light now belongs to the page. */
body[data-interaction-edition="24"] .hero,
body.catalogue[data-interaction-edition="24"] .collection-hero { --pointer-x:65%; --pointer-y:20%; }

/* Map navigation reads as pagination, while playback keeps its round play. */
body[data-interaction-edition="24"] .orbit-page-controls { gap:.5rem; }
body[data-interaction-edition="24"] .orbit-page-controls .experience-button {
 width:auto; min-width:44px; height:auto; min-height:44px; padding:.55rem .75rem;
 border-radius:.65rem; gap:.35rem; font:500 .875rem/1.3 Manrope,Arial,sans-serif;
 background:transparent; color:var(--muted); box-shadow:none;
}
body[data-interaction-edition="24"] .orbit-page-controls .experience-button:not(:disabled):hover,
body[data-interaction-edition="24"] .orbit-page-controls .experience-button:focus-visible {
 color:var(--ink); background:color-mix(in srgb,var(--accent) 8%,transparent);
}
body[data-interaction-edition="24"] .orbit-page-controls svg {
 width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8;
 stroke-linecap:round; stroke-linejoin:round;
}
body[data-interaction-edition="24"] .orbit-page { margin-inline:0; }
@media (max-width:480px) {
 body[data-interaction-edition="24"] .orbit-page-controls {
  display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
 }
 body[data-interaction-edition="24"] .orbit-page-controls .experience-button {
  width:100%; padding:.45rem .3rem; flex-direction:column; gap:.15rem;
 }
}
@media (prefers-reduced-motion:reduce), (forced-colors:active), (any-hover:none) {
 #site-pointer-light { display:none; transition:none; }
}

/* Give the original square covers more presence, with clearance for the record. */
body[data-vinyl-edition="14"] .universe-card .vinyl-sleeve,
body[data-vinyl-edition="14"] .universe-preview > .vinyl-sleeve,
body.catalogue[data-vinyl-edition="14"] .exhibit .vinyl-sleeve,
body.catalogue[data-vinyl-edition="14"] .collection-art .vinyl-sleeve {
  --sleeve-cover:84%;
  --vinyl-size:80%;
  --vinyl-left:2%;
  --vinyl-slide:35%;
}

body[data-immersion="10"] .universe-rail {
  --album-shelf-card:clamp(170px,16vw,220px);
  grid-auto-columns:var(--album-shelf-card);
  gap:clamp(2rem,3vw,2.75rem);
  padding:14px 12px 1.75rem;
  padding-inline-end:calc(var(--album-shelf-card) * .12 + 12px);
  margin-inline:-12px;
  scroll-padding-inline:12px;
}
body[data-immersion="10"] .universe-card h3 {
  margin:.85rem 0 .35rem;
  font-size:1.0625rem;
  line-height:1.35;
  overflow-wrap:anywhere;
}
body[data-immersion="10"] .universe-card p,
body[data-immersion="10"] .universe-card .current-label {
  font-size:.875rem;
  line-height:1.5;
}
body[data-immersion="10"] .universe-card .current-label {
  letter-spacing:.03em;
}

/* The featured sleeve belongs to the page, without horizontal frame lines. */
body[data-immersion="10"] .universe-preview {
  grid-template-columns:minmax(0,320px) minmax(0,1fr);
  gap:clamp(2rem,5vw,5rem);
  border-block:0;
  padding-block:2rem;
}
body[data-immersion="10"][data-vinyl-edition="14"] .universe-preview > .vinyl-sleeve {
  width:100%;
}

/* Three generous columns on desktop; the record has its own open clearance. */
body.catalogue[data-design-version="4"] .exhibit-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:3rem clamp(2.25rem,6vw,3.5rem);
  padding-inline-end:clamp(1.5rem,5vw,3rem);
}
body.catalogue[data-musical-edition="12"] .collection-art {
  width:min(100%,560px);
  max-width:560px;
  gap:2.25rem;
  padding-inline-end:clamp(1.25rem,3vw,2rem);
}

@media (max-width:1000px) {
  body[data-immersion="10"] .universe-preview {
    grid-template-columns:260px minmax(0,1fr);
    gap:2.5rem;
  }
}
@media (max-width:850px) {
  body.catalogue[data-design-version="4"] .exhibit-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:760px) {
  body[data-immersion="10"] .universe-preview {
    grid-template-columns:200px minmax(0,1fr);
    gap:2rem;
  }
  body.catalogue[data-musical-edition="12"] .collection-art {
    max-width:420px;
    gap:1.75rem;
  }
}
@media (max-width:540px) {
  body[data-immersion="10"] .universe-preview {
    gap:1.75rem;
    padding-block:1.5rem;
  }
  body[data-immersion="10"][data-vinyl-edition="14"] .universe-preview > .vinyl-sleeve {
    width:min(100%,220px);
  }
  body.catalogue[data-design-version="4"] .exhibit-grid {
    column-gap:1.75rem;
  }
}

/* An open musical shelf: artwork first, navigation beside the collection. */
body[data-immersion="10"] .universe-preview {
  gap:clamp(2.5rem,3vw,3rem);
  margin-bottom:1.5rem;
  padding-block:1.5rem;
}
body[data-immersion="10"] .universe-card[aria-current="page"] img {
  outline:0;
}
body[data-immersion="10"] .universe-card.is-preview img {
  outline:2px solid var(--accent);
  outline-offset:-2px;
}
body[data-immersion="10"] .universe-card .current-label {
  display:block;
  border:0;
  text-transform:none;
  letter-spacing:0;
  color:var(--accent);
}
body[data-immersion="10"] .universe-card:focus-visible {
  outline:0;
}
body[data-immersion="10"] .universe-card:focus-visible .vinyl-cover {
  outline:2px solid var(--ink);
  outline-offset:-2px;
}
body[data-immersion="10"] .universe-card:focus-visible h3 {
  text-decoration:underline;
  text-underline-offset:.25em;
}

/* The native bar is the fallback; the labelled range takes over after setup. */
body[data-immersion="10"] .universe-rail {
  scrollbar-width:thin;
  scrollbar-color:var(--accent) color-mix(in srgb,var(--ink) 12%,transparent);
}
body[data-immersion="10"] .universe-rail::-webkit-scrollbar { height:12px; }
body[data-immersion="10"] .universe-rail::-webkit-scrollbar-track { background:color-mix(in srgb,var(--ink) 12%,transparent); border-radius:999px; }
body[data-immersion="10"] .universe-rail::-webkit-scrollbar-thumb { background:var(--accent); border-radius:999px; border:3px solid var(--bg); }
body[data-immersion="10"] .universe-rail[data-shelf-ready="true"] {
  scrollbar-width:none;
  padding-bottom:1rem;
  scroll-padding-inline:12px;
  scroll-snap-type:none;
  -webkit-mask-image:none;
  mask-image:none;
}
body[data-immersion="10"] .universe-rail[data-shelf-ready="true"]::-webkit-scrollbar {
  display:none;
}
body[data-immersion="10"] .universe-shelf-navigation {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:.75rem 1.5rem;
  padding:.25rem 0 0;
}
body[data-immersion="10"] .universe-shelf-navigation[hidden] { display:none!important; }
body[data-immersion="10"] .universe-shelf-position {
  margin:0;
  color:var(--muted);
  font-size:.875rem;
  line-height:1.5;
}
body[data-immersion="10"] #shelf-visible {
  color:var(--ink);
  font-variant-numeric:tabular-nums;
}
body[data-immersion="10"] .universe-shelf-navigation .rail-controls {
  gap:.625rem;
}
body[data-immersion="10"] .universe-shelf-navigation .rail-controls .experience-button {
  width:auto;
  min-width:6.5rem;
  min-height:44px;
  padding:.7rem 1rem;
  border:1px solid color-mix(in srgb,var(--ink) 24%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--bg) 18%,transparent);
  color:var(--ink);
  font-size:.875rem;
  line-height:1.3;
}
body[data-immersion="10"] .universe-shelf-navigation .experience-button:not(:disabled):hover {
  border-color:color-mix(in srgb,var(--accent) 65%,transparent);
  background:color-mix(in srgb,var(--accent) 8%,transparent);
}
body[data-immersion="10"] .universe-shelf-navigation .experience-button:disabled {
  opacity:.45;
}

body[data-immersion="10"] .universe-shelf-scrubber {
  display:grid; grid-template-columns:auto minmax(120px,1fr); align-items:center;
  flex:1 0 100%; gap:1rem; color:var(--muted); font-size:.875rem; line-height:1.5;
}
body[data-immersion="10"] .universe-shelf-scrubber input {
  display:block; appearance:none; -webkit-appearance:none; width:100%; min-width:0;
  height:44px; margin:0; padding:0; background:transparent; color:var(--accent); cursor:pointer;
}
body[data-immersion="10"] .universe-shelf-scrubber input::-webkit-slider-runnable-track {
  height:6px; border-radius:999px;
  background:linear-gradient(to right,var(--accent) 0 var(--shelf-progress,0%),color-mix(in srgb,var(--ink) 20%,transparent) var(--shelf-progress,0%) 100%);
}
body[data-immersion="10"] .universe-shelf-scrubber input::-webkit-slider-thumb {
  appearance:none; -webkit-appearance:none; width:48px; height:10px; margin-top:-2px;
  border:1px solid var(--bg); border-radius:999px; background:var(--accent); box-shadow:0 0 0 1px var(--accent);
}
body[data-immersion="10"] .universe-shelf-scrubber input::-moz-range-track {
  height:6px; border-radius:999px; background:color-mix(in srgb,var(--ink) 20%,transparent);
}
body[data-immersion="10"] .universe-shelf-scrubber input::-moz-range-progress {
  height:6px; border-radius:999px; background:var(--accent);
}
body[data-immersion="10"] .universe-shelf-scrubber input::-moz-range-thumb {
  width:48px; height:10px; border:1px solid var(--bg); border-radius:999px; background:var(--accent); box-shadow:0 0 0 1px var(--accent);
}
body[data-immersion="10"] .universe-shelf-scrubber input:focus-visible { outline:2px solid var(--ink); outline-offset:2px; border-radius:4px; }
body[data-immersion="10"] .universe-shelf-scrubber input:disabled { opacity:.45; cursor:default; }

/* The main discography uses the same clear, inset keyboard selection. */
body.catalogue[data-vinyl-edition="14"] :is(.exhibit,.collection-art a):focus-visible {
  outline:0;
}
body.catalogue[data-vinyl-edition="14"] :is(.exhibit,.collection-art a):focus-visible .vinyl-cover {
  outline:2px solid var(--ink);
  outline-offset:-2px;
}
body.catalogue[data-vinyl-edition="14"] .exhibit:focus-visible h3 {
  text-decoration:underline;
  text-underline-offset:.25em;
}

@media (max-width:760px) {
  body[data-immersion="10"] .universe-preview { gap:2rem; }
}
@media (max-width:540px) {
  body[data-immersion="10"] .universe-preview { gap:1.5rem; }
  body[data-immersion="10"] .universe-shelf-navigation { gap:.75rem; }
  body[data-immersion="10"] .universe-shelf-scrubber { grid-template-columns:1fr; gap:0; }
}
@media (forced-colors:active) {
  body[data-immersion="10"] .universe-shelf-navigation .experience-button { border-color:ButtonText; }
  body[data-immersion="10"] .universe-shelf-scrubber input { forced-color-adjust:auto; }
  body[data-immersion="10"] .universe-shelf-scrubber input::-webkit-slider-runnable-track { background:CanvasText; }
  body[data-immersion="10"] .universe-shelf-scrubber input::-webkit-slider-thumb { background:Highlight; border-color:Canvas; box-shadow:0 0 0 1px Highlight; }
  body[data-immersion="10"] .universe-shelf-scrubber input::-moz-range-track { background:CanvasText; }
  body[data-immersion="10"] .universe-shelf-scrubber input::-moz-range-progress { background:Highlight; }
  body[data-immersion="10"] .universe-shelf-scrubber input::-moz-range-thumb { background:Highlight; border-color:Canvas; box-shadow:0 0 0 1px Highlight; }
}

/* A resonance mark and a deliberate, asymmetric opening cadence. */
body[data-brand-edition="28"] .topbar {
 height:auto;
 min-height:104px;
 gap:1.5rem;
}
body[data-brand-edition="28"] .brand-lockup { min-width:0; }
body[data-brand-edition="28"] .brand {
 min-height:44px;
 width:15.5rem;
 max-width:100%;
 font:500 1.5rem/1.1 'Bodoni Moda',Georgia,serif;
 letter-spacing:.025em;
}
body[data-brand-edition="28"] .brand-logo { display:none; }
body[data-brand-edition="28"] .brand-slogan { margin:.125rem 0 0 2.15rem; }
/* The original monochrome artwork becomes ink in each album's own palette.
   Subtracting its luminance removes the white paper, without a rectangular plate. */
@supports (mask-mode:luminance) and (mask-composite:subtract) {
 body[data-brand-edition="28"] .brand[data-logo-ready="28"] .brand-logo {
  display:block;
  width:100%;
  aspect-ratio:4.9;
  background:var(--ink);
  mask-image:linear-gradient(#fff,#fff),url('/brand/simbolistas-logo28.webp');
  mask-mode:alpha,luminance;
  mask-composite:subtract;
  mask-size:100% 100%,100% auto;
  mask-position:center;
  mask-repeat:no-repeat;
 }
 body[data-brand-edition="28"] .brand[data-logo-ready="28"] .brand-name { display:none; }
}

body[data-opening-composition="28"] .opening-copy {
 --opening-inset:clamp(1.5rem,3vw,2.75rem);
}
body[data-opening-composition="28"] .opening-copy > .musical-cue {
 margin-inline-start:clamp(.875rem,1.6vw,1.5rem);
 max-width:calc(100% - clamp(.875rem,1.6vw,1.5rem));
}
body[data-opening-composition="28"] .opening-copy > h1 { margin-inline:0; }
body[data-opening-composition="28"] .opening-copy > .intro {
 margin-inline-start:var(--opening-inset);
 max-width:min(29rem,calc(100% - var(--opening-inset)));
}
body[data-opening-composition="28"] .opening-copy > .metadata {
 margin-inline-start:clamp(2rem,5vw,4.5rem);
 max-width:calc(100% - clamp(2rem,5vw,4.5rem));
 display:flex;
 flex-wrap:wrap;
 gap:.5rem 1.25rem;
}
body[data-opening-composition="28"] .opening-secondary > .actions {
 margin-inline-start:clamp(.875rem,1.6vw,1.5rem);
 max-width:calc(100% - clamp(.875rem,1.6vw,1.5rem));
 flex-wrap:wrap;
}
body[data-opening-composition="28"] .opening-secondary > .hero-route { margin-inline:0; }
body[data-opening-composition="28"] .opening-secondary > .date-line {
 margin-inline-start:clamp(2rem,5vw,4.5rem);
}
body[data-opening-composition="28"] .opening-secondary > .opening-caption {
 margin-inline-start:clamp(1.5rem,3vw,2.75rem);
 max-width:min(27rem,calc(100% - clamp(1.5rem,3vw,2.75rem)));
}

/* The discography shares the cadence; its listening controls keep their own space. */
body.catalogue[data-brand-edition="28"] .collection-title > .eyebrow {
 margin-inline-start:clamp(.875rem,1.6vw,1.5rem);
}
body.catalogue[data-brand-edition="28"] .collection-title > h1 span + span {
 margin-inline-start:.45em;
 max-width:calc(100% - .45em);
}
body.catalogue[data-brand-edition="28"] .collection-title > h1 + p {
 margin-inline-start:clamp(1.5rem,3vw,2.75rem);
 max-width:min(30rem,calc(100% - clamp(1.5rem,3vw,2.75rem)));
}

@media(max-width:760px) {
 body[data-brand-edition="28"] .brand { width:14rem; }
 body[data-brand-edition="28"] .brand-slogan { margin-inline-start:1.95rem; }
 body[data-opening-composition="28"] .opening-copy { --opening-inset:1.25rem; }
 body[data-opening-composition="28"] .opening-copy > .metadata {
  margin-inline-start:2rem;
  max-width:calc(100% - 2rem);
 }
 body[data-opening-composition="28"] .opening-secondary > .date-line { margin-inline-start:2rem; }
 body[data-opening-composition="28"] .opening-secondary > .opening-caption {
  margin-inline-start:1.25rem;
  max-width:calc(100% - 1.25rem);
 }
}
@media(max-width:620px) {
 body[data-brand-edition="28"] .topbar { flex-wrap:wrap; row-gap:.75rem; }
 body[data-brand-edition="28"] .brand-lockup { flex-basis:100%; }
 body[data-brand-edition="28"] .topbar .nav { margin-inline-start:auto; }
 body.catalogue[data-brand-edition="28"] .collection-title > h1 span + span {
  margin-inline-start:.2em;
  max-width:calc(100% - .2em);
 }
}
@media(forced-colors:active) {
 body[data-brand-edition="28"] .brand[data-logo-ready="28"] .brand-logo { display:none; }
 body[data-brand-edition="28"] .brand[data-logo-ready="28"] .brand-name { display:block; color:LinkText; }
}
 body.catalogue[data-brand-edition="28"] .collection-title > h1 {
  font-size:clamp(2rem,14vw,5.5rem);
 }