/* Brands Production — editorial direction, October 2026. Existing product flows stay intact. */
:root{--da-wine:#64172d;--da-deep:#211016;--da-ivory:#f4f0e8;--da-ink:#30121d;--da-soft:#d8b4c0;--brand:#64172d;--brand-light:#cf8fa2;--orange:#761c37}
html{scroll-behavior:smooth}body{background:#211016}body.editorial-menu-open{overflow:hidden}em,.orange-text{color:#a94060}.eyebrow{font-size:.72rem;letter-spacing:.22em;font-weight:700;text-transform:uppercase}.button{border-radius:2px;letter-spacing:.02em;min-height:52px}.button.orange{background:var(--da-wine);color:#fff}.button.white{color:var(--da-ink)}.button:hover{transform:translateY(-2px)}.text-link{border-color:currentColor}.logo{font-size:clamp(1.3rem,1.8vw,1.9rem);letter-spacing:-.07em;line-height:.9}.site-header{z-index:40;padding:24px 4%;min-height:88px}.site-header nav{display:none!important}.site-header .menu{display:inline-flex!important;align-items:center;justify-content:space-between;gap:22px;min-width:116px;min-height:48px;padding:10px 14px;border:1px solid currentColor;border-radius:2px;background:transparent;color:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700}.site-header .menu:hover{background:#fff2}.menu-glyph{font-size:1rem;line-height:1;letter-spacing:0}.inner .site-header{border-bottom:1px solid #ffffff2a}.hero .site-header{color:#fff}.hero #mobile-nav,.inner #mobile-nav{display:none!important}.hero .sectors{display:none!important}
/* Full-screen visual menu. Hover and keyboard focus show a film still. */
.editorial-menu{position:fixed;z-index:1000;inset:0;background:var(--da-wine);color:#fff;overflow:auto;padding:24px 4% 22px;animation:menu-enter .35s ease both}.editorial-menu[hidden]{display:none!important}@keyframes menu-enter{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.editorial-menu-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.editorial-menu-brand{font-size:clamp(1.35rem,2vw,2rem);font-weight:800;letter-spacing:-.075em;line-height:.89}.editorial-menu-close{color:#fff;background:transparent;border:1px solid #ffffff75;padding:10px 14px;min-height:48px;cursor:pointer;text-transform:uppercase;font-size:.72rem;letter-spacing:.13em;font-weight:700}.editorial-menu-close span{font-size:1.5rem;line-height:.5;vertical-align:-.1em;margin-left:16px}.editorial-menu-body{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(40px,8vw,160px);width:min(1440px,100%);margin:clamp(26px,4vh,60px) auto 20px}.editorial-menu-visual{position:relative;min-height:0;width:100%;height:min(65vh,670px);overflow:hidden;background:#3b1422}.editorial-menu-visual:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#210b16b0);pointer-events:none}.editorial-menu-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;animation:menu-image .35s ease}@keyframes menu-image{from{opacity:.6;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.editorial-menu-caption{position:absolute;z-index:1;bottom:24px;left:25px;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}.editorial-menu-nav>p{font-size:.68rem;letter-spacing:.22em;color:#e8bbc9;margin:0 0 18px}.editorial-menu-link{display:grid;grid-template-columns:34px 1fr 36px;align-items:center;gap:12px;border-top:1px solid #ffffff48;padding:7px 0;color:#fff;transition:padding-left .25s,color .25s}.editorial-menu-link:last-child{border-bottom:1px solid #ffffff48}.editorial-menu-link>span:nth-child(2){font-size:clamp(2.5rem,5.5vw,6rem);line-height:1.05;letter-spacing:-.065em;font-weight:550}.editorial-menu-index{font-size:.7rem;color:#e8bbc9;align-self:start;margin-top:13px}.editorial-menu-arrow{font-size:1.25rem;opacity:0;transform:translate(-8px,8px);transition:opacity .25s,transform .25s}.editorial-menu-link:hover,.editorial-menu-link:focus-visible{padding-left:12px;opacity:1;color:#f8d8e1}.editorial-menu-link:hover .editorial-menu-arrow,.editorial-menu-link:focus-visible .editorial-menu-arrow{opacity:1;transform:translate(0,0)}.editorial-menu-bottom{display:flex;flex-wrap:wrap;gap:18px 34px;justify-content:flex-end;border-top:1px solid #ffffff48;padding-top:18px;font-size:.76rem;letter-spacing:.035em}.editorial-menu-bottom a:hover{text-decoration:underline;opacity:1}
/* Opening image: retained original Brands Production photograph. */
.home{background:var(--da-ivory);color:var(--da-ink)}.home .hero{height:100svh;min-height:720px;max-height:none;background-image:url('/assets/hero-brandsproduction.webp');background-position:50% 38%;background-size:cover}.home .hero:before{background:linear-gradient(90deg,#12070c88 0%,#12070c2b 65%),linear-gradient(0deg,#18070dbb 0%,transparent 44%,#12070c66 100%)}.home .hero-bottom{left:4%;right:4%;bottom:7%;color:#fff}.home .hero h1{font-size:clamp(3.5rem,8vw,9rem);font-weight:540;letter-spacing:-.072em;line-height:.9;max-width:1080px;margin:0 0 28px;text-wrap:balance;text-transform:none}.home .hero h1::first-line{color:#fff}.home .hero-positioning{max-width:500px;font-size:clamp(1.05rem,1.5vw,1.4rem);line-height:1.48;color:#f8e9ee}.home .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.home .hero-actions .button{min-width:190px;text-align:center;justify-content:center;border:1px solid #fff}.home .hero-actions .button.orange{background:transparent;border-color:#ffffffa0}.home .hero-actions .button.orange:hover{background:var(--da-wine)}.home .hero:after{content:'DÉFILER POUR DÉCOUVRIR  ↓';position:absolute;right:4%;bottom:7%;font-size:.65rem;letter-spacing:.2em;color:#fff;writing-mode:vertical-rl}
/* Gallery: film stills carry the page rather than small cards. */
.home .home-work{width:100%;max-width:none;margin:0;padding:clamp(70px,8vw,140px) 4% clamp(80px,9vw,150px);background:var(--da-ivory)}.home-work .section-head{align-items:flex-end;border-bottom:1px solid #30121d55;padding-bottom:27px;margin-bottom:40px}.home-work .section-head h2{font-size:clamp(3.5rem,9vw,10rem);font-weight:500;letter-spacing:-.075em;line-height:.83;text-transform:uppercase}.home-work .section-head h2 em{font-style:normal;color:var(--da-wine)}.home-work .section-head .text-link{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.home-films-expanded{max-width:none;margin:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(34px,4vw,68px) 2.2vw}.home-films-expanded .home-film{grid-column:span 4;min-width:0}.home-films-expanded .home-film:nth-child(1),.home-films-expanded .home-film:nth-child(4){grid-column:span 7}.home-films-expanded .home-film:nth-child(2),.home-films-expanded .home-film:nth-child(5){grid-column:span 5}.home-films-expanded .home-film:nth-child(3),.home-films-expanded .home-film:nth-child(6){grid-column:span 6}.home-films-expanded .home-film:nth-child(1) .project-media,.home-films-expanded .home-film:nth-child(4) .project-media{aspect-ratio:1.42}.home-films-expanded .home-film:nth-child(2) .project-media,.home-films-expanded .home-film:nth-child(5) .project-media{aspect-ratio:.95}.home-films-expanded .home-film:nth-child(3) .project-media,.home-films-expanded .home-film:nth-child(6) .project-media{aspect-ratio:1.45}.home-films-expanded .project-media{width:100%;height:auto;max-height:none;border:0;border-radius:0;background:#e5d9d9;overflow:hidden}.home-films-expanded .project-media img{object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.2,1)}.home-films-expanded .project-media:hover img{transform:scale(1.04)}.home-films-expanded .home-film-category{font-size:.68rem;letter-spacing:.17em;text-transform:uppercase;color:var(--da-wine);margin:15px 0 6px}.home-films-expanded .home-film h3{font-size:clamp(1.15rem,2vw,2rem);font-weight:500;letter-spacing:-.045em;line-height:1.2}.home-work .project-play{left:auto;right:16px;bottom:16px;width:52px;height:52px;display:grid;place-items:center;padding:0;background:#f5f0e8;color:var(--da-wine);border:0;border-radius:50%;font-size:.9rem}.home-work .project-play span{display:none}.home-work .conversion-row{margin-top:100px;border-top:1px solid #30121d55;padding-top:25px}.home-work .conversion-row p{font-size:clamp(1.4rem,2.4vw,2.5rem);letter-spacing:-.045em}.home .ticker{background:var(--da-wine);color:#fff;border:0;padding:18px 0;font-size:clamp(1.2rem,2.2vw,2.2rem);font-weight:500;letter-spacing:-.04em}.home .ticker-track span{color:#fff}.home .ticker-track span:after{content:' ✳ ';color:#edb5c6;margin:0 30px}
/* Burgundy editorial chapters, with large numbered steps. */
.home-method{width:100%;max-width:none;padding:clamp(80px,9vw,150px) 4%;background:var(--da-deep);color:#fff}.home-method .eyebrow{color:#d4a9b6}.home-method>h2{font-size:clamp(3.2rem,8vw,9rem);font-weight:500;line-height:.9;letter-spacing:-.07em;text-transform:uppercase}.home-method>h2 em{color:#d89aad}.home-method-intro{max-width:740px;color:#dfcad0;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.5;margin-top:33px}.home-method .avatar-method-steps{max-width:1220px;margin-top:70px}.home-method .avatar-method-steps>li{grid-template-columns:minmax(120px,22%) 1fr;gap:4%;border-top:1px solid #d5a6b466;padding:52px 0 60px}.home-method .avatar-step-number{font-size:clamp(5rem,10vw,12rem);line-height:.8;color:#ad5b72;font-weight:400}.home-method .avatar-method-steps h3{font-size:clamp(2.2rem,5vw,5.8rem);font-weight:500;letter-spacing:-.06em;line-height:1.04;max-width:750px}.home-method .avatar-method-steps p{max-width:700px;color:#dbc6ce}.home-method .campaign-step-week{letter-spacing:.19em;text-transform:uppercase;color:#d6a3b3}.home-method .avatar-method-note{color:#e5baca;border-left:2px solid #a74662;padding-left:16px}.home-method .home-method-timing{color:#c7abb5}.home-method .button.outline{border:1px solid #e3cbd3;color:#fff}
.home-avatar{position:relative;grid-template-columns:.8fr 1.2fr;gap:6%;padding-top:clamp(80px,8vw,130px);padding-bottom:clamp(80px,8vw,130px)}.home-avatar .eyebrow{color:var(--da-wine)}.home-avatar h2{font-size:clamp(3.5rem,7vw,8rem);line-height:.92;font-weight:500;letter-spacing:-.07em}.home-avatar h2 em{color:var(--da-wine)}.home-avatar>img{max-height:none;height:min(70vw,710px);object-fit:cover;object-position:center top;border-radius:0}.home-avatar p:not(.eyebrow){font-size:clamp(1.2rem,1.8vw,1.6rem);line-height:1.5;max-width:390px}.home-avatar .brief-actions{align-items:center;margin-top:30px}.home .faq{border-top:1px solid #30121d66;padding-top:75px;padding-bottom:110px}.home .faq h2{font-size:clamp(2.5rem,4.2vw,5rem)}.home .faq details{border-color:#30121d66}.home .faq details p{color:#5b4a4e}.home .faq summary:after{color:var(--da-wine)}.home .contact{background:var(--da-wine);padding:clamp(80px,9vw,150px) 0;color:#fff}.home .contact h2{font-size:clamp(3.7rem,9vw,10rem);font-weight:500;letter-spacing:-.075em;line-height:.9}.home .contact h2 span{color:#e3aabd}.home .contact-bottom{border-top:1px solid #ffffff66;padding-top:25px}.home footer{color:var(--da-ink)}.home footer>a:not(.logo),.home footer p{color:#5b4a4e}
/* Interior typography, still on the existing dark wine canvas. */
.inner{background:#211016;color:#fff}.inner .site-header{background:#211016}.inner .page-intro{padding-top:clamp(90px,9vw,160px);padding-bottom:clamp(45px,5vw,90px)}.inner .page-intro h1{font-size:clamp(3.4rem,8vw,9rem);font-weight:500;line-height:.88;letter-spacing:-.072em;max-width:1250px}.inner .page-intro h1 em{color:#d395a8}.inner .page-intro>p:last-child{font-size:clamp(1.1rem,1.6vw,1.5rem);line-height:1.5;color:#dcc9d0}.inner .page-intro .eyebrow{color:#d8afbc}.inner footer{border-top:1px solid #ffffff2c}.inner .project-card .project-media,.inner .offer-choice,.inner .avatar-card{border-radius:0}.inner .project-card img{border-radius:0}.inner .button{border-radius:2px}
/* The project index is an ivory editorial portfolio. */
.portfolio-page{background:var(--da-ivory);color:var(--da-ink)}.portfolio-page .site-header{background:var(--da-ivory);color:var(--da-ink);border-color:#30121d44}.portfolio-page .page-intro .eyebrow{color:var(--da-wine)}.portfolio-page .page-intro h1 em{color:var(--da-wine)}.portfolio-page .page-intro>p:last-child{color:#65555a}.portfolio-page .filter-bar{gap:0;border-top:1px solid #30121d55;border-bottom:1px solid #30121d55;margin-bottom:18px}.portfolio-page .filter-bar button{border:0;border-radius:0;color:var(--da-ink);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;padding:16px 18px}.portfolio-page .filter-bar button[aria-pressed=true]{background:var(--da-wine);color:#fff}.portfolio-page .project-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:75px 2vw}.portfolio-page .project-card{grid-column:span 4}.portfolio-page .project-card:nth-child(4n+1){grid-column:span 7}.portfolio-page .project-card:nth-child(4n+2){grid-column:span 5}.portfolio-page .project-card:nth-child(4n+3),.portfolio-page .project-card:nth-child(4n+4){grid-column:span 6}.portfolio-page .project-media{border:0;border-radius:0;aspect-ratio:4/5;background:#d7c9cb}.portfolio-page .project-card:nth-child(4n+1) .project-media{aspect-ratio:1.25}.portfolio-page .project-card:nth-child(4n+2) .project-media{aspect-ratio:.89}.portfolio-page .project-card:nth-child(4n+3) .project-media,.portfolio-page .project-card:nth-child(4n+4) .project-media{aspect-ratio:1.2}.portfolio-page .project-card .project-meta{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--da-wine)}.portfolio-page .project-card h2{font-size:clamp(1.3rem,2.4vw,2.5rem);font-weight:500;letter-spacing:-.05em;line-height:1.15}.portfolio-page .project-card .project-description{color:#64525a;max-width:50ch}.portfolio-page .small-note{color:#68565d}.portfolio-page .small-note a{color:var(--da-wine)}.portfolio-page .closing-cta{border-top:1px solid #30121d55;margin-top:35px}.portfolio-page footer{color:var(--da-ink);border-color:#30121d44}.portfolio-page footer>a:not(.logo),.portfolio-page footer p{color:#64525a}.portfolio-page .empty-state{background:#eadfe1;color:var(--da-ink)}.portfolio-page .empty-state p{color:#5c4d50}
/* Quiet motion, always readable if scripts fail. */
@media(max-width:900px){.editorial-menu-body{grid-template-columns:.65fr 1fr;gap:4vw}.editorial-menu-link>span:nth-child(2){font-size:clamp(2.6rem,6vw,4.2rem)}.home .hero h1{font-size:clamp(3.4rem,9vw,6rem)}.home-films-expanded .home-film:nth-child(n){grid-column:span 6}.home-films-expanded .home-film:nth-child(n) .project-media{aspect-ratio:4/5}.home-method .avatar-method-steps>li{grid-template-columns:140px 1fr}.portfolio-page .project-card:nth-child(n){grid-column:span 6}.portfolio-page .project-card:nth-child(n) .project-media{aspect-ratio:4/5}}
@media(max-width:650px){.site-header{min-height:72px;padding:18px 5%}.site-header .menu{min-width:90px;gap:10px;font-size:.66rem}.editorial-menu{padding:19px 5% 25px}.editorial-menu-body{display:block;margin-top:42px}.editorial-menu-visual{height:25vh;max-height:210px;min-height:130px;margin-bottom:25px}.editorial-menu-caption{bottom:12px;left:15px}.editorial-menu-link{grid-template-columns:25px 1fr 20px;padding:9px 0;gap:7px}.editorial-menu-link>span:nth-child(2){font-size:clamp(2.35rem,10vw,4rem)}.editorial-menu-index{margin-top:9px}.editorial-menu-bottom{justify-content:flex-start;gap:12px 18px;margin-top:25px;font-size:.7rem}.home .hero{height:100svh;min-height:680px;background-position:53% center}.home .hero:before{background:linear-gradient(0deg,#1b0711dc 0%,#1b07114d 46%,#14050a55 100%)}.home .hero-bottom{left:5%;right:5%;bottom:9%}.home .hero h1{font-size:clamp(2.9rem,11vw,5rem);line-height:.94;margin-bottom:20px}.home .hero-positioning{font-size:1rem}.home .hero:after{display:none}.home .hero-actions{margin-top:23px}.home .hero-actions .button{width:auto;min-width:0;font-size:.77rem;padding:13px 15px;min-height:45px}.home .home-work{padding:74px 5% 85px}.home-work .section-head{display:block}.home-work .section-head h2{font-size:clamp(3.25rem,12vw,6rem)}.home-work .section-head .text-link{display:inline-block;margin-top:26px}.home-films-expanded{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 13px}.home-films-expanded .home-film:nth-child(n){grid-column:span 1}.home-films-expanded .home-film:first-child{grid-column:span 2}.home-films-expanded .home-film:first-child .project-media{aspect-ratio:1.15}.home-films-expanded .home-film:nth-child(n+2) .project-media{aspect-ratio:4/5}.home-films-expanded .home-film h3{font-size:1rem}.home-films-expanded .home-film-category{font-size:.62rem;letter-spacing:.11em}.home-work .project-play{width:42px;height:42px;right:9px;bottom:9px}.home-work .conversion-row{margin-top:65px}.home-method{padding:76px 5% 85px}.home-method>h2{font-size:clamp(3rem,12vw,5rem)}.home-method-intro{font-size:1.05rem}.home-method .avatar-method-steps{margin-top:50px}.home-method .avatar-method-steps>li{grid-template-columns:1fr;gap:16px;padding:34px 0 44px}.home-method .avatar-step-number{font-size:4.5rem}.home-method .avatar-method-steps h3{font-size:clamp(2.1rem,8vw,3rem)}.home-method .avatar-method-steps p{font-size:1rem}.home-avatar{grid-template-columns:1fr;padding-top:75px;padding-bottom:80px;gap:35px}.home-avatar h2{font-size:clamp(3.1rem,12vw,5rem)}.home-avatar>img{grid-row:1;height:430px;max-height:60vh}.home .faq{padding-top:55px;padding-bottom:75px}.home .contact h2{font-size:clamp(3.1rem,11vw,5rem)}.inner .page-intro{padding-top:70px}.inner .page-intro h1{font-size:clamp(3rem,11vw,5rem)}.portfolio-page .project-grid{grid-template-columns:1fr;gap:48px}.portfolio-page .project-card:nth-child(n){grid-column:1}.portfolio-page .project-card:nth-child(n) .project-media{aspect-ratio:4/5;max-height:70svh}.portfolio-page .project-card .project-description{font-size:.95rem}.portfolio-page .filter-bar{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.portfolio-page .filter-bar button{flex:0 0 auto;padding:15px 13px;font-size:.68rem}.portfolio-page .page-intro{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.editorial-menu,.editorial-menu-visual img{animation:none!important}.home-films-expanded .project-media img{transition:none!important}}
@keyframes editorial-arrive{from{opacity:.72;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.editorial-in-view{animation:editorial-arrive .7s cubic-bezier(.2,.65,.2,1) both}@media(prefers-reduced-motion:reduce){.editorial-in-view{animation:none!important}}
/* Balanced pairs keep the editorial rhythm without empty grid slots. */
.home-films-expanded .home-film:nth-child(3),.home-films-expanded .home-film:nth-child(4){grid-column:span 6}.home-films-expanded .home-film:nth-child(5){grid-column:span 5}.home-films-expanded .home-film:nth-child(6){grid-column:span 7}.home-films-expanded .home-film:nth-child(3) .project-media,.home-films-expanded .home-film:nth-child(4) .project-media{aspect-ratio:1.18}.home-films-expanded .home-film:nth-child(5) .project-media{aspect-ratio:.95}.home-films-expanded .home-film:nth-child(6) .project-media{aspect-ratio:1.42}
@media(max-width:900px){.home-films-expanded .home-film:nth-child(n){grid-column:span 6}.home-films-expanded .home-film:nth-child(n) .project-media{aspect-ratio:4/5}}
@media(max-width:650px){.home-films-expanded .home-film:nth-child(n){grid-column:span 1}.home-films-expanded .home-film:first-child{grid-column:span 2}.home-films-expanded .home-film:first-child .project-media{aspect-ratio:1.15}.home-films-expanded .home-film:nth-child(n+2) .project-media{aspect-ratio:4/5}}