/* 70% viewport media at the existing quote positions. */
figure.scroll-quote{display:block;position:relative;isolation:isolate;width:calc(var(--scroll-vw,100vw)*.7);max-width:none;margin:32px calc(50% - var(--scroll-vw,100vw)*.35);padding:0;pointer-events:auto;z-index:1;background:#08060c;border:0;border-radius:0;box-shadow:none}
.scroll-quote .scroll-quote-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}
.scroll-quote video,.scroll-quote img.scroll-quote-end{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:16/9;filter:none;mask-image:none;-webkit-mask-image:none;border:0;border-radius:0;box-shadow:none}
.scroll-quote img.scroll-quote-end{position:absolute;inset:0;visibility:hidden;pointer-events:none}
.scroll-quote[data-complete="true"] img.scroll-quote-end{visibility:visible}
.scroll-quote .scroll-quote-controls{position:absolute;right:16px;bottom:16px;display:flex;gap:8px;z-index:3}
.scroll-quote .scroll-quote-controls button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px;color:#edd6ee;background:#160e20df;border:1px solid #bd8fbb;border-radius:50%;font:18px system-ui;cursor:pointer;box-shadow:0 3px 12px #0008}
.scroll-quote .scroll-quote-controls button:focus-visible{outline:3px solid #ff66bb;outline-offset:3px}
.scroll-quote .scroll-quote-credit{display:block;text-align:center;color:#ba9fbd;background:#0b080f;padding:7px 12px;font:11px/1.4 system-ui;letter-spacing:0}
.scroll-quote-credit a{color:inherit;text-decoration:underline}
@media(max-width:600px){figure.scroll-quote{margin-block:24px}.scroll-quote .scroll-quote-controls{right:8px;bottom:8px}}