:root{color-scheme:dark;--sand:#f4deba;--orange:#f06b2c;--ink:#171918}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--sand);font:17px/1.5 system-ui,sans-serif}.stream{max-width:1200px;margin:auto;padding:34px 24px}header{margin:0 0 24px}.eyebrow{font-size:12px;letter-spacing:.17em;color:var(--orange);margin:0 0 8px}h1{font-size:clamp(28px,4vw,48px);line-height:1.15;font-weight:500;margin:0 0 14px}header>p:last-child{margin:0;color:#bdb5a9}.stage{height:clamp(310px,65vh,720px);display:flex;align-items:center;justify-content:center;background:#101211;border-radius:2px;overflow:hidden;position:relative}.stage img{width:100%;height:100%;object-fit:contain;opacity:1;transition:opacity .2s ease}.stage img.changing{opacity:0}.stage p{position:absolute;padding:24px;text-align:center}.details{display:flex;gap:20px;justify-content:space-between;align-items:baseline;min-height:36px;margin-top:12px;font-size:14px}.details p{margin:0}.details time{white-space:nowrap;color:#bdb5a9;font-size:12px}.controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px}.controls button{border:1px solid #605b52;color:var(--sand);background:transparent;border-radius:3px;min-height:44px;min-width:44px;padding:8px 13px;cursor:pointer}.controls button:hover{border-color:var(--orange)}button:focus-visible{outline:2px solid var(--orange);outline-offset:4px}button:disabled{opacity:.4;cursor:default}#position{font-size:13px;min-width:52px;text-align:center}@media(max-width:600px){.stream{padding:24px 16px}.stage{height:460px;max-height:65vh}.details{display:block}.details time{display:block;margin-top:4px}.controls{gap:12px}}@media(prefers-reduced-motion:reduce){.stage img{transition:none}}

/* The website embed presents only the photographs. */
body.minimal{background:transparent;overflow:hidden}
.minimal .stream{padding:0;max-width:none}
.minimal header,.minimal .details{display:none}
.minimal .slideshow{position:relative}
.minimal .stage{height:100vh;max-height:none;background:transparent;border-radius:0}
.minimal .controls{position:absolute;bottom:12px;left:0;right:0;margin:0;opacity:0;transition:opacity .15s;pointer-events:none}
.minimal .controls:focus-within,.minimal .slideshow:hover .controls{opacity:1;pointer-events:auto}
.minimal .controls button,.minimal #position{background:rgba(23,25,24,.8)}
.minimal #position{padding:6px}
@media(prefers-reduced-motion:reduce){.minimal .controls{transition:none}}