@layer components{.asLwr4{position:relative;--x: 50%;--y: 50%}.HGhfOu{list-style:none;margin:0;padding:0;border-block-start:var(--hairline) solid var(--surface-rule)}.k74J8F{position:relative;display:grid;grid-template-columns:2rem minmax(0,1fr) 4.5rem;grid-template-areas:"code name thumb" "code summary thumb" "code action thumb";column-gap:var(--space-4);row-gap:var(--space-2);align-items:start;padding-block:var(--space-8);border-block-end:var(--hairline) solid var(--surface-rule);color:var(--surface-text);text-decoration:none;transition:opacity var(--duration-move) var(--ease-out-expo)}@media(min-width:900px){.k74J8F{grid-template-columns:4rem minmax(0,1fr) minmax(0,22rem) 8rem;grid-template-areas:"code name summary action";align-items:center;column-gap:var(--space-8);padding-block:clamp(2rem,3.4vw,3rem)}}.k74J8F:after{content:"";position:absolute;inset-inline:0;inset-block-end:calc(var(--hairline) * -1);block-size:var(--live-line-weight);background-color:var(--signal-500);transform:scaleX(0);transform-origin:left center;transition:transform .7s var(--ease-out-expo)}.k74J8F:hover:after,.k74J8F:focus-visible:after,.VmDOUI:after{transform:scaleX(1)}@media(hover:hover)and (pointer:fine){.HGhfOu[data-hovering=true] .k74J8F:not(.VmDOUI){opacity:.32}}.iPvUqH{grid-area:code;font-family:var(--font-mono);font-size:.75rem;font-weight:var(--weight-body-medium);letter-spacing:.06em;color:var(--surface-accent);padding-block-start:.6em}@media(min-width:900px){.iPvUqH{padding-block-start:0}}.sgZign{grid-area:name;font-family:var(--font-display);font-size:clamp(1.875rem,8vw,2.5rem);font-weight:var(--weight-display);font-stretch:var(--width-default);line-height:.92;letter-spacing:-.03em;transition:transform var(--duration-move) var(--ease-out-expo)}@media(min-width:900px){.sgZign{font-size:clamp(3rem,6.4vw,5.75rem);font-stretch:var(--width-wide);letter-spacing:-.035em}}@media(hover:hover)and (pointer:fine){.VmDOUI .sgZign{transform:translate(.12em)}}.kA9J8r{grid-area:summary;color:var(--surface-muted);font-size:.9375rem;line-height:1.55;max-inline-size:36ch}.R4aZ1B{grid-area:action;font-family:var(--font-display);font-stretch:var(--width-condensed);font-size:.9375rem;font-weight:var(--weight-body-medium);color:var(--surface-muted);transition:color var(--duration-hover) ease}@media(min-width:900px){.R4aZ1B{justify-self:end}}.VmDOUI .R4aZ1B,.k74J8F:hover .R4aZ1B{color:var(--surface-text)}.XzglwQ{grid-area:thumb;inline-size:100%;block-size:auto;aspect-ratio:1;object-fit:cover;align-self:center}@media(min-width:900px){.XzglwQ{display:none}}._1s6lwN{display:none}@media(hover:hover)and (pointer:fine)and (min-width:900px){._1s6lwN{display:block;position:absolute;inset-block-start:0;inset-inline-start:0;z-index:2;inline-size:clamp(16rem,24vw,22rem);aspect-ratio:9 / 7;pointer-events:none;opacity:0;transform:translate3d(calc(var(--x) + 2rem),calc(var(--y) - 50%),0) rotate(-2deg) scale(.9);transition:transform .9s var(--ease-out-expo),opacity .35s ease}._1s6lwN[data-visible=true]{opacity:1;transform:translate3d(calc(var(--x) + 2rem),calc(var(--y) - 50%),0) rotate(-2deg) scale(1)}}.sSY-R7{position:absolute;inset:0;overflow:hidden;clip-path:inset(100% 0 0 0);transition:clip-path .7s var(--ease-out-expo)}.sSY-R7 img{inline-size:100%;block-size:100%;object-fit:cover;display:block;transform:scale(1.15);transition:transform 1.2s var(--ease-out-expo)}.lpGKY1{clip-path:inset(0 0 0 0)}.lpGKY1 img{transform:scale(1)}@media(prefers-reduced-motion:reduce){._1s6lwN,.sSY-R7,.sSY-R7 img,.k74J8F,.sgZign{transition:none}}}@layer components{.CU6Ns7{position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border-block-end:var(--hairline) solid rgb(201 206 214 / .12)}@media(min-width:900px){.CU6Ns7{grid-template-rows:1fr auto;min-block-size:clamp(40rem,calc(100svh - 4.5rem),62rem)}}.f0nNYc{position:relative;aspect-ratio:4 / 3;z-index:-1}@media(min-width:900px){.f0nNYc{position:absolute;inset-block:0;inset-inline-end:0;inline-size:58%;aspect-ratio:auto}}.xx9IUo{position:absolute;inset:0;animation:gzau6D var(--duration-wipe) var(--ease-in-out) .12s both}.xx9IUo img{animation:GIzznw 2.6s var(--ease-out-expo) .12s both}@keyframes gzau6D{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@keyframes GIzznw{0%{transform:scale(1.2)}}.SZL3B6{position:absolute;inset:0;background:linear-gradient(0deg,var(--ink-900) 0%,transparent 45%)}@media(min-width:900px){.SZL3B6{background:linear-gradient(90deg,var(--ink-900) 0%,rgb(10 10 11 / .6) 28%,rgb(10 10 11 / 0) 62%),linear-gradient(0deg,var(--ink-900) 0%,transparent 30%)}}._6knA7g{position:absolute;inset:var(--space-6);pointer-events:none;animation:_9lEDB9 .6s ease 1.3s both}._6knA7g span{position:absolute;inline-size:1.25rem;block-size:1.25rem;border-color:var(--chrome-300);border-style:solid;border-width:0;opacity:.7}._6knA7g span:nth-child(1){inset-block-start:0;inset-inline-end:0;border-block-start-width:1px;border-inline-end-width:1px}._6knA7g span:nth-child(2){inset-block-end:0;inset-inline-end:0;border-block-end-width:1px;border-inline-end-width:1px}._6knA7g span:nth-child(3){inset-block-start:0;inset-inline-start:0;border-block-start-width:1px;border-inline-start-width:1px}._6knA7g span:nth-child(4){inset-block-end:0;inset-inline-start:0;border-block-end-width:1px;border-inline-start-width:1px}@media(min-width:900px){._6knA7g span:nth-child(3),._6knA7g span:nth-child(4){display:none}}.c5D7HF{inline-size:100%;max-inline-size:var(--container-max);margin-inline:auto;padding-inline:var(--gutter);padding-block:var(--space-6) var(--space-12);display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-6)}@media(min-width:900px){.c5D7HF{padding-block:var(--space-24) var(--space-16);gap:var(--space-8)}}.WPf1rx{max-inline-size:34rem}.LS3EpL{font-family:var(--font-display);font-size:clamp(2.5rem,7.6vw,8rem);font-weight:var(--weight-display);font-stretch:var(--width-wide);line-height:.86;letter-spacing:-.045em;text-transform:uppercase;margin:0}.tlMmdz{display:block;overflow:hidden;padding-block-end:.08em;margin-block-end:-.08em}.tlMmdz>span{display:block;background-image:linear-gradient(180deg,var(--paper-000) 0%,var(--chrome-100) 45%,var(--chrome-500) 125%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:-GRkCS 1.15s var(--ease-out-expo) both;animation-delay:calc(.26s + var(--i) * .12s)}@media(forced-colors:active){.tlMmdz>span{color:CanvasText}}@keyframes -GRkCS{0%{transform:translateY(108%)}}.a5n1QR{display:grid;gap:var(--space-6);animation:dxlAMK .9s var(--ease-out-expo) .9s both}@media(min-width:900px){.a5n1QR{grid-template-columns:minmax(0,26rem) auto;justify-content:start;align-items:end;gap:var(--space-12)}}._2nseMD{color:var(--chrome-300);font-size:1.0625rem;line-height:1.6;max-inline-size:40ch}.jBsaiw{display:flex;flex-wrap:wrap;gap:var(--space-3)}.YjU2Hr{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block-start:var(--hairline) solid rgb(201 206 214 / .14);background-color:#0a0a0b8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media(min-width:900px){.YjU2Hr{grid-template-columns:repeat(4,minmax(0,1fr));padding-inline:max(var(--gutter),calc((100vw - var(--container-max)) / 2 + var(--gutter)))}}.YjU2Hr li{animation:_9lEDB9 .7s ease both;animation-delay:calc(1.15s + var(--i) * 90ms)}.Hz9iim{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:var(--space-3);row-gap:var(--space-1);padding:var(--space-6) var(--gutter);color:var(--paper-000);text-decoration:none;block-size:100%}@media(min-width:900px){.Hz9iim{padding:var(--space-8) var(--space-6) var(--space-8) 0}.YjU2Hr li+li .Hz9iim{padding-inline-start:var(--space-6);border-inline-start:var(--hairline) solid rgb(201 206 214 / .14)}}.Hz9iim:before{content:"";position:absolute;inset-inline:0;inset-block-start:calc(var(--hairline) * -1);block-size:var(--live-line-weight);background-color:var(--signal-500);transform:scaleX(0);transform-origin:left center;transition:transform var(--duration-move) var(--ease-out-expo)}.Hz9iim:hover:before,.Hz9iim:focus-visible:before{transform:scaleX(1)}.QOi9FR{font-family:var(--font-mono);font-size:.6875rem;color:var(--signal-500);padding-block-start:.35em}.MAmxsi{font-family:var(--font-display);font-size:1.125rem;font-weight:var(--weight-heading);font-stretch:var(--width-heading)}.KZg6ag{grid-column:2;color:var(--ink-300);font-size:.8125rem;line-height:1.5}@media(max-width:559px){.KZg6ag{display:none}}@keyframes dxlAMK{0%{opacity:0;transform:translateY(var(--reveal-distance))}}@keyframes _9lEDB9{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.xx9IUo,.xx9IUo img,.tlMmdz>span,.a5n1QR,._6knA7g,.YjU2Hr li{animation:none}}.oYiwmh{display:grid;gap:var(--space-6);margin-block-end:clamp(3rem,6vw,5.5rem)}@media(min-width:900px){.oYiwmh{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:var(--space-16)}}.EFhsMO{font-family:var(--font-display);font-size:clamp(2.25rem,4.8vw,4.75rem);font-weight:var(--weight-heading);font-stretch:112%;line-height:.95;letter-spacing:-.035em;text-wrap:balance;margin:0}.UZ-6cN{color:var(--surface-muted);font-size:1.0625rem;line-height:1.6;max-inline-size:44ch;margin:0}.UZ-6cN a{color:var(--surface-text);text-decoration-color:var(--surface-accent);text-decoration-thickness:2px;text-underline-offset:.3em;white-space:nowrap}.mr3VTg{display:grid;gap:var(--space-12)}@media(min-width:900px){.mr3VTg{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-16)}}.vFg51i{font-family:var(--font-display);font-size:clamp(2.25rem,4.8vw,4.75rem);font-weight:var(--weight-heading);font-stretch:112%;line-height:.95;letter-spacing:-.035em;text-wrap:balance;margin:0}@media(min-width:900px){.vFg51i{position:sticky;inset-block-start:8rem;align-self:start}}.yb1ySX{list-style:none;margin:0;padding:0}.qMBBRC{display:grid;grid-template-columns:1.75rem minmax(0,1fr);column-gap:var(--space-4);row-gap:var(--space-4);padding-block:var(--space-12);border-block-start:var(--hairline) solid var(--surface-rule)}.qMBBRC:first-child{padding-block-start:0;border-block-start:0}.fqL1Hj{inline-size:1rem;block-size:.875rem;margin-block-start:.6em;background-color:var(--signal-500);clip-path:polygon(50% 0,100% 100%,0 100%)}._4C4ABj{font-family:var(--font-display);font-size:clamp(1.5rem,2.6vw,2.25rem);font-weight:var(--weight-heading);font-stretch:var(--width-heading);line-height:1.08;letter-spacing:-.02em;margin:0}.E2qIBJ{grid-column:2;color:var(--surface-muted);font-size:1rem;line-height:1.65;max-inline-size:54ch;margin:0}._-9qkn3{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));border-block-start:var(--hairline) solid var(--surface-rule)}._7WyQEG{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-8) var(--space-6) var(--space-8) 0;border-block-end:var(--hairline) solid var(--surface-rule)}@media(min-width:1000px){._7WyQEG+._7WyQEG{padding-inline-start:var(--space-6);border-inline-start:var(--hairline) solid var(--surface-rule)}}.WSsTsK{font-family:var(--font-display);font-size:1.375rem;font-weight:var(--weight-heading);font-stretch:var(--width-heading);line-height:1.15;margin:0}._3pHmxV{color:var(--surface-muted);font-size:.9375rem;line-height:1.6;margin:0}._0yxiBO{display:grid;gap:var(--space-12)}@media(min-width:900px){._0yxiBO{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:var(--space-16)}}.JBR8ji{display:flex;flex-direction:column;gap:var(--space-6)}.U4yRdB{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-6);border-block-start:var(--hairline) solid var(--surface-rule)}.U4yRdB li{padding-block:var(--space-3);border-block-end:var(--hairline) solid var(--surface-rule);font-family:var(--font-display);font-size:1.25rem;font-weight:var(--weight-subheading);font-stretch:var(--width-heading)}.DdMZ3W{color:var(--surface-muted);font-size:.9375rem;line-height:1.6;max-inline-size:44ch}}