/* Studio View: alternate single-page layout */
.studio{--st-blue:#7cb4ff}
.st-hero{padding-block:clamp(3rem,9vw,6rem) 2.5rem;background:radial-gradient(60rem 26rem at 85% -10%,rgba(124,180,255,.18),transparent 60%)}
.st-hero h1{font-size:clamp(2.6rem,9vw,6rem);letter-spacing:-.04em;max-width:14ch;text-wrap:balance}
.st-hero h1 em,.st-sec h2 em,.st-case h3 em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;color:var(--st-blue)}
.st-facts{display:grid;gap:1rem;margin:2rem 0 0;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));max-width:42rem}
.st-facts dt{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.st-facts dd{margin:.15rem 0 0;font-weight:600}
.st-facts a{text-underline-offset:.2em}
.st-ticker{overflow:hidden;border-block:1px solid var(--line);background:var(--bg-2);white-space:nowrap}
.st-track{display:inline-flex;gap:1.25rem;padding:.9rem 0;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);animation:st-scroll 40s linear infinite}
.st-track i{color:var(--st-blue);font-style:normal}
@keyframes st-scroll{to{transform:translateX(-50%)}}
.st-sec{padding-block:clamp(3rem,8vw,5.5rem)}
.st-alt{background:var(--bg-2);border-block:1px solid var(--line)}
.st-sec h2{font-size:clamp(2rem,6vw,3.6rem);letter-spacing:-.03em}
.st-reel{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x proximity;padding:1rem max(var(--gut),calc((100vw - var(--maxw))/2 + var(--gut))) 1.5rem;margin:0;-webkit-overflow-scrolling:touch;scrollbar-color:#3a3f4a transparent}
.st-reel li{flex:none;width:min(70vw,22.5rem);scroll-snap-align:start}
.st-frame,.st-open,.st-mark{display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--bg);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,transform .2s}
.st-frame:hover,.st-open:hover,.st-mark:hover{border-color:var(--st-blue);transform:translateY(-3px)}
.st-frame img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#1a1d24}
.st-num{display:block;padding:.6rem .9rem 0;font:600 .8rem/1 ui-monospace,Menlo,monospace;color:var(--st-blue)}
.st-cap{display:block;padding:.7rem .9rem .9rem;font-weight:600;font-size:.95rem}
.st-cases{display:grid;gap:2rem;margin-top:2rem}
.st-case{display:grid;gap:1.25rem;align-items:center}
.st-case-media .st-open img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#1a1d24}
.st-case h3{font-size:clamp(1.6rem,4vw,2.4rem)}
.st-case p{color:#d6d9e0}
.st-tags{display:flex;flex-wrap:wrap;gap:.5rem}
.st-tags li{border:1px solid #3a3f4a;border-radius:999px;padding:.2rem .8rem;font-size:.85rem;color:var(--muted)}
.st-marks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
.st-mark-art{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;padding:6%;overflow:hidden}
.st-mark-art img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.st-mark-art.light{background:#e6e9ef}
.st-mark-art.light img{mix-blend-mode:multiply}
.st-mark-art.dark{background:#000}
.st-mark-art.dark img{max-height:100%;border-radius:6px}
.st-mark-art.photo{padding:0;background:#12141a}
.st-mark-art.photo img{width:100%;height:100%;object-fit:cover}
.st-words{display:grid;gap:2rem}
.st-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.st-list li{border-bottom:1px solid var(--line)}
.st-list summary{display:grid;grid-template-columns:2.2rem 1fr;gap:.1rem .75rem;align-items:baseline;padding:1rem .25rem;min-height:56px;cursor:pointer;list-style:none}
.st-list summary::-webkit-details-marker{display:none}
.st-n{font:600 .8rem ui-monospace,Menlo,monospace;color:var(--st-blue)}
.st-t{font-weight:700;font-size:1.1rem}
.st-k{grid-column:2;color:var(--muted);font-size:.85rem}
.st-list details[open] summary .st-t{color:var(--st-blue)}
.st-list details p{padding:0 .25rem 1.25rem 3rem;color:#d6d9e0;margin:0}
.st-connect h2{max-width:16ch}
.st-dlg{border:0;padding:0;margin:auto;max-width:min(94vw,64rem);max-height:94vh;background:#0b0c0f;color:var(--ink);border-radius:var(--r);overflow:auto}
.st-dlg::backdrop{background:rgba(0,0,0,.88)}
.st-dlg-bar{display:flex;justify-content:flex-end;padding:.5rem}
.st-dlg figure{margin:0;padding:0 1rem 1rem}
.st-dlg img{width:100%;max-height:70vh;object-fit:contain;background:#fff;border-radius:6px}
.st-dlg figcaption{padding-top:.75rem}
.st-dlg figcaption strong{display:block}
.st-dlg figcaption span{color:var(--muted);font-size:.9rem}
@media (min-width:48em){
  .st-case{grid-template-columns:1.1fr 1fr}
  .st-case:nth-child(even) .st-case-media{order:2}
  .st-marks{grid-template-columns:repeat(3,minmax(0,1fr))}
  .st-words{grid-template-columns:1fr 1.5fr}
}
@media (prefers-reduced-motion:reduce){.st-track{animation:none}.st-frame,.st-open,.st-mark{transition:none}}
.st-more a{display:inline-flex;align-items:center;min-height:44px;padding-inline:.25rem}
.st-facts a{display:inline-flex;align-items:center;min-height:44px}
.st-mark-art.fill{padding:0;background:#dfe7f2}
.st-mark-art.fill img{width:100%;height:100%;max-height:none;object-fit:cover}