:root{--desk: #9f0100;--paper: #fdfbf6;--ink: #1c1a17;--muted: #6b655c;--pen: #c40d0d;--tape: rgba(255, 236, 170, .75);--max: 58rem;--hand: "Caveat", cursive;--brush: "Caveat Brush", cursive}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Courier Prime,Courier New,monospace;font-size:17px;line-height:1.55;color:var(--ink);background:radial-gradient(ellipse at 50% -10%,rgba(255,255,255,.12),transparent 55%),repeating-linear-gradient(90deg,rgba(0,0,0,.035) 0 2px,transparent 2px 9px),var(--desk)}img,iframe{max-width:100%}a{color:inherit}h1,h2,h3{font-size:inherit}.desk-top,.script{width:min(var(--max),calc(100% - 2rem));margin-inline:auto}.desk-top{padding:1.4rem 0 1rem}.logo{display:inline-flex}.logo img{display:block;height:2.6rem;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));transition:transform .2s}.logo:hover img{transform:scale(1.06)}.script{position:relative;margin-bottom:4rem}.tabs{position:absolute;right:-7.3rem;top:3rem;z-index:3;display:grid;gap:.7rem}.tabs a{--r: 1deg;display:block;width:8rem;padding:.55rem .9rem .55rem 1.2rem;font-family:var(--hand);font-size:1.35rem;line-height:1.1;text-decoration:none;background:#ffe873;box-shadow:2px 3px 6px #00000040;transform:rotate(var(--r));transition:transform .2s}.tabs a:nth-child(2){--r: -1.5deg;background:#ffd1dc}.tabs a:nth-child(3){--r: 2deg;background:#c9f0d6}.tabs a:nth-child(4){--r: -1deg;background:#cfe3ff}.tabs a:hover{transform:rotate(var(--r)) translate(-.4rem)}.tabs a[aria-current=page]{transform:translate(-1.1rem)}.tabs a:focus-visible{outline:3px solid #fff;outline-offset:2px}.sheet{position:relative;z-index:2;min-height:80vh;padding:4.5rem 9.5rem 5rem 7rem;background:var(--paper);box-shadow:0 1px #e9e4d8,0 4px 0 -1px #f4f0e6,0 5px 0 -1px #ddd6c6,0 30px 60px #00000059;animation:flip .45s ease-out}@keyframes flip{0%{transform:translateY(14px) rotate(-.6deg);opacity:0}}.sheet:before{content:"";position:absolute;left:2rem;top:0;bottom:0;width:1rem;background:radial-gradient(circle,#8a7f6c 0 .3rem,transparent .34rem) 0 12% / 1rem 1rem no-repeat,radial-gradient(circle,#8a7f6c 0 .3rem,transparent .34rem) 0 50% / 1rem 1rem no-repeat,radial-gradient(circle,#8a7f6c 0 .3rem,transparent .34rem) 0 88% / 1rem 1rem no-repeat}.page-no{position:absolute;top:2rem;right:3rem}.draft{position:absolute;top:2rem;left:7rem;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.title-block{margin:1.5rem 0 3.5rem;text-align:center}.title-block h1{margin:0;font-size:1.6rem;letter-spacing:.1em;text-decoration:underline;text-underline-offset:.3em}.title-block p{margin:.6rem 0 0}.signature{display:block;margin-top:.3rem;font-family:var(--brush);font-size:2.6rem;line-height:1;color:var(--pen);transform:rotate(-6deg)}.slug{margin:2.4rem 0 1rem;text-transform:uppercase}.action{max-width:40rem;margin:0 0 1rem;font-weight:400}.dialogue{max-width:22rem;margin:0 0 1.2rem 7rem}.dialogue .who,.dialogue .paren,.dialogue .line{display:block}.dialogue .who{margin-left:5rem;text-transform:uppercase}.dialogue .paren{margin-left:2.5rem}.transition{margin:2.5rem 0 0;text-align:right;text-transform:uppercase}.the-end{margin-top:3rem;text-align:center;font-weight:700;text-transform:uppercase;text-decoration:underline}.copyright{text-align:center;color:var(--muted);font-size:.85rem}.note{--lift: 0rem;position:absolute;right:1.4rem;width:7.8rem;margin-top:calc(-1 * var(--lift));font-family:var(--hand);font-size:1.3rem;line-height:1.05;color:var(--pen);transform:rotate(var(--r, -4deg))}.note.pointing:before{content:"← "}.circled{position:relative;display:inline-block;margin-left:.8rem;font-family:var(--brush);font-weight:400;color:var(--pen);text-transform:none}.circled:after{content:"";position:absolute;inset:-.35rem -.6rem;border:2px solid var(--pen);border-radius:50% 45% 55% 48%;transform:rotate(-3deg)}.struck{position:relative}.struck:after{content:"";position:absolute;left:-2px;right:-2px;top:52%;height:2px;background:var(--pen);transform:rotate(-2deg)}.struck .fix{position:absolute;left:10%;top:-1.5rem;font-family:var(--brush);font-size:1.4rem;font-weight:400;color:var(--pen);text-transform:none;white-space:nowrap;transform:rotate(-4deg)}.insert{margin:1.8rem 0 2.6rem}.insert .label{margin:0 0 .9rem;text-transform:uppercase}.polaroid{--r: -.8deg;position:relative;max-width:34rem;margin:0;padding:.7rem .7rem 0;background:#fff;box-shadow:0 6px 18px #0000002e;transform:rotate(var(--r))}.polaroid:before,.polaroid:after{content:"";position:absolute;top:-.8rem;z-index:3;width:5.5rem;height:1.6rem;background:var(--tape);box-shadow:0 1px 2px #00000014}.polaroid:before{left:-1.5rem;transform:rotate(-32deg)}.polaroid:after{right:-1.5rem;transform:rotate(28deg)}.polaroid figcaption{padding:.6rem .2rem .8rem;font-size:.95rem}.frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#111}.frame iframe,.video-facade{position:absolute;inset:0;width:100%;height:100%;border:0}.video-facade{padding:0;cursor:pointer;background:none}.video-facade:focus-visible{outline:3px solid var(--pen);outline-offset:3px}.video-facade img{display:block;width:100%;height:100%;object-fit:cover}.go{position:absolute;left:50%;top:50%;padding:.45rem 1rem;font:700 1rem Courier Prime,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--paper);box-shadow:0 6px 18px #00000059;transform:translate(-50%,-50%);transition:transform .15s}.video-facade:hover .go{transform:translate(-50%,-50%) scale(1.06)}.clapper{position:absolute;left:50%;top:50%;z-index:4;width:11rem;transform:translate(-50%,-50%)}.clapper .stick{height:1.6rem;background:repeating-linear-gradient(-45deg,#161616 0 .9rem,#fff 0 1.8rem);transform-origin:0 100%;transform:rotate(-28deg);animation:clap .38s .12s ease-in forwards}.clapper .slate{padding:.5rem .7rem;font-size:.75rem;line-height:1.4;text-transform:uppercase;color:#fff;background:#161616;border-top:2px solid #fff}@keyframes clap{to{transform:rotate(0)}}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.2rem 1.6rem;margin-top:2rem}.grid .polaroid:nth-child(odd){--r: .9deg}.grid .polaroid:nth-child(3n){--r: -1.4deg}.cast-title{margin-top:2rem;font-weight:700;text-transform:uppercase}.cast{max-width:30rem;margin:1rem 0 1rem 3rem;padding:0;list-style:none}.cast li{margin:.35rem 0}.cast a{display:flex;gap:.5rem;text-decoration:none}.cast .name{font-weight:700;text-transform:uppercase}.cast .dots{flex:1;border-bottom:2px dotted var(--muted);transform:translateY(-.35rem)}.cast a:hover .name,.cast a:hover .handle{color:var(--pen)}.mail{font-weight:700;color:var(--pen);text-underline-offset:.2em;overflow-wrap:anywhere}@media(max-width:860px){body{font-size:15px}.tabs{position:static;display:flex;gap:.4rem;overflow-x:auto;padding:.2rem .2rem 1rem}.tabs a{width:auto;padding:.4rem .9rem;font-size:1.2rem;white-space:nowrap}.tabs a:hover{transform:rotate(var(--r))}.tabs a[aria-current=page]{transform:translateY(.35rem)}.sheet{padding:3.5rem 1.4rem 3.5rem 2.6rem}.sheet:before{left:.7rem}.draft{top:1.3rem;left:2.6rem}.page-no{top:1.3rem;right:1.4rem}.note{position:static;display:block;width:auto;margin:-.3rem 0 1rem 1rem}.note.pointing:before{content:"↑ "}.dialogue{margin-left:1.5rem}.dialogue .who{margin-left:4rem}.dialogue .paren{margin-left:2rem}.grid{grid-template-columns:1fr}.cast{margin-left:0}.polaroid:before{left:-.6rem}.polaroid:after{right:-.6rem}}@media(prefers-reduced-motion:reduce){.sheet,.clapper .stick{animation:none}.clapper .stick{transform:none}}