.media-lab{--media-dark:#152820;--media-paper:#f3ecdf}.media-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.5fr);background:var(--media-dark);color:white;border:1px solid #233b32}.media-stage{position:relative;background:#0d1713;min-height:420px}.media-stage video{display:block;width:100%;height:100%;min-height:420px;object-fit:contain;background:#0a0f0d}.media-stage-copy{position:absolute;left:18px;bottom:18px;max-width:430px;background:#12241ee8;padding:14px 16px;border-left:4px solid var(--gold);pointer-events:none}.media-stage-copy b{display:block;font:26px Newsreader}.media-stage-copy span{font-size:10px;line-height:1.45}.media-playlist{padding:20px;display:grid;align-content:start;gap:9px}.media-playlist>small{letter-spacing:.14em;color:#d2bd98}.media-choice{display:grid;grid-template-columns:34px 1fr;gap:10px;text-align:left;padding:12px;border:1px solid #ffffff2b;background:#20372e;color:white}.media-choice.active{border-color:var(--gold);background:#2d4b3f}.media-choice b{font:19px Newsreader}.media-choice span{font-size:9px;color:#d5dfd9}.anatomy-sim{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);border:1px solid var(--line);margin-top:34px;min-height:620px}.anatomy-canvas{position:relative;overflow:hidden;background:linear-gradient(180deg,#e7decf,#c8d0bd);min-height:620px}.anatomy-canvas svg{width:100%;height:100%;min-height:620px}.anatomy-layer{transform-box:fill-box;transform-origin:center;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .35s}.anatomy-canvas[data-roof="0"] .layer-roof,.anatomy-canvas[data-frame="0"] .layer-frame,.anatomy-canvas[data-space="0"] .layer-space,.anatomy-canvas[data-base="0"] .layer-base,.anatomy-canvas[data-ornament="0"] .layer-ornament{opacity:.08}.anatomy-canvas.exploded .layer-roof{transform:translateY(calc(var(--explode) * -1px))}.anatomy-canvas.exploded .layer-frame{transform:translateX(calc(var(--explode) * .35px))}.anatomy-canvas.exploded .layer-space{transform:translateX(calc(var(--explode) * -.32px))}.anatomy-canvas.exploded .layer-base{transform:translateY(calc(var(--explode) * .55px))}.anatomy-canvas.exploded .layer-ornament{transform:translateX(calc(var(--explode) * .7px))}.anatomy-callout{font:700 13px Inter,sans-serif;fill:#162820}.anatomy-callout-line{stroke:#b24c35;stroke-width:2;stroke-dasharray:5 4}.anatomy-controls{padding:26px;background:#faf5eb}.anatomy-controls h3{font-size:34px;margin:8px 0}.anatomy-range{display:block;margin:22px 0}.anatomy-range input{width:100%}.layer-toggles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.layer-toggles label{display:flex!important;align-items:center;gap:8px;border:1px solid var(--line);padding:10px;margin:0!important}.layer-toggles input{width:auto!important}.anatomy-readout{margin-top:18px;padding:16px;border-left:4px solid var(--gold);background:#eee4d3;font-size:11px;line-height:1.55}.anatomy-metrics{display:grid;gap:9px;margin-top:18px}.anatomy-metrics span{font-size:9px;text-transform:uppercase;letter-spacing:.08em}.anatomy-metrics i{display:block;height:7px;background:#ddd0ba}.anatomy-metrics b{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--gold));transition:width .4s}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}.reference-card{border:1px solid var(--line);background:#faf5eb;padding:14px}.reference-card button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.reference-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.reference-card h3{font-size:28px;margin:14px 0 5px}.reference-card p{font-size:11px;line-height:1.5}.image-lightbox{max-width:min(95vw,1500px);border:0;padding:10px;background:#111}.image-lightbox img{display:block;max-width:92vw;max-height:84vh}.image-lightbox button{position:absolute;right:18px;top:18px;border:0;border-radius:50%;width:40px;height:40px;background:white;font-size:22px}@media(max-width:920px){.media-hero,.anatomy-sim{grid-template-columns:1fr}.media-playlist{grid-template-columns:1fr 1fr}.anatomy-canvas,.anatomy-canvas svg{min-height:500px}}@media(max-width:600px){.media-playlist,.reference-grid,.layer-toggles{grid-template-columns:1fr}.media-stage,.media-stage video{min-height:280px}.anatomy-canvas,.anatomy-canvas svg{min-height:410px}}