.framing-demo[data-astro-cid-ug2mp7tt]{padding:clamp(20px,3vw,30px)}.tabs[data-astro-cid-ug2mp7tt]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.tab[data-astro-cid-ug2mp7tt]{padding:8px 15px;border-radius:999px;border:1px solid var(--stage-border);color:var(--stage-muted);font-size:.88rem;font-weight:600;cursor:pointer;user-select:none;transition:color .15s ease,border-color .15s ease,background .15s ease}.tab[data-astro-cid-ug2mp7tt]:hover{color:var(--stage-text);border-color:#ffffff4d}.tab[data-astro-cid-ug2mp7tt]:focus-visible{outline:2px solid var(--cyan-bright);outline-offset:2px}.stagebox[data-astro-cid-ug2mp7tt]{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,4vw,40px);align-items:center}.demo[data-astro-cid-ug2mp7tt]{display:flex;align-items:center;gap:clamp(10px,2vw,18px)}.panel[data-astro-cid-ug2mp7tt]{margin:0;display:grid;gap:7px;justify-items:center}.panel[data-astro-cid-ug2mp7tt] figcaption[data-astro-cid-ug2mp7tt]{font-size:.6rem;letter-spacing:.12em;color:var(--stage-muted)}.box[data-astro-cid-ug2mp7tt]{position:relative;overflow:hidden;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#0a0918}.source[data-astro-cid-ug2mp7tt] .box[data-astro-cid-ug2mp7tt]{width:min(360px,46vw);aspect-ratio:16 / 9}.source[data-astro-cid-ug2mp7tt] img[data-astro-cid-ug2mp7tt],.stand-in[data-astro-cid-ug2mp7tt]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stand-in[data-astro-cid-ug2mp7tt]{background:linear-gradient(160deg,#241d4d,#0e0c22)}.crop[data-astro-cid-ug2mp7tt]{position:absolute;box-sizing:border-box;top:0;height:100%;left:calc(50% - var(--w916) / 2);width:var(--w916);border:2px solid var(--cyan-bright);border-radius:5px;box-shadow:0 0 0 100vmax #06051099;transition:left .45s cubic-bezier(.4,0,.2,1),top .45s cubic-bezier(.4,0,.2,1),width .45s cubic-bezier(.4,0,.2,1),height .45s cubic-bezier(.4,0,.2,1),opacity .25s ease}.crop-2[data-astro-cid-ug2mp7tt]{opacity:0;box-shadow:none}.result[data-astro-cid-ug2mp7tt] .box[data-astro-cid-ug2mp7tt]{width:min(158px,22vw);aspect-ratio:9 / 16;display:grid;grid-template-rows:1fr}.pane[data-astro-cid-ug2mp7tt]{position:relative;overflow:hidden}.pane-b[data-astro-cid-ug2mp7tt]{display:none}.pane[data-astro-cid-ug2mp7tt] img[data-astro-cid-ug2mp7tt]{position:absolute;top:50%;translate:0 -50%;height:auto;max-width:none;width:var(--smart-iw);left:var(--smart-ix1);transition:left .45s cubic-bezier(.4,0,.2,1),width .45s cubic-bezier(.4,0,.2,1)}.haze[data-astro-cid-ug2mp7tt]{display:none}.tag[data-astro-cid-ug2mp7tt]{position:absolute;left:6px;right:6px;bottom:6px;display:none;padding:3px 0;text-align:center;border-radius:5px;font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;color:var(--stage-text);background:#0a081ab8}.arrow[data-astro-cid-ug2mp7tt]{width:22px;height:1px;flex:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4));position:relative}.arrow[data-astro-cid-ug2mp7tt]:after{content:"";position:absolute;right:0;top:-3px;border:3.5px solid transparent;border-left-color:#ffffff73}.notes[data-astro-cid-ug2mp7tt]{display:grid;gap:10px}.note[data-astro-cid-ug2mp7tt]{display:none;color:var(--stage-text);font-size:1.02rem;max-width:44ch}.foot[data-astro-cid-ug2mp7tt]{max-width:46ch}@media(max-width:760px){.stagebox[data-astro-cid-ug2mp7tt]{grid-template-columns:1fr}.demo[data-astro-cid-ug2mp7tt]{justify-content:center}}.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-smart:checked) .tab-smart[data-astro-cid-ug2mp7tt],.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-fit:checked) .tab-fit[data-astro-cid-ug2mp7tt],.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-split:checked) .tab-split[data-astro-cid-ug2mp7tt],.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-centre:checked) .tab-centre[data-astro-cid-ug2mp7tt],.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-game:checked) .tab-game[data-astro-cid-ug2mp7tt]{color:#0b0a18;background:var(--cyan-bright);border-color:var(--cyan-bright)}.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-smart:checked) .note-smart[data-astro-cid-ug2mp7tt],.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-fit:checked) .note-fit[data-astro-cid-ug2mp7tt],.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-split:checked) .note-split[data-astro-cid-ug2mp7tt],.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-centre:checked) .note-centre[data-astro-cid-ug2mp7tt],.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-game:checked) .note-game[data-astro-cid-ug2mp7tt]{display:block}.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-smart:checked) .crop[data-astro-cid-ug2mp7tt]{left:var(--smart-cx1);animation:cropDrift 6s ease-in-out infinite}.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-smart:checked) .pane-a[data-astro-cid-ug2mp7tt] .cut[data-astro-cid-ug2mp7tt]{animation:cutDrift 6s ease-in-out infinite}.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-fit:checked) .crop[data-astro-cid-ug2mp7tt]{opacity:0}.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-fit:checked) .pane-a[data-astro-cid-ug2mp7tt] .cut[data-astro-cid-ug2mp7tt]{width:100%;left:0}.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-fit:checked) .haze[data-astro-cid-ug2mp7tt]{display:block;width:200%;left:-50%;height:100%;object-fit:cover;filter:blur(18px) saturate(1.3);opacity:.6;translate:0 -50%}.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-split:checked) .crop[data-astro-cid-ug2mp7tt]{left:var(--split-cx1);width:var(--split-cw);box-shadow:none;border-color:var(--violet)}.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-split:checked) .crop-2[data-astro-cid-ug2mp7tt]{opacity:1;left:var(--split-cx2);width:var(--split-cw)}.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-split:checked) .result[data-astro-cid-ug2mp7tt] .box[data-astro-cid-ug2mp7tt]{grid-template-rows:1fr 1fr}.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-split:checked) .pane-b[data-astro-cid-ug2mp7tt]{display:block}.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-split:checked) .pane-a[data-astro-cid-ug2mp7tt] .cut[data-astro-cid-ug2mp7tt]{width:var(--split-iw);left:var(--split-ix1)}.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-split:checked) .pane-b[data-astro-cid-ug2mp7tt] .cut[data-astro-cid-ug2mp7tt]{width:var(--split-iw);left:var(--split-ix2)}.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-centre:checked) .crop[data-astro-cid-ug2mp7tt]{left:var(--centre-cx);animation:none}.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-centre:checked) .pane-a[data-astro-cid-ug2mp7tt] .cut[data-astro-cid-ug2mp7tt]{left:var(--centre-ix)}.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-game:checked) .crop[data-astro-cid-ug2mp7tt]{left:var(--cam-cx);top:var(--cam-cy);width:var(--cam-cw);height:var(--cam-ch);border-color:var(--violet)}.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-game:checked) .result[data-astro-cid-ug2mp7tt] .box[data-astro-cid-ug2mp7tt]{grid-template-rows:var(--cam-share) 1fr}.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-game:checked) .pane-b[data-astro-cid-ug2mp7tt]{display:block}.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-game:checked) .pane-b[data-astro-cid-ug2mp7tt] .tag[data-astro-cid-ug2mp7tt]{display:block}.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-game:checked) .pane-a[data-astro-cid-ug2mp7tt] .cut[data-astro-cid-ug2mp7tt]{width:var(--cam-iw);left:var(--cam-ix);top:var(--cam-iy);translate:0}.framing-demo[data-astro-cid-ug2mp7tt]:has(#fr-game:checked) .pane-b[data-astro-cid-ug2mp7tt] .cut[data-astro-cid-ug2mp7tt]{width:100%;left:0}@keyframes cropDrift{0%,to{left:var(--smart-cx1)}50%{left:var(--smart-cx2)}}@keyframes cutDrift{0%,to{left:var(--smart-ix1)}50%{left:var(--smart-ix2)}}@media(prefers-reduced-motion:reduce){.crop[data-astro-cid-ug2mp7tt],.cut[data-astro-cid-ug2mp7tt]{animation:none!important}}