.os .au-how{--au-pw:min(340px,clamp(260px,24vw,340px));--aupn:min(340,max(260,var(--vw) * .24))}.os .au-how .au-hw-in{max-width:1180px;margin:0 auto}.os .au-how .au-hw-anchor{position:absolute;top:0;left:0}.os .au-how .au-hw-grid{grid-template-columns:1fr 1fr;align-items:start;gap:40px;margin-top:clamp(40px,6vh,72px);display:grid}.os .au-how .au-hw-aside{text-align:center;align-self:start;justify-items:center;min-width:0;display:grid;position:sticky;top:24vh}.os .au-how .au-hw-num,.os .xp-how .au-hw-num{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--lime);-webkit-text-fill-color:var(--lime);-webkit-text-stroke:1.5px var(--lime-ink);paint-order:stroke fill;padding-bottom:.04em;font-size:clamp(88px,12vw,168px);font-weight:800;line-height:.85;display:block}.os .au-how .au-hw-act{letter-spacing:-.02em;color:var(--ink);margin-top:14px;font-size:clamp(22px,2.6vw,34px);font-weight:800;line-height:1.1;display:block}.os .au-how .au-hw-cards{flex-direction:column;align-items:flex-start;gap:64px;min-width:0;display:flex}.os .au-how .au-hw-card{transform-origin:50% 100%;position:relative}@media (prefers-reduced-motion:no-preference){.os-js .os .au-how .au-hw-act{animation:.4s auHwFade}}@keyframes auHwFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference) and (min-width:1000px){.os-js .os .au-how .au-hw-card{will-change:transform,opacity;opacity:calc(.4 + var(--p,1) * .6);transform:perspective(1400px) translate3d(0,calc((1 - var(--p,1)) * 60px),0) rotateX(calc((1 - var(--p,1)) * 22deg)) scale(calc(.9 + var(--p,1) * .1))}}.os .au-how .au-hw-shot{background:var(--a-bg);position:absolute;inset:0}.os .au-how .au-hw-cv{width:390px;height:calc(390px * var(--dkr,2.233));transform-origin:0 0;transform:scale(var(--dk,calc(var(--aupn,300) * .944 / 390)));position:absolute;top:0;left:0}.os .au-how .au-hw-pre,.os .au-how .au-hw-fin{position:absolute;inset:0}.os .au-how .au-hw-cv .pj-a.pj-al{padding-top:70px}.os .au-how .au-hw-cv .pj-al-h{padding:8px 22px 2px;font-size:32px}.os .au-how .au-hw-cv .pj-al-k{padding:6px 22px 0;font-size:16.5px}.os .au-how .au-hw-cv .pj-al .pj-a-body{gap:16px;padding:22px 20px 12px}.os .au-how .au-hw-cv .pj-al .pj-a-slots{gap:12px}.os .au-how .au-hw-cv .pj-al .pj-a-slots i{border-radius:16px;height:66px;padding:0 20px}.os .au-how .au-hw-cv .pj-al .pj-a-slots b{font-size:19px}.os .au-how .au-hw-cv .pj-al .pj-a-slots small{font-size:15px}.os .au-how .au-hw-cv .pj-al .pj-a-slots i.is-pick:before{background-size:14px;width:24px;height:24px;top:-9px;right:-9px}.os .au-how .au-hw-cv .pj-al .pj-a-card{border-radius:22px;gap:8px;padding:20px}.os .au-how .au-hw-cv .pj-al .pj-a-card small{font-size:16.5px}.os .au-how .au-hw-cv .pj-al .pj-a-rows{padding:4px 20px}.os .au-how .au-hw-cv .pj-al .pj-a-rows small{font-size:16.5px}.os .au-how .au-hw-cv .pj-al .pj-a-rows>span{padding:20px 0}.os .au-how .au-hw-cv .pj-al .pj-a-rows b{font-size:18px}.os .au-how .au-hw-cv .pj-al .pj-a-sumh b{font-size:21px}.os .au-how .au-hw-cv .pj-al .pj-a-pill{height:30px;padding:0 13px;font-size:15px}.os .au-how .au-hw-cv .pj-al .pj-a-cta{padding:12px 20px 32px}.os .au-how .au-hw-cv .pj-al .pj-a-btn{border-radius:18px;height:62px;font-size:18.5px}.os .au-how .au-hw-cv .pj-al .pj-a-gbtn{border-radius:20px;height:74px;font-size:19.5px}.os .au-how .au-hw-cv .pj-al :is(.pj-a-btn,.pj-a-gbtn) .pj-ic{width:21px;height:21px}.os .au-how .au-hw-cv .pj-al .pj-a-acc2{gap:14px;padding:18px}.os .au-how .au-hw-cv .pj-al .pj-a-gok{border-radius:16px;gap:14px;padding:16px 18px}.os .au-how .au-hw-cv .pj-al .pj-a-gok .pj-ic{width:24px;height:24px}.os .au-how .au-hw-cv .pj-al .pj-a-gok b{font-size:18px}.os .au-how .au-hw-cv .pj-al .pj-a-gok small{font-size:16px}.os .au-how .au-hw-cv .pj-al .pj-a-lights>.pj-ic{width:28px;height:28px}.os .au-how .au-hw-cv .pj-al .pj-a-left b{font-size:19px}.os .au-how .au-hw-cv .pj-al .pj-a-left .pj-a-bar{border-radius:10px;height:10px}.os .au-how .au-hw-s1a .pj-a-slots i.is-pick{border-color:var(--a-bd);box-shadow:none}.os .au-how .au-hw-s1a .pj-a-slots i.is-pick:before{display:none}.os .au-how .au-hw-s1a .pj-a-cta .pj-a-btn--off{display:flex}.os .au-how .au-hw-s1a .pj-a-cta .pj-a-btn--go{display:none}.os .au-how .au-hw-s3a .pj-a-gok{visibility:hidden}.os .au-how [data-i="0"] .au-hw-fin{opacity:clamp(0,calc((var(--p,1) - .55) * 8),1)}.os .au-how [data-i="1"] .au-hw-fin{opacity:clamp(0,calc((var(--p,1) - .6) * 8),1)}.os .au-how [data-i="2"] .au-hw-fin{opacity:clamp(0,calc((var(--p,1) - .62) * 8),1)}.os .au-how [data-i="3"] .pj-a-lights{opacity:clamp(0,calc((var(--p,1) - .5) * 6),1)}.os .au-how [data-i="3"] .pj-a-left .pj-a-bar i{transform-origin:0;transform:scaleX(clamp(.4,var(--p,1),1))}@media (max-width:999px){.os #how.au-how{padding:84px var(--gut) 56px}.os .au-how{--aupn:min(340,(var(--vw) - 2 * max(16,var(--vw) * .034) - 10) / 1.52 + max(16,var(--vw) * .034));--au-pw:calc(var(--aupn) * 1px)}.os .au-how .au-hw-cv{height:calc(390px * var(--dkr,2.059))}.os .au-how .au-hw-grid{grid-template-columns:.52fr 1fr;gap:10px;margin-top:28px}.os .au-how .au-hw-num{-webkit-text-stroke-width:1.5px;font-size:clamp(52px,19vw,100px)}.os .au-how .au-hw-act{margin-top:8px;font-size:clamp(15px,4.4vw,22px)}.os .au-how .au-hw-cards{gap:52px}}
