/* Page-scoped controls override the opening/menu button resets. */
:is(#arfom-living,#arfom-menu) .creative-reel{--reel-paper:#eeeae3;--reel-red:#e6382c;container-type:inline-size;min-width:0;padding:16px;background:#0d0c0b;color:var(--reel-paper);border-top:1px solid #393431}
:is(#arfom-living,#arfom-menu) .reel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
:is(#arfom-living,#arfom-menu) .reel-heading h2{font:400 20px/1.2 'Oswald',sans-serif;letter-spacing:.025em;margin:0}
:is(#arfom-living,#arfom-menu) .reel-heading>span{font:12px/1.4 'Space Mono',monospace;color:#c8c2bb;white-space:nowrap}
:is(#arfom-living,#arfom-menu) .reel-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;min-width:0}
:is(#arfom-living,#arfom-menu) .reel-choice{display:block;min-width:0;padding:0;border:0;background:none;color:var(--reel-paper);text-decoration:none;text-align:left;cursor:pointer}
:is(#arfom-living,#arfom-menu) .reel-frame{display:block;position:relative;aspect-ratio:16/9;background:#1d1916;outline:1px solid #ffffff36;outline-offset:-1px;overflow:hidden}
:is(#arfom-living,#arfom-menu) .reel-frame>img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .2s}
:is(#arfom-living,#arfom-menu) .reel-choice:hover .reel-frame>img,:is(#arfom-living,#arfom-menu) .reel-choice[aria-pressed=true] .reel-frame>img{opacity:1}
:is(#arfom-living,#arfom-menu) .reel-choice[aria-pressed=true] .reel-frame{outline:2px solid var(--reel-red);outline-offset:-2px}
:is(#arfom-living,#arfom-menu) .reel-artist{display:block;font:400 14px/1.25 'Oswald',sans-serif;letter-spacing:.015em;padding-top:8px;overflow-wrap:normal}
:is(#arfom-living,#arfom-menu) .reel-artist>span{display:block;font:12px/1.5 'Space Mono',monospace;color:#aca198;margin-bottom:3px}
:is(#arfom-living,#arfom-menu) .reel-choice[aria-pressed=true] .reel-artist>span{color:#ff796a}
:is(#arfom-living,#arfom-menu) .reel-selected{display:none;position:absolute;left:5px;bottom:5px;padding:3px 5px;background:var(--reel-red);color:#080808;font:12px/1 Arial,sans-serif}
:is(#arfom-living,#arfom-menu) .reel-is-playing .reel-choice[aria-pressed=true] .reel-selected{display:block}
:is(#arfom-living,#arfom-menu) .reel-navigation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:16px}
:is(#arfom-living,#arfom-menu) .reel-navigation button{display:flex;justify-content:center;align-items:center;gap:12px;min-height:46px;min-width:0;padding:8px 12px;border:1px solid #827169;border-radius:0;background:#211d1a;color:#f4efea;font:14px/1.3 Inter,Arial,sans-serif;cursor:pointer}
:is(#arfom-living,#arfom-menu) .reel-navigation button>span{font:26px/1 Arial,sans-serif}
:is(#arfom-living,#arfom-menu) .reel-navigation .reel-next{background:#e6382c;border-color:#e6382c;color:#080808}
:is(#arfom-living,#arfom-menu) .reel-count{font:12px/1.4 'Space Mono',monospace;white-space:nowrap;color:#d1c8be}
:is(#arfom-living,#arfom-menu) .reel-gesture{display:flex;justify-content:center;align-items:center;gap:9px;margin:10px 0 0;font:12px/1.5 Inter,Arial,sans-serif;color:#bdb4aa}
:is(#arfom-living,#arfom-menu) .reel-gesture>span{font-size:22px;line-height:1}
:is(#arfom-living,#arfom-menu) .reel-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
#arfom-living .reel-stage{position:relative;width:100%;min-width:0;background:#080808;touch-action:pan-y;cursor:grab}
#arfom-living .reel-stage:active{cursor:grabbing}
#arfom-living:not(.is-entered) .reel-stage .am-intro-video,#arfom-living.is-entered .reel-stage .am-intro-video{display:block;width:100%;max-width:none;aspect-ratio:960/536;object-fit:contain;margin:0}
:is(#arfom-living,#arfom-menu) .reel-stage-controls{position:absolute;inset:50% 12px auto;transform:translateY(-50%);display:flex;align-items:center;justify-content:space-between;z-index:5;pointer-events:none}
:is(#arfom-living,#arfom-menu) .reel-stage-controls button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #f1e9dd;border-radius:0;background:#080808e8;box-shadow:0 2px 12px #0005;color:#fff;font:30px/1 Arial,sans-serif;cursor:pointer;pointer-events:auto}
:is(#arfom-living,#arfom-menu) .reel-stage-controls button:hover,:is(#arfom-living,#arfom-menu) .reel-navigation button:hover{background:#f4efea;border-color:#f4efea;color:#080808}
:is(#arfom-living,#arfom-menu) :is(.reel-stage-controls button,.reel-navigation button,.reel-choice):focus-visible{outline:3px solid #ff796a;outline-offset:4px}
#arfom-living.is-entered .creative-reel{grid-column:1/-1;width:100%}
#arfom-menu #menu-reel{border-left:2px solid #e6382c;border-bottom:1px solid #393431;margin:0 0 20px}
#arfom-menu .feature-video{object-fit:contain;background:#080808}
#arfom-menu .feature:not([data-preview]),#arfom-menu .feature[data-preview=film]{touch-action:pan-y}
#arfom-menu .feature[data-preview]:not([data-preview=film]) .reel-stage-controls{display:none}
#arfom-menu .feature:not([data-preview]) .reel-stage-controls,#arfom-menu .feature[data-preview=film] .reel-stage-controls{inset:38% 12px auto}
:is(#arfom-living,#arfom-menu) :is(.reel-navigation,.reel-gesture,.reel-stage-controls)[hidden]{display:none!important}
@container(max-width:430px){:is(#arfom-living,#arfom-menu) .reel-strip{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}:is(#arfom-living,#arfom-menu) .reel-artist>span{display:inline;margin-right:7px}:is(#arfom-living,#arfom-menu) .reel-navigation{gap:8px}:is(#arfom-living,#arfom-menu) .reel-navigation button{gap:7px;padding:8px}}
@media(max-width:700px){:is(#arfom-living,#arfom-menu) .creative-reel{padding:14px 12px}:is(#arfom-living,#arfom-menu) .reel-stage-controls{inset-inline:9px}}
@media(prefers-reduced-motion:reduce){:is(#arfom-living,#arfom-menu) .reel-frame>img{transition:none}}