.bento{display:grid;gap:calc(var(--ud-spacing) * 4)}@media(min-width:48rem){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:calc(var(--ud-spacing) * 5)}}.tile{container-type:inline-size;display:flex;flex-direction:column;background:var(--ud-color-surface);border:1px solid var(--ud-color-rule);border-radius:var(--ud-radius-xl);box-shadow:var(--ud-elevation-1);padding:calc(var(--ud-spacing) * 6)}@media(min-width:64rem){.span-2x1{grid-column:span 2}.span-3x1{grid-column:span 3}.span-4x1{grid-column:span 4}.span-6x1{grid-column:span 6}.span-2x2{grid-column:span 2;grid-row:span 2}}.tile-inner{display:flex;flex:1;flex-direction:column;gap:calc(var(--ud-spacing) * 4)}.tile-title{font-size:var(--ud-text-xl);line-height:var(--ud-text-xl--line-height);letter-spacing:var(--ud-text-xl--letter-spacing)}.tile-words p{margin-top:calc(var(--ud-spacing) * 2);color:var(--ud-color-ink-muted)}.tile-media{margin-top:auto;display:flex;flex-direction:column}.span-2x2 .tile-media{flex:1}.span-2x2 .tile-media>.shot,.span-2x2 .tile-media .shot-placeholder{flex:1}.tile-media>.shot{display:flex;flex-direction:column}@container (min-width: 34rem){.tile-row .tile-inner{display:grid;grid-template-columns:1fr 1.3fr;gap:calc(var(--ud-spacing) * 6);align-items:center}.tile-row .tile-media{margin-top:0}}.tile.is-link{position:relative}.tile.is-link .tile-title a{color:var(--ud-color-ink);text-decoration:none}.tile.is-link .tile-title a:after{content:"";position:absolute;inset:0;border-radius:inherit}.tile.is-link:hover{border-color:var(--ud-color-edge)}.tile.is-link:hover .tile-title a{text-decoration:underline}.tile.is-link:has(a:focus-visible){outline:2px solid var(--ud-color-focus);outline-offset:2px}.tile.is-link .tile-title a:focus-visible{outline:none}