@layer components{.box:where(.astro-oxaq4rhg){--box-dim:oklch(from var(--color-surface-inverse) l c h / 55%);inline-size:var(--box-width);block-size:var(--box-height);border:var(--border-width-thick) solid oklch(from var(--color-surface-accent) l c h / calc(var(--detection-shown,1) * 100%));border-radius:var(--radius-s);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);position:absolute;inset-block-start:var(--box-top);inset-inline-start:var(--box-left);&[data-dim]{box-shadow:0 0 0 100vmax oklch(from var(--box-dim) l c h / calc(alpha * var(--detection-shown,1)));&:before{content:"";background:var(--box-dim);opacity:calc(1 - var(--detection-shown,1));transition:opacity var(--duration-normal) var(--ease-out);position:absolute;inset:-100vmax}}}.label:where(.astro-oxaq4rhg){opacity:var(--detection-shown,1);transition:opacity var(--duration-normal) var(--ease-out);padding:calc(var(--space-2) * var(--detection-scale,1)) calc(var(--space-4) * var(--detection-scale,1));border-radius:var(--radius-s);background:var(--alpha-lime-60);color:var(--color-text-on-accent);font-size:calc(var(--text-ui-micro) * var(--detection-scale,1));font-weight:var(--weight-semibold);line-height:var(--leading-compact);white-space:nowrap;position:absolute;inset-block-end:calc(100% + var(--space-6));inset-inline-start:calc(-1 * var(--border-width-thick))}.card:where(.astro-ss5fdzvl){--card-scrim:var(--color-surface-inverse);--card-hover-from:10%;--card-hover-to:90%;--card-gap:var(--space-12);--card-title-size:var(--text-mobile-h4);--card-title-weight:var(--weight-medium);--card-title-leading:var(--leading-heading);--card-title-tracking:var(--tracking-snug);--card-row-align:center;--card-reveal-gap:var(--space-32);isolation:isolate;min-block-size:32rem;padding:var(--space-24);border-radius:var(--radius-l);clip-path:inset(0 round var(--radius-l));background:var(--color-surface-inverse);color:var(--color-text-inverse);flex-direction:column;justify-content:flex-end;text-decoration:none;display:flex;position:relative;@media (width>=64rem){--card-title-size:var(--text-card-title);--card-title-leading:var(--leading-snug);--card-title-tracking:var(--tracking-tight);aspect-ratio:405/468;min-block-size:0;padding:var(--space-28)}&[data-variant=outcome]{--card-hover-from:25%;--card-hover-to:85%;--card-gap:var(--space-16);--card-title-size:var(--text-mobile-h3);--card-title-weight:var(--weight-regular);--card-title-leading:var(--leading-snug);--card-title-tracking:var(--tracking-tight);--card-row-align:flex-end;--card-reveal-gap:var(--space-20);min-block-size:20rem;padding:var(--space-28);@media (width>=64rem){--card-title-size:var(--text-card-title-lg);--card-title-weight:var(--weight-medium);aspect-ratio:3/4}}&:after{content:"";inset:calc(-1 * var(--space-2));z-index:var(--z-below);background:linear-gradient(180deg, transparent 45%, oklch(from var(--card-scrim) l c h / 55%) 75%, oklch(from var(--card-scrim) l c h / 85%) 100%);position:absolute}@media (hover:hover) and (pointer:fine){&:is(:hover,:focus-visible) .scrim:where(.astro-ss5fdzvl){opacity:1}&:is(:hover,:focus-visible) .toggle:where(.astro-ss5fdzvl){opacity:0;scale:.5}&:is(:hover,:focus-visible) .details:where(.astro-ss5fdzvl){grid-template-rows:1fr}&:is(:hover,:focus-visible) .inner:where(.astro-ss5fdzvl){opacity:1;translate:0}}@media (width<64rem){&[data-open] .scrim:where(.astro-ss5fdzvl){opacity:1}&[data-open] .toggle:where(.astro-ss5fdzvl){opacity:0;scale:.5}&[data-open] .details:where(.astro-ss5fdzvl){grid-template-rows:1fr}&[data-open] .inner:where(.astro-ss5fdzvl){opacity:1;translate:0}}&:focus-visible{outline-offset:calc(-1 * var(--border-width-thick))}}.frost:where(.astro-ss5fdzvl){--frost-bleed:1.2rem;inset:calc(-1 * var(--frost-bleed));z-index:var(--z-below);backdrop-filter:blur(4px);mask-image:linear-gradient(180deg, transparent calc(var(--frost-bleed) + (100% - 2 * var(--frost-bleed)) * .637), black calc(100% - var(--frost-bleed)));pointer-events:none;display:none;position:absolute;@media (width>=64rem){display:block}}.scrim:where(.astro-ss5fdzvl){inset:calc(-1 * var(--space-2));z-index:var(--z-below);background:linear-gradient(180deg, transparent var(--card-hover-from), oklch(from var(--card-scrim) l c h / var(--card-hover-to)) 100%), linear-gradient(90deg, oklch(from var(--card-scrim) l c h / 35%), oklch(from var(--card-scrim) l c h / 35%));opacity:0;transition:opacity var(--duration-slow) var(--ease-out);position:absolute}.label:where(.astro-ss5fdzvl){font-size:var(--text-eyebrow);font-weight:var(--weight-medium);line-height:var(--leading-eyebrow);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted-on-inverse);margin-block-end:var(--card-gap)}.row:where(.astro-ss5fdzvl){align-items:var(--card-row-align);gap:var(--space-16);display:flex}.title:where(.astro-ss5fdzvl){font-size:var(--card-title-size);font-weight:var(--card-title-weight);line-height:var(--card-title-leading);letter-spacing:var(--card-title-tracking);flex:1}.toggle:where(.astro-ss5fdzvl){transition:opacity var(--duration-fast) var(--ease-out), scale var(--duration-fast) var(--ease-out);flex-shrink:0;rotate:180deg;@media (width>=64rem){rotate:none}}.details:where(.astro-ss5fdzvl){transition:grid-template-rows var(--duration-slow) var(--ease-out);grid-template-rows:0fr;display:grid}.inner:where(.astro-ss5fdzvl){gap:var(--card-reveal-gap);opacity:0;min-block-size:0;transition:opacity var(--duration-slow) var(--ease-out), translate var(--duration-slow) var(--ease-out);flex-direction:column;display:flex;overflow:hidden;translate:0 1rem;&>:where(.astro-ss5fdzvl):first-child{margin-block-start:var(--card-gap)}}.text:where(.astro-ss5fdzvl){font-size:var(--text-body-sm);line-height:var(--leading-normal);color:var(--alpha-paper-80)}.action:where(.astro-ss5fdzvl){font-size:var(--text-button);font-weight:var(--weight-medium);line-height:var(--leading-none);justify-content:space-between;align-items:center;display:flex;.card:where(.astro-ss5fdzvl)[data-variant=outcome] &{font-size:var(--text-body-sm);line-height:var(--leading-normal)}}.actionIcon:where(.astro-ss5fdzvl){rotate:90deg}}@layer overrides{.image:where(.astro-ss5fdzvl){--media-bleed:2rem;z-index:var(--z-below);filter:blur(2.8px);transition:filter var(--duration-slow) var(--ease-out), scale var(--duration-slower) var(--ease-out);.card:where(.astro-ss5fdzvl)[data-variant=outcome] &{@media (width<64rem){--media-bleed:0rem;filter:none}}@media (width>=64rem){--media-bleed:1.2rem;filter:none}.card:where(.astro-ss5fdzvl)[data-crop] &{@media (width>=64rem){inset:calc(var(--card-photo-top) - 1.2rem) auto auto calc(var(--card-photo-left) - 1.2rem);inline-size:calc(var(--card-photo-width) + 2.4rem);block-size:calc(var(--card-photo-height) + 2.4rem)}}@media (hover:hover) and (pointer:fine){.card:where(.astro-ss5fdzvl):is(:hover,:focus-visible) &{filter:blur(12px);scale:1.05}}@media (width<64rem){.card:where(.astro-ss5fdzvl)[data-open] &{filter:blur(7.5px);scale:1.1}}}}