/* Layout revision: use one final set of responsive rules for the reviewed sections. */
:root{--page-left:64px;--menu-gap:20px}
.brand-home{left:var(--page-left);width:110px;height:32px;mix-blend-mode:difference}
.brand-home .brand-white{opacity:1!important}.brand-home .brand-black{opacity:0!important}
.brand-home .brand{transition:none}
.hero-logo{height:auto!important;object-fit:contain}
.eleg-final img,.arc-stamp,.arc-stamp-mobile{height:auto!important;object-fit:contain}
.menu-mobile-logo{left:var(--page-left)!important;width:110px!important}
.menu-btn,.menu-btn.dark{color:#fff;mix-blend-mode:difference}
.menu-btn.open{color:#fff}
.menu-intro{display:flex;flex-direction:column;align-items:flex-start;gap:var(--menu-gap)}
.menu-intro p,.menu-intro .mail,.menu-intro .about-link{display:block;margin:0!important;font-size:16px;line-height:1.05}
.menu-intro .about-link{font-size:14px;align-self:flex-start!important}
.menu-intro .mail:hover,.menu-intro .about-link:hover{color:#999}
.menu-overlay.open{visibility:visible}.menu-overlay:not(.open){visibility:hidden}
.menu-overlay{transition:transform .45s cubic-bezier(.22,.61,.36,1),visibility .45s}
.menu-overlay .menu-navcol{grid-template-rows:auto}
.project.split{min-height:0}
.project-media{background:#fff;min-width:0}
.project-media>img{width:100%;height:100vh;object-fit:cover}
.project-media video{width:100%;height:100vh;object-fit:cover;background:#000}
.film-frame{position:relative;width:100%;overflow:hidden;background:#000}
.film-frame video{position:absolute;max-width:none;top:0;min-height:0!important;height:100%!important;object-fit:fill!important}
.musee-film{aspect-ratio:976/720}.musee-film video{width:131.147541%!important;left:-15.57377%}
.je-film{aspect-ratio:4/3}.je-film video{width:133.333333%!important;left:-16.666667%}
.bm-film{height:100vh;height:100svh}.bm-film video{inset:0;width:100%!important;object-fit:cover!important}
#musee .project-copy{display:flex;flex-direction:column}
#musee .musee-description{font-size:15px;line-height:1.23;max-width:570px;margin:auto 0 0;padding-top:28px}
.musee-stills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;padding-top:20px;background:#fff}
#musee .musee-stills img{width:100%;height:auto!important;min-height:0;aspect-ratio:auto;object-fit:contain}
#bm-noir{min-height:0;height:100vh;height:100svh}
#bm-noir .project-copy{height:100%;min-height:0}
#merveille .curation-panels{padding-left:2vw;padding-right:2vw;gap:1.5vw}
#merveille .curation-panels article,#merveille .curation-panels article:first-child,#merveille .curation-panels article:nth-child(2){flex:0 0 35vw;max-width:35vw}
#merveille .curation-panels img{height:74vh;object-fit:cover}
#graphisme .static-card[href="#tartes"]>div{color:#111!important;border-color:#111!important}
@media(min-width:851px){
 #merveille .curation-heading{padding-left:226px;grid-template-columns:27% 1fr;gap:42px}
}
#arctivism .arc-stamp{width:235px;top:110px;right:10vw}
/* All composed images retain their full source bounds. */
.composed-gallery>div{background:#fff}
.composed-gallery>div img{width:100%;height:auto!important;min-height:0!important;object-fit:contain!important;background:#fff}
#sendou .sendou-plans{width:70%;margin:60px 4% 160px auto}
#sendou .sendou-plans img{width:52%;margin-left:auto}
#sendou .sendou-elevation{width:65%;margin:0 8% 55px auto}
#sendou .sendou-photos{display:grid;grid-template-columns:1fr 1fr;gap:2.5%;padding:0 1.5% 100px 3%;align-items:start}
#sendou .sendou-photos img:nth-child(2){margin-top:90px}
#reload-arch .reload-furniture{width:100%;margin:80px 0 100px}
#reload-arch .reload-plan{width:68%;margin:0 0 90px auto}
#reload-arch .reload-circulation{width:78%;margin:0 auto 100px 5%}
#tartes .tartes-opening{padding:50px 9% 90px}
#tartes .tartes-pouches{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:40px 8% 100px}
#tartes .tartes-logos{display:grid;grid-template-columns:1fr 1fr;gap:14%;padding:0 18% 90px;align-items:center}
#tartes .tartes-boxes{padding:10px 2% 25px}
#reload-graph>.project-media>img{height:auto;object-fit:contain}
#reload-graph .pharmacy-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:11%;padding:65px 8% 75px}
#reload-graph .pharmacy-palette{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start;padding:0 30% 80px 8%}
#reload-graph .pharmacy-signage{display:grid;grid-template-columns:1fr 1.3fr;grid-template-rows:auto auto;gap:5% 7%;align-items:center;padding:35px 7% 90px}
.pharmacy-signage .sign-letter{grid-column:1;grid-row:1/3}
.pharmacy-signage .sign-exploded{grid-column:2;grid-row:1}
.pharmacy-signage .sign-drive{grid-column:2;grid-row:2}
#reload-graph .pharmacy-pictograms{display:grid;grid-template-columns:1fr 1fr;gap:0 5%;padding:35px 5% 45px;align-items:start}
.pharmacy-pictograms .pict-left-top{grid-column:1;grid-row:1}.pharmacy-pictograms .pict-right-top{grid-column:2;grid-row:1}
.pharmacy-pictograms .pict-left-bottom{grid-column:1;grid-row:2}.pharmacy-pictograms .pict-right-bottom{grid-column:2;grid-row:2}
.project-pager{position:fixed;inset:auto 0 20px;z-index:135;pointer-events:none;display:none;mix-blend-mode:difference}
.project-pager a{position:absolute;bottom:0;font-size:15px;line-height:1;color:#fff;pointer-events:auto;opacity:.6}
.project-pager a:hover{opacity:1}.project-pager .project-prev{left:var(--page-left)}.project-pager .project-next{right:29px}.project-pager a.is-disabled{visibility:hidden;pointer-events:none}
@media(min-width:851px){
 #about footer{grid-template-columns:1fr 1.7fr;gap:70px}
 #about .footer-left{display:flex;flex-direction:column;justify-content:flex-start;gap:7px;padding-left:10vw}
 #about .footer-right{display:flex;justify-content:flex-start;gap:45px;padding:0}
 /* Contact belongs immediately before its details; studio sits under the dates. */
 #about .footer-left>[data-contact-label]{display:none}
 #about .footer-right>[data-contact-label]{display:block}
}
@media(max-width:850px){
 :root{--page-left:24px;--menu-gap:11px}
 .brand-home{left:var(--page-left)!important;width:90px!important;height:26px!important;top:20px}
 .menu-mobile-logo{left:var(--page-left)!important;width:90px!important;top:20px!important}
 .menu-overlay{padding-left:24px!important;padding-right:24px!important;overflow-y:auto!important}
 .menu-intro{gap:var(--menu-gap)!important}
 .menu-intro p,.menu-intro .mail,.menu-intro .about-link{font-size:var(--mobile-type)!important;line-height:var(--mobile-leading)!important;margin:0!important}
 .menu-overlay .menu-navcol{margin-top:18px!important;padding-top:17px!important;border-top:1px solid #bdbdbd}
 /* Submenu cards: white header, narrow gutters, visible start of the next card. */
 #direction .rail-sticky,#curation .rail-sticky,#architecture .static-sticky-shell,#graphisme .static-sticky-shell{
  display:block!important;position:sticky!important;top:0!important;height:100vh!important;overflow:hidden!important;background:#fff!important;padding:0!important;
 }
 #direction,#curation,#architecture,#graphisme{padding:0!important;position:relative!important;background:#fff!important}
 #direction .discipline-nav,#curation .discipline-nav,#architecture .discipline-nav,#graphisme .discipline-nav{
  position:absolute!important;top:64px!important;left:16px!important;right:18px!important;padding:0!important;min-height:0!important;display:block!important;z-index:3!important;background:#fff!important;color:#111!important;
 }
 #direction .other-disciplines,#curation .other-disciplines,#architecture .other-disciplines,#graphisme .other-disciplines{margin:0!important;padding:0!important;gap:0!important}
 #direction .card-rail,#curation .card-rail,#architecture .static-grid,#graphisme .static-grid{
  position:absolute!important;left:0!important;top:145px!important;display:flex!important;width:max-content!important;height:auto!important;padding:0 12px!important;margin:0!important;gap:16px!important;overflow:visible!important;will-change:transform;
 }
 #direction .card,#curation .card,#architecture .static-card,#graphisme .static-card{
  flex:0 0 92vw!important;width:92vw!important;min-width:0!important;height:auto!important;display:block!important;overflow:visible!important;background:#fff!important;
 }
 #direction .card>img,#direction .card>video,#curation .card>img,#architecture .static-card>img,#graphisme .static-card>img{
  width:100%!important;height:54vh!important;min-height:0!important;object-fit:cover!important;
 }
 #direction .card-title,#curation .card-title,#architecture .static-card>div,#graphisme .static-card>div{
  position:static!important;display:flex!important;height:auto!important;color:#111!important;background:#fff!important;border-top:0!important;border-bottom:1px solid #bbb!important;padding:10px 0 9px!important;margin:0!important;gap:12px!important;
 }
 .project.split{min-height:0!important}
 #sendou .project-copy,#reload-arch .project-copy,#tartes .project-copy,#reload-graph .project-copy{
  position:sticky!important;top:0!important;padding:74px 24px 38px!important;height:auto!important;color:#111!important;background:#fff!important;text-shadow:none!important;
 }
 #sendou .project-copy::after,#reload-arch .project-copy::after,#tartes .project-copy::after,#reload-graph .project-copy::after{content:none!important}
 #sendou .project-head,#reload-arch .project-head,#tartes .project-head,#reload-graph .project-head{display:flex;flex-direction:column;gap:5px;border-color:#888!important;padding-bottom:12px}
 #sendou .project-head span:last-child,#reload-arch .project-head span:last-child,#tartes .project-head span:last-child,#reload-graph .project-head span:last-child{text-align:left}
 #sendou .credits,#reload-arch .credits,#tartes .credits,#reload-graph .credits{margin-top:28px!important;color:#111!important;max-width:none}
 #sendou .project-media,#reload-arch .project-media,#tartes .project-media,#reload-graph .project-media{margin-top:0!important;background:#fff!important}
 #sendou .project-media img,#reload-arch .project-media img,#tartes .project-media img,#reload-graph .project-media img{height:auto!important;min-height:0!important;object-fit:contain!important}
 #reload-arch .reload-furniture{display:none}
 #reload-arch .reload-plan{width:94%;margin:35px auto}
 #reload-arch .reload-circulation{width:100%;margin:35px auto}
 #sendou .sendou-plans{width:85%;margin:50px auto 75px}
 #sendou .sendou-plans img{width:65%;margin:auto}
 #sendou .sendou-elevation{width:90%;margin:0 auto 40px}
 #sendou .sendou-photos{gap:4%;padding:0 4% 50px}
 #sendou .sendou-photos img:nth-child(2){margin-top:40px}
 #tartes .tartes-opening{padding:45px 4% 65px}
 #tartes .tartes-pouches{gap:6%;padding:20px 4% 80px}
 #tartes .tartes-logos{gap:12%;padding:0 12% 90px}
 #tartes .tartes-boxes{padding:0 1% 20px}
 #reload-graph .pharmacy-logos{grid-template-columns:1fr 1fr;gap:20%;padding:45px 9% 60px;align-items:start}
 #reload-graph .pharmacy-logos img:nth-child(2){display:none}
 #reload-graph .pharmacy-logos img:nth-child(3){margin-top:65px}
 #reload-graph .pharmacy-palette{gap:10%;padding:0 8% 75px}
 #reload-graph .pharmacy-signage{grid-template-columns:1fr 1.3fr;grid-template-rows:auto auto;gap:15px 6%;padding:20px 6% 65px;align-items:start}
 .pharmacy-signage .sign-letter{grid-column:1;grid-row:1}
 .pharmacy-signage .sign-drive{grid-column:2;grid-row:1;margin-top:60px}
 .pharmacy-signage .sign-exploded{grid-column:1/3;grid-row:2;margin:0 auto}
 #reload-graph .pharmacy-pictograms{gap:0 4%;padding:20px 5% 35px}
 #musee .musee-description{display:none}
 #musee .musee-stills{display:none}
 #musee{height:100vh!important;height:100svh!important;min-height:0!important}
 #musee .project-copy,#je-disparaitrais .project-copy{position:absolute!important;inset:0 0 auto;height:auto!important;min-height:0!important;background:transparent!important}
 #musee .project-copy::after,#je-disparaitrais .project-copy::after{content:none!important}
 #musee .project-media,#je-disparaitrais .project-media{margin-top:0!important}
 #musee .musee-film,#je-disparaitrais .je-film{height:100vh;height:100svh;aspect-ratio:auto}
 #musee .musee-film video,#je-disparaitrais .je-film video{left:0;width:100%!important;height:100%!important;object-fit:cover!important}
 #bm-noir{height:100vh!important;height:100svh!important;min-height:0!important}
 #bm-noir .project-copy{position:absolute!important;inset:0 0 auto;height:auto!important;min-height:0!important;background:transparent}
 #bm-noir .project-media{margin-top:0!important}
 #merveille .curation-sticky{padding-top:0!important}
 #merveille .curation-heading{position:absolute!important;left:24px!important;right:65px!important;top:70px!important;padding:0!important;display:block!important;z-index:3}
 #merveille .curation-panels{padding:135px 8vw 0!important;gap:22px!important}
 #merveille .curation-panels article,#merveille .curation-panels article:first-child,#merveille .curation-panels article:nth-child(2){flex-basis:84vw!important;max-width:84vw!important}
 #merveille .curation-panels img{height:54vh!important}
 #arctivism{height:auto!important;min-height:100vh;overflow:visible!important}
 #arctivism .arc-sticky{position:relative!important;height:auto!important;overflow:visible!important}
 #arctivism .arc-mobile-header{display:block;position:sticky;top:0;height:145px;z-index:5;background:#fff}
 #arctivism .arc-mask{height:145px!important}
 #arctivism .arc-head{left:24px!important;right:65px!important;top:70px!important}
 #arctivism .arc-article{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:auto!important;padding:24px!important;transform:none!important;margin:0!important}
 #arctivism .arc-stamp{display:none!important}
 #arctivism .arc-stamp-mobile{display:block!important;width:140px!important;margin:30px 0 30px auto!important}
 /* Keep the existing viewport section and footer; lower only its inner content. */
 #about.bio{padding:68px 24px 12px!important;min-height:100vh!important;grid-template-rows:minmax(0,1fr) auto!important}
 #about .bio-grid{gap:38px!important;align-content:start!important;transform:translateY(65px);padding:0!important}
 #about .bio-grid img{width:104px!important;height:128px!important;margin-left:12px!important;object-fit:cover}
 #about .bio-grid p{margin:12px 0!important}
 #about footer{grid-template-columns:118px 1fr!important;gap:20px!important;margin:0!important;padding:10px 0 0!important}
 #about .footer-left,#about .footer-right{display:flex!important;flex-direction:column!important;gap:14px!important;padding:0!important;justify-content:flex-start!important}
 #about .footer-left .studio-note{display:none}
 #about .footer-right>[data-contact-label]{display:none}
 #about .studio-note-mobile{display:block!important}
 .project-pager{bottom:18px}.project-pager .project-next{right:18px}
}
@media(min-width:851px){.studio-note-mobile{display:none}}

/* The preview uses the film's active picture, with no embedded side bars. */
#direction .musee-preview{position:relative;width:100%;height:100%;overflow:hidden;background:#000}
#direction .musee-preview video{position:absolute;inset:0 auto 0 -15.57377%;width:131.147541%;height:100%;min-height:0;object-fit:cover}
@media(max-width:850px){
 #direction .card>.musee-preview{height:54vh!important}
}

.eleg-header{display:contents}
@media(max-width:850px){
 #eleg .eleg-header{display:flex;flex-direction:column;gap:28px;position:absolute;top:74px;left:24px;right:24px;z-index:2}
 #eleg .eleg-top,#eleg .eleg-intro{position:static!important;inset:auto!important;width:auto!important;max-width:none!important;padding-right:0!important;margin:0!important}
 #eleg .eleg-intro{padding-top:18px!important}
}

@media(max-width:850px) and (max-height:650px){
 #eleg .eleg-header{top:64px;gap:18px}
 #eleg .eleg-moving{bottom:32px}
}

/* Curation cards share the original full-bleed media and white overlay captions. */
#curation .card>video{display:block;width:100%;height:100%;object-fit:cover}
#curation .card:is([href="#eleg"],[href="#arctivism"])>.card-title{color:#fff;border-color:rgba(255,255,255,.55)}
@media(min-width:851px){
 #eleg .eleg-header{display:flex;flex-direction:column;gap:28px;position:absolute;top:74px;left:var(--page-left);width:min(40vw,620px);z-index:2}
 #eleg .eleg-top,#eleg .eleg-intro{position:static!important;inset:auto!important;width:auto!important;max-width:none!important;margin:0!important;padding-right:0!important}
 #eleg .eleg-intro{padding-top:18px}
}
@media(max-width:850px){
 #je-disparaitrais{display:grid!important;grid-template-columns:minmax(0,1fr)}
 #je-disparaitrais .project-copy{grid-area:1/1;position:sticky!important;inset:auto!important;top:0!important;height:auto!important;align-self:start!important}
 #je-disparaitrais .project-media{grid-area:1/1}
 #curation .card>video{height:54vh!important;object-fit:cover!important}
 #curation .card:is([href="#eleg"],[href="#arctivism"])>.card-title{position:absolute!important;top:18px!important;left:18px!important;right:18px!important;color:#fff!important;background:transparent!important;border-color:rgba(255,255,255,.55)!important;padding:0 0 11px!important}
 #about.bio{padding-top:133px!important;grid-template-rows:1fr auto!important;row-gap:40px}
 #about .bio-grid{transform:none}
}