@font-face{font-family:Archivo;font-weight:400;font-display:swap;src:url(/fonts/archivo-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Archivo;font-weight:600;font-display:swap;src:url(/fonts/archivo-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Archivo;font-weight:800;font-display:swap;src:url(/fonts/archivo-latin-800-normal.woff2)format("woff2")}@font-face{font-family:Archivo;font-weight:900;font-display:swap;src:url(/fonts/archivo-latin-900-normal.woff2)format("woff2")}:root{--bg:#ecebe6;--paper:#fff;--ink:#111;--muted:#555;--foot-muted:#9c9a94;--tape:#ece2c4e6;--display:"Archivo", system-ui, sans-serif;--body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--card-shadow:0 1px 2px #0000001a, 0 4px 10px #0000000d;--scrap-shadow:drop-shadow(0 2px 1.5px #0000002e);--gutter:20px;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:linear-gradient(to bottom, var(--bg) 50%, var(--ink) 50%)}html:has(.progress){background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100dvh;margin:0;display:flex;overflow-x:hidden}body>main{flex:1 0 auto}a{color:inherit;text-underline-offset:3px;text-decoration:underline}a:hover{opacity:.7}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.col{width:100%;max-width:calc(680px + 2 * var(--gutter));padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.measure{max-width:640px}.tape{background:var(--tape);z-index:2;pointer-events:none;position:absolute}.facet{pointer-events:none;mix-blend-mode:multiply;background-size:420px 240px;position:absolute;inset:0}.facet.soft{background-image:var(--tex-soft);opacity:.45}.facet.sharp{background-image:var(--tex-sharp);opacity:0}.label{font-family:var(--display);letter-spacing:.1em;background:var(--ink);color:#fff;margin:0;padding:6px 10px;font-size:13px;font-weight:900;display:inline-block;transform:rotate(-1.5deg)}.brand{font-family:var(--display);letter-spacing:.02em;background:var(--paper);padding:5px 9px;font-size:15px;font-weight:900;text-decoration:none;display:inline-block;position:relative}.meta{font-family:var(--display);color:var(--muted);font-size:13px;font-weight:400}.strips{font-family:var(--display);font-weight:900;font-size:calc(34px * var(--fit,1));text-transform:uppercase;letter-spacing:-.005em;flex-direction:column;align-items:flex-start;gap:6px;margin:0;line-height:1;display:flex}.strips .drop{filter:var(--scrap-shadow);display:inline-block}.strips .strip{background:var(--paper);transform:rotate(var(--r));padding:10px 12px 8px;display:inline-block;position:relative}.strips .strip .facet.soft{opacity:.55}.strips .line:nth-child(3n+1) .strip{--r:-1.6deg}.strips .line:nth-child(3n+2) .strip{--r:1.2deg}.strips .line:nth-child(3n) .strip{--r:-.8deg}.strips .line:nth-child(2) .strip{margin-left:10px}.strips.small{font-size:calc(29px * var(--fit,1))}@media (width>=720px){.strips{font-size:34px}.strips.small{font-size:29px}}.strips.small .strip{padding:9px 11px 7px}.lift{will-change:transform;position:relative}.shadow{filter:blur(12px);opacity:.3;pointer-events:none;background:#00000047;transition:opacity .35s,transform .35s;position:absolute;inset:12px 10px -8px}.js [data-in]:not(.is-in){opacity:0;transform:translateY(26px) rotate(calc(var(--in,0) * 1deg)) scale(1.03)}.js [data-in]{transition:opacity .45s,transform .75s cubic-bezier(.2,.9,.3,1.3)}.ramble{position:relative}.ramble .tilt{perspective:900px;transform:rotate(var(--rot));transition:transform .6s cubic-bezier(.2,1.7,.4,1);position:relative}.ramble .tilt.crumple{transform:rotate(calc(var(--rot) - 2.5deg)) scale(.92, .88) skewX(4deg);transition:transform .13s ease-in}.ramble .flip{transform-style:preserve-3d;transition:transform .75s cubic-bezier(.3,1.35,.5,1);display:grid;position:relative}.ramble.is-flipped .flip{transform:rotateY(180deg)}.ramble .face{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ramble .front{background:var(--paper);box-shadow:var(--card-shadow);text-align:left;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;flex-direction:column;grid-area:1/1;gap:6px;width:100%;margin:0;padding:18px 18px 16px;display:flex;position:relative}a.front{text-decoration:none}a.front:hover{opacity:1}.ramble .title{font-family:var(--display);text-transform:uppercase;font-size:19px;font-weight:800;line-height:1.2}.ramble.next .title{font-size:21px}.ramble .back{background:var(--ink);color:#fff;cursor:pointer;align-items:center;gap:14px;padding:14px 16px;display:flex;position:absolute;inset:0;transform:rotateY(180deg)}.ramble .back .dek{min-width:0;font-family:var(--body);flex:1;font-size:15px;font-style:italic;line-height:1.35}.ramble .back a{font-family:var(--display);color:var(--ink);background:#fff;flex-shrink:0;padding:10px 12px;font-size:13px;font-weight:800;text-decoration:none}.ramble .tape{width:50px;height:16px;transform:rotate(var(--tape-rot));transition:transform .5s cubic-bezier(.2,1.3,.4,1) .25s,opacity .3s .25s;top:-8px}.ramble.is-flipped .tape{transform:translate(var(--tape-dx), 70px) rotate(calc(var(--tape-rot) * 8));opacity:0;transition:transform .55s cubic-bezier(.5,0,.8,.5),opacity .5s .1s}.ramble.t0{--rot:-1deg;--tape-rot:-6deg;--tape-dx:-30px;--origin:43px}.ramble.t1{--rot:1.2deg;--tape-rot:6deg;--tape-dx:30px;--origin:calc(100% - 45px)}.ramble.t2{--rot:-.6deg;--tape-rot:-3deg;--tape-dx:-30px;--origin:calc(44% + 25px)}.ramble.t0 .tape{left:18px}.ramble.t1 .tape{right:20px}.ramble.t2 .tape{left:44%}.ramble .lift{transform-origin:var(--origin) 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.js [data-in]:not(.is-in){opacity:1;transform:none}}@keyframes rrDrop{0%{opacity:0;transform:translateY(-28px)scale(1.06)}60%{opacity:1;transform:translateY(3px)scale(1)}to{opacity:1;transform:none}}.strips.dropping .drop{animation:rrDrop .6s cubic-bezier(.2, .8, .3, 1.2) var(--d) both}.drop-in{animation:rrDrop .7s cubic-bezier(.2, .8, .3, 1.2) var(--d) both}@media (prefers-reduced-motion:reduce){.strips.dropping .drop,.drop-in{animation:none}}
