/* ONLYDROP v57 — Dirtyline lockup.
   Two flat text lines, each horizontally fit to the same composition width,
   inspired by Photoshop paragraph scale/justification behavior. */
@font-face {
  font-family: 'Dirtyline36';
  src: url('assets/fonts/Dirtyline36daysoftype2022.woff2') format('woff2'),
       url('assets/fonts/Dirtyline36daysoftype2022.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
html body #home .index-name-block h1.index-name-lockup {
  --lockup-fit-width: 470;
  display: block !important;
  position: relative !important;
  width: min(100%, calc(var(--lockup-fit-width) * 1px)) !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 11px !important;
  padding: 0 !important;
  overflow: visible !important;
  text-align: left !important;
  rotate: 0deg !important;
  transform: none !important;
  text-shadow: none !important;
  filter: none !important;
  clip-path: none !important;
  animation: none !important;
}
html body #home .index-name-lockup .name-line {
  display: block !important;
  width: max-content !important;
  max-width: none !important;
  white-space: nowrap !important;
  transform-origin: left center !important;
  text-shadow: none !important;
  filter: none !important;
  animation: none !important;
  transition: none !important;
  will-change: transform;
}
html body #home .index-name-lockup .name-line-primary,
html body #home .index-name-lockup .name-line-secondary {
  font-family: 'Dirtyline36', 'Bricolage Grotesque', sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: .86 !important;
  -webkit-text-stroke: 0 !important;
}
html body #home .index-name-lockup .name-line-primary {
  font-size: clamp(47px, 4.8vw, 71px) !important;
  color: #f5f1e8 !important;
  transform: scaleX(var(--od-name-scale-primary,1)) !important;
}
html body #home .index-name-lockup .name-line-secondary {
  margin-top: 12px !important;
  font-size: clamp(44px, 4.45vw, 66px) !important;
  color: #a5def5 !important;
  transform: scaleX(var(--od-name-scale-secondary,1)) !important;
}
html body #home .index-name-block .index-alias {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
@media(max-width:1100px){
  html body #home .index-name-block h1.index-name-lockup { --lockup-fit-width: 420; }
  html body #home .index-name-lockup .name-line-primary { font-size: clamp(43px, 5.1vw, 61px) !important; }
  html body #home .index-name-lockup .name-line-secondary { font-size: clamp(40px, 4.8vw, 57px) !important; }
}
@media(max-width:700px){
  html body #home .index-name-block h1.index-name-lockup { --lockup-fit-width: 360; margin-bottom: 10px !important; }
  html body #home .index-name-lockup .name-line-primary { font-size: clamp(34px, 9vw, 49px) !important; }
  html body #home .index-name-lockup .name-line-secondary { margin-top: 8px !important; font-size: clamp(31px, 8.2vw, 45px) !important; }
  html body #home .index-name-block .index-alias { margin-top: 8px !important; }
}