/* ══════════════════════════════════════════════════════════════════════════
   v7-home.css — Home V9 Portfolio First · intégration visuelle « papier /
   éditorial / studio produit » (référence visuelle : spike Codex figé, commit
   20f0855 ; autorité factuelle : PR #83).

   Chargé en dernier sur la Home (et sur le catalogue /work/ via .work-catalog).
   Cinq mouvements : Hero → Produits → Ce qui les relie → Alexandre →
   Assistant. Pas d’offre, pas de méthode, pas de taxonomie.

   Préfixe .home-v7 : ne touche ni les pages de cas ni l’Assistant hors Home.
   Le tiroir Assistant (assistant-drawer.js) hérite seulement de la palette.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── 00 · PALETTE PAPIER + TYPE ─────────────────────────────────────────── */
.home-v7,.work-catalog{
  --paper:#f7f4ec;--ink:#171410;--muted:#6d675d;--line:#d7ccba;--panel:#fffdf7;
  --accent:#c84630;--accent-text:#b23d29;--accent-2:#0f6b5f;--dark:#22201c;--cream:#ede3d1;
  --soft:#f1ece2;--soft2:#ede3d1;--body:#3b3329;--body-2:#4d453b;
  --dark-line:#51483c;--dark-panel:#2c2924;--dark-muted:#cfc5b3;--dark-text:#ddd2bf;
  background:var(--paper);color:var(--ink)}
html:has(body.home-v7),html:has(body.work-catalog){background:#f7f4ec}
.home-v7{isolation:isolate;overflow-x:clip}
/* Grille structurelle fine : des filets verticaux à peine visibles, sous le
   contenu (z-index négatif dans le contexte du body), jamais au-dessus. */
.home-v7::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,rgba(23,20,16,.045) 1px,transparent 1px) 0 0/7.5vw 100%;opacity:.7}
.home-v7 main h1,.home-v7 main h2{font-weight:700;letter-spacing:-.05em;line-height:.95}
.home-v7 main h2{font-size:clamp(2rem,5vw,5.1rem);text-wrap:balance}
.home-v7 main h3{font-weight:640;letter-spacing:-.03em;line-height:1.04;text-wrap:balance}
.home-v7 .eyebrow,.home-v7 .hero-eyebrow{margin:0 0 14px;color:var(--accent-text);
  font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.3}
.home-v7 main .wrap{max-width:1280px}
.home-v7 .button{gap:12px;padding:0 18px;border-radius:2px;font-size:.92rem;font-weight:640;letter-spacing:-.01em}
.home-v7 .button.primary{color:var(--paper)}
.home-v7 .button.secondary{background:var(--paper);color:var(--ink);border-color:var(--ink)}
.home-v7 :focus-visible{outline:3px solid var(--accent);outline-offset:3px}

/* ── EN-TÊTE / NAV ─────────────────────────────────────────────────────── */
.home-v7 .site-head,.work-catalog .site-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center}
.home-v7 .brand{font-size:1rem;font-weight:760;letter-spacing:.02em}
.home-v7 .desktop-nav{gap:clamp(16px,1.6vw,22px);font-size:.92rem;letter-spacing:0}
.home-v7 .site-head .desktop-nav a{color:var(--muted)}
.home-v7 .site-head .desktop-nav a:hover,.home-v7 .site-head .desktop-nav a:focus-visible{color:var(--ink)}
.home-v7 .site-head .nav-assistant{color:var(--ink);border:1px solid var(--ink);padding:0 13px;min-height:44px;border-radius:2px}
.home-v7 .menu-toggle,.work-catalog .menu-toggle{display:none;width:44px;height:44px;border:0;background:transparent;position:relative}
.home-v7 .menu-toggle span,.work-catalog .menu-toggle span{position:absolute;left:8px;right:8px;height:1px;background:currentColor}
.home-v7 .menu-toggle span:first-child,.work-catalog .menu-toggle span:first-child{top:17px}
.home-v7 .menu-toggle span:last-child,.work-catalog .menu-toggle span:last-child{top:26px}
@media(max-width:820px){
  .home-v7 .desktop-nav,.work-catalog .desktop-nav{display:none}
  .home-v7 .menu-toggle,.work-catalog .menu-toggle{display:block}
}
.home-v7 .mobile-menu{background:var(--paper)}
.home-v7 .menu-foot a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);
  border-bottom:1px solid currentColor}
