/* Mi-K — maquette direction pédagogique (non déployée) */
.ped-teaser{min-height:620px;display:grid;grid-template-columns:58% 42%;background:#092a23;color:#f4f1e9;position:relative;overflow:hidden}.ped-teaser-left{padding:clamp(55px,8vw,140px) clamp(30px,7vw,120px);z-index:2}.ped-kicker,.ped-hero-top,.ped-hero-bottom,.ped-side,.ped-sectionhead span,.ped-card-meta,.ped-press-meta,.ped-disclaimer,.ped-end>span{font-size:11px;letter-spacing:.14em;font-weight:600}.ped-teaser h2{font-size:clamp(50px,6.3vw,108px);line-height:.92;letter-spacing:-.065em;margin:40px 0 28px;font-weight:900}.ped-teaser h2 em,.ped-hero h1 i,.ped-end h2 i{font-style:normal;color:#a3b3a7}.ped-teaser p{max-width:500px;font-size:17px;line-height:1.6}.ped-cta{display:inline-flex;gap:36px;border:1px solid #b9c9c0;padding:16px 20px;margin-top:35px;font-size:11px;letter-spacing:.08em;color:inherit;text-decoration:none}.ped-cta:hover{background:#e9e9df;color:#092a23}.ped-teaser-right{background:linear-gradient(140deg,#163f33,#041912);clip-path:polygon(44% 0,100% 0,100% 100%,0 100%);display:flex;align-items:center;justify-content:center}.ped-watermark{font-size:clamp(70px,10vw,180px);font-weight:900;opacity:.12;transform:rotate(-30deg)}.ped-teaser-caption{position:absolute;right:6%;bottom:9%;font-size:12px;letter-spacing:.12em;line-height:1.6}.ped-outline{position:absolute;font-size:450px;opacity:.08}.ped-page{background:#f1f0e9;color:#0a2a23}.ped-page .nav{z-index:99}.ped-page main{overflow:hidden}.ped-hero{background:#092a23;color:#f2f1e8;min-height:92vh;padding:145px 5.5vw 45px;display:flex;flex-direction:column;justify-content:space-between}.ped-hero-top,.ped-hero-bottom{display:flex;justify-content:space-between;gap:15px}.ped-hero-grid{display:grid;grid-template-columns:1.5fr .65fr;gap:5vw;align-items:end;margin:70px 0}.ped-hero h1{font-size:clamp(65px,9.3vw,170px);font-weight:900;line-height:.88;letter-spacing:-.085em;margin:0}.ped-hero-intro{max-width:380px;font-size:17px;line-height:1.6}.ped-slash{font-size:80px;font-weight:100;line-height:1}.ped-hero-bottom a{color:inherit;text-decoration:none}.ped-manif{display:grid;grid-template-columns:25% 75%;padding:130px 6vw 160px;background:#f1f0e9}.ped-manif h2{font-size:clamp(80px,11vw,190px);line-height:.82;letter-spacing:-.085em;margin:0;font-weight:900}.ped-manif h2 span,.ped-press h2 span{color:#6c9c82}.ped-manif p{max-width:670px;font-size:20px;line-height:1.55;margin:55px 0 0}.ped-projects{padding:115px 5.5vw 145px;background:#e1e6df}.ped-sectionhead{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:60px}.ped-sectionhead h2{font-size:clamp(64px,7.5vw,125px);letter-spacing:-.07em;line-height:.9;margin:24px 0 0;font-weight:900}.ped-sectionhead p{max-width:320px;line-height:1.6;font-size:16px}.ped-project-grid,.ped-press-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ped-project-visual{aspect-ratio:1.3;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.ped-gold{background:#eacb37;color:#131b13;flex-direction:column;transform:none}.ped-gold strong{font-size:clamp(60px,8vw,150px);letter-spacing:-.1em;transform:rotate(-9deg)}.ped-gold small{letter-spacing:.3em}.ped-photo img,.ped-press-portrait img{width:100%;height:100%;object-fit:cover}.ped-typographic{background:#0a2a23;color:#e8eee6;flex-direction:column}.ped-typographic>span{font-size:clamp(100px,13vw,220px);font-weight:900;letter-spacing:-.1em}.ped-dot{color:#9ac5aa}.ped-typographic small{font-size:10px;letter-spacing:.12em}.ped-card-meta{margin:25px 0 12px}.ped-project-card h3,.ped-press-card h3{font-size:clamp(24px,2.2vw,37px);line-height:1.05;letter-spacing:-.04em;margin:0 0 12px}.ped-project-card p,.ped-press-card p{font-size:14px;line-height:1.6;max-width:340px}.ped-press{padding:125px 5.5vw;background:#092a23;color:#f1f0e9}.ped-press-card{background:#f1f0e9;color:#092a23;text-decoration:none;padding-bottom:24px;transition:transform .25s}.ped-press-card:hover{transform:translateY(-8px)}.ped-press-card h3,.ped-press-card p,.ped-press-meta{margin-left:23px;margin-right:23px}.ped-press-art{aspect-ratio:1.4;display:flex;align-items:center;justify-content:center;overflow:hidden}.ped-press-yellow{background:#efcf36;color:#0a251e;font-size:clamp(55px,7vw,120px);font-weight:900;letter-spacing:-.09em;flex-direction:column}.ped-press-yellow span{font-size:16px;letter-spacing:.15em}.ped-press-portrait{background:#b1b7ad}.ped-press-next{background:#21483a;font-size:160px;color:#b8d4c2}.ped-press-meta{display:flex;justify-content:space-between;margin-top:22px;margin-bottom:18px}.ped-disclaimer{margin-top:40px;opacity:.65;line-height:1.5}.ped-end{padding:130px 5.5vw 100px;background:#d5ddd2}.ped-end h2{font-size:clamp(70px,10vw,165px);line-height:.87;letter-spacing:-.085em;margin:40px 0}.ped-end h2 i{color:#547967}.ped-end>a{display:inline-block;color:#092a23;border-bottom:1px solid;padding:12px 0;text-decoration:none;font-size:13px;letter-spacing:.08em}.ped-end .ped-return{display:block;width:max-content;margin-top:80px;font-size:11px}@media(max-width:800px){.ped-teaser{grid-template-columns:1fr}.ped-teaser-right{display:none}.ped-teaser-left{padding:80px 7vw}.ped-hero{padding-top:130px;min-height:700px}.ped-hero-grid{grid-template-columns:1fr;gap:40px}.ped-hero h1{font-size:clamp(53px,12vw,95px)}.ped-hero-top{flex-wrap:wrap}.ped-manif{grid-template-columns:1fr;padding:90px 6vw}.ped-manif h2{margin-top:35px;font-size:clamp(65px,12vw,100px)}.ped-sectionhead{display:block}.ped-project-grid,.ped-press-grid{grid-template-columns:1fr}.ped-projects,.ped-press{padding:90px 6vw}.ped-project-card,.ped-press-card{margin-bottom:20px}.ped-sectionhead h2{font-size:clamp(55px,10vw,85px)}.ped-end{padding:100px 6vw}.ped-end h2{font-size:clamp(60px,11vw,100px)}}

/* V2 — Titres Gulax authentique, fourni avec le site */
.ped-teaser h2,.ped-hero h1,.ped-manif h2,.ped-sectionhead h2,.ped-end h2,.ped-watermark{font-family:Gulax,Arial,sans-serif;font-weight:400;letter-spacing:-.025em;line-height:1.02}
.ped-teaser h2{font-size:clamp(48px,5.7vw,96px)}
.ped-hero h1{font-size:clamp(58px,7.7vw,138px)}
.ped-manif h2{font-size:clamp(68px,9vw,145px)}
.ped-sectionhead h2{font-size:clamp(55px,6.7vw,108px)}
.ped-end h2{font-size:clamp(64px,8vw,135px)}
.ped-press-card{display:flex;flex-direction:column}.ped-press-card p{flex:1}.ped-press-link{display:inline-block;margin:15px 23px 5px;padding-bottom:6px;border-bottom:1px solid currentColor;align-self:flex-start;font-size:11px;letter-spacing:.08em}
.ped-feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#b6c5bb;border-top:1px solid #b6c5bb;border-bottom:1px solid #b6c5bb}.ped-feature-strip>div{padding:35px 28px;background:#dbe5da}.ped-feature-strip strong{display:block;font:400 clamp(24px,3vw,44px)/1.1 Gulax,Arial,sans-serif}.ped-feature-strip span{display:block;font-size:12px;line-height:1.6;margin-top:14px}.ped-press-card:focus-visible{outline:3px solid #8ccaae;outline-offset:4px}
@media(max-width:800px){.ped-feature-strip{grid-template-columns:1fr}.ped-hero h1{font-size:clamp(47px,10vw,85px)}.ped-manif h2{font-size:clamp(59px,11vw,100px)}.ped-sectionhead h2{font-size:clamp(49px,10vw,82px)}}

/* V3 — cohérence typographique avec le site Mi-K : Arial/Helvetica + Gulax en accent. */
.ped-page,.ped-teaser{font-family:Arial,Helvetica,sans-serif}
.ped-teaser h2,.ped-hero h1,.ped-manif h2,.ped-sectionhead h2,.ped-end h2{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.065em;line-height:.97}
.ped-teaser h2 em,.ped-hero h1 i,.ped-manif h2 span,.ped-sectionhead h2 span,.ped-press h2 span,.ped-end h2 i{font-family:Gulax,Arial,sans-serif;font-weight:400;font-style:normal;letter-spacing:-.025em;line-height:1}
.ped-teaser h2 em{display:inline-block;font-size:1.08em}
.ped-watermark,.ped-feature-strip strong{font-family:Gulax,Arial,sans-serif;font-weight:400}
.ped-teaser{background:var(--ink);color:var(--paper)}
.ped-teaser-right{background:linear-gradient(140deg,#21483a,#071e1c)}
.ped-teaser h2 em{color:var(--mint)}
:root[data-theme=light] .ped-teaser{background:var(--paper);color:var(--ink)}
:root[data-theme=light] .ped-teaser h2 em{color:#64877b}
:root[data-theme=light] .ped-teaser-right{background:linear-gradient(140deg,#dce5dc,#a5b8ac)}
:root[data-theme=light] .ped-cta:hover{background:var(--ink);color:var(--paper)}
@media(max-width:800px){.ped-teaser h2{font-size:clamp(44px,10vw,76px)}}

/* V5 — section transmission : composition basée sur le signe Mi-K, typographie binaire. */
.ped-teaser{min-height:clamp(640px,70vw,850px);grid-template-columns:minmax(0,59%) minmax(0,41%);isolation:isolate}
.ped-teaser-left{padding:clamp(100px,10vw,165px) 3vw clamp(90px,8vw,130px) clamp(36px,6.7vw,112px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.ped-kicker{display:inline-flex;align-items:center;gap:16px;font-size:11px;letter-spacing:.18em;opacity:.8}
.ped-kicker:before{content:"";width:32px;height:1px;background:currentColor;opacity:.7}
.ped-teaser h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(49px,5.9vw,105px);font-weight:900;line-height:.96;letter-spacing:-.067em;margin:42px 0 35px;white-space:nowrap}
.ped-teaser h2 em{font-family:Gulax,Arial,sans-serif;font-size:1.02em;font-weight:400;letter-spacing:-.035em;line-height:1.07;white-space:nowrap}
.ped-teaser p{font-size:clamp(15px,1.15vw,18px);line-height:1.7;max-width:490px;opacity:.88;margin:0}
.ped-cta{margin-top:38px;min-width:300px;justify-content:space-between;align-items:center;transition:background .25s,color .25s,transform .25s}
.ped-cta:hover{transform:translateY(-3px)}
.ped-teaser-right{position:relative;display:block;clip-path:polygon(49% 0,100% 0,100% 100%,0 100%);background:linear-gradient(153deg,#245347 0%,#143a32 46%,#081f1b 100%);overflow:hidden}
.ped-teaser-right:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 35%,rgba(140,202,174,.16),transparent 55%);pointer-events:none}
.ped-teaser-right:after{content:"";position:absolute;left:22%;top:-20%;height:145%;width:1px;background:rgba(206,239,221,.18);transform:rotate(23deg);transform-origin:center}
.ped-symbol-stage{position:absolute;width:min(70%,390px);aspect-ratio:395/490;left:53%;top:46%;transform:translate(-50%,-50%) rotate(-9deg);filter:drop-shadow(24px 32px 35px rgba(0,0,0,.22));animation:ped-float 9s ease-in-out infinite}
.ped-symbol-stage img{position:absolute;width:100%;height:100%;object-fit:contain;display:block}
.ped-symbol-shadow{opacity:.14;filter:brightness(0) blur(2px);transform:translate(26px,29px) scale(1.04)}
.ped-symbol-main{opacity:.72;filter:saturate(.8)}
.ped-teaser-caption{position:absolute;right:8%;bottom:9%;display:flex;gap:18px;flex-direction:column;align-items:flex-end;font-size:10px;letter-spacing:.15em;line-height:1.2;opacity:.78}
.ped-teaser-caption span{padding-bottom:8px;border-bottom:1px solid rgba(231,246,235,.25)}
.ped-axis{position:absolute;left:15%;bottom:10%;width:30px;height:30px;border-left:1px solid rgba(231,246,235,.5);border-bottom:1px solid rgba(231,246,235,.5)}
@keyframes ped-float{0%,100%{transform:translate(-50%,-50%) rotate(-9deg)}50%{transform:translate(-50%,-52%) rotate(-7deg)}}
:root[data-theme=light] .ped-teaser-right{background:linear-gradient(155deg,#dbe9df,#9bbdae 65%,#6b9985)}
:root[data-theme=light] .ped-teaser-right:after{background:rgba(20,53,43,.2)}
:root[data-theme=light] .ped-teaser-caption{color:#10372d}
:root[data-theme=light] .ped-teaser-caption span{border-color:rgba(20,53,43,.25)}
@media(max-width:1100px){.ped-teaser{grid-template-columns:64% 36%}.ped-teaser h2{font-size:clamp(48px,6vw,82px)}.ped-teaser-left{padding-left:5vw}}
@media(max-width:800px){.ped-teaser{display:block;min-height:auto}.ped-teaser-left{padding:85px 7vw 95px}.ped-teaser h2{font-size:clamp(43px,9.1vw,72px);white-space:normal}.ped-teaser-right{display:none}.ped-cta{min-width:0;width:100%;max-width:360px}}
@media(prefers-reduced-motion:reduce){.ped-symbol-stage{animation:none}.ped-cta{transition:none}}