.hft-stage{position:relative;isolation:isolate;box-sizing:border-box;width:100%;max-width:960px;height:min(100%,var(--hft-height));min-height:180px;overflow:hidden;color:var(--hft-ink);cursor:default;font-family:var(--font-display,'Inter',system-ui,-apple-system,BlinkMacSystemFont,sans-serif);container-type:inline-size}
.hft-text{box-sizing:border-box;position:absolute;inset:0;margin:0;padding:40px 24px 64px;text-align:center;font-size:var(--hft-size);line-height:1.4;letter-spacing:-.035em}
.hft-word{display:inline-block;max-width:100%;overflow-wrap:anywhere;margin:0 var(--hft-gap);user-select:none;vertical-align:top}
.hft-highlight{color:var(--hft-highlight);font-weight:700}
.hft-stage[data-phase="falling"] .hft-word{position:absolute;margin:0;cursor:grab;touch-action:none;will-change:transform}
.hft-stage[data-phase="falling"] .hft-word:active{cursor:grabbing}
.hft-replay{position:absolute;z-index:2;right:calc(12px * var(--hft-replay-scale,1));bottom:calc(8px * var(--hft-replay-scale,1));display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:0;border-radius:14px;background:transparent;color:inherit;font:500 14px/1 var(--font-display,'Inter',system-ui,-apple-system,BlinkMacSystemFont,sans-serif);cursor:pointer;transform:scale(var(--hft-replay-scale,1));transform-origin:bottom right}
.hft-replay:hover{background:rgb(243 243 243/.08)}
.hft-replay:focus-visible{outline:2px solid currentColor;outline-offset:-2px}
.hft-stage canvas{position:absolute;inset:0;z-index:1;pointer-events:none}
.hft-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){.hft-replay{display:none}}

.ftc-wrap{position:relative;padding:calc(5px * var(--ftc-scale));display:grid;grid-template-columns:calc(30px * var(--ftc-scale)) auto;align-items:center;border-radius:calc(10px * var(--ftc-scale));font-family:var(--font-body,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif);font-size:calc(16px * var(--ftc-scale));line-height:1.25}
.ftc-wrap label{color:var(--ftc-text);position:relative;cursor:pointer;display:grid;align-items:center;width:fit-content;transition:color var(--ftc-label-duration) ease}
.ftc-wrap label::before,.ftc-wrap label::after{content:"";position:absolute}
.ftc-wrap label::before{height:calc(2px * var(--ftc-scale));width:calc(8px * var(--ftc-scale));left:calc(-27px * var(--ftc-scale));background:var(--ftc-check);border-radius:calc(2px * var(--ftc-scale));transition:background var(--ftc-label-duration) ease}
.ftc-wrap label::after{height:calc(4px * var(--ftc-scale));width:calc(4px * var(--ftc-scale));top:calc(8px * var(--ftc-scale));left:calc(-25px * var(--ftc-scale));border-radius:50%}
.ftc-wrap input[type=checkbox]{appearance:none;position:relative;height:calc(15px * var(--ftc-scale));width:calc(15px * var(--ftc-scale));outline:none;border:0;margin:0 calc(15px * var(--ftc-scale)) 0 0;padding:0;cursor:pointer;background:transparent;display:grid;align-items:center}
.ftc-wrap input[type=checkbox]::before,.ftc-wrap input[type=checkbox]::after{content:"";position:absolute;height:calc(2px * var(--ftc-scale));top:auto;background:var(--ftc-check);border-radius:calc(2px * var(--ftc-scale))}
.ftc-wrap input[type=checkbox]::before{width:0;right:60%;transform-origin:right bottom}
.ftc-wrap input[type=checkbox]::after{width:0;left:40%;transform-origin:left bottom}
.ftc-wrap input[type=checkbox]:checked::before{animation:ftc-check-short var(--ftc-duration) ease forwards}
.ftc-wrap input[type=checkbox]:checked::after{animation:ftc-check-long var(--ftc-duration) ease forwards}
.ftc-wrap input[type=checkbox]:checked+label{color:var(--ftc-done);animation:ftc-move var(--ftc-label-duration) ease var(--ftc-delay) forwards}
.ftc-wrap input[type=checkbox]:checked+label::before{background:var(--ftc-done);animation:ftc-slice var(--ftc-duration) ease forwards}
.ftc-wrap input[type=checkbox]:checked+label::after{animation:ftc-firework var(--ftc-burst-duration) ease var(--ftc-delay) forwards}
.ftc-wrap:has(input:focus-visible){box-shadow:0 0 0 2px var(--ftc-check),0 0 0 5px color-mix(in srgb,var(--ftc-check) 28%,transparent)}
@keyframes ftc-move{50%{padding-left:calc(8px * var(--ftc-scale));padding-right:0}100%{padding-right:calc(4px * var(--ftc-scale))}}
@keyframes ftc-slice{60%{width:100%;left:calc(4px * var(--ftc-scale))}100%{width:100%;left:calc(-2px * var(--ftc-scale));padding-left:0}}
@keyframes ftc-check-short{0%{width:calc(4px * var(--ftc-scale));top:auto;transform:rotate(0)}50%{width:0;top:auto;transform:rotate(0)}51%{width:0;top:calc(8px * var(--ftc-scale));transform:rotate(45deg)}100%{width:calc(5px * var(--ftc-scale));top:calc(8px * var(--ftc-scale));transform:rotate(45deg)}}
@keyframes ftc-check-long{0%{width:calc(4px * var(--ftc-scale));top:auto;transform:rotate(0)}50%{width:0;top:auto;transform:rotate(0)}51%{width:0;top:calc(8px * var(--ftc-scale));transform:rotate(-45deg)}100%{width:calc(10px * var(--ftc-scale));top:calc(8px * var(--ftc-scale));transform:rotate(-45deg)}}
@keyframes ftc-firework{0%{opacity:1;box-shadow:0 0 0 -2px var(--ftc-check),0 0 0 -2px var(--ftc-check),0 0 0 -2px var(--ftc-check),0 0 0 -2px var(--ftc-check),0 0 0 -2px var(--ftc-check),0 0 0 -2px var(--ftc-check)}30%{opacity:1}100%{opacity:0;box-shadow:0 calc(var(--ftc-burst) * -1) 0 0 var(--ftc-check),calc(var(--ftc-burst) * .9333) calc(var(--ftc-burst) * -.5333) 0 0 var(--ftc-check),calc(var(--ftc-burst) * .9333) calc(var(--ftc-burst) * .5333) 0 0 var(--ftc-check),0 var(--ftc-burst) 0 0 var(--ftc-check),calc(var(--ftc-burst) * -.9333) calc(var(--ftc-burst) * .5333) 0 0 var(--ftc-check),calc(var(--ftc-burst) * -.9333) calc(var(--ftc-burst) * -.5333) 0 0 var(--ftc-check)}}
@media(prefers-reduced-motion:reduce){.ftc-wrap label{transition:none}.ftc-wrap input[type=checkbox]:checked::before{animation:none;width:calc(5px * var(--ftc-scale));top:calc(8px * var(--ftc-scale));transform:rotate(45deg)}.ftc-wrap input[type=checkbox]:checked::after{animation:none;width:calc(10px * var(--ftc-scale));top:calc(8px * var(--ftc-scale));transform:rotate(-45deg)}.ftc-wrap input[type=checkbox]:checked+label{animation:none;color:var(--ftc-done);padding-right:calc(4px * var(--ftc-scale))}.ftc-wrap input[type=checkbox]:checked+label::before{animation:none;width:100%;left:calc(-2px * var(--ftc-scale));background:var(--ftc-done)}.ftc-wrap input[type=checkbox]:checked+label::after{animation:none;opacity:0}}

