/* Homepage image composition. Approved shared branding, fonts and UI are unchanged. */
.studio-hero{max-width:1440px;margin:auto;padding:38px 6% 44px}.studio-hero-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:32px}.studio-hero h1{font-size:clamp(36px,4.2vw,60px);max-width:900px;margin-bottom:0}.studio-hero h1 em{white-space:nowrap}.studio-hero .realism-lead{margin:0;flex-shrink:0}.studio-panorama{margin:0;background:#0c0d0c}.studio-panorama img{display:block;width:100%;height:auto;aspect-ratio:16/5;object-fit:contain}.studio-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:24px}.studio-hero-bottom>p{font-size:16px;line-height:1.6;color:#a49b8e;margin:0}.studio-hero-bottom .realism-actions{margin:0}.studio-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:42px 0;gap:30px;border-top:1px solid #38352f}.studio-proof>div,.studio-proof>a{display:flex;flex-direction:column;gap:12px;padding-left:26px;border-left:1px solid #38352f;text-decoration:none}.studio-proof>:first-child{border-left:0;padding-left:0}.studio-proof strong{font:400 clamp(34px,4.5vw,60px)/1.1 var(--font-editorial);color:#eeeae4}.studio-proof span{font-size:14px;color:#a49b8e}.studio-proof>a:hover strong{color:#d1c5b0}.studio-portfolio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.studio-portfolio .realism-image{aspect-ratio:4/5}.studio-portfolio .realism-image img{object-fit:contain}.studio-style-links{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 30px;margin-top:36px}.studio-style-links p{font-size:14px;color:#a49b8e;line-height:1.7;margin:0}.studio-style-links>div{display:flex;gap:28px;flex-wrap:wrap}.studio-style-links .discover{margin:0}.studio-style-note{width:100%}.studio-artists{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}.studio-artist{display:block;text-decoration:none;min-width:0}.studio-artist-photo{aspect-ratio:4/5;background:#0c0d0c;overflow:hidden;border-radius:2px 2px 30px 2px}.studio-artist img{display:block;width:100%;height:100%;object-fit:contain;color:#b9ac95;font-size:14px}.studio-artist-name{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.studio-artist-name h3{font:400 27px/1.2 var(--font-editorial);margin:0;color:#eeeae4}.studio-artist-name>span{color:#b9ac95}.studio-artist p{font-size:14px;line-height:1.6;color:#a49b8e;margin:8px 0}.studio-profile-label{font-size:12px;color:#b9ac95;border-bottom:1px solid #595349;padding-bottom:3px}.studio-artist:hover .studio-profile-label{color:#eeeae4;border-color:#eeeae4}.studio-at-work{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:7%}.studio-life-images{display:grid;gap:20px}.studio-life-images img{display:block;width:100%;height:auto;border-radius:2px 2px 30px 2px}.studio-life-copy>p:not(.eyebrow),.studio-life-copy li{font-size:16px;line-height:1.8;color:#a49b8e}.studio-life-copy ul{padding-left:20px;margin:24px 0}.studio-page .section-top>p,.studio-page .realism-body{font-size:16px}.studio-page .contact>p:not(.eyebrow){font-size:16px}.studio-page .realism-image:hover img{transform:none}
@media(max-width:1100px){.studio-hero-heading{display:block}.studio-hero .realism-lead{margin-top:20px}.studio-hero .realism-lead br{display:none}.studio-hero .realism-lead br:after{content:' '}.studio-artists{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-hero-bottom{align-items:start;flex-direction:column}}
@media(max-width:720px){.studio-hero{padding:28px 5% 34px}.studio-hero-heading{margin-bottom:24px}.studio-hero h1{font-size:36px}.studio-hero h1 em{display:block;white-space:normal}.studio-hero .realism-lead{font-size:23px}.studio-hero-bottom .realism-actions{gap:20px}.studio-proof{gap:14px;padding:32px 0}.studio-proof>div,.studio-proof>a{padding-left:14px}.studio-proof strong{font-size:30px}.studio-proof span{font-size:12px;line-height:1.5}.studio-portfolio{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.studio-artists{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.studio-artist-name h3{font-size:25px}.studio-at-work{grid-template-columns:1fr;gap:30px}.studio-life-images{grid-template-columns:1fr 1fr;gap:12px}.studio-life-images img{height:100%;object-fit:contain}.studio-style-links>div{gap:20px}.studio-style-links{margin-top:28px}.studio-portfolio .realism-work figcaption{font-size:14px;display:block}.studio-portfolio .realism-work figcaption>span{display:none}}
@media(max-width:400px){.studio-proof{gap:8px}.studio-proof>div,.studio-proof>a{padding-left:9px}.studio-proof strong{font-size:26px}.studio-artist p{font-size:13px}.studio-hero h1{font-size:33px}.studio-portfolio{gap:24px 12px}}

/* Only the hero panorama breaks out of the unchanged text grid. */
.studio-artists-toggle{background:transparent;border:0;border-bottom:1px solid #777069;color:inherit;text-align:left;margin-top:28px}
.studio-hero-heading{margin-bottom:22px}
.studio-panorama{
  --panorama-panel-width:max(1280px,calc(100vw - 32px));
  width:calc(100vw - 32px);
  margin-inline:calc(50% - 50vw + 16px);
  height:calc(var(--panorama-panel-width) / 3.2);
  overflow:hidden;
}
.studio-panorama-track{
  display:flex;
  width:max-content;
  height:100%;
  animation:studio-panorama-drift 14s linear infinite;
  will-change:transform;
}
.studio-panorama .studio-panorama-track img{
  flex:0 0 auto;
  width:var(--panorama-panel-width);
  height:100%;
  max-width:none;
  aspect-ratio:16/5;
  object-fit:contain;
}
/* Two equal copies: one full image-width of travel, with no reset jump. */
@keyframes studio-panorama-drift{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media(max-width:720px){
  .studio-hero-heading{margin-bottom:18px}
  .studio-panorama{
    --panorama-height:clamp(260px,65vw,360px);
    --panorama-panel-width:calc(var(--panorama-height) * 3.2);
    width:calc(100vw - 24px);
    margin-inline:calc(50% - 50vw + 12px);
    height:var(--panorama-height);
  }
  .studio-panorama-track{animation-duration:17s}
}
@media(prefers-reduced-motion:reduce){
  .studio-panorama-track{animation:none;transform:none;width:100%;will-change:auto}
  .studio-panorama .studio-panorama-track img{width:100%;object-fit:cover;object-position:center}
  .studio-panorama-track img[aria-hidden="true"]{display:none}
}

/* Homepage adjustments confined to narrow screens. */
@media(max-width:720px){
  .studio-proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0;padding:28px 0}
  .studio-proof>div,.studio-proof>a{padding-left:16px}
  .studio-proof>:first-child{padding-left:0}
  .studio-proof>:last-child{grid-column:1 / -1;border-left:0;border-top:1px solid #38352f;padding:18px 0 0}
  .studio-proof strong{font-size:clamp(25px,6.8vw,30px)}
  .studio-proof span{font-size:14px}
  .studio-page .studio-at-work,.studio-page .realism-costs{padding-top:33px;padding-bottom:33px}
  .studio-page .studio-at-work{gap:24px}
  .studio-page .studio-life-copy ul{margin:18px 0}
  .studio-page .contact{padding-top:45px;padding-bottom:45px}
}
@media(max-width:400px){.studio-proof>div,.studio-proof>a{padding-left:12px}}

/* Regional reach block: Neufeld remains the primary studio location. */
.studio-region{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}
.studio-region-copy>p{font-size:16px;line-height:1.8;color:#a49b8e;margin:0 0 26px}
.studio-region-places{display:flex;flex-wrap:wrap;gap:10px 12px}
.studio-region-places span{display:inline-block;border:1px solid #514c43;border-radius:999px;padding:9px 14px;font-size:13px;letter-spacing:.02em;color:#d8d0c5}
@media(max-width:720px){.studio-region{grid-template-columns:1fr;gap:24px}.studio-region-copy>p{margin-bottom:20px}.studio-region-places{gap:8px}.studio-region-places span{font-size:12px;padding:8px 11px}}
/* v4: regional city list — explicit separators, robust even if flex-gap rendering differs */
.studio-region-places{display:flex;flex-wrap:wrap;align-items:center;column-gap:0;row-gap:10px}
.studio-region-places span{border:0;border-radius:0;padding:0;font-size:14px;letter-spacing:.02em;color:#d8d0c5;white-space:nowrap}
.studio-region-places span:not(:last-child)::after{content:"·";display:inline-block;margin:0 16px;color:#8d806d}
@media(max-width:720px){.studio-region-places span{font-size:13px}.studio-region-places span:not(:last-child)::after{margin:0 10px}}

/* v20: the marquee only spends compositor time while it is near the viewport. */
.studio-panorama.is-offscreen .studio-panorama-track{animation-play-state:paused;will-change:auto}

/* v38: homepage proof hierarchy — 20k+ tattoos and award history lead visually. */
.studio-proof>div,.studio-proof>a{position:relative}
.studio-proof small{margin-bottom:-4px}
.studio-proof .studio-proof-emphasis{
  padding-top:22px;
  padding-bottom:22px;
  background:linear-gradient(180deg,rgba(214,196,168,.07),rgba(214,196,168,.012));
}
.studio-proof .studio-proof-emphasis::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:2px;
  background:linear-gradient(90deg,#d6c4a8,rgba(214,196,168,.1));
}
.studio-proof .studio-proof-emphasis strong{color:#f5efe6}
.studio-proof .studio-proof-awards span{max-width:260px}
.studio-proof .studio-proof-awards:hover{background:linear-gradient(180deg,rgba(214,196,168,.11),rgba(214,196,168,.018))}
@media(max-width:720px){
  .studio-proof .studio-proof-emphasis{padding-top:18px;padding-bottom:18px}
  .studio-proof small{font-size:6.5px;letter-spacing:1.2px}
}
