.site{--sec-ink:#0a0a0a;--sec-note:#e60024;--card-fill:#e60024;--card-ink:#fff;--card-edge:transparent;--rail-fill:#fff;--rail-ink:#e60024;--rail-edge:#e60024}:root[data-pin-theme=crimson] .site{--sec-ink:#e60024;--sec-note:#0a0a0a;--card-fill:#fff;--card-ink:#e60024;--card-edge:#e60024;--rail-fill:#e60024;--rail-ink:#fff;--rail-edge:#fff}.shelf__title,.shelf__lead,.shelf__note,.card,.rail,.rail__rule{transition:color var(--pin-theme-fade) var(--pin-theme-ease), background-color var(--pin-theme-fade) var(--pin-theme-ease), border-color var(--pin-theme-fade) var(--pin-theme-ease)}html[data-pin-scroll=smooth]{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html[data-pin-scroll=smooth]{scroll-behavior:auto}}.shelf{padding:5.5em var(--hero-inset) 4em}.shelf__title{text-align:center;letter-spacing:-.025em;color:var(--sec-ink);margin:0;font-size:3.5em;font-weight:500;line-height:1.08}.shelf__head{margin:0 0 3em}.shelf__lead{text-align:center;letter-spacing:-.01em;max-width:30em;color:var(--sec-note);margin:.8em auto 0;font-size:1.25em;line-height:1.45}.shelf__lead .hero__pinterest{background-color:currentColor}@media (max-width:880px){.shelf__title{font-size:2.875em}.shelf__lead{font-size:1.125em}}.shelf__grid{grid-template-columns:repeat(auto-fit,minmax(max(20em,33.3333% - 1em),1fr));gap:1.5em;margin:0;padding:0;list-style:none;display:grid}.shelf__cell{display:flex}.card{border:var(--hero-rule) solid var(--card-edge);background:var(--card-fill);color:var(--card-ink);flex-direction:column;flex:1;gap:.9em;padding:.8em;text-decoration:none;display:flex}.card__frame{aspect-ratio:384/226.8;border-radius:.7em;display:block;position:relative;overflow:hidden}.card__video{object-fit:cover;width:100%;height:100%;transform:scale(var(--card-zoom,1));background:#000;transition:transform .5s cubic-bezier(.22,.68,.16,1);display:block}.card__clip{position:absolute;inset:0}.card__foot{justify-content:space-between;align-items:center;gap:1em;padding:0 .35em .3em;display:flex}.card__title{letter-spacing:-.02em;font-size:1.75em;font-weight:500;line-height:1.1}.card__new{background:var(--card-ink);color:var(--card-fill);letter-spacing:.08em;text-transform:uppercase;vertical-align:.42em;transition:background-color var(--pin-theme-fade) var(--pin-theme-ease), color var(--pin-theme-fade) var(--pin-theme-ease);margin-left:.5em;padding:.28em .5em .24em;font-size:.4em;font-weight:600;line-height:1.2;display:inline-block}.card__arrow{flex:none;width:1.6em;height:1.6em;transition:transform .4s cubic-bezier(.22,.68,.16,1);display:block}.card__arrow svg{width:100%;height:100%;display:block}@media (hover:hover){.card:hover .card__video{transform:scale(calc(var(--card-zoom,1) * 1.03))}.card:hover .card__arrow{transform:translate(.22em,-.22em)}}.viewall{color:#fff;-webkit-tap-highlight-color:transparent;background:#000;outline:none;flex:1;text-decoration:none;display:flex;position:relative;overflow:hidden;container-type:inline-size}.viewall__ghost{visibility:hidden;pointer-events:none}.viewall__field{image-rendering:pixelated;background:url(/dither/view-all-rest.png) 0 0/32px 32px;position:absolute;inset:0}.viewall__field--lit{opacity:0;background-image:url(/dither/view-all-hover.png);transition:opacity .32s cubic-bezier(.22,.68,.16,1)}.viewall__arrow{will-change:transform;width:20.69cqw;height:20.94cqw;position:absolute;top:4.19cqw;left:75.12cqw}.viewall__arrow svg{width:100%;height:100%;display:block;overflow:visible}.viewall__label{letter-spacing:-.02em;width:65.3cqw;font-size:10.43cqw;font-weight:500;line-height:1;position:absolute;bottom:5.74cqw;left:5.91cqw}.viewall:focus-visible{outline:2px solid var(--sec-ink);outline-offset:3px}.viewall:focus-visible .viewall__field--lit,.viewall:active .viewall__field--lit{opacity:1}@media (hover:hover){.viewall:hover .viewall__field--lit{opacity:1}}@media (hover:none){.viewall{transition:transform .2s cubic-bezier(.22,.68,.16,1)}.viewall:active{transform:scale(.985)}}@media (prefers-reduced-motion:reduce){.viewall__field--lit{transition-duration:.01ms}}.shelf__note{text-align:center;letter-spacing:-.01em;color:var(--sec-note);margin:2.4em 0 0;font-size:1.125em}.site.cards-v2{--lc-bar:#0f0f0f;--lc-bar-ink:#fff;--lc-edge:transparent}:root[data-pin-theme=crimson] .site.cards-v2{--lc-bar:#272727;--lc-bar-ink:#fff;--lc-edge:#666}.cards-v2 .card{background:var(--lc-bar);color:var(--lc-bar-ink);border:0;border-radius:.875em;gap:0;padding:0;position:relative;overflow:hidden}.cards-v2 .card:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--lc-edge);pointer-events:none;transition:box-shadow var(--pin-theme-fade) var(--pin-theme-ease);position:absolute;inset:0}.cards-v2 .card__frame{border-radius:0}.cards-v2 .card__foot{height:3.6em;padding:0 1.15em}.cards-v2 .card__title{letter-spacing:-.02em;font-size:1.45em;line-height:1}.cards-v2 .card__new{background:var(--lc-bar-ink);color:var(--lc-bar)}.cards-v2 .card__arrow{width:1.4em;height:1.4em}.cards-v2 .viewall{border-radius:.875em}.cards-v2 .viewall--lit .viewall__field--lit{opacity:1}@media (max-width:700px){.cards-v2 .card__foot{height:3.4em;padding:0 1em}.cards-v2 .card__title{font-size:1.35em}}.rail{top:50%;right:var(--hero-inset);z-index:20;border:1px solid var(--rail-edge);background:var(--rail-fill);width:max-content;color:var(--rail-ink);-webkit-backdrop-filter:blur(8px);border-radius:999px;flex-direction:column;align-items:center;gap:.95em;padding:1.3em 1.15em;display:flex;position:fixed;box-shadow:0 .15em .4em #00000014}.rail__mark{cursor:pointer;color:inherit;line-height:0;font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:block}.rail__mark:focus-visible{outline-offset:.3em;outline:.14em solid}.rail__markArt{--pin-mark:var(--rail-ink);--pin-mark-star:var(--rail-fill);width:1.45em;height:1.717em;display:block;overflow:visible}.rail__rule{opacity:.5;background:currentColor;width:1.1em;height:1px;display:block}.rail__links{flex-direction:column;align-items:center;gap:.5em;display:flex}.rail__link{letter-spacing:-.01em;color:inherit;opacity:.9;font-size:.82em;line-height:1.25;text-decoration:none;transition:opacity .24s;position:relative}.rail__github{width:1.45em;height:1.45em;display:block;position:relative}.rail__githubMark{width:100%;height:100%;color:var(--rail-ink);transition:color var(--pin-theme-fade) var(--pin-theme-ease);display:block}@media (hover:hover){.rail__link:hover{opacity:1;text-underline-offset:.25em;text-decoration:underline}}@media (max-width:1080px){.rail{top:calc(var(--hero-inset) + .5em);width:max-content;max-width:calc(100% - 2 * var(--hero-inset));border-radius:3.5em;flex-direction:row;gap:.8em;margin-inline:auto;padding:.5em .95em;bottom:auto;left:0;right:0}.rail__rule{width:1px;height:1.1em}.rail__links{flex-direction:row;gap:1em}.rail__markArt{width:1.4em;height:1.66em}.rail__github{width:1.4em;height:1.4em}.rail__link{padding:.45em .2em;font-size:.9em}}@media (max-width:700px){.shelf{padding:3.6em 1.6em 2.8em}.shelf__lead{max-width:26em}.rail .rail__links,.rail .rail__github,.rail .rail__rule+.rail__links+.rail__rule{display:none}.rail .rail__menu{width:2.6em;height:2.6em;color:var(--rail-ink);background:0 0;margin:-.3em -.4em -.3em -.2em}.rail .rail__menu .mmenu__bars{width:1.35em;height:.75em}}@media (max-width:380px){.rail{gap:.7em;padding:.6em .9em}.rail__links{gap:.75em}}.foot{--foot-red:#e60024;--foot-ink:#0a0a0a;--foot-ease:cubic-bezier(.22, 1, .36, 1);padding:5em var(--hero-inset) 1.8em;color:var(--foot-red)}.foot__top{grid-template-columns:1fr auto 1fr;align-items:center;gap:1.25em;display:grid}.foot__brand{color:inherit;justify-self:start;align-items:center;gap:.625em;text-decoration:none;display:inline-flex}.foot__mark{--pin-mark:var(--foot-red);--pin-mark-star:#fff;width:2.375em;height:2.8125em;display:block}.foot__word{letter-spacing:-.02em;white-space:nowrap;font-size:2.25em;font-weight:500;line-height:1}.foot__nav{align-items:center;gap:1.25em;display:flex}.foot__navLink{letter-spacing:-.02em;color:inherit;white-space:nowrap;padding-bottom:.25em;font-size:1.125em;line-height:1;text-decoration:none;position:relative}.foot__navLink:after{content:"";transform-origin:0;background:currentColor;width:100%;height:.1em;transition:transform .36s cubic-bezier(.22,.68,.16,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}@media (hover:hover){.foot__navLink:hover:after{transform:scaleX(1)}}.foot__navLink:focus-visible:after{transform:scaleX(1)}.foot__dm{justify-self:end;align-items:center;gap:.5em;display:flex}.foot__dmLabel{letter-spacing:-.02em;white-space:nowrap;font-size:1.125em;line-height:1}.foot__social{width:1.6em;height:1.6em;color:inherit;transition:transform .3s var(--foot-ease);display:block}.foot__social svg{width:100%;height:100%;display:block}@media (hover:hover){.foot__social:hover{transform:translateY(-.15em)scale(1.08)}}.foot a:focus-visible{outline:.14em solid var(--foot-red);outline-offset:.3em}.foot__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8em 2em;margin-top:1.8em;display:flex}.foot__small{letter-spacing:-.01em;color:var(--foot-ink);flex-wrap:wrap;align-items:center;gap:.5em 2em;margin:0;font-size:1em;display:flex}.foot__link{color:inherit;text-decoration:none}@media (hover:hover){.foot__link:hover{color:var(--foot-red)}}@media (max-width:700px){.foot{padding:3.6em 1.6em 1.6em}.foot__top{grid-template-columns:auto 1fr;grid-template-areas:"brand dm""nav nav";row-gap:1.4em}.foot__brand{grid-area:brand}.foot__dm{grid-area:dm}.foot__nav{grid-area:nav}.foot__mark{width:2em;height:2.368em}.foot__word{font-size:1.875em}.foot__dmLabel{font-size:1em}.foot__bar{flex-direction:column;align-items:flex-start}.foot__small{gap:.5em 1.4em}}@media (max-width:420px){.foot__dmLabel{display:none}}@media (pointer:coarse){.hero__navLink:before,.rail__link:before,.foot__navLink:before,.lib__link:before,.tq__all:before{content:"";position:absolute;inset:-.75em -.4em}.tq__all{position:relative}}
