:root{--ink: #0b0f12;--ink-2: #141a1f;--chalk: #f3f5f4;--mute: #8a95a1;--line: rgba(243, 245, 244, .13);--accent: #f3f5f4;--display: "Anton", ui-sans-serif, system-ui, sans-serif;--body: "Barlow", ui-sans-serif, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--pad: clamp(1.25rem, 4vw, 3rem);--max: 1180px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ink);color:var(--chalk);font-family:var(--body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.bar{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:baseline;justify-content:space-between;padding:1.1rem var(--pad);border-bottom:1px solid var(--line)}.brand{font-family:var(--display);font-size:.8rem;letter-spacing:.26em;text-transform:uppercase}.brand-mail{font-family:var(--mono);font-size:.75rem;color:var(--mute);text-decoration:none;word-break:break-all}.brand-mail:hover{color:var(--chalk)}.hero{position:relative;overflow:hidden;padding:clamp(3rem,8vw,6.5rem) var(--pad) clamp(3rem,7vw,5.5rem)}.rain{position:absolute;inset:0;display:flex;gap:clamp(1.1rem,3.5vw,2.4rem);justify-content:center;opacity:.075;pointer-events:none;user-select:none;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 50%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 50%,transparent 100%)}.rain span{writing-mode:vertical-rl;font-family:var(--mono);font-size:13px;line-height:1;letter-spacing:.05em;white-space:nowrap}.rain span:nth-child(2n){margin-top:-2.5rem}.rain span:nth-child(3n){margin-top:3rem}.plate{position:relative;max-width:46rem;margin:0 auto;text-align:center}.author{margin:0 0 clamp(1.25rem,3vw,2rem);font-family:var(--display);font-size:clamp(.7rem,1.6vw,.85rem);letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:var(--mute)}.deck{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(2.9rem,13.5vw,7.25rem);line-height:.88;letter-spacing:.01em;text-transform:uppercase}.deck-line{display:block}.deck-pick{color:var(--accent);transition:color .35s ease}.deck-with{display:flex;align-items:center;gap:clamp(.55rem,2vw,1.1rem);margin:clamp(.35rem,1.4vw,.7rem) 0;font-family:var(--body);font-weight:700;font-size:clamp(1.1rem,4.4vw,2.35rem);line-height:1;letter-spacing:0;text-transform:lowercase}.deck-rule{flex:1;height:clamp(.45rem,1.5vw,.8rem);background:var(--accent);transition:background-color .35s ease}.blurb{margin:clamp(1.5rem,4vw,2.25rem) auto 0;max-width:34rem;font-size:clamp(1rem,2.1vw,1.125rem);color:var(--mute)}.blurb em{color:var(--chalk)}.eyebrow{display:flex;align-items:center;gap:.75rem;margin:0 0 clamp(1.5rem,3.5vw,2.25rem);font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}.eyebrow i{width:1.75rem;height:2px;background:var(--accent);transition:background-color .35s ease}.rack-section,.also-section{max-width:var(--max);margin:0 auto;padding:clamp(2.5rem,6vw,4rem) var(--pad)}.rack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,3vw,2rem);margin:0;padding:0;list-style:none}@media (min-width: 720px){.rack{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.rack{grid-template-columns:repeat(5,minmax(0,1fr))}}.card{display:block;text-decoration:none}.card-art{display:block;transition:transform .3s ease,box-shadow .3s ease}.card-art img{width:100%;aspect-ratio:5 / 8;object-fit:cover}.card-bar{display:block;height:3px;margin-top:.9rem;background:var(--book);transform:scaleX(.2);transform-origin:left center;transition:transform .3s ease}.card-name{display:block;margin-top:.7rem;font-family:var(--display);font-size:clamp(1.05rem,2.4vw,1.35rem);letter-spacing:.02em;text-transform:uppercase}.card-domain{display:block;margin-top:.25rem;font-family:var(--mono);font-size:.72rem;color:var(--mute);word-break:break-all}.card:hover .card-art,.card:focus-visible .card-art{transform:translateY(-8px);box-shadow:0 22px 45px -18px var(--book)}.card:hover .card-bar,.card:focus-visible .card-bar{transform:scaleX(1)}.card:hover .card-domain,.card:focus-visible .card-domain{color:var(--chalk)}.card:focus-visible{outline:2px solid var(--book);outline-offset:8px}.also-section{border-top:1px solid var(--line)}.also{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.25rem,3vw,2.25rem);max-width:46rem;padding:clamp(1.25rem,3vw,1.75rem);background:var(--ink-2);text-decoration:none;transition:box-shadow .3s ease,transform .3s ease}@media (min-width: 640px){.also{grid-template-columns:clamp(8rem,16vw,10.5rem) minmax(0,1fr);align-items:center}}.also-art img{width:100%;aspect-ratio:5 / 8;object-fit:cover}@media (max-width: 639px){.also-art{display:block;max-width:9rem}}.also-body{display:block}.also-name{display:block;font-family:var(--display);font-size:clamp(1.75rem,5vw,2.75rem);line-height:1;letter-spacing:.02em;text-transform:uppercase}.also-blurb{display:block;margin-top:.85rem;max-width:38rem;color:var(--mute)}.also-foot{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem 1.1rem;margin-top:1.35rem}.also-price{font-family:var(--display);font-size:1.2rem;letter-spacing:.04em;color:var(--book)}.also-domain{font-family:var(--mono);font-size:.72rem;color:var(--mute);word-break:break-all}.also:hover,.also:focus-visible{transform:translateY(-4px);box-shadow:0 22px 45px -22px var(--book)}.also:hover .also-domain,.also:focus-visible .also-domain{color:var(--chalk)}.also:focus-visible{outline:2px solid var(--book);outline-offset:6px}.foot{padding:clamp(2rem,5vw,3rem) var(--pad);border-top:1px solid var(--line);font-family:var(--mono);font-size:.72rem;color:var(--mute);text-align:center}.foot p{margin:0}.foot a{text-decoration:none}.foot a:hover{color:var(--chalk)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.card:hover .card-art,.card:focus-visible .card-art,.also:hover,.also:focus-visible{transform:none}}
