:root{--paper:#f6f5f2;--surface:#fff;--ink:#181713;--muted:#75726a;--line:#e3e0d8;--hover:#18171309;--accent:#d97757}*,:before,:after{box-sizing:border-box}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}body:before{content:"";z-index:10;background:linear-gradient(90deg, var(--accent), #edb95e 55%, var(--accent));height:3px;position:fixed;inset:0 0 auto}::selection{background:var(--ink);color:var(--paper)}.page{flex-direction:column;max-width:60rem;min-height:100vh;margin:0 auto;padding:clamp(3rem,10vh,7rem) clamp(1.25rem,5vw,3rem) 2.5rem;display:flex}main{flex:1}.masthead{z-index:0;animation:.7s cubic-bezier(.2,.7,.2,1) both rise;position:relative}.masthead:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#d9775724,#d9775700 65%);border-radius:50%;width:24rem;height:24rem;position:absolute;top:-7rem;left:-9rem}.masthead__kicker{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.6rem;margin:0 0 1.25rem;font-size:.6875rem;font-weight:500;display:flex}.pulse{background:var(--accent);border-radius:50%;flex:none;width:.5rem;height:.5rem;animation:2.6s cubic-bezier(.4,0,.6,1) infinite pulse}.masthead__title{letter-spacing:-.045em;margin:0;font-size:clamp(2.75rem,9vw,5.25rem);font-weight:500;line-height:.95}.masthead__underline{width:min(11ch,55%);height:.5rem;color:var(--accent);margin-top:.4rem;display:block;overflow:visible}.masthead__underline path{stroke-dasharray:1;stroke-dashoffset:1px;animation:.9s cubic-bezier(.65,0,.35,1) .35s forwards draw}.masthead__note{color:var(--muted);align-items:center;gap:.5rem;margin:1.5rem 0 0;font-size:.9375rem;display:flex}.count{border:1px solid var(--line);background:var(--surface);min-width:1.6rem;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;padding:.1em .5em;font-size:.875rem;font-weight:600;display:inline-flex}.reel{border-top:1px solid var(--line);margin:clamp(2.5rem,7vw,4.5rem) 0 0;padding:0;list-style:none}.reel__item{border-bottom:1px solid var(--line);opacity:0;animation:.7s cubic-bezier(.2,.7,.2,1) forwards rise;animation-delay:calc(var(--i,0) * 70ms + .15s);position:relative}.reel__item:before{content:"";background:var(--accent);border-radius:2px;width:2px;height:0;transition:height .35s cubic-bezier(.2,.7,.2,1);position:absolute;top:50%;left:0;transform:translateY(-50%)}.reel__item:hover:before{height:55%}.reel__link{color:inherit;grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:start;gap:clamp(1rem,3vw,2rem);padding:clamp(1.5rem,4vw,2rem) clamp(.5rem,1.5vw,1rem);text-decoration:none;transition:background-color .3s;display:grid}.reel__link:hover{background:var(--hover)}.reel__link:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.reel__index{border:1px solid var(--line);width:1.9rem;height:1.9rem;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:.75rem;transition:background-color .3s,border-color .3s,color .3s,transform .3s cubic-bezier(.2,.7,.2,1);display:grid}.reel__link:hover .reel__index,.reel__link:focus-visible .reel__index{border-color:var(--ink);background:var(--ink);color:var(--paper);transform:rotate(-8deg)}.reel__body{flex-direction:column;min-width:0;display:flex}.reel__title{letter-spacing:-.015em;font-size:1.25rem;font-weight:500;transition:transform .3s cubic-bezier(.2,.7,.2,1)}.reel__link:hover .reel__title,.reel__link:focus-visible .reel__title{transform:translate(4px)}.reel__description{max-width:52ch;color:var(--muted);margin-top:.35rem;font-size:.9375rem}.reel__tags{flex-wrap:wrap;gap:.4rem;margin-top:.9rem;display:flex}.tag{border:1px solid var(--line);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.45em;padding:.25em .65em;font-size:.625rem;font-weight:500;display:inline-flex}.tag:before{content:"";background:var(--accent);opacity:.65;border-radius:50%;flex:none;width:4px;height:4px}.reel__meta{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;align-items:flex-end;gap:.75rem;font-size:.75rem;display:flex}.reel__arrow{opacity:0;font-size:1.125rem;line-height:1;transition:opacity .3s,transform .3s cubic-bezier(.2,.7,.2,1);transform:translate(-8px)}.reel__link:hover .reel__arrow,.reel__link:focus-visible .reel__arrow{opacity:1;transform:translate(0)}.footer{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.02em;flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;margin-top:clamp(3rem,8vw,5rem);padding-top:1.5rem;font-size:.75rem;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes pulse{0%{box-shadow:0 0 #d9775766}70%{box-shadow:0 0 0 .55rem #d9775700}to{box-shadow:0 0 #d9775700}}@media (width<=44rem){.reel__link{grid-template-columns:2rem minmax(0,1fr)}.reel__index{width:1.6rem;height:1.6rem;font-size:.6875rem}.reel__meta{flex-direction:row;grid-column:2;align-items:center;gap:.75rem;margin-top:-.5rem}.reel__arrow{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}