/* A quiet magazine contents spread, scoped to The Studio. */
.studio-magazine { --accent:#805b48; --accent-deep:#684938; --ink:#292a26; --ink-soft:#50524c; --radius:0; color:var(--ink); }
[data-theme="ink"] .studio-magazine { --accent:#b8a18a; --accent-deep:#cbb69f; --ink:#e3dfd5; --ink-soft:#b9b7ae; --line:rgba(219,211,195,.2); --line-2:rgba(219,211,195,.35); }
.studio-magazine .studio-directory { padding-top:2.2rem; }
.studio-contents-sheet { --ink:inherit; --ink-soft:inherit; --line:inherit; --line-2:inherit; --accent:inherit; color:var(--ink); background:none; border:0; padding:0; }
.studio-running-head { display:flex; justify-content:space-between; flex-wrap:wrap; gap:.5rem 1rem; border:0; padding-bottom:.65rem; font:500 .66rem/1.5 var(--ff-mono); text-transform:uppercase; letter-spacing:.055em; }
.studio-issue-heading { display:flex; justify-content:space-between; align-items:end; gap:1rem; border:0; padding:1.25rem 0 1.1rem; margin-bottom:1.6rem; }
.studio-issue-heading p { margin:0 0 .25rem; font:500 .7rem/1.5 var(--ff-mono); text-transform:uppercase; letter-spacing:.1em; }
.studio-issue-heading h1 { margin:0; font:400 clamp(3.6rem,6.5vw,5.2rem)/.98 Impact,'Arial Narrow',var(--ff-display); letter-spacing:-.025em; text-transform:uppercase; }
.studio-issue-label { padding-bottom:.15rem; text-align:right; font:italic 1.8rem/1.2 Georgia,serif; }
.studio-issue-label span { display:block; margin-top:.65rem; font:400 .62rem/1.5 var(--ff-mono); text-transform:uppercase; letter-spacing:.04em; }
.studio-contents-spread { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.03fr); gap:2rem; }
.studio-contents-column { padding-right:2rem; border:0; }
.studio-column-label { margin:0 0 .9rem; font:500 .68rem/1.5 var(--ff-mono); text-transform:uppercase; letter-spacing:.08em; color:var(--ink-soft); }
.studio-contents-sheet .studio-index { grid-template-columns:1fr; gap:0; margin:0; border:0; }
.studio-contents-sheet .studio-index a { display:grid; grid-template-columns:2.3rem minmax(0,1fr) .8rem; align-items:start; gap:.7rem; padding:1rem 0; }
.studio-contents-sheet .studio-index a strong { display:block; font:700 1.22rem/1.25 var(--ff-display); }
.studio-contents-sheet .studio-index a div>span { display:block; margin-top:.3rem; font-size:.88rem; line-height:1.45; }
.studio-contents-sheet .studio-index .studio-section-number { font:400 1.85rem/1 Impact,'Arial Narrow',var(--ff-display); color:var(--accent); }
.studio-contents-sheet .studio-index .studio-index-arrow { color:var(--accent); line-height:1.3; }
.studio-contents-sheet a { color:inherit; }
.studio-contents-sheet a:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.studio-contents-features { min-width:0; }
.studio-feature-plate { margin:0; padding:0; border:0; background:none; }
.studio-feature-plate a,.studio-feature-plate img { display:block; width:100%; height:auto; }
.studio-feature-plate figcaption { display:flex; justify-content:space-between; flex-wrap:wrap; gap:.4rem; padding:.55rem .3rem .25rem; color:var(--ink-soft); font:400 .63rem/1.5 var(--ff-mono); }
.studio-contents-features h2 { margin:1rem 0 .45rem; font:700 clamp(1.55rem,2.4vw,2rem)/1.1 var(--ff-display); letter-spacing:-.035em; }
.studio-contents-features h2 a { text-decoration:none; }
.studio-contents-features h2 a:hover { text-decoration:underline; text-underline-offset:4px; }
.studio-feature-deck { margin:0; font:400 1.05rem/1.55 Georgia,serif; color:var(--ink-soft); }
.studio-small-features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; border:0; padding-top:1rem; margin-top:1.2rem; }
.studio-small-features a { display:flex; flex-direction:column; text-decoration:none; }
.studio-small-features img { display:block; width:100%; height:auto; aspect-ratio:8/5; object-fit:contain; background:#272a26; border:0; }
.studio-small-features span { margin-top:.55rem; font:700 1rem/1.3 var(--ff-display); }
.studio-small-features small { margin-top:.15rem; color:var(--ink-soft); font:400 .64rem/1.5 var(--ff-mono); }
.studio-small-features a:hover span { text-decoration:underline; text-underline-offset:3px; }
.studio-sheet-footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:.5rem 1.2rem; border:0; padding-top:.7rem; margin-top:1.8rem; font:400 .65rem/1.5 var(--ff-mono); color:var(--ink-soft); }
.studio-sheet-footer a { text-underline-offset:3px; }
.studio-magazine .section-head { border:0; padding-top:1rem; }
.studio-magazine .section-head .display { margin-bottom:0; }
.studio-magazine .eyebrow { text-transform:uppercase; font-size:.68rem; letter-spacing:.08em; }
.studio-magazine .game-card,.studio-magazine .devlog-entry { border-radius:0; box-shadow:none; }
.studio-magazine .game-card:hover { transform:none; border-color:var(--line-2); box-shadow:none; }
.studio-magazine .band { --panel:#242620; --panel-ink:#e3dfd5; --panel-muted:#b9b7ae; --panel-line:rgba(219,211,195,.2); --on-accent:#242620; --accent:#b8a18a; --accent-deep:#cbb69f; }
@media(max-width:820px) {
  .studio-contents-spread { gap:1.3rem; }
  .studio-contents-column { padding-right:1.3rem; }
  .studio-contents-sheet .studio-index a { grid-template-columns:1.8rem minmax(0,1fr) .7rem; gap:.6rem; }
  .studio-issue-label span { max-width:14ch; margin-left:auto; }
}
@media(max-width:640px) {
  .studio-magazine .studio-directory { padding-top:1.3rem; }
  .studio-running-head { font-size:.59rem; }
  .studio-issue-heading h1 { font-size:clamp(2.6rem,10vw,3.6rem); }
  .studio-issue-label { font-size:1.3rem; }
  .studio-issue-label span { display:none; }
  .studio-contents-spread { grid-template-columns:1fr; gap:1.6rem; }
  .studio-contents-column { padding:0; border:0; }
  .studio-contents-sheet .studio-index a { grid-template-columns:2rem minmax(0,1fr) .8rem; padding:.9rem 0; }
  .studio-contents-features { border:0; padding-top:1rem; }
}

.studio-contents-sheet .studio-index a { border:0; }