/* A quiet, uncropped image board. The static layout is also the motion fallback. */
.experiments-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 7%;padding-block:8px 32px;position:relative}
.experiments-board .study-figure{inline-size:var(--study-width,88%);margin:var(--study-offset,0px) 0 0;justify-self:var(--study-align,start);min-inline-size:0}
.experiments-board .study-figure:nth-child(3n+2){--study-width:82%;--study-offset:48px;--study-align:center}
.experiments-board .study-figure:nth-child(3n){--study-width:76%;--study-offset:16px;--study-align:end}
.experiments-board .study-figure:nth-child(4){--study-offset:32px;--study-width:94%}
.experiments-board .study-figure:nth-child(5){--study-offset:0px;--study-width:74%}
.experiments-board .study-figure:nth-child(6){--study-offset:72px;--study-width:92%}
.experiments-board .media{background:transparent}
.experiments-board.has-physics{display:block;padding:0;isolation:isolate;touch-action:pan-y}
.experiments-board.has-physics .study-figure{position:absolute;inset:0 auto auto 0;inline-size:auto;margin:0;transform-origin:top left;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.experiments-board.has-physics .study-figure img{-webkit-user-drag:none;pointer-events:none}
.experiments-board.has-physics .study-figure.is-dragging{cursor:grabbing;will-change:transform}
.experiments-board.has-physics .study-figure:focus-visible{outline:1px solid currentColor;outline-offset:6px}
.experiments-board.has-physics .study-figure figcaption{pointer-events:none}
@media(max-width:700px){
 .experiments-board{grid-template-columns:minmax(0,1fr);gap:56px;padding-block:0 32px}
 .experiments-board .study-figure:nth-child(n){--study-width:84%;--study-offset:0px;--study-align:center}
 .experiments-board.has-physics{touch-action:pan-y}
}
@media(prefers-reduced-motion:reduce){
 .experiments-board{gap:32px var(--gutter)}
 .experiments-board .study-figure:nth-child(n){inline-size:100%;margin:0;justify-self:stretch}
}