:root{--paper: #ece9e1;--sheet: #fbf9f3;--ink: #1b1915;--muted: #5d574b;--blue: #2f5fd0;--red: #d6402a;--yellow: #e3b021;--highlight: #ffd43b;--display: "Archivo", system-ui, sans-serif;--serif: "Newsreader", Georgia, serif;--mono: "Geist Mono", ui-monospace, monospace;--lift: 0 1px 0 rgba(40, 30, 10, .08), 0 22px 44px -26px rgba(40, 30, 10, .45);color-scheme:light}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper) url(/vox/paper.webp);background-size:512px;font-family:var(--serif);-webkit-font-smoothing:antialiased;overflow-x:clip}img{display:block;max-width:100%;height:auto}.defs{position:absolute;width:0;height:0}.k{--t: clamp(0, (var(--p, 0) - var(--a, 0)) / (var(--b, 1) - var(--a, 0)), 1)}.slap{--e: calc((1 - var(--t)) * (1 - var(--t)));opacity:clamp(0,calc(var(--t) * 4),1);transform:rotate(calc(var(--r, 0deg) - 6deg * var(--e))) scale(calc(1 + .3 * var(--e)))}.torn{background:var(--c);-webkit-mask:url(/vox/torn.webp) 0 50% / 100% 100% no-repeat;mask:url(/vox/torn.webp) 0 50% / 100% 100% no-repeat}.tape{position:absolute;width:34%;max-width:180px;pointer-events:none;z-index:2}.tape-a{top:-5%;left:-7%;rotate:-24deg}.tape-b{top:-4%;right:-7%;rotate:21deg}.kicker,.sheet-head,.panel-label,.clip-kicker,.clip-stack,.note-stack,.scroll-cue,.credit{font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.grain{position:absolute;inset:0;z-index:6;pointer-events:none;background:url(/vox/paper.webp);background-size:512px;background-position:var(--grain-x, 0) calc(var(--grain-x, 0) * -1);mix-blend-mode:multiply;opacity:.35;box-shadow:inset 0 0 140px #32230a47}.title{position:relative;min-height:100svh;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:4vw;padding:10svh max(16px,6vw)}.bar{position:absolute;left:-10%;right:-10%;height:30px;filter:url(#wobble);z-index:0}.title-copy,.cutout{position:relative;z-index:1}h1{font-family:var(--display);font-weight:900;font-size:clamp(3.4rem,11vw,9rem);line-height:.86;letter-spacing:-.035em;margin:14px 0 22px;text-transform:uppercase}.lede{font-size:clamp(1.15rem,2.1vw,1.45rem);line-height:1.4;max-width:34ch;margin:0}.scroll-cue{margin-top:36px}.scroll-cue a{color:var(--ink);text-underline-offset:3px}.cutout{margin:0;justify-self:center;width:min(440px,100%);rotate:2deg}.cutout .tape-head{top:-3%;left:36%;width:36%;rotate:-8deg}.cutout .tape-shoulder{top:54%;left:-6%;width:30%;rotate:58deg}.chapter{position:relative;height:calc(var(--len) * 100svh)}.stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.card{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;justify-content:center;padding:0 max(20px,8vw);background:var(--c);color:#fffaf0;transform:translateY(calc(var(--t) * -115%))}.card-n{font-family:var(--display);font-weight:900;font-size:clamp(6rem,24vw,17rem);line-height:.8;letter-spacing:-.05em}.card-title{font-family:var(--display);font-weight:800;font-size:clamp(2.4rem,7.5vw,6rem);line-height:.95;letter-spacing:-.03em;margin:.25em 0 0}.card-edge{position:absolute;left:-2%;right:-2%;top:100%;height:40px;margin-top:-20px;filter:url(#wobble)}.cam{position:absolute;inset:0;display:grid;place-items:center}.sheet{width:min(780px,88vw);padding:clamp(26px,5vw,60px);background:var(--sheet);box-shadow:var(--lift);font-size:clamp(1.3rem,3.3vw,2.2rem);line-height:1.38;rotate:-.6deg;isolation:isolate}.sheet-head{margin:0 0 1.4em;padding-bottom:.9em;border-bottom:1px solid #d8d1c0;font-size:.75rem}.line{margin:0 0 .8em}.line:last-child{margin-bottom:0}.hl{position:relative;background:none;color:inherit;white-space:nowrap}.hl:before{content:"";position:absolute;inset:.04em -.34em -.02em -.22em;z-index:-1;background:var(--highlight);-webkit-mask:url(/vox/highlighter.webp) 0 0 / 100% 100% no-repeat;mask:url(/vox/highlighter.webp) 0 0 / 100% 100% no-repeat;clip-path:inset(0 calc((1 - var(--t)) * 100%) 0 0);mix-blend-mode:multiply}.ring{position:relative;display:inline-block;padding:0 .14em;font-weight:500}.ring:after{content:"";position:absolute;inset:-.36em -.5em;pointer-events:none;background:url(/vox/circle-red.webp) center / 100% 100% no-repeat;mask:conic-gradient(from 290deg,#000 calc(var(--t) * 360deg),transparent 0)}.track{position:absolute;inset:0;width:300%;display:flex}.panel{position:relative;width:calc(100% / 3);height:100%;display:grid;place-items:center;padding:0 6vw}.panel-label{position:absolute;top:8svh;left:6vw;margin:0}.panel-body{position:relative;width:min(1040px,100%);height:min(580px,70svh)}.shot,.clipping{position:absolute;left:0;top:4%;width:62%}.shot{padding:10px;background:#fff;box-shadow:var(--lift)}.clipping{padding:clamp(22px,3vw,40px);background:var(--sheet);box-shadow:var(--lift)}.clip-kicker{margin:0 0 12px}.clip-name{font-family:var(--display);font-weight:900;font-size:clamp(2.4rem,6vw,4.8rem);line-height:.92;letter-spacing:-.03em;text-transform:uppercase;margin:0 0 18px}.clip-stack{margin:0;color:var(--ink)}.note{position:absolute;right:0;top:32%;width:40%;padding:26px 26px 22px;background:#fffdf7;box-shadow:var(--lift);font-size:1.12rem;line-height:1.45}.note h3{font-family:var(--display);font-weight:800;font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1;letter-spacing:-.02em;margin:0 0 10px}.note p{margin:0}.note .note-stack{margin-top:14px}.pin{position:absolute;top:-26px;left:50%;width:46px;translate:-50% 0}.stat{position:absolute;left:34%;bottom:2%;padding:12px 20px;background:var(--c);color:#fffaf0;font-family:var(--display);font-weight:800;font-size:clamp(1.3rem,2.6vw,2.1rem);letter-spacing:-.01em;box-shadow:var(--lift)}.map{position:absolute;left:6vw;top:50%;width:min(54vw,760px);margin:0;padding:10px;background:#fff;box-shadow:var(--lift);translate:0 -50%;rotate:-1.2deg}.map-pin{position:absolute;width:48px;translate:-62% -88%}.map-tag,.map-now{position:absolute;padding:6px 12px;font-family:var(--display);font-weight:800;font-size:clamp(.85rem,1.4vw,1.1rem);white-space:nowrap;box-shadow:var(--lift)}.map-tag{background:#fffdf7;translate:18px -50%}.map-now{left:3%;top:22%;background:var(--red);color:#fffaf0}.learn{position:absolute;right:6vw;top:50%;width:min(34vw,440px);display:grid;gap:18px;translate:0 -50%}.learn-card{padding:18px 22px;background:#fffdf7;box-shadow:var(--lift);font-size:1.05rem;line-height:1.4}.learn-card strong{display:block;margin-bottom:4px;font-family:var(--display);font-weight:800;font-size:1.35rem;letter-spacing:-.01em}.ink-arrow{position:absolute;left:8%;top:33%;width:26%;aspect-ratio:600 / 360;background:var(--red);-webkit-mask:url(/vox/arrow.webp) center / 100% 100% no-repeat;mask:url(/vox/arrow.webp) center / 100% 100% no-repeat;scale:-1 1;filter:url(#wobble)}.end{position:relative;min-height:100svh;overflow:hidden;display:grid;align-items:center;padding:8svh max(16px,8vw)}.end-copy{position:relative;z-index:1;max-width:900px}.end h2{font-family:var(--display);font-weight:800;font-size:clamp(2rem,4.6vw,3.6rem);line-height:1;letter-spacing:-.03em;margin:14px 0 24px}.doors{display:grid;gap:0;max-width:620px}.door{display:block;padding:32px 34px;color:#fffaf0;font-family:var(--display);font-weight:800;font-size:clamp(1.4rem,3vw,2.1rem);text-decoration:none;transition:translate .25s ease}.door:hover,.door:focus-visible{translate:10px 0}.door:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.credit{margin-top:36px}@media(max-width:640px){.title{grid-template-columns:1fr;gap:28px;padding-top:12svh}.cutout{width:min(300px,80vw)}.panel{padding:0 16px}.panel-label{top:6svh;left:16px}.panel-body{height:76svh}.shot,.clipping{width:100%;top:4%}.note{width:88%;top:46%;font-size:1rem}.stat{left:4%;bottom:0}.map{left:50%;top:8svh;width:92vw;translate:-50% 0}.learn{left:16px;right:16px;top:auto;bottom:5svh;width:auto;gap:10px;translate:none}.learn-card{padding:12px 16px;font-size:.92rem}.learn-card strong{font-size:1.1rem}}.still{--p: 1}.still .chapter{height:auto}.still .stage{position:relative;height:auto;overflow-x:clip;overflow-y:visible;padding-bottom:80px}.still .card{position:relative;inset:auto;min-height:60svh;margin-bottom:60px;transform:none}.still .cam,.still .track{position:relative;inset:auto;transform:none}.still .cam{display:block;padding:0 max(16px,6vw)}.still .sheet{margin:0 auto}.still .track{width:100%;flex-direction:column}.still .panel{width:100%;height:auto;display:block;padding:40px max(16px,6vw)}.still .panel-label{position:static;margin-bottom:24px}.still .panel-body{height:auto;display:grid;justify-items:start;gap:32px}.still .panel-body>*,.still .map,.still .learn{position:relative;inset:auto;width:auto;max-width:760px;translate:none}.still .learn{margin-top:40px}.still .map-pin,.still .ink-arrow{position:absolute}
