@layer components{@layer base{.content-row{color:var(--content-row-fg);background-color:var(--content-row-bg);transition:background-color var(--content-row-bg-duration) var(--content-row-easing);--content-row-bg:transparent;--content-row-fg:var(--color-link-btn);--content-row-divider:var(--color-divider);--content-row-indicator:var(--color-focus-ring);--content-row-focus-ring:var(--color-focus-ring);--content-row-indicator-size:var(--indicator-size);--content-row-shift:var(--space-8x);--content-row-media-size:15rem;--content-row-bg-duration:var(--duration-slow);--content-row-shift-duration:var(--duration-slow);--content-row-easing:var(--ease-out);--content-row-gap:var(--grid-gap);--content-row-tag-muted:var(--color-eyebrow);text-decoration:none;display:block;overflow:hidden}.content-row__divider{border:0;border-block-start:var(--border-width-hairline) solid var(--content-row-divider);block-size:0;margin:0}.content-row__content{row-gap:var(--content-row-gap);margin-block-end:var(--component-space-lg);padding-block-start:var(--component-space-md)}.content-row__label{grid-area:1/main;align-self:center}.content-row__tag{gap:var(--space-1x);flex-wrap:wrap;grid-area:2/main;justify-self:stretch;display:flex}.content-row__title-div{grid-area:3/main;align-items:flex-start;position:relative}.content-row__title-div:before{inline-size:var(--content-row-indicator-size);block-size:var(--content-row-indicator-size);content:"";background-color:var(--content-row-indicator);opacity:0;transition:opacity var(--content-row-bg-duration) var(--content-row-easing);display:block;position:absolute;inset-block-start:var(--space-3x);inset-inline-start:calc(var(--content-row-shift) / 2 - var(--content-row-indicator-size) / 2)}.content-row__title{min-inline-size:0;transition:transform var(--content-row-shift-duration) var(--content-row-easing)}.content-row__media{inline-size:100%;grid-area:4/main;margin-block-start:calc(var(--space-2x) * -1);display:block}.content-row__media img{aspect-ratio:16/10;object-fit:cover;inline-size:100%;display:block}.content-row--compact .content-row__content{--content-row-gap:var(--space-2x)}.content-row--compact .content-row__title-div{grid-row:1;margin-block-end:calc(var(--grid-gap) - var(--content-row-gap))}.content-row--compact .content-row__label{grid-area:2/main}.content-row--compact .content-row__tag{grid-area:3/main}.content-row__tag--text{color:var(--content-row-tag-muted);text-align:start;margin:0;display:block}.content-list__headers{display:none}.content-list__items{margin:0;padding:0;list-style:none}.content-list__expand{gap:var(--component-space-md);flex-direction:column;grid-column:main;align-items:stretch;margin-block-start:var(--component-space-xl);display:flex}}@layer variants{@media (width>=768px){.content-row__content{margin-block-end:0;padding-block-end:var(--component-space-lg)}:where(.content-row:not(.content-row--compact)) .content-row__label{grid-area:1/main-start/auto/span 4}:where(.content-row:not(.content-row--compact)) .content-row__tag{grid-area:1/span 4/auto/main-end;justify-content:flex-end;justify-self:stretch}:where(.content-row:not(.content-row--compact)) .content-row__media{grid-area:2/main-start/auto/span 2;margin-block-start:0}:where(.content-row:not(.content-row--compact)) .content-row__title-div{grid-area:2/span 6}:where(.content-row:not(.content-row--has-image)) .content-row__title-div{grid-column:main}}@media (width>=1024px){.content-row__title{font-size:var(--display-sm);letter-spacing:var(--tracking-tight)}.content-row__tag--text{color:var(--content-row-fg)}}@media (hover:none) and (width>=1024px),(pointer:coarse) and (width>=1024px){.content-row__media{grid-area:1/main-start/auto/span 1}.content-row__title-div{grid-area:1/span 3;margin-block-end:0}:where(.content-row:not(.content-row--has-image)) .content-row__title-div{grid-column:main-start/span 4}.content-row__label{grid-area:1/span 2;align-self:start}.content-row__tag{grid-area:1/span 2/auto/main-end;justify-content:flex-start;justify-self:stretch}}@media (hover:hover) and (pointer:fine) and (width>=1024px){.content-row__title-div{grid-area:1/main-start/auto/span 4;margin-block-end:0}.content-row__label{grid-area:1/span 2;align-self:start}.content-row__tag{grid-area:1/span 2;justify-content:flex-start;justify-self:stretch}}@media (width>=768px){.content-list__expand{flex-flow:wrap;grid-column:span 4/main-end;align-items:center}}@media (width>=1024px){.content-list__headers{grid-template-columns:subgrid;color:var(--color-eyebrow);grid-column:main;padding-block-end:var(--component-space-lg);display:grid}.content-list__heading--title{grid-column:main-start/span 4}.content-list__heading--label,.content-list__heading--tag{grid-column:span 2}}}@layer states{@media (hover:hover){.content-row:hover{--content-row-bg:var(--color-module-hover-bg)}}.content-row:focus-visible{--content-row-bg:var(--color-module-hover-bg);outline:var(--focus-ring-width) solid var(--content-row-focus-ring);outline-offset:var(--focus-ring-offset-inset)}@media (hover:hover) and (pointer:fine){.content-row:hover .content-row__title,.content-row:focus-visible .content-row__title{transform:translateX(var(--content-row-shift))}.content-row:hover .content-row__title-div:before,.content-row:focus-visible .content-row__title-div:before{opacity:1}}@media (hover:hover) and (pointer:fine) and (width>=1024px){.content-row--has-image .content-row__media{z-index:1;inline-size:var(--content-row-media-size);pointer-events:none;opacity:0;translate:calc(var(--content-row-x,0) + var(--space-4x)) calc(var(--content-row-y,0) + var(--space-4x));position:fixed;inset-block-start:0;inset-inline-start:0}.content-row--has-image .content-row__media.is-floating{opacity:1;transition:opacity var(--content-row-bg-duration) var(--content-row-easing)}}@media (prefers-reduced-motion:reduce){.content-row,.content-row__title,.content-row__title-div:before,.content-row__media{transition:none}}.content-list__item--collapsed{display:none}@media (prefers-reduced-motion:no-preference){.content-list__item--reveal-pending{opacity:0;transform:translateY(var(--space-4x))}.content-list__item--revealed{--reveal-delay:calc(var(--reveal-index,0) * var(--duration-fastest));opacity:1;transition:opacity var(--duration-slow) var(--ease-out) var(--reveal-delay), transform var(--duration-slow) var(--ease-out) var(--reveal-delay);transform:translateY(0)}}}}