@layer reset,tokens,base;@layer components{.marketing-hero{text-align:center;padding-block:clamp(3rem,7vw,7rem)}.marketing-hero-frame{flex-direction:column;align-items:center;gap:clamp(1.5rem,4vw,3rem);width:min(100%,76rem);margin-inline:auto;display:flex}.marketing-hero-copy{flex-direction:column;align-items:center;width:min(100%,46rem);display:flex}.marketing-hero h1{font-family:var(--fx-font-display);letter-spacing:-.065em;text-wrap:balance;overflow-wrap:anywhere;margin:0 0 1.5rem;font-size:clamp(3rem,5.8vw,5.6rem);font-weight:550;line-height:1.02}.marketing-hero .marketing-lede,.marketing-hero .marketing-note{max-width:40rem;margin-inline:auto}.marketing-hero .marketing-actions{justify-content:center}.marketing-hero-media{width:min(100%,44rem)}.marketing-hero-media figure,.marketing-hero-media picture{margin:0}.marketing-hero-media picture{display:block}.marketing-hero-media img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;margin-inline:auto;display:block}.marketing-hero-media figcaption{color:var(--fx-muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:.85rem;font-size:.68rem;line-height:1.5;display:flex}.marketing-hero-media figcaption span:first-child{color:var(--fx-text)}.shell>main>.marketing-hero--media:first-of-type{box-sizing:border-box;min-height:calc(100svh - var(--site-header-height,6rem));padding:0 1.5rem;display:block;overflow-x:clip}.shell>main>.marketing-hero--media:first-of-type .marketing-hero-frame{box-sizing:border-box;width:100%;height:calc(100svh - var(--site-header-height,6rem));max-height:calc(100svh - var(--site-header-height,6rem));justify-content:safe center;padding-block:clamp(1rem,3vh,2.25rem);overflow:clip}.shell>main>.marketing-hero--media:first-of-type .marketing-hero-copy{flex:none}.shell>main>.marketing-hero--media:first-of-type .marketing-hero-media{flex-direction:column;flex:auto;justify-content:center;align-items:center;width:min(100%,64rem);min-height:0;display:flex;overflow:hidden}.shell>main>.marketing-hero--media:first-of-type .marketing-hero-media>*{flex-direction:column;justify-content:center;align-items:center;width:min(100%,18rem);height:100%;min-height:0;max-height:100%;margin-inline:auto;display:flex}.shell>main>.marketing-hero--media:first-of-type .marketing-hero-media .pixel-example{width:min(100%,36rem)}.shell>main>.marketing-hero--media:first-of-type .marketing-hero-media .pixel-example-pair{grid-template-columns:repeat(2,auto);gap:1rem;width:max-content;max-width:100%;height:100%;min-height:0;margin-inline:auto;display:grid}.shell>main>.marketing-hero--media:first-of-type .marketing-hero-media .pixel-example-pair figure{width:auto;max-width:min(14rem,50vw - 2rem)}.shell>main>.marketing-hero--media:first-of-type .marketing-hero-media figcaption,.shell>main>.marketing-hero--media:first-of-type .marketing-hero-media .pixel-example>a,.shell>main>.marketing-hero--media:first-of-type .marketing-hero-media .pixel-example>p{flex:none}.shell>main>.marketing-hero--media:first-of-type .marketing-hero-media picture{aspect-ratio:1;flex:1 1 0;width:auto;min-width:0;max-width:100%;min-height:0;max-height:18rem}@media (height<=860px){.shell>main>.marketing-hero--media:first-of-type .marketing-hero-media,.shell>main>.marketing-hero--media:first-of-type .marketing-hero-media>*{flex:none;height:auto;overflow:visible}.shell>main>.marketing-hero--media:first-of-type .marketing-hero-frame{height:auto;max-height:none;overflow:visible}.shell>main>.marketing-hero--media:first-of-type .marketing-hero-media picture{flex:none;width:min(12.5rem,100vw - 3rem);max-width:min(12.5rem,100vw - 3rem);height:auto;max-height:none}.shell>main>.marketing-hero--media:first-of-type .marketing-hero-media .pixel-example-pair picture{width:min(9rem,50vw - 2rem);max-width:min(9rem,50vw - 2rem)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.shell>main>.marketing-hero--media:first-of-type{view-timeline-name:--hero-chapter;min-height:170svh}.shell>main>.marketing-hero--media:first-of-type .marketing-hero-frame{top:var(--site-header-height,6rem);width:100%;min-height:calc(100svh - var(--site-header-height,6rem));flex:none;justify-content:safe center;position:sticky}.shell>main>.marketing-hero--media:first-of-type .marketing-hero-copy{animation:linear both hero-copy-exit --hero-chapter;animation-range:exit exit 55%}.shell>main>.marketing-hero--media:first-of-type .marketing-hero-media{transform-origin:50%;animation:linear both hero-media-settle --hero-chapter;animation-range:entry 100% exit 0%}}}@keyframes hero-copy-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-1.25rem)}}@keyframes hero-media-settle{0%{transform:scale(1)}to{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.marketing-hero-copy,.marketing-hero-media{opacity:1!important;animation:none!important;transform:none!important}.shell>main>.marketing-hero--media:first-of-type{min-height:calc(100svh - var(--site-header-height,6rem))}.shell>main>.marketing-hero--media:first-of-type .marketing-hero-frame{min-height:0;position:static}}.marketing-hero--background{isolation:isolate;background:var(--fx-bg);padding-inline:1.5rem;position:relative}.marketing-hero--background>.marketing-hero-frame{z-index:1;position:relative}.hero-background{pointer-events:none;color:var(--fx-accent);position:absolute;inset:0;overflow:clip}.hero-background:after{content:"";background:linear-gradient(0deg, var(--fx-bg), transparent 24%, transparent 80%, var(--fx-bg)), linear-gradient(90deg, transparent, var(--fx-bg) 26%, var(--fx-bg) 74%, transparent);position:absolute;inset:0}.hero-background-art,.hero-background-exposure{fill:currentColor;width:100%;height:100%;position:absolute;inset:0}.hero-background-art{opacity:.3}.hero-background-grid{fill:none;stroke:currentColor;opacity:.35}.hero-background-echo{fill:var(--fx-text);opacity:.45}.hero-background-exposure{opacity:.32;background:radial-gradient(ellipse at 0% 35%, var(--fx-accent), transparent 52%), radial-gradient(ellipse at 100% 65%, var(--fx-accent), transparent 48%)}.hero-background-grain{color:var(--fx-text);opacity:.18}@media (prefers-reduced-motion:no-preference){.hero-background-motion{animation-duration:1.6s;animation-timing-function:cubic-bezier(.23,1,.32,1);animation-iteration-count:1}.hero-background-blocks{animation-name:hero-blocks-resolve}.hero-background-bands{animation-name:hero-bands-resolve}.hero-background-echo{animation-name:hero-echo-resolve}.hero-background-exposure{animation-name:hero-exposure-resolve}}@keyframes hero-blocks-resolve{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes hero-bands-resolve{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}@keyframes hero-echo-resolve{0%{opacity:0;transform:translate(40px)}to{opacity:.45;transform:none}}@keyframes hero-exposure-resolve{0%{opacity:0;transform:scale(1.06)}to{opacity:.32;transform:none}}@media (width<=48rem){.hero-background:after{background:color-mix(in srgb, var(--fx-bg) 88%, transparent)}}@media (forced-colors:active){.hero-background{display:none}}}@layer layouts{.shell:has(>main>.marketing-hero--media:first-of-type){width:100%}.shell:has(>main>.marketing-hero--media:first-of-type)>main>:not(.marketing-hero),.shell:has(>main>.marketing-hero--media:first-of-type)>.marketing-footer{width:min(1280px,100% - 3rem);margin-inline:auto}.shell:has(>main>.marketing-hero--background:first-of-type){width:100%}.shell:has(>main>.marketing-hero--background:first-of-type)>main>:not(.marketing-hero),.shell:has(>main>.marketing-hero--background:first-of-type)>.marketing-footer{width:min(1280px,100% - 3rem);margin-inline:auto}}@layer skins,density,utilities;