/* A paper archive lives behind the television, with an index tab to pull. */
.tv-section{overflow:visible;position:relative;isolation:isolate}
.tv-stage{position:relative;min-width:0;transition:transform .65s cubic-bezier(.22,1,.36,1);--drawer-width:290px}
.tv-stage .tv-player{position:relative;z-index:2;transition:transform .65s cubic-bezier(.22,1,.36,1)}
.tv-copy{transition:opacity .35s,transform .6s cubic-bezier(.22,1,.36,1)}
.tv-pull-tab{position:absolute;z-index:-1;top:22%;right:-105px;width:114px;min-height:110px;display:flex;align-items:center;justify-content:center;gap:9px;flex-direction:column;padding:15px 10px 13px 19px;border:1px solid var(--ink);border-left:0;border-radius:0 7px 7px 0;background:var(--red);color:white;box-shadow:5px 6px 0 #1919191a;transform:rotate(3deg) translateX(var(--pull-distance,0px));transform-origin:left center;transition:background .2s,transform .25s;touch-action:pan-y;cursor:grab;user-select:none}
.tv-pull-tab[hidden]{display:none}
.tv-pull-tab:hover{background:#ab2721;transform:rotate(1deg) translateX(5px)}
.tv-pull-tab:active,.tv-stage.is-pulling .tv-pull-tab{cursor:grabbing;transition:none}
.pull-tab-copy{font-size:14px;line-height:1.25;font-weight:400;letter-spacing:-.025em;text-align:left}
.pull-tab-copy strong{font-weight:700}
.tv-pull-tab .icon{width:26px;height:26px;align-self:flex-end;margin-right:7px}
.pull-grip{position:absolute;top:15px;bottom:15px;left:10px;width:4px;border-left:1px dashed #ffffff80}
.tv-pull-tab:focus-visible,.tv-drawer button:focus-visible{outline:3px solid var(--red);outline-offset:5px}
.tv-pull-tab:focus-visible{outline-color:var(--ink)}
.tv-drawer{position:absolute;z-index:1;top:30px;bottom:26px;right:9px;width:var(--drawer-width);visibility:hidden;pointer-events:none;transform:translateX(0) rotate(4deg);transition:transform .65s cubic-bezier(.22,1,.36,1),visibility .65s;filter:drop-shadow(8px 10px 0 #19191916)}
.tv-drawer-paper{height:100%;min-height:420px;display:flex;flex-direction:column;padding:25px 22px 20px 31px;border:1px solid #bfbfb1;background:#eeeade;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 27px,#19191907 27px,#19191907 28px);position:relative}
.tv-drawer-paper:before{content:'';position:absolute;left:9px;top:16px;bottom:16px;width:7px;background:radial-gradient(ellipse,#b5b09f 0 2px,transparent 2.5px) center top/7px 20px repeat-y}
.tv-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tv-drawer-heading .eyebrow{font-size:10px;letter-spacing:.09em;line-height:1.5}
.tv-drawer-heading button{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;background:none;border:1px solid #19191940;color:var(--ink)}
.tv-drawer-heading button:hover{background:var(--ink);color:var(--paper)}
.tv-drawer-heading .icon{width:18px;height:18px}
.tv-drawer h3{font-size:34px;line-height:.92;letter-spacing:-.065em;margin:24px 0 12px}
.tv-drawer h3 .handwritten{display:inline-block;font-size:32px;line-height:1.3;transform:rotate(-5deg);margin:0 0 0 12px}
.tv-archive-count{font-size:12px;color:#696456;line-height:1.5;margin:0 0 20px}
.tv-episode-list{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bd4036 transparent;min-height:0;flex:1;padding:5px 6px 10px 3px;display:flex;flex-direction:column;gap:15px}
.tv-episode{width:100%;text-align:left;border:1px solid #b7b1a3;background:#fffef9;color:var(--ink);padding:9px;box-shadow:3px 4px 0 #19191915;opacity:0;transform:translateX(-30px) rotate(-4deg);transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s;transition-delay:calc(var(--episode-index,0) * 45ms);flex-shrink:0}
.tv-episode[aria-pressed=true]{border-color:var(--red)}
.tv-episode-picture{display:block;position:relative;overflow:hidden;background:#e8e6de;aspect-ratio:16/10}
.tv-episode-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 36%;transition:transform .35s}
.tv-episode:hover img{transform:scale(1.045)}
.tv-episode-stamp{position:absolute;top:6px;left:6px;padding:5px 6px;background:var(--ink);color:white;font-size:11px;letter-spacing:.06em}
.tv-episode-time{position:absolute;bottom:6px;right:6px;background:#191919dd;color:white;padding:3px 5px;font-size:12px;font-variant-numeric:tabular-nums}
.tv-episode-title{display:block;font-size:16px;font-weight:700;letter-spacing:-.035em;margin:10px 1px 3px;line-height:1.2}
.tv-episode-design{display:block;font-size:12px;color:#6d675c;line-height:1.4;margin:0 1px 7px}
.tv-episode-action{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dedacf;padding:8px 1px 0;font-size:12px;color:var(--red);font-weight:700}
.tv-episode-action .icon{width:14px;height:14px}
.tv-archive-note{margin:16px 0 0;text-align:right;font-size:18px;transform:rotate(-4deg)}
.tv-drawer{visibility:visible;opacity:0;scroll-margin-top:24px;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .3s}
.tv-stage.is-open .tv-drawer{opacity:1;pointer-events:auto;transform:translateX(calc(100% + 4px)) rotate(2deg)}
.tv-stage.is-open .tv-player{transform:rotate(-2deg)}
.tv-stage.is-open .tv-episode{opacity:1;transform:translateX(0) rotate(0)}
.tv-stage.is-open .tv-episode:hover{transform:translateY(-3px) rotate(-1deg)}
.tv-stage.is-open .tv-pull-tab{opacity:0;pointer-events:none}
.tv-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:761px){
  .tv-section{padding-right:calc(6.5% + 65px)}
  .tv-section.is-archive-open .tv-stage{transform:translateX(calc(-50% - var(--drawer-width)/2 - 30px))}
  .tv-section.is-archive-open .tv-copy{opacity:0;transform:translateX(-35px);pointer-events:none}
}
@media(min-width:1250px){.tv-stage{--drawer-width:320px}}
.tv-controls button[hidden]{display:none}
@media(max-width:760px){
  .tv-stage{display:flex;flex-direction:column;margin-right:0;padding-bottom:78px;--drawer-width:100%;transition:padding-bottom .65s cubic-bezier(.22,1,.36,1)}
  .tv-stage .tv-player{order:0}
  .tv-pull-tab{top:auto;right:auto;bottom:-70px;left:50%;width:190px;min-height:78px;padding:18px 20px 12px;gap:14px;flex-direction:row;border:1px solid var(--ink);border-top:0;border-radius:0 0 7px 7px;transform:translate(-50%,var(--pull-distance,0px)) rotate(-2deg);transform-origin:center top;touch-action:pan-x pinch-zoom}
  .tv-pull-tab:hover{transform:translate(-50%,5px) rotate(-1deg)}
  .tv-stage.is-pulling .tv-pull-tab{transform:translate(-50%,var(--pull-distance,0px)) rotate(-1deg)}
  .pull-tab-copy{writing-mode:horizontal-tb;font-size:14px;line-height:1.25;text-align:left}
  .pull-tab-copy strong{font-weight:700}
  .pull-grip{top:9px;bottom:auto;left:18px;right:18px;width:auto;height:4px;border-left:0;border-top:1px dashed #ffffff80}
  .tv-pull-tab .icon{align-self:center;margin:0;width:22px;height:22px;transform:rotate(90deg)}
  .tv-drawer{order:1;position:relative;top:auto;right:auto;bottom:auto;width:calc(100% - 16px);margin:0 auto;max-height:0;overflow:hidden;transform:translateY(-24px) rotate(1deg);filter:none;transition:max-height .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1),opacity .3s}
  .tv-drawer-paper{min-height:0;height:auto;max-height:600px;margin:0 3px 10px 0;padding:24px 20px 20px 30px;box-shadow:5px 6px 0 #19191915}
  .tv-stage.is-open{padding-bottom:26px}
  .tv-stage.is-open .tv-drawer{max-height:620px;transform:translateY(14px) rotate(1deg)}
  .tv-episode{transform:translateY(-24px) rotate(-3deg)}
  .tv-episode-list{max-height:365px;flex:0 1 auto;display:grid;grid-template-columns:1fr;gap:16px}
  .tv-drawer h3{font-size:32px;margin-top:18px}.tv-drawer h3 br{display:none}.tv-drawer h3 .handwritten{font-size:29px;margin-left:8px}
  .tv-archive-count{margin-bottom:12px}.tv-archive-note{font-size:17px}
}
@media(prefers-reduced-motion:reduce){.tv-stage,.tv-stage *,.tv-copy{transition:none!important;animation:none!important;scroll-behavior:auto}}