html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:"Remus Variable";src:url("../fonts/RemusVariableVF.woff2") format("woff2"),url("../fonts/RemusVariableVF.woff") format("woff");font-weight:100 900;font-stretch:75% 125%;font-style:oblique 0deg 20deg}*{box-sizing:border-box}html{font-size:12px;--scroll-behavior: smooth;scroll-behavior:smooth}body{font-family:"Remus Variable";font-weight:400;font-size:1rem;line-height:1;letter-spacing:0em;-webkit-font-smoothing:antialiased;color:#fff;background-color:#000}a{color:inherit;text-decoration:none}span.nowrap{white-space:nowrap}span.label{display:block;padding-bottom:2.5rem;font-family:"Remus Variable";font-weight:500;font-size:1rem;line-height:1;letter-spacing:.04em}header{font-weight:500;font-size:1rem;line-height:1;letter-spacing:.04em;padding:0 2.5rem}header>.content{padding:2.75rem 0;border-bottom:solid #fff .85vw;display:flex;justify-content:space-between;align-items:center}nav{display:none}@media screen and (min-width: 800px){nav{display:block}}nav ul{display:flex}nav ul li+li{margin-left:2rem}section{padding:0 2.5rem}section>.content{padding:2.75rem 0;border-bottom:solid #fff .85vw}section.ot-section>.content{padding:0}.large-type{position:relative}.large-type .text{font-size:calc((100vw - 5rem)*.158);line-height:.925;text-align:center;margin-bottom:4.4rem}.switch-container{display:flex;position:absolute;top:0;left:0;width:100%;height:100%}.switch-container div{display:flex;align-items:flex-end;padding-bottom:2.75rem}.switch-container div span{display:inline-block;position:relative;font-weight:500;font-size:1rem;line-height:1;letter-spacing:.04em;padding:.3em 0 .35em 0;border-radius:1rem;color:#fff;background-color:#000}.switch-container div span:before{content:" ";position:absolute;display:inline-block;width:1em;height:1em;border-radius:.5em;margin-right:.5em;background-color:#000;top:.325em;transform:translateX(0);opacity:0;transition:all 150ms}.switch-container div span{transition:all 150ms}.switch-container div.active span{background-color:orange;color:#000;padding:.3em .75em .35em .75em;transition:all 200ms}@media screen and (min-width: 600px){.switch-container div.active span{padding:.3em .75em .35em 1.9em}.switch-container div.active span:before{transform:translateX(-1.5em);opacity:1;transform:translateX(-1.5em)}}.large-type.variable-animation .text{font-family:"Remus Variable";transition:none;animation-name:variableloop;animation-duration:2500ms;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes variableloop{from{font-weight:300}50%{font-weight:700}to{font-weight:300}}.weights .text{font-family:"Remus Variable";transition:font-weight 300ms}.weights .switch-container div:nth-child(1),.weights .switch-container div:nth-child(4){width:20%;flex:0 0 20%}.weights .switch-container div:nth-child(2),.weights .switch-container div:nth-child(3){width:30%;flex:0 0 30%;justify-content:space-around}.weights .switch-container div:nth-child(4){justify-content:flex-end}@media screen and (min-width: 600px){.weights .switch-container div:nth-child(1),.weights .switch-container div:nth-child(4){width:16.666%;flex:0 0 16.666%}.weights .switch-container div:nth-child(2),.weights .switch-container div:nth-child(3){width:33.333%;flex:0 0 33.333%;justify-content:space-around}.weights .switch-container div:nth-child(4){justify-content:flex-end}}.slant .text{font-style:oblique 0deg;transition:font-style 300ms}.slant .switch-container div{width:25%;flex:0 0 25%}.slant .switch-container div:nth-child(2),.slant .switch-container div:nth-child(3){justify-content:center}.slant .switch-container div:last-child{justify-content:flex-end}.large-type.opentype .text{font-family:"Remus Variable"}.large-type.opentype .text span{color:orange;font-weight:700;transition:font-weight 300ms,color 300ms}.large-type.opentype .text span.disabled{color:#aaa;font-weight:100}.large-type.opentype .switch-container div{width:50%;flex:0 0 50%}.large-type.opentype .switch-container div:last-child{justify-content:flex-end}.large-type.opentype .switch-container div:last-child.active span{background-color:#aaa}.large-type.transition .text{font-family:"Remus Variable";font-weight:100;transition:font-weight 300ms}.large-type.transition .text.disabled{font-weight:700}.large-type.transition .switch-container div{width:50%;flex:0 0 50%}.large-type.transition .switch-container div:last-child{justify-content:flex-end}.columns{display:flex;align-items:baseline}.columns .column{width:50%;flex:0 0 50%}.columns .column:first-child{border-right:solid #fff .85vw}.columns .column:last-child{padding-left:2.5rem}.columns .column>div{transform:translateX(-0.4vw)}.columns{font-size:10vw;line-height:.9;font-weight:400}.waterfall span.mobile+span{display:none}.waterfall>div{overflow:hidden;font-size:32px;line-height:40px}.waterfall>div span{display:block;white-space:nowrap}.waterfall>div span:nth-child(1),.waterfall>div span:nth-child(2){font-weight:700}.waterfall>div span:nth-child(3),.waterfall>div span:nth-child(4){font-weight:500}.waterfall>div span:nth-child(5),.waterfall>div span:nth-child(6){font-weight:400}.waterfall>div span:nth-child(7),.waterfall>div span:nth-child(8){font-weight:300}@media screen and (min-width: 800px){.waterfall span.mobile{display:none}.waterfall span.mobile+span{display:block}.waterfall>div{font-size:48px;line-height:54px}}.about .title,.about .author{font-weight:500;font-size:1rem;letter-spacing:.04em}.about .author{line-height:1.3}.about .description{font-size:2rem;line-height:1.25;padding-top:2.5rem;padding-bottom:2.5rem}@media screen and (min-width: 800px){.about{display:grid;grid-template-columns:50% 50%;grid-template-rows:auto}.about .title{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2}.about .author{grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:3;align-self:end;padding-bottom:.4rem;padding-right:2.5rem}.about .description{grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:3;padding-top:0;padding-bottom:0}}.paragraphs{position:relative}.paragraphs .text{padding-bottom:3.75rem}.paragraphs .text .paragraph{overflow:hidden}.paragraphs .text .paragraph>div{overflow:hidden}.paragraphs .text .paragraph.large{font-size:24px;line-height:32px}.paragraphs .text .paragraph.large>div{max-height:448px}.paragraphs .text .paragraph.medium{font-size:21px;line-height:24px;padding-top:2.5rem}.paragraphs .text .paragraph.medium>div{max-height:192px}.paragraphs .text .paragraph.small{font-size:13px;line-height:18px;padding-top:2.5rem;padding-bottom:2px}.paragraphs .text .paragraph.small>div{max-height:180px}@media screen and (min-width: 800px){.paragraphs .text{display:grid;grid-template-columns:50% 50%;grid-template-rows:244px 244px}.paragraphs .text .paragraph.large{grid-column-start:1;grid-column-end:1;grid-row-start:1;grid-row-end:3}.paragraphs .text .paragraph.large>div{padding-right:2rem}.paragraphs .text .paragraph.medium{grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:2;padding-top:0}.paragraphs .text .paragraph.small{grid-column-start:2;grid-column-end:3;grid-row-start:2;grid-row-end:3;align-self:end;padding-top:0}}section>.character-set{display:flex;padding-top:0;padding-bottom:3rem;font-family:"Remus Variable";font-weight:700}@media screen and (min-width: 600px){section>.character-set{display:flex}section>.character-set>div{width:50%;flex:0 0 50%}}section>.character-set span.label{padding-bottom:2.75rem}section>.character-set .character-preview{display:none}@media screen and (min-width: 600px){section>.character-set .character-preview{display:block}}section>.character-set .character-preview{padding-right:2.5rem}section>.character-set .character-preview>div{position:sticky;top:0;padding-top:2.75rem}section>.character-set .character-preview>div div.character{display:flex;justify-content:space-around;align-items:center;position:relative;height:calc(100vh - 9.25rem);padding-bottom:2.75rem}section>.character-set .character-preview>div div.character div.character-content{display:block;position:relative;width:100%;text-align:center;padding:0}section>.character-set .character-preview>div div.character div.character-content>span{display:block;position:absolute;left:0px;width:100%;height:0;border-top:1px dotted #444}section>.character-set .character-preview>div div.character div.character-content>span:before{display:block;position:absolute;bottom:.5rem;left:0;font-size:.8rem;font-weight:500;letter-spacing:.05em;color:#444}section>.character-set .character-preview>div div.character div.character-content>span.baseline{bottom:28%}section>.character-set .character-preview>div div.character div.character-content>span.baseline:before{content:"Baseline"}section>.character-set .character-preview>div div.character div.character-content>span.x-height{bottom:59.275%}section>.character-set .character-preview>div div.character div.character-content>span.x-height:before{content:"X-Height"}section>.character-set .character-preview>div div.character div.character-content>span.ascender{bottom:72.25%}section>.character-set .character-preview>div div.character div.character-content>span.ascender:before{content:"Cap Height"}section>.character-set .character-preview>div div.character div.character-content>span.descender{bottom:15.25%}section>.character-set .character-preview>div div.character div.character-content>span.descender:before{content:"Descender"}section>.character-set .character-preview>div div.character div.character-content div.character{width:100%;height:auto;z-index:1;padding:.325em 0 .25em 0;font-size:28vw;line-height:1;font-weight:700;letter-spacing:0;text-align:center}section>.character-set .character-preview>div div.character div#character-info{position:absolute;bottom:0;left:0;font-weight:500;line-height:1;letter-spacing:.04em}section>.character-set .character-preview>div div.character div#character-info span+span{margin-left:2rem}section>.character-set .character-list{padding-top:2.75rem}section>.character-set .character-list .character-group+.character-group{padding-top:2.5rem}section>.character-set .character-list .character-group>div{display:flex;flex-wrap:wrap;border-top:1px solid #fff;border-left:1px solid #fff}section>.character-set .character-list .character-group>div>span{width:16.666%;flex:0 0 16.666%;padding:4.5vw 0 4vw 0;border-right:1px solid #fff;border-bottom:1px solid #fff;font-size:7.5vw;font-weight:700;text-align:center;cursor:default;transition:background-color 100ms,color 100ms}@media screen and (min-width: 600px){section>.character-set .character-list .character-group>div>span{padding:2.5vw 0 2.25vw 0;font-size:3.75vw}}@media screen and (min-width: 900px){section>.character-set .character-list .character-group>div>span{width:20%;flex:0 0 12.5%;padding:2vw 0 1.75vw 0;font-size:2.95vw}}@media screen and (min-width: 1200px){section>.character-set .character-list .character-group>div>span{width:10%;flex:0 0 10%;padding:1.5vw 0 1.25vw 0;font-size:2.25vw}}section>.character-set .character-list .character-group>div>span.active{background-color:#fff;color:orange;transition:background-color 200ms,color 200ms}@media screen and (min-width: 600px){.ot-container{display:flex;flex-wrap:wrap}}.ot-container .ot{flex:0 0 50%;border-top:1px dotted #444}.ot-container .ot:nth-child(1){border-top:none}@media screen and (min-width: 600px){.ot-container .ot{flex:0 0 50%;border-top:1px dotted #444}.ot-container .ot:nth-child(2){border-top:none}.ot-container .ot:nth-child(odd) .ot-content{border-right:1px dotted #444;padding-right:2.5rem}.ot-container .ot:nth-child(even) .ot-content{padding-left:2.5rem}}.ot-container .ot .ot-content{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:2.5rem;padding-bottom:2.5rem}.ot-container .ot .ot-content .label{flex:0 0 100%;align-self:flex-end;order:3;padding:3.5rem 0 0 0}.ot-container .ot .ot-content .ot-string{flex:0 1 auto;font-family:"Remus Variable";font-weight:500;font-size:7vw;line-height:1}.ot-container .ot .ot-content .ot-string:nth-child(2) span{color:#aaa}.ot-container .ot .ot-content .ot-string:nth-child(3) span{color:orange}@media screen and (min-width: 600px){.ot-container .ot .ot-content .ot-string{font-size:3.5vw}}.download .links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:.5rem 0 3rem 0}.download .links a{font-size:2rem;line-height:1;font-weight:700;background-color:#fff;color:#000;padding:.75em 1.75rem;margin:.25em;border-radius:1.25em}.download .links a:hover{background-color:orange}#gf-badge svg{fill:#fff !important}footer{font-weight:500;line-height:1.3;letter-spacing:.04em;padding:1.25rem}footer a{text-decoration:underline}footer ul a{text-decoration:none}footer p+p{margin-top:1.3em}footer .column{padding:1.25rem}@media screen and (min-width: 800px){footer{display:flex}footer .column{width:25%}footer .column:last-child{width:50%}}/*# sourceMappingURL=main.css.map */