.mb-section{padding:76px 0 0;background:#111112;border-top:1px solid #ffffff24;scroll-margin-top:88px}
.mb-heading{max-width:1360px;margin:0 auto 52px;padding:0 var(--am-gutter);display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:end}
.mb-kicker{margin:0 0 20px;color:#b6b6b5;font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.1em;text-transform:uppercase}
.mb-heading h2{margin:0;font-size:clamp(44px,5.4vw,76px);line-height:1.04;letter-spacing:-.06em;font-weight:500}
.mb-heading h2 span{color:#a6a6a3}
.mb-heading>p{max-width:40ch;margin:0 0 4px;color:#c9c9c5;font-size:17px;line-height:1.7}
.mb-board{position:relative;height:clamp(580px,78svh,900px);overflow:hidden;isolation:isolate;background:transparent;color:#f2f2ed;--board-zoom:1}
.mb-viewport{position:absolute;inset:0;overflow:hidden;overflow:clip;touch-action:pan-y;outline-offset:-3px}
.mb-viewport:focus-visible{outline:2px solid #f15d4c}
.mb-ready .mb-viewport{cursor:grab}
.mb-movement-locked .mb-viewport{cursor:default}
.mb-active .mb-viewport{touch-action:none}
.mb-dragging .mb-viewport,.mb-dragging .mb-card{cursor:grabbing}
.mb-world{display:none;position:absolute;top:0;left:0;transform-origin:0 0;width:1px;height:1px}
.mb-ready .mb-world{display:block}
.mb-ready .mb-fallback{display:none}
.mb-fallback{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;height:100%;overflow:auto}
.mb-fallback figure{margin:0;min-width:0}
.mb-fallback img{display:block;width:100%;height:auto}
.mb-card{position:absolute;left:0;top:0;display:block;padding:0;border:0;margin:0;background:transparent;color:#f2f2ed;box-shadow:none;text-align:center;cursor:pointer;user-select:none;-webkit-user-select:none;perspective:1400px;appearance:none;border-radius:0}
.mb-card:focus-visible{outline:2px solid #f88070;outline-offset:3px}
.mb-flip{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,.7,.2,1)}
.mb-flipped .mb-flip{transform:rotateY(180deg)}
.mb-front,.mb-back{position:absolute;inset:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.mb-front{overflow:hidden;transform:rotateY(0deg)}
.mb-media{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#181819}
.mb-media img{position:absolute;display:block;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none}
.mb-back{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(10px / var(--board-zoom));padding:calc(16px / var(--board-zoom));background:#242426;overflow:hidden}
.mb-back-category{color:#b3b3b3;font-size:calc(9px / var(--board-zoom));letter-spacing:.1em;text-transform:uppercase;line-height:1.4}
.mb-back strong{font-size:calc(22px / var(--board-zoom));font-weight:500;line-height:1.13;letter-spacing:-.04em;max-width:100%;text-wrap:balance}
.mb-back-credit{font-size:calc(13px / var(--board-zoom));font-weight:400;line-height:1.5;color:#d0d0cd;max-width:100%;text-wrap:balance}
.mb-controls{display:none;position:absolute;z-index:3;bottom:26px;left:50%;transform:translateX(-50%);align-items:center;padding:5px;gap:5px;border:1px solid #ffffff29;background:#222223ee;border-radius:10px;box-shadow:0 8px 25px #0004}
.mb-ready .mb-controls{display:flex}
.mb-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;min-width:44px;padding:10px;color:#ededeb;background:transparent;border:0;border-radius:6px;cursor:pointer}
.mb-controls button:focus-visible,.mb-footnote a:focus-visible{outline:2px solid #f88070;outline-offset:3px}
.mb-controls button:hover{background:#ffffff16}
.mb-controls button:disabled{opacity:.3;cursor:default}
.mb-controls svg{width:21px;height:21px;flex:none}
.mb-controls .mb-explore{padding:10px 14px;font-size:12px;font-weight:500;background:#e3e3df;color:#1c1c1c}
.mb-controls .mb-explore:hover{background:#fff}
.mb-active .mb-controls .mb-explore{background:#ee6957;color:#201713}
.mb-zoom{display:flex;align-items:center;border-inline:1px solid #ffffff24;padding-inline:3px}
.mb-scale{min-width:42px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}
.mb-help{position:absolute;left:24px;bottom:28px;max-width:250px;margin:0;padding:10px 12px;border-radius:5px;background:#111112dc;color:#ddd;font-size:11px;line-height:1.6;pointer-events:none}
.mb-footnote{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px var(--am-gutter) 26px;border-bottom:1px solid #ffffff24}
.mb-footnote p{margin:0;font-size:11px;line-height:1.6;color:#aaa9a4}
.mb-footnote a{display:inline-flex;align-items:center;gap:12px;font-size:12px;min-height:44px}
.mb-footnote svg{width:18px;height:18px}
.mb-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:1500px){.mb-heading{padding-left:56px;padding-right:56px}}
@media(max-width:1100px){.mb-help{bottom:96px;left:50%;transform:translateX(-50%);text-align:center;width:max-content;max-width:90%}}
@media(max-width:699px){
 .mb-section{padding-top:52px;scroll-margin-top:76px}
 .mb-heading{grid-template-columns:1fr;gap:24px;margin-bottom:32px}
 .mb-heading h2{font-size:clamp(42px,10vw,62px)}
 .mb-heading>p{font-size:15px;line-height:1.7}
 .mb-kicker{font-size:10px;margin-bottom:16px}
 .mb-board{height:72svh;min-height:510px;max-height:760px}
 .mb-controls{bottom:20px;gap:3px;padding:4px}
 .mb-controls .mb-explore{padding-inline:10px}
 .mb-explore svg{display:none}
 .mb-help{bottom:88px;font-size:10px;max-width:calc(100% - 32px)}
 .mb-footnote{align-items:flex-start;flex-direction:column;gap:8px;padding-top:18px;padding-bottom:18px}
 .mb-back strong{font-size:calc(20px / var(--board-zoom))}
}
@media(prefers-reduced-motion:reduce){.mb-flip{transition:none}}
