/* HK Handmade, accueil v2 (lots 1 et 2) : une paire typographique, sections unifiées. 2026-09-11. */
.hk-typo-a{--hk-display:'Fraunces',Georgia,serif;--hk-serif:'Fraunces',Georgia,serif;--hk-sans:'Inter',Arial,sans-serif;--hk-display-weight:400;--hk-serif-weight:400;--hk-track-1:-.03em;--hk-track-2:-.02em}
.hk-typo-b{--hk-display:'Libre Caslon Display',Georgia,serif;--hk-serif:'Libre Caslon Text',Georgia,serif;--hk-sans:'Albert Sans',Arial,sans-serif;--hk-display-weight:400;--hk-serif-weight:400;--hk-track-1:-.02em;--hk-track-2:-.012em}
.hk-typo-c{--hk-display:'Noto Serif Display',Georgia,serif;--hk-serif:'Noto Serif Display',Georgia,serif;--hk-sans:'Albert Sans',Arial,sans-serif;--hk-display-weight:350;--hk-serif-weight:400;--hk-track-1:-.012em;--hk-track-2:-.006em}
body.hkv-page{font-family:var(--hk-sans);--hk-muted:#6B645A;--hk-soft:#4A4540}
body.hkv-page h1{font-family:var(--hk-display);font-weight:var(--hk-display-weight);letter-spacing:var(--hk-track-1)}
body.hkv-page h2{font-family:var(--hk-display);font-weight:var(--hk-display-weight);letter-spacing:var(--hk-track-2)}
body.hkv-page h3{font-family:var(--hk-serif);font-weight:var(--hk-serif-weight);letter-spacing:0}
body.hkv-page :is(h1,h2,h3){text-wrap:balance}
body.hkv-page :is(.hkv-hero-copy p,.hkv-intro,.hkv-house-copy p,.hkv-showcase-intro,.hk-advice p,.hk-entry-excerpt){text-wrap:pretty}
body.hkv-page :is(.hkv-category,.hkv-search-panel label,.hkv-mobile-panel>a,.hkv-menu-title){font-family:var(--hk-display);font-weight:var(--hk-display-weight);letter-spacing:var(--hk-track-2)}
body.hkv-page .hkv-category-number{font-family:var(--hk-sans)}
body.hk-typo-c :is(h1,h2,h3,.hkv-category,.hkv-search-panel label,.hkv-mobile-panel>a,.hkv-menu-title){font-stretch:80%;font-variation-settings:'wdth' 80}
body.hkv-page :is(.hkv-price,.hk-piece-price){font-variant-numeric:lining-nums tabular-nums}
body.hkv-page .hkv-eyebrow{font-size:12px;letter-spacing:.22em}

.hkv2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px 48px;flex-wrap:wrap}
.hkv2-head>.hkv-text-link{flex:none}
.hkv2-head .hkv-intro{margin-top:14px!important}

.hk-pieces-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:28px;margin-top:46px}
.hk-piece{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;align-content:start;min-width:0;padding-bottom:48px}
.hk-piece-media{display:block;aspect-ratio:1;overflow:hidden;background:#EFE9E0}
.hk-piece-media img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.hk-piece:hover .hk-piece-media img{transform:scale(1.035)}
.hk-piece-cat{margin-top:18px!important;font-size:11px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:var(--hk-muted)}
.hk-piece-name{font-size:21px;line-height:1.3;margin-top:8px!important}
.hk-piece-name a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.hk-piece-buy{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 14px;margin-top:10px}
.hk-piece-price{font-size:16px;line-height:1.5}
.hk-piece-price :is(ins,bdi){text-decoration:none;background:none}
.hk-piece-copy{font-size:11px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.hk-piece-add{justify-self:start;align-self:start;display:inline-flex;align-items:center;min-height:44px;margin-top:10px;padding-block:4px;border-bottom:1px solid currentColor;font-size:14px;transition:opacity .2s}
.hk-piece-add:hover{opacity:.7}
.hk-piece-add.loading{opacity:.45;pointer-events:none}
.hk-piece-add.added{display:none}
.hk-piece .added_to_cart{grid-row:5;justify-self:start;align-self:start;display:inline-flex;align-items:center;min-height:44px;margin-top:10px;font-size:14px;color:var(--accent);text-decoration:underline;text-underline-offset:4px}

.hk-journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px;margin-top:46px}
.hk-entry{min-width:0}
.hk-entry-media{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--stone)}
.hk-entry-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.hk-entry:hover .hk-entry-media img{transform:scale(1.03)}
.hk-entry-meta{margin-top:18px!important;font-size:11px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:var(--hk-muted)}
.hk-entry h3{font-size:23px;line-height:1.28;margin-top:10px!important}
.hk-entry h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.hk-entry-excerpt{margin-top:10px!important;font-size:15px;line-height:1.65;color:var(--hk-soft);max-width:44ch}

body.hkv-page .hk-advice{border-top:1px solid var(--stone);max-width:none;width:min(1320px,calc(100% - 120px));margin-inline:auto}
body.hkv-page .hk-advice>*{max-width:640px;margin-inline:auto}
body.hkv-page .hk-advice p{margin:18px auto 22px}

@media(max-width:1100px){.hk-pieces-grid{column-gap:20px}.hk-piece-name{font-size:19px}.hk-entry h3{font-size:21px}body.hkv-page .hk-advice{width:calc(100% - 64px)}}
@media(max-width:1023px){.hk-pieces-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}}
@media(max-width:900px){.hk-journal-grid{grid-template-columns:1fr;gap:28px}.hk-entry{display:grid;grid-template-columns:38% 1fr;column-gap:20px;align-items:start}.hk-entry-media{grid-row:1/4}.hk-entry-meta{margin-top:0!important}.hk-entry h3{font-size:20px;margin-top:6px!important}.hk-entry-excerpt{font-size:14px}}
@media(max-width:767px){.hkv2-head{flex-direction:column;align-items:flex-start;gap:10px}.hk-pieces-grid{column-gap:14px;margin-top:28px}.hk-piece{padding-bottom:30px}.hk-piece-cat{font-size:10px;letter-spacing:.12em;margin-top:12px!important}.hk-piece-name{font-size:17px;margin-top:6px!important}.hk-piece-buy{margin-top:6px}.hk-piece-price{font-size:15px}.hk-piece-copy{font-size:10px;letter-spacing:.1em}.hk-piece-add,.hk-piece .added_to_cart{font-size:13px;margin-top:2px}.hk-journal-grid{margin-top:28px}.hk-entry-excerpt{display:none}body.hkv-page .hk-advice{width:calc(100% - 40px)}}
@media(max-width:374px){body.hkv-page .hk-advice{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.hk-piece-media img,.hk-entry-media img{transition:none!important;transform:none!important}}