body .wf-hero[data-hero-pattern=none] .wf-heropat{display:none}body .wf-hero[data-hero-pattern=chain] .wf-heropat{background-attachment:fixed;background-image:var(--tile-chain);background-size:62px 90px;opacity:.25}body .wf-hero[data-hero-pattern=gridlogo_glitch] .wf-heropat{background-image:var(--tile-gridlogo-light);background-size:29px 29px;opacity:.13}body .wf-hero[data-hero-pattern=gridlogo_glitch] .t-display{animation:wfHeroRise .7s cubic-bezier(.2,.7,.2,1) both;font-size:clamp(52px,7.6vw,112px)}body .wf-hero[data-hero-pattern=dot_resolve] .t-display{animation:wfHeroRise .7s cubic-bezier(.2,.7,.2,1) both,wfHeroGlitch .18s steps(2) .55s 1}body .wf-hero[data-hero-pattern=dot_resolve] .t-lead{background:var(--orange);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--evergreen);display:inline-block;font:800 clamp(26px,2.6vw,42px)/1.18 var(--sans);letter-spacing:-.01em;max-width:none;padding:.08em .22em}html.js body .wf-hero[data-hero-pattern=dot_resolve] .t-lead,html.js body .wf-hero[data-hero-pattern=gridlogo_glitch] .t-lead{animation:wfHeroRise .7s cubic-bezier(.2,.7,.2,1) .22s both}html.js body .wf-hero[data-hero-pattern=dot_resolve] .wrap>p:not(.t-lead),html.js body .wf-hero[data-hero-pattern=gridlogo_glitch] .wrap>p:not(.t-lead){animation:wfHeroRise .7s cubic-bezier(.2,.7,.2,1) .38s both}html.js body .wf-hero[data-hero-pattern=dot_resolve] .btn-row,html.js body .wf-hero[data-hero-pattern=gridlogo_glitch] .btn-row{animation:wfHeroRise .7s cubic-bezier(.2,.7,.2,1) .52s both}body .wf-hero[data-hero-pattern=gridlogo_glitch] .wf-circled{background:var(--orange);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--evergreen);padding:0 .12em}body .wf-hero[data-hero-pattern=gridlogo_glitch] .wf-circled:after,body .wf-hero[data-hero-pattern=gridlogo_glitch] .wf-circled:before{background:var(--orange);box-sizing:border-box;content:attr(data-text);left:0;opacity:0;padding:0 .12em;pointer-events:none;position:absolute;top:0;white-space:nowrap;width:100%}html.js body .wf-hero[data-hero-pattern=gridlogo_glitch] .wf-circled.gon{animation:ddGBase .3s step-end both}html.js body .wf-hero[data-hero-pattern=gridlogo_glitch] .wf-circled.gon:before{animation:ddGSliceA .3s step-end both}html.js body .wf-hero[data-hero-pattern=gridlogo_glitch] .wf-circled.gon:after{animation:ddGSliceB .3s step-end .05s both}body .wf-hero[data-hero-pattern=gridlogo_glitch] .wf-circled .brk{color:var(--orange);inset:-.14em -.1em;opacity:0;transition:opacity .25s ease;z-index:3}body .wf-hero[data-hero-pattern=gridlogo_glitch] .wf-circled .brk span{height:clamp(12px,1.4vw,22px);opacity:.95;width:clamp(12px,1.4vw,22px)}body .wf-hero[data-hero-pattern=gridlogo_glitch] .wf-circled .brk span:first-child{border-left-width:2px;border-top-width:2px}body .wf-hero[data-hero-pattern=gridlogo_glitch] .wf-circled .brk span:nth-child(2){border-right-width:2px;border-top-width:2px}body .wf-hero[data-hero-pattern=gridlogo_glitch] .wf-circled .brk span:nth-child(3){border-bottom-width:2px;border-left-width:2px}body .wf-hero[data-hero-pattern=gridlogo_glitch] .wf-circled .brk span:nth-child(4){border-bottom-width:2px;border-right-width:2px}body .wf-hero[data-hero-pattern=gridlogo_glitch] .wf-circled.gon .brk{opacity:1}@media (prefers-reduced-motion:reduce){body .wf-hero[data-hero-pattern=dot_resolve] .t-display,body .wf-hero[data-hero-pattern=gridlogo_glitch] .t-display,html.js body .wf-hero[data-hero-pattern=dot_resolve] .btn-row,html.js body .wf-hero[data-hero-pattern=dot_resolve] .t-lead,html.js body .wf-hero[data-hero-pattern=dot_resolve] .wrap>p:not(.t-lead),html.js body .wf-hero[data-hero-pattern=gridlogo_glitch] .btn-row,html.js body .wf-hero[data-hero-pattern=gridlogo_glitch] .t-lead,html.js body .wf-hero[data-hero-pattern=gridlogo_glitch] .wf-circled.gon,html.js body .wf-hero[data-hero-pattern=gridlogo_glitch] .wf-circled.gon:after,html.js body .wf-hero[data-hero-pattern=gridlogo_glitch] .wf-circled.gon:before,html.js body .wf-hero[data-hero-pattern=gridlogo_glitch] .wrap>p:not(.t-lead){animation:none}}body .wf-hero[data-hero-pattern=logo_drift] .wf-heropat,body .wf-hero[data-hero-pattern=logo_field] .wf-heropat{display:none}body .wf-hero.wf-hero--center{padding-bottom:clamp(40px,4vh + 1vw,72px)}body .wf-hero.wf-hero--center .wrap{text-align:center}body .wf-hero.wf-hero--center .t-display{font-size:clamp(44px,6.4vw,96px);line-height:.94;margin-inline:auto;max-width:14ch;text-wrap:balance}body .wf-hero.wf-hero--center p{margin-inline:auto;max-width:58ch}body .wf-hero.wf-hero--tightbottom{padding-bottom:calc(var(--band-pad)/2)}