.sheet-interactive{padding-block:42px 18px;scroll-margin-block-start:24px}
.interactive-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:40px;margin-block-end:28px}
.interactive-heading .album-kicker{color:var(--album-purple);margin-block-end:16px}
.interactive-heading h2{font-size:clamp(2rem,3.6vw,3.5rem);font-weight:500;line-height:1.12;letter-spacing:-.04em;text-wrap:initial!important}
.interactive-heading>p{color:var(--album-muted);font-size:.9375rem;line-height:1.7;max-width:42ch;justify-self:end}
.interactive-stage{position:relative;background:#e6e3df;isolation:isolate}
.interactive-cover{position:relative}
.interactive-cover>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.interactive-start{display:flex;flex-direction:column;align-items:start;gap:12px;position:absolute;inset:auto auto 32px 32px}
.interactive-start .sheet-button{background:var(--album-ink);color:white;border-color:var(--album-ink);padding:18px 24px;min-height:54px}
.interactive-start>span{font-size:.75rem;background:var(--album-paper);padding:5px 9px}
.interactive-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#25292f;color:#f1efe9;padding:10px 16px;font-size:.8125rem}
.interactive-toolbar button{font:inherit;background:none;color:inherit;border:1px solid #77737e;padding:10px 14px;min-height:44px;cursor:pointer;display:flex;align-items:center;gap:20px}
.interactive-toolbar button:focus-visible{outline:3px solid #cbb6ec;outline-offset:2px}
.interactive-toolbar[hidden],.interactive-cover[hidden]{display:none}
.interactive-stage iframe{display:block;width:100%;height:clamp(560px,78svh,780px);border:0}
.interactive-caption{display:flex;justify-content:space-between;gap:20px;font-size:.75rem;line-height:1.6;color:var(--album-muted);padding-block:14px}
.interactive-caption p{max-width:68ch}
.interactive-status{text-align:end}
@media(max-width:700px){.interactive-heading{grid-template-columns:minmax(0,1fr);gap:18px}.interactive-heading>p{justify-self:start;max-width:none}.interactive-start{inset:auto 16px 16px;gap:8px}.interactive-start .sheet-button{padding:14px 18px;min-height:50px}.interactive-caption{flex-direction:column;gap:5px}.interactive-status{text-align:start}.interactive-cover>img{aspect-ratio:1.2;object-fit:contain;padding-block-end:76px}.sheet-interactive{padding-block-start:24px}}
@media(max-width:600px){.interactive-stage iframe{height:calc(100vh - 108px);height:calc(100svh - 108px)}.interactive-toolbar{padding:8px 12px}.interactive-toolbar>span{font-size:.75rem}.interactive-toolbar button{padding:10px;font-size:.75rem;gap:10px}}
/* Leave room for the close toolbar and page margins beside the touch-controlled model. */
@media(max-width:900px) and (max-height:500px){.interactive-stage iframe{height:calc(100vh - 108px);height:calc(100svh - 108px)}}