/* ---- bloc sans id ---- */
:root{--night:#080e18;--dark:#0c1521;--panel:#102033;--blue:#6fa8dc;--bright:#269cf1;--text:#edf5fc;--muted:#9eafbf;--line:rgba(159,206,255,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050b12;color:var(--text);font-family:'Barlow',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#4794c9;color:#fff}.shell{max-width:1512px;margin:auto;padding:0 5.2%}.site{overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#112840 0%,#07111d 29%,#050b12 62%)}.nav{height:96px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.logo{font-family:'Barlow Condensed',sans-serif;font-weight:700;letter-spacing:.055em;font-size:25px;line-height:.8}.logo i{font-style:normal;color:var(--blue)}.logo small{display:block;font-family:Barlow,sans-serif;letter-spacing:.32em;font-size:8px;font-weight:600;margin-top:8px;color:#9bb2c6}.links{display:flex;gap:34px;font-size:12px;color:#a9b8c7}.links a:hover{color:#fff}.nav-cta{border:1px solid #7088a04d;border-radius:30px;padding:13px 20px;font-size:12px;background:#ffffff0b;display:flex;gap:20px;align-items:center}.nav-cta span{color:#8fc3e8;font-size:18px}.menu-btn{display:none;background:none;color:#fff;border:none;font-size:24px}.hero{position:relative;min-height:760px;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:-95px -25vw 0;pointer-events:none;background:radial-gradient(ellipse 43% 57% at 53% 42%,#12517b72,transparent 75%),radial-gradient(ellipse 25% 33% at 87% 54%,#185e9438,transparent 70%)}.grid-lines{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent 0%, transparent 24.95%,#96c5fc0c 25%,transparent 25.05%,transparent 49.95%,#96c5fc0c 50%,transparent 50.05%,transparent 74.95%,#96c5fc0c 75%,transparent 75.05%),linear-gradient(to bottom,transparent 0%,transparent 49.95%,#96c5fc0b 50%,transparent 50.05%)}.hero-content{width:100%;position:relative;z-index:2;padding:18px 0 96px}.eyebrow{font-size:11px;color:#8db6d4;text-transform:uppercase;letter-spacing:.24em;display:flex;align-items:center;gap:14px}.eyebrow:before{content:"";display:inline-block;width:20px;height:1px;background:#7bcaed}.hero h1{font-family:Barlow,sans-serif;font-size:clamp(82px,12.2vw,177px);font-weight:300;letter-spacing:-.092em;line-height:.78;margin:75px 0 0;position:relative;z-index:3}.hero h1 .outline{color:transparent;-webkit-text-stroke:1px #74b8ee8c}.hero h1 strong{font-weight:600;color:#8bc8f8}.hero-row{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-top:54px;position:relative;z-index:3}.hero-copy{max-width:290px;font-size:15px;color:#bdc9d4;line-height:1.65}.hero-copy b{color:white;font-weight:500}.pill{display:inline-flex;align-items:center;gap:33px;justify-content:space-between;background:#dcecf9;color:#0d1d2c;padding:7px 7px 7px 23px;border-radius:50px;font-weight:600;font-size:12px;transition:transform .25s,background .25s;white-space:nowrap}.pill:hover{transform:translateY(-3px);background:white}.pill .circle{background:#122b42;color:white;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:20px;font-weight:400}.hero-piece{position:absolute;width:clamp(260px,36vw,500px);height:clamp(300px,39vw,510px);left:49%;top:49%;transform:translate(-21%,-42%);pointer-events:none;z-index:2;filter:drop-shadow(0 38px 38px #000b)}.hero-piece .blade{position:absolute;width:56%;height:69%;border-radius:19px;background:linear-gradient(135deg,#bfe8ff 0%,#4b92c8 25%,#0f2e47 55%,#070f19 80%);box-shadow:inset 2px 2px 4px #d4f2ff70,14px 20px 30px #000a;transform:rotate(-24deg) skewY(5deg);top:9%;left:30%;border:1px solid #b0d9ed50}.hero-piece .blade:nth-child(2){transform:rotate(11deg) skewY(-7deg);left:8%;top:23%;background:linear-gradient(135deg,#e8f7ff,#9ccff8 38%,#235c84 75%,#09121c);z-index:2}.hero-piece .blade:nth-child(3){transform:rotate(37deg) skewY(-10deg);left:43%;top:28%;background:linear-gradient(135deg,#113753,#174b70 35%,#6bacdc 77%,#d0e6f5);z-index:-1}.hero-piece:after{content:"";position:absolute;inset:32% -20%;background:#1b94ff52;filter:blur(75px);z-index:-3}.metrics{position:absolute;right:0;top:35%;width:190px;border-top:1px solid #86b8dd41;padding-top:22px;z-index:3}.metrics:before{content:"";position:absolute;width:6px;height:6px;top:-3px;left:0;background:#b6e7ff;box-shadow:0 0 15px #8ed3ff;border-radius:50%}.metrics strong{font-size:26px;font-weight:400;display:block;letter-spacing:-.04em}.metrics small{font-size:11px;color:#9daebe}.metrics p{margin-top:35px;font-size:11px;color:#aac1d5;line-height:1.6}.section{position:relative;padding:110px 0}.section-head{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:38px}.kicker{font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:#81b9df;display:flex;gap:12px;align-items:center}.kicker:before{content:'+';font-size:19px;color:#b2ddf7}.section-title{font-size:clamp(49px,6.1vw,85px);font-weight:400;letter-spacing:-.025em;line-height:1.05;margin:15px 0 0}.section-title em{font-style:normal;color:#6fa8dc}.section-note{max-width:278px;color:#9daebd;font-size:13px;line-height:1.65}.project-grid{display:grid;grid-template-columns:1.16fr .84fr;gap:19px}.project{min-height:390px;position:relative;overflow:hidden;background:#10243a;border:1px solid #b3d9fe22;display:flex;align-items:end;isolation:isolate}.project.tall{min-height:490px}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#020812e8 0%,#06111b42 51%,#07131b10);z-index:-1}.project .photo{position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;transition:transform .7s}.project:hover .photo{transform:scale(1.055)}.project .photo.one{background-image:linear-gradient(125deg,#071e2e42,#03101c75),url('https://images.unsplash.com/photo-1492619375914-88005aa9e8fb?w=1200&q=80&auto=format&fit=crop')}.project .photo.two{background-image:linear-gradient(125deg,#16375352,#010c17b0),url('https://images.unsplash.com/photo-1516280440614-37939bbacd81?w=900&q=80&auto=format&fit=crop')}.project .photo.three{background-image:linear-gradient(125deg,#16375352,#010c17b0),url('https://images.unsplash.com/photo-1534447677768-be436bb09401?w=1200&q=80&auto=format&fit=crop')}.project .photo.four{background-image:linear-gradient(125deg,#16375352,#010c17b0),url('https://images.unsplash.com/photo-1485846234645-a62644f84728?w=900&q=80&auto=format&fit=crop')}.project-inner{padding:27px;width:100%}.project-type{font-size:15px;color:#a3cbea;letter-spacing:.13em;text-transform:uppercase}.project-name{font-weight:500;font-size:29px;letter-spacing:-.035em;margin-top:8px}.project-bottom{display:flex;justify-content:space-between;align-items:end}.round-arrow{width:39px;height:39px;display:grid;place-items:center;border:1px solid #ffffff7a;border-radius:50%;font-size:19px;background:#ffffff16}.services{background:radial-gradient(ellipse at 40% 60%,#17517c65,transparent 55%),linear-gradient(115deg,#091726,#0b243a 55%,#06101b);border-block:1px solid #7bb8e825}.service-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:9vw;align-items:center}.service-art{min-height:460px;position:relative;display:grid;place-items:center}.service-art .lens{width:285px;height:285px;border-radius:50%;background:radial-gradient(circle at 41% 38%,#a3d5fd 0%,#215e8a 8%,#030d17 26%,#091724 38%,#234b6b 43%,#01060e 47%,#07111c 52%,#6dadd9 53%,#112537 56%,#01070c 68%);box-shadow:0 0 65px #328ed650,0 0 0 16px #a0d3ff0d,0 0 0 40px #a0d3ff07,24px 30px 65px #000c;transform:rotate(-20deg)}.service-art .frame{position:absolute;inset:10% 11%;border:1px solid #94c8f722;clip-path:polygon(0 0,25% 0,25% 3%,75% 3%,75% 0,100% 0,100% 100%,0 100%)}.point{position:absolute;width:6px;height:6px;background:#d3edff;border-radius:50%;box-shadow:0 0 13px #7fd5ff}.point.p1{top:12%;left:11%}.point.p2{bottom:15%;right:11%}.service-list{border-top:1px solid #ffffff30;margin-top:40px}.service-item{display:flex;align-items:center;gap:23px;padding:26px 0;border-bottom:1px solid #ffffff27}.service-item span{color:#78b0d7;font-size:11px}.service-item strong{flex:1;font-size:22px;font-weight:400}.service-item i{font-size:19px;font-style:normal;color:#9dc9e9}.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.portrait{height:450px;position:relative;background:radial-gradient(ellipse at 48% 35%,#3977a8 0%,#102b45 27%,#091421 55%,#06101b 75%);border:1px solid #8ab5db28;overflow:hidden}.portrait:after{content:'M';font-family:Barlow,sans-serif;font-weight:600;color:#e2f6ff0d;position:absolute;font-size:450px;line-height:1;bottom:-120px;left:23%;pointer-events:none}.portrait .artline{position:absolute;border:1px solid #90c7ed40;inset:17% 21% 17% 15%;transform:rotate(-13deg)}.portrait .tag{position:absolute;left:24px;bottom:24px;font-size:11px;letter-spacing:.17em;color:#a9cee7;text-transform:uppercase}.about-text{font-size:16px;line-height:1.8;color:#b2c3d3;max-width:430px}.about-text strong{color:#fff;font-weight:500}.academy{position:relative;min-height:345px;background:radial-gradient(ellipse at 85% 85%,#1a80bd70,transparent 55%),linear-gradient(112deg,#122a45,#091421 62%);border:1px solid #a9d6f729;padding:54px 60px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:25px}.academy:after{content:'A';position:absolute;font-size:540px;font-weight:600;right:13%;top:-175px;color:#b0e3ff0a;pointer-events:none}.academy .section-title{font-size:clamp(43px,5.5vw,75px)}.academy p{color:#b6cadd;font-size:14px;max-width:370px;line-height:1.65}.footer{padding:105px 0 45px}.footer-main{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:80px;border-bottom:1px solid #a6cef42a}.footer-title{font-size:clamp(68px,10vw,138px);font-weight:300;line-height:.88;letter-spacing:-.085em;margin:20px 0}.footer-title em{font-style:normal;color:#79b9e9}.footer-last{display:flex;justify-content:space-between;gap:20px;padding-top:25px;color:#849aad;font-size:11px}.detail{position:absolute;left:0;bottom:20px;color:#718da4;letter-spacing:.15em;font-size:10px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:920px){.links{display:none}.menu-btn{display:block}.nav-cta{margin-left:auto;margin-right:20px}.hero{min-height:720px}.hero h1{font-size:clamp(74px,13vw,125px)}.metrics{display:none}.hero-piece{left:49%;top:43%;opacity:.78}.hero-copy{max-width:270px}.service-layout{grid-template-columns:1fr}.service-art{min-height:350px;order:2}.about{gap:4vw}}@media(max-width:650px){.shell{padding:0 6%}.nav{height:75px}.nav-cta{display:none}.hero{min-height:690px;align-items:start}.hero-content{padding-top:70px}.hero h1{font-size:clamp(66px,18vw,105px);margin-top:45px;line-height:.87}.hero-piece{top:49%;left:35%;width:270px;height:300px;opacity:.78}.hero-row{align-items:start;flex-direction:column;gap:24px;margin-top:290px}.hero-copy{font-size:13px}.hero .detail{display:none}.section{padding:75px 0}.section-head{display:block}.section-note{margin-top:24px}.project-grid{grid-template-columns:1fr}.project,.project.tall{min-height:350px}.project-name{font-size:25px}.service-art .lens{width:230px;height:230px}.about{grid-template-columns:1fr}.portrait{height:280px;order:2}.academy{padding:35px 25px;min-height:380px;align-items:start;flex-direction:column}.footer{padding-top:80px}.footer-main{flex-direction:column;align-items:start}.footer-title{font-size:clamp(65px,15vw,105px)}.footer-last{flex-direction:column}.section-title{font-size:54px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.project .photo,.pill{transition:none}}

/* MAXOV STUDIO — V2 : contenus validés et interactions sobres */
.brand-logo{display:block;width:clamp(128px,12.7vw,158px);height:54px;object-fit:contain;object-position:left center}.nav .logo{display:flex;align-items:center;min-width:155px}
.kicker{font-size:14px!important;letter-spacing:.14em!important}.section-title{letter-spacing:-.035em!important;font-weight:400!important}.section-title em{font-weight:500!important}
.process-wrap{display:grid;grid-template-columns: minmax(260px,.87fr) minmax(320px,1.13fr);gap:8vw;align-items:start}.process-lead{margin-top:28px}.process{position:relative;padding-left:40px}.process-progress{position:absolute;top:23px;bottom:32px;left:12px;width:2px;background:#76add242}.process-progress-fill{height:0;background:#8bc8f8;width:100%;transition:height .12s linear}.process-step{position:relative;padding:0 0 44px;border-bottom:1px solid #a6cef423;margin-bottom:32px;display:grid;grid-template-columns:55px 1fr;gap:12px}.process-step:last-child{border:none;margin-bottom:0;padding-bottom:0}.process-step:before{content:'';position:absolute;left:-35px;top:12px;width:12px;height:12px;border:2px solid #83bfee;border-radius:50%;background:#0b1726;z-index:2}.step-number{color:#86b9db;font-size:13px;letter-spacing:.18em}.process-step h3{margin:0 0 14px;font-size:clamp(21px,2.2vw,29px);font-weight:500}.process-step p{margin:0;line-height:1.7;max-width:480px;color:#abc0d0;font-size:15px}.about-text p{margin:0 0 16px}.coming-soon{display:inline-flex;gap:12px;align-items:center;border:1px solid #8eb5d04d;border-radius:30px;padding:14px 22px;color:#c4d8e9;font-size:13px;background:#cbeaff09;position:relative;z-index:2}.footer-title{font-size:clamp(56px,7vw,102px);letter-spacing:-.06em}.footer-intro{max-width:550px;font-size:16px;color:#acbdcc;line-height:1.7}.contact-form{max-width:840px;display:flex;flex-direction:column;gap:18px;margin:0 0 90px}.contact-form label{display:flex;flex-direction:column;gap:10px;font-size:12px;letter-spacing:.07em;color:#bbcfdf}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #83b5d050;border-radius:7px;padding:16px;background:#0f1e2d;color:white;font:inherit;letter-spacing:normal}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:2px solid #80bef0}.contact-form button{border:0;cursor:pointer;align-self:flex-start;margin-top:28px}.form-notice{font-size:12px;color:#839fb3;margin:0;line-height:1.6}.contact-invite{padding:46px 0 65px;border-top:1px solid #a6cef42a}.contact-invite h2{font-size:clamp(40px,6vw,80px);line-height:1.05;font-weight:400;letter-spacing:-.04em;margin:20px 0 25px}.contact-invite em{font-style:normal;color:#83bfee}.footer-last{align-items:start;line-height:1.65}.project-play{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.88);border:1px solid #eaf5ff80;background:#09152255;backdrop-filter:blur(6px);border-radius:50%;display:grid;place-items:center;width:60px;height:60px;opacity:0;transition:opacity .3s,transform .3s;color:white;z-index:2}.project:hover .project-play,.project:focus-visible .project-play{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(hover:none){.project-play{opacity:.8}}@media(max-width:920px){.process-wrap{grid-template-columns:1fr;gap:55px}}@media(max-width:650px){.brand-logo{width:136px;height:48px}.process{padding-left:30px}.process-progress{left:10px}.process-step:before{left:-30px}.process-step{grid-template-columns:36px 1fr;gap:8px}.form-pair{grid-template-columns:1fr}.footer-title{font-size:clamp(50px,11vw,68px)}.footer-last{gap:16px}}@media(prefers-reduced-motion:reduce){.project-play,.process-progress-fill{transition:none}}

/* Composition éditoriale : deux formats 16:9 et un portrait 9:16 */
#work .project-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.82fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
#work .project-landscape{grid-column:1;min-height:unset;aspect-ratio:16/9}
#work .project-portrait{grid-column:2;grid-row:1/span 2;min-height:unset;aspect-ratio:9/16;align-self:start}
#work .project-inner{position:relative;z-index:1}
#work .project-portrait .project-name{font-size:clamp(20px,2.1vw,29px)}
@media(max-width:760px){#work .project-grid{grid-template-columns:1fr;grid-template-rows:auto}#work .project-landscape,#work .project-portrait{grid-column:auto;grid-row:auto}#work .project-portrait{width:min(72%,360px);justify-self:center}#work .project-landscape{min-height:0}}

/* V3.2 — 5 familles de projets et portrait réel */
#work .project-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);grid-template-rows:auto;align-items:start}
#work .project-grid .project{grid-column:auto;grid-row:auto;min-height:0;width:100%;align-self:start}
#work .project-grid .project-landscape{aspect-ratio:16/9}
#work .project-grid .project-portrait{aspect-ratio:9/16}
#work .project-grid .project:nth-child(1){grid-column:1;grid-row:1}
#work .project-grid .project:nth-child(2){grid-column:1;grid-row:2}
#work .project-grid .project:nth-child(3){grid-column:2;grid-row:1/span 2}
#work .project-grid .project:nth-child(4){grid-column:1;grid-row:3}
#work .project-grid .project:nth-child(5){grid-column:2;grid-row:3/span 2}
#work .project-grid .project .placeholder-photo{background:linear-gradient(140deg,#112a42,#0d1d2d 65%,#1c4660)}
#work .project-grid .project:nth-child(2) .placeholder-photo{background:linear-gradient(140deg,#132638,#193c53 65%,#091927)}
#work .project-grid .project:nth-child(3) .placeholder-photo{background:linear-gradient(160deg,#0a1a2d,#1e4561 75%,#101d2c)}
#work .project-grid .project:nth-child(4) .placeholder-photo{background:linear-gradient(110deg,#1b3950,#091722)}
#work .project-grid .project:nth-child(5) .placeholder-photo{background:linear-gradient(170deg,#193b54,#071521)}
#about .portrait:after{display:none}
@media(max-width:760px){#work .project-grid{grid-template-columns:1fr;grid-template-rows:auto}#work .project-grid .project:nth-child(n){grid-column:auto;grid-row:auto;width:100%}#work .project-grid .project-portrait{width:min(74%,390px)!important;justify-self:center}}


/* V4 — visuels et compositions finalisées, sans dépendance de fichier image */
.hero.shell{max-width:none;padding:0;min-height:clamp(580px,76vh,830px);display:flex;justify-content:flex-end;align-items:center;background:#071320;isolation:isolate;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,22,.22) 0%,rgba(5,14,25,.22) 32%,rgba(5,14,25,.53) 53%,rgba(4,10,19,.78) 100%),linear-gradient(0deg,rgba(4,10,18,.32),rgba(5,13,25,.18));z-index:-1;pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;background-image:url(../images/hero-maxime-dark.jpg);background-size:cover;background-position:center center;z-index:-2;filter:brightness(.78) saturate(.88)}
.hero .hero-content{width:min(47%,710px);margin:0 clamp(38px,7vw,130px) 0 0;padding:120px 0 110px;z-index:2}
.hero .eyebrow{color:#c1d9ea;letter-spacing:.18em;font-size:clamp(11px,1vw,14px);line-height:1.5}
.hero h1{font-family:Barlow,Arial,sans-serif;font-weight:500;font-size:clamp(47px,5.5vw,99px);line-height:1.04;letter-spacing:-.032em;margin:32px 0 29px;max-width:730px;overflow-wrap:normal}
.hero h1 .hero-blue{color:#78b8e7}
.hero .hero-row{display:block;margin:0}
.hero .hero-copy{max-width:540px;font-size:clamp(16px,1.4vw,19px);line-height:1.7;color:#dfebf5;margin:0 0 30px}
.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.hero-buttons .pill{display:inline-flex;min-height:47px;padding:14px 22px;font-size:13px;letter-spacing:0;justify-content:center}
.hero-buttons .secondary{background:rgba(9,23,38,.68);color:#f4f8ff;border:1px solid #a4c9e362}
.section.shell,.about.shell,.footer.shell{max-width:1330px;padding-left:clamp(25px,5.4vw,90px);padding-right:clamp(25px,5.4vw,90px)}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.65fr);align-items:center;column-gap:clamp(25px,5vw,80px);margin-bottom:37px}
.section-note{max-width:420px;font-size:15px;line-height:1.75;margin:34px 0 0}
.section-title{font-weight:500;letter-spacing:.012em;line-height:1.08}
#work .project-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto auto;gap:18px;align-items:stretch}
#work .project-grid .project:nth-child(n){grid-column:auto;grid-row:auto;width:100%!important;min-height:0;aspect-ratio:auto;justify-self:stretch;align-self:stretch}
#work .project-grid .project:nth-child(1),#work .project-grid .project:nth-child(2){grid-column:span 3;aspect-ratio:16/9}
#work .project-grid .project:nth-child(n+3){grid-column:span 2;aspect-ratio:9/13;min-height:400px}
#work .project .placeholder-photo{display:grid;place-items:center;color:rgba(220,238,251,.42);font-size:11px;letter-spacing:.16em;text-align:center;padding:20px}
#work .project-inner{width:100%;padding:23px;pointer-events:none}
#work .project-type{font-size:12px;letter-spacing:.075em}
#work .project-name{font-size:clamp(20px,2.2vw,30px);line-height:1.2}
#work .round-arrow{display:none}
#work .project .project-bottom{padding-top:6px}
#work .creator-previews{position:absolute;inset:0;display:flex;align-items:stretch;gap:8px;padding:15px 15px 92px;background:#0a1d31}
#work .creator-preview{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#1c3e55,#0c1b2a);border:1px solid #9bbfd72b;color:#bad2e5;font-size:10px;letter-spacing:.07em;writing-mode:vertical-rl}
#about.about{grid-template-columns:minmax(280px,.84fr) minmax(0,1.16fr);gap:clamp(30px,5vw,72px);align-items:center}
#about .portrait-shell{width:100%;max-width:420px;justify-self:center}
#about .portrait{width:100%;aspect-ratio:1 / 1;height:auto;min-height:0;background-size:cover!important;background-position:center 34%!important;border:10px solid #112940;outline:1px solid #6fadd147;box-shadow:0 18px 70px #0003}
#about .about-text{max-width:640px}
#about .about-text .section-title{margin-bottom:30px}
#about .about-text p{line-height:1.72;margin-bottom:18px}
#academy .academy{min-height:0;padding:clamp(30px,4vw,55px);gap:35px}
#academy .academy .section-title{font-size:clamp(42px,5vw,76px)}
.footer{padding-top:70px}.footer-main{padding-bottom:25px}
.footer-title{font-weight:500;letter-spacing:-.015em;line-height:1.08}
.footer-intro{max-width:660px;margin:25px auto 0}.contact-form{margin:30px auto 55px;max-width:760px}
@media(max-width:900px){.hero .hero-content{width:min(53%,610px);margin-right:5%}.hero h1{font-size:clamp(44px,6vw,72px)}.hero::after{background-position:38% center}#work .project-grid .project:nth-child(n+3){min-height:320px}}
@media(max-width:700px){.hero.shell{min-height:750px;align-items:flex-end}.hero::after{background-size:auto 100%;background-position:33% top;filter:brightness(.7) saturate(.86)}.hero::before{background:linear-gradient(0deg,rgba(3,11,22,.97) 2%,rgba(4,13,24,.88) 32%,rgba(4,13,24,.14) 75%)}.hero .hero-content{width:100%;margin:0;padding:0 7% 66px}.hero h1{font-size:clamp(39px,9vw,65px);margin:19px 0}.hero .hero-copy{font-size:15px}.hero-buttons{gap:9px}.hero-buttons .pill{font-size:12px}.section-head{display:block}.section-note{margin:23px 0 0;max-width:580px}#work .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}#work .project-grid .project:nth-child(1),#work .project-grid .project:nth-child(2){grid-column:span 2;aspect-ratio:16/9}#work .project-grid .project:nth-child(n+3){grid-column:span 1;min-height:0;aspect-ratio:9/15}#work .project-grid .project:nth-child(5){grid-column:span 2;aspect-ratio:16/10}#work .project-inner{padding:13px}#work .project-type{font-size:10px}#work .project-name{font-size:clamp(16px,4vw,25px)}#work .creator-previews{padding-bottom:73px}#about.about{grid-template-columns:1fr;gap:35px}#about .portrait-shell{max-width:360px;justify-self:start}.academy{flex-wrap:wrap}.footer-title{font-size:clamp(38px,9vw,60px)}}
@media(max-width:400px){#work .project-grid .project:nth-child(3),#work .project-grid .project:nth-child(4){grid-column:span 2;aspect-ratio:4/5}#work .project-grid .project:nth-child(5){aspect-ratio:4/3}}

/* Ajustement de l’en-tête et des espacements — V7.1 */
@media(min-width:921px){header.nav.shell{padding-left:6.4%;padding-right:6.4%;}}
@media(max-width:650px){.contact-form button{margin-top:24px}}

/* V7.2 — dernières validations */
.brand-logo{width:clamp(118px,11.4vw,144px)!important;height:49px!important}
.nav .logo{min-width:145px!important}
#about .portrait-shell{max-width:520px!important;width:100%;justify-self:center}
#about .portrait{background:none!important;border:0!important;outline:0!important;box-shadow:none!important;aspect-ratio:auto!important;height:auto!important;overflow:visible!important;min-height:0!important}
#about .portrait .double-photo{display:block;width:100%;height:auto;object-fit:contain}
#academy .academy{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr)!important;align-items:center!important;gap:clamp(38px,7vw,100px)!important;padding-inline:clamp(44px,6vw,90px)!important}
#academy .academy>div:first-child{margin-left:clamp(0px,2vw,28px)}
#academy .coming-soon{justify-self:center!important;align-self:center!important;min-width:270px!important;min-height:112px!important;padding:26px 38px!important;font-size:16px!important;line-height:1.7!important;text-align:center!important;display:block!important;border-radius:24px!important}
#academy .academy-soon-label{font-size:17px!important}
@media(max-width:760px){#academy .academy{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:34px 26px!important;gap:30px!important}#academy .academy>div:first-child{margin-left:0}#academy .coming-soon{align-self:center!important;min-width:min(100%,290px)!important}#about .portrait-shell{max-width:440px!important}}

/* ---- bloc sans id ---- */
/* V3 — contrôles de rythme, lisibilité et marges */
.shell{padding-left:clamp(24px,5.2vw,90px);padding-right:clamp(24px,5.2vw,90px)}
.section{padding-top:clamp(78px,8vw,130px);padding-bottom:clamp(78px,8vw,130px)}
.section-head{gap:clamp(32px,5vw,72px);margin-bottom:clamp(42px,5vw,74px);align-items:end}
.section-note{max-width:370px;font-size:clamp(14px,1.15vw,16px);line-height:1.75;margin:0 0 6px}
.kicker{font-size:clamp(14px,1.3vw,18px);letter-spacing:.12em}
.section-title{font-weight:500;letter-spacing:.018em;line-height:1.13;margin:24px 0 0}
.about .section-title{margin-bottom:clamp(32px,4vw,60px)}
.about-text{max-width:550px;font-size:clamp(16px,1.25vw,18px);line-height:1.8}
.about-text p{margin:0 0 24px}
.about-text strong{font-weight:600;color:#eef6fd}
.about{gap:clamp(45px,7vw,110px);align-items:start}
.project-grid{gap:clamp(18px,2.2vw,32px)}
.project-inner{padding:clamp(20px,2.6vw,36px)}
.project-name{overflow-wrap:break-word}
.academy{padding:clamp(32px,5vw,70px);gap:clamp(32px,5vw,80px)}
.coming-soon{display:block;min-width:200px;text-align:center;line-height:1.65;padding:18px 27px;white-space:normal}
.academy-soon-label{font-weight:650;color:#fff;letter-spacing:.04em}
@media(max-width:760px){.shell{padding-left:24px;padding-right:24px}.section-head{align-items:start;flex-direction:column}.section-note{max-width:95%}.about .section-title{margin-bottom:28px}.academy{padding:32px 26px}.coming-soon{min-width:0}.section{padding-top:72px;padding-bottom:72px}}

/* ---- bloc sans id ---- */
/* V3.1 — harmonisation de la typographie et du contact */
.section-title,.academy .section-title{font-size:clamp(46px,5.6vw,78px);font-weight:550;letter-spacing:.012em;line-height:1.13}
.footer-title{font-family:'Barlow',Arial,sans-serif;font-size:clamp(46px,5.6vw,78px);font-weight:550;letter-spacing:.012em;line-height:1.13;margin:22px auto 28px}
#contact{padding-top:clamp(90px,10vw,150px);padding-bottom:clamp(40px,5vw,70px)}
#contact .footer-main{justify-content:center;text-align:center;padding-bottom:clamp(38px,5vw,70px);margin-bottom:clamp(30px,4vw,58px)}
#contact .footer-main>div{width:100%;max-width:850px;margin-inline:auto}
#contact .kicker{justify-content:center}
#contact .footer-intro{margin:0 auto;max-width:620px}
#contact .contact-form{width:min(100%,840px);margin:0 auto clamp(65px,8vw,115px)}
#contact .contact-form button{align-self:center}
#contact .form-notice{text-align:center}
#contact .footer-last{padding-top:clamp(28px,4vw,50px);border-top:1px solid #a6cef42a}
.section-head>div,.process-wrap>div,.about>div{min-width:0}
#work .project-grid>*{min-width:0}
.project-type,.project-name{overflow-wrap:anywhere}
.academy p{margin-top:28px}
@media(max-width:760px){.section-title,.academy .section-title,.footer-title{font-size:clamp(38px,9vw,58px)}#contact .footer-main{padding-bottom:36px}#contact .contact-form{margin-bottom:65px}#contact .footer-last{text-align:center;justify-content:center}}

/* ---- bloc id="maxov-about-frame-v33" ---- */
/* Cadre bleu discret : la photo reste strictement dans ses limites. */
.about .portrait-shell{width:min(100%,470px);aspect-ratio:1/1;margin-inline:auto;padding:clamp(14px,2.1vw,24px);position:relative;border:1px solid rgba(123,184,232,.39);background:linear-gradient(145deg,#163c5a 0%,#0b2136 40%,#071421 100%);box-shadow:0 18px 60px rgba(0,0,0,.28),inset 0 0 36px rgba(68,156,226,.10);}
.about .portrait-shell:before{content:"";position:absolute;inset:7px;border:1px solid rgba(139,205,247,.12);pointer-events:none;}
.about .portrait-shell .portrait{width:100%;height:100%;background-size:cover!important;background-position:center 39%!important;border:1px solid rgba(152,203,241,.25);box-shadow:0 9px 25px rgba(0,0,0,.28);}
.about .portrait-shell .portrait:after{display:none;}
.about .portrait-shell .portrait .tag{left:16px;bottom:16px;font-size:9px;letter-spacing:.1em;text-shadow:0 1px 4px #000;}
@media(max-width:780px){.about .portrait-shell{max-width:410px;margin-bottom:18px;}}

/* ---- bloc sans id ---- */
/* V5 : hiérarchie plus affirmée, sections structurées, bannière plus douce */
.hero h1{font-weight:700!important}
.section-title,.academy .section-title,.footer-title{font-weight:700!important;letter-spacing:-.018em!important}
.section-title em,.footer-title em{font-weight:700!important}
.hero::after{filter:brightness(.90) saturate(.96)}
/* Conserver une lecture claire sur le portrait, et un bleu nuit plus présent dans l'ensemble */
.hero::before{background:linear-gradient(90deg,rgba(4,12,22,.30) 0%,rgba(5,14,25,.30) 32%,rgba(5,14,25,.58) 53%,rgba(4,10,19,.81) 100%),linear-gradient(0deg,rgba(4,10,18,.36),rgba(5,13,25,.23))!important}
#contact{background:radial-gradient(ellipse at 83% 18%,rgba(31,100,151,.22),transparent 57%),linear-gradient(126deg,#102940 0%,#0a1a2b 48%,#091521 100%);border-top:1px solid rgba(129,187,226,.14);border-bottom:1px solid rgba(129,187,226,.14);}
#academy{padding-top:clamp(58px,7vw,98px);padding-bottom:clamp(58px,7vw,98px)}
.footer-legal{padding-top:12px;padding-bottom:38px;background:#070e18}
.footer-legal .footer-last{margin:0;padding-top:30px}
@media(max-width:700px){.hero::after{filter:brightness(.65) saturate(.86)} .hero h1{font-weight:700!important}}

/* ---- bloc id="maxov-v6-overrides" ---- */
/* MAXOV STUDIO V6 — approved content refinements */
:root{--muted:#d1e0ed}
.section-note,.section-intro,.process-lead,.process-item p,#about .about-text p,.academy p,.footer-intro,.hero-copy,.footer .form-notice{color:#e2eaf3!important}
.hero::before{background:linear-gradient(90deg,rgba(4,12,22,.31) 0%,rgba(5,14,25,.32) 32%,rgba(5,14,25,.62) 53%,rgba(4,10,19,.84) 100%),linear-gradient(0deg,rgba(4,10,18,.39),rgba(5,13,25,.22))!important}
#about .portrait-shell{max-width:430px}
#about .portrait{border:0!important;outline:0!important;box-shadow:0 25px 70px rgba(0,0,0,.28)!important;border-radius:7px!important;overflow:hidden}
#contact.contact-wide{max-width:none!important;width:100%;margin:0;padding:clamp(74px,8vw,118px) clamp(24px,5vw,75px) 75px;background:radial-gradient(ellipse at 40% 60%,#17517c65,transparent 55%),linear-gradient(115deg,#091726,#0b243a 55%,#06101b);border-block:1px solid #7bb8e825}
#contact .contact-inner{max-width:1150px;margin:0 auto;width:100%}
#contact .footer-main{justify-content:center;text-align:center;padding-bottom:50px}
#contact .footer-title{font-size:clamp(46px,6vw,92px);line-height:1.08;letter-spacing:-.035em;font-weight:650}
#contact .footer-intro{margin:28px auto 0;max-width:650px}
#contact .contact-form{margin:45px auto 0}
#academy{margin-top:0}
@media(max-width:700px){#contact.contact-wide{padding:75px 7% 60px}#contact .footer-title{font-size:clamp(41px,10vw,66px)}#about .portrait-shell{max-width:100%}}

/* ---- bloc sans id ---- */
/* MAXOV V7 — corrections validées */
:root{--muted:#d2dfec}
.links{gap:clamp(17px,2.4vw,38px)!important;font-size:clamp(14px,1.05vw,16px)!important;color:#f5f9ff!important;font-weight:500}
.links a{color:#f5f9ff!important;opacity:.95;transition:color .2s,opacity .2s}.links a:hover{color:#7ec1f0!important;opacity:1}
.nav .brand-logo{width:clamp(175px,17vw,245px)!important;max-width:245px!important;height:auto!important;object-fit:contain!important}
.hero.shell{width:100%;max-width:none!important;padding-left:clamp(24px,4.8vw,95px)!important;padding-right:clamp(24px,4.8vw,95px)!important;background-color:#030912!important;isolation:isolate}
.hero::after{background-size:cover!important;background-position:39% center!important;filter:none!important}
.hero::before{background:linear-gradient(90deg,rgba(2,8,15,.10) 0%,rgba(3,9,17,.12) 42%,rgba(1,5,10,.57) 68%,#030912 100%)!important;z-index:-1!important}
.hero .hero-content{width:min(53%,760px)!important;margin-right:clamp(8px,3.2vw,62px)!important;transform:translateX(-3.2vw);padding-top:108px;padding-bottom:100px}
.hero h1{font-size:clamp(45px,5.2vw,91px)!important;letter-spacing:-.022em}
.section-note,.section p,.about p,.services p,.academy p,.footer-intro,.form-notice{color:#dce7f0!important}
#about .portrait{border:none!important;outline:none!important;box-shadow:0 23px 65px rgba(0,5,16,.25)!important;border-radius:4px!important}
#about .portrait-shell{background:none!important;border:0!important;padding:0!important;outline:0!important;box-shadow:none!important;max-width:470px!important}
#about .portrait-shell:before,#about .portrait-shell:after{display:none!important}
.contact-wide{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;background:radial-gradient(ellipse at 57% 53%,rgba(18,68,103,.72),transparent 57%),linear-gradient(135deg,#091726 0%,#102c42 50%,#081626 100%)!important;border-radius:0!important}
.contact-wide .contact-inner{max-width:1330px!important;padding-left:clamp(24px,5.4vw,90px)!important;padding-right:clamp(24px,5.4vw,90px)!important;margin:0 auto}
.youtube-poster{background-size:cover!important;background-position:center!important;display:grid;place-items:center}
.youtube-poster:after{content:none!important}.play-chip{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:14px;background:#081b30dd;border:1px solid #aed6f184;border-radius:35px;padding:11px 19px}
.project[data-video-id]{cursor:pointer}.project[data-video-id]:focus-visible{outline:3px solid #86c5f2;outline-offset:4px}
.youtube-creators{display:flex!important}.youtube-creator-main{background-size:cover!important;background-position:center!important;color:white!important;writing-mode:initial!important;text-align:center;font-weight:600}.creator-placeholder{font-size:11px!important;writing-mode:initial!important;text-align:center}
.video-dialog{position:fixed;z-index:99999;inset:0;background:rgba(2,7,14,.92);display:none;align-items:center;justify-content:center;padding:30px 58px;backdrop-filter:blur(13px)}.video-dialog.is-open{display:flex}.video-modal-inner{position:relative;display:flex;align-items:center;justify-content:center;max-height:90dvh;max-width:100%}.video-frame{display:block;border:1px solid #85add045;border-radius:9px;background:#000;width:min(86vw,1100px);aspect-ratio:16/9;max-height:85dvh}.video-dialog.is-portrait .video-frame{width:min(420px,calc(80dvh * 9 / 16),84vw);aspect-ratio:9/16;height:auto}.video-close{position:absolute;right:-45px;top:-10px;background:#18354b;color:white;border:1px solid #ffffff55;border-radius:50%;width:39px;height:39px;cursor:pointer;font-size:24px;line-height:1}.video-dialog iframe{border:0}
@media(max-width:900px){.nav .brand-logo{width:180px!important}.hero .hero-content{transform:none;width:min(58%,640px)!important;margin-right:0!important}.hero::after{background-position:36% center!important}}
@media(max-width:700px){.nav .brand-logo{width:158px!important}.hero.shell{padding:0!important}.hero::after{background-position:33% top!important}.hero::before{background:linear-gradient(0deg,#030912 3%,rgba(3,9,18,.90) 30%,rgba(3,11,21,.12) 73%)!important}.hero .hero-content{width:100%!important;padding:0 7% 64px!important;transform:none}.video-dialog{padding:20px 34px}.video-close{right:-31px;top:-33px}}

/* ---- bloc sans id ---- */
/* V7.3 — vertical rhythm of navigation and unified project portfolio */
@media (min-width:651px){.nav{height:112px!important}}
#work .project-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:clamp(12px,1.6vw,22px)!important;align-items:start!important}
#work .project-grid>.project{grid-row:auto!important;grid-column:span 2!important;min-height:0!important;width:100%!important;align-self:start!important;aspect-ratio:9/16!important}
#work .project-grid>.project:nth-child(-n+2){grid-column:span 3!important;aspect-ratio:16/9!important}
#work .project-grid>.project .photo{background-position:center center;background-size:cover}
#work .project-grid>.project:nth-child(5) .photo{background-position:center center}
@media(max-width:760px){#work .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}#work .project-grid>.project:nth-child(-n+2){grid-column:span 2!important}#work .project-grid>.project:nth-child(n+3){grid-column:span 1!important;width:100%!important;justify-self:stretch!important}#work .project-grid>.project:nth-child(5){grid-column:span 1!important}}
@media(max-width:440px){#work .project-grid>.project:nth-child(n+3){grid-column:span 2!important;max-width:min(100%,340px);justify-self:center!important}}

/* ---- ajustements v7.4 : bandeau pleine largeur, textes, LinkedIn, vignettes nettes ---- */
.footer.footer-legal{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important;padding-top:26px!important;padding-bottom:44px!important;background:#070e18!important;border-top:1px solid rgba(159,206,255,.16)}
.footer-legal .footer-last{width:min(100% - 2*clamp(25px,5.4vw,90px),1150px)!important;margin:0 auto!important;padding-top:0!important;align-items:center!important;font-size:15px!important;line-height:1.7!important;color:#c3d2e0!important}
.footer-legal .footer-last a{color:#e2eaf3}
.footer-legal .footer-last a:hover{color:#fff}
.social-linkedin{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;padding:6px;border:0;border-radius:0;background:none;color:#fff!important;opacity:.92;transition:opacity .2s,transform .2s}
.social-linkedin:hover,.social-linkedin:focus-visible{opacity:1;transform:translateY(-2px);background:none;color:#fff!important}
.social-linkedin:focus-visible{outline:2px solid #86c5f2;outline-offset:4px}
.form-notice,.footer .form-notice{font-size:14px!important}
.section-note{font-size:clamp(15px,1.2vw,17px)!important}
#work .project-type{font-size:13px!important}
@media(max-width:700px){.footer-legal .footer-last{flex-direction:column;align-items:flex-start!important;font-size:15px!important}#work .project-type{font-size:11px!important}}
.project-portrait .youtube-poster{background-color:#05101c;background-size:100% 100%,316% auto!important;background-position:center,center!important;background-repeat:no-repeat!important}
/* Vidéo PAT : YouTube ne fournit qu'une image 4:3 avec bandes noires, on recadre sur la partie 16:9 */
.project[data-video-id="gX0FFiV74L8"] .youtube-poster{background-color:#05101c;background-size:100% 100%,100% 133.34%!important;background-position:center,center!important;background-repeat:no-repeat!important}

/* statut du formulaire */
.form-status{min-height:1.4em;margin:14px 0 0;font-size:16px;font-weight:600;text-align:center}.form-status[data-state=ok]{color:#8fe3b0}.form-status[data-state=err]{color:#ffb4a8}.contact-form{position:relative}.form-notice a{color:#86c5f2}

/* v8 : flèches horizontales + textes des boutons plus lisibles */
.nav-cta{font-size:15px!important;font-weight:600;gap:16px!important;padding:13px 22px!important}
.nav-cta span{font-size:22px!important;line-height:1}
.contact-form .pill{font-size:16px!important;gap:22px!important}
.contact-form .pill .circle{font-size:22px!important;width:40px;height:40px}

/* flèche SVG parfaitement centrée */
.nav-cta span.nav-arrow,.pill .circle{display:inline-flex!important;align-items:center;justify-content:center;line-height:0}
.nav-cta span.nav-arrow{font-size:0!important}
.arrow-r{display:block;flex:none}
.nav-cta .arrow-r{width:20px;height:20px}
.contact-form .pill .circle .arrow-r{width:20px;height:20px}

/* v8.1 : tailles de texte ajustées */
.contact-form label{font-size:15px!important;letter-spacing:.04em!important}
.contact-form input,.contact-form select,.contact-form textarea{font-size:16px!important}
.contact-form .pill{font-size:14px!important;gap:18px!important}
.contact-form .pill .circle{width:38px!important;height:38px!important}
.academy p,#academy .academy p{font-size:16px!important;max-width:420px}
.kicker,.academy .kicker{font-size:clamp(15px,1.35vw,18px)!important}
#work .project-type{font-size:14px!important}
.hero .eyebrow{font-size:clamp(12px,1.1vw,15px)!important}
.hero-buttons .pill{font-size:14px!important}
.hero-buttons .pill{min-height:48px}
.form-notice{font-size:15px!important}
.nav-cta{font-size:15px!important}