[data-block-image-reveal]{position:relative;overflow:clip}[data-block-image-reveal-panel]{z-index:1;background:var(--block-image-reveal-color,CanvasText);pointer-events:none;opacity:0;position:absolute;inset:0}[data-block-image-reveal-state=armed]>[data-block-image-reveal-panel]{opacity:1}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){[data-block-image-reveal]:not([data-block-image-reveal-state=off])>:not([data-block-image-reveal-panel]){opacity:0}[data-block-image-reveal]:not([data-block-image-reveal-state])>:not([data-block-image-reveal-panel]){animation:0s 3s forwards block-image-reveal-failsafe}}@keyframes block-image-reveal-failsafe{to{opacity:1}}body{--block-image-reveal-color:#35283a;font-family:system-ui,sans-serif}main{max-inline-size:48rem;margin-inline:auto;padding-inline:1rem}main img{block-size:auto;inline-size:100%}[data-marquee]{--_marquee-gap:var(--marquee-gap,1rem);--_marquee-duration:var(--marquee-duration,60s);align-items:start;gap:var(--_marquee-gap);overscroll-behavior-inline:contain;scrollbar-width:none;display:flex;position:relative;overflow:auto hidden}[data-marquee]::-webkit-scrollbar{display:none}[data-marquee]>:not([data-marquee-control]){gap:var(--_marquee-gap);flex:none;margin:0;padding:0;list-style:none;display:flex}[data-marquee]>:not([data-marquee-control])>*{flex:none}@media (prefers-reduced-motion:no-preference){[data-marquee]:has(>[data-marquee-copy])>:not([data-marquee-control]){animation:marquee-scroll var(--_marquee-duration) linear infinite}}[data-marquee][data-marquee-direction=reverse]>:not([data-marquee-control]){animation-direction:reverse}[data-marquee][data-marquee-paused]>:not([data-marquee-control]),[data-marquee][data-marquee-offscreen]>:not([data-marquee-control]),[data-marquee]:focus-visible>:not([data-marquee-control]),[data-marquee]:has(:focus-visible:not([data-marquee-control]))>:not([data-marquee-control]){animation-play-state:paused}@media (hover:hover){[data-marquee][data-marquee-pause-on-hover]:hover>:not([data-marquee-control]){animation-play-state:paused}}[data-marquee]>[data-marquee-control]{--_marquee-control-color:var(--marquee-control-color,currentColor);--_marquee-control-size:var(--marquee-control-size,2.5rem);z-index:1;margin-inline-start:calc(-1 * (var(--_marquee-control-size) + var(--_marquee-gap)));margin-block:calc(-.5 * var(--_marquee-control-size));inline-size:var(--_marquee-control-size);block-size:var(--_marquee-control-size);border:1px solid var(--marquee-control-border-color,transparent);background:var(--marquee-control-bg,#ffffff40);backdrop-filter:blur(var(--marquee-control-blur,8px));color:var(--_marquee-control-color);opacity:0;cursor:pointer;border-radius:999px;flex:none;align-self:center;place-items:center;padding:0;transition:opacity .15s;display:grid;position:sticky;inset-inline-end:var(--marquee-control-offset,.75rem)}[data-marquee]>[data-marquee-control]:focus-visible{outline:2px solid var(--_marquee-control-color);outline-offset:2px}[data-marquee]>[data-marquee-control][hidden]{display:none}[data-marquee]>[data-marquee-control] svg{pointer-events:none;block-size:40%;inline-size:40%}[data-marquee]:hover>[data-marquee-control],[data-marquee]:focus-within>[data-marquee-control],[data-marquee][data-marquee-user-paused]>[data-marquee-control]{opacity:1}@media (hover:none){[data-marquee]>[data-marquee-control]{opacity:1}}@media (prefers-reduced-motion:reduce){[data-marquee]>[data-marquee-control]{display:none}}@keyframes marquee-scroll{to{translate:calc(-100% - var(--_marquee-gap)) 0}}[data-marquee]{padding-block:2rem;font:600 2rem/1.2 system-ui,sans-serif}[data-marquee] a{color:inherit}[data-pixelate-image]{display:block;position:relative;overflow:clip}[data-pixelate-image] img{block-size:auto;inline-size:100%;display:block}[data-pixelate-image-canvas]{pointer-events:none;block-size:100%;inline-size:100%;image-rendering:pixelated;position:absolute;inset:0}[data-pixelate-image-canvas][hidden]{display:none}.card{inline-size:min(36rem,100%);color:inherit;gap:.5rem;display:grid}.card:focus-visible{outline-offset:4px;outline:2px solid #1a1a1a}@property --reel-timer{syntax:"<number>";inherits:true;initial-value:0}[data-reel]{--_reel-align-inset:initial;min-inline-size:0;position:relative;container:reel/inline-size}[data-reel][data-reel-align=container]{--_reel-align-inset:max(var(--reel-gutter,1rem), (100% - var(--reel-max-width,100%)) / 2)}[data-reel]>[data-reel-track]{--_reel-gap:var(--reel-gap,1rem);--_reel-per-view:var(--reel-per-view,1);--_reel-peek:var(--reel-peek,0px);--_reel-peek-sides:1;--_reel-inset:var(--reel-inset,var(--_reel-align-inset,0px));--_reel-item:calc(( 100% - var(--_reel-peek-sides) * var(--_reel-peek) - (var(--_reel-per-view) - 1) * var(--_reel-gap) ) / var(--_reel-per-view));gap:var(--_reel-gap);padding-block:0;padding-inline:var(--_reel-inset);overscroll-behavior-inline:contain;scroll-snap-type:x var(--reel-snap,mandatory);scroll-padding-inline:var(--_reel-inset);margin:0;list-style:none;display:flex;position:relative;overflow:auto hidden}[data-reel]>[data-reel-track]>*{flex:0 0 var(--reel-item-size,var(--_reel-item));scroll-snap-align:start;scroll-snap-stop:var(--reel-snap-stop,normal);min-inline-size:0}[data-reel]>[data-reel-track]:focus-visible{outline-offset:2px;outline:2px solid}[data-reel]:not([data-reel-scrollbar])>[data-reel-track]{scrollbar-width:none}[data-reel]:not([data-reel-scrollbar])>[data-reel-track]::-webkit-scrollbar{display:none}[data-reel][data-reel-scrollbar]>[data-reel-track]{scrollbar-width:thin}[data-reel][data-reel-align=center]>[data-reel-track]{--_reel-peek-sides:2;--_reel-edge:calc((100% - var(--reel-item-size,var(--_reel-item))) / 2)}[data-reel][data-reel-align=center]>[data-reel-track]>*{scroll-snap-align:center}[data-reel][data-reel-align=center]>[data-reel-track]>:first-child{margin-inline-start:var(--_reel-edge)}[data-reel][data-reel-align=center]>[data-reel-track]>:last-child{margin-inline-end:var(--_reel-edge)}:is([data-reel-prev],[data-reel-next],[data-reel-play],[data-reel-pagination])[hidden]{display:none}:where([data-reel-prev],[data-reel-next])[aria-disabled=true]{opacity:.4;cursor:default}[data-reel-play][data-reel-state=playing] [data-reel-icon=play],[data-reel-play]:not([data-reel-state=playing]) [data-reel-icon=pause]{display:none}[data-reel-status]{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:0;position:absolute;overflow:hidden}[data-reel-pagination]{--_reel-indicator:var(--reel-indicator,currentColor);--_reel-indicator-track:var(--reel-indicator-track,color-mix(in srgb, currentColor 25%, transparent))}[data-reel-pagination=bar]{min-inline-size:3rem;block-size:var(--reel-bar-thickness,2px);background:var(--_reel-indicator-track);flex:auto;position:relative;overflow:hidden}[data-reel-pagination=bar]:after{content:"";background:var(--_reel-indicator);transform-origin:0;scale:var(--reel-progress,0) 1;position:absolute;inset:0}:is([data-reel-pagination=dots],[data-reel-pagination=lines]){align-items:center;display:flex}:is([data-reel-pagination=dots],[data-reel-pagination=lines])>button{min-block-size:1.5rem;min-inline-size:1.5rem;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid;position:relative}:is([data-reel-pagination=dots],[data-reel-pagination=lines])>button:focus-visible{outline-offset:2px;outline:2px solid}[data-reel-pagination=dots]{gap:var(--reel-dot-gap,0)}[data-reel-pagination=dots]>button:before{content:"";inline-size:var(--reel-dot-size,.5rem);block-size:var(--reel-dot-size,.5rem);border:1px solid var(--_reel-indicator);border-radius:50%}[data-reel-pagination=dots]>button[aria-current=true]:before{background:var(--_reel-indicator)}[data-reel-pagination=lines]{gap:var(--reel-line-gap,.5rem);flex:auto}[data-reel-pagination=lines]>button{max-inline-size:var(--reel-line-max,4rem);flex:1 1 0}[data-reel-pagination=lines]>button:before,[data-reel-pagination=lines]>button:after{content:"";block-size:var(--reel-line-thickness,2px);position:absolute;inset-block-start:50%;inset-inline:0;translate:0 -50%}[data-reel-pagination=lines]>button:before{background:var(--_reel-indicator-track)}[data-reel-pagination=lines]>button:after{background:var(--_reel-indicator);transform-origin:0;scale:0 1}[data-reel-pagination=lines]>button[data-reel-state=current]:after,[data-reel][data-reel-playing] [data-reel-pagination=lines]>button[data-reel-state=past]:after{scale:1}[data-reel][data-reel-playing] [data-reel-pagination=lines]>button[data-reel-state=current]:after{scale:var(--reel-timer) 1}@media (prefers-reduced-motion:no-preference){[data-reel][data-reel-playing]{animation:reel-timer var(--reel-interval,var(--_reel-interval,6s)) linear both}}[data-reel][data-reel-playing][data-reel-hold]{animation-play-state:paused}@media (hover:hover){[data-reel][data-reel-playing]:hover{animation-play-state:paused}}@keyframes reel-timer{0%{--reel-timer:0}to{--reel-timer:1}}@media (prefers-reduced-motion:no-preference){[data-reel-pagination=dots]>button:before{transition:background-color .2s}}body{color:#141414;font-family:system-ui,sans-serif}.demo-stack{gap:4rem;padding-block-end:4rem;display:grid}.demo-heading{margin:0;font-size:1.5rem;font-weight:400}.demo-button{block-size:2.75rem;inline-size:2.75rem;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;place-items:center;padding:0;display:inline-grid}.demo-button svg{block-size:1.25rem;inline-size:1.25rem}.demo-button:focus-visible{outline-offset:2px;outline:2px solid}.demo-hero{--reel-gap:0px;--reel-snap-stop:always;--reel-indicator:white;--reel-indicator-track:#fff6;color:#fff}.demo-hero figure{aspect-ratio:16/7;background:#282828;margin:0;position:relative}.demo-hero img{-o-object-fit:cover;object-fit:cover;block-size:100%;inline-size:100%;display:block}.demo-hero figcaption{background:linear-gradient(#0000,#000000a6);gap:.25rem;padding:4rem 1.5rem 5rem;display:grid;position:absolute;inset:auto 0 0}.demo-hero figcaption p{margin:0}.demo-hero .demo-hero-title{font-size:1.75rem}@media (width<=40rem){.demo-hero figure{aspect-ratio:4/5}.demo-hero .demo-hero-title{font-size:1.25rem}}.demo-hero-controls{align-items:center;gap:1rem;display:flex;position:absolute;inset:auto 1.5rem 1.5rem}@media (prefers-reduced-motion:no-preference){.demo-hero figcaption>*{transition:opacity .5s,translate .6s cubic-bezier(.2,.7,.2,1)}.demo-hero [data-reel-current] figcaption>:nth-child(2){transition-delay:.1s}.demo-hero [data-reel-index]:not([data-reel-current]) figcaption>*{opacity:0;translate:0 1rem}}.demo-rail{--reel-max-width:72rem;--reel-gutter:1.5rem;--reel-gap:1.5rem;--reel-snap:proximity}.demo-rail>.demo-rail-header,.demo-rail>[data-reel-pagination]{inline-size:min(100% - 3rem,72rem);margin-inline:auto}.demo-rail>[data-reel-pagination]{margin-block-start:2rem}.demo-rail-header{justify-content:space-between;align-items:end;gap:1rem;margin-block-end:1.5rem;display:flex}.demo-rail-buttons{gap:.5rem;display:flex}.demo-card{color:inherit;gap:.25rem;text-decoration:none;display:grid}.demo-card img{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;background:#f4f4f4;block-size:auto;inline-size:100%;margin-block-end:.75rem;display:block}.demo-card p{margin:0}.demo-card:focus-visible{outline-offset:4px;outline:2px solid}.demo-card-maker{font-weight:600}.demo-card-estimate{color:#5a5a5a;font-size:.875rem}.demo-gallery{--reel-gap:1rem;--reel-peek:2.5rem}.demo-gallery figure{margin:0}.demo-gallery img{aspect-ratio:4/5;-o-object-fit:cover;object-fit:cover;block-size:auto;inline-size:100%;display:block}.demo-gallery figcaption{text-align:center;padding-block-start:.75rem}.demo-gallery>[data-reel-pagination]{justify-content:center;margin-block-start:1rem}.demo-edge{z-index:1;background:#ffffffd9;position:absolute;inset-block-start:40%}.demo-edge[data-reel-prev]{inset-inline-start:1rem}.demo-edge[data-reel-next]{inset-inline-end:1rem}@supports (animation-timeline:view()) and (animation-range:entry){@media (prefers-reduced-motion:no-preference){.demo-gallery [data-reel-track]>*>figure{animation:linear both demo-focus view(inline)}}}@keyframes demo-focus{0%,to{opacity:.5;scale:.85}50%{opacity:1;scale:1}}.demo-rail-html{--reel-per-view:1.2}@container reel (width>=40rem){.demo-rail-html>[data-reel-track]{--reel-per-view:2}}@container reel (width>=64rem){.demo-rail-html>[data-reel-track]{--reel-per-view:4}}@container reel (width>=48rem){.demo-gallery-html>[data-reel-track]{--reel-per-view:3}}@supports not (container-type:inline-size){@media (width>=40rem){.demo-rail-html{--reel-per-view:2}}@media (width>=64rem){.demo-rail-html{--reel-per-view:4}}@media (width>=48rem){.demo-gallery-html{--reel-per-view:3}}}.demo{gap:40vh;max-inline-size:40rem;margin-inline:auto;display:grid}.label{color:#666;margin-block-end:.75rem;font-size:.875rem}.cards{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:1rem;display:grid}.card{text-align:center;background:#e8e8e8;border-radius:.5rem;place-items:center;min-block-size:8rem;display:grid}.card.small{min-block-size:5rem;font-size:.8125rem}.image{border-radius:.5rem;block-size:auto;inline-size:100%;display:block}.headline{margin:0;font-size:clamp(2rem,6vw,3.5rem);line-height:1.1}.lede{margin:0;font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.4}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){[data-reveal^=tilt]:not([data-reveal-state=in],[data-reveal-state=off]){rotate:-8deg}}.status{color:#666;margin-block-start:1rem;font-size:.875rem}#add{min-block-size:44px;font:inherit;background:#fff;border:1px solid #999;border-radius:.375rem;justify-self:start;margin-block-end:1rem;padding-inline:1rem}[data-word-wipe-state=pending]{opacity:var(--word-wipe-dim,.1)}[data-word-wipe-state=split]{opacity:1}body{font-family:system-ui,sans-serif}.spacer{color:#666;place-items:center;min-block-size:80vh;display:grid}.statement{max-inline-size:30ch;margin:0 auto;font-size:clamp(1.75rem,5vw,3rem);font-weight:600;line-height:1.15}