.hm-build{--hm-build-lead:2.5rem;scroll-margin-top:0}.hm-build-track{margin-top:var(--hm-build-lead)}.hm-build-stage{width:100%;max-width:var(--brand-container);padding-inline:var(--brand-gutter);gap:2.5rem;margin-inline:auto;display:grid;position:relative}.hm-build-stage>.rp-again{inset-inline-end:calc(var(--brand-gutter) + .75rem)}@media (max-width:39.99rem){.hm-build-stage>.rp-again{top:-2.125rem;inset-inline-end:var(--brand-gutter)}}.hm-build-set,.hm-build-flat{min-width:0}.hm-build-piece{gap:1rem;display:grid}.hm-build-bracket,.hm-build-foot,.hm-build-hint{display:none}.hm-build-beats{counter-reset:hm-build-beat;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1.5rem 2.5rem;margin:0;padding:0;list-style:none;display:grid}.hm-build-beat{counter-increment:hm-build-beat;padding-inline-start:2.75rem;position:relative}.hm-build-beat:before{content:counter(hm-build-beat, decimal-leading-zero);inset-inline-start:0;color:var(--brand-eyebrow);font-size:var(--brand-text-small);font-variant-numeric:tabular-nums;letter-spacing:var(--brand-tracking-eyebrow);position:absolute;top:.3em}.hm-build-beat-title{font-size:var(--brand-text-heading);line-height:var(--brand-leading-heading)}.hm-build-after{text-align:center;justify-items:center;gap:3.5rem;margin-top:3.5rem;display:grid}.hm-build-record{justify-items:center;gap:.75rem;display:grid}.hm-build-record-figures{justify-items:center;gap:.5rem;display:grid}.hm-build-record-line{font-size:var(--brand-text-title);line-height:var(--brand-leading-title)}.hm-build-studio{max-width:34rem;font-size:var(--brand-text-heading);line-height:var(--brand-leading-heading);text-wrap:balance}@media (min-width:48rem){.hm-build-record-line{font-size:var(--brand-text-h3);line-height:var(--brand-leading-h3)}}@media (min-width:80rem){.hm-build{--hm-build-pad:6rem;--hm-build-head:15rem;padding-top:var(--hm-build-pad);scroll-margin-top:calc(-1 * (var(--hm-build-pad) + var(--hm-build-head) + var(--hm-build-lead)))}.hm-build-head{height:var(--hm-build-head);align-content:end;display:grid}.hm-build-stage{--hm-build-gap:clamp(1.5rem, 3vw, 4.5rem);--hm-build-tall:min(1.25, tan(atan2(calc(var(--hm-stage-h) - 7rem), 43rem)));grid-template-columns:minmax(clamp(19rem, 22vw, 26rem), min(30rem, calc(100% - var(--hm-build-gap) - 62rem * var(--hm-build-tall)))) minmax(0, 1fr);align-items:center;gap:0 var(--hm-build-gap);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"beats set""foot set";max-width:112rem;padding:2rem clamp(1.5rem,3vw,4rem);overflow:clip}.hm-build-beats{grid-area:beats;grid-template-columns:none;gap:clamp(.625rem,2svh,1.375rem)}.hm-build-beat-title{font-size:min(clamp(1.25rem,1.45vw,1.625rem),3.1svh)}.hm-build-foot{grid-area:foot;align-items:center;min-height:2.25rem;margin-top:clamp(.75rem,2.5svh,1.75rem);display:flex}.hm-build-stage>.rp-again{grid-area:foot;place-self:end start;margin-bottom:.25rem;position:static}.hm-build-set{grid-area:set;place-items:center;display:grid;container-type:inline-size}.hm-build-fit{--hm-build-k:min(var(--hm-build-tall), tan(atan2(100cqw, 62rem)));width:calc(62rem * var(--hm-build-k));height:calc(43rem * var(--hm-build-k))}.hm-build-piece{width:62rem;height:43rem;transform:scale(var(--hm-build-k));transform-origin:0 0;perspective:110rem;perspective-origin:50% 5rem;grid-template-rows:100%;grid-template-columns:48rem 13rem;gap:0 1rem;position:relative}.hm-build-flat{transform-origin:50% 100%;grid-column:1;display:grid}.hm-build-ledger{grid-column:2;align-self:end}.hm-build-sheet .rp-photo{z-index:1}.hm-build-sheet .rp-frame{outline-offset:1px}.hm-build-sheet .rp-scan{z-index:2}.hm-build-sheet .rp-bubble{background:var(--brand-paper);-webkit-backdrop-filter:none;backdrop-filter:none}.hm-build-bracket{width:13.5rem;height:11rem;color:var(--brand-ink);transform-origin:0 0;perspective:36rem;perspective-origin:50% 0;top:5rem;display:block;position:absolute;inset-inline-start:48rem}.hm-build-bracket:before{content:"";background:currentColor;border-radius:2px;height:3px;position:absolute;inset:0 .5rem auto 0}.hm-build-bracket:after{content:"";top:-3px;background:currentColor;border-radius:50%;width:9px;height:9px;position:absolute;inset-inline-end:0}.hm-build-sign{transform-origin:50% 0;top:3px;padding-top:1.75rem;position:absolute;inset-inline:1.25rem 1.75rem}.hm-build-sign:before,.hm-build-sign:after{content:"";background:currentColor;width:1px;height:1.75rem;position:absolute;top:0}.hm-build-sign:before{inset-inline-start:14%}.hm-build-sign:after{inset-inline-end:14%}.hm-build-board{border-radius:var(--brand-radius-lg);background:var(--brand-primary);box-shadow:inset 0 0 0 4px var(--brand-primary), inset 0 0 0 5px color-mix(in oklab, var(--brand-primary-fg) 55%, transparent);color:var(--brand-primary-fg);font-size:var(--brand-text-title);text-align:center;padding:1rem .75rem;line-height:1.12;display:block}.hm-build-sheet .rp-photo{--hm-build-pile:calc(var(--pile-x) * (100% + .75rem)) calc(var(--pile-y) * 100%)}[data-play=pending] .hm-build-flat{transform:rotateX(13deg)}[data-play=pending] .hm-build-bracket{scale:0 1}[data-play=pending] .hm-build-sign{transform:rotateX(-90deg)}[data-play=pending] .hm-build-sheet .rp-photo{translate:var(--hm-build-pile);rotate:var(--pile-turn);scale:1.4}[data-play=pending] .hm-build-beat{opacity:.8}[data-play=pending] .hm-build-sheet .rp-bubble>.rp-caps{translate:0 100%}@media (prefers-reduced-motion:no-preference){[data-play=playing] .hm-build-flat{animation:hm-build-stand var(--for) var(--hm-ease-out) var(--at) both}[data-play=playing] .hm-build-bracket{animation:hm-build-arm var(--for) var(--hm-ease-out) var(--at) both}[data-play=playing] .hm-build-sign{animation:hm-build-swing var(--for) ease-in-out var(--at) both}[data-play=playing] .hm-build-sheet .rp-photo{animation:hm-build-fly var(--for) var(--hm-ease-in-out) var(--at) both}[data-play=playing] .hm-build-beat{animation:hm-build-wake .5s var(--brand-ease-out) var(--at) both}[data-play=playing] .hm-build-sheet .rp-bubble>.rp-caps{animation:hm-build-settle .45s var(--brand-ease-out) var(--at) both}}}@keyframes hm-build-stand{0%{transform:rotateX(13deg)}}@keyframes hm-build-arm{0%{scale:0 1}}@keyframes hm-build-swing{0%{transform:rotateX(-90deg)}44%{transform:rotateX(26deg)}66%{transform:rotateX(-13deg)}84%{transform:rotateX(5deg)}to{transform:rotateX(0)}}@keyframes hm-build-fly{0%{translate:var(--hm-build-pile);rotate:var(--pile-turn);scale:1.4}}@keyframes hm-build-wake{0%{opacity:.8}}@keyframes hm-build-lit{0%{opacity:.8}14%{opacity:1}}@keyframes hm-build-gone{to{opacity:0}}@keyframes hm-build-settle{0%{translate:0 100%}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (scripting:enabled){@media screen and (min-width:80rem) and (min-height:40rem){.hm-build-track:has(>.hm-build-stage[data-play=static]){--rp-scrub:1;--hm-build-timeline:--hm-build;height:calc(var(--hm-stage-h) * 5);view-timeline:--hm-build block;view-timeline-inset:var(--hm-masthead-h) 0px}.hm-build-track{overflow-anchor:none}.hm-build-stage{top:var(--hm-masthead-h);height:var(--hm-stage-h);position:sticky}[data-play=static]>*>.hm-build-hint{font-size:var(--brand-text-small);letter-spacing:.01em;animation:1ms linear both hm-build-gone;animation-timeline:var(--hm-build-timeline);animation-range:contain var(--from) contain var(--to);grid-area:set;place-self:end center;align-items:center;gap:.625rem;display:flex}[data-play=static]>*>.hm-build-hint:after{content:"";border:1.5px solid;border-width:0 1.5px 1.5px 0;width:.4375rem;height:.4375rem;margin-top:-.25rem;rotate:45deg}.hm-build-track [data-play=static] .rp-in{animation:1ms linear both rp-in;animation-timeline:var(--hm-build-timeline);animation-range:contain var(--from) contain var(--to)}.hm-build-track [data-play=static] .rp-check{animation:1ms cubic-bezier(.2,.7,.2,1.4) both rp-check;animation-timeline:var(--hm-build-timeline);animation-range:contain var(--from) contain var(--to)}.hm-build-track [data-play=static] .rp-type{animation:1ms steps(24,end) both rp-type;animation-timeline:var(--hm-build-timeline);animation-range:contain var(--from) contain var(--to)}.hm-build-track [data-play=static] .rp-frame{animation:1ms linear both rp-made;animation-timeline:var(--hm-build-timeline);animation-range:contain var(--from) contain var(--to)}.hm-build-track [data-play=static] .rp-scan{animation:1ms cubic-bezier(.45,0,.55,1) 2 both rp-scan;animation-timeline:var(--hm-build-timeline);animation-range:contain var(--from) contain var(--to);display:block}.hm-build-track [data-play=static] .rp-wash{animation:1ms cubic-bezier(.65,0,.35,1) both rp-wash;animation-timeline:var(--hm-build-timeline);animation-range:contain var(--from) contain var(--to);display:grid}.hm-build-track [data-play=static] .rp-look{animation:1ms linear both rp-look-on;animation-timeline:var(--hm-build-timeline);animation-range:contain var(--from) contain var(--to)}.hm-build-track [data-play=static] .rp-rise{animation:1ms linear both rp-rise;animation-timeline:var(--hm-build-timeline);animation-range:contain var(--from) contain var(--to)}.hm-build-track [data-play=static] .rp-reveal{animation:1ms linear both rp-reveal;animation-timeline:var(--hm-build-timeline);animation-range:contain var(--from) contain var(--to)}.hm-build-track [data-play=static] .rp-glide{animation:1ms linear both rp-glide;animation-timeline:var(--hm-build-timeline);animation-range:contain var(--from) contain var(--to)}.hm-build-track [data-play=static] .rp-point{animation:1ms linear both rp-point;animation-timeline:var(--hm-build-timeline);animation-range:contain var(--from) contain var(--to)}.hm-build-track [data-play=static] .rp-lifted{animation:1ms linear both rp-lift;animation-timeline:var(--hm-build-timeline);animation-range:contain var(--from) contain var(--to)}.hm-build-track [data-play=static] .rp-cap:not(.rp-cap-final){visibility:hidden;animation:1ms linear rp-window,1ms linear both rp-in;animation-timeline:var(--hm-build-timeline);animation-range:contain var(--from) contain var(--until), contain var(--from) contain var(--to);display:block}.hm-build-track [data-play=static] .rp-cap-first:not(.rp-cap-final){animation:1ms linear backwards rp-window;animation-timeline:var(--hm-build-timeline);animation-range:contain var(--from) contain var(--until)}.hm-build-track [data-play=static] .rp-cap-final{visibility:hidden;animation:1ms linear both rp-shown,1ms linear both rp-in;animation-timeline:var(--hm-build-timeline);animation-range:contain var(--from) contain var(--to)}.hm-build-track [data-play=static] .rp-bubble>.rp-caps{animation:1ms linear both hm-build-settle;animation-timeline:var(--hm-build-timeline);animation-range:contain var(--from) contain var(--to)}[data-play=static] .hm-build-sheet .rp-photo{animation:hm-build-fly 1ms var(--hm-ease-in-out) both;animation-timeline:var(--hm-build-timeline);animation-range:contain var(--from) contain var(--to)}[data-play=static] .hm-build-flat{animation:hm-build-stand 1ms var(--hm-ease-in-out) both;animation-timeline:var(--hm-build-timeline);animation-range:contain var(--from) contain var(--to)}[data-play=static] .hm-build-bracket{animation:1ms linear both hm-build-arm;animation-timeline:var(--hm-build-timeline);animation-range:contain var(--from) contain var(--to)}[data-play=static] .hm-build-sign{animation:1ms ease-in-out both hm-build-swing;animation-timeline:var(--hm-build-timeline);animation-range:contain var(--from) contain var(--to)}[data-play=static] .hm-build-beat{animation:1ms linear both hm-build-lit;animation-timeline:var(--hm-build-timeline);animation-range:contain var(--from) contain var(--to)}[data-play=static] .hm-build-beat:first-child{animation:none}}}}@media (prefers-reduced-motion:reduce){[data-play] .hm-build-flat,[data-play] .hm-build-bracket,[data-play] .hm-build-sign,[data-play] .hm-build-beat,[data-play] .hm-build-sheet .rp-photo,[data-play] .hm-build-sheet .rp-bubble>.rp-caps{animation:none}}