.media{gap:var(--primitive-space-sp400);flex-direction:column;margin:0;display:flex}.media__frame{background:var(--semantic-bg-subtle);overflow:hidden}.media[data-fit=inset] .media__frame{border-radius:var(--primitive-radius-r20)}.media[data-ratio="16-9"] .media__frame{aspect-ratio:16/9}.media[data-ratio="4-3"] .media__frame{aspect-ratio:4/3}.media[data-ratio="1-1"] .media__frame{aspect-ratio:1}.media[data-ratio="3-4"] .media__frame{aspect-ratio:3/4}.media__frame img{object-fit:cover;width:100%;height:100%;display:block}.media__frame img[data-theme-img=dark]{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .media__frame img[data-theme-img=light]{display:none}:root:not([data-theme=light]) .media__frame img[data-theme-img=dark]{display:block}}[data-theme=dark] .media__frame img[data-theme-img=light]{display:none}[data-theme=dark] .media__frame img[data-theme-img=dark],[data-theme=light] .media__frame img[data-theme-img=light]{display:block}[data-theme=light] .media__frame img[data-theme-img=dark]{display:none}.media[data-ratio=natural] .media__frame img{object-fit:fill;height:auto}.media[data-ratio=natural] .media__placeholder{aspect-ratio:4/3}.media__placeholder{justify-content:center;align-items:center;gap:var(--primitive-space-sp200);width:100%;height:100%;padding:var(--primitive-space-sp600);text-align:center;border:1px dashed var(--semantic-border-strong);border-radius:inherit;color:var(--semantic-fg-secondary);flex-direction:column;display:flex}.media__placeholder-kind{font:var(--type-emphasis-3);letter-spacing:var(--type-emphasis-3-tracking);color:var(--semantic-fg-accent)}.media__placeholder-alt{max-width:40ch;font:var(--type-body-2);letter-spacing:var(--type-body-2-tracking);text-wrap:pretty}.media__placeholder-meta{font:var(--type-body-3);letter-spacing:var(--type-body-3-tracking);font-variant-numeric:tabular-nums}.media__caption{color:var(--semantic-fg-secondary);font:var(--type-body-3);letter-spacing:var(--type-body-3-tracking)}.tile{gap:var(--primitive-space-sp600);flex-direction:column;height:100%;display:flex;position:relative}.tile__media{border-radius:var(--primitive-radius-r20);position:relative;overflow:hidden}.tile__media>.tile__discipline{z-index:1;left:var(--primitive-space-sp500);bottom:var(--primitive-space-sp600);width:max-content;max-width:calc(100% - 2 * var(--primitive-space-sp500));pointer-events:none;margin:0;position:absolute}.tile__media>.tile__discipline .tag{background:var(--semantic-bg-surface);color:var(--semantic-fg-primary);border:1px solid var(--semantic-border-strong)}.tile__media>.tile__mark{z-index:1;top:var(--primitive-space-sp500);left:var(--primitive-space-sp500);width:max-content;max-width:calc(100% - 2 * var(--primitive-space-sp500));pointer-events:none;margin:0;position:absolute}.tile__media>.tile__mark .tag{background:var(--semantic-highlight);color:var(--semantic-fg-on-highlight)}.tile__media .media__frame{transition:transform var(--semantic-duration-dropdown) var(--semantic-easing-out)}@media (hover:hover) and (pointer:fine){.tile:hover .tile__media .media__frame{transform:scale(1.02)}}.tile:has(.tile__link:active){transform:scale(.985)}.tile:has(.tile__link:active) .tile__media .media__frame{transform:scale(.99)}.tile{transition:transform var(--semantic-duration-press) var(--semantic-easing-out);-webkit-tap-highlight-color:transparent}.tile__link{touch-action:manipulation}.tile__body{gap:var(--primitive-space-sp200);flex-direction:column;flex:1;display:flex}.tile__discipline{margin:0 0 var(--primitive-space-sp200)}.tile__title{width:fit-content;font-family:var(--type-heading-m-family);font-weight:var(--type-heading-m-weight);font-size:var(--type-heading-m-size);letter-spacing:var(--type-heading-m-tracking);line-height:var(--type-heading-m-line);color:var(--semantic-fg-primary);text-wrap:balance;background-image:linear-gradient(var(--semantic-highlight), var(--semantic-highlight));transition:background-size var(--semantic-duration-dropdown) var(--semantic-easing-out);background-position:0 92%;background-repeat:no-repeat;background-size:0 .42em;margin:0}@media (hover:hover) and (pointer:fine){.tile:hover .tile__title{background-size:100% .42em}}.tile:has(.tile__link:focus-visible) .tile__title{background-size:100% .42em}@media (width>=768px){.tile__title{font-size:var(--type-heading-l-size);letter-spacing:var(--type-heading-l-tracking)}}.tile__link{color:inherit;text-decoration:none}.tile__link:after{content:"";position:absolute;inset:0}.tile:has(.tile__link:focus-visible){outline:2px solid var(--semantic-border-focus);outline-offset:4px;border-radius:var(--primitive-radius-r20)}.tile__link:focus-visible{outline:none}.tile__summary{max-width:46ch;font:var(--type-body-l);letter-spacing:var(--type-body-l-tracking);color:var(--semantic-fg-secondary);text-wrap:pretty;margin:0}.tile__cue-slot{justify-content:flex-end;margin-block-start:auto;padding-block-start:var(--primitive-space-sp600);display:flex}.tile__cue{pointer-events:none;flex:none}@media (hover:hover) and (pointer:fine){.tile:hover .tile__cue[data-variant=secondary]{background:var(--semantic-action-secondary-bg-hover)}}.tile:active .tile__cue{transform:scale(.97)}.tile[data-variant=card]{background:var(--semantic-bg-surface);border:1px solid var(--semantic-border-subtle);border-radius:var(--primitive-radius-r20);transition:background-color var(--semantic-duration-dropdown) var(--semantic-easing-out);gap:0;overflow:hidden}@media (hover:hover) and (pointer:fine){.tile[data-variant=card]:hover{background:var(--semantic-bg-surface-raised)}}.tile[data-variant=card] .tile__media,.tile[data-variant=card] .tile__media .media__frame{border-radius:0}.tile[data-variant=card] .tile__body{padding:var(--primitive-space-sp1000)}@media (hover:hover) and (pointer:fine){.tile[data-variant=card]:hover .tile__media .media__frame{transform:scale(1.045)}}@media (prefers-reduced-motion:reduce){.tile[data-variant=card]:hover .tile__media .media__frame{transform:none}.tile__title{transition:none}}