.nav{padding-block:1rem;padding-inline:var(--grid-padding);max-width:var(--grid-width);margin:0 auto;display:flex}.nav h1{margin-right:auto}.nav-item{list-style:none}.nav ul{align-items:center;gap:1rem;margin:0;display:flex}.nav-link{color:var(--color-fg-dimmer);font-family:system-ui,sans-serif;font-size:1.33rem;line-height:3rem;text-decoration:none;display:inline-block}.nav-link.nav-link__buy{letter-spacing:.06em;color:var(--gray100);background-color:var(--color-yellow);text-shadow:0 0 5px var(--color-blue30);border-radius:1rem;padding:.5rem 1.7rem;font-size:1.5em;line-height:1.25}.nav-link.nav-link__buy s{text-decoration:line-through}.nav-link.nav-link__buy:hover{background:var(--gray80)}.nav-link.nav-link__buy:hover s{color:var(--blue50)}.nav-link.nav-link__active{color:var(--gray80);text-shadow:0 0 5px var(--blue30)}.nav-link:hover{color:var(--blue10);text-shadow:0 0 12px var(--blue40)}.nav h1{margin:0;padding:.5rem 0;line-height:0}.nav h1 img{height:3rem}.font-tester{appearance:none;font-size:5rem;font-family:var(--font-family);color:inherit;border:0;border-left:2px solid var(--color-green70);background:0 0;border-radius:2px;width:100%;padding:.125em .5em;font-weight:400}.character-set{border:3px solid var(--color-green70);border-radius:.5rem;margin-inline:-.5rem;display:flex}.character-set-select-column{border-right:3px solid var(--color-green70);background:var(--color-green70);flex-shrink:0;flex-basis:clamp(120px,24vw,18em)}.character-highlight{font-family:var(--font-family);text-align:left;padding:.2em .2em 1em;font-size:clamp(1em,20vw,8.5em);display:block;position:sticky;top:0}.character-set-grid{flex-grow:1;grid-template-columns:repeat(4,minmax(44px,1fr));display:grid}.grid-char{appearance:none;font-family:var(--font-family);color:var(--fg);text-align:center;cursor:pointer;background:0 0;border:none;padding:.125em .25em;font-size:clamp(1em,6vw,4.5em)}.grid-char:hover{background:var(--color-green70)}.grid-char:active{color:#fff}@container (width>38rem){.character-set-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.grid-char{padding:.333em .25em}}.stylistic-set{background:var(--color-green70);font-family:var(--font-family);margin-bottom:8rem;flex-direction:column;gap:2px;margin-inline:-1rem;padding:2px;display:flex}.stylistic-set-half:before{font-family:system-ui,sans-serif;font-size:1rem;line-height:2}.stylistic-set-half:first-child:before{content:"Default style";display:block}.stylistic-set-half:last-child:before{content:"With font-feature-settings: " var(--feature-name);display:block}.stylistic-set-half{background:var(--bg);flex-grow:1;flex-shrink:1;padding:.75rem 1.5rem 2rem;font-size:2em}.stylistic-set-half span{color:var(--color-orange60)}@container (width>58rem){.stylistic-set{flex-direction:row;margin-inline:0}.stylistic-set-half{font-size:2.75em}}.page-container{width:100%;max-width:var(--grid-width-xl);margin:0 auto;padding-inline:1rem}.page-container__chonker{--font-family:"Chonker";--font-family-body:system-ui, sans-serif}.page-container__chonker h1,.page-container__chonker h2,.page-container__chonker h3{font-family:var(--font-family);overflow-wrap:break-word;hyphens:auto;font-weight:400;line-height:1.5}.page-container__chonker h2{font-size:2em}.page-container__chonker h3{font-size:1.5em}.page-container__chonker p{font-family:var(--font-family-body);max-width:44em}.page-container__chonker section{margin-block:4em}.ultra-headline{margin-block:.666em 1em;font-size:clamp(3.5rem,9vw,12rem)}.intro{flex-direction:column;align-items:center;display:flex}.tester-block{background:var(--gray100);color:var(--gray10);padding:.5em}.font-tester:focus{outline:2px solid var(--color-green70);outline-offset:3px}p a{color:var(--color-orange)}p a:visited{color:var(--color-orange60)}.emotion-squares{box-shadow:0 4px 20px 0 var(--color-green70);margin-bottom:4em;position:relative;overflow:hidden}.text-pattern{overflow:hidden}.text-pattern-row{white-space:nowrap;animation:24s linear infinite alternate rotateAroundMobile}.emotion-squares-row{height:75vw;transition:opacity var(--slow) ease;animation:15s linear infinite rotateAroundMobile;display:flex}.text-pattern:hover .text-pattern-row,.emotion-squares:hover .emotion-squares-row{animation-play-state:paused}.emotion-squares-row img{width:auto;height:100%}.emotion-squares-row:nth-child(2){opacity:0;position:absolute;top:0}.emotion-squares:hover .emotion-squares-row:nth-child(2){opacity:1}.zgushenka-image-container{transform:rotate(-3deg)}.zgushenka-video{border-radius:20px;max-width:clamp(250px,50vw,480px);margin-top:-2em;margin-left:4em;position:relative;overflow:hidden}@keyframes rotateAround{0%{transform:translate(0)}to{transform:translate(-225vw)}}@keyframes rotateAroundMobile{0%{transform:translate(0)}to{transform:translate(-675vw)}}.big-purchase-button{text-align:center;font-family:var(--font-family);letter-spacing:.05em;color:var(--gray100);background-color:var(--color-orange);text-shadow:0 0 5px var(--color-blue30);transition:box-shadow var(--slow) ease;box-shadow:0 0 0 0 var(--color-orange60);border-radius:1rem;padding:.4em 1.7em .5em;font-size:clamp(1.5em,5vw,2.5em);font-weight:400;text-decoration:none;display:inline-block}.big-purchase-button s{text-decoration:line-through}.big-purchase-button:hover{background:var(--gray80);color:var(--color-orange);box-shadow:0 2px 200px 15px var(--color-orange60)}.big-purchase-button:hover s{color:var(--blue50)}@container (width>38rem){.intro,.ultra-headline{text-align:center}.page-container__chonker h2{font-size:3.5em}.emotion-squares-row{height:25vw;animation:24s linear rotateAround;display:flex}.zgushenka-video{margin-top:-8em}}@font-face{font-family:Chonker;src:url(/fonts/Chonker-Filled-v1.0.0.woff2)}