.process{padding-block:var(--space-section);background:var(--surface);border-block:1px solid var(--hairline)}.process .section-head{margin-bottom:var(--space-7)}.hw{grid-template-columns:minmax(0,40fr) minmax(0,60fr);align-items:stretch;gap:19px;display:grid}.hw-cards{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.hw-cards li{flex:auto;display:flex}.hw-card{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:var(--bg);border:1px solid var(--hairline-strong);border-radius:var(--radius-md);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:space-between;gap:12px;padding:24px;transition:border-color .3s,background-color .3s;display:flex}.hw-card.is-active{border-color:var(--ink);background:var(--surface)}.hw-card:not(.is-active) .hw-title{color:var(--muted)}.hw-card:not(.is-active) .hw-track{opacity:.5}.hw-card:focus-visible{outline:2px solid var(--green-700);outline-offset:3px}@media (hover:hover) and (pointer:fine){.hw-card:not(.is-active):hover{border-color:var(--muted)}.hw:hover .pf-anim,.hw:hover .hw-fill{animation-play-state:paused}}.hw:has(:focus-visible) .pf-anim,.hw:has(:focus-visible) .hw-fill{animation-play-state:paused}.hw-copy{gap:12px;display:grid}.hw-title{font-family:var(--sans);letter-spacing:-.03em;color:var(--ink);font-size:1.25rem;font-weight:600;line-height:1}.hw-text{letter-spacing:-.01em;color:var(--muted);text-wrap:pretty;font-size:.9375rem;font-weight:500;line-height:1.3}.hw-track{background:var(--hairline-strong);border-radius:2px;height:4px;display:block;overflow:hidden}.hw-fill{background:var(--green-700);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.hw-card.is-playing .hw-fill{animation-name:hw-fill;animation-timing-function:linear;animation-fill-mode:both}@keyframes hw-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hw-media{aspect-ratio:749/463;background:var(--bg);isolation:isolate;border-radius:10px;align-self:center;width:100%;position:relative;overflow:hidden}.hw-reel{opacity:0;transition:opacity .4s;position:absolute;inset:0}.hw-reel.is-shown{opacity:1}.pf-canvas{width:111.686%;height:100%;position:absolute;top:0;left:-5.843%}.pf-page{position:absolute;inset:0}.pf-dolly{transform-origin:0 0;position:absolute;inset:0}.is-playing .pf-dolly.pf-anim{will-change:transform}.pf-canvas picture{display:contents}.pf-sc{width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.pf-tp{max-width:none;display:block;position:absolute}.pf-patch{background:#d9d8dd;position:absolute}.pf-ov{pointer-events:none;position:absolute;inset:0}.pf-ring{aspect-ratio:1;border:2px solid #1218148c;border-radius:50%;width:8.021%;margin:-4.011% 0 0 -4.011%;position:absolute;top:0;left:0}.pf-shade{pointer-events:none;background:#00000038;position:absolute}.pf-cur{pointer-events:none;position:absolute;inset:0}.pf-dipper{aspect-ratio:1;transform-origin:17.5% 7.5%;width:3%;position:absolute;top:0;left:0}.pf-dipper svg{filter:drop-shadow(0 1px 2px #00000059);width:100%;height:100%;display:block;transform:translate(-17.5%,-7.5%)}.pf-anim{animation-duration:var(--d);animation-timing-function:cubic-bezier(.65,0,.35,1);animation-iteration-count:1;animation-fill-mode:both}.pf-slow{animation-timing-function:cubic-bezier(.33,0,.67,1)}.hw-reel:not(.is-playing) .pf-anim{animation-name:none!important}.hw.is-offscreen .pf-anim,.hw.is-offscreen .hw-fill{animation-play-state:paused}@media (width<=809px){.hw{overflow-anchor:none;grid-template-columns:1fr;gap:16px}.hw-cards{display:contents}.hw-cards li{min-width:0}.hw-cards li:first-child{order:10}.hw-cards li:nth-child(2){order:20}.hw-cards li:nth-child(3){order:30}.hw-media{order:5}.hw[data-step="1"] .hw-media{order:15}.hw[data-step="2"] .hw-media{order:25}}@media (prefers-reduced-motion:reduce){.hw-track{display:none}}@keyframes pf-arrive{0%{opacity:0;transform:scale(1.04)}44%{opacity:0;transform:scale(1.04)}53%{opacity:1}66%{transform:scale(1)}to{opacity:1;transform:scale(1)}}@keyframes pf-dip0{0%{transform:scale(1)}33%{transform:scale(1)}35.6%{transform:scale(.82)}40%{transform:scale(1)}to{transform:scale(1)}}@keyframes pf-ring0{0%{opacity:0;transform:scale(.35)}34%{opacity:0;transform:scale(.35)}35.2%{opacity:.55;transform:scale(.45)}44%{opacity:0;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes pf-sh0{0%{opacity:0}34%{opacity:0}36.4%{opacity:1}44%{opacity:1}50%{opacity:0}to{opacity:0}}@keyframes pf-cur0{0%{opacity:0;transform:translate(75.201%,69.444%)}6%{opacity:0}10%{transform:translate(75.201%,69.444%)}11%{opacity:1}32%{transform:translate(62.701%,46.558%)}42%{opacity:1}48%{opacity:0;transform:translate(62.701%,46.558%)}to{opacity:0;transform:translate(62.701%,46.558%)}}@keyframes pf-dip1{0%{transform:scale(1)}9.5%{transform:scale(1)}10.8%{transform:scale(.82)}13%{transform:scale(1)}to{transform:scale(1)}}@keyframes pf-ring1{0%{opacity:0;transform:scale(.35)}10%{opacity:0;transform:scale(.35)}10.6%{opacity:.55;transform:scale(.45)}15%{opacity:0;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes pf-edit{0%{opacity:0}11%{opacity:0}12.5%{opacity:1}34%{opacity:1}37%{opacity:0}to{opacity:0}}@keyframes pf-type0{0%{opacity:0}15%{opacity:0}15.4%{opacity:1}34%{opacity:1}37%{opacity:0}to{opacity:0}}@keyframes pf-type1{0%{opacity:0}18%{opacity:0}18.4%{opacity:1}34%{opacity:1}37%{opacity:0}to{opacity:0}}@keyframes pf-type2{0%{opacity:0}21%{opacity:0}21.4%{opacity:1}34%{opacity:1}37%{opacity:0}to{opacity:0}}@keyframes pf-type3{0%{opacity:0}24%{opacity:0}24.4%{opacity:1}34%{opacity:1}37%{opacity:0}to{opacity:0}}@keyframes pf-type4{0%{opacity:0}27%{opacity:0}27.4%{opacity:1}34%{opacity:1}37%{opacity:0}to{opacity:0}}@keyframes pf-gen{0%{opacity:0}43%{opacity:0}47%{opacity:1}to{opacity:1}}@keyframes pf-ai{0%{opacity:0}55%{opacity:0}63%{opacity:1}to{opacity:1}}@keyframes pf-layout{0%{opacity:0}70%{opacity:0}75%{opacity:1}to{opacity:1}}@keyframes pf-photo{0%{opacity:0}83%{opacity:0}88%{opacity:1}to{opacity:1}}@keyframes pf-cur1{0%{opacity:0;transform:translate(78.543%,63.406%)}1.5%{opacity:0}2%{transform:translate(78.543%,63.406%)}4%{opacity:1}9.5%{transform:translate(58.489%,17.21%)}13%{opacity:1}15%{transform:translate(58.489%,17.21%)}16%{opacity:0}to{opacity:0;transform:translate(58.489%,17.21%)}}@keyframes pf-towall{0%{opacity:1;transform:translate(-23.529%,-10.009%)scale(1.25)}4%{transform:translate(-23.529%,-10.009%)scale(1.25)}20%{transform:translate(5.247%)scale(1)}40%{transform:translate(5.247%)scale(1)}53.333%{opacity:1}58.667%{transform:translate(-8.231%,.473%)scale(.991)}65.333%{opacity:0}to{opacity:0;transform:translate(-8.231%,.473%)scale(.991)}}@keyframes pf-wall{0%{transform:scale(1)}53.333%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes pf-dip2{0%{transform:scale(1)}34%{transform:scale(1)}35.733%{transform:scale(.82)}38.667%{transform:scale(1)}to{transform:scale(1)}}@keyframes pf-ring2{0%{opacity:0;transform:scale(.35)}34.667%{opacity:0;transform:scale(.35)}35.467%{opacity:.55;transform:scale(.45)}41.333%{opacity:0;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes pf-sh2{0%{opacity:0}34.667%{opacity:0}36.267%{opacity:1}41.333%{opacity:1}45.333%{opacity:0}to{opacity:0}}@keyframes pf-cur2{0%{opacity:0;transform:translate(50.134%,69.444%)}17.333%{opacity:0}18.667%{transform:translate(50.134%,69.444%)}20.667%{opacity:1}33.333%{transform:translate(13.803%,84.42%)}40%{opacity:1}42.667%{transform:translate(13.803%,84.42%)}44%{opacity:0}to{opacity:0;transform:translate(13.803%,84.42%)}}