/* HiDrawing responsive polish cache-bust. */
@media (min-width: 1024px) {
  body header > div,
  body .app-nav-shell {
    height: 6rem !important;
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  body header img[alt="HiDrawing"],
  body .app-nav-logo {
    width: auto !important;
    height: 3rem !important;
  }

  body header nav a,
  body .app-nav-link {
    height: 3rem !important;
    padding-right: 0.875rem !important;
    padding-left: 0.875rem !important;
    font-size: 0.9375rem !important;
    font-weight: 700 !important;
  }

  body header nav a svg,
  body .app-nav-link svg {
    width: 1.125rem !important;
    height: 1.125rem !important;
  }

  body .home-page-shell > section:first-child > div,
  body .overflow-hidden.bg-white > section:first-child > div {
    width: min(96vw, 2880px) !important;
    max-width: none !important;
    padding-top: 3.5rem !important;
    padding-bottom: 4rem !important;
  }

  body .home-page-shell > section:first-child > div > div,
  body .overflow-hidden.bg-white > section:first-child > div > div {
    align-items: stretch !important;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 0.92fr) !important;
    gap: 5rem !important;
  }

  body .home-hero-copy-panel,
  body .overflow-hidden.bg-white > section:first-child > div > div > div:first-child {
    display: flex !important;
    min-height: clamp(30rem, 31vw, 44rem) !important;
    flex-direction: column !important;
    padding-top: 2rem !important;
  }

  body .home-hero-feature-row,
  body .overflow-hidden.bg-white > section:first-child > div > div > div:first-child > div:last-child {
    max-width: 52rem !important;
    margin-top: auto !important;
  }

  body .home-hero-showcase,
  body .overflow-hidden.bg-white > section:first-child aside {
    max-width: min(46vw, 72rem) !important;
    align-self: stretch !important;
    justify-self: end !important;
  }

  body .home-hero-media,
  body .overflow-hidden.bg-white > section:first-child aside > div {
    height: clamp(30rem, 31vw, 44rem) !important;
    aspect-ratio: auto !important;
    border: 1px solid #edf0f5 !important;
    border-radius: 32px !important;
    box-shadow: 0 28px 70px rgba(39, 48, 68, 0.12) !important;
  }

  body main.mx-auto,
  body .app-page-shell,
  body .interior-page-shell,
  body .handdraw-page-shell,
  body .competition-page-shell,
  body .quick-image-page-shell,
  body .prompt-page-shell {
    width: min(96vw, 2400px) !important;
    max-width: none !important;
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  body .bg-\[\#fbfaf7\] > section > div.mx-auto,
  body .bg-\[\#fbfaf7\] > section.mx-auto {
    width: min(96vw, 2400px) !important;
    max-width: none !important;
  }
}

@media (min-width: 1536px) {
  body header > div,
  body .app-nav-shell {
    height: 7rem !important;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  body header img[alt="HiDrawing"],
  body .app-nav-logo {
    height: 3.5rem !important;
  }

  body header nav a,
  body .app-nav-link {
    height: 3.5rem !important;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    font-size: 1rem !important;
  }

  body header nav a svg,
  body .app-nav-link svg {
    width: 1.25rem !important;
    height: 1.25rem !important;
  }

  body .home-hero-title,
  body .overflow-hidden.bg-white > section:first-child h1 {
    font-size: 7.25rem !important;
    line-height: 1.03 !important;
  }

  body .home-hero-subtitle,
  body .overflow-hidden.bg-white > section:first-child h1 + p {
    font-size: 4.7rem !important;
    line-height: 1.14 !important;
  }

  body .home-hero-copy,
  body .overflow-hidden.bg-white > section:first-child h1 + p + p {
    font-size: 1.25rem !important;
  }

  body main.mx-auto,
  body .app-page-shell,
  body .interior-page-shell,
  body .handdraw-page-shell,
  body .competition-page-shell,
  body .quick-image-page-shell,
  body .prompt-page-shell {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  body main.mx-auto .text-xs,
  body .home-page-shell .text-xs,
  body .competition-page-shell .text-xs,
  body .quick-image-page-shell .text-xs,
  body .prompt-page-shell .text-xs,
  body .bg-\[\#fbfaf7\] .text-xs {
    font-size: 0.8125rem !important;
    line-height: 1.25rem !important;
  }

  body main.mx-auto .text-sm,
  body .home-page-shell .text-sm,
  body .competition-page-shell .text-sm,
  body .quick-image-page-shell .text-sm,
  body .prompt-page-shell .text-sm,
  body .bg-\[\#fbfaf7\] .text-sm {
    font-size: 0.9375rem !important;
    line-height: 1.55rem !important;
  }

  body main.mx-auto .text-base,
  body .home-page-shell .text-base,
  body .competition-page-shell .text-base,
  body .quick-image-page-shell .text-base,
  body .prompt-page-shell .text-base,
  body .bg-\[\#fbfaf7\] .text-base {
    font-size: 1.0625rem !important;
    line-height: 1.75rem !important;
  }

  body main.mx-auto .text-lg,
  body .home-page-shell .text-lg,
  body .competition-page-shell .text-lg,
  body .quick-image-page-shell .text-lg,
  body .prompt-page-shell .text-lg,
  body .bg-\[\#fbfaf7\] .text-lg {
    font-size: 1.2rem !important;
    line-height: 1.8rem !important;
  }

  body main.mx-auto .text-xl,
  body .home-page-shell .text-xl,
  body .competition-page-shell .text-xl,
  body .quick-image-page-shell .text-xl,
  body .prompt-page-shell .text-xl,
  body .bg-\[\#fbfaf7\] .text-xl {
    font-size: 1.35rem !important;
    line-height: 2rem !important;
  }

  body main.mx-auto .text-2xl,
  body .home-page-shell .text-2xl,
  body .competition-page-shell .text-2xl,
  body .quick-image-page-shell .text-2xl,
  body .prompt-page-shell .text-2xl,
  body .bg-\[\#fbfaf7\] .text-2xl {
    font-size: 1.75rem !important;
    line-height: 2.25rem !important;
  }

  body main.mx-auto .text-3xl,
  body .home-page-shell .text-3xl,
  body .competition-page-shell .text-3xl,
  body .quick-image-page-shell .text-3xl,
  body .prompt-page-shell .text-3xl,
  body .bg-\[\#fbfaf7\] .text-3xl {
    font-size: 2.45rem !important;
    line-height: 1.12 !important;
  }

  body main.mx-auto .text-4xl,
  body .home-page-shell .text-4xl,
  body .competition-page-shell .text-4xl,
  body .quick-image-page-shell .text-4xl,
  body .prompt-page-shell .text-4xl,
  body .bg-\[\#fbfaf7\] .text-4xl {
    font-size: 3.35rem !important;
    line-height: 1.08 !important;
  }
}

@media (min-width: 2200px) {
  body header nav a,
  body .app-nav-link {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
    font-size: 1.0625rem !important;
  }

  body .home-hero-title,
  body .overflow-hidden.bg-white > section:first-child h1 {
    font-size: 8rem !important;
  }

  body .home-hero-subtitle,
  body .overflow-hidden.bg-white > section:first-child h1 + p {
    font-size: 5.25rem !important;
  }

  body .home-hero-copy,
  body .overflow-hidden.bg-white > section:first-child h1 + p + p {
    font-size: 1.375rem !important;
    line-height: 2.25rem !important;
  }

  body .home-hero-cta,
  body .overflow-hidden.bg-white > section:first-child a[href="/draw"],
  body .overflow-hidden.bg-white > section:first-child a[href="/new"] {
    height: 3.25rem !important;
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
    font-size: 1.0625rem !important;
  }

  body main.mx-auto,
  body .app-page-shell,
  body .interior-page-shell,
  body .handdraw-page-shell,
  body .competition-page-shell,
  body .quick-image-page-shell,
  body .prompt-page-shell {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }

  body main.mx-auto .text-xs,
  body .home-page-shell .text-xs,
  body .competition-page-shell .text-xs,
  body .quick-image-page-shell .text-xs,
  body .prompt-page-shell .text-xs,
  body .bg-\[\#fbfaf7\] .text-xs {
    font-size: 0.875rem !important;
    line-height: 1.375rem !important;
  }

  body main.mx-auto .text-sm,
  body .home-page-shell .text-sm,
  body .competition-page-shell .text-sm,
  body .quick-image-page-shell .text-sm,
  body .prompt-page-shell .text-sm,
  body .bg-\[\#fbfaf7\] .text-sm {
    font-size: 1rem !important;
    line-height: 1.7rem !important;
  }

  body main.mx-auto .text-base,
  body .home-page-shell .text-base,
  body .competition-page-shell .text-base,
  body .quick-image-page-shell .text-base,
  body .prompt-page-shell .text-base,
  body .bg-\[\#fbfaf7\] .text-base {
    font-size: 1.125rem !important;
    line-height: 1.9rem !important;
  }

  body main.mx-auto .text-lg,
  body .home-page-shell .text-lg,
  body .competition-page-shell .text-lg,
  body .quick-image-page-shell .text-lg,
  body .prompt-page-shell .text-lg,
  body .bg-\[\#fbfaf7\] .text-lg {
    font-size: 1.3rem !important;
    line-height: 2rem !important;
  }

  body main.mx-auto .text-xl,
  body .home-page-shell .text-xl,
  body .competition-page-shell .text-xl,
  body .quick-image-page-shell .text-xl,
  body .prompt-page-shell .text-xl,
  body .bg-\[\#fbfaf7\] .text-xl {
    font-size: 1.5rem !important;
    line-height: 2.15rem !important;
  }

  body main.mx-auto .text-2xl,
  body .home-page-shell .text-2xl,
  body .competition-page-shell .text-2xl,
  body .quick-image-page-shell .text-2xl,
  body .prompt-page-shell .text-2xl,
  body .bg-\[\#fbfaf7\] .text-2xl {
    font-size: 2rem !important;
    line-height: 2.5rem !important;
  }

  body main.mx-auto .text-3xl,
  body .home-page-shell .text-3xl,
  body .competition-page-shell .text-3xl,
  body .quick-image-page-shell .text-3xl,
  body .prompt-page-shell .text-3xl,
  body .bg-\[\#fbfaf7\] .text-3xl {
    font-size: 2.9rem !important;
    line-height: 1.1 !important;
  }

  body main.mx-auto .text-4xl,
  body .home-page-shell .text-4xl,
  body .competition-page-shell .text-4xl,
  body .quick-image-page-shell .text-4xl,
  body .prompt-page-shell .text-4xl,
  body .bg-\[\#fbfaf7\] .text-4xl {
    font-size: 3.8rem !important;
    line-height: 1.06 !important;
  }
}

@media (max-width: 1023px) {
  body .home-hero-media,
  body .overflow-hidden.bg-white > section:first-child aside > div {
    border-radius: 28px !important;
  }
}