@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght,SOFT,WONK@9..144,300,0,0;9..144,400,0,0&display=swap');
:root{--cream:#f7f1e8;--sand:#efe2cf;--night:#2e221b;--ink:#2b2420;--muted:#675649;--terra:#b4532f;--saffron:#e8b07a;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.58}img{width:100%;display:block;object-fit:cover}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:300;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(3.25rem,6vw,7rem);max-width:760px}h2{font-size:clamp(2.8rem,5vw,5.7rem)}h3{font-size:clamp(1.6rem,2.6vw,2.7rem)}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;font-weight:700;margin-bottom:1.25rem}.wrap{max-width:var(--max);margin:auto;padding:0 clamp(22px,5vw,90px)}.site-header{position:absolute;z-index:20;width:100%;top:0;left:0;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:35px clamp(22px,5vw,90px)}.brand{font-family:'Fraunces',Georgia,serif;font-weight:400;letter-spacing:-.045em;line-height:.89;font-size:clamp(1.5rem,2.5vw,2.7rem);max-width:230px}.menu{display:flex;align-items:center;gap:clamp(15px,2vw,34px)}.menu a{font-size:.7rem;letter-spacing:.095em;text-transform:uppercase;font-weight:700}.menu a:hover,.lang a:hover{color:var(--saffron)}.lang{font-size:.73rem;letter-spacing:.08em;white-space:nowrap}.lang .active{color:var(--saffron)}.menu-toggle{display:none;border:1px solid #fff8;color:white;background:#1b130d55;padding:7px 12px;cursor:pointer}.hero{min-height: min(900px,100svh);height:100svh;position:relative;background:#35241b url('../images/hero.webp') center 44%/cover no-repeat;color:#fff;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,16,13,.68) 0%,rgba(23,16,13,.4) 45%,rgba(23,16,13,.05) 100%),linear-gradient(0deg,rgba(20,15,11,.34),transparent 36%)}.hero-content{position:relative;z-index:1;padding-top:90px}.hero .eyebrow{color:var(--saffron)}.hero h1{margin-bottom:32px}.hero .subline{font-size:1rem;max-width:480px;opacity:.9}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.button{display:inline-block;padding:15px 24px;min-width:164px;text-align:center;background:var(--terra);color:#fff;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--terra);transition:background .2s,color .2s}.button:hover{background:#8d3f22}.button.outline{background:transparent;border-color:#ffffffb7}.button.outline:hover{background:#fff;color:#1f1a17}.scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:2;color:#fff;font-size:.67rem;letter-spacing:.2em;text-transform:uppercase}.scroll:after{content:'↓';display:block;font-size:23px;text-align:center;line-height:1.5}.intro{padding:clamp(90px,12vw,170px) 0 110px;text-align:center}.intro p{font-family:'Fraunces',Georgia,serif;font-size:clamp(1.8rem,3vw,3.2rem);line-height:1.3;letter-spacing:-.02em;max-width:900px;margin:auto}.section-head{padding-top:115px;padding-bottom:52px;display:flex;align-items:end;justify-content:space-between;gap:30px}.section-head h2{margin-bottom:0}.section-head .small{max-width:310px;color:var(--muted);font-size:.95rem}.feature{position:relative;min-height:570px;display:flex;align-items:end;color:white;overflow:hidden;background:#675344}.feature>img{position:absolute;inset:0;height:100%;filter:saturate(.85)}.feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#130f0bc9 0%,transparent 75%)}.feature .feature-content{z-index:1;position:relative;padding-top:130px;padding-bottom:65px;width:100%}.feature h3{font-size:clamp(3.5rem,6vw,6rem);margin-bottom:12px}.feature p{margin-bottom:0;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.films-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:26px}.film-card{position:relative;background:#34271f;overflow:hidden;aspect-ratio:1.58;color:white}.film-card img{height:100%;transition:transform .6s}.film-card:hover img{transform:scale(1.035)}.film-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1b100ac7,transparent 70%)}.film-text{position:absolute;z-index:2;bottom:30px;left:32px;right:25px}.film-text h3{font-size:clamp(1.8rem,3vw,3.25rem);margin-bottom:5px}.film-text p{font-size:.69rem;text-transform:uppercase;letter-spacing:.13em;margin-bottom:0}.film-note{font-size:.78rem;color:var(--muted);margin:20px 0 0}.section-pad{padding-bottom:130px}.florence{background:var(--night);color:#f7f1e8}.florence-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,8vw,135px);align-items:center;padding-top:140px;padding-bottom:140px}.portrait-frame{position:relative}.portrait-frame img{max-height:650px;aspect-ratio:4/5}.portrait-frame .credit{font-size:.68rem;opacity:.75;padding-top:10px}.florence p:not(.eyebrow){max-width:520px;color:#ddcbba;font-size:1.08rem}.florence h2{margin-bottom:30px}.florence .line{width:60px;height:1px;background:var(--saffron);margin:28px 0}.florence a.textlink{display:inline-block;border-bottom:1px solid var(--saffron);padding-bottom:6px;color:var(--saffron);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.projects{background:var(--cream)}.projects-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.project img{aspect-ratio:3/4}.project h3{font-size:1.5rem;margin:18px 0 6px}.project p{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#816a59}.project .number{position:absolute;top:12px;left:12px;background:#241a15b0;color:white;padding:6px 9px;font-size:.64rem;letter-spacing:.1em}.project .visual{position:relative;overflow:hidden}.project img{transition:transform .6s}.project:hover img{transform:scale(1.04)}.expertise{background:var(--sand);padding:105px 0 120px}.expertise .eyebrow{color:var(--terra)}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:65px}.expertise article{border-top:1px solid #9b8774;padding-top:24px}.expertise h3{font-size:2rem;min-height:78px}.expertise p{color:#67584d;max-width:340px}.contact{background:var(--night);color:#fff}.contact-visual{height:380px;background:url('../images/contact-v7.webp') center center/cover no-repeat}.contact-body{padding-top:110px;padding-bottom:120px;display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end}.contact-body h2{max-width:700px;margin-bottom:0}.contact-body p{color:#ddcbba}.contact .contact-note{font-size:.84rem;color:#c1aa95}footer{background:#1d1713;color:#c5b6a7;padding:25px 0;font-size:.73rem}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}.fox-mark{font-size:.74rem;letter-spacing:.17em;text-transform:uppercase;color:var(--saffron);margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:950px){.menu-toggle{display:block}.site-header{align-items:flex-start}.menu{display:none;position:absolute;top:90px;left:20px;right:20px;background:#241914f5;padding:25px;flex-direction:column;align-items:flex-start;gap:22px}.menu.open{display:flex}.projects-grid{grid-template-columns:repeat(3,1fr)}.florence-layout{gap:40px}}@media(max-width:650px){.hero{min-height:680px;height:90svh;background-position:44% center}.hero:before{background:linear-gradient(90deg,#160f0cb8,#160f0c50)}.hero h1{font-size:clamp(3rem,11vw,4.6rem)}.hero-content{padding-top:100px}.intro{padding:85px 0}.section-head{display:block;padding-top:80px}.section-head .small{padding-top:18px}.feature{min-height:480px}.films-grid,.florence-layout,.contact-body,.expertise-grid{grid-template-columns:1fr}.films-grid{gap:16px}.film-card{aspect-ratio:1.1}.florence-layout{padding-top:80px;padding-bottom:85px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:14px}.project h3{font-size:1.27rem}.expertise{padding:85px 0}.expertise-grid{gap:20px;margin-top:45px}.expertise h3{min-height:unset}.contact-visual{height:260px}.contact-body{padding-top:85px;padding-bottom:90px;gap:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* V2 — Cinéma, hero right-aligned and independent white-fox signature */
.site-header{color:#2e221b;align-items:flex-start;padding-top:28px}
.brand{display:block;position:relative;width:245px;max-width:none;line-height:.9;font-size:clamp(1.65rem,2.35vw,2.55rem);padding-right:38px}
.brand-fox{position:absolute;width:94px;height:48px;object-fit:contain;right:-4px;bottom:-27px;color:#fff;filter:drop-shadow(0 1px 2px #4a322a99)}
.menu a:hover,.lang a:hover{color:#9a4a2a}
.lang .active{color:#9a4a2a}
.hero{background-image:url('../images/hero.webp');background-position:center center;color:#2e221b;min-height:690px}
.hero:before{background:linear-gradient(90deg,rgba(20,14,10,.08) 0%,rgba(250,221,183,0) 47%,rgba(255,224,186,.21) 100%)}
.hero-content{width:100%;padding-top:100px;padding-left:max(54%, 780px);padding-right:clamp(25px,4vw,85px)}
.hero h1{font-size:clamp(2.8rem,4.2vw,5.5rem);letter-spacing:-.05em;line-height:1.03;max-width:720px;margin-bottom:25px}
.hero .eyebrow{color:#6b4129;text-shadow:0 1px 5px #ffd9a8}
.hero .subline{color:#3d2b24;max-width:490px;font-weight:500;opacity:1}
.hero .button.outline{border-color:#934523;color:#5e2b19;background:#f4d9ba55}
.hero .button.outline:hover{background:#f7f1e8}
.scroll{color:#fff;text-shadow:0 1px 4px #24150e;bottom:20px}
@media(max-width:1200px){.site-header{gap:12px}.brand{font-size:1.85rem;width:225px}.menu{gap:11px}.menu a{font-size:.61rem}.hero-content{padding-left:51%}.hero h1{font-size:clamp(2.8rem,4.5vw,4.8rem)}}
@media(max-width:950px){.site-header{color:white}.brand{filter:drop-shadow(0 2px 4px #25160e)}.hero-content{padding-left:45%;padding-top:125px}.hero h1{font-size:clamp(2.7rem,5vw,4.4rem)}.menu-toggle{display:block}.menu{background:#241914f5;color:#fff}}
@media(max-width:650px){.site-header{padding-top:23px}.brand{font-size:1.55rem;width:208px;padding-right:50px}.brand-fox{right:8px;bottom:-18px;width:77px}.hero{min-height:740px;height:100svh;background-position:39% center}.hero:before{background:linear-gradient(0deg,rgba(244,195,146,.8) 0%,rgba(244,195,146,.42) 43%,rgba(30,20,15,.3) 100%)}.hero-content{padding:0 23px 55px;align-self:flex-end}.hero h1{font-size:clamp(2.75rem,10vw,4.35rem);max-width:500px}.hero .subline{font-size:.94rem}.hero .eyebrow{font-size:.66rem}.scroll{display:none}.buttons{margin-top:23px}}

/* V3 — Film-first art direction. Preserve the complete, user-selected second hero image
   as a source photograph/layout at desktop width; buttons are linked via hotspots. */
@media(min-width:951px){
.site-header{opacity:0;pointer-events:none}
.v3-hero{height:auto;min-height:0;aspect-ratio:16/9;background:#a67660 url('../images/hero-v3-desktop.webp') center center/100% 100% no-repeat;display:block;color:#2e221b}
.v3-hero:before{display:none}
.v3-hero .hero-content,.v3-hero>.scroll{display:none}
.hero-hotspots{position:absolute;inset:0;z-index:8}
.hotspot{position:absolute;display:block;border-radius:3px}
.hotspot:focus-visible{outline:3px solid #fff;outline-offset:3px;background:#b4532f33}
.brandspot{left:5%;top:2%;width:20%;height:14%}.filmspot{left:42%;top:3%;width:8%;height:7%}.florencespot{left:51%;top:3%;width:11%;height:7%}.projetspot{left:63%;top:3%;width:7%;height:7%}.expertspot{left:70%;top:3%;width:7%;height:7%}.coprodspot{left:78%;top:3%;width:10%;height:7%}.contactspot{left:90%;top:3%;width:9%;height:8%}.language-spot{left:86%;top:3%;width:4%;height:7%}.filmcta{left:60%;top:41%;width:12%;height:13%}.projectcta{left:73%;top:41%;width:13%;height:13%}.scrollspot{left:48%;bottom:0;width:5%;height:10%}
}
@media(max-width:950px){.hero-hotspots{display:none}.site-header{opacity:1;pointer-events:auto}.v3-hero{background-image:url('../images/hero.webp')}}
.awards{background:#261a16;color:#f7f1e8;padding:clamp(80px,10vw,148px) 0}
.awards-head{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;align-items:end;margin-bottom:65px}.awards-head h2{margin-bottom:0}.awards-head>p{color:#d4c0b2;max-width:500px;font-size:1.06rem}.awards .eyebrow{color:#e8b07a}
.award-main{display:grid;grid-template-columns:26% 1fr;gap:4vw;padding:40px 0 58px;border-top:1px solid #9c8069;border-bottom:1px solid #9c8069;align-items:start}.award-main .award-year{font-family:'Fraunces',Georgia,serif;font-size:clamp(5rem,10vw,11rem);line-height:1;font-weight:300;color:#e8b07a}.award-main h3{font-size:clamp(2.1rem,3.8vw,4.3rem);max-width:820px}.award-main p{color:#e6d6c9}.award-main a,.awards-source a{color:#f3c18c;text-decoration:underline;text-underline-offset:4px;font-size:.84rem}.award-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:55px}.award-grid article{border-top:1px solid #846b5e;padding-top:22px}.award-grid span{font-size:.86rem;letter-spacing:.1em;color:#e8b07a}.award-grid h3{font-size:clamp(1.35rem,2vw,2rem);margin:17px 0}.award-grid p{font-size:.9rem;color:#d7c5b8}.awards-source{font-size:.74rem;color:#a99584;margin:55px 0 0}
@media(max-width:750px){.awards-head,.award-main{grid-template-columns:1fr}.award-grid{grid-template-columns:repeat(2,1fr)}.award-main .award-year{font-size:5rem}}
@media(max-width:480px){.award-grid{grid-template-columns:1fr}}

/* V4: source image supplied by user is locked. No interpolation/re-generation. */
@media(min-width:951px){
.v3-hero{background-image:url('../images/hero-original-valide.png')!important;background-size:100% 100%!important;aspect-ratio:1672/941!important;}
}
@media(max-width:950px){
.v3-hero{background-image:url('../images/hero-original-valide.png')!important;background-size:cover!important;background-position:37% center!important;}
}

/* V5 — Original portrait is untouched. The approved logo is a separate transparent overlay. */
@media(min-width:951px){
.v3-hero{background-image:url('../images/hero-logo-ready.png')!important}
.hero-brand-approved{display:block;position:absolute;z-index:9;top:1.5%;left:4.8%;width:17.4%;max-width:none;line-height:0}
.hero-brand-approved img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(55,35,24,.3))}
}
@media(max-width:950px){.hero-brand-approved{display:none}.v3-hero{background-image:url('../images/hero-original-valide.png')!important}}

/* V6 — true editable text and independent logo, no dark logo backing. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,300;9..144,400&display=swap');
.real-header{opacity:1!important;pointer-events:auto!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;position:absolute!important;top:0;left:0;right:0;z-index:25!important;width:100%;padding:2.3% 4.8% 0!important;background:transparent!important;color:#2f221d!important;gap:20px}
.real-header .brand-image{width:clamp(170px,17.4vw,290px);flex:none;display:block;line-height:0}
.real-header .brand-image img{width:100%;height:auto;object-fit:contain;filter:none!important}
.real-header .menu{display:flex;align-items:center;gap:clamp(12px,1.75vw,29px);background:transparent}
.real-header .menu a{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(9px,.73vw,12px);white-space:nowrap;color:#2d241f;font-weight:700;letter-spacing:.025em;text-transform:uppercase}
.real-header .menu .lang{white-space:nowrap;margin-left:2px}
.real-header .menu .nav-contact{background:#ae4119;color:#fff!important;padding:13px 25px;border-radius:3px;margin-left:5px}
.v6-hero{background-image:url('../images/hero-sans-texte.png')!important;background-size:cover!important;background-position:center center!important;min-height:0!important;height:auto!important;aspect-ratio:1672/941!important;position:relative!important;display:block!important;color:#2d1f18!important}
.v6-hero:before{display:none!important}
.hero-editorial{position:absolute;left:55.5%;top:21.5%;width:40.5%;z-index:5;text-align:center;color:#2d1b13}
.hero-editorial h1{font-family:'Fraunces',Georgia,serif;font-weight:300;font-size:clamp(32px,4.15vw,70px);letter-spacing:-.045em;line-height:1.08;margin:0;max-width:none}
.hero-flourish{width:35%;height:14px;border-top:3px solid #311e16;border-radius:50%;transform:rotate(-2deg);margin:20px auto 19px}
.hero-actions{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:9px}
.hero-actions .button{padding:12px 20px;min-width:0;font-size:clamp(10px,.78vw,13px);letter-spacing:.03em;border-radius:3px;background:#ae4119;border-color:#ae4119;color:white;line-height:1.2}
.hero-actions .button.outline{color:#522b1b;background:transparent;border-color:#ab512b}
.hero-actions span{font-size:1.4em;margin-left:12px}
.hero-down{position:absolute;bottom:2%;left:49.3%;z-index:5;color:white;font-size:31px;line-height:1}
@media(max-width:1100px){.real-header{gap:12px}.real-header .menu{gap:11px}.real-header .menu .nav-contact{padding:10px 13px}.hero-editorial h1{font-size:4vw}}
@media(max-width:950px){.real-header .menu-toggle{display:block;color:#fff;background:#2d211ab8;align-self:flex-start;z-index:30}.real-header .menu{display:none;position:absolute;top:90px;left:15px;right:15px;padding:25px;background:#2d211aed;flex-direction:column;align-items:flex-start;gap:15px}.real-header .menu.open{display:flex}.real-header .menu a{font-size:13px;color:#fff}.v6-hero{min-height:650px!important;aspect-ratio:auto!important;background-position:35% center!important}.hero-editorial{left:38%;top:23%;width:58%;}.hero-editorial h1{font-size:clamp(30px,5vw,49px)}.hero-actions{gap:10px}.hero-actions .button{padding:11px 10px}}
@media(max-width:650px){.real-header .brand-image{width:185px}.v6-hero{height:95svh!important;min-height:650px!important;background-position:37% center!important}.hero-editorial{top:auto;bottom:10%;left:4%;width:92%;background:rgba(253,225,191,.84);padding:20px 13px 22px;border-radius:3px}.hero-editorial h1{font-size:clamp(30px,8vw,46px)}.hero-flourish{margin:12px auto 8px}.hero-actions{flex-wrap:wrap}.hero-actions .button{font-size:11px}.hero-down{display:none}}

/* V7 — ligne éditoriale, filmographie complémentaire, pitchs projets */
.ligne-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;max-width:1100px;margin:56px auto 0;padding:0 40px;box-sizing:border-box;text-align:left}
.ligne-grid h3{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:24px;line-height:1.2;margin:0 0 10px}
.ligne-grid p{font-size:16px;line-height:1.6;margin:0;opacity:.85}
.film-list{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;border-top:1px solid rgba(0,0,0,.12)}
.film-list li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(0,0,0,.12);font-size:16px}
.film-list li span{opacity:.7;text-align:right}
.project .pitch{font-size:15px;line-height:1.5;opacity:.85;margin-top:6px;text-transform:none;letter-spacing:normal}
.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:950px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.projects-grid{grid-template-columns:1fr}}
@media(max-width:850px){.ligne-grid{grid-template-columns:1fr;gap:28px}.film-list{grid-template-columns:1fr}}

/* ===== V8 — transitions adoucies + lisibilité du logo ===== */
html{scroll-behavior:smooth}
/* Voile sombre doux derrière le logo (haut gauche) */
.v6-hero:before{display:block!important;content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none;background:radial-gradient(ellipse 36% 32% at 13% 13%,rgba(46,26,14,.68) 0%,rgba(46,26,14,.42) 45%,rgba(46,26,14,0) 100%)!important}
/* Fondu du bas de la photo vers la crème de la page */
.v6-hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:26%;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(247,241,232,0) 0%,rgba(247,241,232,.35) 45%,rgba(247,241,232,.82) 80%,#f7f1e8 100%)}
.hero-down{color:#6b4129!important}
/* Fondus entre sections claires et sombres */
.florence{background:linear-gradient(180deg,var(--cream) 0,var(--night) 220px)!important}
.awards{background:linear-gradient(180deg,var(--night) 0,#261a16 160px)!important}
.projects{background:linear-gradient(180deg,#261a16 0,var(--cream) 200px)!important;padding-top:110px}
.expertise{background:linear-gradient(180deg,var(--cream) 0,var(--sand) 200px)!important}
.contact{background:linear-gradient(180deg,var(--sand) 0,var(--night) 220px)!important}
@media (max-width:700px){.v6-hero:before{background:radial-gradient(ellipse 60% 26% at 22% 9%,rgba(46,26,14,.66) 0%,rgba(46,26,14,0) 100%)!important}.v6-hero:after{height:18%}}