.reel-video{aspect-ratio:16/9;background:var(--c-ink);object-fit:contain;border-radius:18px;width:100%;display:block}.reel-video:focus-visible{outline:3px solid var(--c-focus);outline-offset:4px}@media (max-width:700px) and (orientation:portrait){.reel-video{aspect-ratio:9/16;width:auto;max-width:100%;max-height:82svh;margin:0 auto}}.reel-note{color:var(--c-ink-2);margin:14px 4px 0;font-size:15px}.reel-transcript{background:var(--c-card);box-shadow:inset 0 0 0 1px var(--c-rule), var(--x-shadow-card);border-radius:18px;margin-top:22px}.reel-transcript summary{min-height:56px;font:800 18px/1 var(--font-display);cursor:pointer;align-items:center;padding:0 22px;display:flex}.reel-transcript summary:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px;border-radius:18px}.reel-transcript ol{gap:10px;margin:0;padding:4px 22px 22px;font-size:17px;line-height:1.5;list-style:none;display:grid}.reel-transcript li{grid-template-columns:3.4rem minmax(0,1fr);gap:12px;display:grid}.reel-t{font:700 14px/1.6 var(--font-mono);color:var(--c-teal-ink)}.reel-cta{background:var(--c-card);min-height:44px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--c-teal) 70%, var(--c-card)), var(--x-shadow-card);color:var(--c-ink);font:700 15.5px/1.2 var(--font-sans);border-radius:999px;align-items:center;gap:10px;margin-top:14px;padding:0 18px 0 6px;text-decoration:none;display:inline-flex}.reel-cta:hover{box-shadow:inset 0 0 0 2px var(--c-teal), var(--x-shadow-card)}.reel-cta:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}.reel-cta-play{background:var(--c-teal);width:34px;height:34px;color:var(--c-teal-on);border-radius:50%;place-items:center;display:grid}.reel-dialog{background:var(--c-card);width:min(1180px,96vw);max-width:none;max-height:96svh;box-shadow:var(--x-shadow-slab);border:0;border-radius:20px;margin:auto;padding:0;overflow:hidden}.reel-dialog::backdrop{background:color-mix(in srgb, var(--c-ink) 74%, transparent)}.reel-dialog[open]{flex-direction:column;display:flex}.reel-dialog-bar{border-bottom:1px solid var(--c-rule);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px 10px 20px;display:flex}.reel-dialog-title{font:800 17px/1.2 var(--font-display);margin:0}.reel-dialog-body{padding:10px;overflow:auto}.reel-dialog .reel-video{max-height:calc(96svh - 90px)}@media (max-width:700px) and (orientation:portrait){.reel-dialog{border-radius:0;width:100vw;max-height:100svh}.reel-dialog .reel-video{max-height:calc(100svh - 90px)}}@media print{.reel-cta,.reel-dialog{display:none!important}}.reel-close{background:var(--c-ink);min-height:44px;color:var(--c-card);font:700 15px/1 var(--font-sans);cursor:pointer;border:0;border-radius:999px;padding:0 18px}.reel-close:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}
.viewer{background:var(--c-card);width:min(1100px,94vw);max-width:none;max-height:94vh;color:var(--c-ink);box-shadow:0 30px 80px -20px color-mix(in srgb, var(--c-ink) 60%, transparent);border:0;border-radius:20px;margin:auto;padding:0;overflow:hidden}.viewer::backdrop{background:color-mix(in srgb, var(--c-ink) 62%, transparent)}.viewer-in{border-top:6px solid var(--app);flex-direction:column;max-height:94vh;display:flex}.viewer-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 22px 12px;display:flex}.viewer-kicker{font:800 12.5px/1.3 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--app-ink) 80%, var(--c-ink));margin:0}.viewer-h{font:900 clamp(26px, 3vw, 38px) / 1.05 var(--font-display);letter-spacing:-.025em;color:var(--c-navy);margin:4px 0 0}.viewer-meta{color:var(--c-ink-2);margin:8px 0 0;font-size:15.5px}.viewer-close{min-height:44px;font:700 15px/1 var(--font-sans);background:var(--c-card);box-shadow:inset 0 0 0 2px var(--c-ink);cursor:pointer;border-radius:999px;flex:none;padding:0 18px}.viewer-close:hover{background:var(--c-ink);color:var(--c-card)}.viewer-tabs{flex-wrap:wrap;gap:8px;padding:0 22px 10px;display:flex}.viewer-tab{min-height:44px;font:700 14.5px/1 var(--font-sans);background:var(--c-paper);box-shadow:inset 0 0 0 1.5px var(--c-rule-strong);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.viewer-tab[aria-pressed=true]{background:color-mix(in srgb, var(--app) 14%, var(--c-card));box-shadow:inset 0 0 0 2px var(--app)}.viewer-fig{touch-action:pan-y pinch-zoom;flex:1;min-height:0;margin:0;padding:0 22px;overflow:auto}.viewer-frame{background:var(--app);border-radius:14px;padding:8px}.viewer-frame img{object-fit:contain;background:var(--c-card);border-radius:8px;width:100%;height:auto;max-height:calc(94vh - 340px);display:block}.viewer-cap{color:var(--c-ink-2);margin:10px 2px 0;font-size:15px;line-height:1.5}.viewer-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px 18px;display:flex}.viewer-nav{align-items:center;gap:12px;display:flex}.viewer-arrow{background:var(--c-card);width:44px;height:44px;box-shadow:inset 0 0 0 2px var(--c-ink);cursor:pointer;border-radius:50%;place-items:center;display:grid}.viewer-arrow:hover{background:var(--c-ink);color:var(--c-card)}.viewer-count{margin:0;font-size:15px;font-weight:700}@media (max-width:700px){.viewer{border-radius:0;width:100vw;height:100%;max-height:none}.viewer-in{height:100%;max-height:none}.viewer-head,.viewer-tabs,.viewer-fig,.viewer-foot{padding-left:16px;padding-right:16px}.viewer-frame img{max-height:none}}.viewer-frame .shot-badge{top:16px;right:16px;transform:none}