.statement__text{align-items:end;display:grid;font-family:var(--font-serif);font-weight:400;gap:clamp(22px,4vw,72px);grid-template-columns:minmax(0,4fr) minmax(0,8fr);letter-spacing:-.02em;margin-block-start:8px}@media (max-width:960px){.statement__text{grid-template-columns:1fr}}.statement__no{color:var(--ink-3);font-size:clamp(27px,3.3vw,50px);line-height:1.14}.statement__yes{color:var(--ink);font-size:clamp(34px,5.2vw,78px);line-height:1.02}.statement__strike{display:inline-block;position:relative;white-space:nowrap}.statement__scribble{block-size:.46em;inline-size:106%;inset-block-start:40%;inset-inline-start:-3%;overflow:visible;pointer-events:none;position:absolute}.statement__scribble path{fill:none;stroke:var(--orange);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .9s var(--ease) .3s}.statement__scribble path:last-child{stroke-width:3;transition-delay:.65s}.js .statement:not(.is-in) .statement__scribble path{stroke-dashoffset:1}.beat{block-size:128px;margin-block-start:clamp(40px,5vw,80px);position:relative}.beat__caption{color:var(--ink-2);font-family:var(--font-serif);font-size:clamp(18px,1.9vw,26px);font-style:italic;inset-block-start:0;inset-inline:22%;line-height:1;position:absolute;text-align:center;transition:opacity .5s var(--ease) 1.7s}.beat__bar,.beat__rail{position:absolute;transform-origin:left center;transition:transform 1s var(--ease) var(--t,0s)}.beat__rail{--t:0.9s;background:hsla(0,0%,7%,.22);block-size:2px;inset-block-start:63px;inset-inline:11px}.beat__bar{--t:1.2s;background:var(--ink);block-size:22px;border-radius:var(--r-pill);inset-block-start:53px;inset-inline:22%;transform-origin:center}.beat__dot{aspect-ratio:1;background:var(--orange);border-radius:50%;box-shadow:0 0 0 5px var(--orange-soft);inline-size:22px;inset-block-start:64px;margin-block-start:-11px;position:absolute;transition:opacity .3s var(--ease) var(--t,0s),scale .5s var(--ease) var(--t,0s)}.beat__dot--before{--t:0.8s;inset-inline-start:0}.beat__dot--during{--t:1.9s;box-shadow:0 0 0 4px var(--ink),0 0 0 7px var(--orange-soft);inset-inline-start:calc(50% - 11px)}.beat__dot--after{--t:2.2s;inset-inline-end:0}.beat__tick{font-size:15px;font-weight:600;inset-block-start:92px;letter-spacing:-.01em;position:absolute;transition:opacity .4s var(--ease) var(--t,0s)}.beat__tick--before{--t:0.9s;inset-inline-start:0}.beat__tick--during{--t:2s;inset-inline-start:50%;translate:-50% 0}.beat__tick--after{--t:2.3s;inset-inline-end:0}.js .statement:not(.is-in) .beat__bar,.js .statement:not(.is-in) .beat__rail{transform:scaleX(0)}.js .statement:not(.is-in) .beat__dot{opacity:0;scale:0}.js .statement:not(.is-in) .beat__caption,.js .statement:not(.is-in) .beat__tick{opacity:0}@media (prefers-reduced-motion:reduce){.js .statement:not(.is-in) .beat__bar,.js .statement:not(.is-in) .beat__rail{transform:none}.js .statement:not(.is-in) .beat__dot{opacity:1;scale:1}.js .statement:not(.is-in) .beat__caption,.js .statement:not(.is-in) .beat__tick{opacity:1}.js .statement:not(.is-in) .statement__scribble path{stroke-dashoffset:0}}@media print{.beat{display:none!important}}