.home-v7 .mobile-nav-secondary{display:flex;flex-direction:column;gap:4px;margin:18px 0 0;padding-top:16px;
  border-top:1px solid var(--line)}
.home-v7 .mobile-menu nav[aria-label="Navigation mobile"] a{display:flex;align-items:center;
  grid-template-columns:none;font-size:clamp(1.35rem,5.6vw,1.8rem);font-weight:640}
.home-v7 .mobile-nav-secondary a{display:inline-flex;align-items:center;min-height:44px;
  font-size:1rem;font-weight:500;letter-spacing:0}

/* ── 01 · HERO — deux colonnes, texte à gauche, objet-exemple à droite ──── */
.home-v7 .hero{min-height:0;height:auto;display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.8fr);grid-template-rows:none;
  gap:clamp(28px,5vw,74px);align-items:center;
  padding:calc(68px + clamp(36px,6vw,84px)) var(--gutter) clamp(44px,6vw,84px);
  border-bottom:1px solid var(--line)}
@media(min-width:1101px){.home-v7 .hero{min-height:min(calc(100svh - 68px),800px)}}
.home-v7 .hero-copy{max-width:none;min-width:0}
.home-v7 .hero h1{max-width:none;margin:0 0 24px;font-size:clamp(3rem,6.8vw,6.4rem);line-height:.92;
  letter-spacing:-.055em;text-wrap:wrap;hyphens:manual;overflow-wrap:normal}
.home-v7 .hero-lead{max-width:44ch;margin:0 0 30px;color:var(--body);
  font-size:clamp(1.08rem,1.5vw,1.4rem);line-height:1.45;letter-spacing:-.012em}
.home-v7 .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.home-v7 .hero-copy>*,.home-v7 .hero{opacity:1;transform:none;animation:none}
/* Objet-exemple éditorial : carte sombre, filets internes, décalage rouge.
   Ce n’est PAS l’interface Estimer — c’est une explication, étiquetée ainsi. */
.home-v7 .hero-board{position:relative;isolation:isolate;min-width:0;margin:0 14px 14px 0;background:var(--dark);color:var(--paper);
  padding:clamp(18px,3vw,32px);border:1px solid #3a352d;
  box-shadow:12px 12px 0 var(--accent)}
