/* LAC VISION — étude de cas Au fil de l’eau */
:root{--af-dark:#102526;--af-cadet:#5a6868;--af-green:#00521f;--af-ming:#457373;--af-gold:#ddb247;--af-bole:#7c4935;--af-soft:#f5f4ef;--af-white:#fff;--af-line:#dcded8;--af-ink:#14201f;--af-muted:#62706c}.af-case{background:var(--af-white);color:var(--af-ink)}.af-case img{display:block;max-width:100%}.af-kicker{margin:0 0 16px;color:var(--af-bole);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.af-hero{position:relative;min-height:clamp(680px,84vh,920px);display:grid;align-items:end;overflow:hidden;background:var(--af-dark);color:#fff}.af-hero-media,.af-hero-media img,.af-hero-shade{position:absolute;inset:0;width:100%;height:100%}.af-hero-media img{object-fit:cover;object-position:center}.af-hero-shade{background:linear-gradient(90deg,rgba(16,37,38,.82) 0%,rgba(16,37,38,.58) 36%,rgba(16,37,38,.12) 72%,rgba(16,37,38,0) 100%),linear-gradient(0deg,rgba(16,37,38,.76) 0%,rgba(16,37,38,0) 66%)}.af-hero-content{position:relative;z-index:2;padding-bottom:clamp(56px,7vw,96px)}.af-hero .af-kicker,.af-hero h1,.af-hero-lead{color:#fff}.af-hero h1{margin:0;max-width:980px;font-size:clamp(62px,9vw,126px);line-height:.88;letter-spacing:-.06em}.af-hero-lead{max-width:780px;margin:28px 0 0;font-size:clamp(20px,2.2vw,28px);line-height:1.45;color:#f1f5f2}.af-tags{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0;padding:0;list-style:none}.af-tags li{padding:10px 14px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(255,255,255,.08);font-size:13px}.af-section{padding:clamp(74px,9vw,130px) 0}.af-split,.af-heading,.af-cta-card{display:grid;grid-template-columns:.8fr 1.15fr;gap:clamp(40px,7vw,92px)}.af-split h2,.af-heading h2,.af-summary h2,.af-cta h2{margin:0;font-size:clamp(40px,6vw,74px);line-height:1;letter-spacing:-.05em}.af-copy p,.af-heading>p,.af-cta-card>div:first-child>p:not(.af-kicker){color:var(--af-muted);font-size:17px;line-height:1.75}.af-big-copy{margin-top:0;color:var(--af-ink)!important;font-size:clamp(22px,2.5vw,31px)!important;line-height:1.5!important}.af-note{font-size:13px!important;color:#7c8582!important}.af-text-link{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:var(--af-dark);font-weight:800;text-decoration:none;border-bottom:1px solid currentColor;transition:gap .18s ease,color .18s ease}.af-text-link:hover,.af-text-link:focus-visible{gap:12px;color:var(--af-green)}.af-heading{align-items:end;margin-bottom:clamp(38px,6vw,70px)}.af-media{overflow:hidden;margin:0;border-radius:24px;background:#eef0ec}.af-media img{width:100%;height:100%;object-fit:cover}.af-identity{background:var(--af-soft)}.af-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.af-logo-card{aspect-ratio:1/1;padding:26px;background:#fff}.af-logo-card img{object-fit:contain}.af-charter{background:var(--af-dark);color:#fff}.af-heading-light h2,.af-heading-light .af-kicker{color:#fff}.af-heading-light>p{color:#d7e0dc}.af-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.af-palette span{position:relative;display:flex;align-items:flex-end;min-height:180px;padding:16px;border-radius:22px;background:var(--swatch);color:#fff;font-size:12px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.af-charter-copy{max-width:760px;margin-top:34px}.af-charter-copy strong{font-size:clamp(22px,2.4vw,30px)}.af-charter-copy p{color:#d7e0dc;line-height:1.7}.af-brochure{background:#faf9f6}.af-brochure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.af-brochure-grid .af-media{aspect-ratio:1.42/1}.af-paper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.af-card{aspect-ratio:1.5/1}.af-folder{aspect-ratio:1.35/1}.af-qr{grid-column:span 2;display:grid;place-items:center;min-height:440px;background:#fff}.af-qr img{width:min(520px,72%);height:auto;object-fit:contain}.af-summary{padding-top:0}.af-summary-card{padding:clamp(42px,6vw,84px);border-radius:28px;background:linear-gradient(135deg,#102526 0%,#234847 100%);color:#fff}.af-summary-card .af-kicker,.af-summary-card h2{color:#fff}.af-summary-card>p:not(.af-kicker){max-width:840px;color:#e7efeb;font-size:clamp(18px,2vw,24px);line-height:1.6}.af-flow{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:36px}.af-flow span{padding:12px 16px;border:1px solid rgba(255,255,255,.3);border-radius:999px;font-weight:800}.af-flow i{font-style:normal;opacity:.7}.af-cta{padding-top:0}.af-cta-card{align-items:end;padding:clamp(36px,6vw,70px);border:1px solid var(--af-line);border-radius:28px}.af-cta-actions{display:grid;justify-items:start}.af-related{border-top:1px solid var(--af-line)}.af-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.af-related-card{display:flex;flex-direction:column;min-height:420px;padding:14px;border:1px solid var(--af-line);border-radius:20px;color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.af-related-card:hover,.af-related-card:focus-visible{transform:translateY(-5px);border-color:var(--af-ming);box-shadow:0 20px 42px rgba(16,37,38,.11)}.af-related-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px}.af-related-card>span{margin:18px 10px 0;color:var(--af-bole);font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.af-related-card h3{margin:8px 10px 0;font-size:28px}.af-related-card strong{margin:auto 10px 10px;padding-top:20px;color:var(--af-dark)}@media(max-width:1100px){.af-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.af-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.af-split,.af-heading,.af-cta-card{grid-template-columns:1fr}}@media(max-width:720px){.af-hero{min-height:720px}.af-hero h1{font-size:clamp(52px,16vw,86px)}.af-logo-grid,.af-brochure-grid,.af-paper-grid,.af-related-grid{grid-template-columns:1fr}.af-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.af-qr{grid-column:auto}.af-flow i{display:none}}@media(prefers-reduced-motion:reduce){.af-text-link,.af-related-card{transition:none}.af-related-card:hover,.af-related-card:focus-visible{transform:none}}
