/* Studio variable : gabarits de tailles différentes, remplis sans vide. */
.art-grid.studio{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:var(--mosaic-unit,52px);grid-auto-flow:row;gap:0;background:#293035}
.art-grid.studio .art-card,.art-grid.studio .art-card:nth-child(7n+1){height:auto!important;min-height:0;display:block;isolation:isolate;background:#4f5b62;animation:tile-enter .64s var(--tile-delay,0ms) cubic-bezier(.16,.8,.25,1) both}
.art-grid.studio .art-card:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(260px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(242,201,76,.3),rgba(24,29,33,.05) 52%,rgba(18,22,25,.36));opacity:0;transition:opacity .28s ease}
.art-grid.studio .art-card:hover:before{opacity:1}.art-grid.studio .art-media{height:100%;overflow:hidden}.art-grid.studio .art-media img{height:100%;width:100%;object-fit:cover;transform:scale(1.001)}
.art-grid.studio .art-card:hover .art-media img{transform:scale(1.09) rotate(.25deg);filter:saturate(1.08) contrast(1.04)}
.art-grid.studio .art-info{z-index:3;padding:clamp(18px,2vw,34px) clamp(15px,1.7vw,28px) clamp(14px,1.6vw,24px);font-size:inherit}.art-grid.studio .art-info strong{font-size:clamp(18px,2.1vw,32px);letter-spacing:-.06em;line-height:.96}.art-grid.studio .art-info small{font-size:12px;letter-spacing:.05em;color:#eef1f2}.art-grid.studio .art-card:nth-child(5n+1) .art-info{background:linear-gradient(transparent,rgba(26,32,35,.9) 72%)}
@keyframes tile-enter{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
.gallery-head h2{font-size:clamp(60px,8vw,132px)}.reading-system h2,.statement-main h2{letter-spacing:-.085em}.reading-system li strong{font-size:clamp(24px,2.6vw,40px)}.reading-system li p{font-size:clamp(15px,1.25vw,18px);line-height:1.45}.statement-copy{font-size:clamp(20px,2.2vw,31px);line-height:1.27}.micro{font-size:12px;letter-spacing:.13em}
.hero-media:before{animation:hero-line 12s ease-in-out infinite alternate}.hero-media:after{animation:hero-line 16s ease-in-out -5s infinite alternate-reverse}@keyframes hero-line{to{transform:rotate(35deg) translateX(12%)}}
@media(max-width:610px){.art-grid.studio{grid-auto-rows:var(--mosaic-unit,36px)}.art-grid.studio .art-info{opacity:1;transform:none;padding:14px 11px 10px}.art-grid.studio .art-info strong{font-size:16px}.art-grid.studio .art-info small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.art-grid.studio .art-card,.hero-media:before,.hero-media:after{animation:none}.art-grid.studio .art-card:before{display:none}.art-grid.studio .art-media img{transition:none!important}}