.category{max-width:var(--page-max);margin:0 auto;padding:var(--space-3) var(--page-pad) var(--space-8)}.category__breadcrumb{display:flex;gap:var(--space-1);color:var(--color-warm-gray);font-size:var(--fs-ui-sm)}.category__breadcrumb a{text-underline-offset:3px}.category__hero{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);margin:var(--space-2) 0 var(--space-6);background:var(--color-espresso);color:var(--color-paper);overflow:hidden}.category__hero--text{grid-template-columns:minmax(0,1fr)}.category__intro{display:flex;flex-direction:column;padding:clamp(28px,4.4vw,64px)}.category__eyebrow{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-ui-sm);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:hsla(60,12%,95%,.62)}.category__index{padding-right:var(--space-2);border-right:1px solid hsla(60,12%,95%,.24);color:var(--color-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.category__hero h1{margin-top:var(--space-4);color:var(--color-paper);font-size:var(--fs-display-xl);font-weight:700;font-stretch:112%;letter-spacing:-.045em;line-height:.92}.category__subtitle{margin-top:var(--space-3);font-family:var(--font-body);font-size:var(--fs-body-lg);line-height:1.5;color:hsla(60,12%,95%,.72);max-width:44ch}.category__stats{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;grid-gap:var(--space-2) var(--space-5);gap:var(--space-2) var(--space-5);margin-top:auto;padding-top:var(--space-6)}.category__stats div{padding-top:var(--space-2);border-top:1px solid hsla(60,12%,95%,.2)}.category__stats dt{font-size:var(--fs-ui-sm);color:hsla(60,12%,95%,.6)}.category__stats dd{margin:4px 0 0;font-family:var(--font-display);font-size:var(--fs-display-md);font-weight:600;font-stretch:108%;letter-spacing:-.02em;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.category__stats dd.category__stat-text{font-size:var(--fs-body);line-height:1.6;letter-spacing:0}.category__lineup{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);align-items:center;grid-gap:0;gap:0;padding:var(--space-4) 8%;background:radial-gradient(120% 80% at 50% 100%,var(--color-plate-deep),transparent 70%),var(--color-plate)}.category__lineup:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.category__lineup:has(>:only-child){grid-template-columns:minmax(0,1fr);padding-inline:12%}.category__shot{position:relative;aspect-ratio:1/1;margin-inline:-9%}.category__shot img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;mix-blend-mode:multiply}.category__shot .plate__empty{font-size:1.25rem}.category__hero--coffee{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.category__hero--coffee .category__intro{position:relative;background:linear-gradient(90deg,rgba(28,24,21,.94),rgba(28,24,21,.78)),url(/art/roastery.jpg) 30% 50% /cover}.category__hero--coffee .category__lineup{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;padding:var(--space-5) 3% var(--space-3)}.category__hero--coffee .category__shot{aspect-ratio:auto;margin-inline:-7%;display:flex;flex-direction:column;align-items:center}.category__hero--coffee .category__shot img{aspect-ratio:3/4;height:auto;object-position:50% 100%}.category__hero--coffee .category__shot:first-child,.category__hero--coffee .category__shot:nth-child(5){width:82%}.category__hero--coffee .category__shot:nth-child(2),.category__hero--coffee .category__shot:nth-child(4){width:92%}.category__hero--coffee .category__shot:nth-child(3){width:108%}.category__origin{margin-top:var(--space-1);padding:3px 8px;border:1px solid rgba(28,24,21,.28);border-radius:999px;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--color-espresso);background:hsla(60,12%,95%,.7)}.category__siblings{margin-top:var(--space-12)}.category__siblings h2{font-size:var(--fs-h2);font-weight:600;font-stretch:108%;letter-spacing:-.02em;margin-bottom:var(--space-3)}.category__siblings ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));border-top:1px solid var(--color-ink)}.category__tile{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;grid-gap:var(--space-2);gap:var(--space-2);height:100%;padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--color-hairline);text-decoration:none;transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.category__tile-index{font-size:var(--fs-ui-sm);color:var(--color-accent-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.category__tile-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;font-stretch:108%;letter-spacing:-.015em}.category__tile-arrow{transition:transform var(--duration-base) var(--ease-out)}.category__tile:hover{background:var(--color-espresso);color:var(--color-paper)}.category__tile:hover .category__tile-index{color:var(--color-accent)}.category__tile:hover .category__tile-arrow{transform:translateX(4px)}@media (max-width:1100px){.category__stats{grid-template-columns:repeat(2,auto)}}@media (max-width:900px){.category__hero,.category__hero--coffee{grid-template-columns:1fr}.category__origin{font-size:.56rem;padding:2px 5px;letter-spacing:.04em}.category__lineup{order:-1;padding:var(--space-3) var(--space-2) var(--space-2)}.category__shot{aspect-ratio:1/1}.category__hero h1{margin-top:var(--space-3)}}@media (max-width:520px){.category__stats{gap:var(--space-2) var(--space-3)}.category__stats dd{font-size:1.5rem}}