/* NEVKUS: a voluntary pause, adapted from HorizonX exports. */
.brain-break{margin-top:100px;padding-top:50px;border-top:1px solid #45453f;display:grid;grid-template-columns:1.6fr 1fr;gap:7vw;--font-display:Manrope;--font-body:Manrope}
.brain-break .hft-stage{height:310px;max-width:none;--hft-size:72px;--hft-gap:2px;--hft-height:310px;--hft-ink:var(--light);--hft-highlight:var(--accent)}
.brain-break .hft-text{text-align:left;padding:0 0 64px;line-height:1.08;font-weight:400}
.brain-break .hft-highlight{font-weight:400}
.brain-break .hft-replay{right:0;bottom:0;padding:10px 0;font-size:13px;color:var(--accent)}
.minimum{--ftc-scale:1.2;--ftc-text:var(--light);--ftc-check:var(--accent);--ftc-done:#b6b5af;--ftc-duration:400ms;--ftc-label-duration:300ms;--ftc-burst-duration:500ms;--ftc-delay:100ms;--ftc-burst:19px}
.minimum h3{font-size:clamp(25px,2.5vw,40px);letter-spacing:-.03em;font-weight:400;margin-bottom:24px}
.minimum .ftc-wrap{min-height:52px;width:fit-content;max-width:100%;border-radius:0}
.minimum .ftc-wrap label{min-height:44px}
.minimum .ftc-wrap label::after{top:20px}
.minimum p{font-size:12px;color:#b6b5af;line-height:1.6;margin-top:22px;max-width:32ch}
.minimum .ftc-wrap:has(input:focus-visible){box-shadow:none;outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:767px){.brain-break{grid-template-columns:1fr;gap:45px;margin-top:65px;padding-top:40px}.brain-break .hft-stage{height:300px}.minimum{--ftc-scale:1.1}}
