/* =========================================================
   CONTACT — styles spécifiques à la page
   Le reste du site utilise css/style.css.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Fraunces:opsz,wght@9..144,400;9..144,500&display=swap');
:root{--ink:#202a32;--blue:#29445a;--paper:#f5f1eb;--white:#fffdf9;--muted:#72777a;--line:rgba(32,42,50,.14);--orange:#ff6117}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit}.container{width:min(1100px,calc(100% - 48px));margin:auto}.top{padding:28px 0;border-bottom:1px solid var(--line);background:var(--white)}.top-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand-mark{width:44px;height:44px;border-radius:50%;background:var(--ink);padding:5px}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-name{font-size:12px;letter-spacing:.22em;text-transform:uppercase}.back{font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}.page{padding:100px 0 130px}.label{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}h1{font-family:Fraunces,Georgia,serif;font-size:clamp(52px,8vw,100px);font-weight:400;line-height:.94;letter-spacing:-.045em;margin:14px 0 55px;max-width:850px}.intro{font-family:Fraunces,Georgia,serif;font-size:clamp(22px,2.6vw,32px);line-height:1.3;max-width:760px;margin-bottom:65px}.content-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;border-top:1px solid var(--line);padding-top:55px}.content h2{font-family:Fraunces,Georgia,serif;font-size:40px;font-weight:400;line-height:1.05;margin:0 0 24px}.content p{max-width:650px;color:#62686b;margin:0 0 20px}.portrait{width:320px;height:320px;border-radius:50%;overflow:hidden;background:#ddd}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-card{border-top:1px solid var(--line);padding-top:25px}.contact-card h2{font-family:Fraunces,Georgia,serif;font-weight:400;font-size:40px;margin:0 0 25px}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.contact-links a{font-size:18px;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px}.small{font-size:12px;color:var(--muted);margin-top:45px}footer{background:#111;color:#858b8e;padding:28px 0 35px;font-size:10px}.footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-links{display:flex;gap:15px;flex-wrap:wrap}.footer-links a{text-decoration:none}.knife-placeholder{height:520px;background:#dcd6ce;display:flex;align-items:center;justify-content:center;text-align:center;margin:55px 0}.knife-placeholder span{font-family:Fraunces,Georgia,serif;font-size:46px;line-height:1.05;opacity:.5}@media(max-width:800px){.container{width:min(100% - 32px,1100px)}.page{padding:70px 0 90px}.content-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.portrait{width:240px;height:240px}.knife-placeholder{height:360px}.knife-placeholder span{font-size:34px}.footer-inner{display:block}.footer-links{margin-bottom:12px}}

/* V3.1 — navigation commune */
.top-inner,.head,.header-inner{position:relative}
.brand-mark,.mark{width:46px!important;height:46px!important;min-width:46px;border-radius:50%;background:rgba(255,253,249,.98)!important;padding:6px!important;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 1px 0 rgba(32,42,50,.08)}
.brand-mark img,.mark img{width:100%!important;height:100%!important;display:block;object-fit:contain}
.menu-toggle{display:none;border:0;background:transparent;padding:8px;cursor:pointer;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span{display:block;width:22px;height:1.5px;background:currentColor;transition:transform .22s ease,opacity .22s ease}
.mobile-menu{position:fixed;inset:0;z-index:100;background:var(--white);color:var(--ink);display:flex;flex-direction:column;padding:24px 24px 34px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto}
.mobile-menu-head{display:flex;justify-content:space-between;align-items:center}
.mobile-menu-close{border:0;background:none;font:inherit;font-size:28px;line-height:1;cursor:pointer;padding:8px}
.mobile-menu-links{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:auto;margin-bottom:auto}
.mobile-menu-links a{font-family:Fraunces,Georgia,serif;font-size:clamp(34px,9vw,54px);line-height:1.05;text-decoration:none;letter-spacing:-.035em}
.mobile-menu-links a.small-link{font-family:'DM Sans',Arial,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-top:12px}
.mobile-menu-foot{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
body.menu-open{overflow:hidden}
@media(max-width:1000px){
  .nav{display:none!important}.menu-toggle{display:flex!important;color:white;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(15,20,24,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
  .site-header{padding:18px 0}.site-header .header-inner{display:flex}
  .top,.top-inner{padding:18px 0}.top-inner{display:flex}
  .name,.brand-name{display:none}
  .mobile-menu .brand-mark{width:42px!important;height:42px!important;min-width:42px}
}
/* Contact : footer en bas de page */
body.contact-page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body.contact-page main {
  flex: 1;
}
