:root,:root[data-theme=light]{--demo-accent-on-text:#ffffff}:root[data-theme=dark]{--demo-accent-on-text:#ffffff}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--demo-accent-on-text:#ffffff}}.demo-banner-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1.25rem;padding:.65rem 1rem;background:var(--color-accent-soft);color:var(--color-text);border-bottom:1px solid var(--color-line)}.demo-banner{margin:0;text-align:center;font-size:.95rem;font-weight:600}.demo-media-selector{flex:initial}.demo-media-selector__list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .5rem;margin:0;padding:0;list-style:none}.demo-media-selector__item{margin:0}.demo-media-selector__link,.demo-media-selector__disabled{display:inline-block;font-family:var(--font-body);font-size:.75rem;font-weight:600;line-height:1.3;border-radius:2px;padding:4px 8px}.demo-media-selector__link{color:var(--demo-accent-on-text);background:var(--color-accent);text-decoration:none;border:2px solid transparent}.demo-media-selector__link:hover{text-decoration:underline;text-underline-offset:.15em}.demo-media-selector__link:focus-visible{outline:var(--focus-width,3px)solid var(--color-accent);outline-offset:var(--focus-offset,3px)}.demo-media-selector__link[aria-current=true]{box-shadow:inset 0 0 0 2px var(--demo-accent-on-text)}.demo-media-selector__disabled{color:var(--color-muted);background:0 0;border:1px dashed var(--color-line);cursor:not-allowed}.demo-media-selector__soon{font-weight:500;font-size:.7rem;margin-left:.25rem;opacity:.9}html:not([data-demo-media=hero]) [data-demo-hero]{display:none}html[data-demo-media=hero] [data-demo-hero]{display:block}html:not([data-demo-media=slideshow]) [data-demo-slideshow]{display:none}html[data-demo-media=slideshow] [data-demo-slideshow]{display:block}html[data-demo-media=slideshow] [data-demo-hero]{display:none}html:not([data-demo-media=coverflow]) [data-demo-coverflow]{display:none}html[data-demo-media=coverflow] [data-demo-coverflow]{display:block}html[data-demo-media=coverflow] [data-demo-hero]{display:none}html:not([data-demo-media=reel]) [data-demo-reel]{display:none}html[data-demo-media=reel] [data-demo-reel]{display:block}html[data-demo-media=reel] [data-demo-hero]{display:none}.demo-media-hero,.demo-media-slideshow,.demo-media-coverflow,.demo-media-reel{margin:0 0 1rem}.hero--bleed{display:block;padding-top:1.25rem}.hero--bleed-follow{display:grid;grid-template-columns:minmax(0,1.5fr)minmax(16rem,.8fr);gap:2rem;align-items:start;padding:1.5rem 0 1rem}.demo-stage{position:relative;width:100%;margin:.75rem 0 0}.demo-stage .demo-media-hero,.demo-stage .demo-media-reel{position:relative;margin:0}.demo-stage .demo-media-frame{display:block;position:relative;z-index:0;isolation:isolate;width:100%;border:0;border-radius:0;overflow:hidden;background:#080c0b;line-height:0;aspect-ratio:3/2;min-height:28rem;transform:translate3d(0,0,0);clip-path:inset(0)}.demo-stage .demo-media-frame picture,.demo-stage .demo-reel__video{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;overflow:hidden}.demo-stage .demo-media-frame img,.demo-stage .demo-reel__video{width:100%;height:100%;object-fit:cover;background:#080c0b}.demo-stage__shade{display:none}.demo-stage .demo-stage__shade{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;background-color:transparent;background-image:linear-gradient(to top,#080c0b 0,#080c0b 5rem,rgba(8,12,11,.92) 8.5rem,rgba(8,12,11,0) 16rem);background-repeat:no-repeat;background-origin:border-box;background-clip:border-box;transform:translate3d(0,0,0)}.demo-stage .demo-media-tag{z-index:2;font-size:12px;line-height:1.3}.demo-stage .demo-reel__controls{position:absolute;top:1rem;right:1rem;z-index:4;margin:0}.demo-stage__scrim{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:4.5rem 0 5.25rem;background:0 0;pointer-events:none}.demo-stage__title{margin:0;max-width:16ch;color:#f7f5f0;text-wrap:balance}@media(min-width:900px){.demo-stage .demo-media-frame{aspect-ratio:21/9;min-height:24rem}}@media(max-width:800px){.hero--bleed-follow{grid-template-columns:1fr}}.hero--bleed .demo-media-slideshow,.hero--bleed .demo-media-coverflow{width:100%;max-width:none}.hero--bleed .demo-slideshow__viewport,.hero--bleed .demo-coverflow__viewport{width:100%;max-width:none}.hero--bleed .demo-media-slideshow .demo-media-frame{display:block;position:relative;width:calc(100% - 1.5rem);max-width:none;margin-inline:auto;border:1px solid var(--color-line);border-radius:var(--radius,1rem);aspect-ratio:3/2;overflow:hidden}.hero--bleed .demo-media-slideshow .demo-media-frame picture,.hero--bleed .demo-media-slideshow .demo-media-frame img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}.hero--bleed .demo-slideshow__controls{width:min(var(--content-width,72rem),calc(100% - (2 * var(--gutter,1rem))));margin-inline:auto}@media(min-width:900px){.hero--bleed .demo-media-slideshow .demo-media-frame{aspect-ratio:21/9}}.demo-reel__video{display:block;width:100%;max-width:100%;background:#080c0b}.demo-reel__controls{display:flex;margin-top:.75rem}.demo-reel__btn{font-family:var(--font-body);font-size:.875rem;font-weight:600;padding:.45rem .9rem;border-radius:var(--button-radius,999px);border:2px solid var(--color-accent);background:var(--color-accent);color:var(--demo-accent-on-text);cursor:pointer}.demo-reel__btn:focus-visible{outline:var(--focus-width,3px)solid var(--color-accent);outline-offset:var(--focus-offset,3px)}.demo-coverflow__viewport{position:relative;height:26rem;perspective:1400px;overflow:hidden;touch-action:pan-y}.demo-media-coverflow img{-webkit-user-drag:none;user-select:none}.demo-coverflow__track{margin:0;padding:0;list-style:none}.demo-coverflow__card{position:absolute;top:1.25rem;left:50%;width:min(48%,30rem);margin:0;transform-origin:center center;transition:transform 480ms ease,opacity 480ms ease,filter 480ms ease}.demo-coverflow__card.is-center{z-index:3;opacity:1;filter:none;transform:translateX(-50%)rotateY(0)scale(1)}.demo-coverflow__card.is-before{z-index:2;opacity:.86;filter:brightness(.75);transform:translateX(calc(-50% - 62%))rotateY(8deg)scale(.86)}.demo-coverflow__card.is-after{z-index:2;opacity:.86;filter:brightness(.75);transform:translateX(calc(-50% + 62%))rotateY(-8deg)scale(.86)}.demo-coverflow__card.is-far{z-index:1;opacity:0;filter:brightness(.6);transform:translateX(-50%)scale(.74)}.demo-coverflow__card:focus-visible{outline:var(--focus-width,3px)solid var(--color-accent);outline-offset:var(--focus-offset,3px)}.demo-media-coverflow .demo-media-frame{display:block;width:100%}.demo-media-coverflow .demo-media-frame img,.demo-coverflow__card.is-center .demo-media-frame img{width:100%;height:20rem;object-fit:cover}.demo-slideshow__viewport{overflow:hidden;max-width:100%}.demo-slideshow__track{position:relative}.demo-slideshow__slide{margin:0}.demo-slideshow__controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.demo-slideshow__btn{font-family:var(--font-body);font-size:.875rem;font-weight:600;padding:.45rem .9rem;border-radius:var(--button-radius,999px);border:2px solid var(--color-accent);background:var(--color-accent);color:var(--demo-accent-on-text);cursor:pointer}.demo-slideshow__btn:hover{text-decoration:underline;text-underline-offset:.15em}.demo-slideshow__btn:focus-visible{outline:var(--focus-width,3px)solid var(--color-accent);outline-offset:var(--focus-offset,3px)}.demo-media-slideshow:focus{outline:none}.demo-media-frame{position:relative;display:inline-block;max-width:100%;border-radius:var(--radius,1rem);overflow:hidden;border:1px solid var(--color-line);background:var(--color-surface)}.demo-media-frame picture,.demo-media-frame img{display:block;max-width:100%;height:auto}.demo-media-tag{position:absolute;left:8px;bottom:8px;padding:4px 8px;border-radius:2px;font-family:var(--font-body);font-size:12px;font-weight:600;line-height:1.3;color:var(--demo-accent-on-text);background:var(--color-accent);pointer-events:none}@media(prefers-reduced-motion:reduce){.demo-media-selector__link,.demo-reel__video{transition:none;animation:none}.demo-coverflow__viewport{perspective:none;height:22rem}.demo-coverflow__card,.demo-coverflow__card.is-center,.demo-coverflow__card.is-before,.demo-coverflow__card.is-after,.demo-coverflow__card.is-far{top:0;left:0;width:100%;transform:none;filter:none;opacity:0;transition:opacity 200ms linear}.demo-coverflow__card.is-center{z-index:2;opacity:1}.demo-media-coverflow .demo-media-frame img,.demo-coverflow__card.is-center .demo-media-frame img{height:20rem}}