.dp-area[data-astro-cid-m4olbztw]{width:100%;height:auto;font-family:var(--font-sans);display:block;overflow:visible;& text{fill:var(--ds-text-tertiary);font-size:15px}& .dp-area-scale{& rect{fill:var(--ds-gray-alpha-400)}& [data-on] rect{fill:var(--shot-newstuff)}& [data-on] text{fill:var(--ds-text-primary)}}& .dp-area-grid line{stroke:var(--border-subtle);stroke-dasharray:2 4}& .dp-area-cell{fill:color-mix(in oklch, var(--shot-newstuff) 55%, transparent)}& .dp-area-box{fill:none;stroke:var(--shot-newstuff);stroke-width:1.5px}& .dp-area-bracket{fill:none;stroke:var(--ds-gray-alpha-600)}& .dp-area-strong{fill:var(--ds-text-primary);font-size:17px;font-weight:500}& .dp-area-caption{font-size:13px}& .dp-area-points{fill:var(--ds-text-primary);font-size:20px;font-weight:600}}.dp-block[data-astro-cid-4zz2v6ah]{overflow:visible;& .dp-block-build{display:none}& .dp-block-grid polyline{fill:none;stroke:var(--ds-gray-alpha-300);stroke-width:1px}& .dp-block-line{stroke:var(--ds-gray-1000);stroke-opacity:.7;stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px}& .dp-block-stop-deepest{stop-color:color-mix(in srgb, var(--brand) 22%, black)}& .dp-block-stop-deep{stop-color:color-mix(in srgb, var(--brand) 32%, black)}& .dp-block-stop-mid{stop-color:color-mix(in srgb, var(--brand) 48%, black)}& .dp-block-stop-bright{stop-color:color-mix(in srgb, var(--brand) 72%, black)}& .dp-block-stop-light{stop-color:color-mix(in srgb, var(--brand) 62%, black)}& .dp-block-stop-silver-light{stop-color:var(--brand-mark-glyph)}& .dp-block-stop-silver{stop-color:color-mix(in srgb, var(--brand-mark-glyph) 72%, black)}& .dp-block-back{fill:color-mix(in srgb, var(--brand) 26%, black)}& .dp-block-floor{fill:url(#dp-block-floor)}& .dp-block-left{fill:url(#dp-block-side-left);fill-opacity:.6}& .dp-block-right{fill:url(#dp-block-side-right);fill-opacity:.6}& .dp-block-top{fill:url(#dp-block-top);fill-opacity:.85}& :is(.dp-block-edge,.dp-block-edge-back,.dp-block-edge-front){fill:none;stroke-linejoin:round;stroke-linecap:round}& .dp-block-edge{stroke:color-mix(in srgb, var(--brand) 55%, white);stroke-opacity:.55;stroke-width:2px}& .dp-block-edge-back{stroke:color-mix(in srgb, var(--brand) 70%, white);stroke-opacity:.5;stroke-width:1.5px}& .dp-block-edge-front{stroke:color-mix(in srgb, var(--brand) 40%, white);stroke-opacity:.8;stroke-width:2.5px}& .dp-block-glyph-side{fill:color-mix(in srgb, var(--brand-mark-glyph) 45%, black)}& .dp-block-glyph-face{fill:url(#dp-block-silver)}}.dp-method[data-astro-cid-neh3uklq]{&[data-hero]{padding-top:0}& .dp-method-stage{gap:var(--space-12);grid-template-columns:minmax(0,1fr);display:grid}& .dp-method-copy{align-content:start;display:grid}& .dp-method-title{max-width:60ch;margin:0 0 var(--gap-header-visual)}& .dp-method-steps{gap:var(--space-8);margin:0;padding:0;list-style:none;display:grid}& .dp-method-step{gap:var(--space-2);align-content:start;max-width:52ch;display:grid;& :is(h3,p){margin:0}}& .dp-method-visual{gap:var(--space-4);min-width:0;display:grid}& .dp-method-point{display:none}& .dp-method-hero{grid-column:1/-1;& .container-page{width:100%}}& .dp-method-example .shot-card{gap:var(--space-3);padding:var(--space-4);display:grid}& .dp-method-example-rows{gap:var(--space-2);margin:0;padding:0;font-size:13px;list-style:none;display:grid;& li{justify-content:space-between;gap:var(--space-4);display:flex}}& .dp-method-example-total{padding-top:var(--space-2);border-top:var(--border-width) solid var(--border-subtle)}& .dp-method-example-formula{gap:var(--space-2);white-space:nowrap;display:flex;& strong{color:var(--ds-text-primary);font-weight:500}}& .dp-method-rule-card{--shot-newstuff:var(--ds-blue-700);--shot-improvement:var(--ds-teal-700);--shot-ktlo:var(--ds-amber-700);--shot-productivity:var(--ds-purple-700);--shot-defect:var(--ds-red-700);gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background-color:var(--ds-surface-secondary);background-image:var(--surface-sheen);white-space:normal;font-size:13px;line-height:18px;& p{margin:0}& ul{margin:0;padding:0;list-style:none}}& .dp-method-rule-title{color:var(--ds-text-primary);font-size:14px;font-weight:500}& .dp-method-rule-label,& .dp-method-rule-note{color:var(--ds-text-tertiary);font-size:12px}& .dp-method-rule-chips{gap:var(--space-2);flex-wrap:wrap;display:flex;& .shot-icon{color:var(--c)}}& .dp-method-rule-hub{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-md);color:var(--ds-text-primary);display:flex}& .dp-method-rule-rows{gap:var(--space-2);display:grid;& li{align-items:center;gap:var(--space-3);display:flex}}& .dp-method-rule-icon{width:var(--space-6);height:var(--space-6);border:var(--border-width) solid color-mix(in oklch, var(--c) 45%, transparent);border-radius:var(--radius-sm);background:color-mix(in oklch, var(--c) 16%, transparent);color:var(--c);flex:none;place-items:center;display:grid;& svg{width:14px;height:14px}}& .dp-method-rule-text{min-width:0;color:var(--ds-text-primary);flex:1;gap:2px;display:grid}& .dp-method-rule-cap{width:var(--space-24);height:6px;margin-top:var(--space-1);border:var(--border-width) dashed var(--border-subtle);border-radius:var(--radius-full);display:block;position:relative;& span{border-right:2px solid var(--ds-text-primary);border-radius:var(--radius-full) 0 0 var(--radius-full);background:var(--shot-newstuff);width:70%;position:absolute;inset:-1px auto -1px -1px}}& .dp-method-rule-points{align-items:center;gap:var(--space-1);color:var(--ds-text-primary);display:flex;& svg{width:12px;height:12px}}& .dp-method-rule-formula{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex;& strong{color:var(--ds-text-primary);font-weight:500}}& .dp-method-rule-tiles{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;& li{justify-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);border:var(--border-width) dashed var(--border-subtle);border-radius:var(--radius-md);color:var(--ds-text-primary);display:grid;& .shot-icon{color:var(--c)}}}}@media (width<=767px){.dp-method[data-astro-cid-neh3uklq] .dp-method-visual[data-astro-cid-neh3uklq]{& .shot-score-box{display:none}& .shot-work-item{width:100%;min-width:0}& .shot-card-headline{white-space:normal}}}@media (width>=1024px){.dp-method[data-astro-cid-neh3uklq] .dp-method-stage[data-astro-cid-neh3uklq]{gap:var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.dp-method[data-astro-cid-neh3uklq]:not([data-anim]) .dp-method-visual[data-astro-cid-neh3uklq]{top:var(--sticky-top);position:sticky}.dp-method[data-astro-cid-neh3uklq][data-anim]{--dp-ease:cubic-bezier(.16, 1, .3, 1);padding-top:0;& .dp-method-pin{height:400vh}& .dp-method-stage{height:100vh;padding-top:var(--sticky-top);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;position:sticky;top:0}& .dp-method-copy,& .dp-method-steps{align-items:center;display:grid}& :is(.dp-method-title,.dp-method-steps,.dp-method-step){grid-area:1/1;margin:0}& .dp-method-scene{gap:var(--space-6);visibility:hidden;transition:visibility 0s .9s;& :is(h2,h3),&:is(h2){letter-spacing:-.03em;font-size:clamp(28px,2vw + 19px,48px);font-weight:500;line-height:1.05}& p{font-size:clamp(16px,.4vw + 12.5px,18px)}}& .dp-method-scene[data-active]{visibility:visible;transition-delay:0s}& .dp-method-word{vertical-align:top;margin-bottom:-.12em;padding-bottom:.12em;display:inline-block;overflow:hidden;&>span[data-astro-cid-neh3uklq]{transition:transform .9s var(--dp-ease);transition-delay:calc(var(--i) * 60ms);display:inline-block;transform:translateY(105%)}}& [data-active] .dp-method-word>span[data-astro-cid-neh3uklq]{transform:none}& [data-past] .dp-method-word>span[data-astro-cid-neh3uklq]{transition-delay:calc(var(--i) * 30ms);transform:translateY(-105%)}& .dp-method-fade{opacity:0;transform:translateY(var(--space-4));transition:opacity .6s var(--dp-ease), transform .6s var(--dp-ease)}& [data-active] .dp-method-fade{opacity:1;transition-delay:.3s;transform:none}& .dp-method-visual{grid-template-columns:minmax(0, calc(var(--space-40) * 4));grid-template-rows:1fr auto auto 1fr;justify-content:center;place-items:center;&>.shot,&>.dp-method-example[data-astro-cid-neh3uklq]{width:100%;max-width:calc(var(--space-40) * 4);grid-area:2/1;align-self:end;display:grid}& :is(.shot-stage,.shot-window){display:grid}&>.dp-method-point{grid-area:1/1/-1/2}&>.dp-method-rule-card[data-astro-cid-neh3uklq]{width:min(100%, calc(var(--space-40) * 2.5));opacity:0;transform:translateY(var(--space-4));transition:opacity .6s var(--dp-ease), transform .6s var(--dp-ease);grid-area:3/1}&>.shot{--shot-zoom:1.25;opacity:0;transition:opacity .6s var(--dp-ease), transform .6s var(--dp-ease);transform:scale(.98)}}& .dp-method-point{width:min(100%, calc(var(--space-40) * 2.5));display:block;overflow:visible}& .dp-block-shape{opacity:0;transform:translateY(var(--space-12));transition:opacity .9s var(--dp-ease), transform .9s var(--dp-ease)}& .dp-block-glyph{opacity:0;transition:opacity .6s var(--dp-ease)}& .shot-work-item-activity,& .shot-score-box,& .dp-method-example,& .dp-method-example-rows li{opacity:0;transform:translateY(var(--space-2));transition:opacity .6s var(--dp-ease), transform .6s var(--dp-ease)}& .shot-work-item-activity{transition-delay:calc(var(--i) * .12s)}& .dp-method-example .shot-card{gap:var(--space-6);padding-top:var(--space-8);padding-inline:var(--space-8)}& .dp-method-example .dp-area{max-height:calc(var(--space-40) * 1.5)}& .dp-method-visual>.shot .shot-work-item{gap:var(--space-4);padding-top:var(--space-8);padding-inline:var(--space-8);font-size:16px;line-height:22px}& .dp-method-visual>.shot .shot-card-headline{font-size:20px}& .dp-method-visual>.shot .shot-work-item-activities{max-width:none}& .dp-method-visual>.shot .shot-work-item-icon{width:var(--space-8);height:var(--space-8)}& .dp-method-example .shot-card-headline{font-size:20px}& .dp-method-example-rows{gap:var(--space-4);font-size:18px;& li{transition-delay:calc(var(--i) * .15s + .3s)}}}.dp-method[data-astro-cid-neh3uklq][data-anim][data-scene="0"] :is(.dp-block-shape,.dp-block-glyph),.dp-method[data-astro-cid-neh3uklq][data-anim][data-scene="1"] .dp-method-visual[data-astro-cid-neh3uklq]>.shot,.dp-method[data-astro-cid-neh3uklq][data-anim][data-scene="1"] .shot-work-item-activity,.dp-method[data-astro-cid-neh3uklq][data-anim][data-scene="2"] [data-astro-cid-neh3uklq][data-area="2"],.dp-method[data-astro-cid-neh3uklq][data-anim][data-scene="2"] [data-astro-cid-neh3uklq][data-area="2"] .dp-method-example-rows[data-astro-cid-neh3uklq] li[data-astro-cid-neh3uklq],.dp-method[data-astro-cid-neh3uklq][data-anim][data-scene="3"] [data-astro-cid-neh3uklq][data-area="3"],.dp-method[data-astro-cid-neh3uklq][data-anim][data-scene="3"] [data-astro-cid-neh3uklq][data-area="3"] .dp-method-example-rows[data-astro-cid-neh3uklq] li[data-astro-cid-neh3uklq]{opacity:1;transform:none}.dp-method[data-astro-cid-neh3uklq][data-anim][data-scene="1"] [data-astro-cid-neh3uklq][data-rule="1"],.dp-method[data-astro-cid-neh3uklq][data-anim][data-scene="2"] [data-astro-cid-neh3uklq][data-rule="2"],.dp-method[data-astro-cid-neh3uklq][data-anim][data-scene="3"] [data-astro-cid-neh3uklq][data-rule="3"]{opacity:1;transition-delay:.7s;transform:none}.dp-method[data-astro-cid-neh3uklq][data-anim][data-scene="0"] .dp-block-glyph{transition-delay:.4s}.dp-method[data-astro-cid-neh3uklq][data-anim] .dp-method-example[data-astro-cid-neh3uklq]{& .dp-area-box{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .9s var(--dp-ease);transition-delay:calc(var(--b) * .5s + .2s)}& .dp-area-cell{opacity:0;transition:opacity .4s var(--dp-ease);transition-delay:calc(var(--b) * .5s + var(--i) * 60ms + .5s)}}.dp-method[data-astro-cid-neh3uklq][data-anim][data-scene="2"] [data-astro-cid-neh3uklq][data-area="2"],.dp-method[data-astro-cid-neh3uklq][data-anim][data-scene="3"] [data-astro-cid-neh3uklq][data-area="3"]{& .dp-area-box{stroke-dashoffset:0}& .dp-area-cell{opacity:1}}.dp-method[data-astro-cid-neh3uklq][data-anim] .dp-method-visual[data-astro-cid-neh3uklq]{&>.shot,&>.dp-method-example[data-astro-cid-neh3uklq]{margin:0 var(--space-12) 0 0}&>.dp-method-rule-card[data-astro-cid-neh3uklq]{z-index:1;width:calc(var(--space-40) * 2.25);margin:calc(var(--space-12) * -1) 0 0;place-self:start end;font-size:14px;line-height:20px;position:relative}& .shot-card{width:100%;padding-bottom:calc(var(--space-12) + var(--space-6))}}.dp-method[data-astro-cid-neh3uklq][data-anim][data-hero]{& .dp-method-pin{height:475vh}& .dp-method-copy{grid-area:1/1}& .dp-method-visual{grid-area:1/2}& .dp-method-hero{z-index:1;opacity:calc(1 - var(--dp-hero,0));transform:translateY(calc(var(--dp-hero,0) * -20vh));grid-area:1/1/2/-1;align-self:start;position:relative;& .page-hero{padding-top:var(--space-16)}}& .dp-method-point{transition:opacity .6s var(--dp-ease)}& .dp-block-build{display:inline}& .dp-block-grid{opacity:var(--dp-grid,1)}& .dp-block-walk{opacity:calc(1 - var(--dp-hero,0))}& .dp-block-lines{opacity:calc(1 - var(--dp-fill,0))}& .dp-block-walk line{stroke:var(--ds-gray-1000);stroke-width:1px;stroke-linecap:round}}.dp-method[data-astro-cid-neh3uklq][data-anim][data-hero] .dp-block-shape{opacity:var(--dp-fill,0);transition:none;transform:none}.dp-method[data-astro-cid-neh3uklq][data-anim][data-hero] .dp-block-glyph{opacity:clamp(0, calc(var(--dp-fill,0) * 2 - 1), 1);transition:none}.dp-method[data-astro-cid-neh3uklq][data-anim][data-hero]:is([data-scene="1"],[data-scene="2"],[data-scene="3"]) .dp-method-point{opacity:0}}@media (width<=1023px){.dp-method[data-astro-cid-neh3uklq][data-hero] .dp-method-point{width:min(100%, calc(var(--space-40) * 1.25));justify-self:center;display:block}}