.showcase{padding:90px 0 100px;border-bottom:1px solid var(--line)}.showcase .section-heading{margin-bottom:35px}.media-label{display:inline-block;padding:7px 10px;border:1px solid #54633e;border-radius:3px;color:var(--accent);font-family:var(--mono);font-size:9px;letter-spacing:.8px}.real-gallery{margin:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#171c19}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px}.gallery-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.gallery-toolbar button{border:1px solid var(--line);padding:9px 13px;background:transparent;border-radius:3px;font-size:11px}.gallery-toolbar button[aria-pressed=true]{color:var(--bg);background:var(--accent)}#gallery-count{color:var(--muted);font-family:var(--mono);font-size:10px}.gallery-display{display:block;width:100%;border:0;padding:0;background:#101519;position:relative}.gallery-display img{display:block;width:100%;height:auto;aspect-ratio:1460/920;object-fit:contain}.gallery-expand-label{position:absolute;bottom:20px;right:20px;padding:11px 15px;border-radius:3px;background:#101211dd;font-size:11px;border:1px solid #82946b}.real-gallery figcaption{padding:20px 24px;color:var(--muted);font-size:12px;line-height:1.7;border-top:1px solid var(--line)}.recorded-demos{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;margin-top:35px}.recorded-demo{padding:28px;border:1px solid var(--line);border-radius:5px;background:#191d18;min-width:0}.recorded-demo h3{font-size:28px;margin:20px 0 12px}.recorded-demo>p{font-size:13px;line-height:1.8;color:var(--muted)}.recorded-demo audio{width:100%;height:40px;margin:15px 0;display:block}.recorded-demo .recording-note{font-size:10px;line-height:1.7}.scene-map{height:245px;background:repeating-linear-gradient(0deg,transparent,transparent 29px,#a7bd8020 30px),repeating-linear-gradient(90deg,transparent,transparent 29px,#a7bd8020 30px),#11180f;border:1px solid #3e4c32;border-radius:3px;position:relative;margin:25px 0 10px;overflow:hidden}.scene-map .map-label{position:absolute;top:12px;left:15px;color:var(--muted);font-family:var(--mono);font-size:8px;letter-spacing:1px}.actor-marker{position:absolute;transform:translate(-50%,-50%);padding:7px 9px;border-radius:20px;background:#28351e;border:1px solid #6a864a;font-size:10px;color:#c5dca8;transition:left .3s,top .3s}.actor-marker.speaking{background:var(--accent);color:var(--bg);box-shadow:0 0 25px #bde77244}.listener{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);font-family:var(--mono);font-size:8px;color:var(--muted)}#scene-caption{min-height:62px;font-size:12px;line-height:1.6;color:var(--ink)}.transcript{margin-top:20px;border-top:1px solid var(--line)}.transcript>summary{padding:17px 0;cursor:pointer;color:var(--accent);font-size:12px}#scene-transcript{max-height:360px;overflow:auto}.transcript-line{display:grid;grid-template-columns:32px 52px 1fr;gap:10px;width:100%;background:transparent;border:0;border-top:1px solid var(--line);padding:13px 4px;text-align:left;font-size:11px;line-height:1.6;color:var(--muted)}.transcript-line.current{color:var(--ink);background:#29351e}.transcript-line strong{color:var(--accent);font-weight:400}.transcript-line .mono{font-size:9px}.guitar-track{margin:23px 0;border-top:1px solid var(--line);padding-top:16px}.guitar-track>label{font-size:13px;display:flex;align-items:center;gap:12px}.guitar-track>label span{font-family:var(--mono);color:var(--accent);font-size:10px}.recorded-demo details:not(.transcript){font-size:11px;line-height:1.8;color:var(--muted);margin-top:20px}.recorded-demo details:not(.transcript) summary{cursor:pointer;color:var(--accent)}.audio-error{color:#f3b78d!important;font-size:12px}.media-footer{display:flex;justify-content:space-between;gap:20px;margin-top:24px;font-size:10px;color:var(--muted);line-height:1.7}.media-footer a{text-decoration:underline;color:var(--accent)}#media-lightbox{width:min(1500px,96vw);padding:20px;background:#121712}#lightbox-image{display:block;width:100%;max-height:72vh;object-fit:contain;margin-top:15px}#lightbox-caption{font-size:12px;color:var(--muted);line-height:1.7}#close-lightbox{background:none;border:0;color:var(--ink);font-size:28px;margin-left:auto;display:block}.project .real-project-art img{width:100%;height:100%;object-fit:cover;object-position:top}.project .real-project-art .art-caption{background:#101211d9;padding:8px;border-radius:2px;left:15px;bottom:15px}.project .real-project-art .project-number{background:#101211d9;padding:7px;border-radius:2px}@media(max-width:700px){.showcase{padding:65px 0}.gallery-toolbar{padding:14px;gap:12px;align-items:flex-start}.gallery-toolbar button{font-size:9px;padding:8px}.gallery-expand-label{right:10px;bottom:10px;font-size:9px;padding:7px}.real-gallery figcaption{font-size:10px;padding:15px}.recorded-demos{grid-template-columns:1fr;gap:22px}.recorded-demo{padding:22px}.recorded-demo h3{font-size:26px}.media-footer{display:block}.media-footer a{display:block;margin-top:12px}.transcript-line{grid-template-columns:28px 45px 1fr;gap:7px}}@media(prefers-reduced-motion:reduce){.actor-marker{transition:none}}

/* One bordered gallery card; omit only native window chrome in the Workbench preview.
   Source viewport: x=8, y=80, width=3138, height=2044. Full-size PNG is unchanged. */
.gallery-toolbar{border-bottom:1px solid var(--line)}
.gallery-display{padding:16px 0;isolation:isolate}
.gallery-viewport{display:block;width:100%;position:relative;overflow:hidden}
.gallery-display[data-framing="workbench"] .gallery-viewport{aspect-ratio:3138/2044;background:#0e1113}
.gallery-display[data-framing="workbench"] img{position:absolute;left:-.254939%;top:-3.913894%;width:100.509879%;height:104.403131%;max-width:none;aspect-ratio:auto;object-fit:fill}
.gallery-expand-label{z-index:1}
@media(max-width:700px){.gallery-display{padding:10px 0}}