@font-face { font-family:FC Home; src:url('../assets/regular.woff2?v=2.5.0') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:FC Home; src:url('../assets/black.woff2?v=2.5.0') format('woff2'); font-weight:900; font-display:swap; }
.catalog-archive { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:9%; padding:65px 5%; margin:20px 0 65px; border:1px solid #191b1838; background:#dedbd2; font-family:FC Home,Arial,sans-serif; }
.catalog-archive-art { display:flex; flex-direction:column; gap:35px; justify-content:space-between; padding:25px; background:var(--ink); color:var(--paper); transform:rotate(-5deg); border-top:8px solid var(--yellow); box-shadow:0 15px 30px #191b1820; }
.catalog-archive-art > span { font-size:10px; }
.catalog-archive-art > strong { font:900 clamp(70px,10vw,165px)/.95 FC Display,Impact,sans-serif; letter-spacing:-.02em; color:var(--yellow); }
.catalog-archive .eyebrow { font-size:11px; margin-bottom:18px; }
.catalog-archive h3 { font-size:clamp(36px,4vw,66px); font-weight:900; line-height:1.15; letter-spacing:-.05em; margin:0; }
.catalog-archive p:not(.eyebrow) { font-size:13px; line-height:1.85; margin:20px 0; }
.catalog-archive a { display:flex; justify-content:space-between; align-items:center; width:max-content; gap:45px; min-height:44px; border-bottom:1px solid #191b1860; font-size:12px; }
.catalog-archive a > span { font:22px Arial,sans-serif; }
@media(max-width:760px) { .catalog-archive { padding:35px 5%; gap:8%; } .catalog-archive-art { padding:18px; gap:27px; } .catalog-archive-art > span { font-size:8px; } .catalog-archive-art > strong { font-size:10vw; } .catalog-archive h3 { font-size:32px; } .catalog-archive p:not(.eyebrow) { font-size:12px; } }
@media(max-width:480px) { .catalog-archive { grid-template-columns:1fr; gap:35px; margin-bottom:40px; padding:30px 7%; } .catalog-archive-art > strong { font-size:22vw; } .catalog-archive-art { gap:25px; } .catalog-archive h3 { font-size:10vw; } .catalog-archive h3 br { display:none; } .catalog-archive .eyebrow { font-size:10px; } }

.catalog-archive-status { display:inline-block; padding:9px 0; font-size:12px; border-top:1px solid #191b1833; color:#484c43; }