hero-to-card.h2c{display:block;position:relative}.h2c__stage{position:relative;overflow:clip;background:var(--bg);color:var(--fg)}.h2c__media{position:relative;width:min(100%,var(--cw));aspect-ratio:var(--cw-n, 440) / var(--ch-n, 590);margin:var(--s-7) auto 0;overflow:hidden;border-radius:var(--r-l);background:var(--ink-900)}.h2c__fill{position:absolute;inset:0}.h2c__fill>*{width:100%;height:100%;object-fit:cover}.h2c__hud{position:absolute;left:var(--s-4);right:var(--s-4);bottom:var(--s-4);color:var(--ink-50)}.h2c__hud:empty{display:none}.h2c__lite,.h2c__ring,.h2c__x,.h2c__intro{display:none}.h2c__copy{display:grid;gap:var(--s-6);padding-block:var(--s-7) var(--s-8)}.h2c__title{font-family:var(--font-display);font-size:var(--fs-h1);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:var(--display-leading);max-width:14ch}.h2c__title :is(h2,h3){font-size:inherit;line-height:inherit}.h2c__items{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--line-strong)}.h2c__item{display:grid;grid-template-columns:2.5rem minmax(0,1fr);column-gap:var(--s-3);row-gap:var(--s-2);padding-block:var(--s-4);border-bottom:1px solid var(--line)}.h2c__idx{grid-row:span 2;padding-top:.2em;color:var(--fg-subtle);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.06em}.h2c__item-title{font-size:var(--fs-h3);letter-spacing:-.02em}.h2c__item-text{color:var(--fg-muted);max-width:38ch}@media(min-width:64rem){:root:not([data-motion=off]) hero-to-card.h2c .h2c__track{height:calc(100svh + var(--travel))}:root:not([data-motion=off]) hero-to-card.h2c .h2c__stage{position:sticky;top:0;height:100svh;--e: 0;--t: 0;--i: 0;background:var(--ink-950)}:root:not([data-motion=off]) hero-to-card.h2c .h2c__lite{display:block;position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 50%,color-mix(in oklab,var(--a-600) 14%,transparent),transparent 70%),#121a28;clip-path:circle(calc(var(--e) * 160%) at 50% 50%)}:root:not([data-motion=off]) hero-to-card.h2c .h2c__media{position:absolute;inset:0;width:auto;aspect-ratio:auto;margin:0;border-radius:0;background:transparent;clip-path:inset(calc(var(--e) * (100% - var(--ch)) / 2) calc(var(--e) * (100% - var(--cw)) / 2) calc(var(--e) * (100% - var(--ch)) / 2) calc(var(--e) * (100% - var(--cw)) / 2) round calc(var(--e) * var(--r-l)))}:root:not([data-motion=off]) hero-to-card.h2c .h2c__media:has(.h2c__hud>*):after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(to top,rgb(6 9 16 / .72),transparent);opacity:var(--e);pointer-events:none}:root:not([data-motion=off]) hero-to-card.h2c .h2c__fill>*{transform:scale(calc(1.16 - var(--e) * .16));will-change:transform}:root:not([data-motion=off]) hero-to-card.h2c .h2c__hud{left:calc((100% - var(--cw)) / 2 + var(--s-4));right:calc((100% - var(--cw)) / 2 + var(--s-4));bottom:calc((100% - var(--ch)) / 2 + var(--s-4));opacity:calc((var(--e) - .85) * 6.5)}:root:not([data-motion=off]) hero-to-card.h2c .h2c__ring{display:block;position:absolute;left:50%;top:50%;width:var(--cw);height:var(--ch);translate:-50% -50%;border-radius:var(--r-l);box-shadow:0 0 0 1px #c4d6ff2e;opacity:calc(var(--e) - .4);pointer-events:none}:root:not([data-motion=off]) hero-to-card.h2c .h2c__x{display:block;position:absolute;width:.875rem;height:.875rem;margin:-.4375rem 0 0 -.4375rem;opacity:calc((var(--e) - .7) * 3);pointer-events:none;background:linear-gradient(var(--ink-500),var(--ink-500)) center / 100% 1px no-repeat,linear-gradient(var(--ink-500),var(--ink-500)) center / 1px 100% no-repeat}.h2c__x--tl{left:calc(50% - var(--cw) / 2 - 1.25rem);top:calc(50% - var(--ch) / 2 - 1.25rem)}.h2c__x--tr{left:calc(50% + var(--cw) / 2 + 1.25rem);top:calc(50% - var(--ch) / 2 - 1.25rem)}.h2c__x--bl{left:calc(50% - var(--cw) / 2 - 1.25rem);top:calc(50% + var(--ch) / 2 + 1.25rem)}.h2c__x--br{left:calc(50% + var(--cw) / 2 + 1.25rem);top:calc(50% + var(--ch) / 2 + 1.25rem)}:root:not([data-motion=off]) hero-to-card.h2c .h2c__intro{display:grid;position:absolute;inset:0;align-content:end;justify-items:start;gap:var(--s-5);padding-bottom:calc(var(--dock-clear) + var(--s-4));color:var(--ink-50);opacity:calc(1 - var(--i));filter:blur(calc(var(--i) * 10px));transform:translate3d(0,calc(var(--i) * -2rem),0);pointer-events:none}:root:not([data-motion=off]) hero-to-card.h2c .h2c__intro>*{pointer-events:auto}:root:not([data-motion=off]) hero-to-card.h2c .h2c__copy{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) var(--cw) minmax(0,1fr);align-items:center;column-gap:var(--s-8);padding-block:calc(var(--header-h) + var(--s-6)) calc(var(--dock-clear) + var(--s-4));pointer-events:none}:root:not([data-motion=off]) hero-to-card.h2c .h2c__copy>*{pointer-events:auto}:root:not([data-motion=off]) hero-to-card.h2c .h2c__title{grid-column:1;opacity:var(--t);transform:translate3d(calc((1 - var(--t)) * -2.5rem),0,0);filter:blur(calc((1 - var(--t)) * 8px));justify-self:end;text-align:left;max-width:11ch}:root:not([data-motion=off]) hero-to-card.h2c .h2c__items{grid-column:3;border-top:0}:root:not([data-motion=off]) hero-to-card.h2c .h2c__item{border-bottom:0;border-top:1px solid var(--line-strong);opacity:clamp(0,calc(var(--t) * 3.2 - var(--k) * .55),1);transform:translate3d(calc((1 - clamp(0,calc(var(--t) * 3.2 - var(--k) * .55),1))*2rem),0,0)}}:root[data-motion=off] .h2c__media{box-shadow:0 0 0 1px var(--line)}