.brandfolder-board { position: relative; isolation: isolate; }
.brandfolder-board__background { display: block; width: 100%; height: auto; }
.brandfolder-board__document { position: absolute; display: block; transition: transform 220ms ease, box-shadow 220ms ease; cursor: zoom-in; }
.brandfolder-board__document img { width: 100%; height: 100%; }
.brandfolder-board__document:hover, .brandfolder-board__document:focus-visible { transform: scale(1.035); box-shadow: 0 12px 24px rgb(0 0 0 / .22); z-index: 2; }
.brandfolder-board__document--approach { left: 5.5%; top: 24.93%; width: 23.75%; height: 50.23%; }
.brandfolder-board__document--glossary { left: 32%; top: 15.84%; width: 30%; height: 31.68%; }
.brandfolder-board__document--collections { left: 64.625%; top: 15.84%; width: 30%; height: 31.68%; }
.brandfolder-board__structure { position: absolute; left: 32%; top: 52.86%; width: 30%; height: 31.68%; }
.brandfolder-board__structure-base { display: block; width: 100%; height: 100%; }
.brandfolder-board__document--structure { left: 37.05%; top: 38.60%; width: 62.40%; height: auto; }
.brandfolder-board__document--labels { left: 64.625%; top: 52.86%; width: 30%; height: 31.68%; }
.brandfolder-links { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; margin-top: 1rem; padding-left: 1.25rem; font-size: .875rem; }
.brandfolder-links a { display: inline-block; padding-block: .5rem; }
@media (prefers-reduced-motion: reduce) { .brandfolder-board__document { transition: none; } }

.brandfolder-board__document--structure img { height: auto; }