.accent-grid{inline-size:calc(100% + var(--gutter) * 2);margin-inline-start:calc(var(--gutter) * -1);align-self:baseline;--_border: var(--border-size) var(--border-style) var(--border-color-light);--_dot-size: 4px;--_dot-color: var(--border-color-light);--_item-min-size: 8rem;--_img-max-inline: 12rem;--_img-max-block: 4rem;display:grid;grid-auto-flow:dense;gap:0;padding:calc(var(--_dot-size) / 2);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-composite:intersect}.accent-grid__item{position:relative;box-shadow:0 0 0 calc(var(--border-size) / 2) var(--border-color-light);min-block-size:var(--_item-min-size);align-items:center;justify-content:center;padding:.25em;overflow:visible;& a{display:flex;flex-grow:1;inline-size:100%;align-items:center;justify-content:center;transition:var(--transition);border-radius:var(--radius-xs)}:is(img,svg){max-inline-size:min(100%,var(--_img-max-inline));max-block-size:var(--_img-max-block);block-size:auto;inline-size:auto;object-fit:contain;pointer-events:none}}@media(hover:hover)and (pointer:fine){.accent-grid[data-mono] .accent-grid__item--has-content:has(a):hover{filter:none}.accent-grid__item a:hover{background:var(--bg-light)}}@media(width<=375px){.accent-grid{--_item-min-size: 6rem}}.accent-grid__item:before{content:"";position:absolute;inset:calc(var(--_dot-size) / -2);z-index:1;pointer-events:none;background-image:radial-gradient(circle,var(--_dot-color) calc(var(--_dot-size) / 2),transparent calc(var(--_dot-size) / 2)),radial-gradient(circle,var(--_dot-color) calc(var(--_dot-size) / 2),transparent calc(var(--_dot-size) / 2)),radial-gradient(circle,var(--_dot-color) calc(var(--_dot-size) / 2),transparent calc(var(--_dot-size) / 2)),radial-gradient(circle,var(--_dot-color) calc(var(--_dot-size) / 2),transparent calc(var(--_dot-size) / 2));background-size:var(--_dot-size) var(--_dot-size);background-position:top left,top right,bottom left,bottom right;background-repeat:no-repeat}.accent-grid[data-mono] .accent-grid__item--has-content{filter:grayscale(1)}.accent-grid--content-4x1{grid-template-columns:repeat(14,1fr)}.accent-grid--content-4x1 .accent-grid__item--has-content{grid-column:span 2}.accent-grid--content-4x1 .accent-grid__item:not(.accent-grid__item--has-content):nth-last-of-type(-n+2){display:none}@media(width<=1280px){.accent-grid--content-4x1{grid-template-columns:repeat(8,1fr)}.accent-grid--content-4x1 .accent-grid__item:not(.accent-grid__item--has-content):nth-last-of-type(-n+2){display:flex}:nth-child(1 of.accent-grid--content-4x1 .accent-grid__item--has-content){grid-column:3 / 5;grid-row:1}:nth-child(2 of.accent-grid--content-4x1 .accent-grid__item--has-content){grid-column:5 / 7;grid-row:1}:nth-child(3 of.accent-grid--content-4x1 .accent-grid__item--has-content){grid-column:3 / 5;grid-row:2}:nth-child(4 of.accent-grid--content-4x1 .accent-grid__item--has-content){grid-column:5 / 7;grid-row:2}}@media(width<=780px){.accent-grid--content-4x1{grid-template-columns:repeat(10,1fr)}:nth-child(1 of.accent-grid--content-4x1 .accent-grid__item--has-content){grid-column:3 / 6;grid-row:1}:nth-child(2 of.accent-grid--content-4x1 .accent-grid__item--has-content){grid-column:6 / 9;grid-row:1}:nth-child(3 of.accent-grid--content-4x1 .accent-grid__item--has-content){grid-column:3 / 6;grid-row:2}:nth-child(4 of.accent-grid--content-4x1 .accent-grid__item--has-content){grid-column:6 / 9;grid-row:2}}@media(width<=550px){.accent-grid--content-4x1{grid-template-columns:repeat(5,1fr)}:nth-child(1 of.accent-grid--content-4x1 .accent-grid__item--has-content){grid-column:2 / 5;grid-row:1}:nth-child(2 of.accent-grid--content-4x1 .accent-grid__item--has-content){grid-column:2 / 5;grid-row:2}:nth-child(3 of.accent-grid--content-4x1 .accent-grid__item--has-content){grid-column:2 / 5;grid-row:3}:nth-child(4 of.accent-grid--content-4x1 .accent-grid__item--has-content){grid-column:2 / 5;grid-row:4}}@media(width<=375px){.accent-grid--content-4x1{grid-template-columns:repeat(6,1fr)}:nth-child(1 of.accent-grid--content-4x1 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:1}:nth-child(2 of.accent-grid--content-4x1 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:2}:nth-child(3 of.accent-grid--content-4x1 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:3}:nth-child(4 of.accent-grid--content-4x1 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:4}}.accent-grid--content-5x1{grid-template-columns:repeat(16,1fr)}.accent-grid--content-5x1 .accent-grid__item--has-content{grid-column:span 2}.accent-grid--content-5x1 :nth-child(n+7 of[data-empty]){display:none}@media(width<=992px){.accent-grid--content-5x1{grid-template-columns:repeat(12,1fr)}.accent-grid--content-5x1 :nth-child(n+7 of[data-empty]){display:flex}:nth-child(1 of.accent-grid--content-5x1 .accent-grid__item--has-content){grid-column:3 / 7;grid-row:1}:nth-child(2 of.accent-grid--content-5x1 .accent-grid__item--has-content){grid-column:7 / 11;grid-row:1}:nth-child(3 of.accent-grid--content-5x1 .accent-grid__item--has-content){grid-column:3 / 7;grid-row:2}:nth-child(4 of.accent-grid--content-5x1 .accent-grid__item--has-content){grid-column:7 / 11;grid-row:2}:nth-child(5 of.accent-grid--content-5x1 .accent-grid__item--has-content){grid-column:5 / 9;grid-row:3}}@media(width<=550px){.accent-grid--content-5x1{grid-template-columns:repeat(6,1fr)}.accent-grid--content-5x1 :nth-child(n+7 of[data-empty]){display:none}:nth-child(1 of.accent-grid--content-5x1 .accent-grid__item--has-content){grid-column:2 / 4;grid-row:1}:nth-child(2 of.accent-grid--content-5x1 .accent-grid__item--has-content){grid-column:4 / 6;grid-row:1}:nth-child(3 of.accent-grid--content-5x1 .accent-grid__item--has-content){grid-column:2 / 4;grid-row:2}:nth-child(4 of.accent-grid--content-5x1 .accent-grid__item--has-content){grid-column:4 / 6;grid-row:2}:nth-child(5 of.accent-grid--content-5x1 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:3}}@media(width<=375px){.accent-grid--content-5x1{grid-template-columns:repeat(6,1fr)}.accent-grid--content-5x1 :nth-child(n+7 of[data-empty]){display:flex}.accent-grid--content-5x1 :nth-child(n+11 of[data-empty]){display:none}:nth-child(1 of.accent-grid--content-5x1 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:1}:nth-child(2 of.accent-grid--content-5x1 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:2}:nth-child(3 of.accent-grid--content-5x1 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:3}:nth-child(4 of.accent-grid--content-5x1 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:4}:nth-child(5 of.accent-grid--content-5x1 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:5}}.accent-grid--content-5-2-5-2{grid-template-columns:repeat(14,1fr)}.accent-grid--content-5-2-5-2 :nth-child(n+19 of[data-empty]){display:none}:nth-child(1 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:3 / 5;grid-row:1}:nth-child(2 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:5 / 7;grid-row:1}:nth-child(3 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:7 / 9;grid-row:1}:nth-child(4 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:9 / 11;grid-row:1}:nth-child(5 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:11 / 13;grid-row:1}:nth-child(6 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:3 / 7;grid-row:2}:nth-child(7 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:7 / 9;grid-row:2}:nth-child(8 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:9 / 13;grid-row:2}:nth-child(9 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:3 / 5;grid-row:3}:nth-child(10 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:5 / 7;grid-row:3}:nth-child(11 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:7 / 9;grid-row:3}:nth-child(12 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:9 / 11;grid-row:3}:nth-child(13 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:11 / 13;grid-row:3}:nth-child(14 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:4 / 8;grid-row:4}:nth-child(15 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:8 / 12;grid-row:4}@media(width<=992px){.accent-grid--content-5-2-5-2{grid-template-columns:repeat(16,1fr)}.accent-grid--content-5-2-5-2 :nth-child(n+19 of[data-empty]){display:flex}.accent-grid--content-5-2-5-2 :nth-child(n+21 of[data-empty]){display:none}:nth-child(1 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:3 / 6;grid-row:1}:nth-child(2 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:6 / 9;grid-row:1}:nth-child(3 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:9 / 12;grid-row:1}:nth-child(4 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:12 / 15;grid-row:1}:nth-child(5 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:3 / 9;grid-row:2}:nth-child(6 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:9 / 15;grid-row:2}:nth-child(7 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:3 / 6;grid-row:3}:nth-child(8 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:6 / 9;grid-row:3}:nth-child(9 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:9 / 12;grid-row:3}:nth-child(10 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:12 / 15;grid-row:3}:nth-child(11 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:3 / 6;grid-row:4}:nth-child(12 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:6 / 12;grid-row:4}:nth-child(13 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:12 / 15;grid-row:4}:nth-child(14 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:3 / 9;grid-row:5}:nth-child(15 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:9 / 15;grid-row:5}}@media(width<=780px){.accent-grid--content-5-2-5-2{grid-template-columns:repeat(16,1fr)}.accent-grid--content-5-2-5-2 :nth-child(n+21 of[data-empty]){display:flex}.accent-grid--content-5-2-5-2 :nth-child(n+25 of[data-empty]){display:none}:nth-child(1 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:3 / 7;grid-row:1}:nth-child(2 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:7 / 11;grid-row:1}:nth-child(3 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:11 / 15;grid-row:1}:nth-child(4 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:3 / 9;grid-row:2}:nth-child(5 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:9 / 15;grid-row:2}:nth-child(6 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:3 / 7;grid-row:3}:nth-child(7 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:7 / 11;grid-row:3}:nth-child(8 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:11 / 15;grid-row:3}:nth-child(9 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:3 / 9;grid-row:4}:nth-child(10 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:9 / 15;grid-row:4}:nth-child(11 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:3 / 7;grid-row:5}:nth-child(12 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:7 / 11;grid-row:5}:nth-child(13 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:11 / 15;grid-row:5}:nth-child(14 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:3 / 9;grid-row:6}:nth-child(15 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:9 / 15;grid-row:6}}@media(width<=550px){.accent-grid--content-5-2-5-2{grid-template-columns:repeat(8,1fr)}.accent-grid--content-5-2-5-2 :nth-child(n+25 of[data-empty]){display:flex}.accent-grid--content-5-2-5-2 :nth-child(n+17 of[data-empty]){display:none}:nth-child(1 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 8;grid-row:1}:nth-child(2 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 5;grid-row:2}:nth-child(3 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:5 / 8;grid-row:2}:nth-child(4 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 5;grid-row:3}:nth-child(5 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:5 / 8;grid-row:3}:nth-child(6 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 5;grid-row:4}:nth-child(7 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:5 / 8;grid-row:4}:nth-child(8 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 5;grid-row:5}:nth-child(9 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:5 / 8;grid-row:5}:nth-child(10 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 5;grid-row:6}:nth-child(11 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:5 / 8;grid-row:6}:nth-child(12 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 5;grid-row:7}:nth-child(13 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:5 / 8;grid-row:7}:nth-child(14 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 5;grid-row:8}:nth-child(15 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:5 / 8;grid-row:8}}@media(width<=375px){.accent-grid--content-5-2-5-2{grid-template-columns:repeat(6,1fr)}.accent-grid--content-5-2-5-2 :nth-child(n+17 of[data-empty]){display:flex}:nth-child(1 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:1}:nth-child(2 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:2}:nth-child(3 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:3}:nth-child(4 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:4}:nth-child(5 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:5}:nth-child(6 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:6}:nth-child(7 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:7}:nth-child(8 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:8}:nth-child(9 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:9}:nth-child(10 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:10}:nth-child(11 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:11}:nth-child(12 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:12}:nth-child(13 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:13}:nth-child(14 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:14}:nth-child(15 of.accent-grid--content-5-2-5-2 .accent-grid__item--has-content){grid-column:2 / 6;grid-row:15}}