html, body {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

ul li a[href*="/licenses/"] { list-style: none !important;}
ul:has(a[href*="/licenses/"]) { list-style: none !important; padding-left: 0;}
.licenses-page__license__name { list-style: none !important; padding-left: 0;}
.licenses-page__license__name li { list-style: none !important;}

.nav{ margin-left: 25px;}
.main{margin:0 10px 0 10px}
.home{margin:0 !important; padding-top: 0px;}
.licenses-page__licenses{margin-left:5px;}
.license-page__nav{margin-left:15px !important;}

:root {
  --font-body: "Performa Regular", sans-serif;
  --font-bold: "Performa Bold", sans-serif;
  --font-medium: "Performa Medium", sans-serif;
  --font-heading: "Performa Medium", sans-serif;
}

.fv-wght-200 { font-variation-settings: 'wght' 200, 'slnt' 0; }
.fv-wght-400 { font-variation-settings: 'wght' 400, 'slnt' 0; }
.fv-wght-700 { font-variation-settings: 'wght' 700, 'slnt' 0; }
.text-uppercase { text-transform: uppercase; }
.text-xs { font-size: 12px; }
.font-body { font-family: var(--font-body) !important; }
.font-bold { font-family: var(--font-bold) !important; }
.font-medium { font-family: var(--font-medium) !important; }
.font-heading { font-family: var(--font-heading) !important; }

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

:root { --background-color:rgba(246, 246, 246, 1) !important; }

html, body {
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
  overflow-x: hidden !important;
}


.cards-menu-btn {
  animation: blink 1s step-end infinite !important;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0; }
}
.nav__link .cards-menu-btn{
  animation: blink 1s step-end infinite !important;
}

.nav__link[href*="login"],
.nav__link[href*="customer-login"] {
  margin-top: 0 !important;
  padding-top: 0 !important;
  line-height: 1 !important;
  vertical-align: top !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}

body {
  --background-color:rgba(246, 246, 246, 1) !important;
  color: black;
  transition: background-color 0.3s, color 0.3s;
}