.home-v7 .board-label,.home-v7 .board-list dt{margin:0;color:var(--dark-muted);font-size:.78rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.1em;line-height:1.3}
.home-v7 .board-list{margin:18px 0 0;display:grid;gap:10px}
.home-v7 .board-list dd{margin:0}
.home-v7 .board-claim{border:1px solid var(--dark-line);padding:20px;margin:0 0 8px}
.home-v7 .board-claim dd{margin-top:10px;font-size:clamp(1.5rem,2.6vw,2.4rem);line-height:1.02;font-weight:700;
  letter-spacing:-.035em;color:#fff}
.home-v7 .board-check{background:var(--dark-panel);padding:14px 15px;border-left:4px solid var(--accent-2)}
.home-v7 .board-check dd{margin-top:4px;font-size:1rem;font-weight:640;color:#fff}
.home-v7 .board-result{margin:18px 0 0;font-size:1.05rem;line-height:1.4;color:#fff}
@media(max-width:1100px){
  .home-v7 .hero{grid-template-columns:minmax(0,1fr);gap:40px;padding-top:calc(68px + 36px)}
  .home-v7 .hero-board{max-width:640px}
}
@media(max-width:900px){
  .home-v7 .hero h1{font-size:clamp(2.5rem,12vw,4.4rem)}
  .home-v7 .hero-lead{max-width:none}
}
@media(max-width:520px){
  .home-v7 .hero{gap:34px;padding-top:calc(68px + 28px);padding-bottom:40px}
  .home-v7 .hero h1{margin-bottom:18px}
  .home-v7 .hero-lead{font-size:1.06rem;margin-bottom:24px}
  .home-v7 .hero-actions,.home-v7 .hero-actions .button{width:100%;justify-content:center}
  .home-v7 .hero-board{margin-right:10px;margin-bottom:10px;box-shadow:8px 8px 0 var(--accent)}
  .home-v7 .board-claim{padding:16px}
  .home-v7 .board-claim dd{font-size:clamp(1.35rem,7vw,1.75rem)}
}

/* ── 02 · PRODUITS — cinq produits phares, composition éditoriale ──────── */
.home-v7 .folio{padding:clamp(56px,8vw,112px) 0 clamp(64px,8vw,120px);background:#fbfaf5;border-bottom:1px solid var(--line)}
.home-v7 .folio-head{margin:0 0 clamp(28px,4vw,40px)}
.home-v7 .folio-head h2{margin:0;max-width:22ch}
.home-v7 .folio-lead{margin:18px 0 0;max-width:760px;color:var(--muted);font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.5}
.home-v7 .folio-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.home-v7 .folio-card{grid-column:span 3;min-width:0;padding:0;background:var(--panel);border:1px solid var(--line)}
.home-v7 .folio-card--flagship{grid-column:span 6}
.home-v7 .folio-hit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:330px;height:100%;
  color:inherit;text-decoration:none}
.home-v7 .folio-card--text .folio-hit{display:block;min-height:0}
.home-v7 .folio-hit:hover h3,.home-v7 .folio-hit:hover .folio-go{color:var(--accent-text)}
.home-v7 .folio-media{display:flex;flex-direction:column;margin:0;min-width:0;background:var(--cream);overflow:hidden}
.home-v7 .folio-media img{flex:1 1 auto;width:100%;height:100%;min-height:0;display:block;object-fit:cover;aspect-ratio:auto}
.home-v7 .folio-media--estimer{background:#eef0f3;justify-content:center}
.home-v7 .folio-media--estimer img{object-fit:contain;object-position:center top}
.home-v7 .folio-media--hopnbar img{object-position:42% 50%;filter:none}
.home-v7 .folio-media figcaption{flex:none;margin:0;padding:9px 12px;color:var(--muted);font-size:.8rem;line-height:1.4;
  background:var(--cream);border-top:1px solid var(--line)}
.home-v7 .folio-surface{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:center;margin:0;padding:22px;
  min-height:240px;background:var(--dark)}
.home-v7 .folio-surface span{background:var(--paper);color:var(--ink);padding:16px;font-weight:700;font-size:1rem;letter-spacing:-.01em}
.home-v7 .folio-copy{min-width:0;padding:22px}
.home-v7 .folio-status{margin:0 0 10px}
.home-v7 .folio-status .status{border:0;padding:0;color:var(--accent-2);font-size:.78rem;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;line-height:1.3}
.home-v7 .folio-copy h3{margin:0 0 12px;font-size:clamp(1.5rem,2.3vw,2.25rem)}
.home-v7 .folio-problem{margin:0 0 14px;max-width:46ch;color:var(--body-2);font-size:clamp(1rem,1.08vw,1.06rem);line-height:1.5}
.home-v7 .folio-note{margin:0 0 12px;max-width:46ch;color:var(--muted);font-size:.86rem;line-height:1.45}
.home-v7 .folio-go{margin:0;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700;font-size:.95rem;
  text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.18em}
.home-v7 .folio-all{margin:18px 0 0}
@media(max-width:900px){
  .home-v7 .folio-grid{grid-template-columns:minmax(0,1fr)}
  .home-v7 .folio-card,.home-v7 .folio-card--flagship{grid-column:auto}
  .home-v7 .folio-hit{grid-template-columns:minmax(0,1fr);min-height:0}
  .home-v7 .folio-media{min-height:220px}
  .home-v7 .folio-media img{height:auto;aspect-ratio:16/10}
  .home-v7 .folio-media--estimer img{aspect-ratio:1440/900}
  .home-v7 .folio-surface{min-height:200px}
}
@media(max-width:520px){
  .home-v7 .folio-copy,.home-v7 .folio-surface{padding:18px}
  .home-v7 .folio-all .button{width:100%;justify-content:center}
}

/* ── 03 · CE QUI LES RELIE — réflexes, exemple, cinq principes, règles ──── */
.home-v7 .thread{padding:clamp(70px,10vw,132px) 0;background:var(--paper);border-bottom:1px solid var(--line)}
.home-v7 .thread-head{margin:0 0 34px}
.home-v7 .thread-head h2{margin:0;max-width:22ch}
.home-v7 .thread-lead{margin:18px 0 0;max-width:760px;color:var(--muted);font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.5}
.home-v7 .thread-stage{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:18px;align-items:stretch}
.home-v7 .thread-core{background:var(--dark);color:var(--paper);padding:28px;min-width:0}
.home-v7 .thread-core-label,.home-v7 .thread-example-label{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;line-height:1.3;color:#ccbfa9}
.home-v7 .thread-core-words{margin:18px 0 0;font-size:clamp(1.8rem,3.2vw,3.2rem);line-height:1;font-weight:700;letter-spacing:-.04em;
  overflow-wrap:anywhere}
.home-v7 .thread-example{background:var(--panel);border:1px solid var(--line);padding:28px;min-width:0}
.home-v7 .thread-example-label{color:var(--accent-2)}
.home-v7 .thread-example h3{margin:12px 0 10px;font-size:clamp(1.35rem,2.3vw,2.25rem)}
.home-v7 .thread-example p{margin:0;max-width:60ch;color:var(--body-2);font-size:1.02rem;line-height:1.5}
.home-v7 .thread-principles{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.home-v7 .thread-principles li{padding:16px;min-height:92px;background:var(--panel);border:1px solid var(--line);
  font-weight:640;font-size:1rem;line-height:1.4;letter-spacing:-.01em}
.home-v7 .thread-tool{margin:24px 0 0;max-width:60ch;color:var(--muted);font-size:.95rem;line-height:1.5}
.home-v7 .rules-disclosure{margin:22px 0 0;border-top:1px solid var(--line);scroll-margin-top:132px}
.home-v7 .rules-disclosure summary{display:inline-flex;align-items:center;gap:12px;min-height:52px;
  cursor:pointer;list-style:none;font-size:.95rem;font-weight:640;color:var(--ink)}
.home-v7 .rules-disclosure summary::-webkit-details-marker{display:none}
.home-v7 .rules-disclosure summary::before{content:"+";display:inline-grid;place-items:center;width:22px;height:22px;
  border:1px solid var(--line);font-size:.9rem;line-height:1;color:var(--muted)}
.home-v7 .rules-disclosure[open] summary::before{content:"–"}
.home-v7 .rules-disclosure summary:hover{color:var(--accent-text)}
.home-v7 .rules-list{margin:6px 0 0;padding:0 0 0 1.6em;columns:2;column-gap:clamp(24px,4vw,64px);
  color:var(--body-2);font-size:.96rem;line-height:1.5}
.home-v7 .rules-list li{break-inside:avoid;padding:6px 0 8px}
.home-v7 .rules-list li::marker{color:var(--muted);font-variant-numeric:tabular-nums}
@media(max-width:1100px){.home-v7 .thread-principles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
  .home-v7 .thread-stage{grid-template-columns:minmax(0,1fr)}
  .home-v7 .rules-list{columns:1}
}
@media(max-width:820px){.home-v7 .rules-disclosure{scroll-margin-top:120px}}
@media(max-width:520px){
  .home-v7 .thread-principles{grid-template-columns:minmax(0,1fr)}
  .home-v7 .thread-principles li{min-height:0}
  .home-v7 .thread-core,.home-v7 .thread-example{padding:18px}
}

/* ── 04 · DERRIÈRE OXANN — portrait à gauche, parole à droite, sans carte ── */
.home-v7 .founder{padding:clamp(70px,10vw,132px) 0;background:var(--paper);border-bottom:1px solid var(--line)}
.home-v7 .founder-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:clamp(28px,7vw,90px);align-items:center}
.home-v7 .founder-portrait{margin:0;min-width:0;max-width:330px}
.home-v7 .founder-portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 26%;
  filter:none;border:1px solid var(--line);background:var(--cream)}
.home-v7 .founder-portrait figcaption{margin:12px 0 0;color:var(--muted);font-size:.86rem;line-height:1.45}
.home-v7 .founder-copy{min-width:0}
.home-v7 .founder-copy h2{margin:0 0 22px;max-width:20ch;font-size:clamp(2rem,4.2vw,4.4rem);line-height:.98}
.home-v7 .founder-copy p{margin:0 0 14px;max-width:820px;color:#3f382f;font-size:clamp(1.02rem,1.3vw,1.22rem);line-height:1.55}
.home-v7 .founder-copy p.founder-key{color:var(--ink);font-weight:700}
.home-v7 .founder-signatures{margin:34px 0 0;padding-top:20px;border-top:1px solid var(--line);max-width:620px}
.home-v7 .founder-copy p.founder-sign{margin:0;color:var(--ink);font-size:clamp(1.05rem,1.3vw,1.2rem);font-weight:640;line-height:1.35}
.home-v7 .founder-sign span{display:block}
.home-v7 .founder-copy p.founder-aside{margin:14px 0 6px;color:var(--muted);font-size:.95rem;line-height:1.5}
.home-v7 .founder-copy p.founder-sign--last{font-size:clamp(1rem,1.2vw,1.12rem);font-weight:600}
@media(max-width:900px){
  .home-v7 .founder-grid{grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
  .home-v7 .founder-portrait{max-width:min(100%,360px)}
}

/* ── 05 · ET MAINTENANT ? — fin sombre, un seul Assistant, réel ─────────── */
.home-v7 .talk{min-height:0;display:block;padding:clamp(70px,10vw,132px) 0;background:var(--dark);color:var(--paper);border-top:0}
/* Trois rangées : la parole occupe les deux premières à gauche ; à droite, le
   panneau d’aide (rangée 1) et l’action (rangée 2) restent contigus quelle que
   soit la hauteur du texte. Aucun espacement vertical entre rangées. */
.home-v7 .talk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);grid-template-rows:auto auto auto;
  gap:0 clamp(32px,5vw,64px);align-items:start}
.home-v7 .talk-copy{grid-column:1;grid-row:1/3;min-width:0}
.home-v7 .talk .eyebrow{color:#e9785f}
.home-v7 .talk h2{max-width:14ch;margin:0;color:var(--paper)}
.home-v7 .talk .talk-lead{margin:18px 0 0;max-width:48ch;color:var(--dark-text);font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.5}
.home-v7 .talk-contact{grid-column:1;grid-row:3;display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;margin:32px 0 0;
  color:var(--dark-muted);font-size:.95rem}
.home-v7 .talk-contact a{display:inline-flex;align-items:center;min-height:44px;color:#fff;border-bottom:1px solid currentColor}
/* Panneau de droite : l’aide, la limite, puis l’action réelle (bouton du
   tiroir avec JS ; formulaire canonique en place sans JS). */
.home-v7 .talk-after{grid-column:2;grid-row:1;margin:0;max-width:none;padding:22px 22px 6px;
  background:var(--dark-panel);border:1px solid var(--dark-line);border-bottom:0}
.home-v7 .talk-help{margin:0 0 10px;color:#fff;font-size:1.05rem;font-weight:640;line-height:1.4}
.home-v7 .talk-fine{margin:0;color:var(--dark-text);font-size:.88rem;line-height:1.55}
.home-v7 .talk-grid>.talk-open,.home-v7 .talk-grid>.talk-box{grid-column:2;grid-row:2;margin:0;max-width:none;width:auto;
  padding:16px 22px 22px;background:var(--dark-panel);border:1px solid var(--dark-line);border-top:0}
.home-v7 .talk .button.primary{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.home-v7 .talk-open .button{width:100%;justify-content:center}
/* Sans JavaScript, le formulaire reste ici : il doit se lire sur fond sombre. */
.home-v7 .talk .talk-box{border-top:0;padding-top:16px}
.home-v7 .talk .talk-box label{color:#fff;font-size:1rem;font-weight:640;line-height:1.35}
.home-v7 .talk .talk-box .smart-bot-example{border-color:var(--dark-line);color:var(--dark-text);font-size:.86rem;min-height:44px}
.home-v7 .talk .talk-box .smart-bot-example:hover,.home-v7 .talk .talk-box .smart-bot-example:focus-visible{border-color:#fff;color:#fff}
.home-v7 .talk .talk-box textarea{border:1px solid #665d50;background:#1d1b17;color:#fff;padding:14px;margin-top:14px;
  font-size:1.05rem;line-height:1.45;min-height:150px}
.home-v7 .talk .talk-box textarea::placeholder{color:#9a9080;opacity:1}
.home-v7 .talk .talk-box textarea:focus{border-color:var(--accent)}
.home-v7 .talk .talk-note{color:var(--dark-muted)}
.home-v7 .talk .confident-result{border-top-color:var(--dark-line);background:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.home-v7 .talk .confident-result p,.home-v7 .talk .confident-kicker,.home-v7 .talk .callback-field label,
.home-v7 .talk .callback-consent,.home-v7 .talk .callback-status,.home-v7 .talk .callback-attr-note{color:var(--dark-text)}
.home-v7 .talk .callback-field input{background:#1d1b17;border-color:#665d50;color:#fff}
@media(max-width:900px){
  .home-v7 .talk-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .home-v7 .talk-copy{order:1}
  .home-v7 .talk-after{order:2;margin-top:28px}
  .home-v7 .talk-grid>.talk-open,.home-v7 .talk-grid>.talk-box{order:3}
  .home-v7 .talk-contact{order:4;margin-top:24px}
}

/* ── PIED DE PAGE ──────────────────────────────────────────────────────── */
.home-v7 .site-foot{padding:24px var(--gutter);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;
  justify-content:space-between;gap:12px 18px;color:var(--muted);font-size:.9rem;background:var(--paper)}
.home-v7 .site-foot strong{color:var(--ink);font-weight:760;letter-spacing:.02em}
.home-v7 .site-foot a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink)}

@media(prefers-reduced-motion:reduce){
  .home-v7 .folio-hit,.home-v7 .rules-disclosure summary{transition:none}
}

/* Catalogue /work/ — même lecture que la Home, sans grille preuve. */
.work-catalog .work-index-hero h1{max-width:16ch;font-size:clamp(2rem,4vw,3.4rem);line-height:1.04}
.work-catalog .work-index-hero{padding:12px 0 clamp(28px,4vw,48px)}
.work-catalog .work-cases{padding:clamp(8px,1.5vw,24px) 0 0}
.work-catalog .work-case{padding:32px 0}
.work-catalog .work-index-cta h2{max-width:18ch;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.08}
.work-catalog .work-case-surface{background:var(--soft);color:var(--ink);border:1px solid var(--line)}
.work-catalog .work-case-surface span:last-child{color:var(--muted)}
.work-catalog .work-case-media.hopnbar img{filter:none;object-fit:cover;object-position:62% 50%}
.work-catalog .work-case-media.estimer img{object-fit:contain;object-position:center top;background:#eef0f3}
.work-catalog .work-case-kicker{margin:0 0 8px;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.work-catalog .work-case-media figcaption{margin:10px 8px 0;color:var(--muted);font-size:.82rem;line-height:1.45}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}