/* Studio48: preserve the artwork's face and give the brand statement one clear axis. */
/* Center the founder in the viewport, compensating for the hero's top padding.
   Keep the existing small scroll drift and the stacked mobile composition. */
@media(min-width:781px) {
 .studio-page .studio-hero__portrait {
  align-self:center;
  transform:translateY(calc(var(--studio-drift,0px) - clamp(24px,3vw,50px)));
 }
 .studio-page .studio-hero__portrait img { display:block; }
}
@media(min-width:781px) and (max-width:1000px) {
 .studio-page .studio-hero__portrait { transform:translateY(calc(var(--studio-drift,0px) - 56px)); }
}
.studio-page #story .studio-ninety { color:var(--coral); }
.studio-page #artTitle .studio-art-accent { color:var(--coral); }
/* Preserve both product silhouettes inside the narrow, stacked card. */
@media(max-width:780px) {
 .studio-use-case--lifestyle { background:var(--ink); }
 .studio-use-case--lifestyle > img {
  inset:0 0 auto; height:auto; aspect-ratio:3/2;
  object-fit:contain; object-position:center top;
  mask-image:linear-gradient(180deg,#000 70%,transparent);
 }
}
.studio-page .studio-art--immersive { background:var(--ink); }
.studio-page .studio-art--immersive::before { z-index:0; background:linear-gradient(90deg,#101a22ed,#101a22c9 30%,#101a2240 56%,#101a221f); pointer-events:none; }
.studio-art__image { position:absolute; inset:0; z-index:-1; }
.studio-art__image img { display:block; width:100%; height:100%; object-fit:cover; object-position:65% center; }
.studio-page .studio-art--immersive .studio-section__inner { position:relative; z-index:1; }
.studio-page .studio-art--immersive .content-split > div { width:40%; max-width:620px; }
.studio-page .studio-art--immersive h2 { max-width:17ch; }
.studio-page .studio-art--immersive p { width:90%; max-width:37ch; }
.studio-page .studio-brand-card { display:flex; flex-direction:column; align-items:center; text-align:center; padding:clamp(48px,5.5vw,84px) clamp(24px,6vw,96px); }
.studio-page .studio-brand-card .studio-statement { max-width:26ch; margin:0; text-wrap:balance; line-height:1.1; }
.studio-page .studio-brand-card .studio-art__note { max-width:58ch; margin:28px auto 32px; line-height:1.65; text-wrap:pretty; }
.studio-page .studio-brand-card > .shiny-button { position:relative; z-index:1; align-self:center; margin:0; min-height:48px; max-width:100%; }
.studio-page .studio-brand-card-section { padding-block:clamp(48px,5.5vw,80px); }
/* On smaller screens the artwork has its own area, keeping its face unobscured. */
@media(max-width:1100px) {
 .studio-page .studio-art--immersive { display:flex; flex-direction:column; min-height:0; padding:0; }
 .studio-page .studio-art--immersive::before { display:none; }
 .studio-art__image { position:relative; inset:auto; width:100%; aspect-ratio:1.43; z-index:0; }
 .studio-art__image img { object-position:right center; }
 .studio-art__image::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,transparent 65%,var(--ink)); }
 .studio-page .studio-art--immersive .studio-section__inner { padding:24px var(--page-edge) 72px; }
 .studio-page .studio-art--immersive .content-split > div { width:100%; max-width:48ch; }
 .studio-page .studio-art--immersive p { width:100%; max-width:42ch; }
 .studio-page .studio-art--immersive h2 { max-width:20ch; }
}
@media(max-width:600px) {
 .studio-page .studio-brand-card { padding:44px 24px 48px; }
 .studio-page .studio-brand-card .studio-art__note { margin-block:24px 28px; }
 .studio-page .studio-brand-card .studio-statement { font-size:clamp(29px,7.5vw,38px); }
}