:root {
  --ink: #151515;
  --muted: #5f5a52;
  --paper: #f7f1e8;
  --card: rgba(255, 255, 255, .82);
  --line: rgba(0, 0, 0, .10);
  --accent: #111;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background:
    radial-gradient(circle at 10% 0%, rgba(255, 255, 255, .95), transparent 34rem),
    linear-gradient(135deg, #f7f1e8, #efe6d7 48%, #f8f5ef);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a {
  color: inherit;
}

.platform-header,
.platform-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  padding: 1.2rem min(6vw, 5rem);
}

.platform-header {
  position: sticky;
  top: 0;
  z-index: 5;
  background: color-mix(in srgb, var(--paper), white 42%);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(14px);
}

.platform-brand {
  font-size: clamp(2rem, 4vw, 4rem);
  font-weight: 950;
  letter-spacing: -.09em;
  text-decoration: none;
}

.platform-header nav,
.platform-footer nav {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
}

.platform-header nav a,
.platform-footer nav a,
.text-link {
  text-decoration: none;
  font-weight: 800;
}

.platform-header nav a.active {
  text-decoration: underline;
  text-underline-offset: .35rem;
}

.login-link {
  padding: .7rem 1rem;
  border: 1px solid var(--ink);
  border-radius: 999px;
}

main {
  width: min(1180px, calc(100% - 2rem));
  margin: 0 auto;
}

.platform-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  gap: clamp(2rem, 6vw, 5rem);
  align-items: center;
  min-height: 76vh;
  padding: clamp(3rem, 8vw, 7rem) 0;
}

.eyebrow {
  margin: 0 0 1rem;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: .8rem;
  font-weight: 950;
  color: var(--muted);
}

h1,
h2 {
  margin: 0;
  letter-spacing: -.08em;
  line-height: .9;
}

h1 {
  font-size: clamp(4rem, 11vw, 9rem);
}

h2 {
  font-size: clamp(2.5rem, 7vw, 5.5rem);
}

.hero-copy,
.platform-section > p,
.platform-page-heading p,
.platform-cta p,
.signup-panel p {
  color: var(--muted);
  font-size: clamp(1.1rem, 2vw, 1.45rem);
  line-height: 1.45;
}

.hero-actions,
.signup-actions,
.sso-row {
  display: flex;
  flex-wrap: wrap;
  gap: .85rem;
  margin-top: 1.4rem;
}

.button,
.platform-form button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: .95rem 1.25rem;
  border-radius: 999px;
  border: 1px solid var(--ink);
  font-weight: 950;
  text-decoration: none;
}

.button.primary,
.platform-form button {
  background: var(--ink);
  color: white;
}

.button.secondary {
  background: rgba(255, 255, 255, .58);
}

.sso-row a {
  color: var(--muted);
  font-weight: 800;
  text-decoration: none;
}

.hero-mosaic {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: 72px;
  gap: .8rem;
  transform: rotate(-2deg);
}

.hero-mosaic a,
.mosaic-placeholder {
  display: block;
  overflow: hidden;
  border-radius: 1.5rem;
  background: #ddd0be;
  box-shadow: 0 22px 60px rgba(0,0,0,.13);
}

.hero-mosaic a:nth-child(1),
.hero-mosaic .one {
  grid-column: span 4;
  grid-row: span 3;
}

.hero-mosaic a:nth-child(2),
.hero-mosaic .two {
  grid-column: span 2;
  grid-row: span 2;
}

.hero-mosaic a:nth-child(3),
.hero-mosaic .three {
  grid-column: span 3;
  grid-row: span 2;
}

.hero-mosaic a:nth-child(4),
.hero-mosaic .four {
  grid-column: span 3;
  grid-row: span 3;
}

