/* Featured releases from Pen desktop and mobile frames. */
.hf-collection{padding:88px max(64px,calc((100% - 1600px)/2 + 64px));background:#e9e0d0;color:#0b0d0f}
.hf-collection .hf-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin:0 0 34px}
.hf-featured-heading-copy{display:flex;flex-direction:column;gap:10px;width:650px;max-width:100%}
.hf-collection .hf-eyebrow{font-size:12px;font-weight:800;letter-spacing:1.8px;line-height:15px;margin:0;color:#c62b6d}
.hf-collection .hf-section-heading h2{font-family:"Space Grotesk",sans-serif;font-size:50px;font-weight:700;line-height:1;letter-spacing:-2.4px;margin:0}
.hf-collection .hf-section-heading .wp-block-buttons{position:static;margin:0;flex:none}
.hf-collection .hf-featured-view-all a{min-height:0;padding:0;border:0;background:transparent;color:#0b0d0f;font-size:12px;font-weight:800;letter-spacing:1.1px;line-height:17px;gap:10px;white-space:nowrap}
.hf-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hf-featured-card{min-width:0;outline:1px solid #afa79b;outline-offset:-1px;transition:outline-color 180ms ease}
.hf-featured-card:hover{outline-color:#c62b6d}
.hf-featured-preview{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;padding:0;border:0;background:transparent;cursor:zoom-in}
.hf-featured-preview picture,.hf-featured-preview img{display:block;width:100%;height:auto}
.hf-featured-preview img{transition:filter 180ms ease}
.hf-featured-preview:hover img{filter:brightness(1.06)}
/* Hover gallery with a soft blur crossfade. */
.hf-featured-preview{position:relative;isolation:isolate}
.hf-featured-preview > img.hf-featured-slide{position:absolute;inset:0;pointer-events:none;opacity:0;filter:blur(12px);transition:opacity 550ms ease,filter 550ms ease;object-fit:contain}
.hf-featured-preview > img.hf-featured-slide.is-visible{opacity:1;filter:blur(0)}
.hf-featured-preview.is-sliding > img:not(.hf-featured-slide){opacity:0;filter:blur(12px)}
.hf-featured-preview > img:not(.hf-featured-slide){transition:opacity 550ms ease,filter 550ms ease}
@media(prefers-reduced-motion:reduce){.hf-featured-preview > img.hf-featured-slide,.hf-featured-preview > img:not(.hf-featured-slide){transition:none}}
.hf-featured-card-info{height:96px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;border-top:1px solid #a89f92}
.hf-featured-card-info{transition:background-color 200ms ease}
.hf-featured-card:hover .hf-featured-card-info,.hf-featured-card:focus-within .hf-featured-card-info{background:#ff4f9a}
.hf-featured-card:hover .hf-featured-category,.hf-featured-card:focus-within .hf-featured-category,.hf-featured-card:hover .hf-featured-status span,.hf-featured-card:focus-within .hf-featured-status span{color:#0b0d0f}
.hf-featured-card-name{display:flex;flex-direction:column;gap:4px;min-width:0}
.hf-featured-card-name h3{font-family:"Space Grotesk",sans-serif;font-size:18px;font-weight:700;line-height:23px;margin:0}
.hf-featured-card-name a{color:inherit;text-decoration:none}
.hf-featured-card-name a:hover{color:#c62b6d}
.hf-featured-category{font-size:10px;font-weight:700;letter-spacing:.7px;line-height:12px;text-transform:uppercase;color:#6c655b;margin:0}
.hf-featured-status{flex:none;font-size:9px;font-weight:700;letter-spacing:.5px;color:#6c655b;margin:0;white-space:nowrap}
.hf-featured-status span{color:#c62b6d;font-size:16px;margin-left:6px}
.hf-featured-mobile-link{display:none}
.hf-collection a:focus-visible,.hf-featured-preview:focus-visible{outline:2px solid #c62b6d;outline-offset:3px}
@media(max-width:1100px){.hf-collection{padding-inline:24px}.hf-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hf-featured-heading-copy{width:auto}}
@media(max-width:700px){.hf-collection{padding:88px 18px}.hf-featured-heading-copy{gap:9px}.hf-collection .hf-eyebrow{font-size:10px;letter-spacing:1.4px;line-height:13px}.hf-collection .hf-section-heading h2{font-size:36px;letter-spacing:-1.8px}.hf-collection .hf-section-heading .wp-block-buttons{display:none}.hf-featured-grid{grid-template-columns:1fr}.hf-featured-preview{aspect-ratio:16/9}.hf-featured-mobile-link{display:block;margin:34px 0 0}.hf-featured-mobile-link a{height:50px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #0b0d0f;color:#0b0d0f;font-size:11px;font-weight:900;letter-spacing:.8px}.hf-featured-dialog .hf-specimen-artwork{aspect-ratio:354/280}}
@media(max-width:360px){.hf-featured-card-info{padding-inline:14px;gap:8px}.hf-featured-card-name h3{font-size:16px}.hf-featured-category{font-size:9px;letter-spacing:.3px}.hf-featured-status{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hf-featured-card,.hf-featured-preview img{transition:none}}

/* WooCommerce product artwork and prices. */
.hf-featured-preview > img{width:100%;height:100%;object-fit:cover}
.hf-featured-card-info > a.hf-featured-status{text-decoration:none;color:inherit}
.hf-featured-status .woocommerce-Price-amount{font-size:12px;color:inherit;margin:0}
.hf-featured-empty{grid-column:1/-1;padding:28px 0}
