.section-scroll-hint:where(.astro-6c26ihgu){color:var(--section-scroll-hint-color,var(--color-ink));opacity:0;pointer-events:none;z-index:12;grid-template-rows:auto 1fr;grid-template-columns:1fr;place-items:center;gap:.7rem;transition:opacity .22s;display:grid;position:fixed;bottom:clamp(1.35rem,3vh,2.25rem);right:clamp(1rem,2.6vw,2.5rem)}.section-scroll-hint:where(.astro-6c26ihgu).is-visible{opacity:.78}.section-scroll-hint:where(.astro-6c26ihgu) span:where(.astro-6c26ihgu){font-family:var(--font-family-latin);font-size:.6rem;font-weight:var(--font-weight-semibold);letter-spacing:.16em;writing-mode:vertical-rl;line-height:1;transform:rotate(180deg)}.section-scroll-hint:where(.astro-6c26ihgu) i:where(.astro-6c26ihgu){background:linear-gradient(#0000 0 24%,currentColor 24% 64%,#0000 64% 100%) 0 100%/100% 220% no-repeat;width:1px;height:3.35rem;animation:1.45s linear infinite section-scroll-hint-flow;display:block}@keyframes section-scroll-hint-flow{0%{opacity:0;background-position:0 100%}18%,82%{opacity:1}to{opacity:0;background-position:0 -100%}}@media (prefers-reduced-motion:reduce){.section-scroll-hint:where(.astro-6c26ihgu) i:where(.astro-6c26ihgu){opacity:1;background-position:50%;animation:none}}.sticky-samples-showcase:where(.astro-azynqqdx){background:var(--color-paper);overflow:clip}.sticky-samples-showcase__scroller:where(.astro-azynqqdx){min-height:720svh;position:relative}.sticky-samples-showcase__anchor:where(.astro-azynqqdx){width:1px;display:block;position:absolute;left:0}.sticky-samples-showcase__viewport:where(.astro-azynqqdx){--samples-bg:#fdfdf9;--samples-tint:#ef7f00;--samples-tone-opacity:0;background:var(--color-paper);height:calc(100svh - var(--header-height));top:var(--header-height);transition:background-color .42s;position:sticky;overflow:hidden}.sticky-samples-showcase__tone:where(.astro-azynqqdx){background:radial-gradient(ellipse 62% 74% at 72% 52%, color-mix(in srgb, var(--samples-tint) 23%, transparent) 0%, color-mix(in srgb, var(--samples-tint) 12%, transparent) 46%, transparent 78%);opacity:var(--samples-tone-opacity);pointer-events:none;transition:opacity .36s;position:absolute;inset:0}.sticky-samples-showcase__inner:where(.astro-azynqqdx){z-index:1;grid-template-rows:auto minmax(0,1fr);min-width:0;height:100%;padding-block:clamp(2rem,3.6vw,4rem);display:grid;position:relative}.sticky-samples-showcase__heading:where(.astro-azynqqdx){max-width:none}.sticky-samples-showcase__layout:where(.astro-azynqqdx){grid-template-columns:minmax(0,1.04fr) minmax(24rem,.88fr);align-items:center;column-gap:clamp(1.75rem,3.5vw,4.5rem);min-width:0;min-height:0;padding-top:clamp(1.25rem,2.25vw,2.5rem);display:grid;transform:translateY(clamp(-2rem,-2.6vh,-.75rem))}.sticky-samples-showcase__media-column:where(.astro-azynqqdx){isolation:isolate;z-index:0;min-width:0;position:relative;overflow:hidden}.sticky-samples-showcase__media-stage:where(.astro-azynqqdx){aspect-ratio:16/9;box-shadow:none;min-width:0;min-height:0;position:relative;overflow:hidden}.sticky-sample-media:where(.astro-azynqqdx){--sample-clear:0;--sample-opacity:0;--sample-scale:.98;--sample-x:0vw;--sample-y:46vh;opacity:var(--sample-opacity);transform:translate3d(var(--sample-x), var(--sample-y), 0) scale(var(--sample-scale));transform-origin:50%;will-change:opacity, transform;display:block;position:absolute;inset:0;overflow:hidden}.sticky-sample-media__slot{opacity:0;width:100%;height:100%;transition:opacity .12s linear}.sticky-sample-media--video:where(.astro-azynqqdx) .sticky-sample-media__slot{opacity:0}.sticky-sample-media--video:where(.astro-azynqqdx).is-video-resolved .sticky-sample-media__slot{opacity:1}.sticky-sample-media__mosaic:where(.astro-azynqqdx){background:var(--samples-bg);height:100%;image-rendering:pixelated;opacity:1;z-index:2;width:100%;transition:opacity .12s linear;position:absolute;inset:0}.sticky-sample-media--video:where(.astro-azynqqdx).is-video-resolved .sticky-sample-media__mosaic:where(.astro-azynqqdx){opacity:0}.sticky-sample-media__screen:where(.astro-azynqqdx){color:var(--color-paper);pointer-events:none;z-index:3;background:linear-gradient(#14141200 0%,#1414127a 100%),linear-gradient(90deg,#141412a3 0%,#0000 46%);grid-template-columns:auto 1fr;padding:clamp(1rem,2vw,1.6rem);display:grid;position:absolute;inset:0}.sticky-sample-media__badge:where(.astro-azynqqdx){color:var(--color-accent);font-family:var(--font-family-latin);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-space-label);align-self:start}.sticky-sample-media__playback:where(.astro-azynqqdx){align-self:end;align-items:center;gap:var(--space-3);grid-column:1/-1;grid-template-columns:2.15rem minmax(0,1fr);width:min(21.5rem,62%);display:grid}.sticky-sample-media__play-toggle:where(.astro-azynqqdx){appearance:none;border:var(--line-width) solid #fdfdf9c2;color:var(--color-paper);cursor:pointer;pointer-events:auto;height:2.15rem;transition:background var(--transition-fast), border-color var(--transition-fast);background:#141412b8;justify-content:center;align-items:center;width:2.15rem;padding:0;display:inline-flex}.sticky-sample-media__play-toggle:where(.astro-azynqqdx):hover,.sticky-sample-media__play-toggle:where(.astro-azynqqdx):focus-visible{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-ink);outline:0}.sticky-sample-media__play-toggle:where(.astro-azynqqdx) svg:where(.astro-azynqqdx){width:1rem;height:1rem}.sticky-sample-media__pause-icon:where(.astro-azynqqdx),.sticky-sample-media__play-toggle:where(.astro-azynqqdx).is-playing .sticky-sample-media__play-icon:where(.astro-azynqqdx){display:none}.sticky-sample-media__play-toggle:where(.astro-azynqqdx).is-playing .sticky-sample-media__pause-icon:where(.astro-azynqqdx){display:block}.sticky-sample-media__bar:where(.astro-azynqqdx){height:var(--line-width-strong);background:#fdfdf966;width:min(19rem,48%);display:block;overflow:hidden}.sticky-sample-media__bar:where(.astro-azynqqdx) i:where(.astro-azynqqdx){background:var(--color-accent);transform-origin:0;height:100%;display:block;transform:scaleX(.16)}.sticky-sample-media:where(.astro-azynqqdx):not(.sticky-sample-media--video).is-active .sticky-sample-media__bar:where(.astro-azynqqdx) i:where(.astro-azynqqdx){animation:2.6s linear infinite sticky-sample-progress}.sticky-sample-media--video:where(.astro-azynqqdx) .sticky-sample-media__bar:where(.astro-azynqqdx) i:where(.astro-azynqqdx){transform:scaleX(var(--sample-playback-progress,0));animation:none}.sticky-samples-showcase__progress:where(.astro-azynqqdx){gap:var(--space-3);margin-top:var(--space-4);display:flex}.sticky-samples-showcase__progress:where(.astro-azynqqdx) button:where(.astro-azynqqdx){appearance:none;border-top:var(--line-width-strong) solid var(--color-border);color:var(--color-muted);cursor:pointer;font-family:var(--font-family-latin);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-space-label);padding-top:var(--space-2);transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;border-bottom:0;border-left:0;border-right:0;flex:1}.sticky-samples-showcase__progress:where(.astro-azynqqdx) button:where(.astro-azynqqdx).is-active{border-color:var(--color-accent);color:var(--color-accent)}.sticky-samples-showcase__progress:where(.astro-azynqqdx) button:where(.astro-azynqqdx):focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.sticky-samples-showcase__copy-stage:where(.astro-azynqqdx){isolation:isolate;z-index:1;align-self:center;min-width:0;min-height:min(31rem,54vh);position:relative;overflow:hidden;transform:translateY(clamp(.5rem,2.25vh,1.75rem))}.sticky-sample-copy:where(.astro-azynqqdx){opacity:var(--copy-opacity,0);transform:translate3d(0, calc((1 - var(--copy-opacity,0)) * 1.5rem), 0);width:100%;position:absolute;inset:0}.sticky-sample-copy__label:where(.astro-azynqqdx),.sticky-sample-copy:where(.astro-azynqqdx) dt:where(.astro-azynqqdx){color:var(--color-accent);font-family:var(--font-family-latin);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-space-label);text-transform:uppercase;margin:0;line-height:1.2}.sticky-sample-copy:where(.astro-azynqqdx) h3:where(.astro-azynqqdx){letter-spacing:var(--letter-space-heading);margin:var(--space-5) 0 0;overflow-wrap:normal;word-break:auto-phrase;text-wrap:pretty;font-size:clamp(1.65rem,2.4vw,2.65rem);line-height:1.25}.sticky-sample-copy:where(.astro-azynqqdx)>p:where(.astro-azynqqdx):not(.sticky-sample-copy__label){color:var(--color-muted);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:var(--space-5) 0 0;overflow-wrap:normal;word-break:auto-phrase}.sticky-sample-copy__details-button:where(.astro-azynqqdx){appearance:none;border:0;border-bottom:var(--line-width-strong) solid var(--color-accent);color:var(--color-ink);cursor:pointer;font-family:inherit;font-size:var(--font-size-body-small);font-weight:var(--font-weight-bold);margin-top:var(--space-5);padding:0 0 var(--space-2);background:0 0;text-decoration:none;display:inline-flex}.sticky-sample-copy:where(.astro-azynqqdx) dl:where(.astro-azynqqdx){gap:var(--space-5);margin:var(--space-6) 0 0;display:grid}.sticky-sample-copy:where(.astro-azynqqdx) dl:where(.astro-azynqqdx)>div:where(.astro-azynqqdx){border-top:var(--line-width-strong) solid var(--color-border);padding-top:var(--space-3)}.sticky-sample-copy:where(.astro-azynqqdx) dd:where(.astro-azynqqdx){color:var(--color-ink);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);line-height:var(--line-height-body);margin:var(--space-2) 0 0;overflow-wrap:anywhere}.sticky-samples-showcase__steps:where(.astro-azynqqdx){margin:0;padding:0;list-style:none}.sticky-samples-showcase__steps:where(.astro-azynqqdx) li:where(.astro-azynqqdx){opacity:0;pointer-events:none;height:140svh}.sticky-sample-details:where(.astro-azynqqdx){background:var(--color-paper);box-shadow:var(--shadow-subtle);color:var(--color-ink);overscroll-behavior:contain;border:0;width:100%;max-width:min(38rem,100vw - 2.5rem);max-height:calc(100svh - 2rem);padding:0;overflow:auto}@media (width>=921px){.sticky-sample-details:where(.astro-azynqqdx){max-width:min(62rem,100vw - 6rem)}}.sticky-sample-details:where(.astro-azynqqdx)::backdrop{background:#14141294}.sticky-sample-details__header:where(.astro-azynqqdx){background:var(--color-paper);border-bottom:var(--line-width-strong) solid var(--color-border);align-items:center;column-gap:var(--space-4);padding:var(--space-5) var(--space-6);z-index:1;justify-content:space-between;display:flex;position:sticky;top:0}.sticky-sample-details__header:where(.astro-azynqqdx) p:where(.astro-azynqqdx),.sticky-sample-details:where(.astro-azynqqdx) dt:where(.astro-azynqqdx){color:var(--color-accent);font-family:var(--font-family-latin);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-space-label);margin:0}.sticky-sample-details__header:where(.astro-azynqqdx) p:where(.astro-azynqqdx){min-width:0}.sticky-sample-details__header:where(.astro-azynqqdx) button:where(.astro-azynqqdx){appearance:none;background:var(--color-ink);color:var(--color-paper);cursor:pointer;border:0;flex:0 0 2.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;display:inline-flex}.sticky-sample-details__header:where(.astro-azynqqdx) svg:where(.astro-azynqqdx){width:1.25rem;height:1.25rem}.sticky-sample-details:where(.astro-azynqqdx) h3:where(.astro-azynqqdx){font-size:var(--font-size-card-title-large);line-height:var(--line-height-card-title);margin:var(--space-5) var(--space-6) 0}.sticky-sample-details__section:where(.astro-azynqqdx){color:var(--color-muted);margin:var(--space-4) var(--space-6) 0}.sticky-sample-details__section:where(.astro-azynqqdx) h4:where(.astro-azynqqdx){color:var(--color-accent);font-family:var(--font-family-latin);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-space-label);margin:0;line-height:1.2}.sticky-sample-details__section:where(.astro-azynqqdx) p:where(.astro-azynqqdx){line-height:var(--line-height-body);margin:var(--space-2) 0 0}.sticky-sample-details:where(.astro-azynqqdx) dl:where(.astro-azynqqdx){gap:var(--space-4);margin:var(--space-5) var(--space-6) 0;display:grid}.sticky-sample-details:where(.astro-azynqqdx) dl:where(.astro-azynqqdx)>div:where(.astro-azynqqdx){border-top:var(--line-width) solid var(--color-border);padding-top:var(--space-3)}.sticky-sample-details:where(.astro-azynqqdx) dd:where(.astro-azynqqdx){font-weight:var(--font-weight-bold);line-height:var(--line-height-body);margin:var(--space-2) 0 0}.sticky-sample-details__cuts:where(.astro-azynqqdx){border-top:var(--line-width) solid var(--color-border);margin:var(--space-5) var(--space-6) 0;padding:var(--space-3) 0 var(--space-8)}.sticky-sample-details__cuts:where(.astro-azynqqdx) h4:where(.astro-azynqqdx){font-size:var(--font-size-label);margin:0;line-height:1.4}.sticky-sample-details__cuts:where(.astro-azynqqdx) h4:where(.astro-azynqqdx) small:where(.astro-azynqqdx){color:var(--color-muted);font-size:inherit;font-weight:var(--font-weight-regular)}.sticky-sample-details__cuts:where(.astro-azynqqdx) ol:where(.astro-azynqqdx){gap:var(--space-2);margin:var(--space-3) 0 0;padding:0;list-style:none;display:grid}.sticky-sample-details__cuts:where(.astro-azynqqdx) li:where(.astro-azynqqdx){column-gap:var(--space-3);grid-template-columns:4.4rem minmax(0,1fr);line-height:1.55;display:grid}.sticky-sample-details__cuts:where(.astro-azynqqdx) strong:where(.astro-azynqqdx){color:var(--color-accent);font-family:var(--font-family-latin);font-size:var(--font-size-label-compact);letter-spacing:var(--letter-space-label)}@keyframes sticky-sample-progress{0%{transform:scaleX(.16)}to{transform:scaleX(1)}}@media (width<=1240px){.sticky-samples-showcase__layout:where(.astro-azynqqdx){padding-top:var(--space-4);grid-template-columns:minmax(0,1.02fr) minmax(20rem,.9fr);column-gap:clamp(1.25rem,2.5vw,2.5rem);transform:translateY(-.5rem)}.sticky-samples-showcase__heading:where(.astro-azynqqdx){max-width:none}.sticky-samples-showcase__copy-stage:where(.astro-azynqqdx){min-height:min(28rem,52vh);transform:none}.sticky-sample-copy:where(.astro-azynqqdx) h3:where(.astro-azynqqdx){margin-top:var(--space-4);font-size:clamp(1.45rem,3vw,2rem)}.sticky-sample-copy:where(.astro-azynqqdx)>p:where(.astro-azynqqdx):not(.sticky-sample-copy__label){font-size:var(--font-size-body-small);margin-top:var(--space-3);line-height:1.7}.sticky-sample-copy:where(.astro-azynqqdx) dl:where(.astro-azynqqdx){gap:var(--space-4);margin-top:var(--space-4)}.sticky-sample-copy:where(.astro-azynqqdx) dd:where(.astro-azynqqdx){font-size:var(--font-size-body-small);line-height:1.65}}@media (width>=921px){.sticky-sample-copy:where(.astro-azynqqdx) dl:where(.astro-azynqqdx)>div:where(.astro-azynqqdx):nth-child(2){display:none}.sticky-sample-copy__details-button:where(.astro-azynqqdx){margin-top:var(--space-4)}}@media (width>=1241px) and (height<=760px){.sticky-sample-copy:where(.astro-azynqqdx) h3:where(.astro-azynqqdx){margin-top:var(--space-4)}.sticky-sample-copy:where(.astro-azynqqdx)>p:where(.astro-azynqqdx):not(.sticky-sample-copy__label){margin-top:var(--space-3)}.sticky-sample-copy:where(.astro-azynqqdx) dl:where(.astro-azynqqdx){gap:var(--space-4);margin-top:var(--space-4)}.sticky-sample-copy:where(.astro-azynqqdx) dd:where(.astro-azynqqdx){line-height:1.65}}@media (width<=920px){.sticky-samples-showcase__scroller:where(.astro-azynqqdx){min-height:560svh}.sticky-samples-showcase__viewport:where(.astro-azynqqdx){height:calc(100svh - var(--header-height));overflow:hidden}.sticky-samples-showcase__tone:where(.astro-azynqqdx){background:radial-gradient(ellipse 94% 64% at 68% 38%, color-mix(in srgb, var(--samples-tint) 23%, transparent) 0%, color-mix(in srgb, var(--samples-tint) 11%, transparent) 48%, transparent 82%)}.sticky-samples-showcase__inner:where(.astro-azynqqdx){padding-block:clamp(1.25rem, 3vw, var(--space-5))}.sticky-samples-showcase__layout:where(.astro-azynqqdx){align-content:start;gap:var(--space-4);padding-top:var(--space-4);grid-template-columns:1fr;display:grid;transform:none}.sticky-samples-showcase__media-column:where(.astro-azynqqdx),.sticky-samples-showcase__copy-stage:where(.astro-azynqqdx){width:min(100%,44rem);margin-inline:auto}.sticky-samples-showcase__media-stage:where(.astro-azynqqdx){width:min(100%,58vh);min-height:0}.sticky-samples-showcase__copy-stage:where(.astro-azynqqdx){align-self:stretch;min-height:9.25rem;transform:none}.sticky-sample-copy:where(.astro-azynqqdx) h3:where(.astro-azynqqdx){font-size:var(--font-size-card-title-large);margin-top:var(--space-3)}.sticky-sample-copy:where(.astro-azynqqdx)>p:where(.astro-azynqqdx):not(.sticky-sample-copy__label),.sticky-sample-copy:where(.astro-azynqqdx) dl:where(.astro-azynqqdx){display:none}.sticky-sample-copy__details-button:where(.astro-azynqqdx){margin-top:var(--space-3)}}@media (width>=641px) and (width<=920px){.sticky-samples-showcase__media-column:where(.astro-azynqqdx){width:100%;max-width:none;margin-inline:0}.sticky-samples-showcase__media-stage:where(.astro-azynqqdx){width:100%}.sticky-samples-showcase__copy-stage:where(.astro-azynqqdx){width:100%;max-width:none;margin-inline:0}}@media (width<=520px){.sticky-samples-showcase__heading:where(.astro-azynqqdx){max-width:none}.sticky-samples-showcase__media-stage:where(.astro-azynqqdx){width:100%}.sticky-samples-showcase__progress:where(.astro-azynqqdx){gap:var(--space-2);margin-top:var(--space-3)}.sticky-samples-showcase__copy-stage:where(.astro-azynqqdx){min-height:8.5rem}}@media (width<=350px) and (height<=600px){.sticky-samples-showcase__heading:where(.astro-azynqqdx) .section-heading__description{display:none}}@media (prefers-reduced-motion:reduce){.sticky-sample-media:where(.astro-azynqqdx),.sticky-sample-media__slot:where(.astro-azynqqdx),.sticky-sample-media__mosaic:where(.astro-azynqqdx),.sticky-sample-copy:where(.astro-azynqqdx),.sticky-samples-showcase__viewport:where(.astro-azynqqdx){transition:none}.sticky-sample-media:where(.astro-azynqqdx).is-playing .sticky-sample-media__bar:where(.astro-azynqqdx) i:where(.astro-azynqqdx){animation:none}}