.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:transparent}.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(20em,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;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__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__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)}}.shelf__note{text-align:center;letter-spacing:-.01em;color:var(--sec-note);margin:2.4em 0 0;font-size:1.125em}.rail{top:50%;right:var(--hero-inset);z-index:20;border:var(--hero-rule) solid var(--rail-edge);background:var(--rail-fill);width:7em;color:var(--rail-ink);border-radius:3.5em;flex-direction:column;align-items:center;gap:1.05em;padding:1.4em 1em;display:flex;position:fixed;box-shadow:0 1.2em 2.4em #0000001a}.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:2.375em;height:2.8125em;display:block}.rail__rule{opacity:.5;background:currentColor;width:1.5em;height:1px;display:block}.rail__links{flex-direction:column;align-items:center;gap:.3em;display:flex}.rail__link{letter-spacing:-.01em;color:inherit;opacity:.9;font-size:1.0625em;line-height:1.25;text-decoration:none;transition:opacity .24s}.rail__github{width:2.25em;height:2.25em;display:block;position:relative}.rail__githubMark{width:100%;height:100%;transition:opacity var(--pin-theme-fade) var(--pin-theme-ease);display:block}.rail__githubMark--alt{position:absolute;inset:0}@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:.95em;margin-inline:auto;padding:.7em 1.15em;bottom:auto;left:0;right:0}.rail__rule{width:1px;height:1.55em}.rail__links{flex-direction:row;gap:1em}.rail__markArt{width:1.75em;height:2.07em}.rail__github{width:1.75em;height:1.75em}.rail__link{padding:.5em .25em;font-size:1em}}@media (max-width:700px){.shelf{padding:3.6em 1.6em 2.8em}.shelf__lead{max-width:26em}.foot{padding:2.6em 1.6em 1.6em}}@media (max-width:380px){.rail{gap:.7em;padding:.6em .9em}.rail__links{gap:.75em}}.foot{padding:3em var(--hero-inset) 1.6em}.foot__lockup{justify-content:center;align-items:center;gap:.1em;padding:2em 0 1em;display:flex}.foot__mark{will-change:transform;flex:none}.foot__markArt{--pin-mark:#e60024;--pin-mark-star:#fff;width:17em;height:20.13em;display:block}.foot__word{letter-spacing:-.03em;color:#e60024;white-space:nowrap;font-size:20em;font-weight:500;line-height:.82}.foot__dm{color:#e60024;justify-content:flex-end;align-items:center;gap:.55em;margin-top:1em;display:flex}.foot__dmLabel{letter-spacing:-.01em;font-size:1em}.foot__social{width:1.4em;height:1.4em;color:inherit;transition:transform .3s cubic-bezier(.22,.68,.16,1);display:block}.foot__social svg{width:100%;height:100%;display:block}@media (hover:hover){.foot__social:hover{transform:translateY(-.15em)scale(1.08)}}.foot__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8em 2em;margin-top:2.2em;display:flex}.foot__small{letter-spacing:-.01em;color:#e60024;flex-wrap:wrap;align-items:center;gap:.65em;margin:0;font-size:1em;display:flex}.foot__dot{opacity:.6}.foot__link{color:inherit;text-decoration:none}@media (hover:hover){.foot__link:hover{text-underline-offset:.25em;text-decoration:underline}}@media (max-width:900px){.foot__lockup{flex-direction:column;gap:.3em}.foot__word{font-size:min(13em,28vw)}.foot__markArt{width:11em;height:13.03em}.foot__bar{justify-content:flex-start}}