/* Page Services IA — charte fusionnée : fonds et trame SmartHR, logos et formats Duetto.
   Fonds, cartes, boutons et titres = identité SmartHR (marine #14263F, rouge #E24E2C, gris #F4F6F9).
   Noms de gamme, accroche et filets = formats Duetto (Playfair Display, Jost, terracotta #D2761F).
   Polices auto-hébergées : aucune requête externe, aucun cookie. */

@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/jost-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/jost-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/jost-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/jost-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/playfair-display-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/playfair-display-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/playfair-display-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/playfair-display-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

body.duetto-page{--terra:#D2761F;--terra2:#B4611A;
  --serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --duo:'Jost','Century Gothic',Futura,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif}

/* ---------- bloc de marque dans le bandeau d'accueil ---------- */
.d-mark{display:flex;align-items:flex-end;gap:22px;margin-bottom:28px}
.d-mark img{height:56px;width:auto}
.d-mark .tm{color:#E7B183}
.d-mark span.acc{font-family:var(--duo);font-size:.72rem;letter-spacing:3.4px;text-transform:uppercase;color:#9FB0C4;line-height:1.5;white-space:nowrap;padding-bottom:3px}
.d-target{display:block;border-left:3px solid var(--terra);padding:6px 0 6px 16px;color:#fff;font-size:1rem;max-width:58ch;margin:0 0 26px}
.hero .d-target{color:#fff}

/* ---------- noms de gamme : le format Duetto ---------- */
.nom{font-family:var(--serif);font-weight:400;color:var(--terra);line-height:1}
.card .nom{font-size:1.5rem;display:block;margin-bottom:2px}
.card .quoi{font-family:var(--duo);font-size:.66rem;letter-spacing:2.6px;text-transform:uppercase;color:var(--slate);display:block;margin-bottom:10px}
.card h3+p{margin-top:8px}
.card .note{color:var(--slate);font-size:.86rem;font-style:italic;margin-top:12px;padding-top:10px;border-top:1px solid var(--mist)}
.card .etat{display:inline-block;margin-top:12px;font-family:var(--duo);font-size:.66rem;letter-spacing:1.8px;text-transform:uppercase;color:var(--slate);border:1px solid var(--mist);padding:4px 10px;border-radius:20px}
.rule{width:44px;height:3px;background:var(--terra);margin:16px 0;border-radius:2px}
.center .rule{margin:16px auto}

/* ---------- deux portes d'entrée ---------- */
.d-doors{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}
.d-door{background:#fff;border:1px solid var(--mist);border-radius:var(--radius);border-top:4px solid var(--terra);padding:32px 30px 30px;display:flex;flex-direction:column;transition:.15s}
.d-door:hover{box-shadow:0 12px 32px rgba(20,38,63,.09);transform:translateY(-2px)}
.d-door .nom{font-size:2rem}
.d-door .quoi{font-family:var(--duo);font-size:.68rem;letter-spacing:2.8px;text-transform:uppercase;color:var(--slate);display:block;margin-top:8px}
.d-door h3{font-size:1.32rem;margin-top:20px}
.d-door p{color:var(--slate);margin-top:12px;font-size:.99rem}
.d-door .go{margin-top:auto;padding-top:22px}
.d-bridge{margin-top:24px;background:#fff;border:1px solid var(--mist);border-left:4px solid var(--terra);border-radius:var(--radius);padding:18px 24px;color:var(--ink);font-size:1rem}

/* ---------- étapes numérotées ---------- */
.d-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:34px}
.d-step{border-top:2px solid var(--mist);padding-top:18px}
.d-step .n{font-family:var(--serif);font-size:2.2rem;color:var(--terra);line-height:1;display:block;margin-bottom:6px}
.d-step h3{font-size:1.1rem}
.d-step p{color:var(--slate);font-size:.95rem;margin-top:6px}

/* ---------- image et texte ---------- */
.d-split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.d-split.wide-l{grid-template-columns:1.08fr .92fr}
.d-fig{margin:0}
.d-fig img{display:block;width:100%;height:auto;border-radius:var(--radius)}
.d-fig figcaption{font-size:.82rem;color:var(--slate);margin-top:10px;font-style:italic}
.d-out{border-left:4px solid var(--terra);padding:2px 0 2px 18px;margin-top:24px}
.d-out b{display:block;color:var(--navy);font-size:1.15rem;font-weight:800;margin-bottom:6px}
.d-out span{display:block;color:var(--slate)}
.d-note{background:#fff;border:1px solid var(--mist);border-radius:var(--radius);padding:20px 24px;margin-top:28px;color:var(--ink);font-size:.99rem}
section.alt .d-note{background:#fff}

/* ---------- listes de tâches ---------- */
.d-tasks{list-style:none;margin:20px 0 0;padding:0;columns:2;column-gap:36px}
.d-tasks li{break-inside:avoid;padding:10px 0 10px 24px;position:relative;border-bottom:1px solid var(--mist);color:var(--ink);font-size:.97rem}
.d-tasks li::before{content:"";position:absolute;left:0;top:18px;width:10px;height:3px;background:var(--terra);border-radius:2px}

/* ---------- cartes illustrées ---------- */
.card.photo{padding-top:0;overflow:hidden}
.card.photo img{display:block;width:calc(100% + 52px);max-width:none;height:auto;margin:0 -26px 20px}
.card .lieu{font-family:var(--duo);font-size:.66rem;letter-spacing:2.4px;text-transform:uppercase;color:var(--red);margin-bottom:5px}

/* ---------- la gamme ---------- */
.d-gamme{width:100%;border-collapse:collapse;margin-top:32px}
.d-gamme th{text-align:left;font-family:var(--duo);font-weight:500;font-size:.68rem;letter-spacing:2.2px;text-transform:uppercase;color:var(--slate);padding:0 16px 12px;border-bottom:2px solid var(--mist)}
.d-gamme td{padding:13px 16px;border-bottom:1px solid var(--mist);font-size:.96rem;vertical-align:baseline;color:var(--ink)}
.d-gamme td.nom{font-size:1.22rem;width:150px}
.d-gamme td.pourquoi{color:var(--slate);font-style:italic}
.d-gamme tr:hover td{background:rgba(226,78,44,.045)}

/* ---------- citation ---------- */
.d-quote{background:#fff;border:1px solid var(--mist);border-radius:var(--radius);padding:38px 42px;max-width:860px;margin:30px auto 0}
.d-quote .mark{font-family:var(--serif);font-size:4.4rem;color:var(--terra);line-height:.55;opacity:.35}
.d-quote p{font-size:1.1rem;line-height:1.8;margin-top:14px;color:var(--ink)}
.d-quote .src{font-size:.82rem;color:var(--slate);margin-top:16px}

/* ---------- refus assumés ---------- */
.d-no{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px;margin-top:28px}
.d-no div{padding:14px 0;border-bottom:1px solid var(--mist);color:var(--ink);display:flex;gap:12px;font-size:1rem}
.d-no div::before{content:"\2715";color:var(--terra);font-size:.82rem;line-height:1.8;flex:none;font-weight:700}

/* ---------- engagements et chiffres, sur fond marine ---------- */
.d-vows{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:40px}
.d-vow{border-top:3px solid var(--terra);padding-top:18px}
.d-vow h3{color:#fff;font-size:1.08rem}
.d-vow p{color:#c7d2e0;font-size:.94rem;margin-top:8px}
.d-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;text-align:center;margin-top:56px}
.d-stat .num{display:block;font-family:var(--serif);font-size:2.9rem;color:var(--terra);line-height:1}
.d-stat .lab{display:block;color:#c7d2e0;font-size:.92rem;margin-top:10px;line-height:1.6}
.d-src{text-align:center;font-size:.8rem;color:#8ea0b6;margin-top:30px}

@media(max-width:980px){
 .d-doors,.d-split,.d-split.wide-l,.d-vows{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
 .d-mark{gap:14px;flex-wrap:wrap;align-items:flex-start}
 .d-mark img{height:44px}
 .d-mark span.acc{font-size:.62rem;letter-spacing:2.4px;white-space:normal}
 .d-doors,.d-steps,.d-split,.d-split.wide-l,.d-vows,.d-stats,.d-no{grid-template-columns:1fr}
 .d-tasks{columns:1}
 .d-quote{padding:26px 22px}
 .d-gamme td.nom{width:auto}
 .d-gamme td.pourquoi,.d-gamme th:last-child{display:none}
}

/* ---------- section sur fond marine ---------- */
section.ink{background:var(--navy);color:#c7d2e0}
section.ink h2,section.ink h3{color:#fff}
section.ink .eyebrow{color:#F0A68F}
section.ink .lead{color:#c7d2e0}
section.ink .rule{background:var(--terra)}
.card .note .nom{display:inline;font-size:1.08rem;font-style:normal;margin:0}
.card .note{font-style:normal}