/* Accueil éditorial. Les médias et le lecteur d’introduction sont conservés. */
.studio-page{--studio-text:#f1f0ec;--studio-muted:#b9bcba;--studio-line:#ffffff1c;--studio-gutter:clamp(24px,5vw,192px);--gutter:var(--studio-gutter);font-size:calc(clamp(15.3px,0.648vw,25.2px) * var(--text-scale,1));line-height:1.65;color:var(--studio-text)}
.studio-page header{height:auto;min-height:clamp(88px,5vw,180px);padding:24px var(--gutter);gap:24px}.studio-page .logo{width:clamp(190px,10vw,360px)}.studio-page .signature{font:400 calc(clamp(13.5px,0.612vw,23.4px) * var(--text-scale,1))/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;color:#d6d7d3}
.studio-page #accueil{padding-bottom:clamp(32px,4vw,150px)}.studio-page .cinema{width:min(100%,2400px,calc((100svh - 160px)*1.7777778));max-width:100%;margin-inline:auto}.studio-page .cinema video{object-fit:contain}
.studio-page .loader-orbit,.studio-page .loader-track{display:none}.studio-page .loader-label{font:400 calc(clamp(13.5px,0.63vw,23.4px) * var(--text-scale,1))/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;color:#c2c5c3}.studio-page .loader-start,.studio-page .scene-controls button{background:#171919;border:1px solid #ffffff40;color:#f1f0ec;box-shadow:none;backdrop-filter:none;font:400 calc(clamp(12.6px,0.54vw,19.8px) * var(--text-scale,1))/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;padding:12px 18px}
.section-heading h2,.studio-contact h2{font:400 calc(clamp(34.2px,2.925vw,108px) * var(--text-scale,1))/1.08 Arial,Helvetica,sans-serif;letter-spacing:-.045em;color:var(--studio-text);margin:22px 0 28px}.section-kicker{font:400 calc(clamp(14.4px,0.63vw,24.3px) * var(--text-scale,1))/1.5 Arial,Helvetica,sans-serif;color:#aeb3b0;letter-spacing:0}.section-heading>p:last-child{max-width:42ch;color:var(--studio-muted);font-size:calc(clamp(16.2px,0.765vw,28.8px) * var(--text-scale,1))}
.editorial-expertises{padding:clamp(48px,5vw,192px) var(--gutter) clamp(80px,8vw,280px);display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);gap:clamp(40px,4vw,150px)}.editorial-expertises .section-heading{align-self:start;position:sticky;top:calc(var(--nav-height, 100px) + 32px)}.expertise-list{min-width:0}.expertise-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.85fr);align-items:center;gap:clamp(24px,3vw,96px);padding:clamp(24px,2.2vw,80px) 0;border-top:1px solid var(--studio-line);scroll-margin-top:40px}.expertise-block:first-child{padding-top:0;border-top:0}.expertise-block h3{font:400 calc(clamp(25.2px,1.8vw,64.8px) * var(--text-scale,1))/1.18 Arial,Helvetica,sans-serif;letter-spacing:-.025em;margin:0 0 22px;color:var(--studio-text)}.expertise-block p{color:var(--studio-muted);max-width:38ch}.expertise-block img{display:block;width:100%;height:clamp(150px,15vw,460px);object-fit:contain;opacity:.8}.expertise-block:nth-child(even){padding-left:0}
.studio-portfolio{padding:clamp(56px,6vw,220px) var(--gutter);background:#090b0b;border-top:1px solid #ffffff0c}.studio-portfolio .section-heading{max-width:1100px;margin-bottom:clamp(48px,4vw,140px)}.studio-projects{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(48px,4vw,140px) clamp(24px,2.4vw,92px)}.studio-project{min-width:0}.studio-project:nth-child(even){margin-top:0}.studio-project>a{display:block}.studio-project-image{aspect-ratio:1.5;overflow:hidden;background:#161919}.studio-project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 240ms ease}.studio-project a:hover img{transform:scale(1.015)}.studio-project-text{padding-top:26px}.project-category{font-size:calc(clamp(13.5px,0.585vw,21.6px) * var(--text-scale,1));color:#a7aeaa}.studio-project h3{font:400 calc(clamp(20.7px,1.035vw,37.8px) * var(--text-scale,1))/1.22 Arial,Helvetica,sans-serif;letter-spacing:-.025em;margin:10px 0 14px}.project-description{color:var(--studio-muted);font-size:calc(clamp(15.3px,0.675vw,25.2px) * var(--text-scale,1))}.project-visit{display:inline-block;margin-top:18px;font-size:calc(clamp(14.4px,0.63vw,23.4px) * var(--text-scale,1));color:#e2e5e1;overflow-wrap:anywhere}.project-visit>span:first-child{margin-left:14px}.studio-project a:hover .project-visit{text-decoration:underline;text-underline-offset:6px;text-decoration-color:#b4bab6}
.studio-contact{padding:clamp(88px,9vw,320px) var(--gutter);text-align:center}.studio-contact h2{margin:24px 0 44px}.studio-page .sf-button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:56px;max-width:100%;padding:18px 30px;border:1px solid #eceee9;background:#eceee9;color:#101313;font:400 calc(clamp(16.2px,0.765vw,28.8px) * var(--text-scale,1))/1.4 Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:0;border-radius:2px;box-shadow:none;transition:background 180ms ease,border-color 180ms ease}.studio-page .sf-button::before,.studio-page .sf-button::after{content:none}.studio-page .sf-button:hover:not(:disabled){background:#cdd3ce;border-color:#cdd3ce;color:#101313;box-shadow:none}.studio-page .sf-button:disabled{opacity:.45}.studio-contact-email{display:block;width:fit-content;max-width:100%;margin:24px auto 0;color:#b9bfbb;overflow-wrap:anywhere}.studio-contact-email:hover{text-decoration:underline;text-underline-offset:6px}
.studio-page a:focus-visible,.studio-page button:focus-visible{outline:2px solid #d4ddd6;outline-offset:6px}.studio-page .site-footer{background:#090b0b;border-top-color:#ffffff10;--footer-accent:#bfc9c1;padding-top:clamp(56px,5vw,180px)}.studio-page .site-footer a:hover{text-decoration-color:#bfc9c1}.studio-page .footer-social svg,.studio-page .footer-social>span:last-child{color:#bfc9c1}.studio-page .footer-grid{grid-template-columns:1.1fr 1.2fr .7fr 1fr}.studio-page .footer-description{max-width:27ch}
.studio-page dialog{width:min(760px,calc(100% - 32px));padding:clamp(24px,2vw,64px);background:#111515;border:1px solid #ffffff30}.studio-page dialog h2{font:400 calc(clamp(27px,1.35vw,48.6px) * var(--text-scale,1))/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.025em}.studio-page .dialog-header .eyebrow{font:400 calc(clamp(14.4px,0.63vw,21.6px) * var(--text-scale,1))/1.4 Arial,Helvetica,sans-serif;letter-spacing:0}.studio-page .dialog-header .eyebrow span{display:none}.studio-page .form-intro,.studio-page .form-status,.studio-page label,.studio-page .email-link{font-size:calc(clamp(14.4px,0.63vw,21.6px) * var(--text-scale,1))}.studio-page .privacy{font-size:calc(clamp(12.6px,0.54vw,18.9px) * var(--text-scale,1))}.studio-page input,.studio-page textarea{font-size:calc(clamp(15.3px,0.63vw,22.5px) * var(--text-scale,1));background:#181c1b;border-color:#ffffff40}.studio-page input:focus,.studio-page textarea:focus{outline-color:#d4ddd6}.studio-page #contact-close{border-color:#ffffff30}.studio-page .dialog-header .eyebrow{color:#c7cdca}
#expertises,#realisations,#laboratoire,#contact{scroll-margin-top:32px}
@media(min-width:2200px){.studio-page{--header-height:160px}.studio-page .cinema{width:min(100%,2800px,calc((100svh - 230px)*1.7777778))}}
@media(max-width:1100px){.editorial-expertises{grid-template-columns:1fr;gap:56px}.editorial-expertises .section-heading{position:static;max-width:700px}.section-heading h2 br{display:none}.section-heading h2 br::after{content:' '}.expertise-block{grid-template-columns:minmax(0,1fr) minmax(180px,.7fr)}.expertise-block:nth-child(even){padding-left:0}.studio-page .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.studio-page header{flex-wrap:nowrap;justify-content:space-between;align-items:center;padding-block:20px;gap:20px}.studio-page .logo{width:150px}.studio-page .signature{width:auto;max-width:14ch;text-align:right;font-size:calc(12.6px * var(--text-scale,1))}.studio-page .cinema{width:100%}.studio-page #accueil{padding-bottom:12px}.section-heading h2,.studio-contact h2{font-size:calc(clamp(35.1px,8.1vw,52.2px) * var(--text-scale,1))}.editorial-expertises{padding-top:48px;padding-bottom:64px;gap:44px}.expertise-block{gap:18px;grid-template-columns:minmax(0,1fr);padding:24px 0}.expertise-block h3{font-size:calc(clamp(22.5px,5.4vw,29.7px) * var(--text-scale,1))}.expertise-block img{height:210px;width:min(100%,320px);justify-self:center}.expertise-block p{font-size:calc(15.3px * var(--text-scale,1))}.studio-projects{grid-template-columns:minmax(0,1fr);gap:44px}.studio-project:nth-child(even){margin-top:0}.studio-project-text{padding-top:20px}.studio-contact{padding-block:80px}.studio-page .footer-grid{grid-template-columns:minmax(0,1fr)}.studio-page .sf-button{padding:17px 24px;gap:22px}}
@media(max-width:360px){.expertise-block{grid-template-columns:minmax(0,1fr)}.expertise-block img{height:190px;width:min(100%,280px);justify-self:center}.studio-page header{gap:12px}.studio-page .logo{width:130px}}
@media(prefers-reduced-motion:reduce){.studio-project-image img,.studio-page .sf-button{transition:none}.studio-project a:hover img{transform:none}}

/* Navigation ONE PAGE et grille régulière. */
:root{--nav-height:104px;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 24px)}
.studio-page .site-header{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;min-height:0;height:auto;padding:14px var(--gutter);background:#101414ed;border-bottom:1px solid #ffffff12;backdrop-filter:blur(12px)}
.header-brand{display:flex;flex-direction:column;align-items:flex-start;gap:5px;flex-shrink:0}.studio-page .site-header .logo{width:clamp(156px,8vw,280px)}.studio-page .site-header .signature{display:block;max-width:none;width:auto;font-size:calc(clamp(10.8px,0.45vw,17.1px) * var(--text-scale,1));text-align:left;white-space:nowrap}
.primary-navigation{display:flex;align-items:center;gap:clamp(18px,2vw,72px)}.primary-navigation a{display:block;padding:12px 0;color:#bfc6c2;font:400 calc(clamp(14.4px,0.648vw,24.3px) * var(--text-scale,1))/1.4 Arial,Helvetica,sans-serif;white-space:nowrap;transition:color 160ms ease}.primary-navigation a:hover,.primary-navigation a[aria-current]{color:#fff}.primary-navigation a[aria-current]{text-decoration:underline;text-decoration-color:#ffffff50;text-underline-offset:8px;text-decoration-thickness:1px}.nav-toggle{display:none}
.studio-page .studio-portfolio{padding-inline:clamp(24px,3.5vw,134px)}
#accueil,#expertises,#realisations,#laboratoire,#contact,.expertise-block{scroll-margin-top:0}
.studio-page .skip-link{z-index:150}
@media(max-width:1100px){.studio-projects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.studio-page .site-header{flex-wrap:wrap;gap:0 20px;padding-block:12px}.studio-page .site-header .logo{width:160px}.studio-page .site-header .signature{font-size:calc(10.8px * var(--text-scale,1))}.site-header[data-nav-ready] .nav-toggle{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:80px;min-height:44px;padding:10px 14px;background:transparent;border:1px solid #ffffff40;border-radius:2px;color:#f1f0ec;font:400 calc(14.4px * var(--text-scale,1))/1.4 Arial,Helvetica,sans-serif}.primary-navigation{width:100%;align-items:stretch;gap:0;flex-direction:column;padding:16px 0 8px}.primary-navigation a{padding:12px 0;font-size:calc(16.2px * var(--text-scale,1))}.site-header[data-nav-ready] .primary-navigation{position:absolute;top:100%;left:0;right:0;width:auto;margin:0;padding:16px var(--gutter) 24px;background:#101414fa;border-bottom:1px solid #ffffff20;max-height:calc(100dvh - var(--nav-height));overflow-y:auto}.site-header[data-nav-ready]:not(.nav-open) .primary-navigation{display:none}}
@media(max-width:650px){.studio-projects{grid-template-columns:minmax(0,1fr)}.studio-page .site-header{padding-inline:24px}.studio-project-image img{transform:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.primary-navigation a{transition:none}}

/* Six expertises : titres dégagés, textes développés, images plus présentes. */
.editorial-expertises{display:block;padding-top:clamp(40px,3vw,110px);padding-bottom:clamp(56px,4vw,150px)}
.editorial-expertises .section-heading{position:static;max-width:none;margin-bottom:clamp(32px,3vw,100px)}
.editorial-expertises .section-heading h2 br{display:none}.editorial-expertises .section-heading h2{white-space:nowrap;font-size:calc(clamp(30.6px,2.925vw,108px) * var(--text-scale,1))}
.editorial-expertises .section-heading>p:last-child{max-width:74ch}
.expertise-block{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:clamp(28px,4vw,150px);padding:clamp(20px,1.6vw,60px) 0}
.expertise-block h3{font-size:calc(clamp(19.8px,1.485vw,50.4px) * var(--text-scale,1));white-space:nowrap;margin-bottom:20px;letter-spacing:-.025em}
.expertise-block p{font-size:calc(clamp(16.2px,0.81vw,28.8px) * var(--text-scale,1));line-height:1.75;max-width:64ch}
.expertise-block img{width:100%;height:clamp(220px,16vw,560px);object-fit:cover;object-position:center;opacity:.9}
.studio-portfolio .section-heading{max-width:none}.studio-portfolio .section-heading h2{white-space:nowrap}
.studio-project-text{padding-top:20px}.studio-project h3{margin:0 0 12px}.studio-project .project-category{margin:0;line-height:1.5}.project-visit{margin-top:14px}
@media(max-width:1100px){.editorial-expertises .section-heading h2,.studio-portfolio .section-heading h2{white-space:normal}.expertise-block{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px}.expertise-block h3{font-size:calc(clamp(22.5px,2.25vw,28.8px) * var(--text-scale,1));white-space:normal}.expertise-block p{font-size:calc(16.2px * var(--text-scale,1))}.expertise-block img{height:clamp(250px,30vw,360px)}}
@media(max-width:650px){.editorial-expertises .section-heading h2,.section-heading h2,.studio-contact h2{font-size:calc(clamp(30.6px,7.2vw,44.1px) * var(--text-scale,1))}.editorial-expertises .section-heading{margin-bottom:32px}.expertise-block{grid-template-columns:minmax(0,1fr);gap:22px;padding:22px 0}.expertise-block h3{font-size:calc(clamp(21.6px,5.22vw,27px) * var(--text-scale,1))}.expertise-block p{font-size:calc(16.2px * var(--text-scale,1));line-height:1.7}.expertise-block img{width:100%;max-width:none;height:clamp(240px,70vw,360px);justify-self:stretch}.studio-projects{gap:38px}.studio-project h3{font-size:calc(24.3px * var(--text-scale,1))}}

/* Lumière ambre très diffuse depuis le bord gauche, sur toute la page. */
.studio-page::after{content:'';position:fixed;inset:0;z-index:5;pointer-events:none;background:linear-gradient(to right,rgba(205,143,87,.045) 0%,rgba(205,143,87,.018) 22%,rgba(205,143,87,.007) 44%,rgba(205,143,87,.007) 50%,rgba(205,143,87,.007) 56%,rgba(205,143,87,.018) 78%,rgba(205,143,87,.045) 100%)}