#why .why-box,#why .why-stagebox{position:relative}#why .why-controls .chip{box-shadow:var(--sh) var(--sh) 0 var(--ink)}@media(hover:none){#why .why-controls .chip:hover{--sh: 3px;transform:none;background:var(--cream)}}@media(min-width:1024px){#why .why-controls{position:absolute;left:9.6%;top:50%;translate:0 -50%;display:grid;justify-items:start;gap:10px;z-index:var(--z-stage-ui);margin:0}}@media(min-width:1024px){#why .why-stage-frame>.stage-caption{position:absolute;left:calc(122 / 1200 * 100%);top:calc(506 / 630 * 100% + 12px);max-width:55%;margin:0;z-index:2;pointer-events:none}#why .why-foot{margin-top:clamp(24px,4vh,44px)}}@media(min-width:1024px)and (max-width:1279px){#why .why-controls{gap:8px}#why .why-controls .chip{position:relative;min-height:34px;padding:6px 12px;font-size:12.5px}#why .why-controls .chip:after{content:"";position:absolute;inset:-5px -2px}}@media(max-width:1023px){#why .why-controls{position:sticky;top:var(--header-h);z-index:var(--z-stage-ui);display:flex;flex-wrap:wrap;gap:8px;margin:0 calc(50% - 50vw) 8px;padding:8px calc(50vw - 50%) 10px;translate:none;background:var(--navy);border-bottom:1px solid rgba(141,224,255,.16)}#why .why-controls .chip{flex:1 1 auto;padding:10px 12px;font-size:13px}#why .why-box{display:flow-root}#why .why-stagebox{margin-bottom:-60%}#why .why-stage-frame>.stage-caption{margin-top:calc(60% + 14px)}#why .why-controls{transition:translate .26s cubic-bezier(.22,1,.36,1),opacity .2s ease}#why.why-reviewing .why-controls{translate:0 calc(-100% - 4px);opacity:0;pointer-events:none}#why.why-reviewing .why-controls:focus-within{translate:none;opacity:1;pointer-events:auto}}@media(max-width:389px){#why .why-controls{flex-wrap:nowrap;gap:8px}#why .why-controls .chip{flex:1 1 auto;min-width:0;white-space:nowrap;font-size:12px;letter-spacing:0;padding:8px 10px}}@media(max-width:339px){#why .why-controls{gap:6px}#why .why-controls .chip{font-size:11px;padding:8px 6px}}#why .lane-labels{position:absolute;inset:0;pointer-events:none;z-index:2}#why .lane-label{position:absolute;right:auto;bottom:auto;translate:0 -50%;white-space:nowrap;font:500 11.5px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ice);opacity:1;background:var(--navy);padding:2px 4px;margin-left:-4px;border-radius:3px}@media(min-width:1024px)and (max-width:1279px){#why .lane-label{font-size:10.5px;letter-spacing:.08em}}@media(max-width:1023px){#why .lane-label{font-size:10.5px;letter-spacing:.08em}#why .lane-label[data-lane=bottom]{line-height:1.55;translate:0 0}#why .lane-label[data-lane=bottom] .ll{display:block}#why .stage-caption{min-height:36px}#why .why-foot{margin-top:18px}}#why .why-glow{opacity:0;transform-box:fill-box;transform-origin:50% 50%;transform:scale(1.04);transition:opacity .18s ease,transform .26s cubic-bezier(.34,1.56,.64,1)}#why .why-glow.is-lit{opacity:1;transform:scale(1);animation:why-march 1.4s linear infinite}@keyframes why-march{to{stroke-dashoffset:-26}}#why .why-tag{opacity:0;transition:opacity .16s ease,transform .24s cubic-bezier(.34,1.56,.64,1);transform-box:fill-box;transform-origin:50% 50%;transform:scale(.86)}#why .why-tag.is-lit{opacity:1;transform:scale(1)}#why .noun.is-lit{background-color:#8de0ff38}#why .noun{position:relative}#why .noun.why-away:after{content:"\2193";content:"\2193" / "";position:absolute;right:-.62em;top:-.78em;font:700 14px/1 var(--font-mono);color:var(--navy);background:var(--ice);border-radius:99px;padding:3px 4px 2px;box-shadow:0 0 0 2px var(--navy);pointer-events:none;animation:why-bob .9s ease-in-out infinite alternate}#why .noun.why-away[data-away=up]:after{content:"\2191";content:"\2191" / ""}@keyframes why-bob{0%{translate:0 -1px}to{translate:0 2px}}#why .review-switch.why-pulse .switch-track{animation:why-pulse .9s cubic-bezier(.22,1,.36,1) 1}@keyframes why-pulse{0%{box-shadow:0 0 #12a5a0d9;scale:1}25%{scale:1.08}to{box-shadow:0 0 0 14px #12a5a000;scale:1}}@media(max-width:339px){#why .why-br{display:none}}#why .why-mark{padding-left:.08em;margin-left:-.08em;background-repeat:no-repeat;background-image:linear-gradient(var(--marigold),var(--marigold));background-size:0% 76%;background-position:0 72%;transition:background-size .7s cubic-bezier(.65,0,.35,1),background-position .6s cubic-bezier(.65,0,.35,1),color .22s ease}#why.why-marked .why-mark{background-size:100% 76%}#why.why-marked.why-marked-done .why-mark{background-size:100% 0%;background-position:0 96%}@supports ((background-clip: text) or (-webkit-background-clip: text)){#why.why-marked .why-mark{color:transparent;background-image:linear-gradient(var(--ink),var(--ink)),linear-gradient(#fff,#fff),linear-gradient(var(--marigold),var(--marigold));-webkit-background-clip:text,text,border-box;background-clip:text,text,border-box;background-size:100% 100%,100% 100%,100% 76%;background-position:0 0,0 0,0 72%}#why.why-marked.why-marked-done .why-mark{background-size:0% 100%,100% 100%,100% 0%;background-position:100% 0,0 0,0 96%}#why.why-marked:not(.why-marked-done) .why-mark{animation:why-swipe .7s cubic-bezier(.65,0,.35,1) both}@keyframes why-swipe{0%{background-size:0% 100%,100% 100%,0% 76%}to{background-size:100% 100%,100% 100%,100% 76%}}#why.why-marked.why-marked-done .why-mark{transition:background-size .6s cubic-bezier(.65,0,.35,1),background-position .6s cubic-bezier(.65,0,.35,1)}}@supports not ((background-clip: text) or (-webkit-background-clip: text)){#why.why-marked:not(.why-marked-done) .why-mark{color:var(--ink);transition:background-size .7s cubic-bezier(.65,0,.35,1),color .2s ease .5s}}#why .why-follow{transition:color .3s ease}#why.why-marked .why-follow{color:#fff}html.reduced #why .why-mark,html.reduced #why .why-follow,html.reduced #why .why-glow,html.reduced #why .why-tag{transition:none}html.reduced #why.why-marked .why-mark{animation:none}html.reduced #why .why-controls{transition:none}
