.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 20px;margin-top:24px}.board{min-width:0}.board[hidden]{display:none}.board-image{padding:0;width:100%;position:relative;display:block;background:#e5e6dd}.board-image img{width:100%;height:250px;object-fit:contain;transition:filter .2s}.board-image:hover img{filter:brightness(1.04)}.board-image>span{position:absolute;bottom:12px;right:12px;background:#eff1e7d9;padding:4px 10px;font-size:20px}.board figcaption{padding-top:13px}.board h3{font-size:15px;margin:7px 0}.board p{font-size:12px;margin:0 0 10px}.board-filters{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 12px}.board-filters button{padding:9px 16px;border:1px solid #a8b497;font-size:12px}.board-filters button[aria-pressed=true]{color:#f1f0e9;background:#304631;border-color:#304631}.state-compare{--split:50%;position:relative;width:min(100%,440px);margin:25px auto 0;overflow:hidden;background:#243329}.state-compare>img{width:100%;height:auto;max-height:none;object-fit:contain}.state-compare .compare-before{position:absolute;inset:0;height:100%;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#ecf0de;pointer-events:none}.compare-label{position:absolute;top:15px;background:#19241bcf;color:white;font-size:9px;letter-spacing:1px;padding:6px 9px}.compare-label.left{left:12px}.compare-label.right{right:12px}.compare-control{display:flex;align-items:center;gap:18px;margin:18px 0 28px;font-size:12px}.compare-control input{flex:1;accent-color:#456338}.technical-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.technical-play{padding:0;width:100%;position:relative}.technical-play img{width:100%;aspect-ratio:16/9;object-fit:cover}.technical-play>span{position:absolute;bottom:12px;left:12px;color:#fff;background:#18291bd9;padding:8px 12px;font-size:12px}#board-view{width:min(1380px,96vw);padding:20px}#board-view img{width:100%;height:75vh;object-fit:contain;background:#131b15}#board-view p{margin:10px 0 0}.board+.video-box{margin-top:26px}.case-section .board>figcaption p{font-size:12px}@media(max-width:760px){.board-grid{grid-template-columns:1fr}.board-image img{height:auto;max-height:390px}.technical-grid{grid-template-columns:1fr}.board-filters button{padding:9px 12px}.compare-control{align-items:start;flex-direction:column}.compare-control input{width:100%}#board-view img{height:65vh}}
.case-shortcuts{display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid #bfc7b4;padding:20px 0}.case-shortcuts button{border:1px solid #9da98f;padding:11px 16px;font-size:12px}.case-shortcuts button:hover{background:#e2e8d8}.case-shortcuts button:focus-visible{outline:3px solid #687b50}#production-gallery,#state-compare,#lab-sequence-panel{scroll-margin-top:110px}