.hero-mosaic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mosaic-placeholder.one { background: linear-gradient(135deg, #111, #7e735f); }
.mosaic-placeholder.two { background: linear-gradient(135deg, #d2a848, #eee1c8); }
.mosaic-placeholder.three { background: linear-gradient(135deg, #274147, #b8d0c2); }
.mosaic-placeholder.four { background: linear-gradient(135deg, #71524a, #f1d7b8); }

.platform-section,
.platform-cta,
.signup-panel,
.platform-page-heading,
.legal-copy,
.platform-form {
  margin: 0 0 clamp(3rem, 8vw, 6rem);
  padding: clamp(1.5rem, 4vw, 3rem);
  border: 1px solid var(--line);
  border-radius: 2rem;
  background: var(--card);
  box-shadow: 0 24px 70px rgba(0,0,0,.06);
}

.feature-grid,
.tenant-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}

.feature-grid article,
.tenant-card {
  padding: 1.25rem;
  border: 1px solid var(--line);
  border-radius: 1.4rem;
  background: rgba(255,255,255,.74);
}

.feature-grid h3,
.tenant-card h3 {
  margin: 0 0 .5rem;
  font-size: 1.25rem;
}

.feature-grid p,
.tenant-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.tenant-card {
  text-decoration: none;
}

.tenant-card span {
  display: inline-block;
  margin-top: 1rem;
  font-weight: 950;
}

.split {
  display: grid;
  grid-template-columns: minmax(0, .75fr) minmax(320px, 1.25fr);
  gap: 2rem;
}

.flow-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: .8rem;
}

.flow-list li {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 1rem;
  padding: 1rem;
  border-radius: 1.2rem;
  background: rgba(255,255,255,.7);
  border: 1px solid var(--line);
}

.flow-list.compact li {
  grid-template-columns: 110px minmax(0, 1fr);
}

.section-heading-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: end;
}

.platform-cta {
  text-align: center;
}

.platform-form {
  display: grid;
  gap: 1rem;
  max-width: 760px;
}

.platform-form label {
  display: grid;
  gap: .45rem;
  font-weight: 900;
}

.platform-form input,
.platform-form textarea {
  width: 100%;
  padding: .9rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  font: inherit;
}

.platform-footer {
  border-top: 1px solid var(--line);
  color: var(--muted);
}

@media (max-width: 850px) {
  .platform-header {
    position: static;
    align-items: flex-start;
    flex-direction: column;
  }

  .platform-hero,
  .split {
    grid-template-columns: 1fr;
  }

  .hero-mosaic {
    grid-auto-rows: 54px;
  }

  .flow-list li {
    grid-template-columns: 1fr;
  }
}

/* End of file. */

.docs-section h2{margin-bottom:1rem}.legal-copy h2{font-size:clamp(1.8rem,4vw,3rem)}

.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.pricing-card{padding:1.5rem;border:1px solid var(--line);border-radius:1.5rem;background:rgba(255,255,255,.78)}.pricing-card.featured{background:#151515;color:#fff}.pricing-card h2{font-size:clamp(3rem,7vw,5rem)}.pricing-card ul{padding-left:1.2rem;line-height:1.7}.price-period{font-weight:900}.pricing-card.featured .button.primary{background:#fff;color:#151515}

/* Help, pricing, and platform polish. */
.logo-brand img,
.platform-admin-logo img,
.platform-help-logo img {
  display: block;
  width: min(260px, 54vw);
  height: auto;
}

.platform-admin-logo img {
  width: min(300px, 58vw);
}

.platform-help-logo img {
  width: min(210px, 48vw);
}

.platform-admin-header nav,
.platform-help-header nav {
  display: flex;
  align-items: center;
  gap: .85rem;
  flex-wrap: wrap;
}

.platform-admin-header form,
.platform-help-header form {
  margin: 0;
}

.platform-admin-header button,
.platform-help-header button,
.admin-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .7rem 1rem;
  border: 1px solid var(--ink, #151515);
  border-radius: 999px;
  background: #151515;
  color: #fff;
  font: inherit;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

.help-article h2 {
  margin-top: 2rem;
  font-size: clamp(1.8rem, 4vw, 3.3rem);
}

.help-card-grid,
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.1rem;
  margin: 1.5rem 0;
}

.help-card-grid article,
.pricing-card {
  padding: 1.4rem;
  border: 1px solid var(--line, rgba(0,0,0,.12));
  border-radius: 1.5rem;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 18px 60px rgba(0,0,0,.06);
}

.pricing-card.featured {
  border-width: 2px;
  transform: translateY(-.35rem);
}

.pricing-card h2 {
  font-size: clamp(2rem, 4vw, 3.7rem);
}

.pricing-card .price {
  font-size: 1.25rem;
  font-weight: 950;
  color: var(--ink, #151515);
}

.pricing-card ul {
  padding-left: 1.2rem;
  color: var(--muted, #5f5a52);
  line-height: 1.55;
}

.platform-help-page .tenant-admin-sidebar-title strong,
.platform-admin-page .tenant-admin-sidebar-title strong {
  letter-spacing: -.05em;
}

/* End help, pricing, and platform polish. */

/* Route/UI hotfix: keep platform/help logos useful instead of billboard-sized. */
.platform-header .logo-brand img,
.platform-help-header .logo-brand img,
.platform-help-logo img,
.compact-logo img {
    max-height: 54px;
    width: auto;
}

.platform-help-page .platform-header {
    background: linear-gradient(135deg, #f7f1e8 0%, #e8f0ff 100%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

.pricing-hero.compact {
    padding-top: 3rem;
    padding-bottom: 2rem;
}

.professional-pricing {
    align-items: stretch;
}

.comparison-section {
    overflow-x: auto;
}

/* End of file. */


/* Stable navigation, contact/signup progress indicators, and signup modal. */
.site-header nav,
.platform-header nav {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.site-header nav a,
.platform-header nav a {
  display: inline-flex;
  justify-content: center;
  min-width: 7.5rem;
  padding: 0.35rem 0.45rem;
  text-align: center;
}

.form-progress {
  display: none;
  margin: 0.5rem 0 0;
  font-weight: 700;
}

.is-submitting .form-progress {
  display: block;
}

.is-submitting button[type="submit"]::after {
  content: "";
  display: inline-block;
  width: 0.85em;
  height: 0.85em;
  margin-left: 0.5em;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 999px;
  animation: artsfolio-spin 0.8s linear infinite;
}

.contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr);
  gap: 2rem;
  align-items: start;
}

.signup-modal[hidden] { display: none; }
.signup-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 1rem;
}
.signup-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}
.signup-modal__panel {
  position: relative;
  width: min(520px, 92vw);
  padding: 2rem;
  border-radius: 24px;
  background: var(--bg, #fff);
  color: var(--primary, #111);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.28);
}
.signup-modal__close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-size: 1.75rem;
}
.signup-modal-open { overflow: hidden; }

@keyframes artsfolio-spin { to { transform: rotate(360deg); } }

@media (max-width: 760px) {
  .contact-layout { grid-template-columns: 1fr; }
  .site-header nav a,
  .platform-header nav a { min-width: auto; }
}

/* End of file. */

/* Pricing contrast override: keep plan prices visible on tinted cards. */
.pricing-card .price,
.pricing-card .pricing-price,
.pricing-plan .price,
.pricing-plan .pricing-price,
.plan-card .price,
.plan-card .pricing-price,
.pricing-tier .price,
.pricing-tier .pricing-price {
    color: #1f1a14;
    background: rgba(255, 255, 255, 0.94);
    display: inline-block;
    padding: 0.25rem 0.55rem;
    border-radius: 0.5rem;
    font-weight: 800;
}

/* End of file. */

/* Pricing card legibility: dark/featured cards must not render muted charcoal text. */
.pricing-card--featured,
.pricing-card--studio,
.pricing-card.featured,
.pricing-card.is-featured,
.plan-card--studio,
.plan-card.featured { color: #f8f5ed; }

.pricing-card--featured li, .pricing-card--featured p, .pricing-card--featured small,
.pricing-card--studio li, .pricing-card--studio p, .pricing-card--studio small,
.pricing-card.featured li, .pricing-card.featured p, .pricing-card.featured small,
.pricing-card.is-featured li, .pricing-card.is-featured p, .pricing-card.is-featured small,
.plan-card--studio li, .plan-card--studio p, .plan-card--studio small,
.plan-card.featured li, .plan-card.featured p, .plan-card.featured small { color: rgba(255, 255, 255, 0.88); }

.pricing-card--featured .muted, .pricing-card--studio .muted, .pricing-card.featured .muted,
.pricing-card.is-featured .muted, .plan-card--studio .muted, .plan-card.featured .muted { color: rgba(255, 255, 255, 0.72); }

/* Pricing contrast override: keep plan prices visible on tinted cards. */
.pricing-card .price, .pricing-card .pricing-price, .pricing-plan .price, .pricing-plan .pricing-price,
.plan-card .price, .plan-card .pricing-price, .pricing-tier .price, .pricing-tier .pricing-price {
    color: #1f1a14;
    background: rgba(255, 255, 255, 0.94);
    display: inline-block;
    padding: 0.25rem 0.55rem;
    border-radius: 0.5rem;
    font-weight: 800;
}

/* Plan editor usability: give fee and currency fields enough visual room. */
.plan-edit-form input[type='text'], .plan-edit-form input[type='number'], .plan-edit-form select, .plan-edit-form textarea,
.admin-plan-form input[type='text'], .admin-plan-form input[type='number'], .admin-plan-form select, .admin-plan-form textarea,
form[action*='plans'] input[type='text'], form[action*='plans'] input[type='number'], form[action*='plans'] select, form[action*='plans'] textarea {
    min-width: 14rem;
    max-width: 100%;
    font-size: 1rem;
}

.plan-edit-form input[name*='card'], .plan-edit-form input[name*='credit'], .plan-edit-form input[name*='fee'],
.plan-edit-form input[name*='commission'], .plan-edit-form input[name*='currency'],
.admin-plan-form input[name*='card'], .admin-plan-form input[name*='credit'], .admin-plan-form input[name*='fee'],
.admin-plan-form input[name*='commission'], .admin-plan-form input[name*='currency'],
form[action*='plans'] input[name*='card'], form[action*='plans'] input[name*='credit'], form[action*='plans'] input[name*='fee'],
form[action*='plans'] input[name*='commission'], form[action*='plans'] input[name*='currency'] {
    min-width: 18rem;
    font-variant-numeric: tabular-nums;
}

.plan-edit-form .form-grid, .admin-plan-form .form-grid, form[action*='plans'] .form-grid {
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    align-items: start;
}
/* Pricing UI repair: keep featured/Studio pricing card text visible. */
.pricing-grid .pricing-card.featured,
.professional-pricing .pricing-card.featured,
.pricing-card.featured,
.pricing-card.is-featured,
.pricing-card.highlighted,
.pricing-card:nth-of-type(2) {
    color: #f8f5ed !important;
}

.pricing-grid .pricing-card.featured li,
.pricing-grid .pricing-card.featured p,
.pricing-grid .pricing-card.featured small,
.professional-pricing .pricing-card.featured li,
.professional-pricing .pricing-card.featured p,
.professional-pricing .pricing-card.featured small,
.pricing-card.featured li,
.pricing-card.featured p,
.pricing-card.featured small,
.pricing-card.is-featured li,
.pricing-card.is-featured p,
.pricing-card.is-featured small,
.pricing-card.highlighted li,
.pricing-card.highlighted p,
.pricing-card.highlighted small,
.pricing-card:nth-of-type(2) li,
.pricing-card:nth-of-type(2) p,
.pricing-card:nth-of-type(2) small {
    color: rgba(255, 255, 255, 0.92) !important;
}

.pricing-card .price,
.professional-pricing .price {
    color: #1f1a14 !important;
    background: rgba(255, 255, 255, 0.94) !important;
    display: inline-block;
    padding: 0.25rem 0.55rem;
    border-radius: 0.5rem;
    font-weight: 800;
}

/* Plan editor usability: fee/card/currency values need readable fields. */
.plan-edit-form input[type="text"],
.plan-edit-form input[type="number"],
.plan-edit-form select,
.plan-edit-form textarea,
.admin-plan-form input[type="text"],
.admin-plan-form input[type="number"],
.admin-plan-form select,
.admin-plan-form textarea,
form[action*="plans"] input[type="text"],
form[action*="plans"] input[type="number"],
form[action*="plans"] select,
form[action*="plans"] textarea {
    min-width: 14rem;
    max-width: 100%;
    font-size: 1rem;
}

.plan-edit-form input[name*="card"],
.plan-edit-form input[name*="credit"],
.plan-edit-form input[name*="fee"],
.plan-edit-form input[name*="commission"],
.plan-edit-form input[name*="currency"],
.admin-plan-form input[name*="card"],
.admin-plan-form input[name*="credit"],
.admin-plan-form input[name*="fee"],
.admin-plan-form input[name*="commission"],
.admin-plan-form input[name*="currency"],
form[action*="plans"] input[name*="card"],
form[action*="plans"] input[name*="credit"],
form[action*="plans"] input[name*="fee"],
form[action*="plans"] input[name*="commission"],
form[action*="plans"] input[name*="currency"] {
    min-width: 18rem;
    font-variant-numeric: tabular-nums;
}

/* End of file. */


/* Studio pricing card hard contrast override.
   Targets the rendered Studio card even when it has no useful custom class. */
body .pricing-grid > article:nth-child(2),
body .professional-pricing > article:nth-child(2),
body section.pricing-grid > article:nth-child(2),
body section.professional-pricing > article:nth-child(2),
body article.pricing-card.featured,
body article.pricing-card.is-featured,
body article.pricing-card.highlighted {
    color: #ffffff !important;
}

body .pricing-grid > article:nth-child(2) ul,
body .pricing-grid > article:nth-child(2) ol,
body .pricing-grid > article:nth-child(2) li,
body .pricing-grid > article:nth-child(2) li::marker,
body .pricing-grid > article:nth-child(2) p,
body .pricing-grid > article:nth-child(2) small,
body .pricing-grid > article:nth-child(2) span,
body .professional-pricing > article:nth-child(2) ul,
body .professional-pricing > article:nth-child(2) ol,
body .professional-pricing > article:nth-child(2) li,
body .professional-pricing > article:nth-child(2) li::marker,
body .professional-pricing > article:nth-child(2) p,
body .professional-pricing > article:nth-child(2) small,
body .professional-pricing > article:nth-child(2) span,
body section.pricing-grid > article:nth-child(2) ul,
body section.pricing-grid > article:nth-child(2) ol,
body section.pricing-grid > article:nth-child(2) li,
body section.pricing-grid > article:nth-child(2) li::marker,
body section.pricing-grid > article:nth-child(2) p,
body section.pricing-grid > article:nth-child(2) small,
body section.pricing-grid > article:nth-child(2) span,
body article.pricing-card.featured ul,
body article.pricing-card.featured ol,
body article.pricing-card.featured li,
body article.pricing-card.featured li::marker,
body article.pricing-card.featured p,
body article.pricing-card.featured small,
body article.pricing-card.featured span {
    color: rgba(255, 255, 255, 0.92) !important;
    opacity: 1 !important;
}

body .pricing-grid > article:nth-child(2) .eyebrow,
body .professional-pricing > article:nth-child(2) .eyebrow,
body section.pricing-grid > article:nth-child(2) .eyebrow,
body article.pricing-card.featured .eyebrow {
    color: rgba(255, 255, 255, 0.62) !important;
}

body .pricing-grid > article:nth-child(2) h1,
body .pricing-grid > article:nth-child(2) h2,
body .pricing-grid > article:nth-child(2) h3,
body .professional-pricing > article:nth-child(2) h1,
body .professional-pricing > article:nth-child(2) h2,
body .professional-pricing > article:nth-child(2) h3,
body section.pricing-grid > article:nth-child(2) h1,
body section.pricing-grid > article:nth-child(2) h2,
body section.pricing-grid > article:nth-child(2) h3,
body article.pricing-card.featured h1,
body article.pricing-card.featured h2,
body article.pricing-card.featured h3 {
    color: #ffffff !important;
}

/* End of file. */

/* Public platform contact form uses a clear support-context and form split. */
.platform-contact-layout{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:clamp(1.25rem,4vw,3rem);align-items:start}.platform-contact-intro{padding:clamp(1.25rem,3vw,2rem);border:1px solid rgba(0,0,0,.1);border-radius:20px;background:rgba(255,255,255,.72)}.platform-contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.platform-contact-layout .platform-form{margin:0}.platform-contact-layout label{display:grid;gap:.4rem}@media(max-width:760px){.platform-contact-layout,.platform-contact-fields{grid-template-columns:1fr}}
/* End of file. */


/* Larger logo on non-home public platform pages. */
.platform-header .compact-logo img {
    width: min(285px, 56vw);
    max-width: 285px;
    max-height: 82px;
    height: auto;
}

/* Artwork editing preview. */
.artwork-edit-preview {
    margin: 1rem 0 1.5rem;
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, .14);
    border-radius: 16px;
    background: rgba(255, 255, 255, .78);
}
.artwork-edit-preview img {
    display: block;
    max-width: min(680px, 100%);
    max-height: 68vh;
    width: auto;
    height: auto;
    object-fit: contain;
}
.artwork-edit-preview figcaption {
    margin-top: .65rem;
    color: var(--muted, #665f56);
    font-size: .9rem;
}

/* ArtsFolio logo aspect-ratio guard.
   Platform marketing, help, pricing, directory, and admin headers reuse the
   same illustrated logo at several sizes. Keep dimensions intrinsic so the
   browser scales the image instead of squeezing the cats into a banner goblin. */
.logo-brand img,
.compact-logo img,
.platform-logo img,
.platform-brand.logo-brand img,
.platform-admin-logo img,
.platform-help-logo img,
.platform-header .logo-brand img,
.platform-help-header .logo-brand img,
.platform-admin-header .platform-admin-logo img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: min(285px, 56vw) !important;
    max-height: 82px !important;
    object-fit: contain !important;
    object-position: center center !important;
    aspect-ratio: auto !important;
    flex: 0 0 auto !important;
}

.platform-hero .logo-brand img,
.platform-home .logo-brand img {
    max-width: min(420px, 74vw) !important;
    max-height: 150px !important;
}

@media (max-width: 720px) {
    .logo-brand img,
    .compact-logo img,
    .platform-logo img,
    .platform-brand.logo-brand img,
    .platform-admin-logo img,
    .platform-help-logo img {
        max-width: min(230px, 70vw) !important;
        max-height: 68px !important;
    }
}
/* End ArtsFolio logo aspect-ratio guard. */

/* End of file. */