.grid{--grid-gap:var(--rhythmic-unit);--grid-columns:1;--grid-padding:calc(2 * var(--rhythmic-unit));margin:var(--rhythmic-unit) 0 0 0;gap:var(--grid-gap);grid-template-columns:repeat(var(--grid-columns), 1fr);display:grid;@media (width>=700px){--grid-columns:2}}.grid__title{color:var(--color-contrast--no-animation);transition:var(--transition-mode) color}.grid__item{width:auto;height:auto;font-size:var(--font-size-small);border-color:var(--color-border--no-animation);min-height:200px;transition:var(--transition-mode) border-color;text-decoration:none;position:relative;overflow:hidden;&:hover,&:focus-visible,&:active{& .grid__icon{opacity:.5;transform:scale(1.2)rotate(10deg)}& .grid__item-bg{transform:scale(1.1)rotate(1deg)}}}.grid__item--surfaced{background:color-mix(in sRGB, var(--color-surface), transparent 50%)}.grid__item--tall{grid-row:span 2}.grid__item--wide{grid-column:span 2}.grid__tag{letter-spacing:1px;text-transform:uppercase;font-variation-settings:"wdth" 100;padding:calc(.25 * var(--rhythmic-unit)) calc(.75 * var(--rhythmic-unit));border-radius:var(--border-radius-big);background:color-mix(in sRGB, var(--color-surface), var(--color-contrast) 5%);color:var(--color-text-secondary);transition:var(--transition-mode) color;font-size:.56rem;font-weight:550}.grid__text,.grid__status{color:var(--color-text-secondary);transition:var(--transition-mode) color;& strong,& b{color:var(--color-text)}}.grid__status{color:var(--color-text--no-animation);transition:var(--transition-mode) color;width:100%;padding-top:calc(var(--rhythmic-unit) + var(--border-width));flex-direction:column;flex:1;justify-content:flex-end;display:flex;position:relative;&:before{content:"";top:calc(.5 * var(--rhythmic-unit));height:var(--border-width);background:var(--color-border);position:absolute;left:0;right:0}}.grid__icon{bottom:var(--grid-padding);right:var(--grid-padding);opacity:.2;pointer-events:none;transition:var(--transition) opacity, var(--transition) transform;filter:saturate(1.01);font-size:3rem;line-height:1;position:absolute}:dir(rtl) .grid__icon{right:auto;left:var(--grid-padding)}.grid__item--gallery .grid__item-content:after{content:"";background:linear-gradient(to top, color-mix(in sRGB, var(--color-bg), transparent 20%), color-mix(in sRGB, var(--color-bg), transparent 30%));z-index:-1;pointer-events:none;position:absolute;inset:0}.grid__item-content{align-items:flex-start;row-gap:calc(.5 * var(--rhythmic-unit));justify-content:inherit;width:100%;height:100%;padding:var(--grid-padding);flex-direction:column;display:flex;container-type:inline-size}.grid__item-bg{z-index:-1;transition:var(--transition) transform;background:var(--color-bg);position:absolute;inset:0;& img{object-fit:cover;width:100%;height:100%}}@container (width<280px){.grid__icon{bottom:calc(5 * var(--rhythmic-unit))}}@container (width<190px){.grid__icon{display:none}}@media (width<700px){.grid__icon{display:none}}