.dome-grid{--dome-card-radius: 0px;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden;block-size:var(--cta-block-height, 40rem);background-color:var(--surface, #ffffff);color:var(--on-surface, #585a5a)}@media screen and (min-width: 992px){.dome-grid{block-size:var(--dome-height, var(--cta-block-height, 40rem))}}.dome-grid[data-dragging]{cursor:grabbing}.dome-grid__list{display:grid;grid-template-columns:repeat(var(--dome-columns, 4),1fr);gap:1rem;inline-size:100%}.dome-grid__item{position:relative;aspect-ratio:1;transform-origin:0 0;will-change:transform}.dome-grid:not([data-dragging]) a.dome-grid__media{cursor:pointer}.dome-grid__item:has(:focus-visible){z-index:1}.dome-grid__media{display:block;color:inherit;text-decoration:none;cursor:inherit;position:relative;inline-size:100%;block-size:100%;overflow:hidden;border-radius:var(--dome-card-radius);background-color:var(--surface-muted, #f5f5f6);-webkit-user-drag:none}.dome-grid__media:focus-visible{outline:2px solid #d90b05;outline-offset:4px;outline-offset:-.25em}.dome-grid__image{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;object-fit:cover;inline-size:100%;block-size:100%;transform:scale(1.1)}.dome-grid__caption{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:flex-end;padding:1.25em;pointer-events:none;color:#fff;background-image:linear-gradient(to bottom,#0000 40%,#0009)}.dome-grid__text{margin:0;font-size:1em;line-height:1.2}.dome-grid__shade{position:absolute;inset-block-start:-50%;inset-inline-start:-50%;inline-size:200%;block-size:200%;pointer-events:none;will-change:transform;background-color:#00000080;mask-image:radial-gradient(circle at 50% 50%,transparent 12.5%,#000 37.5%);-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 12.5%,#000 37.5%);opacity:0;transition:opacity .4s ease-out}.dome-grid:hover .dome-grid__shade{opacity:1}.dome-grid[style*="--dome-torch: 0"] .dome-grid__shade{display:none}.dome-grid__cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;background-color:var(--surface, #ffffff);transition:opacity .3s ease-out}.dome-grid[data-loaded] .dome-grid__cover{opacity:0}@media screen and (max-width: 768px){.dome-grid__list{gap:.5rem}}@media screen and (max-width: 767px){.dome-grid{block-size:30rem}.dome-grid__list{grid-template-columns:repeat(var(--dome-columns-mobile, 2),1fr)}}@media (hover: none),(prefers-reduced-motion: reduce){.dome-grid__shade{display:none}}
