/* A cover-led gallery. Artwork fills the frame; labels stay on solid surfaces. */
.window--studio .win-body { padding:28px 32px 32px; }
.studio-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 20px; }
.studio-piece { display:block; min-width:0; color:#202522; border-radius:12px; }
.studio-piece:hover { color:#202522; }
.studio-piece:focus-visible { outline:3px solid #627d63; outline-offset:6px; }
.studio-cover { position:relative; aspect-ratio:16/9; overflow:hidden; border-radius:10px; isolation:isolate; }
.studio-cover>img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.studio-piece:hover .studio-cover>img { transform:scale(1.025); }
.studio-cover-type { position:absolute; inset:0; padding:22px; }
.studio-cover-type>span { display:block; font-size:10px; line-height:1.5; }
.studio-cover-type>strong { display:block; margin-top:20px; font:400 clamp(26px,3.4vw,42px)/.97 Georgia,'Times New Roman',serif; letter-spacing:-.055em; }
.studio-cover-type em { font-weight:400; }
.studio-launch { position:absolute; right:14px; bottom:14px; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:#fff; color:#252d29; font-size:21px; box-shadow:0 2px 8px #0002; transition:transform .2s; }
.studio-piece:hover .studio-launch { transform:rotate(45deg); }
.studio-caption { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 1px 0; }
.window--studio .studio-caption h2 { margin:0; font-size:15px; line-height:1.25; letter-spacing:-.02em; font-weight:600; color:#242b28; }
.studio-caption p { margin:5px 0 0; font-size:12px; line-height:1.4; color:#6f7671; }
.studio-caption>span { flex:none; font-size:10px; color:#7a817b; }
.studio-piece--conversation .studio-cover { background:#14232c; color:#f4eadb; }
.studio-piece--conversation .studio-cover>img { position:absolute; width:53%; right:0; object-position:48% 32%; }
.studio-piece--conversation .studio-cover-type { width:59%; background:#14232c; clip-path:polygon(0 0,88% 0,100% 100%,0 100%); }
.studio-piece--conversation .studio-cover-type>strong { margin-top:15px; }
.studio-piece--conversation .studio-cover-type em { color:#e6bb99; }
.studio-piece--decisions .studio-cover { background:#304b2b; }
.studio-piece--shift .studio-cover { background:#173c36; }
.studio-piece--shift .studio-cover-type { inset:auto 0 0; padding:17px 22px; background:#173c36; color:#f4eadb; }
.studio-piece--shift .studio-cover-type>span { color:#d4e3d8; }
.studio-piece--shift .studio-cover-type>strong { margin:3px 0 0; font-size:39px; }
.studio-piece--shift .studio-launch { bottom:24px; }
.studio-piece--northline .studio-cover { background:#dce8f0; color:#243f58; }
.studio-piece--northline .studio-cover-type { padding:22px; }
.studio-piece--northline .studio-cover-type>strong { font-family:inherit; font-weight:650; font-size:36px; letter-spacing:-.05em; margin-top:5px; }
.studio-invoice { position:absolute; left:22px; top:104px; width:73%; box-sizing:border-box; padding:17px 20px; border:1px solid #bfd0dd; border-radius:10px; background:#fff; box-shadow:0 10px 25px #45607919; transform:rotate(-4deg); }
.studio-invoice>span:first-child { display:block; font-size:7px; letter-spacing:.1em; color:#7f909c; }
.studio-invoice>b { display:block; font-size:15px; margin:6px 0 12px; }
.studio-invoice>div:not(.studio-invoice-lines) { display:flex; justify-content:space-between; align-items:center; font-size:8px; margin:9px 0; }
.studio-invoice i { font-style:normal; color:#8999a5; }.studio-invoice strong { font-weight:500; }
.studio-invoice-status { padding:4px 6px; border-radius:4px; background:#e5eee8; color:#396b4e; }
.studio-invoice-lines { display:grid; gap:6px; margin:12px 0; }.studio-invoice-lines i { display:block; height:3px; background:#edf0f3; }.studio-invoice-lines i:last-child { width:65%; }
.studio-invoice-action { display:block; font-size:9px; border-top:1px solid #edf0f3; padding-top:10px; }.studio-invoice-action b { float:right; }
.studio-video { grid-column:1/-1; margin:0; }
.studio-video video { display:block; width:100%; height:auto; aspect-ratio:16/9; border-radius:10px; background:#e8ece7; }
@media (max-width:719px) {
  .studio-gallery { grid-template-columns:1fr; gap:24px; }
  .studio-cover-type { padding:20px; }
  .studio-cover-type>strong { font-size:34px; }
  .studio-piece--conversation .studio-cover-type>span { font-size:9px; }
  .studio-piece--conversation .studio-cover-type>strong { margin-top:12px; }
  .studio-piece--shift .studio-cover-type { padding:13px 20px; }
  .studio-piece--shift .studio-cover-type>strong { font-size:34px; }
  .studio-invoice { top:91px; }
  .studio-caption>span { font-size:10px; }
}
@media (prefers-reduced-motion:reduce) {
  .studio-cover>img,.studio-launch { transition:none; }
  .studio-piece:hover .studio-cover>img,.studio-piece:hover .studio-launch { transform:none; }
}
@media (max-width:360px) {
  .studio-piece--conversation .studio-cover-type { padding:16px; }
  .studio-piece--conversation .studio-cover-type>strong { font-size:26px; margin-top:10px; }
}

@media (max-width:639px) {
  .window--studio .win-body { padding:22px 18px 26px; }
}