@property --card-radius{syntax:"<length>";inherits:true;initial-value:0}@property --dome-gap{syntax:"<length>";inherits:true;initial-value:0}.dome-grid{--card-radius:var(--radius);--panel-gap:calc(var(--card-radius) * -2);--panel-bg:var(--panel-bg-dark,#fff);--panel-fg:var(--panel-fg-dark,#201d1d);cursor:grab;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;z-index:5;background-color:#0000;width:100%;height:100svh;transition:background-color .7s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}html:has([data-dome-grid]){overscroll-behavior-x:none}html:has([data-dome-grid]) body{overscroll-behavior-x:none}html[data-theme=light] .dome-grid{--panel-bg:var(--panel-bg-light,#fff);--panel-fg:var(--panel-fg-light,#201d1d)}.dome-grid[data-dragging]{cursor:grabbing}.dome-grid__list{--dome-gap-base:calc(var(--space-1) * 14);--dome-gap:var(--dome-gap-tune-phone,var(--dome-gap-tune-mobile,var(--dome-gap-base)));width:100%;position:relative}@media (min-width:768px){.dome-grid__list{--dome-gap-base:calc(var(--space-1) * 30);--dome-gap:var(--dome-gap-tune-tablet,var(--dome-gap-tune,var(--dome-gap-base)))}}@media (min-width:1200px){.dome-grid__list{--dome-gap-base:calc(var(--space-1) * 24);--dome-gap:var(--dome-gap-tune-desktop,var(--dome-gap-tune,var(--dome-gap-base)))}}.dome-grid__item{--slide:0;--dim:0;opacity:0;transform-origin:0 0;will-change:transform, opacity;transition:opacity 1s;position:absolute;container-type:size}.dome-grid[data-loaded][data-laid-out] .dome-grid__item{opacity:1}:is(.dome-grid:has([data-lifted]),.dome-grid:has([data-open])){z-index:50}.dome-grid:before{content:"";z-index:55;pointer-events:none;background:var(--stage-dim,#000);opacity:0;transition:opacity .35s,background-color .7s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.dome-grid:has([data-lifted]):before{opacity:.55}.dome-grid:has([data-open]):before{opacity:.55}.dome-grid__item[data-lifted]{z-index:60}.dome-grid__item[data-active] .dome-grid__caption{opacity:0}.dome-grid__item .dome-grid__content{display:none}.dome-grid__panel{pointer-events:none;transform:translateX(calc((100cqw + var(--panel-gap)) * var(--slide)));background-color:var(--panel-bg);border-radius:var(--card-radius);width:var(--panel-w,100%);position:absolute;top:0;bottom:0;left:0}.dome-grid__media{border-radius:var(--card-radius);background-color:#111;width:100%;height:100%;position:relative;overflow:hidden}.dome-grid__item[data-active] .dome-grid__media{border-radius:var(--card-radius) 0 0 var(--card-radius)}.dome-grid__item[data-active] .dome-grid__panel{border-radius:0 var(--card-radius) var(--card-radius) 0}.dome-grid__image{pointer-events:none;object-fit:cover;width:100%;height:100%;position:absolute;inset:0%;transform:scale(1.1)}.dome-grid__caption{z-index:1;grid-column-gap:var(--space-inset);grid-row-gap:var(--space-inset);pointer-events:none;color:#fff;transform-style:preserve-3d;padding:var(--space-gap);padding-left:var(--space-1);background-image:linear-gradient(#fff0 40%,#0009);justify-content:flex-start;align-items:flex-end;transition-property:opacity;transition-duration:.35s;transition-timing-function:ease-out;display:flex;position:absolute;inset:0%;transform:translateZ(0)}.dome-grid__text{margin-top:0;margin-bottom:0}.dome-grid__text.is--faded{opacity:.6}.dome-grid__dim{z-index:1;pointer-events:none;opacity:var(--dim);transform-style:preserve-3d;background-color:#000;position:absolute;inset:0%;transform:translateZ(0)}.dome-grid__content{grid-row-gap:var(--space-1);min-height:100%;padding:var(--space-gap);padding-left:var(--space-1);flex-flow:column;justify-content:space-between;align-items:flex-start;display:flex}.dome-grid__title{font:500 var(--type-label) / var(--type-label-lh) var(--font-mono);letter-spacing:var(--type-label-ls);text-transform:uppercase;margin-top:0;margin-bottom:0}.dome-grid__content .dome-grid__text{font:500 var(--type-label-s) / var(--type-label-s-lh) var(--font-mono);text-transform:uppercase;letter-spacing:var(--type-label-s-ls)}.dome-grid__shade{--fx:50%;--fy:50%;opacity:calc(.7 * var(--dome-light,1));pointer-events:none;-webkit-mask-image:radial-gradient(circle at var(--fx) var(--fy), transparent 25%, #000 75%);-webkit-mask-image:radial-gradient(circle at var(--fx) var(--fy), transparent 25%, #000 75%);mask-image:radial-gradient(circle at var(--fx) var(--fy), transparent 25%, #000 75%);background-color:var(--shade,#000);position:absolute;inset:0%}.dome-grid__cover{z-index:20;pointer-events:none;background-color:var(--bg,#000);opacity:0;position:absolute;inset:0%}.dome-grid[data-loaded] .dome-grid__cover{opacity:0;pointer-events:none}.dome-grid__lightbox{z-index:10;opacity:0;pointer-events:none;color:var(--panel-fg);top:50%;left:calc(50% + var(--lightbox-offset,0px));width:var(--lightbox-w,70vh);height:var(--lightbox-h,70vh);transition-property:opacity;transition-duration:.2s;transition-timing-function:ease-out;display:block;position:absolute;transform:translateY(-50%)}.dome-grid__lightbox[data-open]{z-index:60;opacity:1;transition:opacity .35s ease-out .15s}.dome-grid__lightbox-inner{top:0%;bottom:0%;right:0%;left:calc(0px - var(--lightbox-gap,0px));overscroll-behavior:contain;touch-action:pan-y;position:absolute;overflow-y:auto}.dome-grid__lightbox[data-open] .dome-grid__lightbox-inner{pointer-events:auto}.dome-grid__meta{opacity:.6;font:500 var(--type-label-s) / var(--type-label-s-lh) var(--font-mono);letter-spacing:var(--type-label-s-ls);text-transform:uppercase;margin-top:0;margin-bottom:0}.dome-grid__meta.is--faded{opacity:.6}@media (orientation:portrait){.dome-grid__panel{width:auto;height:var(--panel-h,100%);transform:translateY(calc((100cqh + var(--panel-gap)) * var(--slide)));inset:0 0 auto}.dome-grid__item[data-active] .dome-grid__media{border-radius:var(--card-radius) var(--card-radius) 0 0}.dome-grid__item[data-active] .dome-grid__panel{border-radius:0 0 var(--card-radius) var(--card-radius)}.dome-grid__lightbox{top:calc(50% + var(--lightbox-offset,0px));width:var(--lightbox-w,80vw);height:var(--lightbox-h,80vw);left:50%;transform:translate(-50%)}.dome-grid__lightbox-inner{left:0;top:calc(0px - var(--lightbox-gap,0px))}}@media (max-width:767px){.dome-grid__item .dome-grid__text.is--faded{display:none}}