.materials-head .materials-facts{flex-wrap:wrap;gap:1rem 2.5rem;margin:2rem 0 0;display:flex}.materials-head .materials-facts div{gap:.15rem;display:grid}.materials-head .materials-facts dt{font-size:var(--fs-caption);color:var(--text-quiet);order:2;font-weight:500}.materials-head .materials-facts dd{font-family:var(--font-display);font-size:var(--fs-display-md);font-variant-numeric:tabular-nums;color:var(--text-strong);margin:0;line-height:1.1}.materials-head.material-head h1{max-width:28ch}.materials-head .material-covers{max-width:52rem;margin-top:1.5rem}.materials-head .covers-title{font-size:var(--fs-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--text-quiet);margin-bottom:.65rem;font-weight:600}.materials-head .material-tags{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.materials-head .material-tags li{border:1px solid var(--rule);border-radius:var(--radius-pill);background:var(--surface);font-size:var(--fs-body-sm);color:var(--text);padding:.35rem .8rem;line-height:1.35}.materials-head .material-note{max-width:40rem;font-size:var(--fs-body-sm);color:var(--text-quiet);margin-top:1.25rem}.materials-head .material-note a{color:var(--gold-ink);text-underline-offset:.15em}.materials-head .material-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.materials .materials-band-head{align-items:end;gap:.5rem 4rem;margin-bottom:clamp(1.25rem,3vw,2rem);display:grid}@media (min-width:60rem){.materials .materials-band-head:has(p){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.materials .materials-band-head h2{font-size:var(--fs-display-md);letter-spacing:-.014em;line-height:1.15}.materials .materials-band-head h2 a{color:inherit;-webkit-text-decoration-color:var(--gold-ink);text-decoration-color:var(--gold-ink);text-underline-offset:.15em}.materials .materials-band-head p{max-width:34rem;color:var(--text-quiet)}.materials .caution{font-size:var(--fs-caption);color:var(--text-quiet);margin-top:1rem}.materials .seen-strip{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:min(78vw,18rem);grid-auto-flow:column;gap:1.25rem;margin:0;padding:0 0 .75rem;list-style:none;display:grid;overflow-x:auto}@media (min-width:76rem){.materials .seen-strip{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;overflow:visible}}.materials .seen-strip li{scroll-snap-align:start}.materials .seen-card{color:var(--text);gap:.15rem;text-decoration:none;display:grid}.materials :is(.seen-picture,.sighting-picture){aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--surface-mute);margin-bottom:.6rem;display:block;position:relative;overflow:hidden}.materials :is(.seen-picture,.sighting-picture) img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.materials :is(.seen-card,.sighting-link):hover img{transform:scale(1.03)}.materials .sighting-mark{border:2px solid var(--gold);background:color-mix(in srgb, var(--ground) 35%, transparent);width:1.75rem;height:1.75rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--ground) 55%, transparent), 0 2px 12px color-mix(in srgb, var(--ground) 45%, transparent);border-radius:50%;margin:-.875rem 0 0 -.875rem;position:absolute}.materials .sighting-mark:after{content:"";background:var(--gold);border-radius:50%;position:absolute;inset:.4rem}.materials .seen-card .material-name{font-size:var(--fs-body-md)}.materials .seen-card:hover .material-name{color:var(--gold-ink)}.materials .seen-where{font-size:var(--fs-caption);color:var(--text-quiet)}.materials .sightings{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1.75rem 1.25rem;display:grid}.materials .sighting{margin:0}.materials .sighting-link{color:inherit;text-decoration:none}.materials .sighting figcaption{font-size:var(--fs-body-sm);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;display:flex}.materials .sighting-where{color:var(--text-strong);font-weight:600}.materials .materials-finder{align-items:end;gap:.75rem 1.5rem;margin-bottom:1.25rem;display:grid}@media (min-width:52rem){.materials .materials-finder{grid-template-columns:minmax(0,26rem) auto minmax(0,1fr)}}.materials .finder-field label{font-size:var(--fs-body-sm);color:var(--text-strong);margin-bottom:.4rem;font-weight:500;display:block}.materials .finder-input{color:var(--text-quiet);position:relative}.materials .finder-input svg{pointer-events:none;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.materials .finder-input input{border:1px solid var(--rule-strong);border-radius:var(--radius-pill);background:var(--surface);width:100%;min-height:2.75rem;color:var(--text);font:inherit;padding:.25rem 1rem .25rem 2.5rem;font-size:1rem}.materials .finder-input input::placeholder{color:var(--text-quiet);opacity:1}.materials .finder-input input:focus-visible{outline:3px solid var(--ring);outline-offset:0;border-color:var(--gold-ink);box-shadow:none}.materials .finder-shows{border:1px solid var(--rule);border-radius:var(--radius-pill);flex-wrap:wrap;justify-self:start;gap:.25rem;padding:.2rem;display:flex}.materials .finder-shows button{border-radius:var(--radius-pill);min-height:2.25rem;color:var(--text-quiet);font:inherit;font-size:var(--fs-body-sm);cursor:pointer;background:0 0;border:0;padding:.25rem .95rem;font-weight:500;transition:background-color .15s,color .15s}.materials .finder-shows button:hover{color:var(--text-strong)}.materials .finder-shows button[aria-pressed=true]{background:var(--gold);color:var(--on-gold)}.materials .finder-count{font-size:var(--fs-body-sm);color:var(--text-quiet)}@media (min-width:52rem){.materials .finder-count{justify-self:end;padding-bottom:.6rem}}.materials .materials-letters{top:var(--nav-h);z-index:5;margin:0 calc(-1 * var(--gutter)) .5rem;padding:.5rem var(--gutter);border-bottom:1px solid var(--rule);background:var(--ground);position:sticky}.materials .materials-letters ol{grid-template-columns:repeat(11,minmax(0,1fr));gap:.15rem;max-width:50rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:48rem){.materials .materials-letters ol{grid-template-columns:repeat(22,minmax(0,1fr))}}.materials .materials-letters a{border-radius:var(--radius-sm);height:2.25rem;font-size:var(--fs-body-sm);color:var(--text);place-items:center;font-weight:600;text-decoration:none;display:grid}.materials .materials-letters a:hover{background:var(--wash);color:var(--on-wash)}.materials .materials-letters a[aria-disabled]{color:var(--rule-strong);pointer-events:none}.materials .materials-section{padding-top:1.75rem;scroll-margin-top:5rem}@media (min-width:48rem){.materials .materials-section{scroll-margin-top:2.5rem}}.materials .materials-section[hidden],.materials [data-material][hidden]{display:none}.materials .materials-section-head{border-bottom:1px solid var(--rule);grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:.25rem 1rem;margin-bottom:1rem;padding-bottom:.6rem;display:grid}.materials .materials-letter{font-family:var(--font-display);font-size:var(--fs-display-md);color:var(--gold-ink);line-height:1}.materials .materials-section-head h2{font-size:var(--fs-title-lg);line-height:1.3}.materials .materials-section-head h2 a{color:var(--text-strong);text-decoration:none}.materials .materials-section-head h2 a:hover{color:var(--gold-ink);text-underline-offset:.15em;text-decoration:underline}.materials .materials-section-count{font-size:var(--fs-caption);white-space:nowrap;color:var(--text-quiet);font-weight:500}.materials .materials-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.materials .materials-grid.large{grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:1rem}.materials .material-card{border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--surface);height:100%;color:var(--text);grid-template-columns:auto minmax(0,1fr);align-content:start;gap:.3rem .75rem;padding:.9rem 1rem 1rem;text-decoration:none;transition:border-color .15s,background-color .15s,box-shadow .15s;display:grid}.materials .material-card:hover{border-color:var(--gold-ink);box-shadow:var(--shadow-card)}.materials .material-code{font-size:var(--fs-caption);font-variant-numeric:tabular-nums;color:var(--gold-ink);font-weight:600;line-height:1.7}.materials .material-name{font-size:var(--fs-body-md);color:var(--text-strong);font-weight:600;line-height:1.35}.materials .material-card:hover .material-name{color:var(--gold-ink)}.materials .material-card>:is(.material-kinds,.material-marks){grid-column:2}.materials .material-kinds{font-size:var(--fs-caption);color:var(--text-quiet);line-height:1.5}.materials .material-kinds.tags{flex-wrap:wrap;gap:.3rem;margin-top:.3rem;display:flex}.materials .material-kinds.tags span{border-radius:var(--radius-pill);background:var(--surface-quiet);color:var(--text);padding:.1rem .5rem}.materials .material-marks{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.materials .mark{border:1px solid var(--rule-strong);border-radius:var(--radius-pill);color:var(--text-quiet);padding:.05rem .5rem;font-size:.6875rem;font-weight:600;line-height:1.6}.materials .mark.seen{border-color:var(--gold-ink);color:var(--gold-ink)}.materials .likes+.likes{margin-top:2.5rem}.materials .likes h3{font-size:var(--fs-title-md);margin-bottom:1rem}.materials .piece-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr));gap:1.75rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}@media (max-width:37.5rem){.materials .piece-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem .75rem}}.materials .piece-grid a{color:var(--text);gap:.2rem;text-decoration:none;display:grid}.materials .piece-grid .well{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--color-canvas);margin-bottom:.5rem;display:block;overflow:hidden}.materials .piece-grid img{object-fit:contain;width:100%;height:100%;display:block}.materials .piece-grid .title{font-size:var(--fs-body-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.materials .piece-grid a:hover .title{color:var(--gold-ink)}.materials .piece-grid .price{font-size:var(--fs-body-sm);font-variant-numeric:tabular-nums}.materials .piece-grid :is(.stock,.store){font-size:var(--fs-caption);color:var(--text-quiet);font-weight:500}.materials .piece-grid .stock.in_stock{color:var(--text-strong)}.materials .piece-grid .stock.out_of_stock{color:var(--error)}.materials .material-siblings{columns:16rem;column-gap:2rem;margin:0;padding:0;list-style:none}.materials .material-siblings li{break-inside:avoid}.materials .material-siblings a{border-radius:var(--radius-sm);color:var(--text);grid-template-columns:2.75rem minmax(0,1fr);padding:.35rem .5rem;text-decoration:none;display:grid}.materials .material-siblings a:hover{background:var(--wash);color:var(--on-wash)}.materials .material-siblings a[aria-current]{background:var(--surface-quiet);color:var(--text-strong);font-weight:600}.materials .materials-pager{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;margin-top:2.5rem;padding-top:1.25rem;display:grid}.materials .materials-pager a{color:var(--text);gap:.1rem;text-decoration:none;display:grid}.materials .materials-pager .pager-next{text-align:right}.materials .materials-pager .pager-dir{font-size:var(--fs-caption);color:var(--gold-ink);font-weight:600}.materials .materials-pager .pager-dir:before{content:"← "}.materials .materials-pager .pager-next .pager-dir:before{content:none}.materials .materials-pager .pager-next .pager-dir:after{content:" →"}.materials .materials-pager .pager-name{font-weight:600;line-height:1.35}.materials .materials-pager a:hover .pager-name{color:var(--gold-ink)}.materials .materials-pager .pager-all{border:1px solid var(--rule);border-radius:var(--radius-pill);font-size:var(--fs-body-sm);padding:.45rem 1rem;font-weight:500}.materials .materials-pager .pager-all:hover{background:var(--wash);color:var(--on-wash)}@media (max-width:37.5rem){.materials .materials-pager{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.materials .materials-pager .pager-all{grid-area:2/1/auto/-1;justify-self:center}}@media (prefers-reduced-motion:reduce){.materials :is(.seen-picture,.sighting-picture) img{transition:none}}