/* Shared capabilities in both private website drafts. */
.board-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:60px;align-items:center;padding-block:80px}
.board-preview h2{font-size:clamp(38px,4.5vw,70px);margin:24px 0}
.board-preview p{max-width:480px;line-height:1.8}
.board-preview .small-note{margin-top:20px}
.systembrett-stage{position:relative;aspect-ratio:1400/1094;overflow:hidden;background:#d8d1c5}
.systembrett-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s}
.systembrett-canvas{position:absolute;inset:0;display:block;opacity:0;transition:opacity .6s;touch-action:pan-y}
.systembrett-hero.is-live .systembrett-canvas{opacity:1}
.systembrett-hero.is-live .systembrett-poster{opacity:0}
.systembrett-canvas.can-grab{cursor:grab}
.systembrett-hero.is-dragging .systembrett-canvas{cursor:grabbing}
.systembrett-labels{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .6s}
.systembrett-hero.is-live .systembrett-labels{opacity:1}
.systembrett-label{position:absolute;left:0;top:0;padding:5px 10px;background:#fffdf6;color:#173f4a;font-size:12px;font-weight:600;line-height:1.3;box-shadow:0 4px 12px #2b3a2f22;white-space:nowrap}
.systembrett-hint{display:none}
.systembrett-hero.is-live .systembrett-hint{display:inline;font-weight:600}
.systembrett-hero figcaption{font-size:12px;line-height:1.7;padding-block:16px}
.systembrett-hero figcaption a{display:inline-block;min-height:44px;padding-block:10px}
@media(max-width:760px){.board-preview{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:45px}.board-preview h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.systembrett-poster,.systembrett-canvas,.systembrett-labels{transition:none}}