/* Refonte bornée : pages secondaires et photographies du carnet. */
.ux-page{background:#eef2f5}.ux-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:64px;align-items:center;padding:52px 0 72px;position:relative;isolation:isolate}.ux-hero:before{content:"";position:absolute;z-index:-1;pointer-events:none;top:0;right:-20px;width:70%;height:650px;background:linear-gradient(90deg,#0f172012 1px,transparent 1px),linear-gradient(#0f172012 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at top right,#000,transparent 72%)}.ux-hero h1{font-size:clamp(48px,5.1vw,72px);line-height:1.03;letter-spacing:-.045em}.ux-hero .highlight{white-space:normal;font-style:italic}.ux-hero .intro{max-width:510px;font-size:18px;margin:28px 0 30px}.ux-caption{font-size:12px;color:#5a6b7a;margin:18px 0 0}.ux-label{display:block;font:10px/1.7 var(--mono);letter-spacing:1.3px;color:#5a6b7a}.ux-hero .ecrin{padding:22px;border-radius:30px;box-shadow:inset 0 0 0 1px white,0 24px 60px #0f17200e}.ux-hero .ecrin>p.ux-label{margin:0 0 18px}.ux-paper{background:#fff;border:1px solid #fff;border-radius:17px;padding:22px 24px;box-shadow:0 7px 20px #0f172006}.ux-paper h3{font-size:25px;margin:9px 0 0;line-height:1.15;letter-spacing:-.025em}.ux-paper p{font-size:13px;line-height:1.65;margin:10px 0 0;color:#33414e}.ux-arrow{text-align:center;font-size:21px;color:#5a6b7a;line-height:30px}.ux-selected{box-shadow:0 0 0 2px #00e5ffad,0 8px 30px #00e5ff12}.ux-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.ux-tags span{font-size:11px;padding:6px 9px;background:#eef2f5;border-radius:6px}.ux-process-top{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}.ux-process-top .ux-paper{padding:20px 16px}.ux-paper dl{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:11px;color:#33414e;margin:15px 0 0}.ux-paper dd{margin:0}.ux-result{display:flex;gap:16px;align-items:center;padding:24px 6px 0}.ux-result>span{font-size:34px}.ux-result strong{font-size:14px;font-weight:500}.ux-result p{font-size:12px;line-height:1.6;margin:4px 0}.ux-exercise{padding:26px 18px}.ux-exercise blockquote{font-family:'Instrument Serif',serif;font-style:italic;font-size:25px;line-height:1.3;margin:12px 0 0}.ux-workshop .ux-caption{text-align:center}.ux-layout{display:block}.ux-jump{border-block:1px solid #0f172019;padding:19px 0}.ux-jump ul{display:flex;flex-wrap:wrap;gap:12px 26px;list-style:none;padding:0;margin:0}.ux-jump a{font-size:12px;color:#33414e}.ux-jump a:hover{text-decoration:underline;text-underline-offset:5px}.ux-content{background:none;padding:0;box-shadow:none}.ux-section{padding:76px 0;border-bottom:1px solid #0f172012}.ux-section>h2{font-size:clamp(32px,3.7vw,48px);max-width:780px;line-height:1.08;margin:0 0 24px}.ux-section>.eyebrow{margin-bottom:18px}.ux-section>p:not(.eyebrow){max-width:780px;color:#33414e;line-height:1.75}.ux-section a:not(.seo-card){text-decoration:underline;text-underline-offset:4px}.ux-section ul{padding:0;list-style:none}.ux-rows{margin:32px 0}.ux-rows li{position:relative;display:grid;grid-template-columns:42px 250px 1fr;align-items:baseline;gap:20px;border-top:1px solid #0f172017;padding:24px 0;line-height:1.65;color:#33414e}.ux-rows strong{font-family:var(--titre);font-size:23px;font-weight:500;line-height:1.2;letter-spacing:-.02em;color:#0f1720}.ux-number{font:11px var(--mono);color:#5a6b7a}.ux-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;counter-reset:etape;margin:36px 0}.ux-steps li{position:relative;border-top:1px solid #c9d3da;padding:28px 12px 28px 54px;font-size:15px;color:#33414e;line-height:1.7}.ux-steps li>.ux-number{position:absolute;left:0;top:29px;border:1px solid #c9d3da;padding:8px;border-radius:50%}.ux-steps strong{display:block;font:500 27px/1.2 var(--titre);color:#0f1720;margin-bottom:12px}.ux-section-deroulement{margin-top:16px;background:rgba(255,255,255,.55);border-radius:28px;border:1px solid white;padding:48px}.ux-deliverables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0}.ux-deliverables li{background:white;padding:28px;border-radius:18px;color:#33414e;line-height:1.7;font-size:15px;box-shadow:0 12px 28px #0f172006}.ux-deliverables .ux-number{display:block;margin-bottom:24px}.ux-takeaway{display:flex;align-items:center;gap:24px;margin-top:32px;padding:26px 30px;border:1px solid #bfcbd3;border-radius:18px}.ux-takeaway>span{font-size:35px}.ux-takeaway p{font:500 25px/1.3 var(--titre);max-width:800px;margin:0;letter-spacing:-.02em}.ux-compact{padding:42px;background:white;border:1px solid white;border-radius:22px;margin:28px 0}.ux-compact>h2{font-size:30px}.ux-compact p{font-size:14px}.ux-section-questions{display:grid;grid-template-columns:.65fr 1fr;gap:0 60px}.ux-section-questions>.eyebrow{grid-column:1/-1}.ux-section-questions .questions{grid-column:2;grid-row:2/span 2}.ux-section-questions summary{font-size:16px;line-height:1.5}.ux-section-questions details p{font-size:14px;color:#33414e;padding-bottom:20px}.ux-territory{margin:0;position:relative}.ux-photo{overflow:hidden;border-radius:15px;background:#e1e7eb}.ux-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s}.ux-territory .ux-photo{height:320px}.ux-territory .ux-photo img{object-position:60% 38%}.ux-place{background:#fff;border-radius:16px;padding:24px;position:relative;margin:-32px 16px 0;box-shadow:0 10px 28px #0f17200c}.ux-place strong{display:block;font:500 35px/1.2 var(--titre);letter-spacing:-.025em;margin-top:7px}.ux-place p{font-size:14px;color:#33414e;margin:10px 0 0}.ux-territory figcaption{font-size:10px;color:#5a6b7a;padding:16px 8px 0;line-height:1.8}.ux-territory figcaption a{text-decoration:underline}.ux-geography{display:grid;grid-template-columns:.8fr 1fr 1.2fr;margin-top:36px;gap:30px}.ux-geography>div{border-top:1px solid #bfcbd3;padding-top:24px}.ux-geography h3{font-size:30px;margin:12px 0}.ux-geography p{font-size:14px;color:#33414e}.ux-communes{border-top:1px solid #c9d3da;padding:8px 0}.ux-communes summary{font:500 24px/1.3 var(--titre);padding:20px 0;cursor:pointer}.ux-communes p{font-size:14px;line-height:1.8;max-width:850px;color:#33414e}.ux-page .seo-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.ux-page .contact{margin-top:70px}.ux-page .contact-inner{padding:54px 30px}.journal-photo{margin:0}.journal-photo .ux-photo{height:240px}.journal-photo img{object-position:50% 45%}.journal-photo figcaption{font-size:10px;color:#5a6b7a;padding:10px 8px 0;line-height:1.7;position:relative;z-index:2}.journal-photo figcaption a{text-decoration:underline}.journal-card:hover .journal-photo img{transform:scale(1.025)}.ux-photo-note{font-size:11px;color:#5a6b7a;margin-top:18px}.ux-page .breadcrumb{font-size:11px}
@media(max-width:1000px){.ux-hero{gap:32px}.ux-hero h1{font-size:52px}.ux-process-top{grid-template-columns:1fr}.ux-rows li{grid-template-columns:32px 200px 1fr;gap:16px}.ux-deliverables{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.ux-hero{grid-template-columns:1fr;padding-top:30px;gap:36px}.ux-hero-copy{max-width:650px}.ux-hero h1{font-size:clamp(42px,8vw,60px)}.ux-hero .ecrin{max-width:600px;width:100%;justify-self:center}.ux-hero:before{height:640px;width:100%;right:0}.ux-process-top{grid-template-columns:1fr 1fr}.ux-section{padding:50px 0}.ux-section-deroulement,.ux-compact{padding:30px 24px}.ux-rows li{grid-template-columns:28px 1fr;gap:12px}.ux-rows li>strong{grid-column:2}.ux-rows li{display:block;padding-left:40px}.ux-rows li .ux-number{position:absolute;left:0;top:29px}.ux-rows strong{display:block;margin-bottom:12px}.ux-section-questions{display:block}.ux-section-questions .questions{margin-top:30px}.ux-geography{grid-template-columns:1fr;gap:16px}.ux-page .seo-cards{grid-template-columns:1fr}.ux-territory .ux-photo{height:280px}.ux-jump ul{gap:14px 22px}.ux-jump a{display:inline-block;padding:5px 0}}
@media(max-width:540px){.ux-hero h1{font-size:45px;line-height:1.04}.ux-hero .intro{font-size:16px}.ux-hero .ecrin{padding:14px;border-radius:24px}.ux-paper{padding:20px}.ux-paper h3{font-size:23px}.ux-steps,.ux-deliverables{grid-template-columns:1fr;gap:0}.ux-deliverables li{margin-bottom:12px;padding:22px}.ux-deliverables .ux-number{margin-bottom:14px}.ux-process-top{grid-template-columns:1fr}.ux-section>h2{font-size:34px}.ux-section-deroulement,.ux-compact{padding:28px 20px}.ux-takeaway{padding:22px;gap:16px}.ux-takeaway p{font-size:22px}.ux-territory .ux-photo{height:220px}.ux-place{margin:-24px 10px 0;padding:22px}.journal-photo .ux-photo{height:200px}.ux-page .contact-inner{padding:36px 18px}.ux-page .contact .button{white-space:normal;text-align:center}.ux-section summary{min-height:48px}.ux-page .breadcrumb{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.ux-photo img{transition:none}.journal-card:hover .journal-photo img{transform:none}}html.motion-paused .ux-photo img{transition:none}

/* Variantes propres à l’atelier et finition des appels à action. */
.ux-formation-ia .ux-section-situations .ux-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.ux-formation-ia .ux-section-situations .ux-rows li{display:block;padding:24px 0}.ux-formation-ia .ux-section-situations .ux-number{display:block;margin-bottom:18px}.ux-formation-ia .ux-section-exercice .ux-deliverables{display:block;border-top:1px solid #c9d3da}.ux-formation-ia .ux-section-exercice li{box-shadow:none;background:transparent;border-bottom:1px solid #c9d3da;border-radius:0;padding:26px 0 26px 55px;position:relative;max-width:100%}.ux-formation-ia .ux-section-exercice li .ux-number{position:absolute;left:0;top:31px}.ux-formation-ia .ux-section-exercice li strong{display:block;font:500 26px/1.2 var(--titre);margin-bottom:12px;color:#0f1720}.ux-page .contact{opacity:1;transform:none}.reduce-motion .journal-card:hover .journal-photo img{transform:none}.ux-page h2[id]{scroll-margin-top:120px}
@media(max-width:800px){.ux-formation-ia .ux-section-situations .ux-rows{grid-template-columns:1fr;gap:0}.ux-formation-ia .ux-section-situations .ux-rows li{padding-left:40px}.ux-formation-ia .ux-section-situations .ux-number{position:absolute;left:0;top:29px}}

.ux-page .ux-section-situations .ux-rows li{font-size:16px}.ux-formation-ia .ux-section-exercice .ux-deliverables strong{font-weight:500}

.ux-conseil-ia .ux-section-livrables .ux-deliverables{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:540px){.ux-conseil-ia .ux-section-livrables .ux-deliverables{grid-template-columns:1fr}}

/* Photo Médoc v2 : préserver la façade et les rangs de vignes. */
.ux-photo img[src*="medoc-pichon-baron"]{object-position:50% 45%}.ux-territory .ux-photo img[src*="medoc-pichon-baron"]{object-position:50% 50%}