html{font-size:62.5%}html{--columns:1fr minmax(100px, 300px) minmax(100px, 300px) 1fr;gap:10px;--pad:15px}html,body{margin:auto;padding:0;width:100%;height:100%;background-color:var(--back);scroll-behavior:smooth;overflow-x:hidden !important}*,*:before,*:after{-webkit-font-smoothing:antialiased;font-smooth:never;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}div,header,section,article,blockquote,figure,figcaption,main,footer,h1,h2,h3,h4,ul,li,li a,img,p,svg,form,label,input,select,button,dl,dt,dd{display:block;float:left;margin:0;padding:0;width:100%;border:none;outline:none;font-display:auto;font-family:"system",system-ui,sans-serif;font-size:1.4rem;line-height:140%;color:var(--front)}main{position:relative}table{width:100%;border-collapse:collapse}input,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;margin:0;padding:0;background-color:transparent;outline:none;border-radius:0}input[type=range]{background-color:var(--back_stroke);height:1px}input[type=range]::-webkit-slider-thumb{appearance:none;height:10px;width:10px;border-radius:50%;background-color:var(--front)}input[type=range]::-moz-range-thumb{appearance:none;height:10px;width:10px;border-radius:50%;background-color:var(--front)}input[type=range]::-ms-thumb{appearance:none;height:10px;width:10px;border-radius:50%;background-color:var(--front)}input[type=range]::-webkit-slider-thumb:hover{outline:5px solid var(--back_stroke)}::placeholder{color:var(--medium)}.select{position:relative;border-radius:15px}.select select{height:30px;line-height:30px;padding-right:30px;padding-left:10px;border-radius:15px;background-color:var(--back_off)}.select::after{content:'↕';font-family:"ui",system-ui,sans-serif;line-height:30px;width:30px;text-align:center;position:absolute;right:0;top:0;text-align:center;pointer-events:none}.select.plain select{padding-left:0;background-color:transparent}.select.plain::after{width:auto}body>*{z-index:1;position:relative}body::after{content:'';position:fixed;z-index:0;bottom:0;left:0;right:0;height:50%;background-color:#000}header,main{background-color:var(--back)}h1,h2.h1{font-size:4rem;line-height:105%;font-weight:400;letter-spacing:-1px}h2,h1.h2{font-size:4rem;line-height:105%;font-weight:400;letter-spacing:-1px}h3,h2.h3,article h2{font-size:2rem;line-height:110%;font-weight:700;letter-spacing:0}h4,h2.h4{font-size:1.4rem;line-height:100%;font-weight:700;letter-spacing:0}a{text-decoration:none;opacity:1;transition:opacity 0.2s ease-out;color:var(--accent)}a:hover{opacity:0.75}p>a,p>b a{text-decoration:none;border-bottom:1px solid var(--accent);display:inline;float:none;color:inherit}.active{font-weight:bold}.mobile{display:none}.button{display:block;float:left;width:auto;padding:0 15px;height:30px !important;color:var(--front);background-color:var(--back);line-height:30px;border-radius:15px;white-space:nowrap}.button.buy{color:var(--buttonx);background-color:var(--button)}.link{color:var(--accent) !important}.arrow{white-space:nowrap}.diff{background-color:#fffccc}.def{background-color:#ddffff}.diff .def{background-color:#cceecc}.meta{font-size:1.2rem;width:100%;display:flex;flex-direction:row;justify-content:space-between;white-space:nowrap}.pill{font-size:1.2rem;height:20px;line-height:18px;border-radius:10px;border:1px solid var(--front);padding:0 5.5px;display:inline-block;white-space:nowrap;float:none;width:auto}.pill>*{display:inline-block;white-space:nowrap}.pill>*:nth-child(2){margin-left:30px}.pill.bubble{border:none;background-color:var(--back_stroke);height:auto;margin-top:10px !important;line-height:100%;font-size:20px;padding:5px 15px;border-radius:20px}.lede{font-size:2rem;line-height:120%}.symbol{display:inline-block;font-family:"ui",system-ui,sans-serif}.inverted{background-color:var(--front)}.inverted *{color:var(--back);fill:var(--back)}.offwhite{background-color:var(--back_off)}.darkmode{background-color:#181818}.darkermode{background-color:#000}.darkmode *,.darkermode *{color:#fff;fill:#fff;border-color:#fff}.lightmode{background-color:#f8f8f8}.lightmode *{color:#000;fill:#000;border-color:#000}.caption{display:flex;flex-direction:column;gap:10px}.credits{width:auto}.credits td:first-child{width:0;white-space:nowrap;padding-right:5px}.credits li,.credits td{font-size:1.2rem;line-height:16px !important;vertical-align:top}.credits li a,.credits td a{display:inline;font-size:inherit;float:none;border-bottom:1px solid var(--back_stroke);color:var(--front)}.highlight>*:first-child{grid-column:span 2}.section-head{padding:20px var(--pad) 60px var(--pad);display:flex;align-items:center;justify-content:space-between}.section-head h2{width:auto}.section-head a{display:block;float:right;text-align:right;color:var(--front)}.pop:hover{opacity:1}.pop:hover .hidden{opacity:1;transition:opacity 0.2s ease-out}.pop .hidden{opacity:0}.bw img{filter:grayscale(100%)}.bw:hover img{filter:grayscale(0%);transition:filter 0.2s ease-out}body.b img,body.c img{filter:grayscale(100%)}figcaption{max-width:400px;padding-bottom:20px;display:flex;flex-direction:column;gap:10px}figcaption *{line-height:125%}.tooltip{display:none;position:absolute;left:50%;transform:translateX(-50%);min-width:40px;font-family:"system",system-ui,sans-serif !important;background-color:var(--front);color:var(--back) !important;padding:7px 10px;border-radius:20px;font-size:1.4rem;line-height:100%;z-index:10000;white-space:nowrap;text-align:center}.tooltip::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-7px);rotate:45deg;width:10px;height:10px;background-color:var(--front)}.tooltip.top::before{bottom:0;top:auto;rotate:-45deg}.tip{margin-top:5px}.cc-window{background-color:var(--front);color:var(--back);position:fixed;left:0;right:0;bottom:0;padding:20px;z-index:10000;box-shadow:0 0 20px rgba(0,0,0,0.15);opacity:1;transition:opacity 0.5s ease}.cc-window *{width:auto}.cc-window .cc-compliance{float:right}.cc-window a{cursor:pointer;color:var(--back);font-weight:bold}.cc-invisible{opacity:0}.device{padding:18.75% 20%;background:transparent url("../../site/resources/images/device.png") no-repeat top left;background-size:100% auto;background-position:center;background-color:var(--back_off)}.device.small{padding:25% 30%;background-size:66.66667% auto}.device.wide{padding:13.2% 26%;background-size:80% auto}.device img{border-radius:1px}#notification{display:none;background-color:rgba(0,0,0,0.75);color:#fff;text-align:center;position:fixed;top:40%;left:50%;margin-left:-150px;width:300px;border-radius:10px;z-index:100}#notification>*{display:block;float:left;width:100%}#notification span{padding:40px 20px}#notification a{padding:15px 10px;width:50%}#notification .ok{float:right;font-weight:bold}#notification.modal span{border-bottom:1px solid rgba(255,255,255,0.1)}#floater{position:sticky;float:right;width:auto;bottom:20px;right:20px;margin-top:-55px;margin-bottom:20px;z-index:1000;display:flex;gap:6.66667px}#floater>*{box-shadow:0 5px 10px rgba(0,0,0,0.25)}#floater select{background-color:var(--front);color:var(--back)}#floater .select::after{color:var(--back)}#floater button{border:none;cursor:pointer;margin:5px 2px;text-indent:-1000px;display:block;float:left;position:relative;width:20px;height:20px;overflow:hidden;border-radius:15px;background-color:var(--back)}#floater button{transition:background-image 0.2s ease-out;background-image:conic-gradient(var(--front) 0deg, var(--front) 90deg, var(--accent), var(--back) 270deg, var(--back) 360deg)}header{padding:10px 0}header>*{width:auto;padding:0 var(--pad)}header li{width:auto}header #menu-press,header #menu-terms{display:none}header #languages{float:right}header .sub li:not(:first-child){padding-left:20px}header .sub li:first-child::after{content:'';display:block;float:left;position:absolute;left:5px;bottom:-8px;width:10px;height:10px;border-bottom-left-radius:5px;border-bottom:1px solid var(--front);border-left:1px solid var(--front)}header .fontmenu li:first-child a{display:flex;align-items:center;gap:5px}header .fontmenu li:first-child a::before{content:'';display:inline-block;flex-shrink:0;width:12px;height:12px;margin-top:-2px;border-radius:50%;background-color:var(--accent)}header .fontmenu li:not(:first-child){padding-left:37px}header .fontmenu li:first-child::after{left:22px}.logo{display:block;float:left;margin-bottom:20px}.logo svg{width:100px;height:40px;fill:var(--front)}.banner{width:100%;margin-bottom:3%}.banner svg{margin-top:-2%;width:100%;fill:var(--front)}#intro{width:50%;float:right}#intro h1{padding:0 var(--pad) 40px var(--pad)}#intro a{color:var(--front)}#navigation{width:100%;display:flex;flex-direction:row}#navigation>li{margin-right:40px}#navigation.home{width:auto}#navigation.home .menu{margin-top:0;padding-bottom:20px}.menu{width:auto}.menu li{clear:left}.menu a,.menu span{display:block;float:left;line-height:100%;margin-bottom:7px;font-size:1.4rem}.menu li a{font-size:1.4rem}.menu .language{text-transform:uppercase}.menu.horizontal{display:flex;flex-wrap:wrap;gap:6.66667px 20px;justify-self:end;margin-top:0}.menu.horizontal a{height:30px;line-height:30px}.menu.horizontal li{clear:none;width:auto;white-space:nowrap}.header{padding:40px var(--pad) 20px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}.header>div{display:flex;flex-direction:column;width:auto}.header .lede{max-width:500px;margin-top:20px}.header .desc{justify-self:end}.header .desc p{max-width:500px}.header .desc img{margin-bottom:20px}.header .desc a{border-color:var(--medium)}.header h1{width:auto;display:inline;float:none}.header .pill{vertical-align:top;margin-top:11.5px;margin-left:5px}.header .icons{margin-bottom:20px;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr))}.header .icons *{font-size:1.2rem}.header .icons svg{width:40px;height:40px}.header.alt{padding-bottom:40px}.header.full{grid-template-columns:1fr}.header.alt>div:first-child{position:sticky;bottom:40px}li{position:relative}li>.edit{display:none !important}li:hover>.edit{position:absolute;top:10px;right:10px;display:block !important;z-index:1000}.tiles{display:grid;grid-template-columns:repeat(auto-fill, minmax(125px, auto));grid-gap:1px}.tiles a{outline:1px solid var(--back_stroke);z-index:1;position:relative}.tiles a:hover{outline:1px solid var(--front);transition:outline-color 0.2s ease-out;z-index:2;opacity:1}.fonts{display:flex;flex-direction:column;background-color:var(--back_off);gap:80px;text-align:center;padding:50px var(--pad)}.fonts ul *{font-size:inherit}.fonts ul{display:flex;flex-direction:column;gap:10px;padding:0 5%}.fonts li{border-top:0px solid var(--back_stroke)}.fonts .meta{margin-bottom:40px}.tester{background-color:var(--back_off)}.tester li{width:100%}.tester li>*{padding:20px var(--pad) 10px var(--pad)}.tester .sample{text-align:center}.tester .sample div{font-family:inherit;font-size:inherit;line-height:inherit;padding:20px 0}.tester .sample div div{padding:0}.tester .label .tools{display:none}.tester .label .tools .controls{align-items:center;height:30px;display:flex;gap:20px}.tester .label .tools .controls>*{flex-grow:0;width:auto}.tester .label .tools .controls .slider{display:flex;flex-grow:1;align-items:center;gap:10px}.tester .label .tools .controls .slider span:last-child{white-space:nowrap;width:60px;font-size:1.2rem}.tester .label .tools .controls a{font-size:1.2rem;width:auto;display:inline-block;white-space:nowrap}.tester .label .tools .controls .axis .symbol{font-family:"system",system-ui,sans-serif;font-weight:bold;font-size:1.2rem;white-space:nowrap}.tester .label .tools .controls>button{background-color:var(--back_off);border-radius:15px;padding:0 10px;height:30px}.tester .label .tools .controls .justify{display:flex;flex-direction:column;gap:2px;justify-content:center;align-items:center}.tester .label .tools .controls .justify span{display:block;float:left;width:13px;height:1px;background-color:var(--front)}.tester .label .tools .controls .justify span:nth-child(even){width:18px}.tester .label .tools .controls .case{width:40px}.tester .left .sample{text-align:left}.tester .left .justify{align-items:start !important}.tester .right .sample{text-align:right}.tester .right .justify{align-items:end !important}.tester .uc .sample,.tester .uc .case{text-transform:uppercase}.tester .uc .case{background-color:var(--accent) !important;color:var(--accentx)}.tester .lc .sample,.tester .lc .case{text-transform:lowercase}.tester .lc .case{background-color:var(--accent) !important;color:var(--accentx)}.tester .features{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:1px;margin-top:10px}.tester .features button{display:flex;flex-direction:column;background-color:var(--back_off);border-radius:10px;padding:7px 10px;font-size:1.2rem;line-height:120%;text-align:left;align-items:top}.tester .features button.on{background-color:var(--accent);color:var(--accentx)}.tester .features button.on:hover{opacity:1}.tester .features i{font-style:normal;opacity:0.5}.tester div.on{background-color:var(--back);border-top:1px solid var(--back_stroke);border-bottom:1px solid var(--back_stroke)}.tester div.on .label{background-color:var(--back);position:relative;z-index:1}.tester div.on .tools{display:block}.tester div.on .sample{position:relative;z-index:0}.tester div.on .meta{display:none}.tester li:first-child .on{border-top:none}.tester li:last-child .sample{padding-bottom:40px}.tester .sample.edited{white-space:pre-line}.styles{background-color:var(--back_off);position:relative}.styles li{width:auto;border:1px solid var(--back_stroke);border-top:none;border-left:none}.styles a{display:flex;flex-direction:row;font-size:30px;align-items:center;gap:5px;padding:10px}.styles span{font-family:"system",system-ui,sans-serif;font-size:1.2rem;line-height:1.2rem}.styles::before{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background-color:var(--back_stroke)}.styles::after{content:'';position:absolute;bottom:0;top:0;right:0;width:1px;background-color:var(--back_off)}.showcase{padding-bottom:20px;background-color:var(--back_off)}.showcase li{border:none}.showcase li:not(:first-child)>*{padding-top:0}.showcase i{font-style:normal;font-size:1.2rem}.showcase .sample{font-size:100px;line-height:110%}.showcase .feat{font-size:1.2rem}.grid{display:grid;padding:20px var(--pad);gap:6.66667px}.grid>*{min-width:0}.grid li>a:hover{opacity:1}.grid .label{display:flex;flex-direction:horizontal;align-items:top;gap:20px}.grid .caption,.grid figcaption{padding:10px 0 var(--pad) 10px;max-width:400px}.grid .wide{grid-column:1/-1}.grid .credits{display:flex;gap:20px}.grid .credits li{width:25%}.g2{grid-template-columns:repeat(2, 1fr)}.g3{grid-template-columns:repeat(3, 1fr)}.g4{grid-template-columns:repeat(4, 1fr)}.g6{grid-template-columns:repeat(6, 1fr)}.gx{padding:60px var(--pad)}.sortable a{text-decoration:none !important}.sortable a.popup{color:#f00}.related{padding:20px 0}.associated{padding:20px 0;background-color:var(--back_off)}.gallery{padding-bottom:80px}.gallery>li>*{gap:10px}.gallery figcaption *{font-size:1.2rem !important}.slideshow{position:relative;padding-top:56.25%}.slideshow img{position:absolute;top:0}.desc{display:flex;flex-direction:column}.desc p{max-width:500px}.desc p:not(:first-child){text-indent:40px}.desc .credits{margin-top:20px}.desc .toggle{display:block;float:left;color:var(--front);margin-top:10px}.desc .hidden{display:none}.columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.c2{grid-template-columns:2fr 1fr}.c3{grid-template-columns:2fr 1fr 1fr}.icons{font-size:1.2rem;display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));grid-gap:20px}.icons li{display:flex}.icons svg{border-width:1px;border-style:solid;margin-right:10px;width:60px;height:60px;flex-shrink:0;fill:var(--front)}.icons span{align-self:center}.icons .off{opacity:0.25}.icons i{color:var(--medium);font-size:1.2rem;font-style:normal}.filter{padding:20px var(--pad);display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, auto));gap:20px}.filter label{height:30px;line-height:30px;font-weight:bold;text-transform:uppercase;font-size:1.2rem}.filter li{padding:10px 20px 10px 0;border-width:0;border-style:solid;border-color:var(--back_stroke)}.filter li:not(:last-child){border-right-width:1px}.filter .disabled>*{opacity:0.25}.awards svg{border:none;background-color:#f8f8f8;border-radius:50%}.sticky>div{position:sticky;top:0;padding:80px 40px;max-height:100vh;overflow-y:auto}.sticky>div::-webkit-scrollbar{display:none}.sticky h3{margin-bottom:20px}.copy{display:flex;flex-direction:column;gap:40px}.copy .title>*{margin-bottom:40px}.copy p{line-height:150%;font-size:1.75rem}.copy .lede{font-weight:bold}.copy blockquote{padding-left:20px;border-left:1px solid var(--back_stroke);line-height:150%;font-size:1.75rem}.copy figure{display:grid;gap:10px}.copy figcaption,.copy figcaption *{color:var(--medium)}.copy figure.right,.copy figure.left{grid-column:1/-1;display:grid;grid-template-columns:var(--columns);gap:20px}.copy figure.right img{grid-column:2/ span 3;grid-row:1/2}.copy figure.right figcaption{grid-column:1/ span 1;grid-row:1/2;text-align:right;justify-self:end}.copy figure.left img{grid-column:1/ span 3}.copy figure.left figcaption{grid-column:4/ span 1;align-self:end}.copy .full{grid-column:1/-1;display:flex;flex-direction:column}.copy .figures{grid-column:1/-1;gap:10px;display:grid;color:var(--medium)}.copy>figure,.copy>.figures{margin:40px 0}.copy .col4{grid-template-columns:1fr 1fr 1fr 1fr}.copy .col3{grid-template-columns:1fr 1fr 1fr}.copy .col2{grid-template-columns:1fr 1fr}.copy .col1{grid-template-columns:1fr}.copy .button{text-decoration:none}.copy .list{display:flex;flex-direction:column;gap:10px}.copy .list li{list-style:disc outside;display:list-item;line-height:150%}.copy .component-font a{text-decoration:none;display:inline-block;padding:0 15px;height:40px;margin-right:10px;line-height:40px;border:1px solid #000;border-radius:20px}.copy .component-discount b{display:inline-block;padding:0 10px;height:30px;line-height:30px;border:1px solid #000;border-radius:15px}.copy .component-signature{font-weight:bold;font-size:1.75rem;margin-bottom:40px}article .copy{display:grid;grid-template-columns:var(--columns);padding:100px var(--pad)}article .copy>*{grid-column:2/span 2}#legal .copy{padding:80px;gap:20px}#legal .copy p,#legal .copy h3{padding-left:30px}#legal .copy .section{display:block;float:left;font-size:1.2rem;font-weight:normal;color:var(--medium);position:relative;margin-left:-30px;text-decoration:none;border:none}#legal .copy .offset{padding-left:60px}.subtext *{display:inline-block;clear:left;padding-right:10px}.subtext i{font-style:normal;font-size:1.2rem;opacity:0.4}#work .grid{gap:40px 6.66667px}#work .caption{max-width:90%}#home{position:relative}#home section>.edit{position:absolute;z-index:1000;top:10px;left:10px}#home #featured li{align-self:stretch}#home #featured li>div{position:relative;padding:20px;display:flex;flex-direction:column;gap:80px}#home #featured svg{width:100%}#home #featured .pill{width:auto}#home #featured .caption{display:flex;gap:60px;flex-direction:row;max-width:100%;padding-bottom:0;padding-left:0;align-items:flex-end}#home #featured .caption .cap{flex-grow:1}#home #featured .caption a{font-weight:bold;white-space:nowrap;width:auto}#home #featured .caption a:after{content:' →';font-weight:normal}#home #homegrid{position:relative;background-position:50% 50%;background-size:100% 100%}#home #homegrid ul{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, auto))}#home #homegrid ul *{color:var(--back)}#home #homegrid ul li{position:relative;overflow:hidden}#home #homegrid ul li:after{content:'';position:absolute;top:158px;left:0;right:0;height:0;border-top:0px solid orange}#home #homegrid ul a{padding:15px;display:flex;flex-direction:column;justify-content:space-between;gap:10px}#home #homegrid ul .out{height:150px;font-size:150px}#home #homegrid ul span{font-size:1.2rem;line-height:1.2rem}#home #homegrid ul span:last-child{opacity:0;text-align:right;display:block;float:left;width:100%}#home #homegrid ul a:hover{background-color:var(--front);opacity:1}#home #homegrid ul a:hover *{color:var(--back)}#home #homegrid ul a:hover span{opacity:1}#press{background-color:var(--back_off);padding:80px var(--pad)}#press>ul{display:grid;grid-template-columns:repeat(auto-fill, minmax(400px, max-content));grid-gap:80px}#press .offset{padding-left:50px}#press .offset>*{margin-bottom:10px}#press .offset>h3{margin-bottom:40px}#press .offset li li{padding:5px 0}#press .offset li a{display:inline;float:none;color:var(--front);text-decoration:underline}#press .offset strong{margin:5px 0 0 -50px;display:block;float:left}#press .more{display:block;float:left;width:100%;margin-top:10px;color:var(--front) !important}#clients h3{margin-bottom:40px}#clients svg{fill:var(--front)}#contact .social li{margin-bottom:10px}#contact .social a{line-height:30px;color:var(--front);display:flex;gap:10px}#contact .social svg,#contact .social png{width:30px;height:30px}#license-properties{display:flex;margin-bottom:40px}#license-properties li{font-size:20px;line-height:30px;display:flex;align-items:center}#license-properties li::before{display:block;float:left;font-size:1.4rem;font-family:"ui",system-ui,sans-serif;margin-right:10px}#license-properties .no{opacity:0.25}#license-properties .yes::before{content:'✓'}#license-properties .no::before{content:'❌'}#services img,#licenses img{height:200px;width:100%;background-color:var(--back_off);object-fit:contain;padding:20px}#faq{margin-bottom:20px}#faq li>*{padding-left:30px;text-indent:0;margin-bottom:10px}#faq .hidden .section::before{content:'→'}#faq .hidden div{display:none}#faq .section{font-weight:bold;position:relative}#faq .section::before{content:'↓';position:absolute;display:inline-block;font-weight:normal;left:0}#faq .bullets{padding-bottom:10px}#faq .bullets li{padding-left:25px}#faq .bullets li div{padding:6.66667px 0;margin-bottom:0;border-bottom:0px solid var(--back_stroke)}#faq .bullets li::before{position:absolute;font-family:"ui",system-ui,sans-serif;width:20px;height:20px;left:0;top:6.66667px}#faq .bullets .yes::before{content:'✓'}#faq .bullets .no::before{content:'❌';color:red}#fonts .header{padding-top:80px}.glyphs{background-color:var(--back_off)}.glyphs .list{display:grid;padding:20px var(--pad);grid-template-columns:repeat(auto-fill, minmax(100px, auto));grid-gap:1px}.glyphs .list li{font-size:60px;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:inherit;min-height:100px;outline:1px solid var(--back_stroke)}.glyphs .list li div{width:auto;font-family:inherit;color:var(--front)}.glyphs .list li span{font-family:monospace;color:var(--medium);font-size:8px;line-height:8px;position:absolute;top:5px;left:5px}.glyphs .list li.zoom{grid-column:span 3;grid-row:span 3;font-size:200px;outline-color:var(--front);z-index:1000}#font-info{display:flex;flex-direction:column;gap:80px;padding:40px 0}#font-info section{display:flex;flex-direction:column;gap:40px}#font-info section>*{padding:0 var(--pad)}#font-info h2 a{color:var(--front)}#font-info .languages{columns:8}#font-info .languages li{position:relative;padding-left:30px;line-height:150%}#font-info .languages b{display:block;float:left;position:absolute;left:0;width:30px;text-align:center}#about .lede{font-size:1.4rem;font-weight:bold}#about .more{margin-top:10px;text-indent:0}#about .more a{font-weight:bold;border:none}#about .more ::after{content:' →';font-weight:normal}#font-specimen #about{padding:40px 0 80px 0}#font-specimen #about>*{padding:0 var(--pad)}#font-specimen #about h2{display:none}.box *{font-size:inherit;font-family:inherit}.fit span{font-size:1em;white-space:nowrap}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){*[contenteditable]{cursor:url("../../site/resources/images/cursor.png") 0 32,auto}}.specimen{padding:40px var(--pad)}.specimen li{align-self:flex-end;overflow:hidden}.specimen li *{color:inherit;line-height:120%}.specimen .stretch{align-self:stretch}.specimen .stretch *{align-self:center}.specimen .box *{font-size:inherit;font-family:inherit}.specimen .fit span{font-size:1em;white-space:nowrap;outline:none}.specimen .italic{padding:0 2%}.specimen .ui{font-family:'system';font-weight:normal;font-size:1.2rem;line-height:1.2rem;color:inherit}.specimen .ui em{font-style:normal}.specimen .ui.exp{display:flex;justify-content:space-between;clear:both;float:left}.specimen .ui.abs{position:absolute;top:10px;left:10px;width:auto}.specimen .slideshow{padding:0}.specimen .slideshow .slide{position:absolute}.specimen figcaption{padding:10px 0 0 10px}.specimen figcaption *{font-size:1.2rem}.specimen svg{fill:var(--front)}.specimen .wide{grid-column:span 2}.specimen .sampleBit{padding:5%;display:flex;text-align:center}.specimen .sampleBit .years{padding:5% 0}.specimen .sampleBit .years *{line-height:90%}.specimen .sampleBit .time{font-feature-settings:"case"}.specimen .sampleBit .time span{opacity:0;animation:blinker 1.5s ease-in-out infinite;font-style:normal}@keyframes blinker{25%{opacity:1}75%{opacity:1}}.specimen .sampleCover{grid-column:1/-1;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:40px}.specimen .sampleCover .fit:not(:last-child){margin-bottom:20px}.specimen .sampleCover *{letter-spacing:-0.01em;font-feature-settings:"liga" 1}.specimen .sampleInUse .device{background-color:var(--accent)}.specimen .sampleInUse .slideshow img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:contain;object-position:left bottom;visibility:hidden}.specimen .sampleInUse .slideshow img:first-child{visibility:visible}.specimen .sampleListGlyphs{padding:30px 20px 20px 20px}.specimen .sampleListGlyphs p{line-height:110%;text-align:center}.specimen .sampleLoop .slideshow::after{content:'/';visibility:hidden}.specimen .sampleLoop .box{padding:5%}.specimen .sampleLoop .slide{font-family:inherit}.specimen .sampleOpenType{background-color:var(--front);display:flex;flex-direction:column;overflow:hidden}.specimen .sampleOpenType .sample{font-feature-settings:"liga" 0;background-color:var(--front);color:var(--back);padding:10px 20px;padding-bottom:20px;text-align:center;position:relative}.specimen .sampleOpenType .sample.on{color:var(--accentx);background-color:var(--accent);padding-top:20px}.specimen .sampleOpenType .sample::before{content:'OFF';color:var(--back);font-size:1.2rem;line-height:1.2rem;font-family:"system",system-ui,sans-serif;position:absolute;left:10px;bottom:10px}.specimen .sampleOpenType .sample.on::before{content:'ON';color:var(--accentx);background-color:var(--accent);top:10px;bottom:auto}.specimen .sampleOpenType .ui{padding:10px;color:var(--back);opacity:1}.specimen .sampleOpenType .ui.bottom{color:var(--accentx);background-color:var(--accent)}.specimen .sampleParagraphs{display:flex;gap:6.66667px;grid-column:span 2;padding-bottom:0.2em;margin:20px 0 30px 0;align-self:center;border-radius:0 !important}.specimen .sampleParagraphs p{margin-top:5px;width:100%;hyphens:auto;overflow:hidden}.specimen .sampleParagraphs.display{grid-column:1 / -1}.specimen .samplePhrase{padding:10%;display:flex;text-align:center}.specimen .samplePhrase .box *:not(.ui){line-height:100%}.specimen .samplePhrase .uc .fit{text-transform:uppercase}.specimen .sampleQuote{grid-column:1/-1;padding:10%;background-color:var(--back_off)}.specimen .sampleQuote p{line-height:110%;text-align:center}.specimen .sampleRows{grid-row-start:4;grid-column:1/-1;display:flex;flex-direction:column;gap:20px;padding:20px var(--pad) 40px var(--pad);background-color:var(--back_off)}.specimen .sampleStyles{padding-bottom:20px}.specimen .sampleStyles .fit{width:50%;padding-right:5%}.specimen .sampleStyles span{display:block;float:left}.specimen .sampleSVG{padding-top:100%;position:relative;overflow:hidden}.specimen .sampleSVG svg{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.specimen .sampleWeightsGrid{background-color:var(--back_off)}.specimen .sampleWeightsGrid .row{display:flex}.specimen .sampleWeightsGrid .row:nth-child(2){border-top:1px solid var(--front)}.specimen .sampleWeightsGrid .layer{border-left:1px solid var(--front);position:relative;overflow:hidden}.specimen .sampleWeightsGrid .layer:first-child{border:none}.specimen .sampleWeightsGrid .glyph{font-size:1em}.specimen .sampleWeightsLoop .slide{text-align:center}.specimen .sampleWords{grid-column:1/-1;gap:20px;padding:20px 0}@media screen and (max-width: 768px){.specimen .sampleWords li{width:100%}}.specimen.rounded>*,.specimen.rounded img{border-radius:15px}.specimen.rounded .ui.abs{top:15px;left:15px}.odesta .sampleBit,.odesta .sampleLoop .box{padding:0 10%}.ocarina img{filter:grayscale(100%)}#features{row-gap:20px}#features li>div{margin-bottom:10px;position:relative;background-color:var(--back_off);font-size:60px;line-height:60px;align-items:center}#features li>div>div:only-child{width:100%;text-align:center}#features .string{width:50%;font-family:inherit;white-space:nowrap;padding:60px 0;overflow:hidden;text-align:center}#features .rule{position:absolute;top:0;bottom:0;width:0;left:50%;border-left:1px solid var(--back_stroke)}#features i{color:var(--medium);font-size:1.2rem;font-style:normal}footer{padding:20px var(--pad)}footer .logo{display:inline-block;float:none;margin-bottom:-10px}footer .logo svg{fill:var(--back)}footer>div{padding:40px 0}footer>div>*{width:50%}footer>div>div>*{margin-bottom:10px}footer>div>div span{font-size:2rem;display:block;float:left;line-height:100%}footer>div>div svg{height:40px;width:auto;margin-right:10px}footer>div>ul>li{width:30%}footer>div li a{line-height:30px;width:100%;display:flex;align-items:center;gap:10px;float:left}footer>div li svg{width:20px;height:20px}footer>div span{margin-left:5px;display:inline-block}footer form{width:auto;background-color:#333;border-radius:5px;margin:20px 0}footer form div{width:auto}footer form input{height:40px;line-height:40px;padding:0 10px;width:auto;display:block;float:left;background-color:transparent;color:#fff !important}footer form input::placeholder{color:#aaa}footer form #mc_submit{float:right}footer #copyright{border-top:1px solid #333;width:100%;padding:20px 0 0 0;font-size:1.2rem}@media screen and (min-width: 1920px){html{zoom:1.25}.g2:not(.sampleWords){grid-template-columns:repeat(3, 1fr)}.g3:not(.specimen){grid-template-columns:repeat(4, 1fr)}.g4{grid-template-columns:repeat(5, 1fr)}}@media screen and (max-width: 1280px){body{width:100%}}@media screen and (max-width: 1024px){.desktop{display:none !important}.g3{grid-template-columns:repeat(2, 1fr)}.g4{grid-template-columns:repeat(3, 1fr)}.tester .on .pill{display:block}.icons svg{width:40px;height:40px}#font-info .caption{margin-top:5px}#font-info .languages{columns:4}.copy figure.right,.copy figure.left{display:flex;flex-direction:column}.copy figure.right figcaption,.copy figure.left figcaption{text-align:left}footer>div>*{width:100%}#account form .main{padding-right:20px}#featured .caption a:last-child{display:none}.specimen .sampleCover{padding-bottom:60px}}@media screen and (max-width: 768px){html{font-size:62.5%;--pad:10px}#navigation>li{margin-right:20px}#press{padding-right:20px}#services img,#licenses img{height:150px}.header,.columns{display:flex;flex-direction:column}.header>*,.columns>*{width:100% !important}.g2,.g3,#press>ul,#features{display:flex;flex-direction:column}.g4{grid-template-columns:repeat(2, 1fr)}.fonts ul{display:block}.sample{word-break:break-word}.filter{display:block}.filter li{width:100%;padding-right:0}.filter li:not(:last-child){border-right-width:0;border-bottom-width:1px}.pop .hidden{opacity:1}article .copy>*{grid-column:1/-1}article .copy .figures{grid-template-columns:minmax(0, 1fr)}input[type=range]::-webkit-slider-thumb{height:20px;width:20px}input[type=range]::-moz-range-thumb{height:20px;width:20px}input[type=range]::-ms-thumb{height:20px;width:20px}#legal .copy{padding:40px var(--pad)}#font-info .languages{columns:2}#typesystem{display:none}footer>div>ul>li{width:50%}footer>div>ul>li:last-child{width:100%;margin-top:40px}footer>div>ul>li:last-child ul{display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, auto));gap:5px}footer>div>ul>li:last-child li a{display:flex;background-color:#181818;border-radius:10px;padding:20px 0;justify-content:center}footer>div>ul>li:last-child span{display:none}footer>div>ul>li:last-child svg{width:30px;height:30px}footer>div form{width:100%;margin-top:10px}#intro{width:100%;margin-top:40px}#home #homegrid ul{grid-template-columns:repeat(auto-fill, minmax(150px, auto))}#home #homegrid ul .out{font-size:90px;height:90px}.specimen .sampleParagraphs{flex-direction:column;gap:20px}.specimen .sampleParagraphs p{hyphens:none}}@page{size:A4 portrait;margin:20mm 10mm 10mm 20mm}.print{display:none !important}@media print{html,body{background-color:transparent;width:100%;zoom:0.85}header,main>.header,.menu,footer{display:none}.columns{display:block}.sticky{display:none}.copy>*{width:80%;margin-left:5%}.print{display:block !important}}