.kd-how{--kd-how-dur:9s;--kd-how-step:calc(var(--kd-how-dur)*.02667);--kd-how-lstep:calc(var(--kd-how-dur)*.01556);--kd-how-zoom:1.12;--kd-how-ease:cubic-bezier(.45,0,.25,1);--kd-how-ink:var(--kd-navy);--kd-how-clue:var(--kd-board);--kd-how-bar:#081d5333;isolation:isolate;position:relative}.kd-how__grid{align-items:center;gap:clamp(1.25rem,4vw,2rem);display:grid}.kd-how__copy{justify-items:start;gap:.85rem;display:grid}.kd-how__text{max-width:54ch;font-size:1rem;line-height:1.6}.kd-how__art{background:var(--kd-page);border:1px solid var(--kd-hairline);border-radius:var(--kd-r-feature);order:-1;inline-size:min(100%,28rem);padding:clamp(.6rem,2.4vw,1.25rem);position:relative}.kd-how__svg{aspect-ratio:300/172;block-size:auto;inline-size:100%;overflow:visible}@media (max-width:399.98px){.kd-how{--kd-how-zoom:1}}@media (min-width:900px){.kd-how__grid{grid-template-columns:minmax(0,28rem) minmax(0,1fr);column-gap:clamp(2.5rem,6vw,5rem)}.kd-how__art{inline-size:100%}}.kd-how__tiles{z-index:-1;pointer-events:none;max-width:1600px;margin-inline:auto;display:none;position:absolute;inset:0}html.kd-js .kd-how__tiles[data-reveal]{translate:none}html.kd-js .kd-how__tiles[data-reveal].is-in{transition:none}html.kd-js .kd-how__tiles.is-in .kd-tile{animation:kd-tile-pop .7s var(--kd-ease-pop)var(--kd-d)both,kd-tile-float 1.8s ease-in-out calc(var(--kd-d) + .7s)2 alternate}html.kd-js [data-settled] .kd-how__tiles .kd-tile{animation:none}@media (min-width:1360px){.kd-how__tiles{display:block;container-type:inline-size}.kd-how__tiles .kd-tile{--kd-m:calc((100cqi - 72rem)/2);--kd-sz:max(0px,min(var(--kd-s),calc(var(--kd-m)*.5)));--kd-free:max(0px,calc(var(--kd-m)/2 - var(--kd-sz)*.6 - 14px));inline-size:var(--kd-sz);block-size:var(--kd-sz);font-size:calc(var(--kd-sz)*.52);transform:translate3d(clamp(calc(-1*var(--kd-free)),var(--kd-mx,0px),var(--kd-free)),clamp(-24px,var(--kd-my,0px),24px),0)}.kd-how__tiles .kd-tile[data-side=left]{left:calc(var(--kd-m)/2 - var(--kd-sz)/2);right:auto}.kd-how__tiles .kd-tile[data-side=right]{right:calc(var(--kd-m)/2 - var(--kd-sz)/2);left:auto}}.kd-how__svg *{transform-box:fill-box;transform-origin:50%}.kd-how__paper{fill:var(--kd-white);stroke:#081d531a;stroke-width:1px}.kd-how__paper-shade,.kd-how__chip-shade{fill:#081d5314}.kd-how__head{fill:var(--kd-how-ink);fill-opacity:.6}.kd-how__item,.kd-how__chip-bar{fill:var(--kd-how-bar)}.kd-how__lnum,.kd-how__num{font-family:var(--kd-font-ui);fill:var(--kd-how-ink);font-weight:700}.kd-how__lnum{fill-opacity:.72;font-size:7.5px}.kd-how__num{fill-opacity:.7;font-size:7px}.kd-how__cell{fill:var(--kd-white);stroke:#081d532e;stroke-width:1px}.kd-how__corner{fill:var(--kd-how-ink)}.kd-how__clue-bg{fill:var(--kd-how-clue)}.kd-how__clue-bar{fill:var(--kd-white);fill-opacity:.92}.kd-how__arrow--across{transform-origin:0}.kd-how__arrow--down{transform-origin:top}.kd-how__letter{font:800 17px/1 var(--kd-font-ui);fill:var(--kd-how-ink);text-anchor:middle}.kd-how__list,.kd-how__nums,.kd-how__chip{opacity:0}.kd-how__slide{transform:scale(var(--kd-how-zoom))}.kd-how.is-live :is(.kd-how__list,.kd-how__nums,.kd-how__slide,.kd-how__clues,.kd-how__corner,.kd-how__letters){animation:var(--kd-how-anim)var(--kd-how-dur)var(--kd-how-ease)infinite both}.kd-how.is-live :is(.kd-how__chip,.kd-how__chip-bar,.kd-how__chip-tile,.kd-how__item,.kd-how__clue,.kd-how__arrow,.kd-how__num){animation:var(--kd-how-anim)var(--kd-how-dur)var(--kd-how-ease)calc(var(--kd-i,0)*var(--kd-how-step))infinite both}.kd-how.is-live .kd-how__letter{animation:kd-how-letter var(--kd-how-dur)var(--kd-how-ease)calc(var(--kd-j,0)*var(--kd-how-lstep))infinite both}.kd-how__list{--kd-how-anim:kd-how-list}.kd-how__nums{--kd-how-anim:kd-how-nums}.kd-how__slide{--kd-how-anim:kd-how-slide}.kd-how__clues{--kd-how-anim:kd-how-clues}.kd-how__corner{--kd-how-anim:kd-how-corner}.kd-how__letters{--kd-how-anim:kd-how-letters}.kd-how__chip{--kd-how-anim:kd-how-chip}.kd-how__chip-bar{--kd-how-anim:kd-how-chip-bar}.kd-how__chip-tile{--kd-how-anim:kd-how-chip-tile}.kd-how__item{--kd-how-anim:kd-how-item}.kd-how__clue{--kd-how-anim:kd-how-clue}.kd-how__arrow{--kd-how-anim:kd-how-arrow}.kd-how__num{--kd-how-anim:kd-how-num}.kd-how.is-paused .kd-how__svg *{animation-play-state:paused}@keyframes kd-how-list{0%,37.2%{opacity:1;transform:translate(0)}42.2%,85.5%{opacity:0;transform:translate(10px)}91.1%,to{opacity:1;transform:translate(0)}}@keyframes kd-how-nums{0%,39.9%{opacity:1}40%,85.5%{opacity:0}91.1%,to{opacity:1}}@keyframes kd-how-slide{0%,39.4%{transform:translate(var(--kd-sx),var(--kd-sy))scale(1)}48.3%,83.3%{transform:translate(0,0)scale(var(--kd-how-zoom))}92.2%,to{transform:translate(var(--kd-sx),var(--kd-sy))scale(1)}}@keyframes kd-how-clues{0%,13.3%{opacity:0}13.4%,82.2%{opacity:1}87.2%,to{opacity:0}}@keyframes kd-how-corner{0%,43.9%{opacity:0;transform:scale(.5)}48.3%,88.8%{opacity:1;transform:scale(1)}88.9%,to{opacity:0;transform:scale(.5)}}@keyframes kd-how-letters{0%,47.7%{opacity:0}47.8%,82.2%{opacity:1}87.2%,to{opacity:0}}@keyframes kd-how-chip{0%,10%{opacity:0;transform:translate(0)}10.1%{opacity:1;transform:translate(0)}11.8%{opacity:1;transform:translateY(-4px)}15.1%{opacity:1;transform:translate(calc(var(--kd-dx)*.52),calc(var(--kd-dy)*.5 - 14px))}18.4%{opacity:1;transform:translate(var(--kd-dx),var(--kd-dy))}18.5%,to{opacity:0;transform:translate(var(--kd-dx),var(--kd-dy))}}@keyframes kd-how-chip-bar{0%,10.1%{opacity:1;transform:scale(1)}13%,to{opacity:0;transform:scaleX(.3)}}@keyframes kd-how-chip-tile{0%,10.1%{opacity:0;transform:scale(.3)}13%{opacity:1;transform:scale(.5)}18.4%,to{opacity:1;transform:scale(1)}}@keyframes kd-how-item{0%,10%{opacity:1}10.1%,53.3%{opacity:0}53.4%,to{opacity:1}}@keyframes kd-how-clue{0%,18.4%{opacity:0;transform:scale(1)}18.5%{opacity:1;transform:scale(1)}20.2%{opacity:1;transform:scale(1.08)}22%,88.8%{opacity:1;transform:scale(1)}88.9%,to{opacity:0;transform:scale(1)}}@keyframes kd-how-arrow{0%,19.1%{opacity:0;transform:scale(.2)}21.1%{opacity:1;transform:scale(1.3)}22.6%,88.8%{opacity:1;transform:scale(1)}88.9%,to{opacity:0;transform:scale(.2)}}@keyframes kd-how-num{0%,18.4%{opacity:1;transform:scale(1)}20.5%,51.1%{opacity:0;transform:scale(.4)}51.2%,to{opacity:1;transform:scale(1)}}@keyframes kd-how-letter{0%,49.4%{opacity:0;transform:translateY(3px)scale(.3)}52.1%{opacity:1;transform:translate(0)scale(1.18)}53.4%,to{opacity:1;transform:translate(0)scale(1)}}.kd-how__toggle{border:1px solid var(--kd-hairline);background:var(--kd-white);block-size:2rem;inline-size:2rem;color:var(--kd-navy);transition:transform var(--kd-dur-base)var(--kd-ease-out);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset-block-start:.6rem;inset-inline-start:.6rem;box-shadow:0 4px 10px -6px #081d5373}.kd-how__toggle:before{content:"";border-radius:50%;position:absolute;inset:-6px}@media (hover:hover){.kd-how__toggle:hover{transform:scale(1.06)}}.kd-how__toggle:active{transform:scale(.95)}.kd-how__icon{fill:currentColor;block-size:12px;inline-size:12px}.kd-how__toggle[data-state=playing] .kd-how__icon-play,.kd-how__toggle[data-state=paused] .kd-how__icon-pause{display:none}@media (prefers-reduced-motion:reduce){.kd-how__toggle{display:none}}@media print{.kd-how.is-live .kd-how__svg *{animation:none}.kd-how__toggle{display:none}}