@layer theme,base,components,product;@layer compositions{._mosaic_y95qd_4{align-content:start;gap:var(--space-1);pointer-events:none;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}._tail_y95qd_16{isolation:isolate;width:calc(100% + 2 * var(--layout-gutter-canvas));height:11rem;margin-block:var(--space-8) calc(-1 * var(--space-24));margin-inline:calc(-1 * var(--layout-gutter-canvas));position:relative}._tailMosaic_y95qd_25{z-index:-1;-webkit-mask-image:linear-gradient(to bottom, transparent 0%, color-mix(in oklch, var(--mask-opaque) 60%, transparent) 55%, transparent 100%);mask-image:linear-gradient(to bottom, transparent 0%, color-mix(in oklch, var(--mask-opaque) 60%, transparent) 55%, transparent 100%);position:absolute;inset:0}._tile_y95qd_39{--photo-rest:.09;aspect-ratio:1;border-radius:var(--radius-sm);opacity:calc(var(--photo-rest) + var(--photo-reveal,0) * (1 - var(--photo-rest)));transform:scale(calc(1 + var(--photo-reveal,0) * .06));transition:opacity var(--duration-deliberate) ease-out, transform var(--duration-deliberate) ease-out;position:relative;overflow:hidden}._tile_y95qd_39:after{background:var(--highlight-warm);content:"";mix-blend-mode:color;opacity:calc(1 - var(--photo-reveal,0));transition:opacity var(--duration-deliberate) ease-out;position:absolute;inset:0}._photo_y95qd_62{object-fit:cover;width:100%;height:100%;filter:grayscale(calc(1 - var(--photo-reveal,0)));transition:filter var(--duration-deliberate) ease-out}._mosaic_y95qd_4[data-revealing] ._tile_y95qd_39,._mosaic_y95qd_4[data-revealing] ._tile_y95qd_39:after,._mosaic_y95qd_4[data-revealing] ._photo_y95qd_62{transition-duration:var(--duration-moderate)}@media (width>=40rem){._mosaic_y95qd_4{grid-template-columns:repeat(8,minmax(0,1fr))}}._tailMosaic_y95qd_25{grid-template-columns:repeat(8,minmax(0,1fr))}@media (width>=56.25rem){._tailMosaic_y95qd_25{grid-template-columns:repeat(16,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){._tile_y95qd_39,._tile_y95qd_39:after,._photo_y95qd_62{transition:none;transform:none}}html[data-motion=reduced] ._tile_y95qd_39,html[data-motion=reduced] ._tile_y95qd_39:after,html[data-motion=reduced] ._photo_y95qd_62{transition:none;transform:none}}@layer utilities,overrides;
