.hf-catalog{background:#e9e0d0;color:#0b0d0f;padding:72px max(64px,calc((100% - 1600px)/2 + 64px)) 80px}
.hf-catalog-intro{display:grid;grid-template-columns:minmax(0,888fr) minmax(0,360fr);gap:64px;align-items:end;margin-bottom:32px}
.hf-catalog-kicker{color:#c62b6d;font-size:12px;line-height:15px;font-weight:800;letter-spacing:1.8px;margin-bottom:16px}
.hf-catalog-intro h1{font-size:64px;line-height:1.04;letter-spacing:-3px;font-weight:700}
.hf-catalog-intro>p{font-size:16px;line-height:1.55;color:#5b574f}
.hf-catalog-search{display:flex;align-items:center;gap:18px;min-height:72px;padding:12px 12px 12px 24px;background:#f3f0ea;border:1px solid #afa79b}
.hf-catalog-search-icon{display:flex;flex:none}.hf-catalog-search-icon svg{width:22px;height:22px}
.hf-catalog-search input[type=search]{min-width:0;flex:1;padding:8px 0;border:0;background:transparent;color:#0b0d0f;font-size:16px;line-height:24px;border-radius:0}
.hf-catalog-search input::placeholder{color:#6c655b;opacity:1}
.hf-catalog-search button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:182px;height:48px;border:0;border-radius:0;padding:0 24px;background:#ff4f9a;color:#0b0d0f;letter-spacing:.8px;font-weight:800;font-size:12px;white-space:nowrap;cursor:pointer}
.hf-catalog-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.hf-catalog-filters a{display:flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid #afa79b;color:#5b574f;font-size:12px;line-height:15px}
.hf-catalog-filters a[aria-current=true]{background:#0b0d0f;color:#f3f0ea;border-color:#0b0d0f;font-weight:700}
.hf-catalog-filters a:hover{border-color:#0b0d0f;color:#0b0d0f}.hf-catalog-filters a[aria-current=true]:hover{color:#ff4f9a}
.hf-catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:32px;padding-top:24px;border-top:1px solid #afa79b;margin-bottom:32px;min-height:64px}
.hf-catalog-toolbar>p{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hf-catalog-toolbar strong{font-size:11px;letter-spacing:1.1px;font-weight:800}.hf-catalog-toolbar p span{font-size:13px;color:#6c655b}
.hf-catalog-sort{display:flex;align-items:center;gap:12px}.hf-catalog-sort label{font-size:10px;font-weight:700;letter-spacing:1px;white-space:nowrap}
.hf-catalog-sort select{height:40px;min-width:119px;padding:0 12px;border:1px solid #afa79b;border-radius:0;background:transparent;color:#0b0d0f;font-size:12px;font-weight:700;cursor:pointer}
.hf-sort-apply{height:40px;padding:0 12px;border:1px solid #afa79b;background:transparent;cursor:pointer}.hf-catalog-sort[data-enhanced] .hf-sort-apply{display:none}
.hf-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hf-catalog-card{border:1px solid #afa79b;min-width:0;overflow:hidden}
.hf-catalog-preview{display:block;padding:0;border:0;width:100%;background:transparent;cursor:zoom-in}.hf-catalog-preview img{display:block;width:100%;height:auto;aspect-ratio:424/280;object-fit:contain}
.hf-catalog-card-info{min-height:95px;border-top:1px solid #afa79b;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.hf-catalog-font-name{min-width:0;flex:1}
.hf-catalog-card-info h2{font-size:18px;line-height:23px;font-weight:700;margin:0;overflow-wrap:anywhere}
.hf-catalog-card-info p{color:#6c655b;font-size:10px;font-weight:700;line-height:12px;letter-spacing:.7px;text-transform:uppercase;margin-top:4px}
.hf-catalog-preview-label{flex:none;white-space:nowrap;color:#6c655b;font-size:9px;font-weight:700;letter-spacing:.5px}.hf-catalog-price{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;flex:none;min-width:112px;min-height:52px;padding:8px 14px;background:#ff4f9a;color:#0b0d0f;text-decoration:none;white-space:nowrap;font:700 16px/20px "Space Grotesk",sans-serif;letter-spacing:-.3px;transition:background 160ms ease}.hf-catalog-price:hover{background:#0b0d0f;color:#e9e0d0}.hf-catalog-buy-label{font:800 9px/12px Inter,sans-serif;letter-spacing:.7px}.hf-catalog-price span{color:inherit;margin:0}.hf-catalog-price .woocommerce-Price-amount,.hf-catalog-price .woocommerce-Price-currencySymbol{color:inherit;margin:0}.hf-catalog-preview-label span{color:#c62b6d;margin-left:6px}
.hf-catalog-bottom{margin-top:32px;padding-top:24px;border-top:1px solid #afa79b}
.hf-catalog-summary{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}
.hf-catalog-summary p{font-size:10px;font-weight:700;letter-spacing:1px;color:#6c655b}.hf-catalog-summary a{font-size:13px;font-weight:700;display:flex;gap:10px}
.hf-catalog-pagination{display:flex;align-items:center;justify-content:space-between;gap:24px}
.hf-catalog-pagination>span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid #afa79b;font-size:11px;font-weight:800;letter-spacing:.7px}
.hf-catalog-pagination>span[aria-disabled=true]{opacity:.45}.hf-catalog-pagination .hf-catalog-page{width:44px;background:#0b0d0f;color:#f3f0ea;border-color:#0b0d0f}
.hf-catalog-empty{padding:64px 24px;text-align:center;border:1px solid #afa79b}.hf-catalog-empty h2{font-size:30px;margin-bottom:12px}.hf-catalog-empty p{margin-bottom:24px;color:#6c655b}.hf-catalog-empty a{text-decoration:underline}
.hf-catalog-footer .hf-newsletter{display:none}
.hf-specimen-dialog{width:min(960px,calc(100vw - 36px));max-height:calc(100dvh - 36px);overflow:auto;border:1px solid #2c3136;padding:20px;background:#0b0d0f;color:#f3f0ea}.hf-specimen-dialog::backdrop{background:#000c}
.hf-specimen-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.hf-specimen-dialog-top h2{font-size:24px}.hf-specimen-close{width:44px;height:44px;flex:none;border:1px solid #2c3136;color:#f3f0ea;background:transparent;cursor:pointer;font-size:24px}.hf-specimen-dialog>img{width:100%;height:auto;display:block}
.hf-catalog a:focus-visible,.hf-catalog button:focus-visible,.hf-catalog input:focus-visible,.hf-catalog select:focus-visible{outline:2px solid #c62b6d;outline-offset:3px}
@media(max-width:1100px){.hf-catalog{padding-inline:24px}.hf-catalog-intro{gap:32px;grid-template-columns:2fr 1fr}.hf-catalog-intro h1{font-size:48px}.hf-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hf-catalog{padding:56px 18px 64px}.hf-catalog-intro{grid-template-columns:1fr;gap:20px}.hf-catalog-intro h1{font-size:40px;letter-spacing:-1.8px}.hf-catalog-kicker{font-size:10px;letter-spacing:1.1px}.hf-catalog-intro>p{font-size:15px}.hf-catalog-search{flex-wrap:wrap;gap:12px;padding:14px}.hf-catalog-search-icon svg{width:18px;height:18px}.hf-catalog-search input[type=search]{font-size:16px;width:calc(100% - 30px)}.hf-catalog-search button{width:100%;justify-content:center;min-height:48px}.hf-catalog-filters{gap:8px}.hf-catalog-filters a{padding:0 12px;min-height:44px}.hf-catalog-toolbar{flex-direction:column;align-items:stretch;gap:18px}.hf-catalog-toolbar>p{gap:8px}.hf-catalog-sort{justify-content:space-between}.hf-catalog-sort select{flex:1;min-height:44px}.hf-catalog-grid{grid-template-columns:1fr}.hf-catalog-card-info h2{font-size:18px}.hf-catalog-summary{flex-direction:column;align-items:flex-start;gap:14px}.hf-catalog-pagination{gap:8px}.hf-catalog-pagination>span{padding:0 12px;font-size:10px}.hf-specimen-dialog{padding:14px}.hf-specimen-dialog-top h2{font-size:20px}}

/* Export the complete instance to retain inherited artwork; show only its specimen. */
.hf-catalog-preview{aspect-ratio:424/280;overflow:hidden}
.hf-catalog-preview img{aspect-ratio:auto;height:auto;object-fit:initial}
.hf-specimen-artwork{aspect-ratio:424/280;overflow:hidden}
.hf-specimen-artwork img{display:block;width:100%;height:auto}

.hf-catalog-card-info h2 a{color:inherit;text-decoration:none}.hf-catalog-card-info h2 a:hover{color:#c62b6d}

/* Nine specimens per page; preserve filter and sort parameters in links. */
.hf-catalog-pagination>a,.hf-catalog-page-numbers>a,.hf-catalog-page-numbers>span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid #afa79b;font-size:11px;font-weight:800;letter-spacing:.7px;text-decoration:none}
.hf-catalog-page-numbers{display:flex;gap:8px}
.hf-catalog-page-numbers>a,.hf-catalog-page-numbers>span{width:44px;padding:0}
.hf-catalog-pagination .hf-catalog-next{background:#ff4f9a;color:#0b0d0f;border-color:#ff4f9a}
.hf-catalog-pagination>a:hover,.hf-catalog-page-numbers>a:hover{background:#0b0d0f;color:#f3f0ea;border-color:#0b0d0f}
@media(max-width:700px){.hf-catalog-pagination>a{padding:0 12px;font-size:10px}.hf-catalog-page-numbers{gap:6px}}
@media(max-width:360px){.hf-catalog-pagination{gap:6px}.hf-catalog-pagination>a,.hf-catalog-pagination>span{padding:0 8px;font-size:9px;letter-spacing:.3px}.hf-catalog-page-numbers>a,.hf-catalog-page-numbers>span{width:36px}}

/* Smooth specimen dialog and soft background separation. */
.hf-specimen-dialog{opacity:0;transform:translateY(12px) scale(.97);transition:opacity 220ms ease,transform 260ms cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain}
.hf-specimen-dialog.is-visible{opacity:1;transform:translateY(0) scale(1)}
.hf-specimen-dialog::backdrop{background:#0000;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:background 220ms ease,backdrop-filter 220ms ease}
.hf-specimen-dialog.is-visible::backdrop{background:#0009;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
html.hf-specimen-open{overflow:hidden;scrollbar-gutter:stable}
.hf-specimen-dialog-bottom{display:flex;justify-content:flex-end;margin-top:18px}
.hf-specimen-product-link{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:48px;padding:0 20px;background:#ff4f9a;color:#0b0d0f;font-family:Inter,sans-serif;font-size:11px;font-weight:800;letter-spacing:.8px;text-decoration:none}
.hf-specimen-product-link:hover{background:#ff78b1}
.hf-specimen-product-link:focus-visible{outline:2px solid #ff4f9a;outline-offset:4px}
.hf-font-specimen-page{background:#e9e0d0;color:#0b0d0f;min-height:65vh;padding:64px max(64px,calc((100% - 1600px)/2 + 64px))}
.hf-font-specimen-page h1{font-size:64px;letter-spacing:-3px;line-height:1.05;margin:20px 0}
.hf-font-specimen-category{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#c62b6d;margin-bottom:28px}
.hf-font-detail-artwork{max-width:900px;aspect-ratio:424/280;overflow:hidden;margin:0 0 28px}
.hf-font-detail-artwork img{display:block;width:100%;height:auto}
.hf-font-preview-note{font-size:14px;color:#5b574f;line-height:1.6;margin:24px 0}
.hf-font-specimen-page .hf-font-back{font-size:12px;font-weight:800;color:#c62b6d}
@media(max-width:1100px){.hf-font-specimen-page{padding-inline:24px}}
@media(max-width:700px){.hf-specimen-dialog-bottom{margin-top:14px}.hf-specimen-product-link{width:100%;justify-content:center}.hf-font-specimen-page{padding:48px 18px}.hf-font-specimen-page h1{font-size:42px;letter-spacing:-1.8px}}
@media(prefers-reduced-motion:reduce){.hf-specimen-dialog,.hf-specimen-dialog::backdrop{transition:none;transform:none}}

@media(prefers-reduced-motion:reduce){.hf-catalog-price{transition:none}}
.hf-specimen-artwork{position:relative}.hf-specimen-artwork>img{width:100%;height:100%;object-fit:contain;transition:opacity 120ms ease}.hf-specimen-artwork.is-slide-changing>img{opacity:0}.hf-specimen-slide-controls{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:12px;pointer-events:none}.hf-specimen-slide-arrow{width:44px;height:44px;padding:0;border:1px solid #ffffff45;background:#0b0d0fcc;color:#f3f0ea;font:32px/1 sans-serif;cursor:pointer;pointer-events:auto}.hf-specimen-slide-arrow:hover{background:#ff4f9a;color:#0b0d0f;border-color:#ff4f9a}.hf-specimen-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:12px 2px 4px;scrollbar-width:thin;scrollbar-color:#ff4f9a #14171a}.hf-specimen-thumbnails button{flex:none;width:72px;height:52px;padding:2px;border:1px solid #2c3136;background:#14171a;cursor:pointer}.hf-specimen-thumbnails img{display:block;width:100%;height:100%;object-fit:cover}.hf-specimen-thumbnails button[aria-current]{border:2px solid #ff4f9a}.hf-specimen-thumbnails button:hover{border-color:#ff4f9a}.hf-specimen-dialog-bottom{align-items:center;gap:16px}.hf-specimen-slide-status{margin-right:auto;color:#a5a6a2;font:500 12px/1.4 Inter,sans-serif}.hf-specimen-dialog [hidden]{display:none!important}.hf-specimen-dialog button:focus-visible{outline:2px solid #ff4f9a;outline-offset:3px}
@media(max-width:700px){.hf-specimen-slide-controls{padding:8px}.hf-specimen-slide-arrow{width:36px;height:40px}.hf-specimen-thumbnails button{width:60px;height:44px}.hf-specimen-slide-status{flex:none}.hf-specimen-dialog-bottom .hf-specimen-product-link{width:auto;flex:1}}
@media(prefers-reduced-motion:reduce){.hf-specimen-artwork>img{transition:none}}/* Compact gallery spacing; adapt the artwork height to each image. */
.hf-specimen-dialog-top{margin-bottom:12px}.hf-specimen-dialog .hf-specimen-artwork{aspect-ratio:auto}.hf-specimen-dialog .hf-specimen-artwork>img{height:auto;max-height:calc(100dvh - 220px);object-fit:contain}.hf-specimen-thumbnails{padding:8px 2px 0;gap:6px}.hf-specimen-dialog-bottom{margin-top:10px}.hf-specimen-thumbnails button{height:46px;width:66px}
@media(max-width:700px){.hf-specimen-dialog-top{margin-bottom:10px}.hf-specimen-dialog .hf-specimen-artwork>img{max-height:calc(100dvh - 210px)}.hf-specimen-thumbnails{padding-top:8px}.hf-specimen-dialog-bottom{margin-top:8px}.hf-specimen-thumbnails button{width:56px;height:40px}}/* Thumbnails and product link share one compact row. */
.hf-specimen-dialog .hf-specimen-slide-controls,.hf-specimen-dialog .hf-specimen-slide-status{display:none!important}.hf-specimen-dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px}.hf-specimen-dialog-bottom .hf-specimen-thumbnails{padding:2px 0;flex:1;min-width:0}.hf-specimen-dialog-bottom .hf-specimen-product-link{flex:none;width:auto;white-space:nowrap;margin-left:auto}
@media(max-width:700px){.hf-specimen-dialog-bottom{gap:10px;flex-wrap:wrap}.hf-specimen-dialog-bottom .hf-specimen-thumbnails{flex:1 1 auto}.hf-specimen-dialog-bottom .hf-specimen-product-link{min-height:44px;padding-inline:12px;gap:10px;font-size:10px}.hf-specimen-dialog-bottom .hf-specimen-thumbnails button{width:44px;height:36px}.hf-specimen-dialog-bottom .hf-specimen-thumbnails{gap:4px}}
/* Current discount above each product specimen. */
.hf-catalog-card{position:relative}.hf-catalog-discount{position:absolute;top:0;right:10px;z-index:2;pointer-events:none;display:flex;align-items:center;justify-content:center;width:68px;height:80px;background:#ff4f9a;color:#0b0d0f;padding:4px 4px 16px;font:800 22px/26px Inter,sans-serif;letter-spacing:.3px;text-align:center;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%)}

/* Center previews within the viewport at every screen size. */
 dialog.hf-specimen-dialog[open]{position:fixed;inset:0;margin:auto!important;height:fit-content;max-height:calc(100dvh - 32px);box-sizing:border-box}