:root{--listen-ink:#f5efe2;--listen-muted:#c8bda9;--listen-night:#07080b;--listen-panel:#101217;--listen-gold:#d3aa62;--listen-line:rgba(245,239,226,.2);--listen-max:76rem}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{background:var(--listen-night);scroll-behavior:smooth}.listen-room{--listen-room-accent:var(--house-gold)}.listen-room a{color:inherit}.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:99;transform:translateY(-150%);background:#fff;color:#000!important;padding:.75rem}.skip-link:focus{transform:none}
.listen-mast{height:5.2rem;padding:0 clamp(1.25rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--listen-line);font-family:Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.listen-mast__mark{text-decoration:none;font-size:.9rem;font-weight:800}.listen-mast nav{display:flex;gap:1.5rem}.listen-mast nav a{text-decoration:none;font-size:.72rem;color:var(--listen-muted)}.listen-heading{max-width:var(--listen-max);margin:0 auto;padding:clamp(3.5rem,9vw,8rem) clamp(1.25rem,4vw,4rem) clamp(2rem,5vw,4rem)}.listen-eyebrow,.listen-section-heading>p,.collection-hero>div>p,.standard-stage>div>p,.release-intro>p{font-family:Arial,sans-serif;font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;color:var(--listen-gold)}.listen-heading h1{font-size:clamp(3.5rem,10vw,9rem);font-weight:400;line-height:.82;letter-spacing:-.055em;margin:.35rem 0 1rem}.listen-heading>p:last-child{max-width:46rem;color:var(--listen-muted);font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.55}
.listen-hero,.collection-hero{position:relative;max-width:var(--listen-max);margin:0 auto;aspect-ratio:16/9;min-height:31rem;overflow:hidden;background:#020307;border:1px solid var(--listen-line)}.listen-hero>img{width:100%;height:100%;object-fit:contain;object-position:center}.listen-hero__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,7,.72),rgba(3,4,7,.04) 55%,rgba(3,4,7,.35)),linear-gradient(0deg,rgba(3,4,7,.72),transparent 45%)}.listen-hero__copy{position:absolute;left:clamp(1.5rem,5vw,5rem);top:clamp(1.5rem,5vw,4rem);max-width:28rem}.listen-hero__copy p{font:700 .72rem Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--listen-gold)}.listen-hero__copy h2{font-size:clamp(2rem,5vw,4.7rem);line-height:.9;font-weight:400;margin:.6rem 0 1rem}.listen-hero__copy span{color:var(--listen-muted)}.listen-hero__enter{position:absolute;right:clamp(1.2rem,4vw,3rem);bottom:clamp(1.2rem,4vw,3rem);font:700 .8rem Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--listen-gold);padding:.6rem 0}
.listening-aperture{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);display:grid;grid-template-columns:2.5rem clamp(5rem,8vw,7rem) 2.5rem;align-items:center;justify-items:center;gap:.6rem}.listening-aperture button{border:0;background:transparent;color:#fff;cursor:pointer}.aperture-skip{font-size:2.2rem;opacity:.72}.aperture-play{width:100%;filter:drop-shadow(0 0 20px rgba(0,0,0,.65))}.aperture-play svg{display:block;overflow:visible}.aperture-ring,.aperture-progress{fill:rgba(7,8,11,.45);stroke:rgba(255,255,255,.32);stroke-width:2}.aperture-progress{fill:none;stroke:var(--listen-gold);stroke-width:3;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:center}.aperture-glyph{fill:#fff}.listening-aperture.is-playing .aperture-glyph{d:path('M38 34H47V66H38ZM54 34H63V66H54Z')}.listening-aperture p{grid-column:1/-1;text-align:center;margin:.4rem 0 0;text-shadow:0 2px 8px #000}.listening-aperture p span,.listening-aperture p strong{display:block}.listening-aperture p span{font:700 .62rem Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--listen-gold)}.listening-aperture p strong{font-size:1.05rem;margin-top:.35rem}
.listen-catalog,.track-catalog{max-width:var(--listen-max);margin:0 auto;padding:clamp(5rem,10vw,9rem) clamp(1.25rem,4vw,4rem)}.listen-section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.listen-section-heading h2{margin:0;font-weight:400;font-size:clamp(2rem,4vw,3.6rem)}.listen-section-heading p{margin:0}.project-grid,.track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.2vw,2rem)}.project-tile,.track-tile{text-decoration:none;display:flex;flex-direction:column;border:1px solid var(--listen-line);background:rgba(255,255,255,.025);transition:transform .25s,border-color .25s}.project-tile:hover,.track-tile:hover,.project-tile:focus-visible,.track-tile:focus-visible{transform:translateY(-4px);border-color:var(--listen-gold)}.project-tile__image,.track-tile__art{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#12151b}.project-tile__image img,.track-tile__art img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-tile:hover img,.track-tile:hover img{transform:scale(1.025)}.project-tile__text,.track-tile__copy{display:flex;flex-direction:column;min-height:10.5rem;padding:1.3rem}.project-tile__text strong,.track-tile__copy strong{font-weight:400;font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.1}.project-tile__text small,.track-tile__copy small{font:700 .66rem Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--listen-gold);order:-1;margin-bottom:.7rem}.project-tile__text>span,.track-tile__copy>span{margin-top:auto;padding-top:1.2rem;font:700 .72rem Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--listen-muted)}
.signal-sleeve,.release-signal{display:flex;width:100%;height:100%;align-items:center;justify-content:center;gap:5%;background:radial-gradient(circle,#382543 0,transparent 35%),linear-gradient(135deg,#0b1019,#241521)}.signal-sleeve i,.release-signal i{display:block;width:5%;height:10%;border-radius:50%;background:var(--listen-gold);box-shadow:0 0 25px currentColor;animation:signal 2.2s ease-in-out infinite}.signal-sleeve i:nth-child(2),.release-signal i:nth-child(2){height:32%;animation-delay:-.4s}.signal-sleeve i:nth-child(3),.release-signal i:nth-child(3){height:60%;animation-delay:-.8s}.release-signal i:nth-child(4){height:22%;animation-delay:-1.2s}@keyframes signal{50%{transform:scaleY(1.8);opacity:.55}}
.collection-hero{display:grid;grid-template-columns:1.28fr .72fr;aspect-ratio:auto;min-height:32rem}.collection-hero>img{width:100%;height:100%;object-fit:cover;min-height:32rem}.collection-hero>div{padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(140deg,#17151a,#0a0b0e)}.collection-hero h2,.release-intro h2{font-size:clamp(2.1rem,4vw,4rem);line-height:1;margin:.6rem 0 1.3rem;font-weight:400}.collection-hero>div>p:last-of-type,.release-intro>p{font-size:1.07rem;line-height:1.6;color:var(--listen-muted)}.outbound-portals{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.outbound-portals a,.release-intro>a{font:700 .7rem Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:1px solid var(--listen-line);padding:.85rem 1rem}.track-tile__art b{position:absolute;right:1rem;bottom:1rem;width:3rem;height:3rem;display:grid;place-items:center;border-radius:50%;background:rgba(5,6,9,.78);border:1px solid rgba(255,255,255,.5);font-size:.82rem}.release-intro{max-width:var(--listen-max);margin:0 auto;padding:clamp(3rem,7vw,6rem);border:1px solid var(--listen-line);background:radial-gradient(circle at 85% 20%,#332544,transparent 28rem),#111217}.release-intro>p{max-width:48rem}.release-grid .track-tile__art{aspect-ratio:1/1}.signal-cyan .release-signal{color:#87e8e7;background:radial-gradient(circle,#17434d,transparent 45%),#090d13}.signal-gold .release-signal{color:#e2bd6f;background:radial-gradient(circle,#5a3418,transparent 45%),#0d0b09}.signal-rust .release-signal{color:#df8458;background:radial-gradient(circle,#51251b,transparent 45%),#100b0a}.signal-green .release-signal{color:#9dd377;background:radial-gradient(circle,#294829,transparent 45%),#08100b}.signal-violet .release-signal{color:#c98fff;background:radial-gradient(circle,#3d2451,transparent 45%),#0d0911}.signal-red .release-signal{color:#ff8b8b;background:radial-gradient(circle,#582020,transparent 45%),#120808}
.listen-crumbs{max-width:var(--listen-max);margin:-1rem auto 2rem;padding:0 clamp(1.25rem,4vw,4rem);display:flex;gap:.6rem;flex-wrap:wrap;font:700 .66rem Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--listen-muted)}.poem-stage{position:relative;max-width:var(--listen-max);height:min(72vh,52rem);min-height:32rem;margin:0 auto;overflow:hidden;background:#08090c;border:1px solid var(--listen-line)}.poem-stage>img{width:100%;height:100%;object-fit:contain}.poem-stage__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.68) 42%,rgba(0,0,0,.88))}.poem-scroll{position:absolute;right:0;top:0;width:min(54%,42rem);height:100%;overflow-y:auto;padding:35vh clamp(1.4rem,4vw,4rem);scrollbar-width:thin;scrollbar-color:var(--listen-gold) transparent}.poem-scroll p{margin:0 0 1.25rem;color:rgba(255,255,255,.48);font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.45;transition:color .4s,transform .4s,text-shadow .4s}.poem-scroll p.is-current{color:#fff;transform:translateX(-.7rem);text-shadow:0 0 18px rgba(255,255,255,.28)}
.standard-stage{max-width:var(--listen-max);min-height:31rem;margin:0 auto;display:grid;grid-template-columns:minmax(18rem,1fr) 1fr;border:1px solid var(--listen-line);background:linear-gradient(135deg,#17171d,#090a0d)}.standard-stage>img{width:100%;height:100%;max-height:42rem;object-fit:cover}.standard-stage>div:last-child{padding:clamp(2rem,6vw,6rem);display:flex;flex-direction:column;justify-content:center}.standard-stage h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.95;font-weight:400;margin:.5rem 0 1.5rem}.standard-stage>div>p:last-child{font-size:1.08rem;color:var(--listen-muted)}.release-signal--large{min-height:31rem}.external-listen{max-width:var(--listen-max);margin:0 auto;padding:3rem;text-align:center;border:1px solid var(--listen-line);background:#111217}.external-listen .transport-primary{display:inline-block;text-decoration:none;padding:1rem 1.3rem;font:700 .75rem Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.audio-transport{max-width:var(--listen-max);margin:0 auto;padding:clamp(2rem,5vw,4rem);border:1px solid var(--listen-line);border-top:0;background:#0d0e12}.transport-buttons{display:grid;grid-template-columns:repeat(7,minmax(2.8rem,5rem));justify-content:center;gap:clamp(.3rem,1vw,.8rem)}.transport-buttons button,.transport-buttons a{aspect-ratio:1;border-radius:50%;border:1px solid var(--listen-line);background:rgba(255,255,255,.025);color:#fff;display:grid;place-items:center;text-decoration:none;font:700 .72rem Arial,sans-serif;cursor:pointer}.transport-buttons .transport-primary{background:var(--listen-ink);color:#08090b;font-size:1.2rem;transform:scale(1.12)}.transport-buttons button:hover,.transport-buttons a:hover,.transport-buttons button:focus-visible,.transport-buttons a:focus-visible{border-color:var(--listen-gold);box-shadow:0 0 0 3px rgba(211,170,98,.15)}.natural-progress{display:grid;grid-template-columns:4rem 1fr 4rem;align-items:center;gap:1rem;margin-top:2.5rem}.natural-progress output{font:700 .7rem Arial,sans-serif;color:var(--listen-muted);font-variant-numeric:tabular-nums}.natural-progress output:last-child{text-align:right}.natural-progress label{height:2.7rem;position:relative;display:block;overflow:hidden;border-radius:2rem;background:#08090b}.natural-progress input{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:2;cursor:pointer}.natural-progress label:focus-within{outline:2px solid var(--listen-gold);outline-offset:3px}.progress-landscape{position:absolute;inset:0;--progress:0%;clip-path:inset(0 calc(100% - var(--progress)) 0 0);transition:clip-path .2s linear}.progress-landscape:before,.progress-landscape:after,.progress-landscape i{content:'';position:absolute;inset:0}.natural-progress--river .progress-landscape{background:linear-gradient(90deg,#143047,#4ab1c7,#d5f1e5);animation:river 5s linear infinite}.natural-progress--river .progress-landscape:before{background:repeating-radial-gradient(ellipse at 10% 150%,transparent 0 14px,rgba(255,255,255,.22) 15px 17px,transparent 18px 28px)}.natural-progress--stars .progress-landscape,.natural-progress--nebula .progress-landscape{background:radial-gradient(circle at 20% 45%,#fff 0 1px,transparent 2px),radial-gradient(circle at 62% 30%,#f8dca0 0 1px,transparent 2px),linear-gradient(90deg,#111528,#683e75,#b278a7)}.natural-progress--nebula .progress-landscape{filter:saturate(1.35);animation:nebula 5s ease-in-out infinite}.natural-progress--fire .progress-landscape{background:repeating-radial-gradient(ellipse at 50% 130%,#fff0a8 0 4%,#f39b37 5% 10%,#a62f20 12% 17%,transparent 19% 25%),#210908;animation:fire 1.3s ease-in-out infinite}.natural-progress--wind .progress-landscape{background:repeating-linear-gradient(165deg,transparent 0 10px,rgba(255,255,255,.42) 11px 13px,transparent 14px 25px),linear-gradient(90deg,#283642,#a3c5ca)}.natural-progress--earth .progress-landscape{background:repeating-linear-gradient(176deg,#2b1d16 0 6px,#75533a 7px 12px,#b3915e 13px 16px)}.natural-progress--nova .progress-landscape{background:radial-gradient(circle at 70% 50%,#fff 0 2%,#f4c978 3% 8%,#bd5f5a 12%,transparent 30%),linear-gradient(90deg,#121224,#653a6c,#17101d);animation:nova 2s ease-in-out infinite}@keyframes river{50%{filter:hue-rotate(12deg) brightness(1.15)}}@keyframes nebula{50%{filter:saturate(1.8) brightness(1.2)}}@keyframes fire{50%{transform:scaleY(1.22)}}@keyframes nova{50%{filter:brightness(1.5)}}.transport-status{text-align:center;margin:1rem 0 0;color:var(--listen-muted);font-size:.85rem}.work-navigation{max-width:var(--listen-max);margin:0 auto;padding:2rem clamp(1.25rem,4vw,4rem) 6rem;display:flex;justify-content:space-between;gap:1rem;font:700 .7rem Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.work-navigation a{text-decoration:none;color:var(--listen-muted)}.listen-footer{max-width:var(--listen-max);margin:0 auto;padding:3rem clamp(1.25rem,4vw,4rem);border-top:1px solid var(--listen-line);display:flex;justify-content:space-between;color:var(--listen-muted);font:700 .7rem Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.listen-footer a{text-decoration:none}
@media(max-width:820px){.project-grid,.track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-hero,.standard-stage{grid-template-columns:1fr}.collection-hero>img,.standard-stage>img{min-height:22rem;max-height:34rem}.poem-stage__shade{background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.25))}.poem-scroll{top:auto;bottom:0;width:100%;height:56%;padding:22vh 1.5rem}.transport-buttons{grid-template-columns:repeat(7,minmax(2.3rem,1fr))}}@media(max-width:560px){.listen-mast{height:4.4rem}.listen-heading h1{font-size:3.6rem}.listen-heading{padding-top:3rem}.listen-hero{margin-inline:1rem;min-height:35rem;aspect-ratio:auto}.listen-hero__copy{right:1.2rem}.listening-aperture{top:59%}.listen-hero__enter{left:1.2rem;right:auto}.project-grid,.track-grid{grid-template-columns:1fr}.listen-section-heading{display:block}.listen-section-heading p{margin-bottom:.6rem}.collection-hero,.release-intro,.poem-stage,.standard-stage{margin-inline:1rem}.collection-hero>img{min-height:18rem}.track-catalog{padding-top:4rem}.transport-buttons{grid-template-columns:repeat(4,1fr)}.transport-buttons a:last-child{grid-column:4}.natural-progress{grid-template-columns:3.2rem 1fr 3.2rem;gap:.5rem}.work-navigation{font-size:.62rem}.listen-footer{display:block}.listen-footer a{display:block;margin-top:1rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.listen-feature__heading{text-align:center;margin:0 auto clamp(1.3rem,2.5vw,2rem)}.listen-feature__heading p{margin:0 0 .7rem;color:var(--house-gold);font:700 .68rem/1.3 var(--house-ui);letter-spacing:.2em;text-transform:uppercase}.listen-feature__heading h2{margin:0;color:var(--house-ivory);font-size:clamp(1.45rem,3vw,2.35rem);font-weight:400;line-height:1.15}.listen-feature__heading span{display:block;margin-top:.55rem;color:var(--house-faint);font:600 .62rem/1.4 var(--house-ui);letter-spacing:.13em;text-transform:uppercase}

/* 06D poem reference chambers: one viewport-bound listening composition. */
.listen-work--tableau .room-opening{padding-top:clamp(1.25rem,3vh,2.5rem);padding-bottom:clamp(1rem,2vh,1.75rem)}.listen-work--tableau .room-opening__inscription{display:none}.listen-work--tableau .listen-room-field{padding-bottom:2rem}.listen-work--tableau .listen-crumbs{margin-bottom:.75rem}.listening-tableau{position:relative;isolation:isolate;display:grid;grid-template-rows:minmax(0,1fr) auto auto;max-width:var(--listen-max);height:calc(100svh - 13.5rem);min-height:36rem;max-height:58rem;margin:0 auto;overflow:hidden;border:1px solid var(--listen-line);background:#050609}.tableau-art{position:absolute;inset:0;z-index:-2;overflow:hidden}.tableau-art__backdrop{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(28px) brightness(.38) saturate(.72);transform:scale(1.08)}.tableau-art__portrait{position:absolute;inset:0;width:100%;height:100%;padding:clamp(.75rem,2vh,1.5rem) 1rem clamp(12.5rem,27vh,16.5rem);object-fit:contain;filter:drop-shadow(0 1rem 2.5rem rgba(0,0,0,.65))}.tableau-art__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,4,7,.64),transparent 20%,transparent 52%,rgba(3,4,7,.96) 78%)}.tableau-info{align-self:start;padding:clamp(1rem,2vw,1.65rem);text-align:center;text-shadow:0 2px 15px #000}.tableau-info p{margin:0;color:var(--listen-gold);font:700 .64rem/1.35 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}.tableau-info h2{margin:.3rem 0 0;font-size:clamp(1.45rem,3vw,2.3rem);font-weight:400}.tableau-lyric{align-self:end;display:grid;place-items:center;min-height:4.75rem;margin:0 clamp(1rem,5vw,5rem);padding:.85rem 1.25rem;border-block:1px solid rgba(255,255,255,.16);background:rgba(4,5,8,.62);backdrop-filter:blur(12px);text-align:center}.tableau-lyric span{font-size:clamp(1.05rem,2vw,1.55rem);line-height:1.28;text-wrap:balance;opacity:.4;transform:translateY(.25rem);transition:opacity .35s,transform .35s}.tableau-lyric span.is-visible{opacity:1;transform:none}.tableau-controls{padding:.8rem clamp(1rem,3vw,2.5rem) .7rem;background:rgba(5,6,9,.92);backdrop-filter:blur(14px)}.tableau-controls .natural-progress{margin:0 0 .65rem}.tableau-controls .natural-progress label{height:1.8rem}.tableau-buttons{grid-template-columns:repeat(7,minmax(2.35rem,3.4rem));gap:clamp(.25rem,.8vw,.65rem)}.tableau-buttons button,.tableau-buttons a{font-size:.64rem}.tableau-buttons .transport-primary{font-size:1rem}.tableau-controls .transport-status{margin:.4rem 0 0;font-size:.7rem}.listen-work--tableau .work-navigation{padding-top:1rem;padding-bottom:2rem}
@media(max-width:820px){.listening-tableau{height:calc(100svh - 12.25rem);min-height:34rem}.tableau-art__portrait{padding-bottom:13.5rem}.tableau-info h2{font-size:1.6rem}.tableau-lyric{margin-inline:.75rem}.tableau-controls{padding-inline:.75rem}}
@media(max-width:560px){.listen-work--tableau .room-opening__eyebrow{font-size:.58rem}.listen-work--tableau .room-opening__title{font-size:clamp(1.8rem,9vw,2.65rem)}.listen-work--tableau .listen-crumbs{display:none}.listening-tableau{height:calc(100svh - 9.2rem);min-height:31rem;margin-inline:.5rem}.tableau-art__portrait{padding:.5rem .5rem 13.25rem}.tableau-info{padding:.75rem}.tableau-info p{font-size:.55rem}.tableau-info h2{font-size:1.35rem}.tableau-lyric{min-height:4rem;padding:.65rem .75rem}.tableau-lyric span{font-size:clamp(.98rem,4.2vw,1.16rem)}.tableau-controls .natural-progress{grid-template-columns:2.8rem 1fr 2.8rem}.tableau-buttons{grid-template-columns:repeat(7,minmax(0,1fr))}.tableau-buttons button,.tableau-buttons a{width:100%;min-width:0}.listen-work--tableau .work-navigation{padding-inline:.75rem}}

/* The lyric and control deck float over the visual plane. */
.listen-work--tableau .house-frame__footer{position:relative;z-index:0}.listening-tableau{display:block}.tableau-art__portrait{padding-bottom:clamp(9rem,21vh,12rem)}.tableau-art__veil{background:linear-gradient(180deg,rgba(3,4,7,.58),transparent 22%,transparent 52%,rgba(3,4,7,.9) 82%)}.tableau-info{position:absolute;z-index:2;top:0;left:0;right:0}.tableau-lyric{position:absolute;z-index:3;left:clamp(1rem,5vw,5rem);right:clamp(1rem,5vw,5rem);bottom:7.25rem;margin:0;min-height:6rem;padding:1rem 1.5rem;background:linear-gradient(90deg,transparent,rgba(4,5,8,.76) 12%,rgba(4,5,8,.76) 88%,transparent);backdrop-filter:blur(10px)}.tableau-controls{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:.75rem clamp(1rem,3vw,2.5rem) .65rem;background:linear-gradient(180deg,rgba(5,6,9,.08),rgba(5,6,9,.58) 30%,rgba(5,6,9,.72));backdrop-filter:blur(7px)}.tableau-controls .natural-progress label{background:rgba(8,9,11,.48)}
@media(max-width:820px){.tableau-art__portrait{padding-bottom:10.75rem}.tableau-lyric{left:.75rem;right:.75rem;margin:0}}
@media(max-width:560px){.tableau-art__portrait{padding:.5rem .5rem 10.5rem}.tableau-lyric{bottom:6.8rem;min-height:5.25rem;padding:.8rem .9rem}}


/* PR #22 mobile layout correction: keep the poem and all seven controls in flow. */
@media(max-width:560px){
.audio-transport{padding:1.35rem .65rem}
.transport-buttons{grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(.18rem,1vw,.35rem)}
.transport-buttons button,.transport-buttons a{width:100%;min-width:0;font-size:clamp(.55rem,2.5vw,.72rem)}
.transport-buttons .transport-primary{transform:scale(1.06)}
.transport-buttons a:last-child{grid-column:auto}
.listening-tableau{display:grid;grid-template-rows:minmax(0,1fr) auto auto}
.tableau-lyric{position:relative;z-index:3;grid-row:2;left:auto;right:auto;bottom:auto;margin:0 .5rem;min-height:5.25rem;padding:.8rem .9rem}
.tableau-controls{position:relative;z-index:3;grid-row:3;left:auto;right:auto;bottom:auto}
}