html,body{margin:0;padding:0;width:100%;}
html{font-size:62.5%;/*user's browser setting controls font-size, default is 16px (so now 24px = 2.4rem)*/}
body{font-family:'Helvetica Now', sans-serif;background-color:#FAF9F7;color:#101010;box-sizing:border-box;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
::selection{color:#FAF9F7;background-color:#101010;}
.whiteonblack *::selection{color:#101010;background-color:#FAF9F7;}
body:not(.animates) *{transition:none!important;}
/*::-webkit-scrollbar{width:0!important;}*/
@font-face{font-family:'Helvetica Now';src:url('../Fonts/HelveticaNowText-Regular.woff2') format('woff2'), url('../Fonts/HelveticaNowText-Regular.woff') format('woff');font-weight:normal;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Helvetica Now';src:url('../Fonts/HelveticaNowText-Medium.woff2') format('woff2'), url('../Fonts/HelveticaNowText-Medium.woff') format('woff');font-weight:500;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Helvetica Now';src:url('../Fonts/HelveticaNowDisplay-Bold.woff2') format('woff2'), url('../Fonts/HelveticaNowDisplay-Bold.woff') format('woff');font-weight:bold;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Grand Slang';src:url('../Fonts/GrandSlang-Roman.woff2') format('woff2'), url('../Fonts/GrandSlang-Roman.woff') format('woff');font-weight:400;font-style:normal;font-stretch:normal;/*font-display:swap;*/}
@font-face{font-family:'Grand Slang';src:url('../Fonts/GrandSlang-Italic.woff2') format('woff2'), url('../Fonts/GrandSlang-Italic.woff') format('woff');font-weight:400;font-style:italic;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Grand Slang B-Side';src:url('../Fonts/GrandSlang-B-Side.woff2') format('woff2'), url('../Fonts/GrandSlang-B-Side.woff') format('woff');font-weight:400;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Cosi Azure';src:url('../Fonts/CosiAzure-Bold.woff2') format('woff2'), url('../Fonts/CosiAzure-Bold.woff') format('woff');font-weight:700;font-style:normal;font-stretch:normal;/*font-display:swap;*/}
@font-face{font-family:'Cosi Azure';src:url('../Fonts/CosiAzure-Black.woff2') format('woff2'), url('../Fonts/CosiAzure-Black.woff') format('woff');font-weight:800;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Cosi Azure';src:url('../Fonts/CosiAzure-Ultra.woff2') format('woff2'), url('../Fonts/CosiAzure-Ultra.woff') format('woff');font-weight:900;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Cosi Azure Stencil';src:url('../Fonts/CosiAzure-BlackStencil.woff2') format('woff2'), url('../Fonts/CosiAzure-BlackStencil.woff') format('woff');font-weight:800;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Cosi Azure Climax';src:url('../Fonts/CosiAzure-Climax.woff2') format('woff2'), url('../Fonts/CosiAzure-Climax.woff') format('woff');font-weight:900;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Cosi Times';src:url('../Fonts/CosiTimes-Roman.woff2') format('woff2'), url('../Fonts/CosiTimes-Roman.woff') format('woff');font-weight:400;font-style:normal;font-stretch:normal;/*font-display:swap;*/}
@font-face{font-family:'Cosi Times';src:url('../Fonts/CosiTimes-Bold.woff2') format('woff2'), url('../Fonts/CosiTimes-Bold.woff') format('woff');font-weight:700;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Cosi Times';src:url('../Fonts/CosiTimes-Light.woff2') format('woff2'), url('../Fonts/CosiTimes-Light.woff') format('woff');font-weight:300;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Cosi Times';src:url('../Fonts/CosiTimes-LightCondensed.woff2') format('woff2'), url('../Fonts/CosiTimes-LightCondensed.woff') format('woff');font-weight:300;font-style:normal;font-stretch:condensed;font-display:swap;}
@font-face{font-family:'Solare';src:url('../Fonts/Solare_Fine.woff2') format('woff2'), url('../Fonts/Solare_Fine.woff') format('woff');font-weight:200;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Solare';src:url('../Fonts/Solare_Light.woff2') format('woff2'), url('../Fonts/Solare_Light.woff') format('woff');font-weight:330;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Solare';src:url('../Fonts/Solare_Regular.woff2') format('woff2'), url('../Fonts/Solare_Regular.woff') format('woff');font-weight:450;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Solare';src:url('../Fonts/Solare_Bold.woff2') format('woff2'), url('../Fonts/Solare_Bold.woff') format('woff');font-weight:650;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Solare';src:url('../Fonts/Solare_Black.woff2') format('woff2'), url('../Fonts/Solare_Black.woff') format('woff');font-weight:900;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Solare';src:url('../Fonts/Solare_Fine_Italic.woff2') format('woff2'), url('../Fonts/Solare_Light_Italic.woff') format('woff');font-weight:200;font-style:italic;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Solare';src:url('../Fonts/Solare_Light_Italic.woff2') format('woff2'), url('../Fonts/Solare_Light_Italic.woff') format('woff');font-weight:330;font-style:italic;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Solare';src:url('../Fonts/Solare_Regular_Italic.woff2') format('woff2'), url('../Fonts/Solare_Regular_Italic.woff') format('woff');font-weight:450;font-style:italic;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Solare';src:url('../Fonts/Solare_Bold_Italic.woff2') format('woff2'), url('../Fonts/Solare_Bold_Italic.woff') format('woff');font-weight:650;font-style:italic;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Solare';src:url('../Fonts/Solare_Black_Italic.woff2') format('woff2'), url('../Fonts/Solare_Black_Italic.woff') format('woff');font-weight:900;font-style:italic;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Solare Intense';src:url('../Fonts/Solare_FineIntense.woff2') format('woff2'), url('../Fonts/Solare_FineIntense.woff') format('woff');font-weight:200;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Solare Intense';src:url('../Fonts/Solare_LightIntense.woff2') format('woff2'), url('../Fonts/Solare_LightIntense.woff') format('woff');font-weight:330;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Solare Intense';src:url('../Fonts/Solare_RegularIntense.woff2') format('woff2'), url('../Fonts/Solare_RegularIntense.woff') format('woff');font-weight:450;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Solare Intense';src:url('../Fonts/Solare_BoldIntense.woff2') format('woff2'), url('../Fonts/Solare_BoldIntense.woff') format('woff');font-weight:650;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Solare Intense';src:url('../Fonts/Solare_BlackIntense.woff2') format('woff2'), url('../Fonts/Solare_BlackIntense.woff') format('woff');font-weight:900;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Solare Sunset';src:url('../Fonts/Solare_SunsetLight.woff2') format('woff2'), url('../Fonts/Solare_SunsetLight.woff') format('woff');font-weight:200;font-style:normal;font-stretch:normal;font-display:swap;}
@font-face{font-family:'Solare Variable';src:url('../Fonts/Solare_v.woff2') format('woff2'), url('../Fonts/Solare_v.woff') format('woff');font-weight:200 900;font-style:normal;font-stretch:normal;/*font-display:swap;*/}
@font-face{font-family:'Solare Variable';src:url('../Fonts/Solare_v_Italic.woff2') format('woff2'), url('../Fonts/Solare_v_Italic.woff') format('woff');font-weight:200 900;font-style:italic;font-stretch:normal;/*font-display:swap;*/}
h1,h2,h3,h4,h5,h6,p,q{position:relative;margin:0;padding:0;font-weight:normal;font-style:normal;line-height:1;box-sizing:border-box;}
h1{font-size:8vw;line-height:7.5vw;font-weight:bold;letter-spacing:-.15vw;}
h2, .titlebar .cell h1{font-size:1.4rem;line-height:1.5;letter-spacing:.05rem;font-weight:bold;}
h3{font-size:1.2rem;line-height:1.5;letter-spacing:.03rem;font-weight:bold;}
h4{font-size:1.1rem;line-height:1.6;letter-spacing:.03rem;text-transform:uppercase;}
p{font-size:1.5rem;line-height:1.6;min-height:2.5rem;}
q{font-size:5.5rem;line-height:1.1;letter-spacing:-.24rem;}
.solare q{font-size:6.5rem;}
p a.witharrow{position:relative;padding-right:3px;}
p a.witharrow .arrowtr{display:inline-block;margin-left:6px;opacity:.5;transition:opacity .5s ease-out;}
p a.witharrow:hover .arrowtr{opacity:1;}
.grandslang{font-family:'Grand Slang';}
.bside{font-family:'Grand Slang B-Side';}
.cosiazure{font-family:'Cosi Azure';}
.preview.cosiazure b{font-family:'Cosi Azure Stencil';font-weight:800;}
.cosiazurestencil{font-family:'Cosi Azure Stencil';font-weight:800;}
.cosiazureclimax{font-family:'Cosi Azure Climax';font-weight:900;}
.cositimes{font-family:'Cosi Times';}
.solare{font-family:'Solare';font-weight:450;}
.solareintense, .solare.intense{font-family:'Solare Intense';font-weight:450;}
.solaresunset, .solare.sunset, .solare .sunsetlight, .sunsetlight{font-family:'Solare Sunset';}
.solarevariable{font-family:'Solare Variable';}
.italic{font-style:italic;}
/*.thin{font-weight:100;}*/
.light{font-weight:300;}
.solare.fine, .solareintense.fine, .solare.intense.fine, .solaresunset.light, .solare.sunset.light, .sunsetlight{font-weight:200;}
.solare.light, .solareintense.light, .solare.intense.light{font-weight:330;}
.bold{font-weight:700;}
.solare.bold, .solareintense.bold, .solare.intense.bold, .solare.medium, .solareintense.medium, .solare.intense.medium{font-weight:650;}/*it's called "medium" after January 19 2024*/
.black{font-weight:900;}
.condensed{font-stretch:condensed;}
.cosiazure b, .cosiazure.black, .cosiazure span.black{font-weight:800;}
.cosiazure.ultra, .cosiazure span.ultra{font-weight:900;}
.fontloader{width:0;height:0;visibility:hidden;overflow:hidden;}
input, textarea{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;appearance:none;background:none;border:none;display:block;color:inherit;padding:0;margin:0;outline:0;text-align:left;resize:none;}
select{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;}
@media all and (max-width:1000.5px){
h1{font-size:4.0rem;line-height:1;}
q{font-size:3.2rem;letter-spacing:-2px;}
.solare q{font-size:3.8rem;letter-spacing:0;}
}
@media all and (min-width:1650.5px){
h2{font-size:1.45rem;}/*looks slightly better on large non-retina displays*/
}
/* Custom cursor */
.cursor{position:fixed;left:0;top:0;width:0;height:0;z-index:10001;pointer-events:none;mix-blend-mode:difference;}
.cursor:after{content:"";position:absolute;left:-70px;top:-70px;width:140px;height:140px;border-radius:140px;background-color:#FAF9F7;will-change:transform;transform:scale(.075,.075);transition:transform .7s cubic-bezier(0.25, 1, 0.5, 1);}
.cursor.hide:after{transform:scale(0,0);transition:transform .2s ease;}
body.smallhover .cursor:after{transform:scale(.25,.25);}
body.mediumhover .cursor:after{transform:scale(.5,.5);}
body.largehover .cursor:after{transform:scale(1,1);}
.previewCursor{position:fixed;left:0;top:0;width:0;height:0;z-index:10002;pointer-events:none;}
.previewCursor .inner{position:absolute;left:-10px;top:-15px;width:15vw;height:15vw;background-color:#FAF9F7;border-radius:15vw;border:1px solid #B4B3B2;overflow:hidden;transform-origin:25% 25%;will-change:transform, opacity;transform:scale(.5,.5);opacity:0;transition:opacity .2s ease, transform .2s ease;font-size:5vw;line-height:15vw;text-align:center;}
.previewCursor.on .inner{opacity:1;transform:scale(1,1);transition:opacity .2s ease-out, transform .5s cubic-bezier(0.16, 1, 0.3, 1);}
.whiteonblack .previewCursor .inner{background-color:#101010;}
@media all and (max-width:1650.5px){
.cursor:after{left:-55px;top:-55px;width:110px;height:110px;border-radius:110px;}
body.smallhover .cursor:after{transform:scale(.33,.33);}
}
@media all and (max-width:1000.5px){
.cursor{display:none;}
}
/* Buttons */
a{position:relative;box-sizing:border-box;color:inherit;text-decoration:none;line-height:inherit;}
a{-moz-user-drag:none;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);touch-action:manipulation;/*removes delay*/}
button{position:relative;box-sizing:border-box;margin:0;padding:0;border:none;background:none;color:inherit;font-family:inherit;font-size:inherit;cursor:pointer;letter-spacing:inherit;text-transform:inherit;font-weight:inherit;}
button:focus{outline:none;}
button{-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.arrowtr{position:relative;width:11px;height:11px;border-top:1px solid #101010;border-right:1px solid #101010;}
.arrowtr:after{content:"";position:absolute;left:0;bottom:0;width:11px;height:1px;background-color:#101010;transform-origin:0 0;transform:rotate(-45deg);}
.whiteonblack .arrowtr{border-color:#FAF9F7;}
.whiteonblack .arrowtr:after{background-color:#FAF9F7;}
.speechBtn, .colorThemeBtn, .immerseBtn, .refreshBtn{position:relative;width:40px;height:40px;box-sizing:border-box;border-radius:100%;}
.speechBtn:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border-radius:100%;background-color:#FAF9F7;border:1px solid #B4B3B2;}
.speechBtn:after{content:"";position:absolute;left:14px;top:14px;width:10px;height:10px;background:url("../Grx/speech.svg") no-repeat;background-size:contain;}
.speechBtn.loop:before{transform:scale(1.25,1.25);}
.colorThemeBtn:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border-radius:100%;background-color:#FAF9F7;border:1px solid #B4B3B2;}
.colorThemeBtn:after{content:"";position:absolute;left:12px;top:12px;width:16px;height:16px;background:url("../Grx/colortheme.svg") no-repeat;background-size:contain;}
.immerseBtn:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border-radius:100%;background-color:#FAF9F7;border:1px solid #B4B3B2;}
.immerseBtn:after{content:"";position:absolute;left:12px;top:12px;width:16px;height:16px;background:url("../Grx/immerse.svg") no-repeat;background-size:contain;}
.refreshBtn:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border-radius:100%;background-color:#FAF9F7;border:1px solid #B4B3B2;}
.refreshBtn:after{content:"";position:absolute;left:12px;top:12px;width:16px;height:16px;background:url("../Grx/refresh.svg") no-repeat;background-size:contain;}
.speechBtn:hover:before, .colorThemeBtn:hover:before, .immerseBtn:hover:before, .refreshBtn:hover:before{border-color:#101010;}
.whiteonblack .speechBtn:hover:before, .whiteonblack .colorThemeBtn:hover:before, .whiteonblack .immerseBtn:hover:before, .whiteonblack .refreshBtn:hover:before{border-color:#FAF9F7;}
.whiteonblack .speechBtn:before, .whiteonblack .colorThemeBtn:before, .whiteonblack .immerseBtn:before, .whiteonblack .refreshBtn:before{background-color:#101010;}
.whiteonblack .speechBtn:after, .whiteonblack .colorThemeBtn:after, .whiteonblack .immerseBtn:after, .whiteonblack .refreshBtn:after{filter:invert();}
.buy{position:sticky;position:-webkit-sticky;bottom:0;z-index:9;margin-top:1.25vw;}
.buyBtn{position:absolute;right:3vw;bottom:3vw;width:8vw;height:8vw;min-width:100px;min-height:100px;border-radius:100%;z-index:9;font-size:1.2rem;letter-spacing:.12rem;text-align:center;text-transform:uppercase;font-weight:500;}
.buyBtn:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border-radius:100%;background-color:#FAF9F7;border:1px solid #B4B3B2;z-index:-1;transition:background-color .8s ease-in-out;}
.buyBtn span{display:inline-block;vertical-align:top;transition:transform .3s ease-out;}
.buyBtn span:nth-of-type(4){display:block;position:absolute;width:100%;left:0;margin-top:-4px;opacity:0;transition:opacity .2s ease;}
.whiteonblack .buyBtn:before{background-color:#101010;}
.addToCartBtn{display:block;text-align:center;font-size:1.2rem;font-weight:500;letter-spacing:.03rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#101010;color:#FAF9F7;text-transform:uppercase;padding:23px 15px;border:1px solid #101010;width:25vw;margin-top:20px;transition:background-color .2s ease-out, color .2s ease-out, opacity .3s ease-out;}
.addToCartBtn:hover{background-color:#FAF9F7;color:#101010;}
.addToCartBtn.locked,.addToCartBtn.cartempty{pointer-events:none;}
.addToCartBtn.checkoutlock{cursor:progress;}
.m.text .addToCartBtn{margin-top:0;}
.addToCartBtn.cartempty{visibility:hidden;}
.whiteonblack .addToCartBtn{border-color:#FAF9F7;}
.closeBtn{position:absolute;right:5%;margin-right:-5px;top:2.0vh;width:2.5vw;height:2.5vw;border-radius:100%;transition:transform .7s cubic-bezier(0.25, 1, 0.5, 1);z-index:10;}
.closeBtn:before, .closeBtn:after{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background-color:#FAF9F7;}
.closeBtn:before{transform:rotate(-45deg);}
.closeBtn:after{transform:rotate(45deg);outline:2px solid #101010;}
.galleryBtn{position:relative;padding:0;width:40px;height:40px;margin:0;}
.galleryBtn:before{content:"";position:absolute;left:0;top:0;width:40px;height:40px;box-sizing:border-box;border-radius:100%;border:1px solid #B4B3B2;transition:border .3s ease-out;}
.galleryBtn:after{content:"";position:absolute;left:14px;top:14px;width:13px;height:13px;background:url("../Grx/gallery.svg") no-repeat;background-size:13px 13px;}
.galleryBtn.list:after{left:12px;top:14px;width:16px;height:12px;background:url("../Grx/list.svg") no-repeat;background-size:16px 12px;}
.galleryBtn:hover:before{border-color:#101010;}
.whiteonblack .galleryBtn:hover:before{border-color:#FAF9F7;}
.whiteonblack .galleryBtn:before{background-color:#101010;}
.whiteonblack .galleryBtn:after{filter:invert();}
/* Media */
img,video,.lazy{border:0;-moz-user-select:none;-webkit-user-select:none;-webkit-user-drag:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
/*img,*/video{pointer-events:none;}/*with smooth scroll this helps Firefox and Safari with external mouse*/
.fade{opacity:0;transition:opacity .6s ease-in-out;}
.fade.in{opacity:1;}
.lazy{position:relative;width:100%;}
.lazy .rel{position:relative;width:100%;overflow:hidden;}
.lazy .rel .img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:opacity 1.0s ease-in-out;/*, transform 2.0s ease-out;will-change:opacity;*/}
.lazy .rel .img.instant{transition:none;}
.parallax .rel{will-change:transform;}
.txtfade{opacity:0;transition:opacity 0s ease-in-out;will-change:opacity;}
.txtfade.in{opacity:1;transition-duration:1s;}
.externalvideoplayer{transition:opacity 1s ease-in-out;opacity:0;}
.externalvideoplayer.in{opacity:1;}
.externalvideoplayer.youtube{position:absolute;left:0;top:0;width:100%;height:100%;}
.externalvideoplayer.youtube iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
/* Menu */
header{position:fixed;left:0;top:0;width:100%;z-index:10;text-align:left;box-sizing:border-box;transition:border .3s ease-out;}
header:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(250,249,247,.9);backdrop-filter:blur(4px);}
header:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;background:linear-gradient(0deg, rgba(250,249,247,0), rgba(250,249,247,1));}
body:not(.pagetransition) header:before{transition:background-color .8s ease-in-out;}
body:not(.pagetransition) header:after{transition:opacity .8s ease-in-out;}
.whiteonblack header{border-bottom-color:#565655;}
.whiteonblack header:before{background-color:rgba(16,16,16,.9);}
body.whiteonblack:not(.pagetransition) header:after{opacity:0;transition:opacity .4s ease-out;/*background:linear-gradient(0deg, rgba(16,16,16,0), rgba(16,16,16,1));*/}
body:not(.scrolled) header, body.whiteonblack:not(.scrolled) header{border-color:transparent;}
header .menuToggle{display:none;}
header .mainmenu{position:absolute;left:0;top:0;width:100%;font-size:0;box-sizing:border-box;z-index:1;}
header .mainmenu .el{display:inline-block;vertical-align:top;text-align:left;margin-right:10px;}
header .mainmenu .primary{display:inline-block;vertical-align:top;font-size:1.1rem;line-height:1;letter-spacing:.03rem;text-transform:uppercase;padding:15px;max-height:40px;}
header .mainmenu .cartBtn{position:absolute;right:5%;top:0;font-size:1.1rem;line-height:1;letter-spacing:.03rem;text-transform:uppercase;padding:15px 0 15px 25px;}
header .logo{position:relative;display:inline-block;margin-left:20%;min-height:39px;z-index:2;}
header .logo .small{position:absolute;left:0;top:12px;font-size:1.1rem;line-height:1.5;letter-spacing:.03rem;text-transform:uppercase;width:180px;transition:opacity .4s ease-out;}
header .logo.largeonly .small{opacity:0;}
header.open .logo .small{opacity:0;transition-duration:0s;}
header .logo .large{position:relative;padding-top:43vh;width:24vw;display:flex;margin:12px 0 8px 0;will-change:width,padding-top;}
header .logo .large .rel{position:relative;width:100%;padding-top:17.0416%;margin:auto;}
header .logo .large .svg{position:absolute;left:0;top:0;width:100%;height:100%;/*padding:4px 0 0 0;margin:0;*/transition:fill .3s ease-out;}
.whiteonblack header .logo .large .svg{fill:#FAF9F7;}
/* Larger screens allow more spacing in menu */
@media all and (min-width:1350.5px){
header .mainmenu .el{width:6.666%;margin-right:0;}
}
main{position:relative;width:100%;}
.page{position:relative;width:100%;box-sizing:border-box;font-size:0;padding-top:40px;background-color:#FAF9F7;}
/* Standard module */
.m{position:relative;width:100%;box-sizing:border-box;}
.m .l, .m .r{position:relative;display:inline-block;vertical-align:top;width:50%;box-sizing:border-box;}
.whiteonblack{background-color:#101010;color:#FAF9F7;}
.whiteonblack .page{background-color:#101010;}
.canoverflow{overscroll-behavior:contain;}
/* Borders */
.borderbottom{border-bottom:1px solid #B4B3B2;transition:border-bottom-color .8s ease-in-out;}
.whiteonblack .borderbottom{border-bottom-color:#565655;}
.space{height:10vw;}/*space before footer on some pages*/
/* Frontpage intro */
.m.intro{height:calc(100vh - 105px);}
/* Titlebars */
.titlebar{position:relative;width:100%;box-sizing:border-box;padding:9px 0;text-transform:uppercase;}
.titlebar.sticky{cursor:default;position:sticky;position:-webkit-sticky;top:40px;z-index:4;background-color:rgba(250,249,247,.9);backdrop-filter:blur(4px);}
.titlebar.stickybottom{text-align:left;width:20%/*calc(5vw + 40px)*/;height:40px;display:block;cursor:default;position:sticky;position:-webkit-sticky;bottom:20px;z-index:2;margin:-40px 0 7.5vw 0;padding:0 0 0 5vw;}
.titlebar.stickybottom.pull-left{margin:-40px 0 0 -2.5vw;}
.whiteonblack .titlebar.sticky{background-color:rgba(16,16,16,.9);}
.titlebar:not(.stickybottom) .cell:nth-of-type(1){width:15%;margin-left:5%;}
/* Cell (in titlebar and various modules */
.cell{position:relative;display:inline-block;vertical-align:top;font-size:1.2rem;font-weight:500;letter-spacing:.03rem;line-height:1.5;box-sizing:border-box;}
/* Typeface previews */
.typefaces{padding-top:10vw;}
.m.intro + .typefaces{padding-top:0;}
.typefaces .typeface{display:block;width:100%;padding:100px 0;}
.typefaces .typeface .cta{font-size:1.2rem;font-weight:500;letter-spacing:.03rem;line-height:1.5;}
.typefaces .typeface .cell h3{font-weight:normal;}
.typefaces .typeface .cell h3::first-line{font-weight:500;}
.typefaces .typeface .cell:nth-of-type(1){width:5%;text-align:center;}
.typefaces .typeface .cell:nth-of-type(2){width:15%;}
.typefaces .typeface .cell:nth-of-type(3){font-weight:400;}
.typefaces .typeface .cell .preview{font-size:6.5vw;line-height:7vw;letter-spacing:-.01em;}
.typefaces .typeface .cell .preview.solarevariable i:first-of-type{display:inline-block;text-indent:.45vw;}/*safari cuts off first italic letter*/
.typefaces .typeface .plus{position:absolute;right:5%;top:100px;width:3.2vw;height:3.2vw;}
.typefaces .typeface .plus:before, .typefaces .typeface .plus:after{content:"";position:absolute;left:50%;margin-left:-.5px;top:1%;width:1px;height:45%;background-color:#101010;}
.typefaces .typeface .plus:after{top:55%;}
.typefaces .typeface .plus span{display:block;position:absolute;left:0;top:50%;margin-top:-.5px;width:100%;height:1px;background-color:#101010;}
.typefaces .typeface .cta{position:absolute;left:5%;bottom:80px;font-size:1.1rem;font-weight:normal;text-transform:uppercase;color:#71706F/*7C7B7A*/;padding:15px 15px 15px 0;}
.feed{padding-top:10vw;}
.feed .titlebar{margin-bottom:45px;padding-top:0;cursor:default;}
.feed .carousel{position:relative;width:100%;overflow:hidden;cursor:grab;}
.feed .carousel .scroller{position:relative;font-size:0;white-space:nowrap;box-sizing:border-box;padding-left:20vw;padding-bottom:40px;}
.feed .carousel .scroller .el{display:inline-block;vertical-align:top;width:20vw;margin-right:5vw;white-space:normal;}
.feed .carousel .scroller .el .lazy{overflow:hidden;}
.feed .carousel .scroller .el .lazy .rel{overflow:hidden;}
.feed .carousel .scroller .el .category{display:block;font-size:1rem;letter-spacing:.04rem;padding:20px 0 6px 0;text-transform:uppercase;}
.feed .carousel .scroller .el p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;height:4.8rem;}
.feed .carousel .scroller .el:last-of-type{margin-right:10vw;}
.feed .carousel.dragging{cursor:grabbing;}
.feed .carousel.dragging a{pointer-events:none;}
.feed .carousel .scroller .el .arrowtr{margin-top:12px;}
/* Take-over immersive (movie-like credits) */
.immersive{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#101010;color:#FAF9F7;z-index:11;}
.immersive:not(.on){display:none;}
.immersive .inner{position:relative;width:100%;box-sizing:border-box;padding:160px 10% 80px 20%;padding-top:calc(15vh + 8.5vh + 2.5vw + 40px);will-change:transform;cursor:default;}
/*.immersive .inner > div{transform:translateY(100vh);transition:transform 1.5s cubic-bezier(0.16, 1, 0.3, 1);}
.immersive.in .inner > div{transform:translateY(0px);}*/
.immersive p{font-size:10vw;line-height:10vw;}
/*.whiteonblack .immersive{background-color:#101010;color:#FAF9F7;}*/
/* Information */
.about{padding:10vw 0;}
.about .content{font-size:0;box-sizing:border-box;}
.about .content h1{padding:5vw 20% 7vw 20%;}
.about .content .l{padding-left:15%;padding-right:5%;}
.about .content .r{padding-left:5%;padding-right:21%;}
.about .content p:not(:first-of-type){text-indent:3rem;}
.about .content .featured{padding-top:7.5rem;}
.about .content .featured h4{padding-bottom:12px;}
.about .content .featured p{text-indent:0;line-height:1.9;}
.faq{padding:10vw 0;}
.faq .faqList{box-sizing:border-box;padding:5vw 0;}
.faq .faqList p:not(.question):not(.answer):not(:first-of-type){text-indent:3rem;}
.faq .faqList .el{width:100%;padding-bottom:2.8rem;}
.faq .faqList .el h3{text-transform:uppercase;}
.faq .faqList .el .cell:nth-of-type(1){width:5%;text-align:center;margin-left:15%;}
.faq .faqList .el .cell:nth-of-type(2){width:35%;}
.faq .faqList .el .cell:nth-of-type(3){width:24%;}
.faq .faqList .el .answer{color:#626261;padding:.2rem 0 1.2rem 0;}
/* Directory */
.directory{padding:10vw 0 0 0;}
.directory .content{box-sizing:border-box;padding:5vw 0 0 0;text-align:center;}
.directory .content .people{margin:0 auto;padding:7.5vw 0 0 0;}
.directory .content .people .person{position:relative;box-sizing:border-box;padding:0 15px;cursor:default;width:50vw;margin-left:25vw;text-overflow:ellipsis;white-space:nowrap;}
.directory .content .people .person .txt{display:block;}
.directory .content .people .person p{display:inline-block;vertical-align:top;width:50%;overflow:hidden;text-overflow:ellipsis;}
.directory .content .people .person p:nth-of-type(1){text-align:right;padding-right:12px;font-weight:bold;}
.directory .content .people .person p:nth-of-type(2){text-align:left;padding:5px 0 0 12px;font-size:1.1rem;letter-spacing:.03rem;text-transform:uppercase;}
.directory .content .people .person .lazy{position:absolute;top:0;width:20vw;opacity:0;transform:translateY(-50%) translateY(5vw) scale(1.05,1.05);display:none;pointer-events:none;transition:opacity .3s ease-out, transform .7s cubic-bezier(0.25, 1, 0.5, 1);}
.directory .content .people .person .lazy.landscape{width:25vw;transform:translateY(-50%) translateY(7.5vw) scale(1.05,1.05);}
.directory .content .people .person:nth-of-type(even) .lazy{left:-15vw;}
.directory .content .people .person:nth-of-type(even) .lazy.landscape{left:-17.5vw;}
.directory .content .people .person:nth-of-type(odd) .lazy{right:-15vw;}
.directory .content .people .person:nth-of-type(odd) .lazy.landscape{right:-17.5vw;}
.directory .content .people .person:nth-of-type(8n) .lazy{left:-20vw;}/*variation*/
.directory .content .people .person.hover .lazy{display:block;}
.ctas{height:10vw;/*padding-bottom:7.5vw;*/}
.ctas .cell{width:10%;padding:34px 0 0 0;}
.ctas .cell:first-of-type{margin-left:calc(65% - 15px);}
.ctas .cell a{font-size:1.1rem;font-weight:normal;letter-spacing:.03rem;padding:15px;text-transform:uppercase;}
.ctas + .feed{padding-top:0;}
.directorygallery{padding:10vw 0 0 0;}
.directorygallery .content{box-sizing:border-box;padding:5vw 0 0 0;text-align:center;font-size:0;}
.directory .content h1, .directorygallery .content h1{padding:0 25% 5vw 25%;}
.directorygallery .content .el{display:inline-block;vertical-align:top;width:20%;margin:0;}
/* Journal */
.journal{padding:10vw 0 5vw 0;}
.journal .content{display:inline-block;vertical-align:top;font-size:0;box-sizing:border-box;width:80%;margin-top:2.5vw;}
.journal .content .el{display:inline-block;vertical-align:top;width:20vw;margin-right:5vw;margin-top:2.5vw;transition:opacity .3s ease-out;}
.journal.boutique .content .el{width:30vw;}
.journal .content .el .lazy{overflow:hidden;}
.journal .content .el .lazy .rel{overflow:hidden;}
.journal .content .el .category{display:block;font-size:1rem;letter-spacing:.04rem;padding:20px 0 6px 0;text-transform:uppercase;}
.journal:not(.boutique) .content .el p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;height:4.8rem;}
.journal.boutique .content .el p{display:inline-block;vertical-align:top;font-size:1.2rem;font-weight:500;letter-spacing:.03rem;text-transform:uppercase;padding:15px 0;height:auto;}
.journal.boutique .content .el p.soldout{color:#B4B3B2;}
.journal.boutique .content .el p:nth-of-type(1){width:2.5vw;}
.journal.boutique .content .el p:nth-of-type(2){width:17.5vw;}
.journal.boutique .content .el p:nth-of-type(3){width:5vw;}
.journal .content .el .arrowtr{margin-top:12px;}
.journal .content .el.hide{opacity:.05;transition:opacity .15s ease-out;pointer-events:none;}
/* Categories */
.categories{display:inline-block;vertical-align:top;width:20%;margin-top:2.5vw;position:sticky;position:-webkit-sticky;top:100px;}
.categories h4{padding:5px 15px 8px 2.5vw;}
.categories .categoryBtn{font-size:1.5rem;letter-spacing:.015rem;line-height:1;display:table;padding:4px 30px 5px 5vw;}
.categories .categoryBtn.marginabove{margin-top:8px;}
.categories .categoryBtn:before{content:"";position:absolute;left:2.5vw;top:50%;width:calc(2.5vw - 7%);height:1px;background-color:#101010;transform-origin:100% 0;transform:scaleX(0);transition:transform .7s cubic-bezier(0.25, 1, 0.5, 1), background-color .8s ease-in-out;}
.whiteonblack .categories .categoryBtn:before{background-color:#FAF9F7;}
.categories .categoryBtn:hover:before, .categories .categoryBtn:focus:before, .categories .categoryBtn.selected:before{transform-origin:0 0;transform:scaleX(1);}
/* Post modules */
.post{padding:10vw 0 5vw 0;}
.post .headline{text-align:center;z-index:1;}
.post .headline h1{font-weight:normal;letter-spacing:-.5vw;box-sizing:border-box;padding:0 20%;}
.post .headline .centerimg{margin:25px auto;width:20%;}
.post .headline.b h1{font-family:'Solare Variable';font-weight:200;font-variation-settings:"SRFF" 200;letter-spacing:-.01rem;}
.post .text{padding:25px 10% 25px 50%;}
.post .text p:not(:first-of-type){text-indent:3rem;}
.post .text p a{font-weight:500;}
.post .text .addToCartBtn{margin:50px 0;}
.post .inlineimg{width:100%;padding:25px 20% 25px 50%;}
.post .quote{text-align:center;padding:25px 30%;}
.post .quote.solare q{font-weight:450;letter-spacing:0;}
.post .fullimg{padding:25px 5% 25px 5%;}
/* Boutique */
.product{padding:10vw 0;}
.product .content{position:relative;width:100%;font-size:0;}
.product .content .l, .product .content .r{position:relative;display:inline-block;vertical-align:top;box-sizing:border-box;}
.product .content .l{width:65%;padding:0 5vw 0 5vw;margin-top:-2.5vw;z-index:1;}
.product .content .r{width:35%;position:sticky;position:-webkit-sticky;top:calc(10vw + 40px);}
.product .content .r .titlebar{width:calc(100% / .35);margin-left:calc((100% / -.35) * .65);}/*vw can't be used here for scrollbars cases*/
.product .content .r .titlebar .cell:nth-of-type(1){margin-left:65%;width:25%;}
.product .productinfo{position:relative;box-sizing:border-box;padding-top:5vh;width:100%;}
.product .productinfo .menu{position:relative;font-size:0;}
.product .productinfo .menu button{display:inline-block;vertical-align:top;font-size:1.0rem;letter-spacing:.03rem;text-transform:uppercase;padding:15px;min-width:5vw;text-align:left;opacity:.3;transition:opacity .3s ease-out;}
.product .productinfo .menu button:first-of-type{padding-left:0;}
.product .productinfo .menu button:hover, .product .productinfo .menu button.selected{opacity:1;}
.product .productinfo .texts{position:relative;font-size:0;padding:2.5vh 0 20px 0;white-space:nowrap;overflow:hidden;min-height:10vh;}
.product .productinfo .texts .text{display:inline-block;vertical-align:top;width:100%;box-sizing:border-box;padding-right:10vw;opacity:0;transition:opacity .2s ease;white-space:normal;}
.product .productinfo .texts .text.fadein{opacity:1;transition:opacity .6s ease-in-out;}
.product .productinfo .texts .text:nth-of-type(2){transform:translateX(-100%);}
.product .productinfo .texts .text:nth-of-type(3){transform:translateX(-200%);}
.product .productinfo .texts .text:nth-of-type(4){transform:translateX(-300%);}
.dropdown{position:relative;font-size:1.5rem;width:100%;max-width:25vw;height:45px;box-sizing:border-box;}
.dropdown select{display:block;width:100%;height:100%;margin:0;box-sizing:border-box;padding:0 10px;background-color:transparent;color:#101010;appearance:none;cursor:pointer;border-radius:0;outline:0;border:1px solid #B4B3B2;transition:color .8s ease-in-out, border .3s ease-out, background-color .3s ease-out;}
.togglingColor .dropdown select{transition:all .8s ease-in-out;}
.dropdown.error select{background-color:#B4B3B2;}
.dropdown .arrow{position:absolute;top:17px;right:20px;width:1px;height:11px;background-color:#101010;transform:translateY(-2px);z-index:2;pointer-events:none;transition:transform .2s ease-out, background-color .8s ease-in-out;}
.dropdown .arrow:before, .dropdown .arrow:after{content:"";position:absolute;bottom:-5px;width:10px;height:1px;background-color:#101010;transition:background-color .8s ease-in-out;}
.dropdown .arrow:before{left:-9px;transform-origin:100% 0;transform:rotate(45deg);}
.dropdown .arrow:after{left:0;transform-origin:0 0;transform:rotate(-45deg);}
.whiteonblack .dropdown select{border-color:#FAF9F7;color:#FAF9F7;}
.whiteonblack .dropdown .arrow, .whiteonblack .dropdown .arrow:before, .whiteonblack .dropdown .arrow:after{background-color:#FAF9F7;}
.dropdown.open select, .dropdown:hover select{border-color:#101010;}
.whiteonblack .dropdown.open select, .whiteonblack .dropdown.selection select, .whiteonblack .dropdown:hover select{border-color:#FAF9F7;}
/* Font details */
.typesettings{padding:15vh 0 0 0;/*5vw bottom*/}
.typesettings .categories{position:relative;top:auto;padding-top:8.5vh;}
.typesettings .content{display:inline-block;vertical-align:top;width:80%;padding-top:0;margin-bottom:-1vw;}
.typesettings .content .sliders{position:relative;display:block;width:100%;box-sizing:border-box;}
.typesettings .content .valueslider{position:relative;display:inline-block;vertical-align:top;width:12.5%;min-height:2.5vw;margin-right:6.25%;/*10/8 multiply*/transition:opacity .8s ease-in-out;}
.typesettings .content .valueslider:last-of-type{margin-right:0;}
.typesettings .content .valueslider .slider{position:relative;width:100%;margin-top:11px;}
.typesettings .content .valueslider.hidden{display:none;}
.typesettings .content .valueslider .slider .bar{position:relative;width:100%;height:1px;background-color:#101010;}
.typesettings .content .valueslider .slider .bar:before{content:"";position:absolute;left:0;top:-10px;width:100%;height:22px;}/*hit*/
.typesettings .content .valueslider .slider.animated .bar{left:16px;width:calc(100% - 16px);}
.typesettings .content .valueslider .slider .knob{position:absolute;left:-5px;top:-12px;width:24px;height:24px;cursor:grab;}
.typesettings .content .valueslider .slider .knob:before{content:"";position:absolute;left:2px;top:2px;width:20px;height:20px;background-color:#FAF9F7;border-radius:100%;}
.typesettings .content .valueslider .slider .knob:after{content:"";position:absolute;left:5px;top:5px;width:14px;height:14px;box-sizing:border-box;border:1px solid #101010;background-color:#FAF9F7;border-radius:100%;transition:background-color .3s ease, transform .3s ease;will-change:background-color, transform;}
.typesettings .content .valueslider .slider.animated .knob{left:11px;}
.typesettings .content .valueslider .slider .playpause{position:absolute;left:-11px;top:-14px;width:30px;height:30px;}
.typesettings .content .valueslider .slider .playpause:before{content:"";position:absolute;left:11px;top:11px;width:8px;height:8px;box-sizing:border-box;border-style:solid;border-width:4px 0px 4px 8px;border-color:transparent transparent transparent #101010;transition:opacity .3s ease-out;}
.typesettings .content .valueslider .slider .playpause:after{content:"";position:absolute;left:11px;top:10px;width:6px;height:8px;border-style:double;border-width:0px 0px 0px 6px;border-color:#101010;opacity:0;transition:opacity .3s ease-out;}
.typesettings .content .valueslider .slider .playpause.paused:before{opacity:0;}
.typesettings .content .valueslider .slider .playpause.paused:after{opacity:1;}
.typesettings .content .valueslider.down, .typesettings .content .valueslider.down .slider .knob{cursor:grabbing;}
.typesettings .content .valueslider .slider .knob:hover:after{background-color:#101010;}
.whiteonblack .typesettings .content .valueslider .slider .knob:hover:after{background-color:#FAF9F7;}
.typesettings .content .valueslider.down .slider .knob:after{background-color:#101010;transform:scale(1.1,1.1);}
.typesettings .content .valueslider h4, .typesettings .content .valueslider .value{display:inline-block;vertical-align:top;width:50%;}
.typesettings .content .valueslider .value{font-size:1.1rem;line-height:1.6;letter-spacing:.03rem;text-align:right;color:#71706F/*7C7B7A*/;}
.typesettings .content .inputtext{box-sizing:border-box;padding:8.5vh 0 0 0;width:100%;}
.typesettings .content .inputtext .sample{display:none;}/*used for refreshBtn to set new text*/
.typesettings .content .inputtext .textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;width:100%;border:0;outline:0;box-sizing:border-box;padding-right:11vw;word-break:break-word;}
.typesettings .titlebar.stickybottom .smallcursor{display:inline-block;vertical-align:top;margin-right:10px;}
.typesettings .titlebar.stickybottom .smallcursor.refreshBtn{margin-right:0;}
.whiteonblack .typesettings .content .valueslider .slider .bar{background-color:#FAF9F7;}
.whiteonblack .typesettings .content .valueslider .slider .knob:before{background-color:#101010;}
.whiteonblack .typesettings .content .valueslider .slider .knob:after{border:1px solid #FAF9F7;background-color:#101010;}
.whiteonblack .typesettings .content .valueslider .slider .playpause:before{border-color:transparent transparent transparent #FAF9F7;}
.whiteonblack .typesettings .content .valueslider .slider .playpause:after{border-color:#FAF9F7;}
.details{padding:2.5vw 0;}
.details .content{width:100%;padding:4vw 0 2.5vw 0;}
.details .content .l{display:inline-block;vertical-align:top;width:30%;margin-left:20%;}
.details .content .l p:not(:first-of-type){text-indent:3rem;}
.details .content .r{display:inline-block;vertical-align:top;width:30%;margin-left:5%;}
.details .content .r ul{position:relative;margin:0;padding:0;font-size:0;list-style:none;}
.details .content .r ul li{position:relative;margin:0;padding:0;display:inline-block;vertical-align:top;width:33.333%;padding-bottom:20px;}
.details .content .r h4{padding:2px 0 6px 0;}
.details .content .l .addToCartBtn, .characters .content .addToCartBtn{font-family:'Helvetica Now';margin-top:40px;border-color:#101010;background-color:transparent;color:#101010;}
.details .titlebar .cell:nth-of-type(1){margin-left:2.5%;margin-right:2.5%;}
.whiteonblack .details .content .l .addToCartBtn, .whiteonblack .characters .content .addToCartBtn{border-color:#FAF9F7;background-color:transparent;color:#FAF9F7;}
.characters{padding:4vw 0 3vw 0;}
.characters .categories{margin-top:4vw;}
.characters .content{display:inline-block;vertical-align:top;width:80%;padding-top:3vw;margin-bottom:-1vw;}
.characters .content .letters{width:100%;box-sizing:border-box;padding-right:11.5vw;margin-left:-1.25vw;}
.characters .content .letters .c{display:inline-block;vertical-align:top;width:5vw;height:4.5vw;text-align:center;line-height:4.5vw;font-size:2.2vw;cursor:default;}
.characters .content .showall.hidden{display:none;}
.characters .content .showall:not(.hidden){margin-top:40px;margin-left:1.25vw;}
.characters .content .showall:not(.hidden) + div{display:none;}
.typesettings .categories .dropdown, .characters .categories .dropdown{margin-left:2.5vw;width:10vw;min-width:175px;margin-top:2px;height:30px;}
.typesettings .dropdown .arrow, .characters .dropdown .arrow{top:10px;right:15px;height:9px;}
.typesettings .dropdown .arrow:before, .characters .dropdown .arrow:before{left:-7px;width:8px;}
.typesettings .dropdown .arrow:after, .characters .dropdown .arrow:after{width:8px;}
@media all and (max-width:1420.5px) and (min-width:1000.5px){
.titlebar.stickybottom.pull-left{white-space:nowrap;}
.typesettings .titlebar.stickybottom .smallcursor{margin-right:5px;}
}
@media all and (max-width:1200.5px) and (min-width:1000.5px){
.typesettings .categories .dropdown, .characters .categories .dropdown{min-width:150px;}
.typesettings .titlebar.stickybottom .smallcursor{margin-right:2px;}
}
.specimen{/*padding:4vw 0 10vw 0;*/padding:0 0 10vw 0;margin-top:80px;}
.specimen > .titlebar{transform:translateY(-40px);top:80px;margin-bottom:-40px;}
.specimen .fullimg{padding:5vw 0 2.5vw 0;}
.specimen .fullimg.l{width:85%;}
.specimen .fullimg.r{width:85%;margin-left:15%;}
.specimen .twoimgs{padding:5vw 0 2.5vw 0;font-size:0;}
.specimen .twoimgs .l{display:inline-block;vertical-align:top;width:45%;}
.specimen .twoimgs .r{display:inline-block;vertical-align:top;width:45%;margin-left:10%;}
.specimen .twoimgs.indented .l{width:40%;margin-left:15%;}
.specimen .twoimgs.indented .r{width:40%;margin-left:5%;}
.specimen .simpletext{padding:1vw 0;overflow:hidden;}
.specimen .simpletext .text{position:relative;width:100%;text-align:center;cursor:default;letter-spacing:0;line-height:1.1;user-select:none;}
.specimen .simpletext + .m{padding-top:2.5vw;}
.specimen + .feed, .buy + .feed{padding-top:0;}
/* Global footer */
footer{position:relative;z-index:1;width:100%;background-color:#FAF9F7;font-size:0;box-sizing:border-box;padding:30px 0 50px 0;margin-bottom:28vw;border-top:1px solid #B4B3B2;}
footer:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#B4B3B2;}/*border-bottom*/
.whiteonblack footer{background-color:#101010;border-top-color:#565655;}
.whiteonblack footer:after{background-color:#565655;}
footer .cell{display:inline-block;vertical-align:top;font-size:1.1rem;font-weight:normal;letter-spacing:.03rem;line-height:1.5;text-transform:uppercase;}
footer .cell:not(:first-of-type) a, footer .cell:not(:first-of-type) span, footer .backtotop{display:table;padding:6px 15px;/*-bottom:12px;*/}
footer .backtotop{display:inline-block;}
footer .cell span{cursor:default;}
footer .cell:not(:first-of-type) a:not(.primary){font-size:1.5rem;letter-spacing:0;text-transform:none;padding-top:2px;padding-bottom:4px;}
footer .bottomoverlay{position:absolute;z-index:-1;left:0;top:100%;width:100%;height:28vw;background:linear-gradient(0deg, rgba(16,16,16,.4), rgba(16,16,16,.8));pointer-events:none;transition:opacity 1s ease-out;}
footer.inview .bottomoverlay{opacity:0;}
footer .cell:first-of-type > div{display:block;cursor:default;line-height:1.5;}
footer .cell:first-of-type > div div{display:inline-block;vertical-align:top;line-height:inherit;}
footer .cell:first-of-type > div:last-of-type{margin-top:-1px;}
footer .cell:first-of-type div .mask{background-color:#FAF9F7;overflow:hidden;}
footer .cell:first-of-type div .mask div{line-height:inherit;transform:translateY(100%);transition:transform 1.0s cubic-bezier(0.16, 1, 0.3, 1);}
footer .cell:first-of-type:hover div .mask div{transform:translateY(0%);}
footer .cell:first-of-type:hover div:nth-of-type(2) .mask div{transition-delay:.05s;}
footer .cell:first-of-type:hover div:nth-of-type(3) .mask div{transition-delay:.1s;}
.whiteonblack footer .cell:first-of-type div .mask{background-color:#101010;}
.signup{position:fixed;left:0;bottom:0;z-index:-1;width:100%;background-color:#101010;color:#FAF9F7;font-size:0;box-sizing:border-box;padding-top:50px;height:28vw;}
.signup:before{content:"";position:absolute;left:0;top:-200px;width:100%;height:200px;background-color:#101010;}
.signup .cell{display:inline-block;vertical-align:top;font-size:1.4rem;font-weight:bold;letter-spacing:.05rem;line-height:1.5;text-transform:uppercase;}
.signup .cell:nth-of-type(1){width:15%;margin-left:5%;}
.signup .cell:nth-of-type(2){width:35%;}
.signup .input{position:absolute;left:20%;top:12.5vw;width:55%;}
.signup .input input{width:100%;font-size:7.0rem;font-weight:bold;letter-spacing:-.06rem;line-height:1;height:9rem;color:#FAF9F7;border-bottom:1px solid #FAF9F7;}
.signup .input input::placeholder{color:#FAF9F7;opacity:.2;transition:opacity .4s ease-out;}
.signup .input input:hover::placeholder{opacity:.4;}
.signup .input input:focus::placeholder{opacity:0;}
.signup .input .arrowtr{position:absolute;right:0;bottom:20px;border-color:#FAF9F7;width:2.5vw;height:2.5vw;opacity:.4;transition:opacity .4s ease-out;}
.signup .input .arrowtr:after{width:3vw;background-color:#FAF9F7;}
.signup .input .arrowtr:hover{opacity:1;}
.signup .input p{position:absolute;left:0;bottom:-40px;color:red;transition:opacity .3s ease-out;}
.signup .input.valid p{opacity:0;}
.signup .input.valid .arrowtr{opacity:.8;}
.signup .input .signedup{position:absolute;left:0;top:1vw;font-size:6rem;font-weight:bold;letter-spacing:-.06rem;white-space:nowrap;transition:opacity .6s ease-in-out;}
.signup .input.submitted input, .signup .input.submitted .arrowtr{visibility:hidden;pointer-events:none;}
.signup .input:not(.submitted) .signedup{opacity:0;pointer-events:none;}
/* Buy font */
.cartoverlay{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1002;color:#101010;}
.cartoverlay .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#101010;/*FAF9F7*/opacity:0;transition:opacity .7s cubic-bezier(0.25, 1, 0.5, 1);}
.cartoverlay .content{position:absolute;left:0;bottom:0;width:100%;height:auto;box-sizing:border-box;padding-top:calc(10vh - 40px);padding-bottom:10vh;background-color:#FAF9F7;transform:translateY(100%);transition:transform .7s cubic-bezier(0.25, 1, 0.5, 1);will-change:transform;}
.cartoverlay:not(.in){pointer-events:none;}
.buyfont:not(.on){display:none;pointer-events:none;}
.cartoverlay.in .content{transform:translateY(0);}
.cartoverlay.in .bg{opacity:.8;}
.buyfont .content .titlebar{border-bottom:1px solid #B4B3B2;}
.cartoverlay .content .titlebar:after{content:"";position:absolute;left:0;bottom:-31px;width:96%;/*to avoid overlapping scrollbar*/height:30px;background:linear-gradient(0deg, rgba(250,249,247,0), rgba(250,249,247,1));pointer-events:none;z-index:2;}
.cartoverlay .content .inner{position:relative;width:100%;box-sizing:border-box;padding:30px 0 0 0;overflow:auto;min-height:calc(60vh - 40px);max-height:calc(80vh - 40px);}
.buyfont .content .line{position:relative;width:100%;box-sizing:border-box;padding:0 5% 30px 5%;}
.buyfont .content .line.usages{padding-bottom:15px;}
.buyfont .content .line h4{pointer-events:none;}
.buyfont .content .line.usages h4{margin-bottom:-5px;}
/*.buyfont .content .line.licenses{min-height:440px;}*/
.buyfont .content .line > .dropdown{width:30%;}/*to match below*/
.buyfont .content .line .dropdown{max-width:unset;}
.buyfont .content .licenses .dropdown{letter-spacing:-.03rem;/*fits better*/}
/* dropdowns */
.buyfont .content .licenses .license{display:inline-block;vertical-align:top;margin-bottom:30px;width:30%;margin-right:5%;}
/*.buyfont .content .licenses .license:not(.on){display:none;}*/
.buyfont .content .licenses:not(.narrow) .license:nth-of-type(3n){margin-right:0;}
/*narrow (4 per line)*/
@media all and (min-width:1000.5px){
.buyfont .content .licenses.narrow .license{width:22.5%;margin-right:3.333%;}
.buyfont .content .licenses.narrow .license:nth-of-type(4n){margin-right:0;}
}
@media all and (min-width:1300.5px){
/*extra narrow (5 per line)*/
.buyfont .content .licenses.narrow.extra .license{width:17.5%;margin-right:3.125%;}
.buyfont .content .licenses.narrow.extra .license:nth-of-type(5n){margin-right:0;}
}
@media all and (max-width:1600.5px){
.buyfont .content .licenses.narrow.extra .dropdown select{padding: 0 8px;font-size:1.4rem;}
}
.buyfont .content .dropdown select{color:#101010;border:1px solid #71706F/*7C7B7A*/;}
.buyfont .content .dropdown select option{color:initial;}/*avoid dark browser theme showing bright text on white background*/
.buyfont .content h4 + .dropdown{margin-top:10px;}
.buyfont .content .dropdown .arrow{background-color:#101010;}
.buyfont .content .dropdown .arrow:before, .buyfont .content .dropdown .arrow:after{background-color:#101010;}
.buyfont .content .dropdown.open select, .buyfont .content .dropdown.selection select, .buyfont .content .dropdown:hover select{border-color:#101010;}
/* checkbox */
.buyfont .content .option{position:relative;display:inline-block;vertical-align:top;box-sizing:border-box;padding:15px 0;}
.buyfont .content input[type="checkbox"]{display:inline-block;vertical-align:middle;width:14px;height:14px;border-radius:0;border:1px solid #71706F/*7C7B7A*/;transition:border .3s ease-out;cursor:pointer;}
.buyfont .content input + label{display:inline-block;vertical-align:middle;font-size:1.5rem;line-height:1;padding:1px 7px 0 7px;}
.buyfont .content input:after{content:"";position:absolute;left:0;top:5px;width:100%;height:40px;}/*hit*/
.buyfont .content input:hover, .buyfont .content input:checked{border-color:#101010;}
.buyfont .content input:checked{background-color:#101010;}
.buyfont .content input:checked:before{content:"+";position:absolute;left:0;top:16px;width:12px;height:13px;color:#FAF9F7;text-align:center;font-size:15px;line-height:10px;padding-top:1px;padding-left:1px;transform:rotate(45deg);}
/* help */
.buyfont .content .help{position:relative;font-size:1.1rem;margin-top:1px;padding-top:1px;text-align:center;cursor:help;display:inline-block;vertical-align:top;width:15px;height:15px;border:1px solid #71706F/*7C7B7A*/;color:#71706F/*7C7B7A*/;border-radius:100%;box-sizing:border-box;user-select:none;}
.buyfont .content .help:before{content:"";position:absolute;left:0;top:-12px;width:calc(100% + 5px);height:40px;}/*hit*/
.buyfont .content .help:after{content:"";position:absolute;left:-2px;top:-18px;box-sizing:border-box;border-style:solid;border-color:#71706F transparent transparent transparent;border-width:14px 8px 0px 8px;z-index:5;transform:translateY(8px);visibility:hidden;transition:visibility 0s ease, transform .5s cubic-bezier(0.25, 1, 0.5, 1);}
.buyfont .content .helptext{position:absolute;top:0;left:0;box-sizing:border-box;padding:15px 12px;background-color:#71706F;color:#FAF9F7;font-size:1.3rem;width:200px;line-height:1.1;pointer-events:none;border-radius:10px;z-index:5;transform:translateY(-100%) translateY(8px);visibility:hidden;transition:visibility 0s ease, transform .5s cubic-bezier(0.25, 1, 0.5, 1);}
.buyfont .content .help.open:after{visibility:visible;transform:translateY(0px);}
.buyfont .content .help.open + .helptext{visibility:visible;transform:translateY(-100%);pointer-events:all;}
.buyfont .closeBtn:before, .buyfont .closeBtn:after{background-color:#101010;}
.buyfont .closeBtn:after{outline:2px solid #FAF9F7;}
/* subtotal */
.cartoverlay .total{position:absolute;left:0;bottom:0;width:100%;height:10vh;min-height:70px;box-sizing:border-box;background-color:#FAF9F7;border-top:1px solid #B4B3B2;display:flex;z-index:3;}
.cartoverlay .total:after{content:"";position:absolute;left:0;top:-31px;width:96%;/*to avoid overlapping scrollbar*/height:30px;background:linear-gradient(0deg, rgba(250,249,247,1), rgba(250,249,247,0));pointer-events:none;}
.cartoverlay .total .cell{margin:auto 0;font-size:0;}
.cartoverlay .total h2{transition:opacity .2s ease-out;}
.cartoverlay .total h2.inactive{opacity:0;transition:none;}
.cartoverlay .total .addToCartBtn{margin-top:0;width:100%;will-change:opacity;display:inline-block;vertical-align:top;}
.cartoverlay .total .cell.showboth .addToCartBtn{width:calc(50% - 5px);transition:all .3s ease-out;}
.cartoverlay .total .cell.showboth .addToCartBtn:nth-of-type(2){margin-left:10px;}
.cartoverlay .total .cell:not(.showboth) .addToCartBtn:nth-of-type(2){visibility:hidden;width:0;height:0;overflow:hidden;}
.cartoverlay .total .cell:nth-of-type(1){text-transform:uppercase;}
.cartoverlay.buyfont .total .addToCartBtn{background-color:#101010;color:#FAF9F7;border-color:#101010;}
.cartoverlay.buyfont .total .addToCartBtn.inactive, .cartoverlay.buyfont .total .addToCartBtn:hover{background-color:#FAF9F7;color:#101010;}
.cartoverlay .total .addToCartBtn.inactive{pointer-events:none;}
@media all and (max-height:750.5px) and (min-width:1000.5px){
.cartoverlay .content{padding-bottom:70px;padding-top:30px;}/*minimum height of topbar is 70px*/
.cartoverlay .content .inner{max-height:calc(100vh - 180px);}
}
/* Cart */
.cart{color:#101010;}
.cart .bg{background-color:#101010;}
.cart .content{background-color:#FAF9F7;}
.cart .content .titlebar{border-bottom:1px solid #B4B3B2;}
.cartoverlay.cart .content .titlebar:after{background:linear-gradient(0deg, rgba(250,249,247,0), rgba(250,249,247,1));pointer-events:none;z-index:2;}
.cart .closeBtn:before, .cart .closeBtn:after{background-color:#101010;}
.cart .closeBtn:after{transform:rotate(45deg);outline:2px solid #FAF9F7;}
.cart .content .inner{padding:0;}
.cart .line{position:relative;width:100%;box-sizing:border-box;padding:30px 0;}
.cart .line.hide{display:none;}
.cart .line:not(.hide) + .line{border-top:1px solid #B4B3B2;}
.cart .line .cell:nth-of-type(1){margin-left:5%;width:10%;}
.cart .line .cell:nth-of-type(2){margin-left:5%;width:20%;text-transform:uppercase;}
.cart .line .cell:nth-of-type(3){margin-left:5%;width:30%;}
.cart .line .cell:nth-of-type(4){margin-left:5%;width:15%;text-align:right;}
.cart .line .cell .detail{display:block;padding-top:4px;font-size:1.0rem;letter-spacing:.03rem;font-weight:normal;}
.cart .line .removeBtn{position:absolute;left:20%;bottom:20px;font-size:1.2rem;line-height:1;letter-spacing:.03rem;text-transform:uppercase;font-weight:500;padding:10px 0;opacity:.3;transition:opacity .3s ease-out;}
.cart .line .removeBtn:hover{opacity:1;}
/* subtotal */
.cartoverlay.cart .total{background-color:#FAF9F7;border-top:1px solid #B4B3B2;}
.cartoverlay.cart .total:after{background:linear-gradient(0deg, rgba(250,249,247,1), rgba(250,249,247,0));}
/* Invert color */
body:not(.pagetransition){transition:color .8s ease-in-out;}
body:not(.pagetransition) .page{transition:background-color .8s ease-in-out;}
body:not(.pagetransition) .titlebar.sticky{transition:background-color .8s ease-in-out, border-bottom-color .8s ease-in-out;}
body:not(.pagetransition) .speechBtn:before, body:not(.pagetransition) .colorThemeBtn:before, body:not(.pagetransition) .immerseBtn:before, body:not(.pagetransition) .refreshBtn:before{transition:background-color .8s ease-in-out, transform .7s ease-out, border .3s ease-out;}
body:not(.pagetransition) .speechBtn:after, body:not(.pagetransition) .colorThemeBtn:after, body:not(.pagetransition) .immerseBtn:after, body:not(.pagetransition) .refreshBtn:after{transition:filter .8s ease-in-out;}
body:not(.pagetransition) header:before{transition:background-color .8s ease-in-out;}
body:not(.pagetransition) .typesettings .content .valueslider .slider .bar{transition:background-color .8s ease-in-out;}
/*knob mouse-out can be slow, but impossible to avoid!*/
body:not(.pagetransition) .typesettings .content .valueslider:not(:hover) .slider .knob:before{transition:background-color .8s ease-in-out;}
body:not(.pagetransition) .typesettings .content .valueslider:not(:hover) .slider .knob:after{transition:background-color .8s ease-in-out, border-color .8s ease-in-out, transform .3s ease;}
body:not(.pagetransition) .typesettings .content .valueslider .slider .playpause:before{transition:border-color .8s ease-in-out;}
body:not(.pagetransition) .typesettings .content .valueslider .slider .playpause:after{transition:border-color .8s ease-in-out;}
@media (hover:hover){
.closeBtn:hover{transform:rotate(180deg);}
.buyBtn:before{transition:transform .7s cubic-bezier(0.25, 1, 0.5, 1), background-color .8s ease-in-out;}
.buyBtn:hover:before, .buyBtn.intro:before{transform:scale(1.05,1.05);}
.buyBtn:hover span:nth-of-type(1), .buyBtn:hover span:nth-of-type(2), .buyBtn:hover span:nth-of-type(3){transform:translate(0px,-6px);}
.buyBtn.intro span:nth-of-type(1), .buyBtn.intro span:nth-of-type(2), .buyBtn.intro span:nth-of-type(3){transform:translate(0px,-6px);}
.buyBtn:hover span:nth-of-type(4), .buyBtn.intro span:nth-of-type(4){opacity:1;transition:opacity .4s ease-out .2s;}
.typefaces .typeface .cell .preview{transition:all .7s cubic-bezier(0.25, 1, 0.5, 1);will-change:transform, letter-spacing, font-weight;}
.typefaces .typeface:hover .cell .preview{letter-spacing:.02em;transform:translateX(20px);transition-duration:1.2s;}
.typefaces .typeface .plus{transition:transform .7s cubic-bezier(0.25, 1, 0.5, 1);}
.typefaces .typeface:hover .plus{transform:rotate(180deg);}
.typefaces .typeface .cta{opacity:0;transition:all .3s ease-out;}
.typefaces .typeface:hover .cta{opacity:1;}
.typefaces .typeface:hover .cta:hover{color:#101010;}
/*variable hover*/
/*.typefaces .typeface .cell .preview.solarevariable{font-variation-settings:"SRFF" 200;transition:all .7s cubic-bezier(0.25, 1, 0.5, 1), font-weight 0s ease, font-variation-settings 0s ease;}*/
/*.typefaces .typeface:hover .cell .preview.solarevariable{transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1), font-weight 0s ease, font-variation-settings 0s ease;}*/
.typefaces .typeface .cell .preview.solarevariable{font-variation-settings:"SRFF" 200;}
.typefaces .typeface:hover .cell .preview.solarevariable{font-weight:900;font-variation-settings:"SRFF" 700;}
.post .headline.b h1{transition:all .7s cubic-bezier(0.25, 1, 0.5, 1);}
.post .headline.b h1:hover{font-weight:900;transition-duration:1.2s;/*letter-spacing:.02rem;*/}
.details .content .l .addToCartBtn:hover, .characters .content .addToCartBtn:hover{background-color:#101010;color:#FAF9F7;}
.whiteonblack .details .content .l .addToCartBtn:hover, .whiteonblack .characters .content .addToCartBtn:hover{background-color:#FAF9F7;color:#101010;}
.feed .carousel .scroller .el .lazy .rel .img, .journal .content .el .lazy .rel .img{transition:transform .7s cubic-bezier(0.25, 1, 0.5, 1), opacity .7s ease-in-out;will-change:transform, opacity;}
.feed .carousel .scroller .el:hover .lazy .rel .img, .journal .content .el:hover .lazy .rel .img{transform:scale3d(1.05,1.05,1);}
.feed .carousel .scroller .el .arrowtr, .journal .content .el .arrowtr{opacity:0;transform:translate(-4px,4px);transition:opacity .3s ease-out, transform .7s cubic-bezier(0.16, 1, 0.3, 1);will-change:transform, opacity;}
.feed .carousel .scroller .el:hover .arrowtr, .journal .content .el:hover .arrowtr{opacity:1;transform:translate(0px,0px);}
.directory .content .people .person .txt{transition:transform .7s cubic-bezier(0.25, 1, 0.5, 1), opacity .8s ease-in-out;will-change:transform, opacity;}
.directory .content .people .person .txt:hover{transform:scale(1.1,1.1);transition:all .7s cubic-bezier(0.25, 1, 0.5, 1);}
.directory.overchild .content .people .person .txt:not(:hover){opacity:.05;transition:all .7s cubic-bezier(0.25, 1, 0.5, 1) .05s;}
.directory h1{transition:opacity .8s ease-in-out;}
.directory.overchild h1{opacity:.05;transition:opacity .7s cubic-bezier(0.25, 1, 0.5, 1) .05s;}
.primary:after{content:"";position:absolute;margin-left:4px;width:1px;height:9px;background-color:#101010;transform-origin:0 100%;transform:rotate(30deg) scaleY(0);transition:transform .7s cubic-bezier(0.16, 1, 0.3, 1), background-color .8s ease-in-out;}
footer .primary:after{bottom:10px;}
.ctas .primary:after{bottom:19px;}
.primary:hover:after, .primary.selected:after, .primary:focus:after{transform:rotate(30deg) scaleY(1);}
.whiteonblack .primary:after{background-color:#FAF9F7;}
footer .cell:not(:first-of-type) a:not(.primary):after{content:"";position:absolute;left:15px;bottom:4px;width:calc(100% - 30px);height:1px;background-color:#101010;transform-origin:100% 0;transform:scaleX(0);transition:transform .7s cubic-bezier(0.25, 1, 0.5, 1);}
.whiteonblack footer .cell:not(:first-of-type) a:not(.primary):after{background-color:#FAF9F7;}
footer .cell:not(:first-of-type) a:not(.primary):hover:after{transform-origin:0 0;transform:scaleX(1);}
}
/* Tablet/small desktop adjustments */
@media all and (max-width:1300.5px) and (min-width:1000.5px){
.signup .cell{font-size:1.2rem;}
.signup .input input{font-size:6.0rem;height:8rem;}
}
/* Mobile (from 1000.5 and down) */
@media all and (max-width:1000.5px){
/*html{overscroll-behavior: contain;}*/
.desktop{display:none!important;}
.closeBtn{right:16px;margin-right:0;top:16px;width:35px;height:35px;}
.buy{margin-top:0;}
.buyBtn{right:20px;bottom:20px;width:70px;height:70px;min-width:70px;min-height:70px;}
.addToCartBtn{width:100%;}
header.open:not(.closing){height:100%;z-index:20;}
header.open{color:#FAF9F7;}
header:before, header:after{height:39px;}
header .logo{margin-left:20px;}
header.open:not(.closing) .logo .large .svg{fill:#FAF9F7;transition:none;}
header .menuToggle{display:block;position:absolute;right:0;top:0;width:80px;height:40px;z-index:10;text-align:right;}
header .menuToggle > span{position:absolute;right:20px;top:12px;display:block;text-transform:uppercase;font-size:1.1rem;letter-spacing:.03rem;}
header .menuToggle > span:nth-of-type(2){opacity:0;}
header.open .menuToggle span:nth-of-type(2){opacity:1;}
header.open .menuToggle span:nth-of-type(1){opacity:0;}
header:not(.open) .menuToggle span:nth-of-type(1){opacity:1;transition:opacity .3s ease-out;}
header .mainmenu{left:0;width:100%;height:0;padding:110px 20px 0 5px;/*background-color:#101010;*/color:#FAF9F7;overflow:hidden;}
header.open .mainmenu{height:100vh;}
header:not(.open) .mainmenu{pointer-events:none;}
header .mainmenu:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#101010;/*transform:translateY(40px);*/transform-origin:0 0;transform:scaleY(0);transition:transform .5s cubic-bezier(0.25, 1, 0.5, 1);}
header.open:not(.closing) .mainmenu:before{transform:scaleY(1);transition:transform 1.0s cubic-bezier(0.16, 1, 0.3, 1);}
header .mainmenu .el{display:block;width:100%;margin-right:0;}
header .mainmenu .primary{font-size:1.5rem;font-weight:500;padding:4px 15px;will-change:transform, opacity;}
header .mainmenu .mobile:first-of-type{padding-bottom:40px;}
header .mainmenu .mobile:first-of-type .primary{font-size:4.0rem;font-weight:normal;letter-spacing:-.12rem;text-transform:none;}
header .mainmenu .cartBtn{position:fixed;right:auto;left:5px;top:auto;bottom:50px;font-size:1.5rem;font-weight:500;padding:4px 15px;opacity:0;transition:opacity .1s ease-out;}
header.open:not(.closing) .mainmenu .cartBtn{opacity:1;transition:opacity .3s ease-out .3s;}
.m .l, .m .r{display:block;width:100%;}
.space{height:150px;}/*space before footer on some pages*/
.m.intro{height:calc(100vh - 210px);}
.titlebar:not(.stickybottom) .cell:nth-of-type(1){width:50%;margin-left:0;margin-right:0;padding-left:20px;}
.titlebar .cell:nth-of-type(2){width:50%;padding-right:20px;text-align:right;}
.titlebar.stickybottom{margin:0 0 60px 0;padding:0 0 0 20px;width:calc(100% - 85px);}
.titlebar.stickybottom.pull-left{margin:0 0 0 0;}
.typefaces{padding-top:100px;}
.typefaces .typeface{padding:90px 0 45px 0;}
.typefaces .typeface .cell:nth-of-type(1){text-align:left;width:15vw;padding-left:20px;}
.typefaces .typeface .cell:nth-of-type(2){width:85vw;}
.typefaces .typeface .cell:nth-of-type(3){display:block;width:100%;padding:40px 20px;}
.typefaces .typeface .cell .preview{font-size:10vw;line-height:1.1;}
.typefaces .typeface .cta{left:20px;bottom:25px;}
.feed{padding-top:150px;}
.feed .titlebar{margin-bottom:40px;}
.feed .carousel .scroller{padding-left:20px;padding-bottom:40px;overflow-x:scroll;}
.feed .carousel .scroller .el{width:calc(100vw - 60px);margin-right:20px;}
.feed .carousel .scroller .el:last-of-type{margin-right:20px;}
.feed .carousel{border-bottom:none;}
.feed + .space{display:none;}
/* Take-over immersive (movie-like credits) */
.immersive .inner{padding:340px 20px 80px 20px;}
.immersive p{font-size:4.0rem;line-height:1;}
.about{padding:100px 0 30px 0;}
.about .content h1{padding:60px 20px 40px 20px;text-align:center;}
.about .content .l{padding-left:20px;padding-right:20px;}
.about .content .r{padding:40px 20px;}
.faq{padding:100px 0 0 0;}
.faq .faqList{padding:50px 0 0 0;}
.faq .titlebar .cell:nth-of-type(1){display:none;width:0;margin:0;}
.faq .titlebar .cell:nth-of-type(2){text-align:left;padding-left:20px;}
.faq .faqList .el{padding-bottom:40px;}
.faq .faqList .el .cell:nth-of-type(1){display:none;width:0;margin:0;}
.faq .faqList .el .cell:nth-of-type(2){width:100%;display:block;padding:20px;}
.faq .faqList .el .cell:nth-of-type(3){width:100%;display:block;padding:20px;}
.faq{border-bottom:none;}
.faq + .space{display:none;}
.directory{padding:100px 0 0 0;}
.directory .content{padding:50px 0 0 0;}
.directory .content .people{padding:40px 0 20px 0;}
.directory .content .people .person{width:100%;margin-left:0;}
.directory .content .people .person .lazy{display:none;}
.directory .content .people .person.hover .lazy{display:none;}
.ctas{padding:20px 20px 60px 9px;height:auto;}
.ctas .cell{width:auto;padding:0;}
.ctas .cell .primary{display:block;padding:6px 11px;}
.ctas .cell:first-of-type{margin-left:0;}
.directorygallery{padding:100px 0 0 0;}
.directorygallery .content{padding:40px 0 0 0;}
.directory .content h1, .directorygallery .content h1{padding:0 15% 40px 15%;}
.directorygallery .content .el{display:block;width:60%;margin:auto;padding-bottom:20px;}
.directorygallery .content .space{height:10px;}
/* Journal */
.journal{padding:100px 0 40px 0;}
.journal .content{display:block;width:100%;margin-top:0;}
.journal .content .el, .journal.boutique .content .el{display:block;width:calc(100% - 40px);margin:20px auto 0 auto;padding-bottom:20px;}
.journal.boutique .content .el p:nth-of-type(1){width:15%;}
.journal.boutique .content .el p:nth-of-type(2){width:60%;}
.journal.boutique .content .el p:nth-of-type(3){width:25%;text-align:right;}
.journal .content .el.hide{display:none;}
/* Categories */
.categories{display:block;width:100%;margin:40px 0;position:relative;top:auto;}
.categories h4{padding:5px 15px 4px 20px;margin-left:0;}
.categories .categoryBtn{font-size:1.4rem;letter-spacing:0;transition:transform .7s cubic-bezier(0.25, 1, 0.5, 1);}
.categories .categoryBtn.selected{transform:translate(15px);}
.categories .categoryBtn:before{width:10px;left:5px;}
.categories .categoryBtn:before
/* Post modules */
.post{padding:100px 0 40px 0;}
.post .headline{box-sizing:border-box;padding:0 20px;}
.post .headline h1{letter-spacing:-3px;padding:0 0 20px 0;}
.post .headline.b h1{font-size:6.5rem;}
.post .headline .centerimg{margin:20px auto;width:100%;}
.post .text, .post .inlineimg{padding:20px;}
.post .quote{padding:25px 20px;}
.post .fullimg{padding:20px 0;}
/* Boutique */
.product{padding:100px 0 40px 0;}
.product .content .l, .product .content .r{display:block;}
.product .content .l{width:100%;padding:0 20px;margin-top:0;font-size:0;white-space:nowrap;overflow:auto;}
.product .content .l .lazy{display:inline-block;vertical-align:top;margin-right:20px;}
.product .content .l .lazy:last-of-type{margin-right:0;}
.product .content .r{width:100%;position:relative;top:auto;padding:0 20px;}
.product .content .r .titlebar{width:100%;margin-left:0;border:none;padding-top:35px;}
.product .content .r .titlebar .cell:nth-of-type(1){margin-left:0;width:100%;padding:0;}
.product .productinfo{padding:20px 0;}
.product .productinfo .menu button{min-width:unset;}
.product .productinfo .texts{padding:20px 0 40px 0;min-height:unset;}
.product .productinfo .texts .text{padding-right:0;}
.product .content .addToCartBtn{width:100%;margin:0 0 20px 0;}
.dropdown{max-width:unset;font-size:1.4rem;}
/* Font details */
.typesettings{padding:10px 0 0 0;/*150px*/min-height:100vh;}
.typesettings .categories{padding-top:0;margin:20px 0;}
.typesettings .content{display:block;width:100%;padding-top:10px;margin-bottom:0;padding-bottom:50px;min-height:calc(100vh - 250px);}
.typesettings .content .sliders{padding-bottom:10px;}
.typesettings .content .sliders:after{display:none;/*content:"";position:absolute;left:20px;bottom:0;width:calc(100% - 40px);height:1px;background-color:#7C7B7A;*/}
.typesettings .content .valueslider{display:block;width:calc(100% - 40px);height:32px;margin:0 0 0 20px;min-height:unset;}
.typesettings .content .valueslider h4{display:inline-block;vertical-align:top;width:20%;padding-top:3px;}
.typesettings .content .valueslider .value{position:absolute;right:0;text-align:right;/*display:inline-block;vertical-align:top;width:5%;*/}
.typesettings .content .valueslider .slider{display:inline-block;vertical-align:top;width:70%;}
.typesettings .content .valueslider .slider .knob:before{left:3px;top:3px;width:18px;height:18px;}
.typesettings .content .inputtext{padding:40px 0 0 0;}
.typesettings .content .inputtext .textarea{padding:0 20px;}
.typesettings .categories .dropdown, .characters .categories .dropdown{margin-left:20px;width:calc(100% - 40px);min-width:unset;}
.typesettings .titlebar.stickybottom .smallcursor{margin-right:5px;}
.details{padding:100px 0 0 0;}
.details .content{padding:40px 0 0 0;}
.details .content .l{display:block;width:100%;margin-left:0;padding:0 20px;}
.details .content .r{display:block;width:100%;margin-left:0;padding:40px 20px 0 20px;}
.details .content .r ul li{width:50%;}
.details .content .l .addToCartBtn{width:100%;}
.characters{padding:40px 0 0 0;}
.characters .categories{margin-top:40px;}
.characters .titlebar .cell:nth-of-type(1){display:none;}
.characters .titlebar .cell:nth-of-type(2){text-align:left;padding-left:20px;}
.characters .content{display:block;width:100%;padding-top:0;margin-bottom:0;}
.characters .content .letters{padding:0 20px;margin-left:0;}
.characters .content .letters .c{width:16.666%;height:16.666vw;line-height:16.666vw;font-size:6.0vw;}
.characters .content .showall:not(.hidden){margin:20px 0;}
.specimen{/*padding:40px 0 30px 0;*/padding:0 0 90px 0;margin-top:100px;}
.specimen > .titlebar .cell:nth-of-type(1){display:none;}
.specimen > .titlebar .cell:nth-of-type(2){text-align:left;padding-left:20px;}
.specimen .fullimg{padding:0 20px 20px 20px;}
.specimen .fullimg.l{width:100%;}
.specimen .fullimg.r{width:100%;margin-left:0;}
.specimen .twoimgs{padding:0 20px 20px 20px;}
.specimen .twoimgs .l{display:block;width:100%;padding-bottom:20px;}
.specimen .twoimgs .r{display:block;width:100%;margin-left:0;}
.specimen .twoimgs.indented .l{width:100%;margin-left:0;}
.specimen .twoimgs.indented .r{width:100%;margin-left:0;}
.specimen > .titlebar + .m{padding-top:40px;}/*first module*/
.specimen .simpletext{padding:10px 0;width:calc(100% - 40px);margin-left:20px;}
.specimen .simpletext .titlebar .cell:nth-of-type(1){display:none;}
.specimen .simpletext .titlebar .cell:nth-of-type(2){text-align:left;padding-left:20px;}
.specimen .simpletext + .m{padding-top:20px;}
.specimen + .feed, .buy + .feed{padding-top:40px;}
/* Global footer */
footer{padding:40px 20px 0 5px;margin-bottom:305px;}
footer .cell{display:block;padding-bottom:40px;}
footer .cell:nth-of-type(1), footer .cell:nth-of-type(2){padding-left:15px;}
footer .bottomoverlay{height:305px;}
.signup{height:305px;}
.signup .cell:nth-of-type(1){width:auto;margin-left:20px;}
.signup .cell:nth-of-type(2){width:auto;margin-left:40px;}
.signup .input{left:20px;top:160px;width:calc(100% - 40px);}
.signup .input input{font-size:2.0rem;height:4.0rem;}
.signup .input input::placeholder{font-size:3.0rem;}
.signup .input .arrowtr{bottom:10px;width:18px;height:18px;}
.signup .input .arrowtr:after{width:18px;}
.signup .input p{bottom:-30px;}
.signup .input .signedup{top:15px;font-size:2.4rem;}
/* Buy font */
.buyfont .content .titlebar{height:110px;}
.cartoverlay.cart .content .titlebar{height:80px;}
.cartoverlay .content .titlebar:after{width:100%;}
.cartoverlay .content .titlebar .cell{width:100%;display:block;text-align:left;padding:0 20px;}
.buyfont .content .option{padding:15px 0 5px 0;width:50%;margin-right:0;}
.buyfont .content .license{width:100%;}
.buyfont .content .licenses .license{width:100%;margin-right:0;}
.buyfont .content .line > .dropdown{width:100%;}
.buyfont .content input + label{font-size:1.4rem;}
.buyfont .content input:checked:before{top:16px;}
.buyfont .content .help{margin-top:0;padding-top:0;}
.buyfont .content .helptext{left:-20px;padding:12px 10px;font-size:1.2rem;width:160px;}
.buyfont .content .option:nth-of-type(2n + 1) .helptext{left:0;}
.cartoverlay .content{padding-top:40px;padding-bottom:150px;}
.cartoverlay .content .inner{min-height:unset;max-height:unset;height:calc(100vh - 400px);}
.cartoverlay .content .inner{height:calc(100vh - 400px);}
.cartoverlay.cart .content .inner{height:calc(100vh - 370px);}
.cartoverlay .total{display:block;height:150px;padding-top:10px;}
.cartoverlay .total:after{width:100%;}
.cartoverlay .total .cell{display:block;width:100%;padding:10px 20px;white-space:nowrap;}
.cartoverlay .total .cell.showboth .addToCartBtn{width:calc(50% - 5px);}
.cartoverlay .total .cell.showboth .addToCartBtn:nth-of-type(2){margin-left:10px;}
.cart .line{padding:20px;}
.cart .line .cell{display:block;margin:0;}
.cart .line .cell p{font-size:1.4rem;}
.cart .line .cell:nth-of-type(1){display:none;}
.cart .line .cell:nth-of-type(2){margin-left:0;width:100%;padding-right:70px;}
.cart .line .cell:nth-of-type(3){margin-left:0;width:100%;padding-top:10px;padding-right:70px;}
.cart .line .cell:nth-of-type(4){position:absolute;right:20px;top:20px;margin:0;width:auto;}
.cart .line .cell .detail{padding-top:2px;}
.cart .line .removeBtn{left:auto;right:20px;bottom:15px;}
}
@media all and (max-width:1000.5px) and (orientation:landscape){
.cartoverlay .content .titlebar .cell{width:80%;}
.cartoverlay .content{padding-top:20px;padding-bottom:100px;}
.cartoverlay .content .titlebar{height:80px;}
.cartoverlay .content .inner{max-height:calc(100vh - 240px);}
.cartoverlay.cart .content .inner{max-height:calc(100vh - 240px);}
.cartoverlay .total{height:100px;}
.cartoverlay .total .cell:nth-of-type(1){display:none;}
}
/* Desktop */
@media all and (min-width:1000.5px){
.mobile{display:none!important;}
.buyBtn span:nth-of-type(1){transform:translate(-4px,-8px);}
.buyBtn span:nth-of-type(3){transform:translate(4px,8px);}
header .mainmenu .mobile:first-of-type + .el{margin-left:calc(55% - 15px);}
/*.m.intro + .typefaces .typeface:first-of-type{margin-top:145px;}*/
.directory .content .people .person.on .lazy{opacity:1;transform:translateY(-50%) scale(1,1);}
.directory .content .people .person.on.out .lazy{opacity:0;transform:translateY(-50%) translateY(-5vw) scale(.95,.95);}
.directorygallery .content .el:nth-of-type(5n + 1){margin-top:32vw;margin-bottom:-8vw;}
.directorygallery .content .el:nth-of-type(5n + 1) .lazy{width:90%;margin-left:10%;}
.directorygallery .content .el:nth-of-type(5n + 2){margin-top:10vw;margin-bottom:-4vw;}
.directorygallery .content .el:nth-of-type(5n + 2) .lazy{width:120%;}
.directorygallery .content .el:nth-of-type(5n + 3){margin-top:30vw;margin-bottom:-4vw;}
.directorygallery .content .el:nth-of-type(5n + 3) .lazy{width:125%;margin-left:-20%;}
.directorygallery .content .el:nth-of-type(5n + 4) .lazy{width:70%;margin-left:25%;}
.directorygallery .content .el:nth-of-type(5n + 5){margin-top:25vw;margin-bottom:-4vw;}
.directorygallery .content .el:nth-of-type(5n + 5) .lazy{width:125%;margin-left:-25%;}
.directorygallery .content .el:nth-of-type(10n + 10) .lazy{width:85%;margin-left:10%;}
.directorygallery .content .el:nth-of-type(10n + 4) .lazy{width:85%;margin-left:15%;}
.journal .categories{margin-top:5vw;margin-bottom:23px;}
.characters .categories h4{padding-top:0;}
.product .content .l .lazy + .lazy{margin-top:calc(5vh + 15px);}
/*.typesettings{min-height:calc(100vh - 11vw);}*/
.typesettings .content{min-height:calc((85vh - 40px) - 7.5vw);}
footer .cell:nth-of-type(1){width:15%;margin-left:5%;}
footer .cell:nth-of-type(2){width:calc(35% - 15px);cursor:default;}
footer .cell:nth-of-type(3){width:10%;}
footer .cell:nth-of-type(4){width:10%;}
footer .cell:nth-of-type(5){width:10%;}
footer .cell:nth-of-type(6){width:calc(10% + 30px);text-align:right;}
.buyfont .content .option:not(:last-of-type){margin-right:40px;}
.cartoverlay .total .cell:nth-of-type(1){padding-left:20%;width:70%;vertical-align:middle;}
.cartoverlay .total .cell:nth-of-type(2){width:25%;white-space:nowrap;}
}
.pageTransition{position:fixed;z-index:15;width:100vw;height:100vh;background-color:#000;left:0;top:0;transition:opacity .8s ease-in-out;will-change:opacity, transform;pointer-events:none;}
.pageTransition.loaded{background-color:#FAF9F7;opacity:0;transition:opacity 1s ease;}
.pageTransition.dark{background-color:#101010;}
.pageTransition.intro{transform-origin:50% 0%;transition:transform 1.4s cubic-bezier(0.76, 0, 0.24, 1) .1s;/*transform:scaleY(0);*/transform:translateY(-100%);}
.pageTransition.in{opacity:1;transition:opacity .4s cubic-bezier(0.61, 1, 0.88, 1);}
.pageTransition.in.fast{opacity:0;transition:none;}
/* Intro animation */
body.intro header{transform:translateY(30vh);will-change:transform;}
body.intro main{transform:translateY(30vh);will-change:transform;}
body.intro.slide header{transition:transform 1.4s cubic-bezier(0.65, 0, 0.35, 1) .1s;}
body.intro.slide main{transition:transform 1.4s cubic-bezier(0.65, 0, 0.35, 1) .1s;}
body.intro.slide header, body.intro.slide main{transform:translateY(0px);}
body.intro .signup:before, body.intro header:after{visibility:hidden;}
body.intro header:before, body.intro .titlebar.sticky{backdrop-filter:none;}
@media all and (max-width:1000.5px){
body.intro header{transform:translateY(20vh);}
body.intro main{transform:translateY(20vh);}
}
/*Used for mobile measurement of vh unit */
.vh{position:absolute;z-index:-1;top:0;left:-1px;width:1px;height:100vh;}
.oldIe .lazy .rel .img{object-fit:cover;font-family:'object-fit: cover;';}