.sa-drums__assembly,.sa-drums__num-of{display:none}@media not (min-width:48rem){.sa-drums .sa-drums__grid[data-assembly=true]{--asm-column-h:clamp(15rem, 42svh, 22rem);row-gap:var(--flow-group);grid-template-columns:minmax(0,1fr);grid-template-areas:"head""band""list""after"}.sa-drums .sa-drums__grid[data-assembly=true]>.sa-drums__head{grid-area:head}.sa-drums .sa-drums__grid[data-assembly=true]>.sa-drums__still{display:none}.sa-drums .sa-drums__grid[data-assembly=true]>.sa-drums__assembly{grid-area:band;min-width:0;display:block}.sa-drums .sa-drums__grid[data-assembly=true]>.sa-drums__list{grid-area:list}.sa-drums .sa-drums__grid[data-assembly=true]>.sa-drums__after{grid-area:after}.sa-asm__band{align-content:end;justify-items:center;row-gap:var(--space-4);display:grid}.sa-asm__column{height:var(--asm-column-h);max-width:100%;position:relative}.sa-asm__layer{width:100%;display:block;position:absolute;left:0}.sa-asm__body,.sa-asm__lit-off{width:100%;height:100%;display:block;position:relative}.sa-asm__body picture,.sa-asm__img{width:100%;height:100%;display:block}.sa-asm__lit{opacity:0;display:none;position:absolute;inset:0}.sa-asm__ticks{display:none}}@media (not (min-width:48rem)) and (min-height:40rem) and (prefers-reduced-motion:no-preference){.sa-drums .sa-drums__grid[data-assembly=true]{--asm-band-h:clamp(20rem, 54svh, 32rem);--asm-bar:4rem;--asm-foot:2.75rem;--asm-window:calc(100svh - var(--asm-band-h) - var(--dock-h,0px));grid-template-areas:none;grid-template-rows:auto var(--asm-band-h) auto auto}.sa-drums .sa-drums__grid[data-assembly=true]>.sa-drums__head{grid-area:1/1}.sa-drums .sa-drums__grid[data-assembly=true]>.sa-drums__assembly{grid-area:2/1/4/2}.sa-drums .sa-drums__grid[data-assembly=true]>.sa-drums__list{grid-area:3/1}.sa-drums .sa-drums__grid[data-assembly=true]>.sa-drums__after{grid-area:4/1}.sa-drums .sa-drums__grid[data-assembly=true] .sa-asm__band{z-index:1;box-sizing:border-box;height:var(--asm-band-h);padding:var(--asm-bar) 0 var(--space-4);background:var(--color-bg);grid-template-rows:minmax(0,1fr) auto;position:sticky;top:0}.sa-drums .sa-drums__grid[data-assembly=true] .sa-asm__band:after{content:"";inset-inline:0;height:var(--space-5);background:linear-gradient(var(--color-bg), transparent);pointer-events:none;position:absolute;top:100%}.sa-drums .sa-drums__grid[data-assembly=true] .sa-asm__column{height:calc(var(--asm-band-h) - var(--asm-bar) - var(--asm-foot));align-self:end}.sa-drums .sa-drums__grid[data-assembly=true] .sa-asm__ticks{gap:var(--space-2);margin:0;padding:0;list-style:none;display:flex}.sa-asm__tick{background:var(--color-line);width:1.75rem;height:2px;position:relative}.sa-asm__tick:after{content:"";background:var(--color-accent);opacity:0;position:absolute;inset:0}.sa-drums .sa-drums__grid[data-assembly=true] .sa-drums__step{min-height:var(--asm-window);padding-block:var(--space-5) var(--flow-group);border-top:0;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);align-content:start;margin:0}.sa-drums .sa-drums__grid[data-assembly=true] .sa-drums__num{align-items:baseline;gap:var(--space-3);font-family:var(--font-display);font-stretch:100%;font-weight:var(--display-weight);font-size:var(--text-h1);line-height:var(--text-h1--line-height);letter-spacing:var(--tracking-display);font-variant-numeric:lining-nums;text-transform:none;color:var(--color-accent);grid-area:1/1;margin:0;padding:0;display:flex}.sa-drums .sa-drums__grid[data-assembly=true] .sa-drums__num-of{font-family:var(--font-ui);font-weight:500;font-stretch:125%;font-size:var(--text-index);line-height:var(--text-index--line-height);letter-spacing:var(--tracking-ui);font-variant-numeric:tabular-nums lining-nums;text-transform:uppercase;color:var(--color-fg-muted);display:inline}.sa-drums .sa-drums__grid[data-assembly=true] .sa-drums__title{margin:var(--flow-label) 0 0;grid-area:2/1}.sa-drums .sa-drums__grid[data-assembly=true] .sa-drums__note{margin:var(--flow-head) 0 0;grid-area:3/1}}@supports (animation-timeline:view()) and (timeline-scope:--sa-drum-1){@media (not (min-width:48rem)) and (min-height:40rem) and (prefers-reduced-motion:no-preference){.sa-drums .sa-drums__grid[data-assembly=true]{timeline-scope:--sa-drum-1, --sa-drum-2, --sa-drum-3, --sa-drum-4, --sa-drum-end}.sa-drums .sa-drums__grid[data-assembly=true]>.sa-drums__after{view-timeline:--sa-drum-end block;view-timeline-inset:var(--asm-band-h) var(--dock-h,0px)}.sa-asm__tick:after{animation-name:sa-asm-on;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-range:entry 50% entry 80%}.sa-asm__tick:first-child:after{animation-timeline:--sa-drum-1}.sa-asm__tick:nth-child(2):after{animation-timeline:--sa-drum-2}.sa-asm__tick:nth-child(3):after{animation-timeline:--sa-drum-3}.sa-asm__tick:nth-child(4):after{animation-timeline:--sa-drum-4}.sa-asm__layer:is([data-part="2"],[data-part="3"],[data-part="4"],[data-part=capital]){animation-name:sa-asm-on;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-range:entry 70%}.sa-asm__layer[data-part="2"]{animation-timeline:--sa-drum-1}.sa-asm__layer[data-part="3"]{animation-timeline:--sa-drum-2}.sa-asm__layer[data-part="4"]{animation-timeline:--sa-drum-3}.sa-asm__layer[data-part=capital]{animation-timeline:--sa-drum-4}.sa-asm__layer:not([data-part=base])>.sa-asm__body{animation-name:sa-asm-land;animation-duration:auto;animation-timing-function:var(--ease-standard);animation-fill-mode:both;animation-range:entry 20% entry 80%}.sa-asm__layer[data-part="1"]>.sa-asm__body{animation-timeline:--sa-drum-1}.sa-asm__layer[data-part="2"]>.sa-asm__body{animation-timeline:--sa-drum-2}.sa-asm__layer[data-part="3"]>.sa-asm__body{animation-timeline:--sa-drum-3}.sa-asm__layer[data-part="4"]>.sa-asm__body{animation-timeline:--sa-drum-4}.sa-asm__layer[data-part=capital]>.sa-asm__body{animation-timeline:--sa-drum-end}.sa-asm__lit{animation-name:sa-asm-on;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-range:entry 50% entry 80%;display:block}.sa-asm__lit-off{animation-name:sa-asm-off;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-range:entry 50% entry 80%}.sa-asm__layer[data-part="1"] .sa-asm__lit{animation-timeline:--sa-drum-1}.sa-asm__layer[data-part="1"] .sa-asm__lit-off,.sa-asm__layer[data-part="2"] .sa-asm__lit{animation-timeline:--sa-drum-2}.sa-asm__layer[data-part="2"] .sa-asm__lit-off,.sa-asm__layer[data-part="3"] .sa-asm__lit{animation-timeline:--sa-drum-3}.sa-asm__layer[data-part="3"] .sa-asm__lit-off,.sa-asm__layer[data-part="4"] .sa-asm__lit{animation-timeline:--sa-drum-4}.sa-asm__layer[data-part="4"] .sa-asm__lit-off{animation-timeline:--sa-drum-end}.sa-drums .sa-drums__grid[data-assembly=true] .sa-drums__step{view-timeline-inset:var(--asm-band-h) var(--dock-h,0px)}.sa-drums .sa-drums__grid[data-assembly=true] .sa-drums__step:first-child{view-timeline-name:--sa-drum-1}.sa-drums .sa-drums__grid[data-assembly=true] .sa-drums__step:nth-child(2){view-timeline-name:--sa-drum-2}.sa-drums .sa-drums__grid[data-assembly=true] .sa-drums__step:nth-child(3){view-timeline-name:--sa-drum-3}.sa-drums .sa-drums__grid[data-assembly=true] .sa-drums__step:nth-child(4){view-timeline-name:--sa-drum-4}}}@supports not ((animation-timeline:view()) and (timeline-scope:--sa-drum-1)){@media (not (min-width:48rem)) and (min-height:40rem) and (prefers-reduced-motion:no-preference){.sa-drums .sa-drums__grid[data-assembly=true]{--asm-driver:observer}.sa-drums__grid:not(.asm-on) .sa-asm__tick:after{opacity:1}.sa-drums__grid.asm-on .sa-asm__layer,.sa-drums__grid.asm-on .sa-asm__lit,.sa-drums__grid.asm-on .sa-asm__lit-off,.sa-drums__grid.asm-on .sa-asm__tick:after{transition:opacity calc(var(--dur-3) * var(--motion)) linear calc(var(--dur-2) * var(--motion))}.sa-drums__grid.asm-on .sa-asm__layer:not([data-part=base])>.sa-asm__body{opacity:.28;transform:translateY(var(--asm-lift,0));transition:opacity calc(var(--dur-4) * var(--motion)) var(--ease-standard), transform calc(var(--dur-4) * var(--motion)) var(--ease-standard)}.sa-drums__grid.asm-on .sa-asm__layer:is([data-part="2"],[data-part="3"],[data-part="4"],[data-part=capital]){opacity:0}.sa-drums__grid.asm-on.asm-1 .sa-asm__layer[data-part="2"],.sa-drums__grid.asm-on.asm-2 .sa-asm__layer[data-part="3"],.sa-drums__grid.asm-on.asm-3 .sa-asm__layer[data-part="4"],.sa-drums__grid.asm-on.asm-4 .sa-asm__layer[data-part=capital]{opacity:1}.sa-drums__grid.asm-on.asm-1 .sa-asm__layer[data-part="1"]>.sa-asm__body,.sa-drums__grid.asm-on.asm-2 .sa-asm__layer[data-part="2"]>.sa-asm__body,.sa-drums__grid.asm-on.asm-3 .sa-asm__layer[data-part="3"]>.sa-asm__body,.sa-drums__grid.asm-on.asm-4 .sa-asm__layer[data-part="4"]>.sa-asm__body,.sa-drums__grid.asm-on.asm-5 .sa-asm__layer[data-part=capital]>.sa-asm__body{opacity:1;transform:none}.sa-drums__grid.asm-on .sa-asm__lit{opacity:0;display:block}.sa-drums__grid.asm-on.asm-1 .sa-asm__layer[data-part="1"] .sa-asm__lit,.sa-drums__grid.asm-on.asm-2 .sa-asm__layer[data-part="2"] .sa-asm__lit,.sa-drums__grid.asm-on.asm-3 .sa-asm__layer[data-part="3"] .sa-asm__lit,.sa-drums__grid.asm-on.asm-4 .sa-asm__layer[data-part="4"] .sa-asm__lit{opacity:1}.sa-drums__grid.asm-on.asm-2 .sa-asm__layer[data-part="1"] .sa-asm__lit-off,.sa-drums__grid.asm-on.asm-3 .sa-asm__layer[data-part="2"] .sa-asm__lit-off,.sa-drums__grid.asm-on.asm-4 .sa-asm__layer[data-part="3"] .sa-asm__lit-off,.sa-drums__grid.asm-on.asm-5 .sa-asm__layer[data-part="4"] .sa-asm__lit-off{opacity:0}.sa-drums__grid.asm-on.asm-1 .sa-asm__tick:first-child:after,.sa-drums__grid.asm-on.asm-2 .sa-asm__tick:nth-child(2):after,.sa-drums__grid.asm-on.asm-3 .sa-asm__tick:nth-child(3):after,.sa-drums__grid.asm-on.asm-4 .sa-asm__tick:nth-child(4):after{opacity:1}.sa-drums__grid.asm-init :is(.sa-asm__layer,.sa-asm__body,.sa-asm__lit,.sa-asm__lit-off),.sa-drums__grid.asm-init .sa-asm__tick:after{transition:none}}}@keyframes sa-asm-on{0%{opacity:0}to{opacity:1}}@keyframes sa-asm-off{0%{opacity:1}to{opacity:0}}@keyframes sa-asm-land{0%{opacity:.28;transform:translateY(var(--asm-lift,0))}to{opacity:1;transform:none}}
