@font-face{font-family:"General Sans";src:url("/assets/fonts/generalsans-400-3ec2be771c.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"General Sans";src:url("/assets/fonts/generalsans-400i-1c91e1d3ae.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"General Sans";src:url("/assets/fonts/generalsans-500-c30377df1d.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"General Sans";src:url("/assets/fonts/generalsans-500i-ffe0560de4.woff2") format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"General Sans";src:url("/assets/fonts/generalsans-600-94a2a0e1ef.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}/* ================================================================== STUDIO PRAVA — PROPOSITION 2 · DIRECTION ÉDITORIALE Charte validée:ivoire #EDE7DD · aubergine #2E1726 · camel #C9A87F Blue Mirage (titres,ls .015em) · General Sans (corps) ================================================================== */:root{--accent:#C9A87F;/* Camel validé */ --accent-deep:#B08F63;--on-accent-label:#4A3820;--aubergine:#2E1726;--aubergine-2:#241220;/* fond profond footer/CTA */ --ivoire:#EDE7DD;--ivoire-2:#E5DDCE;--ink-2:#5A4252;--line:rgba(46,23,38,.14);--line-strong:rgba(46,23,38,.3);--line-iv:rgba(237,231,221,.18);--line-iv-strong:rgba(237,231,221,.34);--serif:"Blue Mirage","Hoefler Text",Georgia,serif;--sans:"General Sans","Helvetica Neue",Arial,sans-serif;--maxw:1360px;--pad:clamp(1.25rem,5vw,4.5rem)}@font-face{font-family:"Blue Mirage";src:url("/assets/fonts/bluemirage-5355d00eb7.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Blue Mirage";src:url("/assets/fonts/bluemirage-d48291157a.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);font-weight:400;background:var(--ivoire);color:var(--aubergine);line-height:1.6;font-size:16.5px;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:var(--aubergine)}/* Grain de papier:texture globale très discrète */ body::before{content:"";position:fixed;inset:0;z-index:120;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}h1,h2,h3,.serif{font-family:var(--serif);font-weight:400;letter-spacing:.015em;line-height:1.06}em,.it{font-style:italic}/* ---------- utilitaires éditoriaux ---------- */ .kicker{display:inline-flex;align-items:center;gap:.75rem;font-size:.82rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase}.kicker::before{content:"";width:2.4rem;height:1px;background:var(--aubergine)}.dot{color:var(--accent)}.lnk{display:inline-flex;align-items:center;gap:.55rem;font-size:1.08rem;font-weight:500;padding-block:.25rem;border-bottom:1px solid var(--line-strong);transition:border-color .3s,gap .3s}.lnk:hover{border-color:var(--accent);gap:.9rem}.lnk .ar{color:var(--accent);transition:transform .3s}.lnk:hover .ar{transform:translateX(2px)}.btn{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--sans);font-size:1.02rem;font-weight:500;background:var(--accent);color:var(--aubergine);padding:.78em 1.5em;border-radius:2px;border:1px solid var(--accent);transition:background .3s,color .3s,border-color .3s}.btn:hover{background:var(--aubergine);color:var(--ivoire);border-color:var(--aubergine)}.btn--ghost{background:transparent;color:var(--aubergine);border-color:var(--line-strong)}.btn--ghost:hover{background:var(--aubergine);color:var(--ivoire);border-color:var(--aubergine)}.btn--iv{background:var(--accent);border-color:var(--accent)}.btn--iv:hover{background:var(--ivoire);color:var(--aubergine);border-color:var(--ivoire)}/* Numéros de section monumentaux,en contour */ .folio{font-family:var(--serif);font-style:italic;line-height:.8;font-size:clamp(2.8rem,5.5vw,5rem);color:transparent;-webkit-text-stroke:1px rgba(46,23,38,.32);user-select:none}.deep .folio{-webkit-text-stroke-color:rgba(237,231,221,.28)}/* Révélations au scroll */ .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}.reveal.in{opacity:1;transform:none}/* Révélation par « rideau » des lignes du hero */ .line-mask{display:block;overflow:hidden}.line-mask>span{display:block;transform:translateY(110%);animation:riseUp 1s cubic-bezier(.19,1,.22,1) forwards}@keyframes riseUp{to{transform:none}}.fade-in{opacity:0;animation:fadeIn 1s ease forwards}@keyframes fadeIn{to{opacity:1}}/* ================================================================ HEADER ================================================================ */ header{position:fixed;inset-inline:0;top:0;z-index:100;transition:background .35s,box-shadow .35s,padding .35s}header .wrap{display:flex;align-items:center;justify-content:space-between;padding-block:1.3rem;transition:padding .35s}header.scrolled{background:rgba(237,231,221,.92);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line)}header.scrolled .wrap{padding-block:.85rem}/* 🚨 Sur mobile,l'en-tête DÉFILE avec la page (demande Lucie,21/07/2026:il restait dans le champ de vision). `absolute` et non `static`:il recouvre toujours le haut de page,les paddings de compensation des pages restent donc justes,mais il part au défilement. Le fond « scrolled » devient inutile puisqu'il n'est plus visible une fois la page défilée. */ @media(max-width:560px){header{position:absolute}header.scrolled{background:transparent;backdrop-filter:none;box-shadow:none}}.brand img{height:42px;width:auto}nav{display:flex;align-items:center;gap:2.2rem}.nav-links{display:flex;align-items:center;gap:2.2rem}.nav-links a{font-size:1rem;font-weight:500;position:relative;padding-block:.2rem}.nav-links a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}.nav-links a:hover::after{transform:scaleX(1)}/* menu compact (desktop étroit + mobile) */ .nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:46px;height:42px;padding:9px 10px;background:transparent;border:1px solid var(--line-strong);border-radius:3px;cursor:pointer}.nav-toggle span{display:block;height:1.5px;width:100%;background:var(--aubergine);transition:transform .3s,opacity .3s}.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav-panel{position:absolute;top:100%;right:var(--pad);margin-top:.6rem;min-width:280px;display:flex;flex-direction:column;gap:.15rem;background:var(--ivoire);border:1px solid var(--line);border-radius:7px;box-shadow:0 30px 60px -28px rgba(46,23,38,.42);padding:.7rem}.nav-panel[hidden]{display:none}.nav-panel a:not(.btn){font-size:1rem;font-weight:500;padding:.75rem .9rem;border-radius:4px;transition:background .2s}.nav-panel a:not(.btn):hover{background:var(--ivoire-2)}.nav-panel .btn{margin-top:.5rem;justify-content:center}@media(min-width:561px){.nav-panel .btn{display:none}}@media(max-width:1200px){.nav-links{display:none}.nav-toggle{display:flex}}@media(max-width:560px){.nav-contact{display:none}}/* ================================================================ HERO — couverture de revue ================================================================ */ .hero{position:relative;padding-top:clamp(7.5rem,16vh,11rem);padding-bottom:0;overflow:hidden}/* halo camel très doux */ .hero::before{content:"";position:absolute;width:56vw;height:56vw;right:-16vw;top:-18vw;background:radial-gradient(closest-side,rgba(201,168,127,.24),transparent 70%);pointer-events:none}.hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(2rem,4vw,4rem);align-items:start}@media(max-width:980px){.hero__grid{grid-template-columns:1fr}}.hero__title{font-size:clamp(2rem,3.8vw,3.55rem);line-height:1.08;margin-top:1.6rem}.hero__title .it{color:var(--accent-deep)}.hero__sub{margin-top:1.8rem;max-width:44ch;color:var(--ink-2);font-size:1.16rem}.hero__cta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2.4rem}/* mise en avant d'un projet unique — cadre façon édition d'art */ .hero__art{position:relative;margin-top:clamp(2.2rem,4vw,3.8rem)}@media(max-width:980px){.hero__art{margin-top:1.5rem}}.hero__showcase{position:relative;margin:0;width:100%;margin-left:auto}@media(max-width:980px){.hero__showcase{width:100%}}.hero__frame2{position:absolute;z-index:0;inset:2rem -1.7rem -1.7rem 2rem;border:1px solid var(--accent);border-radius:9px}.hero__mat{position:relative;z-index:2;background:var(--ivoire);padding:.7rem;border:1px solid var(--line);border-radius:9px;box-shadow:0 46px 84px -40px rgba(46,23,38,.52)}.hero__badge{position:absolute;z-index:3;top:1.5rem;left:1.5rem;background:var(--aubergine);color:var(--ivoire);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;padding:.5rem .95rem;border-radius:2px}.hero__screen{border-radius:5px;overflow:hidden;border:1px solid var(--line)}.hero__screen img{display:block;width:100%;aspect-ratio:16/10.6;object-fit:cover;object-position:top}.hero__cap{position:relative;z-index:2;margin-top:1.5rem;display:flex;flex-direction:column;gap:.2rem;text-align:right}.hero__cap-name{font-family:var(--serif);font-style:italic;font-size:1.2rem}.hero__cap-meta{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}/* colophon:réassurance façon ours de revue */ .colophon{margin-top:clamp(9.5rem,18vh,14rem);border-top:1px solid var(--line-strong)}.colophon__grid{display:grid;grid-template-columns:repeat(3,1fr)}@media(max-width:760px){.colophon__grid{grid-template-columns:1fr}}.stat{padding:2rem clamp(1rem,2.5vw,2.5rem) 2.4rem;border-right:1px solid var(--line);display:flex;align-items:center;gap:1.1rem}.stat:last-child{border-right:0}@media(max-width:760px){.stat{border-right:0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}}.stat__n{font-family:var(--serif);font-size:clamp(2.6rem,4.5vw,3.8rem);line-height:1;flex:0 0 auto}.stat__l{font-size:1.12rem;color:var(--ink-2);line-height:1.45;flex:1 1 auto;min-width:0}/* ================================================================ BANDE DÉFILANTE — sobre,lente ================================================================ */ .marquee{background:var(--aubergine);color:var(--ivoire);overflow:hidden;padding-block:1.05rem;position:relative}.marquee__track{display:flex;gap:0;width:max-content;animation:slide 100s linear infinite}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__seq{display:flex;align-items:center;white-space:nowrap}.marquee__seq span{font-family:var(--serif);font-style:italic;font-size:1.32rem;letter-spacing:.02em;padding-inline:1.6rem}.marquee__seq i{font-style:normal;color:var(--accent);font-size:.7rem}@keyframes slide{to{transform:translateX(-50%)}}/* ================================================================ SECTIONS ÉDITORIALES ================================================================ */ section{padding-block:clamp(5.5rem,12vh,10rem)}#conception{padding-top:clamp(7rem,14vh,11.5rem);padding-bottom:clamp(7.5rem,15vh,13rem)}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line-strong);padding-bottom:1.2rem;margin-bottom:clamp(2.5rem,5vh,4rem)}.sec-label{font-size:.82rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase}/* --- 01 Conception:split à lettrine --- */ .split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:start}@media(max-width:860px){.split{grid-template-columns:1fr}}.split__title{font-size:clamp(2rem,3.6vw,3.3rem);max-width:16ch}.split__title .it{color:var(--accent-deep)}.split__aud{font-family:var(--serif);font-style:italic;letter-spacing:.015em;font-size:clamp(1.45rem,2.2vw,1.72rem);line-height:1.4;color:var(--accent-deep);margin-top:1.4rem;max-width:34ch}.lede{color:var(--ink-2);font-size:1.2rem}.lede::first-letter{font-family:var(--serif);float:left;font-size:3.3em;line-height:.86;padding-right:.14em;color:var(--aubergine)}.split__r p{color:var(--ink-2);font-size:1.2rem}.split__r p + p{margin-top:1.1em}.split__r .lnk,.split__r .btn{margin-top:2rem}/* --- Santé:chapelle aubergine --- */ .deep{background:var(--aubergine);color:var(--ivoire);position:relative;overflow:hidden;padding-block:clamp(5.5rem,12vh,10rem)}.deep::before{content:"";position:absolute;width:46vw;height:46vw;left:-14vw;bottom:-20vw;background:radial-gradient(closest-side,rgba(201,168,127,.16),transparent 70%);pointer-events:none}.deep .kicker{color:var(--accent)}.deep .kicker::before{background:var(--accent)}.deep__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(2rem,5vw,5rem);align-items:center}@media(max-width:860px){.deep__head{grid-template-columns:1fr}}.deep__title{font-size:clamp(2.4rem,5vw,4.6rem);margin-top:1.4rem;max-width:15ch}.deep__title .it{color:var(--accent)}.deep__intro{max-width:50ch;margin-top:1.6rem;color:rgba(237,231,221,.78);font-size:1.16rem}.deep__grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(3.5rem,7vh,5rem)}.deep__cta{margin-top:clamp(1.6rem,3vh,2.4rem)}@media(max-width:860px){.deep__grid{grid-template-columns:1fr}}.enjeu{padding:2.6rem clamp(1.6rem,2.6vw,2.6rem) 2.8rem;border-right:1px solid var(--line-iv);position:relative}.enjeu:first-child{padding-left:0}.enjeu:last-child{border-right:0;padding-right:0}@media(max-width:860px){.enjeu{border-right:0;border-bottom:1px solid var(--line-iv);padding-inline:0}.enjeu:last-child{border-bottom:0}}.enjeu__n{font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--accent);display:block;margin-bottom:1.2rem}.enjeu h3{font-size:1.6rem;margin-bottom:.7rem}.enjeu p{font-size:1.1rem;color:rgba(237,231,221,.72)}.deep .lnk{border-color:var(--line-iv-strong);margin-top:3rem;color:var(--ivoire)}.deep .lnk:hover{border-color:var(--accent)}.deep__shot{position:relative;width:clamp(300px,34vw,490px);margin:0}.deep__shot::after{content:"";position:absolute;z-index:0;inset:.9rem -.9rem -.9rem .9rem;border:1px solid var(--accent);border-radius:6px}.deep__shot img{position:relative;z-index:1;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border:1px solid var(--line-iv);border-radius:6px;box-shadow:0 30px 60px -28px rgba(0,0,0,.55)}.deep__shot figcaption{position:relative;z-index:1;margin-top:1.4rem;text-align:right;font-family:var(--serif);font-style:italic;font-size:.95rem;color:rgba(237,231,221,.75)}@media(max-width:860px){.deep__shot{margin-top:2.2rem}}/* --- 02 Réalisations:collage éditorial --- */ .work__head{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-bottom:clamp(2.5rem,5vh,4rem)}.work__title{font-size:clamp(2rem,3.6vw,3.3rem);max-width:30ch}.work__title .it{color:var(--accent-deep)}.plate{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1rem,2.4vw,2rem);align-items:end}.plate + .plate{margin-top:clamp(2.5rem,5vh,4.5rem)}.piece{position:relative}.piece a{display:block}.piece__img{overflow:hidden;border:1px solid var(--line);border-radius:5px;background:var(--ivoire-2)}.piece__img img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s cubic-bezier(.22,.61,.36,1)}.piece a:hover .piece__img img{transform:scale(1.035)}.piece__cap{display:flex;align-items:baseline;gap:.8rem;margin-top:.9rem}.piece__no{font-family:var(--serif);font-style:italic;font-size:.85rem;color:var(--accent-deep);white-space:nowrap}.piece__name{font-family:var(--serif);font-size:1.12rem}.piece__sector{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin-left:auto;text-align:right}@media(max-width:860px){.piece__sector{display:none}}/* placements asymétriques */ .p-a{grid-column:1/8}.p-a .piece__img{aspect-ratio:16/10}.p-b{grid-column:8/13;margin-bottom:clamp(2rem,6vh,5rem)}.p-b .piece__img{aspect-ratio:4/3.4}.p-c{grid-column:1/6;margin-top:-1.9rem}.p-c .piece__img{aspect-ratio:4/3.4}.p-d{grid-column:6/13;margin-top:-1.2rem}.p-d .piece__img{aspect-ratio:16/9}.p-e{grid-column:1/8}.p-e .piece__img{aspect-ratio:16/10}.p-f{grid-column:8/13;align-self:end}@media(max-width:860px){.plate{grid-template-columns:1fr}.p-a,.p-b,.p-c,.p-d,.p-e,.p-f{grid-column:1/-1;margin:0}}.plate__note{color:var(--ink-2);font-size:1.1rem;max-width:30ch;padding-bottom:.5rem}/* --- 03 Méthode:sommaire de revue --- */ .methode{background:var(--ivoire-2)}.method__title{font-size:clamp(2rem,3.6vw,3.3rem);max-width:26ch;margin-bottom:clamp(2.5rem,5vh,4rem)}/* --- 03 Prestations:l'orbite du site --- */ .presta__title{font-size:clamp(2rem,3.6vw,3.3rem);max-width:24ch}.presta__title .it{color:var(--accent-deep)}.presta__lede{color:var(--ink-2);font-size:1.2rem;max-width:62ch;margin-top:1.4rem}.presta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-strong);border:1px solid var(--line-strong);margin-top:clamp(3rem,6vh,4.5rem)}@media(max-width:820px){.presta{grid-template-columns:1fr}}.presta__cell{background:var(--ivoire);padding:clamp(1.7rem,2.6vw,2.4rem)}.presta__cell h3{font-size:1.4rem;margin-bottom:.7rem}.presta__cell p{color:var(--ink-2);font-size:1.05rem}.presta__cell--accent{background:var(--aubergine);color:var(--ivoire)}.presta__cell--accent .kicker{color:var(--accent);margin-bottom:1.1rem;font-size:.8rem}.presta__cell--accent .kicker::before{background:var(--accent)}.presta__cell--accent p{color:rgba(237,231,221,.82)}.presta__head{display:flex;justify-content:space-between;align-items:center;gap:clamp(2rem,4vw,4rem);flex-wrap:wrap}.presta__intro{flex:1 1 420px}.presta__cta{flex:0 0 auto}.method__title .it{color:var(--accent-deep)}.toc{border-top:1px solid var(--line-strong)}.toc__row{display:grid;grid-template-columns:minmax(4.5rem,7rem) minmax(0,.9fr) minmax(0,1.4fr);gap:clamp(1rem,3vw,3rem);align-items:center;padding-block:clamp(1.4rem,3vh,2.2rem);border-bottom:1px solid var(--line);position:relative;transition:background .35s,padding-left .35s}.toc__row:hover{background:rgba(201,168,127,.12);padding-left:.8rem}@media(max-width:760px){.toc__row{grid-template-columns:3.4rem 1fr}.toc__d{grid-column:2}}.toc__n{font-family:var(--serif);font-style:italic;line-height:1;font-size:clamp(2.2rem,4.5vw,3.6rem);color:transparent;-webkit-text-stroke:1px rgba(46,23,38,.4);transition:color .35s}.toc__row:hover .toc__n{color:var(--accent);-webkit-text-stroke-color:var(--accent)}.toc__t{font-family:var(--serif);font-size:clamp(1.4rem,2.4vw,2rem)}.toc__d{color:var(--ink-2);font-size:1.12rem;max-width:52ch}/* --- Pourquoi:pull-quote camel --- */ .statement{background:var(--accent);color:var(--aubergine);position:relative;overflow:hidden}.statement .guill{position:absolute;top:-4rem;left:2rem;font-family:var(--serif);font-style:italic;font-size:22rem;line-height:1;color:rgba(46,23,38,.08);user-select:none;pointer-events:none}.statement__in{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.5fr);gap:2.5rem;align-items:center}.statement .side{display:flex;justify-content:flex-end}@media(max-width:860px){.statement__in{grid-template-columns:1fr}}.statement blockquote{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.25;letter-spacing:.015em;max-width:30ch}.statement blockquote .it{font-style:italic}.btn--st{background:var(--aubergine);border-color:var(--aubergine);color:var(--ivoire);font-size:1.02rem;padding:.95em 1.7em}.btn--st .ar{color:var(--accent);transition:transform .3s}.btn--st:hover{background:var(--ivoire);border-color:var(--ivoire);color:var(--aubergine)}.btn--st:hover .ar{color:var(--aubergine);transform:translateX(3px)}/* --- CTA final + footer fusionnés --- */ .final{background:var(--aubergine-2);color:var(--ivoire);text-align:center;padding-block:clamp(6rem,14vh,10rem) clamp(5rem,10vh,7rem);position:relative;overflow:hidden}.final::before{content:"";position:absolute;width:60vw;height:60vw;left:50%;top:-30vw;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(201,168,127,.13),transparent 70%);pointer-events:none}.final__t{font-size:clamp(2.6rem,6vw,5rem);position:relative}.final__t .it{color:var(--accent)}.final__s{color:rgba(237,231,221,.7);margin-top:1.4rem;position:relative;font-size:1.16rem}.final .btn{margin-top:2.6rem;font-size:1rem;padding:.95em 1.7em;position:relative}footer{background:var(--aubergine-2);color:var(--ivoire);border-top:1px solid var(--line-iv)}.foot__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);padding-block:clamp(3.5rem,7vh,5rem)}@media(max-width:860px){.foot__grid{grid-template-columns:1fr}}.foot__logo img{height:46px;width:auto}.foot__tag{color:rgba(237,231,221,.65);font-size:1.06rem;margin-top:1.2rem;max-width:38ch}.foot__col h4{font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:var(--accent);margin-bottom:1.2rem}.foot__col ul{list-style:none}.foot__col li{margin-bottom:.55rem}.foot__col a{font-size:1.06rem;color:rgba(237,231,221,.82);transition:color .25s}.foot__col a:hover{color:var(--accent)}.foot__bar{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--line-iv);padding-block:1.4rem;font-size:.9rem;color:rgba(237,231,221,.55)}.foot__bar a{margin-left:1.2rem;transition:color .25s}.foot__bar a:hover{color:var(--accent)}/* Badge de planche (aide à l'arbitrage,ne fait pas partie du design) */ .plancheTag{position:fixed;left:1rem;bottom:1rem;z-index:130;background:var(--aubergine);color:var(--ivoire);font-size:.7rem;letter-spacing:.08em;padding:.55rem .85rem;border-radius:100px;opacity:.85}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal,.line-mask>span{opacity:1;transform:none}}/* ---------- Bannière de consentement ------------------------------------ */ .ck{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:var(--aubergine);color:var(--ivoire);border-top:1px solid var(--accent-deep);box-shadow:0 -18px 40px -30px rgba(46,23,38,.9);transform:translateY(100%);transition:transform .45s cubic-bezier(.4,0,.2,1)}.ck.is-on{transform:translateY(0)}.ck[hidden]{display:none}.ck__in{max-width:var(--maxw);margin-inline:auto;padding:clamp(1.1rem,2.6vh,1.6rem) var(--pad);display:flex;align-items:center;gap:clamp(1.2rem,3vw,3rem);flex-wrap:wrap}.ck__txt{flex:1 1 26rem;min-width:0}.ck__t{font-family:var(--serif);font-size:1.12rem;line-height:1.3;margin:0 0 .35rem}.ck__p{font-size:.93rem;line-height:1.6;color:#F0E9DF;margin:0;max-width:68ch}.ck__p a{color:var(--accent);text-decoration:underline;text-underline-offset:.18em}.ck__p a:hover{color:#FFFFFF}/* 🚨 Les deux boutons sont STRICTEMENT identiques en taille,en police et en mise en évidence. Un « accepter » plus visible que « refuser » biaiserait le choix,ce que la CNIL sanctionne explicitement. */ .ck__btns{display:flex;gap:.7rem;flex:0 0 auto;flex-wrap:wrap}.ck__b{font-family:var(--sans);font-size:.95rem;font-weight:500;line-height:1;padding:.82rem 1.5rem;min-width:11rem;text-align:center;border:1px solid var(--accent);background:transparent;color:var(--ivoire);cursor:pointer;transition:background .25s,color .25s}.ck__b:hover{background:var(--accent);color:var(--aubergine)}.ck__b:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:620px){.ck__btns{width:100%}.ck__b{flex:1 1 auto;min-width:0}}/* Le lien de retrait,présent dans le pied de page de chaque page. */ .ck__lien{background:none;border:0;padding:0;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;text-decoration:underline;text-underline-offset:.2em}.ck__lien:hover{color:var(--accent)}