/* HK Handmade : page Notre maison v2, dans le langage de l'accueil (home.css + home-v2.css). 2026-09-11. */
.hknm-page{--hk-muted:#6B645A;--hk-soft:#4A4540}

.hknm-hero{padding-top:96px}
.hknm-hero .hkv-eyebrow{color:var(--hk-muted)}
.hknm-page .hknm-hero h1{font-size:clamp(52px,6vw,92px);line-height:1.04;max-width:14ch}
.hknm-lead{margin-top:30px!important;max-width:58ch;font-size:19px;line-height:1.7;color:var(--hk-soft);text-wrap:pretty}
.hknm-hero-figure{margin-top:64px!important;margin-inline:0}
.hknm-hero-figure img{width:100%;aspect-ratio:21/9;object-fit:cover;object-position:50% 55%;background:var(--stone)}
.hknm-caption{margin-top:12px!important;font-size:12px;line-height:1.5;color:var(--hk-muted);text-align:right}

.hknm-ways{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start}
.hknm-ways-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;padding-top:14px}
.hknm-ways-cols>div{border-top:1px solid var(--stone);padding-top:22px}
.hknm-label{font-size:12px;line-height:1.5;letter-spacing:.2em;text-transform:uppercase;color:var(--hk-muted)}
.hknm-ways-cols p:not(.hknm-label){margin-top:14px!important;font-size:18px;line-height:1.7;text-wrap:pretty}

.hknm-rule{background-color:var(--hk-charcoal,#202124);background-image:var(--hk-surface-image,none);background-size:180px 180px,100% 100%;background-repeat:repeat,no-repeat;color:var(--bg)}
.hknm-rule-inner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:72px;align-items:center;padding-block:88px}
.hknm-page .hknm-rule h2{font-size:clamp(42px,4.6vw,70px);line-height:1.04;max-width:11ch}
.hknm-rule-copy>p{margin-top:26px!important;max-width:44ch;font-size:17px;line-height:1.75;color:var(--stone);text-wrap:pretty}
.hknm-rule-copy .hkv-text-link{margin-top:28px;color:var(--bg)}
.hknm-rule-figure{margin:0}
.hknm-rule-figure img{width:100%;aspect-ratio:1;object-fit:contain;-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect}
.hknm-rule-figure figcaption{margin-top:14px;font-size:14px;line-height:1.5;color:var(--stone);text-align:center}
.hknm-rule-figure figcaption a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.hknm-rule-figure figcaption span{color:var(--brass)}

.hknm-criteria-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:46px;border-top:1px solid var(--stone)}
.hknm-criterion{padding:30px 36px 0 0}
.hknm-criterion+.hknm-criterion{padding-left:36px;border-left:1px solid var(--stone)}
.hknm-page .hknm-criterion h3{font-size:26px;line-height:1.25}
.hknm-criterion p{margin-top:12px!important;font-size:16px;line-height:1.7;color:var(--hk-soft);max-width:34ch}

.hknm-univers{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start;border-top:1px solid var(--stone)}
.hknm-univers-list a{display:grid;grid-template-columns:1fr 24px;align-items:center;gap:20px;min-height:76px;border-bottom:1px solid var(--stone);font-family:var(--hk-display);font-weight:var(--hk-display-weight,400);letter-spacing:var(--hk-track-2,0);font-size:clamp(24px,2.4vw,34px);line-height:1.2;transition:color .3s}
.hknm-univers-list a:first-child{border-top:1px solid var(--stone)}
.hknm-univers-list a svg{transition:transform .3s}
.hknm-univers-list a:hover{color:var(--accent)}
.hknm-univers-list a:hover svg{transform:translateX(4px)}

.hknm-services{margin-bottom:92px}

@media(max-width:1100px){
  .hknm-rule-inner{gap:48px}
  .hknm-criterion{padding-right:24px}
  .hknm-criterion+.hknm-criterion{padding-left:24px}
}
@media(max-width:900px){
  .hknm-ways,.hknm-univers{grid-template-columns:1fr;gap:28px}
  .hknm-criteria-grid{grid-template-columns:1fr;border-top:0}
  .hknm-criterion,.hknm-criterion+.hknm-criterion{padding:24px 0;border-left:0;border-top:1px solid var(--stone)}
}
@media(max-width:767px){
  .hknm-hero{padding-top:44px}
  .hknm-page .hknm-hero h1{font-size:clamp(38px,10.5vw,48px)}
  .hknm-lead{margin-top:18px!important;font-size:16px}
  .hknm-hero-figure{margin-top:32px!important;margin-inline:-20px}
  .hknm-hero-figure img{aspect-ratio:4/3}
  .hknm-caption{padding-inline:20px}
  .hknm-ways-cols{grid-template-columns:1fr;gap:28px;padding-top:0}
  .hknm-ways-cols p:not(.hknm-label){font-size:16px}
  .hknm-rule-inner{grid-template-columns:1fr;gap:28px;padding-block:48px}
  .hknm-page .hknm-rule h2{font-size:38px}
  .hknm-rule-copy>p{font-size:16px;margin-top:18px!important}
  .hknm-page .hknm-criterion h3{font-size:22px}
  .hknm-univers-list a{min-height:64px;font-size:24px}
  .hknm-services{margin-bottom:48px}
}
@media(prefers-reduced-motion:reduce){.hknm-univers-list a,.hknm-univers-list a svg{transition:none}}