body.dark-mode { background-color: #121212; color:rgba(246, 246, 246, 1) !important; }
body.dark-mode .nav-link { color:rgba(246, 246, 246, 1) !important; }
body.dark-mode .nav__link:hover { color: #ff6542 !important;}
body.dark-mode > nav > div.nav__links > a:hover { color: #ff6542 !important;}
body.dark-mode > nav > div.nav__links > div a::before{ color:rgba(246, 246, 246, 1) !important; }
body.dark-mode #mc_embed_signup{ background: none !important;}
body.dark-mode p, body.dark-mode li{color:rgba(246, 246, 246, 1) !important; font-family: "Performa Regular" !important}
body.dark-mode main > div > div.article__header > h1{ color:rgba(246, 246, 246, 1) !important;}
body.dark-mode > nav > div.nav__links > a{ color:rgba(246, 246, 246, 1) !important;}
body.dark-mode > main > main > section > h2{ color:rgba(246, 246, 246, 1) !important; border-top:0px solid rgb(49, 49, 49);}
body.dark-mode > main > main > section > h2 a{ color:rgba(246, 246, 246, 1) !important; }
body.dark-mode .nav .nav__links img{ filter: invert(100%);}
body.dark-mode .article a, body.dark-mode .markdown a, body.dark-mode .markdown h3 a { color: white !important}
body.dark-mode > main > main > .fontdue-type-testers {color:rgba(246, 246, 246, 1)}
body.dark-mode > main > div > div.article__body.markdown > h3 > a{color:rgba(246, 246, 246, 1) !important }
body.dark-mode .footer .tinyText{color:rgba(246, 246, 246, 1)}
body.dark-mode > footer > div > div.colonna > h7{color:rgba(246, 246, 246, 1)}
body.dark-mode > nav > div:nth-child(2) > a{color:rgba(246, 246, 246, 1)}
body.dark-mode > footer > div > div.colonna{background:#121212; }
body.dark-mode > footer > div > div.colonna > a{color:rgba(246, 246, 246, 1)}
body.dark-mode > footer > div > div.insideFooter > div > div{background:#121212; }
body.dark-mode > footer > div > div.insideFooter > div > ul > li a{color:rgba(246, 246, 246, 1)}
body.dark-mode > footer > div > div.insideFooter > div > > ul > li > a{color:rgba(246, 246, 246, 1)}
body.dark-mode .footer .insideFooter li a{color:rgba(246, 246, 246, 1)}
body.dark-mode > main > main > fontdue-type-testers > div > div.type-tester__text{color:rgba(246, 246, 246, 1)}
body.dark-mode > main > main > fontdue-type-testers > div > div.type-tester__toolbar{color:rgba(246, 246, 246, 1)}
body.dark-mode > main > main > fontdue-type-testers > div > div.type-tester__toolbar > div.type-tester__select-button-wrapper > div > button{border:1px solid white !important; color: black !important;}
body.dark-mode > main > main > fontdue-type-testers > div > div.type-tester__toolbar > div.type-tester__select-button-wrapper > div > button:hover{background: #ff6542; border: 1px solid #ff6542 !important; color:black}

.nav__links{ grid-auto-columns: -webkit-min-content; grid-auto-flow: row;}
body > nav > div:nth-child(2){ margin-top:-5px; width: 100px !important; text-align: right !important}

.licenses-page__license__link a.active,
.license-page__license__name a.active {
  font-family: "Performa Bold" !important;
  color: #ff6542 !important;
  text-decoration: underline !important;
}

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 6px;}
::-webkit-scrollbar-track { background: transparent;}
::-webkit-scrollbar-thumb { background: #ff6542; border-radius: 999px;}
::-webkit-scrollbar-thumb:hover { background: #e0451e;}
* { scrollbar-width: thin; scrollbar-color: #ff6542 transparent;}

/* ── Mobile logo ── */
@media (max-width: 768px) {
  body::before { left: auto; right: 18px !important; transform: scale(1); width: 70px; height: 70px; top: 15px;}
  .rsz-intro-card {display: none !important;}
  body > nav > div:nth-child(2) > a{display: none}
  body.scrolled::before { opacity: 0; pointer-events: none; transform: scale(1); top: 20px !important; padding-top:0; margin-top: 0 !important;}
  body > main > main > section > h2:nth-of-type(22) span.home__collection__name a { font-size: 23% !important;}
  h2.home__collection { container-type: normal !important;}
  .home__collection:hover .home__collection__name::after { color: rgba(62, 62, 62, 0.05) !important; opacity: 0.8 !important;}
  .rsz-filter-btn { font-size: 10px !important; padding: 1px 8px !important; gap: 2px !important;}
  #rsz-filter-bar { padding: 2px 10px !important; margin: 0px auto 16px !important;}
}

body.scrolled #rsz-logo { pointer-events: none;}
body > nav > div:nth-child(3){display: none;}
body > main > main > h1{display: none;}

.nav__link[href*="login"],
.nav__link[href*="customer-login"] {
  position: fixed; top: 28px; right: 23px;
  font-size:13px !important; padding: 11px 14px 11px !important;
  line-height: 26px; box-sizing: border-box; border-radius: 999px;
  background: black; color:white; z-index: 710; text-indent: 0 !important;
}

.type-tester__toolbar{border-top:1px solid darkgray; padding: 0 0px 0 10px; border-radius:0;}
.collection-info[data-collection-type=superfamily] .collection-info__styles, .collection-styles{display: none !important;}

.store-modal__page__body { display: flex; flex-direction: column;}
.store-modal__license-selection__container { order: 2; padding-top: 40px;}
.store-modal__families { order: 1;}
.store-modal__family__style-button, .store-modal__family__family-button, .store-modal__family__bundle-button{padding: 0 20px !important}
.store-modal__product-summary__selection-text{ font-family: "Performa SemiBold";font-size: 20px}

body.dark-mode .studio-menu-btn { color: rgba(246, 246, 246, 1) !important;}
body.dark-mode .studio-menu-btn:hover { color: #ff6542 !important;}

.fyEOvc{ background: rgba(246, 246, 246, 1); border-radius: 8px; padding: 20px; max-width: 100% !important;}

.nav__links > div a img { display: none;}
.nav__links > div a::before { content: "RESISTENZA TYPE"; color: black; font-size: 15px; letter-spacing: 1px; font-family: "Performa Bold";}
.nav__links > div a { text-decoration: none;}

#toggle-theme {
  bottom: 49px; left:60px; transform: translateX(-50%);
  background: #e0e0e0; padding: 15px; border-radius: 50px;
  cursor: pointer; font-size: 0; z-index:100;
  transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  border: 1px solid gray; width: 72px; height: 32px; position:fixed;
}
#toggle-theme:before {
  content: "☀"; position: absolute; width: 22px; height: 22px;
  background: white; border-radius: 50%; bottom: 4px; left: 4px;
  font-size: 20px; display: flex; align-items: center; justify-content: center;
  transition: all 0.4s ease; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); line-height: 32px;
}
#toggle-theme:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);}
body.dark-mode #toggle-theme { background: #121212;}
body.dark-mode #toggle-theme:before { content: "☾"; left: 44px;}

::selection { background: #ff6542; color: rgb(51, 51, 51); -moz-text-blink: blink; opacity: 1 !important; visibility: 1;}

.articles__meta{display:none}
.articles{ grid-template-columns: 100% auto;}
.collection-info{margin-top:0em; padding: 5px;}

body {
  break-inside: avoid;
  background-color: rgba(246, 246, 246, 1);
  overflow-x: hidden !important;
  font-size: 18px;
  animation: fadeIn 0.5s forwards;
  opacity: 0;
}
@keyframes fadeIn { to { opacity: 1;}}

video{ border-radius: 5px !important;}
img{ border-radius: 5px !important;}
.nav__link img:hover{opacity: 0.8 !important;}
.markdown img:hover{ -webkit-filter: saturate(2) !important; filter: saturate(2)!important;}
.nav{ border:none; right: 0 !important;}
br{margin-bottom: 50px !important}
.nav__item { width: 200px;}
.collection-info__name, .collection-info__single-style-name{display: none}
.home__collection__link { padding-bottom: 90px !important;}
.home__collection__name { font-size: 80px !important; display: block; transition: color 0.5s;}

h1{ font-family: "Performa Regular" !important; font-weight: 400; font-variation-settings: 'wght' 700, 'slnt' 0}

.collection-more-info__languages{margin-top:25px;}
.collection-more-info__languages__list{ font-size: 13px !important; }

.markdown{ background: !important; padding: 13px; border-radius: 7px; max-width: 42rem}
.cart-item__license-variable:not(:first-child) .cart-item__license-variable__option{border-top:1px solid #121212 !important}
.markdown p{ padding: 15px 15px 0px 0;}
li { font-size:18px; list-style: inside disc;}
.store-modal__family__style-button, .store-modal__family__family-button, .store-modal__family__bundle-button{ padding: 5px 20px; -moz-transition:color .2s ease-in; -o-transition:color .2s ease-in; -webkit-transition:color .2s ease-in;}
.article__body .markdown li{ list-style: inside disc !important;}
.article__body{list-style: inside disc !important}

.home__collection__new {
  font-size: 0 !important; text-transform: uppercase;
  animation: blinker 1s linear infinite !important;
  font-family: "Performa Regular"; text-align: center;
  top: -40px; border-radius: 999px; position: relative; width: 100px;
}
.home__collection__new::before { content: "● NEW" !important; font-size: 15px; color: #ff6542; letter-spacing: normal; display: inline-block;}

input:autofill{color: #ff6542;}
h1:hover{color: #ff6542;}
.markdown h2:hover{color: #ff6542; font-variation-settings: 'wght' 900 , 'slnt' 0 !important; letter-spacing: -1px; transition: font-variation-settings 0.5s ease-in-out;}
h3:hover{color: #ff6542; }

.home__collection { padding: 10px 0 0px 0 !important; text-align: left; text-indent: 5px;}
.home__collection:hover {
  text-decoration: none;
  background: #fafafa !important;
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 100% { border-color: #ff6542; }
  50% { border-color: #fafafa; }
}

.store-modal__product-summary__add-to-cart-button { border-radius: 50px !important; -moz-transition:color .2s ease-in; -o-transition:color .2s ease-in; -webkit-transition:color .2s ease-in;}
.collection-more-info__description h2{ font-family: "Performa Bold" !important; font-size: 17px}
.collection-more-info__description h5{ color: #ff6542;}

@keyframes blinker { 50% { opacity: 0; }}

.nav__link[href="/frequently-asked-questions"],
.nav__link[href="/custom-fonts"],
.nav__link[href="/custom"],
.nav__link[href="/thankyou"],
.nav__link[href="/about-us"],
.nav__link[href="/newsletter"] { display: none;}
.nav__link[href="/free-font"] { animation: blinker 1s linear infinite !important;}

.type-tester{border:none;}
.tor { display: none;}
.collection-styles__group { float: left; margin-right: 30px; text-align: center;}
.collection-styles__style{ clear: both; float: left; padding-bottom: 10px;}
.text-field__prefix, .text-field__input{ background: whitesmoke !important; }
.store-modal__cart__button{color: black !important}
.licenses-page__licenses{ position: absolute;}
.cart-item__license-variable{ list-style: none !important}
.buy-button, .collection-info__minisite-link { border-radius: 11px;}

[data-collection-type=superfamily] .collection-styles__group{ font-size: 21px; width: 29%; text-align: left; padding-left: 10px; cursor: default;}

.collection-styles__label { padding-left: 10px; text-align: left !important; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; font-family: "Performa Bold" !important; border-bottom: gray 1px solid; color: #ff6542;}
.store-modal__style-button__container{ -moz-transition:color .1s ease-in; -o-transition:color .1s ease-in; -webkit-transition:color .1s ease-in;}
.select{ border-radius: 5px; padding: 5px;}
.select:hover{ background: #ff6542; border-radius: 5px; padding: 5px;}
.select-button { background: white; padding: 10px 30px; text-transform: uppercase; font-family: "Performa SemiBold" !important; transition: padding 0.5s; font-size: 15px;}
.select-button:hover { background: #121212; color:rgba(246, 246, 246, 1);}

p { font-size: 18px; hyphens: none !important; line-height: 25px !important;}

a { text-decoration: none; -moz-transition:color .2s ease-in; -o-transition:color .2s ease-in; -webkit-transition:color .2s ease-in;}
.article a{text-decoration: underline !important; text-underline-offset: 3px; text-decoration-thickness: 1px; text-decoration-color: color(display-p3 0.793 0.793 0.793);}
.article a, .markdown a{ padding: 1px; color: #ff6542; border-radius: 5px; -moz-transition:color .2s ease-in; -o-transition:color .2s ease-in; -webkit-transition:color .2s ease-in;}
.article a:hover{ padding: 1px; color: gray !important; border-radius: 5px;}
a:hover { text-decoration: none; color:#121212;}
.articles__tags li a:hover{ font-family: "Performa Bold" !important;}
.licenses-page__license__link li a:hover{ font-family: "Performa Bold" !important;}
.licenses-page__license{list-style: none;}

hr { border-top:1px solid gray; border-bottom: none; margin-bottom:40px; margin-top:20px; mix-blend-mode: darken !important;}
.license-page__license__link ul li:hover{ font-family: "Performa Bold" !important;}
.license-page__license{list-style: none !important}

h1, h2, h3, h4, h5, h6 { transition: font-variation-settings 0.5s ease-in-out; -moz-transition:color .2s ease-in; -o-transition:color .2s ease-in; -webkit-transition:color .2s ease-in;}
h1, h2, h3, h4, h5, h6 :hover{ cursor: default;}
h6{ margin-top: 25px; font-family: "Performa Bold" !important}

.license-page__license__name li {padding: 0; line-height: 10px}
span.license-page__license__name {padding:0 !important; clear: both; font-size: 18px; line-break: 10px}
.markdown h1 { font-family: "Performa Black" !important; font-size: 35px !important; line-height: 38px; transition: font-variation-settings 0.5s ease-in-out;}
.collection-more-info__specimens__image{ border:1px solid #ff6542; background: #ff6542;}
.collection-more-info__specimens__image:hover{ border:1px solid #ff6542; background: #fff;}
.cart-item__license-variable__text-input{font-size: 15px;}
.markdown h3{ font-family: "Performa Regular" !important; font-size:1.7em; line-height: 1em; }
.article a, .markdown a h3{ color: black !important}
.licenses-page__title, .license-page__title{ font-family: "Performa ExtraBold" !important; text-transform: uppercase;}
.markdown h2{ font-family: "Performa Medium" !important; font-size: 33px !important; line-height: 33px; letter-spacing: -1px; padding-top:2px; transition: font-variation-settings 0.5s ease-in-out;}

li::marker {content: "•"; color: gray !important; display: inline-block;}
.page{ grid-template-columns: none !important;}

.article__header h1 { font-family: "Sidera Variable Regular" !important; font-weight: 400; font-variation-settings: 'wght' 700, 'slnt' 0; font-size: 55px !important; line-height: 55px; color: #333333; width: 500px; letter-spacing: -2px;}
.article__header h1:hover{color:#ff6542;}
h4 { font-size: 27px !important; font-family: "Performa Medium" !important;}
h5 { font-family: "Performa Bold" !important; font-size: 25px; letter-spacing: 1px; text-transform: uppercase;}
.collection-more-info{ border-top:1px solid color(display-p3 0.849 0.849 0.849); padding: 10px;}
h7 { line-height: 15px !important;}
blockquote { font-size: 18px;}
strong { font-family: "Performa Bold" !important;}
.markdown h5{width: 100%; line-height: 21px;}

.footer a:hover, .download-order__close:hover, .download-order a:hover{opacity: 1 !important; color:#ff6542;}
.fa .fa-twitter, .fa .fa-instagram, .fa .fa-facebook, { font: normal normal normal 20px/1 FontAwesome !important; font-family: "FontAwesome" !important;;}
.collection-info__styles, .collection-info__buy { clear: both;}

.insideFooter a,
.nav__link {
  letter-spacing: 0px;
  -moz-transition:color .1s ease-in !important;
  -o-transition:color .1s ease-in !important;
  -webkit-transition:color .1s ease-in !important;
  font-size: 20px !important; line-height: 25px;
  font-family: 'Performa Medium'; color: #121212; top:0;
}
.nav__link:active{ -moz-transition:color .1s ease-in !important; -o-transition:color .1s ease-in !important; -webkit-transition:color .1s ease-in !important;}
.nav__link:hover{ color:#ff6542 !important; -moz-transition:color .1s ease-in !important; -o-transition:color .1s ease-in !important; -webkit-transition:color .1s ease-in !important; font-family: 'Performa Medium';}

.colonna { width: 100% !important; margin:0 10px 30px 0; background: white; padding: 15px; border-radius: 5px; text-align: left;}
.colonna li{ border:none; line-height: 15px; padding-left:5px; -moz-transition:color .1s ease-in; -o-transition:color .1s ease-in; -webkit-transition:color .1s ease-in;}
.colonna:last-child { margin-right: 0;}

.article__body li{list-style: inside disc !important;}
.markdown ul, .markdown ol{margin-left: 0;}
.bestsellers { display: flex; padding: 0 0 20px;}

.tinyText { font-family: "Performa Medium" !important; text-transform: uppercase; font-size: 13px; letter-spacing: 0.5px; color: #333333;}
.tinyText p { color: gray; text-transform: uppercase; font-size: 11px; letter-spacing: 0.1em; font-family: "Performa Regular" !important;}

.insideFooter { padding: 40px 0px 55px 0px !important;}
.insideFooter li{ box-shadow: inset 0 0px 0 0 white; line-height: 25px; list-style: none !important; -webkit-transition: ease-out 0.4s; -moz-transition: ease-out 0.4s; transition: ease-out 0.4s;}
.insideFooter li:hover{color:#ff6542 !important;}
.insideFooter .nav__link a:hover{color:#ff6542 !important;}

.footer { border: none !important; position: relative; padding-bottom: 0 !important; margin: 30px;}
.footer h7 { font-family: 'Performa Bold' !important; font-size: 18px;}

.socialmedia { left: 20px !important; font-size: 29px !important; padding-top: 104px; font: normal normal normal 20px/1 FontAwesome !important; font-family: "FontAwesome" !important;;}
.socialmedia a { padding-right: 20px; font: normal normal normal 20px/1 FontAwesome !important; font-family: "FontAwesome" !important;;}
.socialmedia a:hover { text-decoration: none !important;}

.cart-item__additional-licenses__item:hover { background: white;}
.p-CardNumberInput { background: white !important;}
.Input, .p-FauxInput { border: 1px solid #121212 !important;}
.p-Input-input { border: 1px solid #121212 !important;}
.text-field__prefix, .text-field__input { background: white;}
.home__collection__new{padding-top:0px;margin: 0 !important}
.markdown img{padding-top:0px; padding-bottom: 20px !important; background-color:rgba(246, 246, 246, 1) !important;}

.cart__price-blocks[data-hide-total=true].cart__price-blocks[data-has-discount=false] .cart__price-block[data-line=subtotal] .cart__price-block__price,
.cart__price-blocks[data-hide-total=true] .cart__price-block[data-line=discounted-subtotal] .cart__price-block__price,
.cart__price-block[data-line=total] .cart__price-block__price{
  font-family: "Performa Medium"; background-color: #ff9e88; min-width: auto; padding: 2px; border-radius: 5px !important;
}

.articles__item:hover img{ background-color: #ff6542; background-blend-mode: overlay; background-size: cover; filter: invert(1);}

.fa { text-decoration: none; font: normal normal normal 20px/1 FontAwesome !important; font-family: "FontAwesome" !important; padding-top:10px; padding-bottom: 40px;}
.fa-twitter:before{font-size:24px; margin-right: 10px;}
.fa-instagram:before{font-size:24px; margin-right: 10px;}
.fa-facebook:before{font-size:24px; margin-right: 10px;}
.icon svg{ width:1em; height:1em}
.insideFooter hr{display: none !important;}

.bannerfooter{ color: #000; position: fixed; bottom:0; right:0; padding: -40px 0px 0px 0px; margin: 0 30px 40px; z-index: 99; font-family: "Performa Regular" !important; border-radius: 50px; display: none !important;}
.bannerfooter h1{ font-family: "Performa Regular" !important; font-size: 75px; line-height: 60px; float: right;}
.bannerfooter p{ font-family: "Performa Regular" !important;}
.bannerfooter h1:hover{ color: #ff6542; font-family: "Performa Regular" !important;}

li{ list-style: inside disc; -moz-transition:color .1s ease-in; -o-transition:color .1s ease-in; -webkit-transition:color .1s ease-in;}

.nav__link__ellisse{ margin: 0px 14px 5px 0; line-height: 33px !important; letter-spacing: 2px; -moz-transition:color .1s ease-in; -o-transition:color .1s ease-in; -webkit-transition:color .1s ease-in; text-transform: uppercase !important; font-size: 12px !important; font-family: 'Performa Bold'; color: #121212; clear: both;}
.nav__link__ellisse:hover{ color: #ff6542 !important;}

.piede{ color: #333333 !important; padding: 0 10px 170px 10px; font-family: "Performa Regular"}
.colonna hr{margin: 0px !important; border:none;}

.store-modal__container__container{ font-size:15px; filter: saturate(1.2)}
.store-modal__license-selection__license{margin-bottom: 10px}
.store-modal__licensee-is-billing-identity__title{margin-bottom: 10px !important}
.store-modal__order-variable-selection__label, .store-modal__license-selection__license-button-label{padding:10px 10 5px 10px !important;}
.store-modal__license-selection__container{margin-top:5px !important;margin-bottom:25px !important;}
.store-modal__licensee-is-billing-identity__container{margin-top:0px !important;margin-bottom:25px !important;}

@media (max-width: 768px) {
  .studio-menu-btn{ display: none !important;}
  .home__collection__new { display: none !important;}
  .toggle-theme { margin-left: auto !important; margin-right: auto !important; display: none !important;}
}

@media screen and (max-width: 600px){
  .rsz-intro-card {display: none !important;}
  .studio-menu-btn{ display: none !important;}
  .home { grid-template-columns: repeat(2, 1fr) !important;}
  .home__collection__new { display: none !important;}
  .home__collection__name { font-size: 40px !important; display: block;}
  .home__collection__name:hover::after { letter-spacing: 2px; padding-left: 0px; text-decoration: none; position: absolute; color: #ff6542; content: ""; transition: color 0.5s;}
  .licenses-page__licenses{ position: relative; top:0;}
  .bestsellers { display: none;}
  .nav__link{ font-size:14px !important; font-family: "Performa Bold"; width:100%;}
  .home__collection__name:hover::after { text-decoration: none; animation: none; color:#ff6542;}
  .home__collection__name:hover { color:#ff6542 !important;}
  .buy-button { -moz-transition:color .2s ease-in; -o-transition:color .2s ease-in; -webkit-transition:color .2s ease-in; width: 270px !important; padding: 6px; text-transform: uppercase;}
  .select-button{ padding: 4px 12px 4px 12px;}
  .colonna{display:none;}
}

.article{margin-left:18px;}

.markdown img { width: 750px; max-width: none; position: relative; left: 50%; transform: translateX(-50%); margin: 0.1rem; max-height: 70vh; object-fit: contain;}

.iGDhJ{ font-weight: normal !important;}
.gNpohd{ margin-left: 0 !important; font-family: "Performa Regular" !important; width: 100% !important; max-width: 100% !important;}
.cQWXvN{ font-family: "Sidera Variable Regular" !important; font-weight: normal !important; font-variation-settings: 'wght' 700, 'slnt' 0;}
label .ixwIRk { font-weight: normal !important;}
.ixwIRk:label{ font-weight: normal !important;}

body.dark-mode a:hover, body.dark-mode .article a:hover, body.dark-mode .markdown a:hover, body.dark-mode .markdown h3 a:hover, body.dark-mode nav a:hover { color: #ff6542 !important; text-decoration-color: #ff6542;}

.home-hero { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(2, 1fr); gap: 12px; width: 100%; aspect-ratio: 3 / 1; box-sizing: border-box;}
.home-hero-one { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(2, 1fr); gap: 12px; width: 100%; aspect-ratio: 2 / 1; box-sizing: border-box; display: none; visibility: none;}
.tile { position: relative; display: block; overflow: hidden; border-radius: 12px;}
.tile img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease, filter 0.4s ease;}
.tile:hover img { transform: scale(1.03);}
.home-hero--single { grid-template-columns: 1fr; grid-template-rows: 1fr;}
.tile--full { grid-column: 1 / -1; grid-row: 1 / -1;}
.tile video { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease, filter 0.4s ease; border-radius: inherit;}
.tile video:hover{ filter: contrast(150%);}
.caption { position: absolute; top: 12px; left: 12px; font-size: 0.7rem; background: rgba(255, 255, 255, 0.55); color: #000; padding: 4px 10px; border-radius: 6px; letter-spacing: 0.02em; font-weight: 500; transition: background 0.3s ease, color 0.3s ease;}
.tile:hover .caption { background: #ff6542; color: #fff;}
.tile--left { grid-row: 1 / span 2;}

@media (max-width: 768px) {
  .home-hero { grid-template-columns: 1fr; grid-template-rows: auto; aspect-ratio: auto;}
  .markdown img{width: 100% !important;}
  .tile--left { grid-row: auto;}
}

.home__collection a::after, .collection a::after, a.font-card::after {
  display: block; font-size: 12px; color: #666; margin-top: .25rem; line-height: 1.35;
  font-family: Performa Regular; top:120px; background: white; padding: 2px 7px 2px 7px;
  border-radius: 15px; letter-spacing: 0.5px; z-index: 99999999;
}
body.dark-mode .home__collection:hover a::after, body.dark-mode .collection a:hover::after, body.dark-mode a.font-card:hover::after { color: rgba(246,246,246,0.8) !important;}
.home__collection a, .collection a, a.font-card { position: relative; z-index: 0;}
.home__collection a::after, .collection a::after, a.font-card::after, .meta-caption { position: relative; z-index: 0; pointer-events: none;}
.home__collection a .hover-overlay, .collection a .hover-overlay, a.font-card .hover-overlay { position: absolute; inset: 0;}

@media (max-width: 720px) {
  .home__collection a::after, .collection a::after, a.font-card::after { display: none !important; font-size: 12px !important;}
}

.custom-buy-cursor { content: "BUY" !important; position: fixed; background: #ff6542; color: white; padding: 5px 12px; font-size: 15px; font-weight: bold; border-radius: 17px; pointer-events: none; z-index: 9999; transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.2s ease; text-transform: uppercase !important; filter: saturate(1.2)}
.home__collection a[class*="scroll-"]:hover::after, .collection a[class*="scroll-"]:hover::after, a.font-card[class*="scroll-"]:hover::after { background: black; color: white;}

/* ===== FONT CAPTIONS ===== */
.home__collection a[href*="piccola"]::after,.collection a[href*="piccola"]::after,a.font-card[href*="piccola"]::after{content:"1 Font | from €45"!important}
.home__collection a[href*="qimbo"]::after,.collection a[href*="qimbo"]::after,a.font-card[href*="qimbo"]::after{content:"2 Fonts | from €45"!important}
.home__collection a[href*="onni"]::after,.collection a[href*="onni"]::after,a.font-card[href*="onni"]::after{content:"10 Fonts + Var · 1 Axis | from €45"!important}
.home__collection a[href*="effimera"]::after,.collection a[href*="effimera"]::after,a.font-card[href*="effimera"]::after{content:"18 Fonts + Var · 2 Axis | from €45"!important}
.home__collection a[href*="nautica"]::after,.collection a[href*="nautica"]::after,a.font-card[href*="nautica"]::after{content:"2 Fonts | from €55"!important}
.home__collection a[href*="ordine"]::after,.collection a[href*="ordine"]::after,a.font-card[href*="ordine"]::after{content:"18 Fonts + Var · 2 Axes | from €45"!important}
.home__collection a[href*="modern-love"]::after,.collection a[href*="modern-love"]::after,a.font-card[href*="modern-love"]::after{content:"8 Fonts | from €45"!important}
.home__collection a[href*="sidera"]::after,.collection a[href*="sidera"]::after,a.font-card[href*="sidera"]::after{content:"18 Fonts + Var · 2 Axes | from €45"!important}
.home__collection a[href*="kiosq"]::after,.collection a[href*="kiosq"]::after,a.font-card[href*="kiosq"]::after{content:"1 Font | from €45"!important}
.home__collection a[href*="lekick"]::after,.collection a[href*="lekick"]::after,a.font-card[href*="lekick"]::after{content:"2 Fonts | from €49"!important}
.home__collection a[href*="squadra-stencil"]::after,.collection a[href*="squadra-stencil"]::after,a.font-card[href*="squadra-stencil"]::after{content:"18 Fonts | from €45"!important}
.home__collection a[href*="squadrafamily"]::after,.collection a[href*="squadrafamily"]::after,a.font-card[href*="squadrafamily"]::after{content:"18 Fonts + Var · 1 Axis | from €45"!important}
.home__collection a[href*="oddity"]::after,.collection a[href*="oddity"]::after,a.font-card[href*="oddity"]::after{content:"1 Font | from €49"!important}
.home__collection a[href*="furbo"]::after,.collection a[href*="furbo"]::after,a.font-card[href*="furbo"]::after{content:"29 Fonts + Var · 3 Axes | from €45"!important}
.home__collection a[href*="performa"]::after,.collection a[href*="performa"]::after,a.font-card[href*="performa"]::after{content:"108 Fonts + 2 Var · 2 Axes | from €45"!important}
.home__collection a[href*="revolute"]::after,.collection a[href*="revolute"]::after,a.font-card[href*="revolute"]::after{content:"12 Fonts + 2 Var · 1 Axis | from €45"!important}
.home__collection a[href*="monologo"]::after,.collection a[href*="monologo"]::after,a.font-card[href*="monologo"]::after{content:"14 Fonts + Var · 1 Axis | from €45"!important}
.home__collection a[href*="norman"]:not([href*="stencil"])::after,.collection a[href*="norman"]:not([href*="stencil"])::after,a.font-card[href*="norman"]:not([href*="stencil"])::after{content:"8 Fonts + 2 Var · 1 Axis | from €49"!important}
.home__collection a[href*="crispo"]::after,.collection a[href*="crispo"]::after,a.font-card[href*="crispo"]::after{content:"1 Font | from €49"!important}
.home__collection a[href*="pressato"]::after,.collection a[href*="pressato"]::after,a.font-card[href*="pressato"]::after{content:"12 Fonts + Var · 3 Axes | from €45"!important}
.home__collection a[href*="totalblack"]::after,.collection a[href*="totalblack"]::after,a.font-card[href*="totalblack"]::after{content:"18 Fonts + 2 Var · 1 Axis | from €45"!important}
.home__collection a[href*="liquida"]::after,.collection a[href*="liquida"]::after,a.font-card[href*="liquida"]::after{content:"1 Font | from €49"!important}
.home__collection a[href*="austerslab"]::after,.collection a[href*="austerslab"]::after,a.font-card[href*="austerslab"]::after{content:"20 Fonts | from €45"!important}
.home__collection a[href*="gotti"]::after,.collection a[href*="gotti"]::after,a.font-card[href*="gotti"]::after{content:"9 Fonts + Var · 1 Axis | from €45"!important}
.home__collection a[href*="flipante"]::after,.collection a[href*="flipante"]::after,a.font-card[href*="flipante"]::after{content:"5 Fonts + Var · 1 Axis | from €45"!important}
.home__collection a[href*="turquoise"]:not([href*="sans"])::after,.collection a[href*="turquoise"]:not([href*="sans"])::after,a.font-card[href*="turquoise"]:not([href*="sans"])::after{content:"3 Fonts | from €59"!important}
.home__collection a[href*="lettera"]::after,.collection a[href*="lettera"]::after,a.font-card[href*="lettera"]::after{content:"3 Fonts | from €45"!important}
.home__collection a[href*="red-oak"]::after,.collection a[href*="red-oak"]::after,a.font-card[href*="red-oak"]::after{content:"24 Fonts | from €45"!important}
.home__collection a[href*="superpop"]::after,.collection a[href*="superpop"]::after,a.font-card[href*="superpop"]::after{content:"12 Fonts + Var · 1 Axis | from €45"!important}
.home__collection a[href*="turquoise-sans"]::after,.collection a[href*="turquoise-sans"]::after,a.font-card[href*="turquoise-sans"]::after{content:"2 Fonts | from €45"!important}
.home__collection a[href*="lafleur"]::after,.collection a[href*="lafleur"]::after,a.font-card[href*="lafleur"]::after{content:"2 Fonts | from €45"!important}
.home__collection a[href*="big-mamma"]::after,.collection a[href*="big-mamma"]::after,a.font-card[href*="big-mamma"]::after{content:"3 Fonts | from €45"!important}
.home__collection a[href*="afrobeat-nova"]::after,.collection a[href*="afrobeat-nova"]::after,a.font-card[href*="afrobeat-nova"]::after{content:"1 Font | from €49"!important}
.home__collection a[href*="norman-stencil"]::after,.collection a[href*="norman-stencil"]::after,a.font-card[href*="norman-stencil"]::after{content:"8 Fonts | from €45"!important}
.home__collection a[href*="industria-sans"]::after,.collection a[href*="industria-sans"]::after,a.font-card[href*="industria-sans"]::after{content:"54 Fonts + Var | from €45"!important}
.home__collection a[href*="ainda"]::after,.collection a[href*="ainda"]::after,a.font-card[href*="ainda"]::after{content:"2 Fonts | from €45"!important}
.home__collection a[href*="industria-serif"]::after,.collection a[href*="industria-serif"]::after,a.font-card[href*="industria-serif"]::after{content:"54 Fonts + Var | from €45"!important}
.home__collection a[href*="dolce-caffe"]:not([href*="chalk"])::after,.collection a[href*="dolce-caffe"]:not([href*="chalk"])::after,a.font-card[href*="dolce-caffe"]:not([href*="chalk"])::after{content:"2 Fonts | from €45"!important}
.home__collection a[href*="dreamaway"]::after,.collection a[href*="dreamaway"]::after,a.font-card[href*="dreamaway"]::after{content:"8 Fonts | from €45"!important}
.home__collection a[href*="annuario"]:not([href*="variable"])::after,.collection a[href*="annuario"]:not([href*="variable"])::after,a.font-card[href*="annuario"]:not([href*="variable"])::after{content:"48 Fonts + Variable · 2 Axes | from €45"!important}
.home__collection a[href*="adore-you"]::after,.collection a[href*="adore-you"]::after,a.font-card[href*="adore-you"]::after{content:"3 Fonts | from €45"!important}
.home__collection a[href*="smoothy"]::after,.collection a[href*="smoothy"]::after,a.font-card[href*="smoothy"]::after{content:"4 Fonts | from €45"!important}
.home__collection a[href*="guess-what"]::after,.collection a[href*="guess-what"]::after,a.font-card[href*="guess-what"]::after{content:"3 Fonts | from €45"!important}
.home__collection a[href*="notes"]::after,.collection a[href*="notes"]::after,a.font-card[href*="notes"]::after{content:"4 Fonts | from €45"!important}
.home__collection a[href*="groupie"]::after,.collection a[href*="groupie"]::after,a.font-card[href*="groupie"]::after{content:"2 Fonts | from €45"!important}
.home__collection a[href*="mina"]:not([href*="chic"])::after,.collection a[href*="mina"]:not([href*="chic"])::after,a.font-card[href*="mina"]:not([href*="chic"])::after{content:"8 Fonts | from €45"!important}
.home__collection a[href*="royale"]::after,.collection a[href*="royale"]::after,a.font-card[href*="royale"]::after{content:"8 Fonts | from €45"!important}
.home__collection a[href*="videomusic"]::after,.collection a[href*="videomusic"]::after,a.font-card[href*="videomusic"]::after{content:"5 Fonts | from €45"!important}
.home__collection a[href*="little-boxes"]::after,.collection a[href*="little-boxes"]::after,a.font-card[href*="little-boxes"]::after{content:"2 Fonts | from €45"!important}
.home__collection a[href*="timberline"]::after,.collection a[href*="timberline"]::after,a.font-card[href*="timberline"]::after{content:"2 Fonts | from €45"!important}
.home__collection a[href*="hello-fresh"]::after,.collection a[href*="hello-fresh"]::after,a.font-card[href*="hello-fresh"]::after{content:"4 Fonts | from €45"!important}
.home__collection a[href*="newland"]::after,.collection a[href*="newland"]::after,a.font-card[href*="newland"]::after{content:"3 Fonts | from €45"!important}
.home__collection a[href*="shabby-chic"]::after,.collection a[href*="shabby-chic"]::after,a.font-card[href*="shabby-chic"]::after{content:"1 Font | from €45"!important}
.home__collection a[href*="respect"]::after,.collection a[href*="respect"]::after,a.font-card[href*="respect"]::after{content:"4 Fonts | from €45"!important}
.home__collection a[href*="nostalgia"]::after,.collection a[href*="nostalgia"]::after,a.font-card[href*="nostalgia"]::after{content:"2 Fonts | from €29"!important}
.home__collection a[href*="stencil-creek"]::after,.collection a[href*="stencil-creek"]::after,a.font-card[href*="stencil-creek"]::after{content:"8 Fonts | from €45"!important}
.home__collection a[href*="nautica-lines"]::after,.collection a[href*="nautica-lines"]::after,a.font-card[href*="nautica-lines"]::after{content:"10 Fonts | from €45"!important}
.home__collection a[href*="story-tales"]::after,.collection a[href*="story-tales"]::after,a.font-card[href*="story-tales"]::after{content:"4 Fonts | from €45"!important}
.home__collection a[href*="starburst"]::after,.collection a[href*="starburst"]::after,a.font-card[href*="starburst"]::after{content:"1 Font | from €45"!important}
.home__collection a[href*="austerfamily"]::after,.collection a[href*="austerfamily"]::after,a.font-card[href*="austerfamily"]::after{content:"20 Fonts + Variable | from €45"!important}
.home__collection a[href*="suerte"]::after,.collection a[href*="suerte"]::after,a.font-card[href*="suerte"]::after{content:"2 Fonts | from €45"!important}
.home__collection a[href*="beach-please"]::after,.collection a[href*="beach-please"]::after,a.font-card[href*="beach-please"]::after{content:"3 Fonts | from €45"!important}
.home__collection a[href*="blaq"]::after,.collection a[href*="blaq"]::after,a.font-card[href*="blaq"]::after{content:"1 Font | from €45"!important}
.home__collection a[href*="glob"]::after,.collection a[href*="glob"]::after,a.font-card[href*="glob"]::after{content:"2 Fonts | from €45"!important}
.home__collection a[href*="vermouth"]::after,.collection a[href*="vermouth"]::after,a.font-card[href*="vermouth"]::after{content:"8 Fonts | from €39"!important}
.home__collection a[href*="dreamteam"]::after,.collection a[href*="dreamteam"]::after,a.font-card[href*="dreamteam"]::after{content:"2 Fonts | from €45"!important}
.home__collection a[href*="dolce-caffe-chalk"]::after,.collection a[href*="dolce-caffe-chalk"]::after,a.font-card[href*="dolce-caffe-chalk"]::after{content:"4 Fonts | from €45"!important}
.home__collection a[href*="mela-pro"]::after,.collection a[href*="mela-pro"]::after,a.font-card[href*="mela-pro"]::after{content:"1 Font | from €45"!important}
.home__collection a[href*="pando-script"]::after,.collection a[href*="pando-script"]::after,a.font-card[href*="pando-script"]::after{content:"2 Fonts | from €45"!important}
.home__collection a[href*="apero-slab"]::after,.collection a[href*="apero-slab"]::after,a.font-card[href*="apero-slab"]::after{content:"5 Fonts | from €45"!important}
.home__collection a[href*="batticuore"]::after,.collection a[href*="batticuore"]::after,a.font-card[href*="batticuore"]::after{content:"6 Fonts | from €45"!important}
.home__collection a[href*="tresor"]::after,.collection a[href*="tresor"]::after,a.font-card[href*="tresor"]::after{content:"6 Fonts | from €45"!important}
.home__collection a[href*="pestofresco"]::after,.collection a[href*="pestofresco"]::after,a.font-card[href*="pestofresco"]::after{content:"32 Fonts | from €39"!important}
.home__collection a[href*="mina-chic"]::after,.collection a[href*="mina-chic"]::after,a.font-card[href*="mina-chic"]::after{content:"2 Fonts | from €45"!important}
.home__collection a[href*="quaderno"]::after,.collection a[href*="quaderno"]::after,a.font-card[href*="quaderno"]::after{content:"9 Fonts | from €45"!important}
.home__collection a[href*="mentha"]::after,.collection a[href*="mentha"]::after,a.font-card[href*="mentha"]::after{content:"3 Fonts | from €45"!important}
.home__collection a[href*="gessetto"]::after,.collection a[href*="gessetto"]::after,a.font-card[href*="gessetto"]::after{content:"9 Fonts | from €45"!important}
.home__collection a[href*="monsterhand"]::after,.collection a[href*="monsterhand"]::after,a.font-card[href*="monsterhand"]::after{content:"1 Font | from €45"!important}
.home__collection a[href*="lovewins"]::after,.collection a[href*="lovewins"]::after,a.font-card[href*="lovewins"]::after{content:"1 Font | from €9"!important}
.home__collection a[href*="voguing"]::after,.collection a[href*="voguing"]::after,a.font-card[href*="voguing"]::after{content:"3 Fonts | from €45"!important}
.home__collection a[href*="la-bodeguita"]::after,.collection a[href*="la-bodeguita"]::after,a.font-card[href*="la-bodeguita"]::after{content:"3 Fonts | from €45"!important}
.home__collection a[href*="two-fingers"]::after,.collection a[href*="two-fingers"]::after,a.font-card[href*="two-fingers"]::after{content:"6 Fonts | from €39"!important}
.home__collection a[href*="bratislove"]::after,.collection a[href*="bratislove"]::after,a.font-card[href*="bratislove"]::after{content:"1 Font | from €45"!important}
.home__collection a[href*="natura"]::after,.collection a[href*="natura"]::after,a.font-card[href*="natura"]::after{content:"2 Fonts | from €45"!important}
.home__collection a[href*="montana"]::after,.collection a[href*="montana"]::after,a.font-card[href*="montana"]::after{content:"12 Fonts | from €26"!important}
.home__collection a[href*="instamood"]::after,.collection a[href*="instamood"]::after,a.font-card[href*="instamood"]::after{content:"2 Fonts | from €39"!important}
.home__collection a[href*="dolcissimo"]::after,.collection a[href*="dolcissimo"]::after,a.font-card[href*="dolcissimo"]::after{content:"18 Fonts | from €39"!important}
.home__collection a[href*="rachele"]::after,.collection a[href*="rachele"]::after,a.font-card[href*="rachele"]::after{content:"47 Fonts | from €45"!important}
.home__collection a[href*="the-luxx"]::after,.collection a[href*="the-luxx"]::after,a.font-card[href*="the-luxx"]::after{content:"1 Font | from €45"!important}
.home__collection a[href*="peperoncino"]::after,.collection a[href*="peperoncino"]::after,a.font-card[href*="peperoncino"]::after{content:"33 Fonts | from €45"!important}
.home__collection a[href*="copperlove"]::after,.collection a[href*="copperlove"]::after,a.font-card[href*="copperlove"]::after{content:"1 Font | from €45"!important}
.home__collection a[href*="merendina"]::after,.collection a[href*="merendina"]::after,a.font-card[href*="merendina"]::after{content:"12 Fonts | from €45"!important}
.home__collection a[href*="adelaida"]::after,.collection a[href*="adelaida"]::after,a.font-card[href*="adelaida"]::after{content:"1 Font | from €45"!important}
.home__collection a[href*="sonica-brush"]::after,.collection a[href*="sonica-brush"]::after,a.font-card[href*="sonica-brush"]::after{content:"1 Font | from €45"!important}

/* ===== ANIMATIONS ===== */
@keyframes scrollLeftInfinite { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); }}
@keyframes scrollRightInfinite { 0% { transform: translateX(-50%); } 100% { transform: translateX(0%); }}

/* ===== STUDIO LIGHTBOX ===== */
.studio-menu-btn { font-size: 20px !important; font-family: 'Performa Medium'; color: #121212; cursor: pointer; transition: color .1s ease-in !important; width: 160px !important; line-height: 27px;}
.studio-menu-btn:hover { color: #ff6542 !important;}
body.dark-mode .studio-menu-btn { color: rgba(246, 246, 246, 1) !important;}
body.dark-mode .studio-menu-btn:hover { color: #ff6542 !important;}
.studio-lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 99999; cursor: pointer;}
.studio-lightbox.active { opacity: 1; visibility: visible;}
.studio-lightbox.active .studio-gallery { transform: translateX(0);}
.studio-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); cursor: pointer; z-index: 1;}
.studio-content { position: relative; width: 100%; height: 100%; display: flex; align-items: stretch; justify-content: flex-start; z-index: 2;}
.studio-gallery { display: flex; flex-direction: column; gap: 0px; width: 600px; height: 100vh; padding: 0; position: relative; z-index: 3; transform: translateX(-100%); transition: transform 0.4s ease;}
.studio-gallery img { width: 100%; height: 33.333vh; object-fit: cover; border-radius: 0px !important;}
.studio-close { display: none;}

@media screen and (max-width: 768px) {
  #rsz-seo-intro{display: none !important;}
  .studio-menu-btn { display: none !important;}
  .studio-gallery { width: 90vw;}
  .studio-gallery img { height: 33.333vh;}
  .studio-close { display: block; position: fixed; top: 20px; right: 20px; font-size: 40px; color: #fff; z-index: 4;}
}

.videopage{width: 100%; margin-top:20px;border:1px solid black;}
.collection-more-info__description{max-width:none !important}
.glFGKi{font-weight: 100 !important}
.boDIOu{font-weight: 100 !important}
.fHmWIX {font-family: Performa Bold !important;}

.footer__copyright{padding: 0 !important; margin: 0 !important; position: relative;}
.footer__copyright p{font-size: 9px !important; font-family: "Monologo Regular"; letter-spacing: 1px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); float: right; padding: 80px 0px 0px 0px !important; margin: 0 !important;}

@media screen and (max-width: 600px) {
  #rsz-seo-intro{display: none !important;}
  .nav__link { font-size: 14px !important; font-family: "Performa Medium" !important; width: auto;}
}

#rsz-seo-intro { font-family: "Performa Light", sans-serif; font-size: 38px; color: rgb(62, 62, 62); line-height: 48px !important; max-width: 600px; padding: 0px 5px 20px; letter-spacing: 0px !important; text-align: center; margin:0 auto; display:none;}
body.dark-mode #rsz-seo-intro { color: rgba(246,246,246,0.35);}
.rsz-file-label input[type="file"] { display: none !important;}

/* ============================================================
   Font Grid
   ============================================================ */
.home { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 0 !important; padding: 0 !important; margin: 0 !important; align-items: start !important;}

@media screen and (max-width: 800px) { .rsz-intro-card {display: none !important;} .home { grid-template-columns: repeat(1, 1fr) !important;}}
@media screen and (max-width: 480px) { .rsz-intro-card {display: none !important;} .home { grid-template-columns: 1fr !important;}}

/* Card */
.home__collection {
  container-type: inline-size !important;
  padding: 0 !important; text-indent: 0 !important; margin: 5px !important;
  border: 0.5px solid rgba(0,0,0,0.08) !important; border-radius: 9px !important;
  background: white !important; overflow: hidden !important;
  min-height: 240px !important;
  display: flex !important; align-items: flex-start !important;
  box-sizing: border-box !important;
  transition: border-color 0.22s, background 0.22s, opacity 0.35s ease, transform 0.35s ease !important;
  position: relative !important;
  padding-bottom: 36px !important;
  overflow: visible !important;

}

.home__collection:hover { border-color: rgba(0,0,0,0.2) !important; background: #fafafa !important;}

@media (prefers-color-scheme: dark) {
  .home__collection { color: white !important;}
  .home__collection__link { color: white !important;}
}

.home__collection .home__collection__name { display: flex !important; flex-direction: column !important; justify-content: flex-start !important; width: 100% !important; height: 100% !important; padding: 20px 20px 14px !important; box-sizing: border-box !important; overflow: visible !important;}

h2.home__collection a.home__collection__link,
h2.home__collection a.home__collection__link.scroll-left,
h2.home__collection a.home__collection__link.scroll-right {
  font-size: 11cqw !important; line-height: 0.95 !important;
  white-space: normal !important; word-break: break-word !important;
  overflow: visible !important; text-overflow: unset !important;
  display: block !important; width: auto !important; max-width: 100% !important;
  margin: 0 !important; padding: 0 !important;
  color: #1a1916 !important; transition: color 0.22s !important;
}

body.dark-mode h2.home__collection a.home__collection__link,
h2.home__collection a.home__collection__link.scroll-left,
h2.home__collection a.home__collection__link.scroll-right { color: white !important;}

h2.home__collection a.home__collection__link::before { content: none !important; animation: none !important;}
h2.home__collection a.scroll-left::before, h2.home__collection a.scroll-right::before { display: none !important; animation: none !important;}

.home__collection:hover .home__collection__link { color: #ff6542 !important;}
.home__collection:hover .home__collection__link::after { max-height: 50px !important; color: rgba(0,0,0,0.45) !important;}

.home__collection a::after, .collection a::after, a.font-card::after {
  position: static !important; display: block !important;
  font-family: "Performa Regular" !important; font-size: 14px !important;
  color: rgba(0,0,0,0.3) !important; transition: color 0.22s ease !important;
  background: none !important; margin: 0 !important; opacity: 1 !important;
  max-height: none !important; overflow: visible !important; border-radius: 0 !important;
  letter-spacing: 0.03em !important; bottom: 0px; padding-top: 20px !important;
}
.home__collection:hover a::after, a.font-card:hover::after { color: rgba(0,0,0,0.65) !important;}

.home__collection__new { position: absolute !important; top: 12px !important; right: 12px !important;}

body.dark-mode .home__collection { background: #1c1c1c !important; border-color: rgba(255,255,255,0.05) !important;}
body.dark-mode .home__collection:hover { border-color: rgba(255,255,255,0.15) !important; background: #242424 !important;}
body.dark-mode .home__collection__link { color: rgba(246,246,246,0.88) !important;}
body.dark-mode .home__collection a::after, body.dark-mode a.font-card::after { color: rgba(246,246,246,0.4) !important;}

.home__collection.rsz-hidden { opacity: 0 !important; transform: scale(0.97) !important; pointer-events: none !important;}
.home__collection.rsz-visible { opacity: 1 !important; transform: scale(1) !important;}

/* ============================================================
   Filter bar
   ============================================================ */
#rsz-filter-bar { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 0px !important; background: white !important; border: 1px solid rgba(0,0,0,0.1) !important; border-radius: 13px !important; padding: 0px !important; margin: 0px auto 16px !important; width: fit-content !important; max-width: 95vw !important; grid-column: 1 / -1 !important; box-sizing: border-box !important; box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;}

.rsz-filter-label { font-family: "Performa Medium" !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 0.12em !important; color: rgba(0,0,0,0.35) !important; margin-right: 4px !important;}
.rsz-filter-btn { font-family: "Performa Medium" !important; font-size: 12px !important; background: transparent !important; border: 0px solid rgba(0,0,0,0.12) !important; border-radius: 0px !important; padding: 3px 5px 3px 8px !important; cursor: pointer !important; color: #1a1916 !important; transition: background 0.18s, border-color 0.18s, color 0.18s !important; display: flex !important; align-items: center !important; gap: 0px !important; border-radius: 17px !important; margin-left: 7px;}
.rsz-filter-btn:hover { background: #1a1916 !important; color: white !important; border-color: #1a1916 !important; }
.rsz-filter-btn.active { background: #ff6542 !important; color: white !important; border-color: #ff6542 !important; border-radius: 0px !important; border-radius: 17px !important;}
.rsz-count { font-size: 8px !important; opacity: 0.6 !important; font-family: "Performa Medium" !important; margin-bottom:5px;}
#rsz-search-wrap { display: flex !important; align-items: center !important; }
#rsz-search { font-family: "Performa Regular" !important; font-size: 14px !important; border: 0px solid rgba(0,0,0,0.12) !important; padding: 5px 13px 5px 5px !important; background: transparent !important; outline: none !important; width: 50px !important; transition: width 0.3s ease, border-color 0.18s !important; color: #1a1916 !important; }
#rsz-search:focus { width: 60px !important; border-color: rgba(0,0,0,0.35) !important;}
#rsz-search::placeholder { opacity: 1 !important ;  color: #999;
;}
body.dark-mode #rsz-filter-bar { background: #1c1c1c !important; border-color: rgba(255,255,255,0.08) !important;}
body.dark-mode .rsz-filter-btn { color: rgba(246,246,246,0.8) !important; border-color: rgba(255,255,255,0.12) !important;}
body.dark-mode .rsz-filter-btn:hover { background: rgba(255,255,255,0.1) !important; border-color: rgba(255,255,255,0.3) !important; color: white !important;}
body.dark-mode #rsz-search { color: rgba(246,246,246,0.8) !important; border-color: rgba(255,255,255,0.12) !important;}

@media screen and (min-width: 1800px) { .home { grid-template-columns: repeat(4, 1fr) !important;}}

body.dark-mode .home__collection, .dark-mode .home__collection__link, .dark-mode .home__collection__name a { color: #ffffff !important;}
body:not(.home) .main { margin: 0 10px 0 10px;}

span.home__collection__name a[href*="/fonts/liquida"] {
  font-size: 48% !important;
  padding-top: 20px;
  margin-top: 20px !important;
}


#rsz-subject, #rsz-subject option{
  font-family: 'Performa Regular', sans-serif !important;
}
/* ============================================================
   Ag glyph preview
   ============================================================ */
.home__collection__name::after { content: "Ag"; display: inline-block; text-align: right; margin-left: 15px; font-family: inherit; transition: all 0.3s ease; padding-right: 20px; opacity: 0.8; font-weight: normal; color: rgba(62, 62, 62, 0.05); font-size: 130px; line-height: 80px;}
body.dark-mode .home__collection__name::after { color: rgba(255, 255, 255, 0.15);}
body > main > main > section > h2:nth-of-type(22) span.home__collection__name::after { font-size: 80px !important;}
.home__collection:hover .home__collection__name::before { color: #ff6542; opacity: 1;}

@keyframes glyphCycle {
  0%{content:"Ag"}2.7%{content:"Bh"}5.4%{content:"Ci"}8.1%{content:"Dj"}10.8%{content:"Ek"}
  13.5%{content:"Fj"}16.2%{content:"Gk"}18.9%{content:"Hl"}21.6%{content:"Im"}24.3%{content:"Jn"}
  27%{content:"Ko"}29.7%{content:"Lp"}32.4%{content:"Mq"}35.1%{content:"Nr"}37.8%{content:"Os"}
  40.5%{content:"Pt"}43.2%{content:"Qu"}45.9%{content:"Rv"}48.6%{content:"Sw"}51.3%{content:"Tx"}
  54%{content:"Uy"}56.7%{content:"Vz"}59.4%{content:"Wa"}62.1%{content:"Xb"}64.8%{content:"Yc"}
  67.5%{content:"Zd"}70.2%{content:"01"}72.9%{content:"12"}75.6%{content:"23"}78.3%{content:"34"}
  81%{content:"45"}83.7%{content:"56"}86.4%{content:"67"}89.1%{content:"78"}91.8%{content:"89"}
  94.5%{content:"90"}97.2%{content:"$&"}100%{content:"$&"}
}

.home__collection:hover .home__collection__name::after { animation: glyphCycle 7.5s steps(1, end) infinite; color: #ff6542; opacity: 1;}

/* ============================================================
   MOBILE fix
   ============================================================ */
@media (max-width: 480px) {
  .rsz-intro-card {display: none !important;}
  h2.home__collection { container-type: normal !important; overflow: hidden !important;}
  h2.home__collection a.home__collection__link,
  h2.home__collection a.home__collection__link.scroll-left,
  h2.home__collection a.home__collection__link.scroll-right { font-size: 50px !important;}
  .home__collection__name::after { font-size: 100px !important;}
  .home__collection:hover .home__collection__name::after { animation: none !important; font-size: 100px !important; line-height: 70px !important; color: rgba(62, 62, 62, 0.05) !important; opacity: 0.8 !important;}
  .rsz-filter-btn { font-size: 10px !important; padding: 3px 8px !important; gap: 2px !important;}
  #rsz-filter-bar { padding: 6px 10px !important; margin: 0px auto 16px !important;}
}

/* ============================================================
   Intro card
   ============================================================ */
.rsz-intro-card { cursor: default !important; background: #ff6542 !important; position: relative !important; transition: opacity 0.5s ease !important; min-height: 240px;}
.rsz-intro-card:hover { background: #ff6542 !important; color: black !important;}
.rsz-intro-card .home__collection__name::after { display: none !important;}
.rsz-intro-text { font-family: "Performa Regular", sans-serif; font-size: 23px; line-height: 1.2; color: white; display: block;}
body.dark-mode .rsz-intro-text { color: rgba(246, 246, 246, 0.88);}
.rsz-intro-close { position: absolute; top: 12px; right: 12px; background: none; border: none; font-size: 16px; cursor: pointer; color: white; opacity: 0.7; line-height: 1; padding: 4px 8px; transition: opacity 0.2s; font-family: "Performa Regular", sans-serif; z-index: 10;}
.rsz-intro-close:hover { opacity: 1;}
.home__collection a::after, .collection a::after, a.font-card::after
.home__collection a[href*="liquida"].home__collection__link,
h2.home__collection a[href*="liquida"].home__collection__link { font-size: 9cqw !important;}


/* ============================================================
   Blog cards
   ============================================================ */
.rsz-blog-card { cursor: pointer !important; background: #f0ead8 !important; min-height: 240px !important;}
.rsz-blog-card:hover { background: #ff6542 !important;}
.rsz-blog-link { display: flex !important; flex-direction: column !important; width: 100% !important; height: 100% !important; text-decoration: none !important; color: #1a1916 !important;}
.rsz-blog-card:hover .rsz-blog-link { color: white !important;}
.rsz-blog-image { display: block !important; width: 100% !important; height: 120px !important; background-size: cover !important; background-position: center !important; border-radius: 5px 5px 0 0 !important; flex-shrink: 0 !important;}
.rsz-blog-content { display: flex !important; flex-direction: column !important; justify-content: space-between !important; flex: 1 !important; padding: 14px 20px !important;}
.rsz-blog-label { font-family: "Performa Medium", sans-serif !important; font-size: 10px !important; letter-spacing: 3px !important; text-transform: uppercase !important; opacity: 0.5; display: block !important;}
.rsz-blog-title { font-family: "Performa Regular", sans-serif !important; font-size: clamp(14px, 2cqw, 22px) !important; line-height: 1.2 !important; display: block !important; flex: 1 !important; padding: 10px 0 !important;}
.rsz-blog-read { font-family: "Performa Medium", sans-serif !important; font-size: 11px !important; letter-spacing: 1px !important; opacity: 0.5; display: block !important;}
.rsz-blog-card:hover .rsz-blog-read, .rsz-blog-card:hover .rsz-blog-label { opacity: 1;}
body.dark-mode .rsz-blog-card { background: #1c1c1c !important;}
body.dark-mode .rsz-blog-link { color: rgba(246,246,246,0.88) !important;}


.rsz-youtube-thumb {
  position: relative !important;
}

.rsz-youtube-play {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-size: 28px !important;
  color: white !important;
  background: rgba(0,0,0,0.6) !important;
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.2s !important;
}

.rsz-youtube-card:hover .rsz-youtube-play {
}
.rsz-youtube-card a::after,
.rsz-youtube-card::after,
.rsz-blog-card a::after,
.rsz-blog-card::after,
.rsz-youtube-card span::after, .rsz-youtube-card a::after,
.rsz-youtube-card::after {
  display: none !important;
  content: none !important;
}

.home__collection {
  margin: 0 !important;
}

.home {
  gap: 5px !important;
}


#rsz-filter-bar {
  order: -2;
}

.rsz-intro-card {
  order: -1;
}

/* ============================================================
   RSZ TYPE — Font Category Filter
   https://resistenza.es/fontdue/filter.css
   ============================================================ */
/* ===== FILTER BAR — stato normale (nel flusso) ===== */
#rsz-filter-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  position: relative;
  z-index: 700;
  background: rgba(246, 246, 246, 0.62) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: none;
  margin-bottom: 10px;
  overflow-x: auto;
  scrollbar-width: none;
  transition: padding 0.3s ease;
  filter: saturate(1.2);
  justify-content: center;
}
#rsz-filter-bar::-webkit-scrollbar {
  display: none;
}

/* ===== FILTER BAR — stato sticky (position fixed, centrato) ===== */
#rsz-filter-bar.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  justify-content: center;
  padding: 30px 20px;
  border-bottom: 1px solid rgba(0,0,0,0.07);
  flex-wrap: nowrap;
  margin-bottom: 0;
}

body.dark-mode #rsz-filter-bar {
  background: rgba(18, 18, 18, 0.413) !important;
}
body.dark-mode #rsz-filter-bar.is-sticky {
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

#rsz-filter-bar  {
  font-family: "Performa Regular", sans-serif;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #999;
  white-space: nowrap;
  flex-shrink: 0;
}

.rsz-filter-label{display: none;}
body.dark-mode #rsz-filter-bar .rsz-filter-label {
  color: #666;
}

/* ===== FILTER BUTTONS ===== */
.rsz-filter-btn {
  font-family: "Performa Medium", sans-serif;
  font-size: 12px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  background: transparent;
  color: gray;
  height: 28px;
  padding: 0 10px 7px 8px;
  line-height: 26px;
  box-sizing: border-box;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  flex-shrink: 0;
  border: none;
}
body.dark-mode .rsz-filter-btn { color: rgba(246,246,246,0.9); }
.rsz-filter-btn:hover { background: #121212; color: rgba(246,246,246,1); }
body.dark-mode .rsz-filter-btn:hover { background: rgba(246,246,246,1); color: #121212; }
.rsz-filter-btn.active { color: #EB4E27; }
.rsz-filter-btn.active:hover { background: #EB4E27; color: white; }
.rsz-filter-btn .rsz-count { font-size: 8px; opacity: 0.65; margin-left: 1px; vertical-align: 4px; }

#rsz-sort-az { transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease; }
#rsz-sort-az.active { background: #EB4E27 !important; color: white !important; border-color: #121212 !important; }

/* ===== Search ===== */
#rsz-search-wrap { margin-left: 4px; display: flex; align-items: center; flex-shrink: 0; }
#rsz-search {
  font-family: "Performa Regular", sans-serif;
  font-size: 11px;
  letter-spacing: 0.5px;
  border: none;
  border-bottom: 1px solid lightgray;
  background: transparent;
  color: #121212;
  height: 28px;
  padding: 0 14px;
  line-height: 26px;
  box-sizing: border-box;
  outline: none;
  width: 110px;
  margin-bottom: 4px;
  -webkit-appearance: none;
  transition: border-color 0.2s ease, width 0.3s ease;
}
#rsz-search::placeholder { color: #bbb; }
#rsz-search:focus { border-color: #121212; width: 100px; }
body.dark-mode #rsz-search { color: rgba(246,246,246,0.9); border-color: #444; }
body.dark-mode #rsz-search::placeholder { color: #555; }
body.dark-mode #rsz-search:focus { border-color: rgba(246,246,246,0.6); }

#rsz-search-clear { background: none; border: none; cursor: pointer; font-size: 20px; color: #999; padding: 0 4px; line-height: 1; transition: color 0.2s; }
#rsz-search-clear:hover { color: #121212; }
body.dark-mode #rsz-search-clear { color: #666; }
body.dark-mode #rsz-search-clear:hover { color: rgba(246,246,246,0.9); }

/* ===== Preview wrap ===== */
#rsz-preview-wrap {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: 10px !important;
  background: #EB4E27;
  border-radius: 0 8px 8px 0;
  padding: 4px 12px;
  color: white !important;
}
#rsz-preview {
  font-family: "Performa Regular", sans-serif;
  font-size: 14px;
  letter-spacing: 0.5px;
  border: none;
  background: transparent;
  color: #121212;
  height: 28px;
  padding: 0 !important;
  outline: none;
  width: 75px;
  transition: border-color 0.2s ease, width 0.3s ease;
}
#rsz-preview:focus { width: 75px; }
#rsz-preview::placeholder { color: white !important; }
body.dark-mode #rsz-preview { color: rgba(246,246,246,0.9); }
body.dark-mode #rsz-preview:focus { border-color: rgba(246,246,246,0.6); }

#rsz-preview-clear { background: none; border: none; cursor: pointer; font-size: 20px; color: white; padding: 0 4px; line-height: 1; transition: color 0.2s; }
#rsz-preview-clear:hover { color: #121212; }
body.dark-mode #rsz-preview-clear { color: #666; }
body.dark-mode #rsz-preview-clear:hover { color: rgba(246,246,246,0.9); }

.rsz-filter-sep { display: none; }

/* ===== Hide/show items ===== */
.home__collection { transition: opacity 0.25s ease; }
.home__collection.rsz-hidden,
.home__collection.rsz-search-hidden { display: none !important; }
.home__collection.rsz-fading-out { opacity: 0; pointer-events: none; }
.home__collection.rsz-fading-in { opacity: 0; }

/* ===== No results ===== */
#rsz-no-results { display: none; padding: 40px 5px; font-family: "Performa Regular", sans-serif; font-size: 18px; color: #999; letter-spacing: 0.5px; }
body.dark-mode #rsz-no-results { color: #555; }

/* ===== Scroll Fade-In ===== */
.rsz-reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.7s ease, transform 0.7s ease; will-change: opacity, transform; }
.rsz-reveal.rsz-in-view { opacity: 1; transform: translateY(0); }
.rsz-reveal:nth-child(2) { transition-delay: 0.08s; }
.rsz-reveal:nth-child(3) { transition-delay: 0.16s; }
.rsz-reveal:nth-child(4) { transition-delay: 0.24s; }
.rsz-reveal:nth-child(5) { transition-delay: 0.32s; }
.rsz-reveal:nth-child(6) { transition-delay: 0.40s; }
@media (prefers-reduced-motion: reduce) { .rsz-reveal { opacity: 1; transform: none; transition: none; } }

/* ===== Intro card sizing ===== */
.rsz-intro-card .rsz-independent { font-size: 1.8em !important; }
.rsz-intro-card .rsz-intro-text { font-size: 18px !important; }
@media screen and (min-width: 1400px) {
  .rsz-intro-card .rsz-independent { font-size: 3.2em !important; }
  .rsz-intro-card .rsz-intro-text { font-size: 22px !important; }
}

/* ===== Responsive ===== */
.home { align-items: stretch !important; }

@media screen and (max-width: 800px) {
  #rsz-filter-bar.is-sticky { left: 0 !important; right: 0 !important; width: 100% !important; padding: 10px !important; box-sizing: border-box !important; overflow-x: auto !important; }
}

@media (max-width: 768px) {
  #rsz-filter-bar.is-sticky .rsz-filter-btn { font-size: 9px !important; padding: 0 4px; }
  .rsz-count { display: none; }
  #rsz-search { width: 80px; }
}

@media screen and (max-width: 600px) {
  #rsz-filter-bar.is-sticky .rsz-filter-btn { font-size: 9px !important; padding: 0 4px; }
  .rsz-count { display: none; }
  #rsz-search { width: 80px; }
}

/* ── License buttons ─────────────────────────────────────── */
.license-page__license {
  list-style: none;
  margin: 0 0 8px 0;
}

.license-page__license__link {
  display: inline-flex;
  align-items: center;
  padding: 5px 15px;
  border-radius: 999px;
  color: #FF3D0D;
  text-decoration: none;
  font-family: 'Performa Regular', sans-serif;
  font-size: 15px;
  letter-spacing: 0.01em;
  transition: background 0.2s ease, color 0.2s ease;
  white-space: nowrap;
  background: white;
}

.license-page__license__link:hover {
  background: #FF3D0D;
  color: #ffffff;

}

/* Active/selected state */
.license-page__license--active .license-page__license__link,
.license-page__license__link.active {
  background: #FF3D0D;
  color: #ffffff;
}

/* Dark mode */
body.dark-mode .license-page__license__link {
  border-color: #FF3D0D;
  color: black;
}

body.dark-mode .license-page__license__link:hover,
body.dark-mode .license-page__license--active .license-page__license__link {
  background: #FF3D0D !important;
  color: #ffffff !important;

}

/* Dark mode */
body.dark-mode .license-page__license__link {
  background: black;
  color: white;
}

body.dark-mode .license-page__license--active .license-page__license__link,
.license-page__license__link.active {
  background: #FF3D0D !important;
  color: #ffffff;
}