deck-slide {
  display: block;
  position: relative;
  height: 100svh;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}
deck-slide:focus-visible { outline: none }
deck-slide .frame { position: relative; width: 100%; height: 100%; padding: var(--slide-pad-block) var(--slide-pad-inline); box-sizing: border-box; display: flex; flex-direction: column; overflow: hidden; font-family: var(--font-sans); border-radius: var(--slide-radius) }
deck-slide .frame[data-foot=true] { padding-bottom: calc(4vh + 3rem) }
deck-slide .frame[data-align=center] { justify-content: center }
deck-slide .frame[data-align=end] { justify-content: flex-end }
deck-slide .frame[data-align=between] { justify-content: space-between; padding: var(--slide-pad-block-lg) var(--slide-pad-inline) }
deck-slide .frame[data-grain=true]::after { content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 1; opacity: var(--slide-grain); background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") }
deck-slide .tag { position: absolute; top: var(--slide-pad-block); right: var(--slide-pad-inline); z-index: 2; font-family: var(--font-mono); font-size: var(--slide-ms-sm); letter-spacing: var(--slide-lt-3); text-transform: uppercase; color: var(--slide-muted) }
deck-slide .tag[data-num=''] { display: none }
deck-slide .tag .num { color: var(--slide-accent); margin-right: 0.5em }
deck-slide .ribbon { position: relative; z-index: 2; font-family: var(--font-mono); font-size: var(--slide-ms-sm); letter-spacing: var(--slide-lt-4); text-transform: uppercase; color: var(--slide-accent); margin-bottom: var(--slide-rhythm); display: flex; align-items: center; gap: 0.75rem }
deck-slide .ribbon:empty { display: none }
deck-slide .ribbon::before { content: ''; width: 24px; height: 1px; background: var(--slide-accent); flex: none }
deck-slide .footline { position: absolute; bottom: 4vh; left: var(--slide-pad-inline); right: var(--slide-pad-inline); z-index: 2; display: flex; justify-content: space-between; align-items: center; font-family: var(--font-mono); font-size: var(--slide-ms-xs); letter-spacing: var(--slide-lt-3); text-transform: uppercase; color: var(--slide-muted); border-top: 1px solid var(--slide-rule); padding-top: 0.75rem }
deck-slide .footline[data-on=false] { display: none }
deck-slide .footline .count { color: var(--slide-accent) }
@media (max-width: 900px), (max-height: 620px) { deck-slide { height: auto; min-height: 100svh; scroll-snap-align: none } }
@media (forced-colors: active) { deck-slide .frame[data-grain=true]::after { display: none } }
@media print { deck-slide { height: auto; min-height: 0; break-after: page; break-inside: avoid } }
@media print { deck-slide .frame { height: 185.6mm } }
@media print { deck-slide .frame[data-grain=true]::after { display: none } }