@layer reset,tokens,base;@layer components{.marketing-hero{text-align:center;padding-block:clamp(3rem,7vw,7rem)}.marketing-hero-frame{width:min(100%, var(--marketing-container));flex-direction:column;align-items:center;gap:clamp(1.5rem,4vw,3rem);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:-.04em;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)}.marketing-hero--split{--hero-padding-start:clamp(2.5rem, 7svh, 6rem);--hero-padding-end:clamp(3rem, 9svh, 7rem);box-sizing:border-box;min-height:calc(100svh - var(--site-header-height,6rem));padding-block:var(--hero-padding-start) var(--hero-padding-end);text-align:start;align-content:center;display:grid}.marketing-hero--split .marketing-hero-frame{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.marketing-hero--split .marketing-hero-copy{align-items:flex-start;width:100%}.marketing-hero--split h1{letter-spacing:-.03em;font-size:clamp(3rem,min(5.4vw,9.2svh),6rem);line-height:.95}.marketing-hero--split .marketing-lede{font-size:1.125rem;line-height:1.6}.marketing-hero--split .marketing-lede,.marketing-hero--split .marketing-note{margin-inline:0}.marketing-hero--split .marketing-actions{justify-content:flex-start}.marketing-hero-art{min-width:0}@media (width<=960px){.marketing-hero--split .marketing-hero-frame{grid-template-columns:minmax(0,1fr);gap:0}.marketing-hero--split .marketing-hero-copy{display:contents}.marketing-hero--split .marketing-hero-copy>.marketing-eyebrow{order:-4}.marketing-hero--split .marketing-hero-copy>h1{order:-3;font-size:clamp(2.6rem,7vw,4rem)}.marketing-hero--split .marketing-hero-art{order:-1;margin-block-end:1.5rem}.marketing-hero--split [data-hero-controls]{order:-2;margin-block-end:2rem}}.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}}}@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}}@layer skins,density,utilities;