.index-head{padding:clamp(140px, 18vw, 220px) var(--rail) clamp(40px, 6vw, 80px);grid-template-columns:1fr 1fr;align-items:end;gap:60px;display:grid}.index-head h1{max-width:14ch}.index-head .breadcrumb{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:28px;font-size:11px}.index-head .breadcrumb span{color:var(--velvet)}.index-head p{color:var(--ink-soft);max-width:46ch;font-size:16px}.cat-grid{padding:0 var(--rail) clamp(100px, 12vw, 180px);grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.cat-grid .card-cat{aspect-ratio:3/4.2;border-radius:2px;transition:transform .35s;position:relative;overflow:hidden}.cat-grid .card-cat:hover{transform:scale(1.02)}.cat-grid .card-cat:after{content:"";background:linear-gradient(#0000 35%,#0000008c 100%);position:absolute;inset:0}.cat-grid .card-cat .name{color:#fff;font-family:var(--serif);z-index:2;font-size:clamp(28px,2.4vw,38px);line-height:1;position:absolute;bottom:22px;left:22px;right:22px}.cat-grid .card-cat .meta{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#ffffffbf;z-index:2;font-size:10px;position:absolute;top:22px;left:22px}.cat-grid .card-cat .count{font-family:var(--serif);color:#ffffffd9;z-index:2;font-size:28px;font-style:italic;position:absolute;top:22px;right:22px}