._trace_1x8pl_2{margin:var(--custom-gap,8rem) 0 0}._head_1x8pl_3{gap:var(--grid-gutter);margin-bottom:var(--ad-xl);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}._kicker_1x8pl_4{margin:0 0 var(--ad-s);color:var(--muted);font:400 .72rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;grid-column:1/-1}._head_1x8pl_3 h3{max-width:18ch;font-size:var(--ad-subsection);font-weight:500;line-height:var(--ad-subsection-line,1.12);grid-column:1/8;margin:0}._layout_1x8pl_6{gap:var(--grid-gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}._stage_1x8pl_9{aspect-ratio:2400/1328;position:relative}._viewport_1x8pl_10{border:1px solid var(--line);background:#e9e9e9;position:absolute;inset:0;overflow:hidden}._camera_1x8pl_11{transform-origin:0 0;transform:translate(calc(var(--tx) * 100%), calc(var(--ty) * 100%)) scale(var(--s));transition:transform 1s var(--ease-in-out);position:absolute;inset:0}._layer_1x8pl_18{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s;display:block;position:absolute;inset:0}._layer_1x8pl_18[data-visible=true]{opacity:1}._frame_1x8pl_20{z-index:1;left:calc(var(--fx,.3) * 100%);top:calc(var(--fy,.3) * 100%);width:calc(var(--fw,.4) * 100%);height:calc(var(--fh,.4) * 100%);border:1px solid var(--ink);pointer-events:none;opacity:0;background:linear-gradient(var(--canvas), var(--canvas)) 1px 1px / 5px 5px no-repeat, linear-gradient(var(--canvas), var(--canvas)) calc(100% - 1px) 1px / 5px 5px no-repeat, linear-gradient(var(--canvas), var(--canvas)) 1px calc(100% - 1px) / 5px 5px no-repeat, linear-gradient(var(--canvas), var(--canvas)) calc(100% - 1px) calc(100% - 1px) / 5px 5px no-repeat, linear-gradient(var(--ink), var(--ink)) 0 0 / 7px 7px no-repeat, linear-gradient(var(--ink), var(--ink)) 100% 0 / 7px 7px no-repeat, linear-gradient(var(--ink), var(--ink)) 0 100% / 7px 7px no-repeat, linear-gradient(var(--ink), var(--ink)) 100% 100% / 7px 7px no-repeat;transition:left 1s var(--ease-in-out), top 1s var(--ease-in-out), width 1s var(--ease-in-out), height 1s var(--ease-in-out), opacity .3s ease;position:absolute}._frame_1x8pl_20[data-visible=true]{opacity:1}._label_1x8pl_42{background:var(--ink);color:var(--canvas);font:400 .7rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:.32rem .5rem;position:absolute;top:calc(100% + .45rem);left:-1px}._steps_1x8pl_56{grid-column:9/-1;margin:0;padding:0;list-style:none}._steps_1x8pl_56 li{column-gap:var(--ad-s);border-top:1px solid var(--line);min-height:62vh;padding-top:var(--ad-s);grid-template-columns:auto 1fr;align-content:center;display:grid}._steps_1x8pl_56 li:first-child{align-content:start;min-height:48vh}._number_1x8pl_59{color:var(--muted);font:400 .72rem/1 var(--font-mono);letter-spacing:.08em;grid-row:1/3;padding-top:.3rem}._steps_1x8pl_56 strong{font-size:var(--ad-heading);font-weight:500;line-height:var(--ad-heading-line);letter-spacing:-.025em;color:var(--muted);transition:color var(--motion-fast) ease}._steps_1x8pl_56 p{margin:var(--ad-xs) 0 0;color:var(--muted);grid-column:2}._steps_1x8pl_56 li[data-active=true] strong,._steps_1x8pl_56 li[data-active=true] ._number_1x8pl_59{color:var(--ink)}._crop_1x8pl_64{display:none}._caption_1x8pl_65{margin-top:var(--ad-l);max-width:70ch;color:var(--muted);font-size:var(--ad-meta);line-height:1.5}@media (width>=1024px){._sticky_1x8pl_68{grid-area:1/1/auto/9;position:sticky;top:max(4.5rem,50vh - 22vw)}}@media (width<=1023px){._head_1x8pl_3 h3{grid-column:1/-1}._sticky_1x8pl_68{display:none}._steps_1x8pl_56{grid-column:1/-1}._steps_1x8pl_56 li,._steps_1x8pl_56 li:first-child{min-height:0;padding:var(--ad-s) 0 var(--ad-l)}._steps_1x8pl_56 strong{color:var(--ink)}._crop_1x8pl_64{margin-top:var(--ad-m);grid-column:1/-1;margin-bottom:2rem;display:block}}@media (prefers-reduced-motion:reduce){._camera_1x8pl_11,._frame_1x8pl_20,._layer_1x8pl_18{transition:none}}