/* Award.vibe dark system. Desktop and mobile share the same visual language. */
html {
  overscroll-behavior-x: none;
  overscroll-behavior-y: none;
  background-color: #121212;
}

/* Brand v3 — the ribbon mark supplies one restrained, site-wide colour system. */
:root {
  --dark-bg:var(--color-neutral-950);
  --dark-surface:var(--color-neutral-900);
  --dark-surface-soft:var(--color-neutral-850);
  --dark-surface-raised:var(--color-neutral-800);
  --dark-line:rgba(246,238,240,.09);
  --dark-line-strong:rgba(246,238,240,.16);
  --dark-text:var(--color-neutral-50);
  --dark-muted:var(--color-neutral-300);
}

.bg-glow {
  opacity:1 !important;
  filter:none !important;
  background:
    radial-gradient(54% 35% at 12% -8%,rgba(49,80,232,.12),transparent 72%),
    radial-gradient(44% 32% at 88% -10%,rgba(118,100,231,.1),transparent 74%),
    radial-gradient(34% 28% at 70% 5%,rgba(243,160,108,.045),transparent 72%) !important;
}

.brand-mark--nav,
.brand-symbol--nav {
  filter:drop-shadow(0 8px 15px rgba(81,72,203,.2)) !important;
}
.brand-wordmark-image {
  filter:none !important;
  opacity:.96;
}

::selection { background:#7664e7 !important;color:#fff !important; }

/* Account settings: one real mobile gutter, matching the home gallery. */
@media (max-width:680px) {
  body.account-settings-page .settings-main {
    width:calc(100vw - 44px) !important;
    max-width:none !important;
    margin-right:auto !important;
    margin-left:auto !important;
    padding-right:0 !important;
    padding-left:0 !important;
    box-sizing:border-box !important;
  }
}

/* Keep the three mobile award marks on one evenly spaced visual rhythm. */
@media (max-width:900px) {
  .home-page .home-adoption__proof {
    width:max-content !important;
    max-width:100% !important;
    grid-template-columns:62px 58px 112px !important;
    column-gap:12px !important;
    justify-content:start !important;
  }
}

.home-page .gallery .gallery-sort__menu .gallery-filter-group + .gallery-filter-group {
  border-top:0 !important;
}

/* Desktop adoption proof: one centered editorial axis for headline and awards. */
@media (min-width:901px) {
  .home-page .home-adoption__header {
    grid-template-columns:minmax(0,1fr) !important;
    justify-items:start !important;
    align-items:center !important;
    gap:0 !important;
    text-align:left !important;
  }

  .home-page .home-adoption__proof {
    width:max-content !important;
    max-width:100% !important;
    margin:0 !important;
    padding-bottom:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    justify-content:flex-start !important;
    justify-items:center !important;
  }

  .home-page .home-adoption__proof > .home-adoption__award {
    width:auto !important;
    min-width:0 !important;
    flex:0 0 auto !important;
  }
}

/* Like sign-in — compact dark collection modal. */
.home-page .like-login-modal {
  width:min(430px,calc(100vw - 28px)) !important;
  max-height:calc(100dvh - 28px) !important;
  padding:0 !important;
  border:0 !important;
  border-radius:22px !important;
  background:transparent !important;
  color:var(--dark-text,#f5f5f2) !important;
  overflow:visible !important;
}
.home-page .like-login-modal::backdrop {
  background:rgba(5,5,6,.76) !important;
  -webkit-backdrop-filter:blur(16px) saturate(115%) !important;
  backdrop-filter:blur(16px) saturate(115%) !important;
}
.home-page .like-login-modal__surface {
  max-height:calc(100dvh - 28px) !important;
  padding:27px 27px 22px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:22px !important;
  background:
    radial-gradient(90% 62% at 92% -5%,rgba(255,255,255,.055),transparent 65%),
    linear-gradient(155deg,#181819 0%,#121213 100%) !important;
  color:var(--dark-text,#f5f5f2) !important;
  box-shadow:
    0 34px 90px -30px rgba(0,0,0,.96),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 0 0 1px rgba(255,255,255,.025),
    inset 0 -34px 58px rgba(0,0,0,.5),
    inset 22px 0 48px rgba(255,255,255,.012) !important;
}
.home-page .like-login-modal__close {
  top:18px !important;
  right:18px !important;
  width:34px !important;
  height:34px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#b5b5b0 !important;
  transition:color .18s ease,transform .18s ease !important;
}
.home-page .like-login-modal__close svg {
  width:20px !important;
  height:20px !important;
  stroke:currentColor !important;
  stroke-width:2 !important;
}
.home-page .like-login-modal__close:hover { background:transparent !important;color:#fff !important; }
.home-page .like-login-modal__close:active { transform:scale(.95) !important; }
.home-page .like-login-modal .account-heading {
  margin:0 0 22px !important;
  padding:0 48px 0 0 !important;
  text-align:left !important;
}
.home-page .like-login-modal .account-heading h1 {
  max-width:330px;
  margin:0 !important;
  color:#f5f5f2 !important;
  font-size:29px !important;
  font-weight:650 !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  text-wrap:balance;
}
.home-page .like-login-modal__intro {
  max-width:310px;
  margin:10px 0 0 !important;
  color:#93938e !important;
  font-size:13px !important;
  line-height:1.4 !important;
}
.home-page .like-login-modal .account-google {
  min-height:50px !important;
  border:1px solid #fff !important;
  border-radius:12px !important;
  background:#f7f7f3 !important;
  color:#151515 !important;
  font-size:14px !important;
  font-weight:680 !important;
  box-shadow:none !important;
}
.home-page .like-login-modal .account-google:hover { background:#fff !important;color:#0b0b0b !important; }
.home-page .like-login-modal .account-divider {
  height:42px !important;
  color:#666662 !important;
  font-size:9px !important;
}
.home-page .like-login-modal .account-divider::before,
.home-page .like-login-modal .account-divider::after { background:rgba(255,255,255,.08) !important; }
.home-page .like-login-modal .account-field { margin-bottom:14px !important; }
.home-page .like-login-modal .account-field label {
  color:#d9d9d4 !important;
  font-size:11px !important;
  font-weight:680 !important;
}
.home-page .like-login-modal .account-field__label { min-height:20px !important; }
.home-page .like-login-modal .account-field__label button {
  color:#8d8d88 !important;
  font-size:10px !important;
  text-decoration:none !important;
}
.home-page .like-login-modal .account-field input {
  height:50px !important;
  min-height:50px !important;
  margin-top:7px !important;
  padding-inline:15px !important;
  border:1px solid rgba(255,255,255,.7) !important;
  border-radius:12px !important;
  background:#eeeee9 !important;
  color:#151515 !important;
  font-size:15px !important;
  font-weight:480 !important;
  box-shadow:inset 0 1px 0 #fff,0 7px 18px -15px rgba(0,0,0,.9) !important;
}
.home-page .like-login-modal .account-field input::placeholder { color:#777772 !important;opacity:1 !important; }
.home-page .like-login-modal .account-field input:focus {
  border-color:#fff !important;
  background:#f7f7f3 !important;
  box-shadow:inset 0 1px 0 #fff,0 0 0 4px rgba(255,255,255,.11) !important;
}
.home-page .like-login-modal .account-password > button {
  top:12px !important;
  right:7px !important;
  width:38px !important;
  height:38px !important;
  color:#5f625f !important;
}
.home-page .like-login-modal .account-submit {
  min-height:52px !important;
  margin-top:3px !important;
  border-radius:12px !important;
  border-color:var(--ds-primary) !important;
  background:var(--ds-primary) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:760 !important;
  box-shadow:none !important;
}
.home-page .like-login-modal .account-submit:hover { border-color:var(--ds-primary) !important;background:var(--ds-primary) !important;color:#fff !important;transform:none !important; }
.home-page .like-login-modal .account-submit:active { border-color:var(--ds-primary-active) !important;background:var(--ds-primary-active) !important;color:#fff !important; }
.home-page .like-login-modal .account-secondary {
  min-height:38px !important;
  margin-top:5px !important;
  color:#aaa9a4 !important;
  font-size:11px !important;
  font-weight:620 !important;
  text-decoration:none !important;
}
.home-page .like-login-modal .account-secondary:hover { color:#f5f5f2 !important; }
.home-page .like-login-modal .account-message { min-height:12px !important;margin:5px 0 0 !important; }
.home-page .like-login-modal .account-legal {
  max-width:340px !important;
  margin:14px auto 0 !important;
  color:#6f6f6b !important;
  font-size:9px !important;
  line-height:1.45 !important;
}
.home-page .like-login-modal .account-legal a { color:#9a9a95 !important;text-decoration:none !important; }

@media (max-width:480px) {
  .home-page .like-login-modal {
    width:calc(100vw - 24px) !important;
    max-height:calc(var(--like-modal-vvh,100dvh) - 24px) !important;
  }
  .home-page .like-login-modal.is-keyboard-open {
    top:calc(var(--like-modal-vvo,0px) + 8px) !important;
    bottom:auto !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
  .home-page .like-login-modal__surface {
    max-height:calc(var(--like-modal-vvh,100dvh) - 24px) !important;
    padding:24px 20px 18px !important;
    border-radius:20px !important;
  }
  .home-page .like-login-modal__close { top:15px !important;right:15px !important; }
  .home-page .like-login-modal__close:focus,
  .home-page .like-login-modal__close:focus-visible {
    outline:none !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  .home-page .like-login-modal .account-heading { margin-bottom:19px !important;padding-right:42px !important; }
  .home-page .like-login-modal .account-heading h1 { font-size:26px !important; }
  .home-page .like-login-modal__intro { margin-top:8px !important;font-size:12px !important; }
  .home-page .like-login-modal .account-divider { height:38px !important; }
  .home-page .like-login-modal .account-field { margin-bottom:12px !important; }
  .home-page .like-login-modal .account-field input {
    font-size:16px !important;
    touch-action:manipulation;
    -webkit-appearance:none;
    appearance:none;
  }
  .home-page .like-login-modal .account-field input:focus,
  .home-page .like-login-modal .account-field input:focus-visible {
    outline:none !important;
    border-color:rgba(255,255,255,.7) !important;
    background:#eeeee9 !important;
    box-shadow:inset 0 1px 0 #fff,0 7px 18px -15px rgba(0,0,0,.9) !important;
  }
  .home-page .like-login-modal .account-legal { margin-top:10px !important; }
}
body {
  overscroll-behavior-x: none;
  overscroll-behavior-y: none;
}

@media (min-width: 901px) {
  :root {
    color-scheme: dark;
    --dark-bg: #121212;
    --dark-surface: #1d1d1d;
    --dark-surface-raised: #232323;
    --dark-surface-soft: #292929;
    --dark-text: #f5f5f2;
    --dark-muted: #a7a7a2;
    --dark-subtle: #777772;
    --dark-line: rgba(255, 255, 255, .1);
    --dark-line-strong: rgba(255, 255, 255, .17);
    --dark-focus: rgba(255, 255, 255, .28);
    --dark-danger: #ff8c96;
  }

  html,
  body,
  .home-page,
  .site-shell-page,
  .pricing-page,
  .pricing-page-stage,
  .access-page,
  .account-page,
  .account-settings-page,
  .collection-page,
  .project-page,
  .library-project-page,
  .contact-page,
  .request-page,
  .how-use-page,
  .legal-page,
  .help-page,
  .purchase-flow-page,
  .lithos-page,
  .prmpt-page {
    background: var(--dark-bg) !important;
    color: var(--dark-text) !important;
  }

  :where(
    .home-page,
    .pricing-page,
    .access-page,
    .account-page,
    .collection-page,
    .project-page,
    .library-project-page,
    .contact-page,
    .request-page,
    .how-use-page,
    .legal-page,
    .help-page,
    .purchase-flow-page,
    .prmpt-page
  ) {
    --ink: var(--dark-text);
    --muted: var(--dark-muted);
    --paper: var(--dark-bg);
    --bg: var(--dark-bg);
    --card: var(--dark-surface);
    --line: var(--dark-line);
    --request-ink: var(--dark-text);
    --request-muted: var(--dark-muted);
    --request-paper: var(--dark-bg);
    --request-line: var(--dark-line);
  }

  ::selection { background: #f5f5f2; color: #111; }

  /* Global navigation */
  .nav { color: var(--dark-text); }
  .brand-wordmark,
  .nav a,
  .desktop-nav__links a { color: var(--dark-muted) !important; }
  .brand-wordmark,
  .desktop-nav__links a:hover,
  .desktop-nav__links a[aria-current="page"] { color: var(--dark-text) !important; }
  .desktop-nav__links a::after { background: var(--dark-text) !important; }
  .desktop-nav__actions { gap: 14px; }
  .desktop-login-cta,
  .desktop-member-link {
    background: transparent !important;
    border-color: var(--dark-line-strong) !important;
    color: var(--dark-text) !important;
    box-shadow: none !important;
  }
  .desktop-login-cta:hover,
  .desktop-member-link:hover { background: var(--dark-surface-raised) !important; transform: none !important; }
  .desktop-nav-cta,
  .nav-cta {
    background: var(--dark-text) !important;
    border-color: var(--dark-text) !important;
    color: #111 !important;
    box-shadow: none !important;
  }
  .desktop-nav-cta:hover,
  .nav-cta:hover { background: #deded9 !important; transform: none !important; }
  .member-avatar { box-shadow: 0 0 0 1px var(--dark-line-strong) !important; }

  /* Home hero and gallery controls */
  .hero,
  .home-main { background: var(--dark-bg) !important; }
  .headline,
  .hero h1,
  .hero-title { color: #fff !important; }
  .headline .serif,
  .headline em,
  .headline .line--serif,
  .headline .line--bold,
  .headline [data-auth-headline-serif],
  .headline [data-auth-headline-bold] { color: #fff !important; }
  .hero-subtitle,
  .hero p,
  .hero-proof { color: var(--dark-muted) !important; }
  .hero-proof::before { background: #8bc7a1 !important; box-shadow: 0 0 0 4px rgba(139,199,161,.12) !important; }
  .gallery,
  .gallery-shell,
  .home-testimonials { background: transparent !important; }
  .gallery-toggle,
  .gallery-sort,
  .collection-format-toggle,
  .collection-sort {
    background: var(--dark-surface) !important;
    border-color: var(--dark-line) !important;
    color: var(--dark-muted) !important;
    box-shadow: none !important;
  }
  .gallery-toggle button,
  .collection-format-toggle button { color: var(--dark-muted) !important; }
  .gallery-toggle button[aria-pressed="true"],
  .gallery-toggle button.is-active,
  .collection-format-toggle button[aria-pressed="true"],
  .collection-format-toggle button.is-active {
    background: var(--dark-surface-soft) !important;
    color: var(--dark-text) !important;
    box-shadow: inset 0 0 0 1px var(--dark-line) !important;
  }
  .gallery-sort__menu,
  .collection-sort__menu {
    background: #1c1c1c !important;
    border-color: var(--dark-line) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.36) !important;
  }
  .gallery-sort__menu button,
  .collection-sort__menu button { color: var(--dark-muted) !important; }
  .gallery-sort__menu button:hover,
  .collection-sort__menu button:hover,
  .gallery-sort__menu button[aria-checked="true"],
  .collection-sort__menu button[aria-checked="true"] { background: #272727 !important; color: var(--dark-text) !important; }
  .bg-glow { opacity: .12 !important; filter: saturate(.55) brightness(.6) !important; }
  .bg-lines { opacity: .12 !important; }

  /* Gallery cards: restrained depth, content remains untouched */
  .gallery .showcase-card,
  .gallery .showcase-card--lithos,
  .collection-gallery .showcase-card,
  .gallery__grid .showcase-card {
    background: var(--dark-surface) !important;
    border-color: var(--dark-line) !important;
    box-shadow: 0 2px 8px -7px rgba(0,0,0,.9) !important;
  }
  .showcase-card__meta,
  .showcase-card__footer,
  .card-bottom { background: var(--dark-surface) !important; border-color: var(--dark-line) !important; }
  .showcase-card__title,
  .showcase-card h2,
  .showcase-card h3 { color: var(--dark-text) !important; }
  .showcase-card__category,
  .showcase-card__meta p,
  .showcase-card__meta small,
  .card-specs,
  .card-detail-link { color: var(--dark-muted) !important; }
  .card-tools span,
  .card-status { background: var(--dark-surface-soft) !important; border-color: var(--dark-line) !important; color: #c8c8c2 !important; }
  .showcase-card__preview { background-color: #0d0d0d !important; }
  .card-likes {
    background: rgba(20,20,20,.82) !important;
    border-color: var(--dark-line-strong) !important;
    color: var(--dark-text) !important;
    box-shadow: none !important;
  }
  .card-action {
    background: var(--dark-text) !important;
    color: #111 !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }
  .card-action:hover { background: #deded9 !important; transform: none !important; }
  .library-loading,
  .collection-empty,
  .collection-error { color: var(--dark-muted) !important; }
  .showcase-card.is-skeleton,
  .library-skeleton-card,
  .gallery-skeleton-card { background: #191919 !important; border-color: var(--dark-line) !important; }
  .gallery-skeleton-card > *,
  .collection-skeleton__toolbar { background-color: #242424 !important; border-color: var(--dark-line) !important; }

  /* Testimonials */
  .home-testimonials__summary,
  .home-testimonials__title,
  .home-testimonials strong { color: var(--dark-text) !important; }
  .home-testimonials__note,
  .home-testimonials__eyebrow { color: var(--dark-muted) !important; }
  .home-testimonial {
    background: var(--dark-surface) !important;
    border: 1px solid var(--dark-line) !important;
    color: var(--dark-text) !important;
    box-shadow: none !important;
  }
  .home-testimonial blockquote,
  .home-testimonial__quote { color: #deded9 !important; }
  .home-testimonial p,
  .home-testimonial small { color: var(--dark-muted) !important; }
  .home-testimonial__rating,
  .home-testimonials__stars { color: #dce6ff !important; }
  .home-testimonial img { box-shadow: 0 0 0 1px var(--dark-line-strong) !important; }

  /* Shared dialogs and overlays */
  .pricing-modal__backdrop,
  .auth-modal__backdrop,
  .free-guide-modal__backdrop { background: rgba(0,0,0,.72) !important; }
  .pricing-modal__dialog,
  .auth-modal__dialog,
  .free-guide-modal__dialog,
  .modal-card,
  [role="dialog"] .modal-panel {
    background: var(--dark-surface) !important;
    border-color: var(--dark-line-strong) !important;
    color: var(--dark-text) !important;
    box-shadow: 0 28px 80px rgba(0,0,0,.55) !important;
  }
  .pricing-preview-modal__surface,
  .free-guide-modal__surface,
  .like-login-modal__surface {
    background: var(--dark-surface) !important;
    border-color: var(--dark-line-strong) !important;
    color: var(--dark-text) !important;
    box-shadow: 0 28px 80px rgba(0,0,0,.55) !important;
  }
  .pricing-preview-modal,
  .free-guide-modal,
  .like-login-modal { background: rgba(0,0,0,.72) !important; }
  .pricing-preview-modal__header,
  .free-guide-modal__header { border-color: var(--dark-line) !important; }
  .free-guide-modal__body,
  .free-guide-value,
  .free-guide-cover__info { color: var(--dark-muted) !important; }
  .pricing-modal__dialog p,
  .auth-modal__dialog p,
  .free-guide-modal__dialog p { color: var(--dark-muted) !important; }

  /* Pricing */
  .pricing-main,
  .pricing-page-stage { background: var(--dark-bg) !important; }
  .pricing-main h1,
  .pricing-main h2,
  .pricing-main h3,
  .pricing-price,
  .offer-simple__price,
  .launch-offer__price { color: var(--dark-text) !important; }
  .pricing-main p,
  .pricing-main small,
  .pricing-kicker,
  .pricing-member-count { color: var(--dark-muted) !important; }
  .pricing-plan-grid { gap: 24px !important; }
  .pricing-free-card,
  .pricing-offer-card,
  .offer-simple,
  .launch-offer {
    background: var(--dark-surface) !important;
    border-color: var(--dark-line-strong) !important;
    color: var(--dark-text) !important;
    box-shadow: 0 12px 35px -30px rgba(0,0,0,.95) !important;
  }
  .pricing-free-card li,
  .pricing-offer-card li,
  .offer-simple li,
  .launch-offer li { color: #d0d0cb !important; border-color: var(--dark-line) !important; }
  .pricing-free-card__action,
  .pricing-offer-card__action,
  .offer-simple__cta,
  .launch-offer__cta {
    background: var(--dark-text) !important;
    border-color: var(--dark-text) !important;
    color: #111 !important;
    box-shadow: none !important;
  }
  .pricing-free-card__action:hover,
  .pricing-offer-card__action:hover,
  .offer-simple__cta:hover,
  .launch-offer__cta:hover { background: #deded9 !important; transform: none !important; }
  .pricing-free-card__action--secondary { background: transparent !important; color: var(--dark-text) !important; border-color: var(--dark-line-strong) !important; }
  .offer-simple__features,
  .launch-offer__features { background: #151515 !important; border-color: var(--dark-line) !important; }
  .offer-simple__old-price,
  .launch-offer__old-price { color: var(--dark-subtle) !important; }
  .pricing-security,
  .offer-simple__secure,
  .launch-offer__secure { color: var(--dark-subtle) !important; }
  .pricing-current-access,
  .pricing-links {
    background: transparent !important;
    border-color: var(--dark-line) !important;
    color: var(--dark-muted) !important;
  }
  .pricing-current-access strong,
  .pricing-current-access__facts b { color: var(--dark-text) !important; }
  .pricing-current-access__facts,
  .offer-simple__future-tiers,
  .offer-simple__tier-track { border-color: var(--dark-line) !important; }
  .offer-simple__tier-track { background: #292929 !important; }

  /* Authentication */
  .account-main { background: transparent !important; }
  .account-heading h1,
  .account-field label,
  .account-verification label { color: var(--dark-text) !important; }
  .account-heading p,
  .account-eyebrow,
  .account-field small,
  .account-legal,
  .account-password-strength__head { color: var(--dark-muted) !important; }
  .account-google,
  .account-field input,
  .account-field select,
  .account-verification input {
    background-color: var(--dark-surface) !important;
    border-color: var(--dark-line-strong) !important;
    color: var(--dark-text) !important;
    box-shadow: none !important;
  }
  .account-google:hover { background: var(--dark-surface-raised) !important; }
  .account-divider { color: var(--dark-subtle) !important; }
  .account-divider::before,
  .account-divider::after { background: var(--dark-line) !important; }
  .account-field input::placeholder { color: #6f6f6b !important; }
  .account-field input:focus,
  .account-field select:focus,
  .account-verification input:focus { border-color: var(--dark-focus) !important; box-shadow: 0 0 0 4px rgba(255,255,255,.055) !important; }
  .account-submit { background: var(--dark-text) !important; color: #111 !important; box-shadow: none !important; }
  .account-submit:hover { background: #deded9 !important; transform: none !important; }
  .account-secondary,
  .account-legal a,
  .account-field__label button,
  .account-verification > button { color: #cacac5 !important; }
  .account-password > button { color: var(--dark-muted) !important; }
  .account-password-strength__meter i { background: #313131 !important; }

  /* Account/settings */
  .account-settings-page { --profile-paper: var(--dark-bg); --profile-ink: var(--dark-text); --profile-line: var(--dark-line); }
  .settings-profile h1,
  .settings-section h2,
  .settings-link strong,
  .settings-inline-panel h2,
  .settings-inline-form label > span,
  .settings-plan-simple__main strong,
  .settings-security-row strong,
  .settings-account-email strong,
  .settings-account-email b { color: var(--dark-text) !important; }
  .settings-profile > p,
  .settings-section > p,
  .settings-link small,
  .settings-inline-panel p,
  .settings-plan-simple__main > span,
  .settings-plan-simple__main > p,
  .settings-security-row small,
  .settings-account-email small { color: var(--dark-muted) !important; }
  .account-settings-page .settings-tabs { border-color: var(--dark-line-strong) !important; }
  .settings-tab.settings-link { color: var(--dark-muted) !important; }
  .settings-tab.settings-link.is-selected { color: var(--dark-text) !important; border-bottom-color: var(--dark-text) !important; }
  .account-settings-page .settings-workspace,
  .account-settings-page .settings-plan-section,
  .settings-list,
  .settings-inline-panel,
  .account-settings-group {
    background: var(--dark-surface) !important;
    border-color: var(--dark-line-strong) !important;
    box-shadow: none !important;
  }
  .settings-link,
  .settings-security-row,
  .settings-account-email,
  .settings-plan-simple__footer,
  .settings-profile-plan { border-color: var(--dark-line) !important; }
  .settings-workspace .settings-inline-form input,
  .settings-workspace .settings-inline-form select,
  .account-panel input,
  .account-panel select {
    background-color: var(--dark-surface-soft) !important;
    border-color: var(--dark-line-strong) !important;
    color: var(--dark-text) !important;
    box-shadow: none !important;
  }
  .settings-workspace .settings-inline-form input:focus,
  .settings-workspace .settings-inline-form select:focus,
  .account-panel input:focus,
  .account-panel select:focus { background-color: #272727 !important; border-color: var(--dark-focus) !important; box-shadow: 0 0 0 4px rgba(255,255,255,.05) !important; }
  .settings-workspace .settings-inline-form .settings-form__footer,
  .settings-security-row + .settings-security-row::before { border-color: var(--dark-line) !important; background-color: transparent !important; }
  .settings-workspace .settings-inline-form .settings-form__footer button,
  .settings-plan-simple__footer > a { background: var(--dark-text) !important; color: #111 !important; }
  .settings-security-row > a,
  .settings-security-row > button,
  .settings-plan-simple__main em,
  .settings-signout { background: var(--dark-surface-soft) !important; border-color: var(--dark-line) !important; color: var(--dark-text) !important; }
  .settings-signout small { color: var(--dark-muted) !important; }
  .settings-danger-block { background: rgba(123,35,45,.12) !important; border-color: rgba(255,140,150,.28) !important; }
  .settings-danger-block .settings-inline-delete,
  .settings-delete-disclosure .settings-inline-delete { background: #1c1718 !important; border-color: rgba(255,140,150,.2) !important; }
  .settings-delete-disclosure summary,
  .settings-danger-block > span { color: var(--dark-danger) !important; }

  /* Collection/library */
  .collection-main,
  .collection-toolbar,
  .collection-gallery { background: transparent !important; }
  .collection-title,
  .collection-main h1 { color: var(--dark-text) !important; }
  .collection-subtitle,
  .collection-count { color: var(--dark-muted) !important; }

  /* Public project and members workspace */
  .project-hero,
  .section-shell,
  .project-main,
  .project-content { background: transparent !important; }
  .project-hero h1,
  .project-page h2,
  .project-page h3,
  .library-project-page h1,
  .library-project-page h2,
  .library-project-page h3 { color: var(--dark-text) !important; }
  .project-hero p,
  .project-page p,
  .project-page li,
  .library-project-page p,
  .library-project-page li { color: var(--dark-muted) !important; }
  .browser-frame,
  .purchase-card,
  .included,
  .requirements,
  .compatibility,
  .faq-item,
  .project-sidebar,
  .project-content__panel,
  .workspace-card {
    background: var(--dark-surface) !important;
    border-color: var(--dark-line) !important;
    box-shadow: none !important;
  }
  .browser-frame__bar { background: var(--dark-surface-raised) !important; border-color: var(--dark-line) !important; }
  .purchase-card__action,
  .project-hero__cta,
  .final-cta a { background: var(--dark-text) !important; color: #111 !important; box-shadow: none !important; }
  .portal-nav,
  .workspace-footer { background: #131313 !important; border-color: var(--dark-line) !important; color: var(--dark-muted) !important; }
  .hero-facts,
  .hero-facts div + div,
  .learning-grid,
  .learning-grid article + article,
  .included-list,
  .included-list > div,
  .prompt-list,
  .prompt-list li,
  .requirements-grid,
  .requirements-grid > div + div,
  .faq-list,
  .faq details { border-color: var(--dark-line) !important; }
  .hero-facts small,
  .tool-line,
  .learning-grid span,
  .included-list b,
  .included-list small,
  .prompt-list > li > span,
  .prompt-list small,
  .requirements-grid small,
  .faq summary span { color: var(--dark-muted) !important; }
  .hero-facts strong,
  .tool-line b,
  .learning-grid h3,
  .included-list strong,
  .prompt-list strong,
  .requirements-grid strong,
  .faq summary { color: var(--dark-text) !important; }
  .tool-line b,
  .tools-grid article {
    background: var(--dark-surface-raised) !important;
    border-color: var(--dark-line) !important;
    color: var(--dark-text) !important;
  }
  .tools-grid p { color: var(--dark-muted) !important; }
  .tools-grid span { background: #292929 !important; color: var(--dark-muted) !important; }
  .tools-grid .optimized { background: #183123 !important; color: #8ed4a8 !important; }
  .purchase-card__badge { background: #202a40 !important; color: #aac2ff !important; }
  .price,
  .purchase-card ul { border-color: var(--dark-line) !important; color: #d0d0cb !important; }

  .project-reference,
  .course-section[data-kind="prompt"] .course-body,
  .course-help,
  .prompt-tool-selector {
    background: var(--dark-surface) !important;
    border-color: var(--dark-line) !important;
    color: #d5d5d0 !important;
    box-shadow: none !important;
  }
  .project-reference.is-unavailable,
  .course-objective,
  .course-checkpoint { background: var(--dark-surface-raised) !important; }
  .course-body,
  .course-objective p,
  .course-checkpoint p,
  .course-help p { color: var(--dark-muted) !important; }
  .course-section__summary span,
  .project-tags span,
  .prompt-tool-selector button { background: var(--dark-surface-soft) !important; border-color: var(--dark-line) !important; color: var(--dark-muted) !important; }
  .prompt-tool-selector button[aria-pressed="true"],
  #project-nav a.is-active,
  .course-copy { background: var(--dark-text) !important; border-color: var(--dark-text) !important; color: #111 !important; }
  #project-nav a:hover { background: var(--dark-surface-raised) !important; }

  /* Contact and request forms */
  .contact-main,
  .request-main { background: transparent !important; }
  .contact-main h1,
  .contact-main h2,
  .request-main h1,
  .request-main h2 { color: var(--dark-text) !important; }
  .contact-main p,
  .request-main p,
  .contact-identity,
  .request-form__identity { color: var(--dark-muted) !important; }
  .contact-form,
  .contact-page main form,
  .request-form {
    background: var(--dark-surface) !important;
    border-color: var(--dark-line) !important;
    box-shadow: none !important;
  }
  .contact-form label,
  .contact-page main form label,
  .request-form label { color: #d5d5d0 !important; }
  .contact-form input,
  .contact-form textarea,
  .contact-form select,
  .contact-page main form input,
  .contact-page main form textarea,
  .contact-page main form select,
  .request-form input,
  .request-form textarea,
  .request-form select {
    background: var(--dark-surface-soft) !important;
    border-color: var(--dark-line-strong) !important;
    color: var(--dark-text) !important;
    box-shadow: none !important;
  }
  .contact-form input:focus,
  .contact-form textarea:focus,
  .contact-page main form input:focus,
  .contact-page main form textarea:focus,
  .request-form input:focus,
  .request-form textarea:focus { border-color: var(--dark-focus) !important; box-shadow: 0 0 0 4px rgba(255,255,255,.05) !important; }
  .contact-form button[type="submit"],
  .contact-page main form button[type="submit"],
  .request-form button[type="submit"] { background: var(--dark-text) !important; color: #111 !important; box-shadow: none !important; }

  /* How it works */
  .how-page,
  .how-copy { background: transparent !important; }
  .how-page h1,
  .how-page h2,
  .how-page h3 { color: var(--dark-text) !important; }
  .how-page p,
  .how-page li { color: var(--dark-muted) !important; }
  .how-video__frame,
  .how-step,
  .how-card { background: var(--dark-surface) !important; border-color: var(--dark-line) !important; box-shadow: none !important; }

  /* Legal pages: deliberately plain */
  .policy-main,
  .policy-hero,
  .policy-content { background: transparent !important; }
  .policy-hero { border-color: var(--dark-line) !important; }
  .policy-hero h1 { color: var(--dark-text) !important; }
  .policy-content h2,
  .policy-content h3 { color: #deded9 !important; }
  .policy-content p,
  .policy-content li,
  .policy-content address,
  .policy-content time { color: var(--dark-muted) !important; }
  .policy-content a { color: var(--dark-text) !important; text-decoration-color: #666 !important; }
  .policy-content hr { border-color: var(--dark-line) !important; }

  /* Help */
  .help-nav,
  .help-main,
  .help-layout,
  .help-hero { background: transparent !important; }
  .help-nav { border-color: var(--dark-line) !important; }
  .help-page h1,
  .help-page h2,
  .help-page h3 { color: var(--dark-text) !important; }
  .help-page p,
  .help-page li,
  .help-aside { color: var(--dark-muted) !important; }
  .support-card,
  .help-card,
  .help-aside > div {
    background: var(--dark-surface) !important;
    border-color: var(--dark-line) !important;
    box-shadow: none !important;
  }
  .support-context { background: #1b2331 !important; }
  .support-context span { color: #aabce5 !important; }
  .support-context p { color: #c4cde0 !important; }
  .privacy-note { background: #292217 !important; border-color: #9b7540 !important; color: #cdbb9d !important; }
  .field small { background: var(--dark-surface-raised) !important; color: var(--dark-muted) !important; }
  .help-page input,
  .help-page textarea,
  .help-page select { background: var(--dark-surface-soft) !important; border-color: var(--dark-line-strong) !important; color: var(--dark-text) !important; }
  .help-page button[type="submit"] { background: var(--dark-text) !important; color: #111 !important; }

  /* Checkout completion/cancellation states */
  .purchase-nav,
  .purchase-main { background: transparent !important; }
  .purchase-nav { border-color: var(--dark-line) !important; }
  .purchase-state,
  .order-summary,
  .email-confirmation {
    background: var(--dark-surface) !important;
    border-color: var(--dark-line) !important;
    color: var(--dark-text) !important;
    box-shadow: none !important;
  }
  .purchase-state h1,
  .purchase-state h2,
  .order-summary strong,
  .email-confirmation label { color: var(--dark-text) !important; }
  .purchase-state p,
  .order-summary span,
  .email-confirmation p,
  .purchase-note { color: var(--dark-muted) !important; }
  .email-confirmation input { background: var(--dark-surface-soft) !important; border-color: var(--dark-line-strong) !important; color: var(--dark-text) !important; box-shadow: none !important; }
  .purchase-action,
  .email-confirmation button { background: var(--dark-text) !important; color: #111 !important; border-color: transparent !important; box-shadow: none !important; }
  .state-visual,
  .state-email { background: var(--dark-surface-soft) !important; border-color: var(--dark-line) !important; color: var(--dark-muted) !important; box-shadow: none !important; }
  .activation-steps i { background: var(--dark-bg) !important; }
  .activation-steps div::before { background: var(--dark-line-strong) !important; }

  /* Editorial project page */
  .prmpt-page .page-shell { background: var(--dark-bg) !important; color: var(--dark-text) !important; }
  .prmpt-page .noise { mix-blend-mode: screen !important; opacity: .018 !important; }
  .prmpt-page .menu-button span,
  .prmpt-page .edition-mark i { background: var(--dark-text) !important; }
  .prmpt-page .edition-mark,
  .prmpt-page .view-button { border-color: var(--dark-line-strong) !important; }
  .prmpt-page .view-button { background: var(--dark-text) !important; color: #111 !important; }

  /* Guide shell. The creative sheets/previews retain their authored palettes. */
  .guide-main,
  .guide-hero,
  .guide-content { background: transparent !important; }
  .guide-hero h1,
  .guide-section > h2,
  .guide-section > h3 { color: var(--dark-text) !important; }
  .guide-hero p,
  .guide-section > p { color: var(--dark-muted) !important; }
  .guide-nav,
  .guide-sidebar,
  .prompt-dock {
    background: var(--dark-surface) !important;
    border-color: var(--dark-line) !important;
    color: var(--dark-text) !important;
    box-shadow: none !important;
  }
  .guide-nav a,
  .guide-sidebar a,
  .prompt-dock p { color: var(--dark-muted) !important; }
  .prompt-dock__meta h3 { color: var(--dark-text) !important; }
  .prompt-dock pre { background: var(--dark-surface-soft) !important; color: #cecec9 !important; border-color: var(--dark-line-strong) !important; }
  .project-activity,
  .guide-tool-tabs,
  .build-proof,
  .guide-end { background: var(--dark-surface) !important; border-color: var(--dark-line) !important; color: var(--dark-text) !important; box-shadow: none !important; }
  .guide-tool-tabs button { color: var(--dark-muted) !important; }
  .guide-tool-tabs button[aria-selected="true"] { background: var(--dark-surface-soft) !important; color: var(--dark-text) !important; box-shadow: none !important; }

  /* Footer */
  .site-footer {
    background: var(--dark-bg) !important;
    border-color: var(--dark-line) !important;
    color: var(--dark-muted) !important;
  }
  .site-footer a { color: var(--dark-muted) !important; }
  .site-footer a:hover { color: var(--dark-text) !important; }
  .site-footer strong,
  .site-footer__brand { color: var(--dark-text) !important; }

  :where(a, button, input, textarea, select):focus-visible {
    outline-color: rgba(255,255,255,.48) !important;
  }

  /* Flat desktop composition: cards have no filled background. */
  .gallery .showcase-card,
  .gallery .showcase-card--lithos,
  .collection-gallery .showcase-card,
  .gallery__grid .showcase-card,
  .showcase-card__meta,
  .showcase-card__footer,
  .card-bottom,
  .home-testimonial,
  .pricing-free-card,
  .pricing-offer-card,
  .offer-simple,
  .launch-offer,
  .offer-simple__features,
  .launch-offer__features,
  .pricing-current-access,
  .account-settings-page .settings-workspace,
  .account-settings-page .settings-plan-section,
  .settings-list,
  .account-settings-group,
  .purchase-card,
  .included,
  .requirements,
  .compatibility,
  .faq-item,
  .project-sidebar,
  .project-content__panel,
  .workspace-card,
  .tools-grid article,
  .project-reference,
  .course-help,
  .prompt-tool-selector,
  .contact-form,
  .contact-page main form,
  .request-form,
  .how-step,
  .how-card,
  .support-card,
  .help-card,
  .help-aside > div,
  .purchase-state,
  .order-summary,
  .email-confirmation,
  .project-activity,
  .build-proof,
  .guide-end {
    background: transparent !important;
    box-shadow: none !important;
  }

  .gallery .showcase-card,
  .gallery .showcase-card--lithos,
  .collection-gallery .showcase-card,
  .gallery__grid .showcase-card,
  .home-testimonial {
    transition: background-color .2s ease, border-color .2s ease !important;
  }
  .gallery .showcase-card:hover,
  .gallery .showcase-card--lithos:hover,
  .collection-gallery .showcase-card:hover,
  .gallery__grid .showcase-card:hover,
  .home-testimonial:hover {
    background: rgba(255, 255, 255, .035) !important;
    box-shadow: none !important;
    transform: none !important;
  }
  .gallery .showcase-card .collection-card-image,
  .gallery .showcase-card .collection-card-video,
  .gallery .showcase-card .preview-card-image,
  .collection-gallery .showcase-card .collection-card-image,
  .collection-gallery .showcase-card .collection-card-video,
  .gallery__grid .showcase-card .collection-card-image,
  .gallery__grid .showcase-card .collection-card-video {
    transform: none !important;
    transition-property: opacity !important;
  }
  .gallery .showcase-card:hover .collection-card-image,
  .gallery .showcase-card:hover .collection-card-video,
  .gallery .showcase-card:hover .preview-card-image,
  .collection-gallery .showcase-card:hover .collection-card-image,
  .collection-gallery .showcase-card:hover .collection-card-video,
  .gallery__grid .showcase-card:hover .collection-card-image,
  .gallery__grid .showcase-card:hover .collection-card-video {
    transform: none !important;
  }

  /* Desktop pricing — native dark composition, without light-theme panels. */
  .pricing-page .pricing-page-stage,
  .pricing-page .pricing-main {
    background: transparent !important;
  }
  .pricing-page .pricing-main {
    width: min(900px, calc(100vw - 80px)) !important;
    padding: 110px 0 64px !important;
  }
  .pricing-page .pricing-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
  .pricing-page .pricing-free-card,
  .pricing-page .pricing-offer-card {
    min-height: 602px;
    padding: 30px 28px 26px !important;
    border: 1px solid var(--dark-line) !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: var(--dark-text) !important;
    box-shadow: none !important;
  }
  .pricing-page .pricing-offer-card {
    position: relative;
    border-color: var(--dark-line-strong) !important;
  }
  .pricing-page .pricing-offer-card::before {
    content: "";
    position: absolute;
    top: -1px;
    right: 28px;
    left: 28px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent);
    pointer-events: none;
  }
  .pricing-page .pricing-free-card__header > span {
    min-height: 22px;
    padding: 0 8px;
    border: 1px solid var(--dark-line) !important;
    border-radius: 7px;
    background: transparent !important;
    color: var(--dark-muted) !important;
    font-size: 8px;
    letter-spacing: .08em;
  }
  .pricing-page .pricing-free-card__header h2 {
    margin-top: 24px;
    color: var(--dark-text) !important;
    font-size: 34px;
    font-weight: 580;
  }
  .pricing-page .pricing-free-card__header p {
    margin-top: 12px;
    color: var(--dark-muted) !important;
    font-size: 12px;
  }
  .pricing-page .pricing-free-card__price,
  .pricing-page .pricing-offer-card .offer-simple.launch-offer--page .offer-simple__price {
    min-height: 110px !important;
    margin-top: 24px !important;
    padding: 18px 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--dark-line) !important;
    border-bottom: 1px solid var(--dark-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  .pricing-page .pricing-free-card__price strong {
    color: var(--dark-text) !important;
    font-size: 62px;
  }
  .pricing-page .pricing-free-card__price span {
    color: var(--dark-subtle) !important;
  }
  .pricing-page .pricing-free-card__features,
  .pricing-page .pricing-offer-card .offer-simple.launch-offer--page .offer-simple__features {
    margin: 18px 0 !important;
    padding: 17px 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--dark-line) !important;
    border-bottom: 1px solid var(--dark-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .pricing-page .pricing-free-card__features li,
  .pricing-page .offer-simple__features li {
    color: #c9c9c4 !important;
    font-size: 11px;
    font-weight: 540;
  }
  .pricing-page .pricing-free-card__features li::before {
    top: 1px;
    width: auto;
    height: auto;
    display: block;
    border-radius: 0;
    background: transparent !important;
    color: var(--dark-muted) !important;
    font-size: 10px;
  }
  .pricing-page .pricing-title {
    margin: 0 auto 23px;
  }
  .pricing-page .pricing-title > .pricing-title__member-count {
    margin-bottom: 15px;
    color: var(--dark-muted) !important;
  }
  .pricing-page .pricing-title__member-count::before {
    background: #d8d8d3;
    box-shadow: 0 0 0 3px rgba(255,255,255,.08);
  }
  .pricing-page .pricing-title__member-count strong,
  .pricing-page .pricing-title__member-count span {
    color: var(--dark-muted) !important;
  }
  .pricing-page .pricing-offer-card .pricing-title h1 {
    color: var(--dark-text) !important;
    font-size: 38px;
    font-weight: 580;
  }
  .pricing-page .pricing-offer-card .pricing-title > p {
    margin-top: 11px;
    color: var(--dark-muted) !important;
    font-size: 24px;
  }
  .pricing-page .pricing-offer-card .offer-simple.launch-offer--page {
    gap: 17px !important;
    background: transparent !important;
  }
  .pricing-page .offer-simple__price-comparison s {
    color: var(--dark-subtle) !important;
  }
  .pricing-page .offer-simple__price-comparison strong {
    color: var(--dark-text) !important;
  }
  .pricing-page .offer-simple__price-comparison s::after {
    background: var(--dark-muted) !important;
  }
  .pricing-page .offer-simple.launch-offer--page .offer-simple__tier-track {
    padding: 0 !important;
    background: transparent !important;
    color: var(--dark-subtle) !important;
  }
  .pricing-page .offer-simple__tier-track [data-offer-stage],
  .pricing-page .offer-simple__future-tiers > i {
    color: var(--dark-subtle) !important;
  }
  .pricing-page .offer-simple__tier-track [data-offer-stage].is-current {
    color: var(--dark-text) !important;
  }
  .pricing-page .offer-simple__features > summary {
    min-height: 36px !important;
    color: var(--dark-muted) !important;
  }
  .pricing-page .offer-simple__features ul {
    padding: 4px 0 2px !important;
  }
  .pricing-page .offer-simple__features li::before {
    display: none !important;
  }
  .pricing-page .offer-simple.launch-offer--page .offer-simple__features li {
    padding-left: 18px !important;
  }
  .pricing-page .offer-simple.launch-offer--page .offer-simple__features li::after {
    top: 4px;
    left: 1px;
    border-color: var(--dark-muted) !important;
  }
  .pricing-page .pricing-free-card__action,
  .pricing-page .launch-offer__action {
    min-height: 54px !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    transition: background-color .18s ease, border-color .18s ease !important;
  }
  .pricing-page .pricing-free-card__action {
    border: 1px solid var(--dark-line-strong) !important;
    background: transparent !important;
    color: var(--dark-text) !important;
  }
  .pricing-page .pricing-free-card__action:hover {
    border-color: rgba(255,255,255,.28) !important;
    background: rgba(255,255,255,.045) !important;
  }
  .pricing-page .launch-offer__action {
    border: 1px solid var(--dark-text) !important;
    background: var(--dark-text) !important;
    color: #111 !important;
  }
  .pricing-page .launch-offer__action::before { display: none !important; }
  .pricing-page .launch-offer__action b { color: #111 !important; }
  .pricing-page .launch-offer__action:hover {
    border-color: #deded9 !important;
    background: #deded9 !important;
    filter: none !important;
    transform: none !important;
  }
  .pricing-page .pricing-free-card__assurance,
  .pricing-page .launch-offer__assurance {
    color: var(--dark-subtle) !important;
  }
  .pricing-page .pricing-links a {
    color: var(--dark-subtle) !important;
  }
  .pricing-page .pricing-links a:hover {
    color: var(--dark-text) !important;
  }

  /* Desktop header actions — same secondary/primary language as pricing. */
  .nav .nav__actions { gap: 8px !important; }
  .nav .nav-login-primary {
    width: 104px;
    height: 38px;
    border: 0 !important;
    border-radius: 7px;
    background: transparent !important;
    color: var(--dark-text) !important;
    box-shadow: none !important;
    font-size: 12px;
    transform: none !important;
  }
  .nav .nav-login-primary:hover {
    border: 0 !important;
    background: rgba(255,255,255,.045) !important;
    color: var(--dark-text) !important;
    transform: none !important;
  }
  .nav .nav-header-cta {
    width: 136px;
    height: 38px;
    padding: 0 !important;
    gap: 0 !important;
    border: 1px solid var(--dark-text) !important;
    border-radius: 7px !important;
    background: var(--dark-text) !important;
    color: #111 !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }
  .nav .nav-header-cta::before { display: none !important; }
  .nav .nav-header-cta:hover {
    border-color: #deded9 !important;
    background: #deded9 !important;
    filter: none !important;
    transform: none !important;
  }
  .nav .nav-header-cta .btn-cta__track {
    width: 100%;
    height: 36px;
  }
  .nav .nav-header-cta .btn-cta__group,
  .nav .nav-header-cta .btn-cta__group--incoming {
    box-sizing: border-box;
    width: 100%;
    height: 36px;
    padding: 0 13px !important;
    justify-content: space-between !important;
    gap: 8px !important;
    color: #111 !important;
    font-size: 12px !important;
    font-weight: 750;
  }
  .nav .nav-header-cta .btn-cta__word {
    order: 1;
    color: #111 !important;
  }
  .nav .nav-header-cta .btn-cta__icon {
    order: 2;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .nav .nav-header-cta .btn-cta__icon svg {
    width: 14px !important;
    height: 14px !important;
    color: #111 !important;
    filter: none !important;
  }

  /* Signature colour belongs to the page background, not the fixed header. */
  .nav-blur::after {
    background: none !important;
  }
  body.site-shell-page > main,
  body.home-page > main.home-main,
  body.pricing-page > .pricing-page-stage,
  body.project-page > main,
  body.collection-page > main.collection-main {
    background-color: var(--dark-bg) !important;
    background-image:
      radial-gradient(ellipse 52% 120% at 8% 0%, rgba(178, 88, 43, .26) 0%, rgba(178, 88, 43, 0) 72%),
      radial-gradient(ellipse 54% 125% at 92% 0%, rgba(82, 72, 164, .28) 0%, rgba(82, 72, 164, 0) 74%),
      radial-gradient(ellipse 38% 85% at 54% 0%, rgba(132, 71, 126, .1) 0%, rgba(132, 71, 126, 0) 76%),
      linear-gradient(180deg, #191819 0%, var(--dark-bg) 100%) !important;
    background-position: 0 72px !important;
    background-size: 100% 410px !important;
    background-repeat: no-repeat !important;
  }
  .home-page .home-main,
  .home-page .hero,
  .pricing-page .pricing-page-stage,
  .project-page .project-first-look {
    background-color: transparent !important;
  }
}

@media (max-width: 900px) {
  :root {
    color-scheme: dark;
    --dark-bg: #121212;
    --dark-surface: #1d1d1d;
    --dark-surface-raised: #232323;
    --dark-surface-soft: #292929;
    --dark-text: #f5f5f2;
    --dark-muted: #a7a7a2;
    --dark-subtle: #777772;
    --dark-line: rgba(255,255,255,.1);
    --dark-line-strong: rgba(255,255,255,.17);
    --dark-focus: rgba(255,255,255,.28);
    --dark-danger: #ff8c96;
  }

  html,
  body,
  .home-page,
  .site-shell-page,
  .pricing-page,
  .pricing-page-stage,
  .access-page,
  .account-page,
  .account-settings-page,
  .collection-page,
  .project-page,
  .library-project-page,
  .contact-page,
  .request-page,
  .how-use-page,
  .legal-page,
  .help-page,
  .purchase-flow-page,
  .lithos-page,
  .prmpt-page {
    background: var(--dark-bg) !important;
    color: var(--dark-text) !important;
  }

  :where(.home-page,.pricing-page,.access-page,.account-page,.collection-page,.project-page,.library-project-page,.contact-page,.request-page,.how-use-page,.legal-page,.help-page,.purchase-flow-page,.prmpt-page) {
    --ink: var(--dark-text);
    --muted: var(--dark-muted);
    --paper: var(--dark-bg);
    --bg: var(--dark-bg);
    --card: var(--dark-surface);
    --line: var(--dark-line);
    --request-ink: var(--dark-text);
    --request-muted: var(--dark-muted);
    --request-paper: var(--dark-bg);
    --request-line: var(--dark-line);
  }

  ::selection { background:#f5f5f2;color:#111; }

  /* Mobile navigation and drawer */
  .nav { color:var(--dark-text) !important; }
  .brand-wordmark { color:var(--dark-text) !important; }
  .nav-blur::after { background:none !important; }
  .nav__burger,
  .nav-session-link--guest,
  .nav-session-link--member {
    background:rgba(28,28,28,.72) !important;
    border-color:var(--dark-line-strong) !important;
    color:var(--dark-text) !important;
    box-shadow:none !important;
  }
  .nav__burger .nav-icon,
  .nav__burger svg { color:var(--dark-text) !important;stroke:var(--dark-text) !important; }
  .nav-session-link--member i { border-color:var(--dark-bg) !important; }
  .nav__links {
    background:#181818 !important;
    border-color:var(--dark-line) !important;
    color:var(--dark-text) !important;
    box-shadow:-24px 0 70px rgba(0,0,0,.42) !important;
  }
  .mobile-drawer__header,
  .mobile-drawer__member { border-color:var(--dark-line) !important; }
  .mobile-drawer__controls > button,
  .mobile-drawer__brand { color:var(--dark-text) !important; }
  .mobile-drawer__nav::before { background:var(--dark-line) !important; }
  .mobile-drawer__nav > a,
  .mobile-drawer__nav > .mobile-drawer__account-link { color:var(--dark-text) !important; }
  .mobile-drawer__nav > a:active { color:#fff !important;transform:none !important; }
  .mobile-drawer__email,
  .mobile-drawer__email b { color:var(--dark-muted) !important; }
  .mobile-drawer__email svg { stroke:var(--dark-muted) !important; }
  .mobile-drawer__signout {
    background:var(--dark-surface-raised) !important;
    color:var(--dark-muted) !important;
    box-shadow:none !important;
  }
  .mobile-drawer__story-media { background:#0e0e0e !important; }

  /* On mobile the signature colour starts at the physical top of the page,
     so the transparent blurred navigation never creates a black band. */
  body.site-shell-page,
  body.home-page,
  body.pricing-page,
  body.project-page,
  body.collection-page {
    background-color:var(--dark-bg) !important;
    background-image:
      radial-gradient(ellipse 72% 105% at 0% 0%,rgba(178,88,43,.24) 0%,rgba(178,88,43,0) 72%),
      radial-gradient(ellipse 78% 110% at 100% 0%,rgba(82,72,164,.27) 0%,rgba(82,72,164,0) 74%),
      radial-gradient(ellipse 55% 75% at 52% 0%,rgba(132,71,126,.1) 0%,rgba(132,71,126,0) 76%),
      linear-gradient(180deg,#191819 0%,var(--dark-bg) 100%) !important;
    background-position:0 0 !important;
    background-size:100% 330px !important;
    background-repeat:no-repeat !important;
  }
  body.site-shell-page > main,
  body.home-page > main.home-main,
  body.pricing-page > .pricing-page-stage,
  body.project-page > main,
  body.collection-page > main.collection-main {
    background-color:transparent !important;
    background-image:none !important;
  }
  .home-page .home-main,
  .home-page .hero,
  .pricing-page .pricing-page-stage,
  .project-page .project-first-look { background-color:transparent !important; }

  /* Home and catalogue */
  .headline,
  .hero h1,
  .hero-title,
  .headline .serif,
  .headline em,
  .headline .line--serif,
  .headline .line--bold,
  .headline [data-auth-headline-serif],
  .headline [data-auth-headline-bold] { color:#fff !important; }
  .hero-subtitle,
  .hero p,
  .hero-proof,
  .collection-subtitle,
  .collection-count { color:var(--dark-muted) !important; }
  .hero-proof::before { background:#8bc7a1 !important;box-shadow:0 0 0 4px rgba(139,199,161,.12) !important; }
  .gallery,
  .gallery-shell,
  .home-testimonials,
  .collection-main,
  .collection-toolbar,
  .collection-gallery { background:transparent !important; }
  .collection-title,
  .collection-main h1 { color:var(--dark-text) !important; }
  .gallery-toggle,
  .gallery-sort,
  .collection-format-toggle,
  .collection-sort {
    background:rgba(29,29,29,.92) !important;
    border-color:var(--dark-line) !important;
    color:var(--dark-muted) !important;
    box-shadow:none !important;
  }
  .gallery-toggle button,
  .collection-format-toggle button { color:var(--dark-muted) !important; }
  .gallery-toggle button[aria-pressed="true"],
  .gallery-toggle button.is-active,
  .collection-format-toggle button[aria-pressed="true"],
  .collection-format-toggle button.is-active {
    background:var(--dark-surface-soft) !important;
    color:var(--dark-text) !important;
    box-shadow:inset 0 0 0 1px var(--dark-line) !important;
  }
  .gallery-sort__menu,
  .collection-sort__menu {
    background:#1c1c1c !important;
    border-color:var(--dark-line) !important;
    box-shadow:0 18px 45px rgba(0,0,0,.36) !important;
  }
  .gallery-sort__menu button,
  .collection-sort__menu button { color:var(--dark-muted) !important; }
  .gallery-sort__menu button[aria-checked="true"],
  .collection-sort__menu button[aria-checked="true"] { background:#272727 !important;color:var(--dark-text) !important; }
  .bg-glow { opacity:.12 !important;filter:saturate(.55) brightness(.6) !important; }
  .bg-lines { opacity:.12 !important; }

  .gallery .showcase-card,
  .gallery .showcase-card--lithos,
  .collection-gallery .showcase-card,
  .gallery__grid .showcase-card,
  .showcase-card__meta,
  .showcase-card__footer,
  .card-bottom {
    background:transparent !important;
    border-color:var(--dark-line) !important;
    box-shadow:none !important;
    transform:none !important;
  }
  .showcase-card__title,
  .showcase-card h2,
  .showcase-card h3 { color:var(--dark-text) !important; }
  .showcase-card__category,
  .showcase-card__meta p,
  .showcase-card__meta small,
  .card-specs,
  .card-detail-link { color:var(--dark-muted) !important; }
  .card-tools span,
  .card-status { background:var(--dark-surface-soft) !important;border-color:var(--dark-line) !important;color:#c8c8c2 !important; }
  .showcase-card__preview { background-color:#0d0d0d !important; }
  .showcase-card__preview img,
  .showcase-card__preview video,
  .showcase-card:hover .showcase-card__preview img,
  .showcase-card:hover .showcase-card__preview video { transform:none !important;scale:1 !important; }
  .card-likes { background:rgba(20,20,20,.82) !important;border-color:var(--dark-line-strong) !important;color:var(--dark-text) !important;box-shadow:none !important; }
  .card-action { background:var(--dark-text) !important;color:#111 !important;border-color:transparent !important;box-shadow:none !important; }
  .library-loading,
  .collection-empty,
  .collection-error { color:var(--dark-muted) !important; }
  .showcase-card.is-skeleton,
  .library-skeleton-card,
  .gallery-skeleton-card { background:#191919 !important;border-color:var(--dark-line) !important; }
  .gallery-skeleton-card > *,
  .collection-skeleton__toolbar { background-color:#242424 !important;border-color:var(--dark-line) !important; }

  /* Testimonials */
  .home-testimonials__summary,
  .home-testimonials__title,
  .home-testimonials strong { color:var(--dark-text) !important; }
  .home-testimonials__note,
  .home-testimonials__eyebrow { color:var(--dark-muted) !important; }
  .home-testimonial {
    background:transparent !important;
    border:1px solid var(--dark-line) !important;
    color:var(--dark-text) !important;
    box-shadow:none !important;
    transform:none !important;
  }
  .home-testimonial blockquote,
  .home-testimonial__quote { color:#deded9 !important; }
  .home-testimonial p,
  .home-testimonial small { color:var(--dark-muted) !important; }
  .home-testimonial__rating,
  .home-testimonials__stars { color:#dce6ff !important; }

  /* Pricing */
  .pricing-main,
  .pricing-page-stage { background:transparent !important; }
  .pricing-main h1,
  .pricing-main h2,
  .pricing-main h3,
  .pricing-price,
  .offer-simple__price,
  .launch-offer__price { color:var(--dark-text) !important; }
  .pricing-main p,
  .pricing-main small,
  .pricing-kicker,
  .pricing-member-count { color:var(--dark-muted) !important; }
  .pricing-free-card,
  .pricing-offer-card,
  .offer-simple,
  .launch-offer,
  .offer-simple__features,
  .launch-offer__features,
  .pricing-current-access {
    background:transparent !important;
    border-color:var(--dark-line-strong) !important;
    color:var(--dark-text) !important;
    box-shadow:none !important;
  }
  .pricing-free-card li,
  .pricing-offer-card li,
  .offer-simple li,
  .launch-offer li { color:#d0d0cb !important;border-color:var(--dark-line) !important; }
  .pricing-free-card__action,
  .pricing-offer-card__action,
  .offer-simple__cta,
  .launch-offer__cta,
  .launch-offer__action {
    background:var(--dark-text) !important;
    border-color:var(--dark-text) !important;
    color:#111 !important;
    box-shadow:none !important;
    transform:none !important;
  }
  .pricing-free-card__action--secondary { background:transparent !important;color:var(--dark-text) !important;border-color:var(--dark-line-strong) !important; }
  .offer-simple__old-price,
  .launch-offer__old-price,
  .pricing-security,
  .offer-simple__secure,
  .launch-offer__secure { color:var(--dark-subtle) !important; }
  .pricing-current-access__facts,
  .offer-simple__future-tiers,
  .offer-simple__tier-track { border-color:var(--dark-line) !important; }
  .offer-simple__tier-track { background:#292929 !important; }
  .pricing-current-access strong,
  .pricing-current-access__facts b { color:var(--dark-text) !important; }
  .pricing-page .offer-simple__price-comparison s,
  .pricing-page .offer-simple__price-comparison.is-price-ready s { color:var(--dark-subtle) !important; }
  .pricing-page .offer-simple__price-comparison strong,
  .pricing-page .offer-simple__price-comparison.is-price-ready strong { color:var(--dark-text) !important; }
  .pricing-page .offer-simple__price-comparison s::after { background:var(--dark-muted) !important; }
  .pricing-page .offer-simple.launch-offer--page .offer-simple__tier-track {
    background:transparent !important;
    color:var(--dark-subtle) !important;
  }
  .pricing-page .offer-simple__tier-track [data-offer-stage],
  .pricing-page .offer-simple__future-tiers > i { color:var(--dark-subtle) !important; }
  .pricing-page .offer-simple__tier-track [data-offer-stage].is-current { background:transparent !important;color:var(--dark-text) !important; }
  .pricing-page .launch-offer__action { width:100% !important;box-sizing:border-box !important; }
  .pricing-page .launch-offer__action::before { display:none !important; }
  .pricing-page .launch-offer__action b { color:#111 !important; }
  .pricing-page .launch-offer__assurance { color:var(--dark-subtle) !important; }

  /* Dialogs, authentication and fields */
  .pricing-preview-modal,
  .free-guide-modal,
  .like-login-modal,
  .pricing-modal__backdrop,
  .auth-modal__backdrop,
  .free-guide-modal__backdrop { background:rgba(0,0,0,.76) !important; }
  .pricing-modal__dialog,
  .auth-modal__dialog,
  .free-guide-modal__dialog,
  .pricing-preview-modal__surface,
  .free-guide-modal__surface,
  .like-login-modal__surface,
  .modal-card,
  [role="dialog"] .modal-panel {
    background:var(--dark-surface) !important;
    border-color:var(--dark-line-strong) !important;
    color:var(--dark-text) !important;
    box-shadow:0 24px 65px rgba(0,0,0,.5) !important;
  }
  .pricing-preview-modal__header,
  .free-guide-modal__header { border-color:var(--dark-line) !important; }
  .free-guide-modal__body,
  .free-guide-value,
  .free-guide-cover__info,
  .pricing-modal__dialog p,
  .auth-modal__dialog p,
  .free-guide-modal__dialog p { color:var(--dark-muted) !important; }

  .account-main { background:transparent !important; }
  .account-heading h1,
  .account-field label,
  .account-verification label { color:var(--dark-text) !important; }
  .account-heading p,
  .account-eyebrow,
  .account-field small,
  .account-legal,
  .account-password-strength__head { color:var(--dark-muted) !important; }
  .account-google,
  .account-field input,
  .account-field select,
  .account-verification input,
  .contact-form input,
  .contact-form textarea,
  .contact-form select,
  .contact-page main form input,
  .contact-page main form textarea,
  .contact-page main form select,
  .request-form input,
  .request-form textarea,
  .request-form select,
  .help-page input,
  .help-page textarea,
  .help-page select,
  .email-confirmation input,
  .account-panel input,
  .account-panel select {
    background-color:var(--dark-surface-soft) !important;
    border-color:var(--dark-line-strong) !important;
    color:var(--dark-text) !important;
    box-shadow:none !important;
  }
  :where(input,textarea)::placeholder { color:#70706c !important; }
  :where(input,textarea,select):focus { border-color:var(--dark-focus) !important;box-shadow:0 0 0 4px rgba(255,255,255,.05) !important; }
  .account-divider { color:var(--dark-subtle) !important; }
  .account-divider::before,
  .account-divider::after { background:var(--dark-line) !important; }
  .account-submit,
  .contact-form button[type="submit"],
  .contact-page main form button[type="submit"],
  .request-form button[type="submit"],
  .help-page button[type="submit"],
  .purchase-action,
  .email-confirmation button { background:var(--dark-text) !important;color:#111 !important;box-shadow:none !important; }
  .account-secondary,
  .account-legal a,
  .account-field__label button,
  .account-verification > button { color:#cacac5 !important; }

  /* Account settings */
  .account-settings-page { --profile-paper:var(--dark-bg);--profile-ink:var(--dark-text);--profile-line:var(--dark-line); }
  .settings-profile h1,
  .settings-section h2,
  .settings-link strong,
  .settings-inline-panel h2,
  .settings-inline-form label > span,
  .settings-plan-simple__main strong,
  .settings-security-row strong,
  .settings-account-email strong,
  .settings-account-email b { color:var(--dark-text) !important; }
  .settings-profile > p,
  .settings-section > p,
  .settings-link small,
  .settings-inline-panel p,
  .settings-plan-simple__main > span,
  .settings-plan-simple__main > p,
  .settings-security-row small,
  .settings-account-email small { color:var(--dark-muted) !important; }
  .account-settings-page .settings-tabs,
  .settings-link,
  .settings-security-row,
  .settings-account-email,
  .settings-plan-simple__footer,
  .settings-profile-plan { border-color:var(--dark-line) !important; }
  .account-settings-page .settings-workspace,
  .account-settings-page .settings-plan-section,
  .settings-list,
  .settings-inline-panel,
  .account-settings-group {
    background:transparent !important;
    border-color:var(--dark-line-strong) !important;
    box-shadow:none !important;
  }
  .settings-security-row > a,
  .settings-security-row > button,
  .settings-plan-simple__main em,
  .settings-signout { background:var(--dark-surface-soft) !important;border-color:var(--dark-line) !important;color:var(--dark-text) !important; }
  .settings-danger-block { background:rgba(123,35,45,.12) !important;border-color:rgba(255,140,150,.28) !important; }

  /* Project, guides and content pages */
  .project-hero,
  .section-shell,
  .project-main,
  .project-content,
  .contact-main,
  .request-main,
  .how-page,
  .how-copy,
  .policy-main,
  .policy-hero,
  .policy-content,
  .help-nav,
  .help-main,
  .help-layout,
  .help-hero,
  .purchase-nav,
  .purchase-main,
  .guide-main,
  .guide-hero,
  .guide-content { background:transparent !important; }
  .project-hero h1,
  .project-page h2,
  .project-page h3,
  .library-project-page h1,
  .library-project-page h2,
  .library-project-page h3,
  .contact-main h1,
  .contact-main h2,
  .request-main h1,
  .request-main h2,
  .how-page h1,
  .how-page h2,
  .how-page h3,
  .policy-hero h1,
  .help-page h1,
  .help-page h2,
  .help-page h3,
  .guide-hero h1,
  .guide-section > h2,
  .guide-section > h3 { color:var(--dark-text) !important; }
  .project-hero p,
  .project-page p,
  .project-page li,
  .library-project-page p,
  .library-project-page li,
  .contact-main p,
  .request-main p,
  .contact-identity,
  .request-form__identity,
  .how-page p,
  .how-page li,
  .policy-content p,
  .policy-content li,
  .policy-content address,
  .policy-content time,
  .help-page p,
  .help-page li,
  .help-aside,
  .guide-hero p,
  .guide-section > p { color:var(--dark-muted) !important; }
  .policy-hero,
  .help-nav,
  .purchase-nav { border-color:var(--dark-line) !important; }
  .policy-content h2,
  .policy-content h3 { color:#deded9 !important; }
  .policy-content a { color:var(--dark-text) !important;text-decoration-color:#666 !important; }

  .browser-frame,
  .purchase-card,
  .included,
  .requirements,
  .compatibility,
  .faq-item,
  .project-sidebar,
  .project-content__panel,
  .workspace-card,
  .tools-grid article,
  .project-reference,
  .course-help,
  .prompt-tool-selector,
  .contact-form,
  .contact-page main form,
  .request-form,
  .how-step,
  .how-card,
  .support-card,
  .help-card,
  .help-aside > div,
  .purchase-state,
  .order-summary,
  .email-confirmation,
  .project-activity,
  .build-proof,
  .guide-end {
    background:transparent !important;
    border-color:var(--dark-line) !important;
    color:var(--dark-text) !important;
    box-shadow:none !important;
  }
  .browser-frame__bar,
  .course-objective,
  .course-checkpoint,
  .field small,
  .state-visual,
  .state-email { background:var(--dark-surface-raised) !important;border-color:var(--dark-line) !important;color:var(--dark-muted) !important;box-shadow:none !important; }
  .purchase-card__action,
  .project-hero__cta,
  .final-cta a { background:var(--dark-text) !important;color:#111 !important;box-shadow:none !important; }
  .portal-nav,
  .workspace-footer,
  .site-footer { background:#131313 !important;border-color:var(--dark-line) !important;color:var(--dark-muted) !important; }
  .site-footer a { color:var(--dark-muted) !important; }
  .site-footer strong,
  .site-footer__brand { color:var(--dark-text) !important; }
  .guide-nav,
  .guide-sidebar,
  .prompt-dock { background:var(--dark-surface) !important;border-color:var(--dark-line) !important;color:var(--dark-text) !important;box-shadow:none !important; }
  .guide-nav a,
  .guide-sidebar a,
  .prompt-dock p { color:var(--dark-muted) !important; }
  .prompt-dock pre { background:var(--dark-surface-soft) !important;color:#cecec9 !important;border-color:var(--dark-line-strong) !important; }
  .guide-tool-tabs button { color:var(--dark-muted) !important; }
  .guide-tool-tabs button[aria-selected="true"] { background:var(--dark-surface-soft) !important;color:var(--dark-text) !important;box-shadow:none !important; }
  .purchase-state h1,
  .purchase-state h2,
  .order-summary strong,
  .email-confirmation label { color:var(--dark-text) !important; }
  .purchase-state p,
  .order-summary span,
  .email-confirmation p,
  .purchase-note { color:var(--dark-muted) !important; }

  .prmpt-page .page-shell { background:var(--dark-bg) !important;color:var(--dark-text) !important; }
  .prmpt-page .noise { mix-blend-mode:screen !important;opacity:.018 !important; }
  .prmpt-page .menu-button span,
  .prmpt-page .edition-mark i { background:var(--dark-text) !important; }
  .prmpt-page .edition-mark,
  .prmpt-page .view-button { border-color:var(--dark-line-strong) !important; }
  .prmpt-page .view-button { background:var(--dark-text) !important;color:#111 !important; }

  :where(a,button,input,textarea,select):focus-visible { outline-color:rgba(255,255,255,.48) !important; }
}

/* Pricing preview modal — graphite dark treatment with explicit contrast.
   Kept outside the breakpoint blocks so desktop and mobile share one modal. */
.pricing-preview-modal {
  color:var(--dark-text) !important;
  background:transparent !important;
}
.pricing-preview-modal::backdrop {
  background:rgba(7,7,9,.76) !important;
  -webkit-backdrop-filter:blur(18px) saturate(.72) !important;
  backdrop-filter:blur(18px) saturate(.72) !important;
}
.pricing-preview-modal__surface,
.pricing-preview-modal__surface:has(.pricing-preview-modal__content) {
  border:1px solid rgba(255,255,255,.12) !important;
  background:
    radial-gradient(ellipse 70% 36% at 82% 0%,rgba(82,72,164,.1),transparent 72%),
    linear-gradient(180deg,#222 0%,#1a1a1a 100%) !important;
  color:var(--dark-text) !important;
  box-shadow:0 34px 90px -34px rgba(0,0,0,.88),inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.pricing-preview-modal__header button {
  width:40px !important;
  height:40px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.055) !important;
  color:#d7d7d3 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  backdrop-filter:blur(12px) !important;
}
.pricing-preview-modal__header button:hover { background:rgba(255,255,255,.09) !important; }
.pricing-preview-modal__header button:active { background:rgba(255,255,255,.12) !important;box-shadow:none !important; }
.pricing-preview-modal__header button:focus-visible { outline:none !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055) !important; }
.pricing-preview-modal .pricing-title__member-count,
.pricing-preview-modal .pricing-title__member-count strong,
.pricing-preview-modal .pricing-title__member-count span { color:var(--dark-muted) !important; }
.pricing-preview-modal .pricing-title__member-count::before {
  background:#83aeca !important;
  box-shadow:0 0 0 3px rgba(131,174,202,.12) !important;
}
.pricing-preview-modal .pricing-title h1 { color:#fff !important; }
.pricing-preview-modal .pricing-title > p { color:#bebeba !important; }
.pricing-preview-modal .offer-simple.launch-offer--page {
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.pricing-preview-modal .offer-simple__price,
.pricing-preview-modal .offer-simple.launch-offer--page .offer-simple__price {
  background:transparent !important;
  border:0 !important;
}
.pricing-preview-modal .offer-simple__price-comparison s,
.pricing-preview-modal .offer-simple__price-comparison.is-price-ready s,
.pricing-preview-modal .offer-simple__price-comparison.is-price-ready.is-price-revealed s { color:#898985 !important; }
.pricing-preview-modal .offer-simple__price-comparison strong,
.pricing-preview-modal .offer-simple__price-comparison.is-price-ready strong,
.pricing-preview-modal .offer-simple__price-comparison.is-price-ready.is-price-revealed strong { color:#fff !important; }
.pricing-preview-modal .offer-simple__price-comparison s::after { background:#a0a09b !important; }
.pricing-preview-modal .offer-simple.launch-offer--page .offer-simple__tier-track {
  padding:0 !important;
  background:transparent !important;
  color:var(--dark-subtle) !important;
}
.pricing-preview-modal .offer-simple__tier-track [data-offer-stage],
.pricing-preview-modal .offer-simple__future-tiers > i { color:#7f7f7b !important; }
.pricing-preview-modal .offer-simple__tier-track [data-offer-stage].is-current {
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#ededE9 !important;
  box-shadow:none !important;
}
.pricing-preview-modal .offer-simple__features {
  background:transparent !important;
  border-color:rgba(255,255,255,.09) !important;
  box-shadow:none !important;
}
.pricing-preview-modal .offer-simple__features > summary { color:#aaa9a5 !important; }
.pricing-preview-modal .offer-simple__features li { color:#d7d7d2 !important; }
.pricing-preview-modal .offer-simple__features li::before,
.pricing-preview-modal .offer-simple__features li::after { border-color:#a6a6a1 !important; }
.pricing-preview-modal .launch-offer__action {
  box-sizing:border-box !important;
  border:1px solid #f3f3ef !important;
  background:#f3f3ef !important;
  color:#111 !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
.pricing-preview-modal .launch-offer__action::before { display:none !important; }
.pricing-preview-modal .launch-offer__action b { color:#111 !important; }
.pricing-preview-modal .launch-offer__action:hover { background:#deded9 !important;border-color:#deded9 !important;filter:none !important;transform:none !important; }
.pricing-preview-modal .launch-offer__assurance { color:#777773 !important; }
.pricing-preview-modal__content .pricing-links { border-color:rgba(255,255,255,.08) !important; }
.pricing-preview-modal__content .pricing-links a { color:#9a9a96 !important; }
.pricing-preview-modal__content .pricing-links a:hover { color:#f3f3ef !important; }

@media (max-width: 680px) {
  .pricing-preview-modal { width:calc(100% - 20px) !important; }
  .pricing-preview-modal__surface:has(.pricing-preview-modal__content) {
    padding:20px 16px calc(16px + env(safe-area-inset-bottom)) !important;
    border-radius:10px !important;
  }
  .pricing-preview-modal__header button { margin:6px 4px 0 0 !important; }
  .pricing-preview-modal__content .pricing-title { margin:12px auto 22px !important; }
  .pricing-preview-modal .pricing-title > .pricing-title__member-count { margin-bottom:16px !important; }
  .pricing-preview-modal .pricing-title h1 { font-size:36px !important; }
  .pricing-preview-modal .pricing-title > p { margin-top:13px !important;font-size:26px !important; }
  .pricing-preview-modal .offer-simple.launch-offer--page {
    padding:8px 26px 10px !important;
    gap:18px !important;
  }
  .pricing-preview-modal .offer-simple.launch-offer--page .offer-simple__price {
    min-height:116px !important;
    padding:0 !important;
    gap:17px !important;
  }
  .pricing-preview-modal .offer-simple__price-comparison s,
  .pricing-preview-modal .offer-simple__price-comparison strong { font-size:62px !important; }
  .pricing-preview-modal .offer-simple.launch-offer--page .offer-simple__tier-track { gap:7px !important;font-size:11px !important; }
  .pricing-preview-modal .offer-simple__features > summary { min-height:38px !important; }
  .pricing-preview-modal .offer-simple.launch-offer--page .launch-offer__action {
    min-height:58px !important;
    padding-inline:20px 18px !important;
    border-radius:9px !important;
  }
  .pricing-preview-modal__content .pricing-links { margin-top:10px !important; }
}

/* High-contrast dark format switch. The light thumb is the sole active state;
   its travel stays direct and controlled, without spring or rebound. */
body.auth-guest .gallery .gallery-toggle,
.home-page .gallery .gallery-toggle {
  width:232px !important;
  max-width:calc(100% - 62px) !important;
  min-height:50px !important;
  padding:4px !important;
  gap:4px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:9px !important;
  background:#0d0d0e !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 28px -22px rgba(0,0,0,.92) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
body.auth-guest .gallery .gallery-toggle::before,
.home-page .gallery .gallery-toggle::before {
  top:4px !important;
  bottom:4px !important;
  left:4px !important;
  width:calc((100% - 12px) / 2) !important;
  border:1px solid rgba(255,255,255,.72) !important;
  border-radius:6px !important;
  background:linear-gradient(180deg,#fff 0%,#e8e8e4 100%) !important;
  box-shadow:0 7px 16px -10px rgba(0,0,0,.9),inset 0 1px 0 #fff !important;
  transform:translateX(0) !important;
  transition:transform 260ms cubic-bezier(.4,0,.2,1),background-color 180ms ease,box-shadow 180ms ease !important;
  will-change:transform !important;
}
body.auth-guest .gallery .gallery-toggle[data-active-format="app"]::before,
.home-page .gallery .gallery-toggle[data-active-format="app"]::before {
  transform:translateX(calc(100% + 4px)) !important;
}
body.auth-guest .gallery .gallery-toggle button,
.home-page .gallery .gallery-toggle button {
  min-height:40px !important;
  padding:0 10px !important;
  gap:7px !important;
  border:0 !important;
  border-radius:6px !important;
  background:transparent !important;
  color:#a9aaa8 !important;
  font:620 12.5px/1 var(--sans) !important;
  letter-spacing:-.015em !important;
  box-shadow:none !important;
  transition:color 190ms ease,opacity 190ms ease,transform 150ms ease !important;
}
body.auth-guest .gallery .gallery-toggle button:hover:not([aria-pressed="true"]),
.home-page .gallery .gallery-toggle button:hover:not([aria-pressed="true"]) {
  background:transparent !important;
  color:#f0f0ec !important;
}
body.auth-guest .gallery .gallery-toggle button[aria-pressed="true"],
.home-page .gallery .gallery-toggle button[aria-pressed="true"] {
  background:transparent !important;
  color:#111214 !important;
  font-weight:700 !important;
}
body.auth-guest .gallery .gallery-toggle button svg,
.home-page .gallery .gallery-toggle button svg {
  width:17px !important;
  height:17px !important;
  display:block !important;
  flex:none !important;
  color:inherit !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.75 !important;
}
body.auth-guest .gallery .gallery-toggle__count,
.home-page .gallery .gallery-toggle__count { display:none !important; }
body.auth-guest .gallery .gallery-toggle button:active,
.home-page .gallery .gallery-toggle button:active { transform:none !important; }
body.auth-guest .gallery .gallery-toggle button:focus-visible,
.home-page .gallery .gallery-toggle button:focus-visible {
  outline:2px solid rgba(255,255,255,.62) !important;
  outline-offset:-3px !important;
}

@media (prefers-reduced-motion: reduce) {
  body.auth-guest .gallery .gallery-toggle::before,
  .home-page .gallery .gallery-toggle::before { transition:none !important; }
}

/* Member library uses a separate control from the public home toggle. */
.collection-page .collection-format-toggle {
  width:232px !important;
  max-width:calc(100% - 62px) !important;
  min-height:50px !important;
  padding:4px !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:4px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:9px !important;
  background:#0d0d0e !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 28px -22px rgba(0,0,0,.92) !important;
}
.collection-page .collection-format-toggle::before {
  top:4px !important;
  bottom:4px !important;
  left:4px !important;
  width:calc((100% - 12px) / 2) !important;
  border:1px solid rgba(255,255,255,.72) !important;
  border-radius:6px !important;
  background:linear-gradient(180deg,#fff 0%,#e8e8e4 100%) !important;
  box-shadow:0 7px 16px -10px rgba(0,0,0,.9),inset 0 1px 0 #fff !important;
  transform:translateX(0) !important;
  transition:transform 260ms cubic-bezier(.4,0,.2,1),background-color 180ms ease,box-shadow 180ms ease !important;
  will-change:transform !important;
}
.collection-page .collection-format-toggle[data-active-format="app"]::before {
  transform:translateX(calc(100% + 4px)) !important;
}
.collection-page .collection-format-toggle button {
  position:relative !important;
  z-index:1 !important;
  min-height:40px !important;
  padding:0 10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  border:0 !important;
  border-radius:6px !important;
  background:transparent !important;
  color:#a9aaa8 !important;
  font:620 12.5px/1 var(--sans) !important;
  letter-spacing:-.015em !important;
  box-shadow:none !important;
  transition:color 190ms ease,opacity 190ms ease,transform 150ms ease !important;
}
.collection-page .collection-format-toggle button:hover:not([aria-pressed="true"]) {
  background:transparent !important;
  color:#f0f0ec !important;
}
.collection-page .collection-format-toggle button[aria-pressed="true"] {
  background:transparent !important;
  color:#111214 !important;
  font-weight:700 !important;
}
.collection-page .collection-format-toggle button svg {
  width:17px !important;
  height:17px !important;
  display:block !important;
  flex:none !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.75 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.collection-page .collection-format-toggle button:active { transform:none !important; }
.collection-page .collection-format-toggle button:focus-visible {
  outline:2px solid rgba(255,255,255,.62) !important;
  outline-offset:-3px !important;
}

@media (prefers-reduced-motion: reduce) {
  .collection-page .collection-format-toggle::before { transition:none !important; }
  .collection-page .collection-format-toggle button[aria-pressed="true"] { animation:none !important; }
}

/* Safari keeps its native pull-to-refresh. A real gradient extension lives
   above y=0 and moves into view during rubber-band, hiding the root canvas. */
@media (max-width: 900px) {
  html,
  body { overscroll-behavior-y:auto; }
  body {
    position:relative;
    overflow-x:clip;
    overflow-y:visible;
  }
  html {
    background-color:#121212;
    background-image:
      radial-gradient(ellipse 72% 105% at 0% 0%,rgba(178,88,43,.24) 0%,rgba(178,88,43,0) 72%),
      radial-gradient(ellipse 78% 110% at 100% 0%,rgba(82,72,164,.27) 0%,rgba(82,72,164,0) 74%),
      radial-gradient(ellipse 55% 75% at 52% 0%,rgba(132,71,126,.1) 0%,rgba(132,71,126,0) 76%),
      linear-gradient(180deg,#191819 0%,#121212 100%);
    background-position:0 0;
    background-size:100% 330px;
    background-repeat:no-repeat;
  }
  .overscroll-top-fill {
    position:absolute;
    z-index:0;
    top:-520px;
    right:0;
    left:0;
    height:521px;
    pointer-events:none;
    background:
      radial-gradient(ellipse 82% 150% at 0% 100%,rgba(178,88,43,.27) 0%,rgba(178,88,43,0) 72%),
      radial-gradient(ellipse 88% 155% at 100% 100%,rgba(82,72,164,.3) 0%,rgba(82,72,164,0) 74%),
      radial-gradient(ellipse 58% 100% at 52% 100%,rgba(132,71,126,.11) 0%,rgba(132,71,126,0) 76%),
      linear-gradient(180deg,#191819 0%,#191819 100%);
  }
}

/* Shared phone gutter. Connected and public pages now keep at least 22px of
   breathing room without shrinking sections that already use wider spacing. */
@media (max-width: 680px) {
  :root { --mobile-page-gutter:22px; }

  .home-page .gallery {
    padding-right:var(--mobile-page-gutter) !important;
    padding-left:var(--mobile-page-gutter) !important;
  }

  .pricing-page .pricing-main {
    width:calc(100vw - 44px) !important;
  }

  .collection-page .collection-toolbar,
  .collection-page .collection-gallery,
  .collection-page .collection-loading,
  .collection-page .collection-skeleton {
    width:calc(100% - 44px) !important;
  }

  .access-page .account-main {
    padding-right:24px !important;
    padding-left:24px !important;
  }
  .account-settings-page .settings-main {
    padding-right:var(--mobile-page-gutter) !important;
    padding-left:var(--mobile-page-gutter) !important;
  }

  .contact-page > main,
  .request-page .request-main {
    width:min(calc(100% - 44px),520px) !important;
  }
  .how-use-page .how-page {
    width:min(calc(100% - 44px),1080px) !important;
  }
  .legal-page .policy-main {
    width:min(calc(100% - 44px),1040px) !important;
  }
  .help-page > main {
    width:min(calc(100% - 44px),1120px) !important;
  }

  .purchase-flow-page .purchase-main,
  .portal-main {
    padding-right:var(--mobile-page-gutter) !important;
    padding-left:var(--mobile-page-gutter) !important;
  }

  .library-project-page .project-layout {
    width:min(calc(100% - 44px),820px) !important;
  }

  .project-page .project-hero,
  .project-page .showcase,
  .project-page .section-shell,
  .project-page .final-cta {
    padding-right:var(--mobile-page-gutter) !important;
    padding-left:var(--mobile-page-gutter) !important;
  }

  .prmpt-page .page-shell {
    padding-right:var(--mobile-page-gutter) !important;
    padding-left:var(--mobile-page-gutter) !important;
  }

  .lithos-page { --guide-gutter:22px !important; }
}

/* Editorial project tiles — the card itself is the interaction. */
.home-page .gallery .gallery__grid,
.collection-page .collection-gallery .gallery__grid {
  gap:28px !important;
}
.home-page .gallery { box-sizing:border-box !important; }

@media (min-width:901px) {
  .home-page .gallery .gallery__grid,
  .collection-page .collection-gallery .gallery__grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Desktop card access tags — generated from the shared data-price attribute. */
@media (min-width:901px) {
  .home-page .gallery .showcase-card[data-price]::before,
  .collection-page .collection-gallery .showcase-card[data-price]::before {
    position:absolute !important;
    z-index:70 !important;
    top:20px !important;
    right:auto !important;
    left:20px !important;
    min-height:34px !important;
    padding:0 13px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(255,255,255,.3) !important;
    border-radius:11px !important;
    color:#151515 !important;
    font:700 12px/1 "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif !important;
    letter-spacing:-.01em !important;
    text-transform:none !important;
    pointer-events:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
  .home-page .gallery .showcase-card[data-price="paid"]::before,
  .collection-page .collection-gallery .showcase-card[data-price="paid"]::before {
    content:"Premium" !important;
    border-color:#f4d77f !important;
    background:#e9b949 !important;
    color:#211805 !important;
    box-shadow:0 9px 24px -10px rgba(233,185,73,.78),inset 0 1px 0 rgba(255,255,255,.32) !important;
  }
  .home-page .gallery .showcase-card[data-price="free"]::before,
  .collection-page .collection-gallery .showcase-card[data-price="free"]::before {
    content:"Free" !important;
    border-color:#8cf0b5 !important;
    background:#55d98b !important;
    color:#092416 !important;
    box-shadow:0 9px 24px -10px rgba(85,217,139,.72),inset 0 1px 0 rgba(255,255,255,.3) !important;
  }
}

.home-page .gallery .showcase-card,
.collection-page .collection-gallery .showcase-card {
  --tile-top:#35282a;
  --tile-bottom:#1d191a;
  --tile-glow:rgba(203,82,83,.2);
  position:relative !important;
  display:block !important;
  min-width:0 !important;
  padding:14px 14px 0 !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:32px !important;
  background:
    radial-gradient(105% 80% at 28% 0%,var(--tile-glow),transparent 62%),
    linear-gradient(180deg,var(--tile-top),var(--tile-bottom)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075) !important;
  cursor:pointer !important;
  isolation:isolate;
  transition:background-color .22s ease,border-color .22s ease,filter .22s ease !important;
  transform:none !important;
}

.home-page .gallery .showcase-card[data-kind="real-estate"],
.collection-page .collection-gallery .showcase-card[data-style~="luxury"] {
  --tile-top:#473126;
  --tile-bottom:#241d19;
  --tile-glow:rgba(224,143,81,.19);
}
.home-page .gallery .showcase-card[data-kind="interface"],
.collection-page .collection-gallery .showcase-card[data-style~="interface"] {
  --tile-top:#282a4a;
  --tile-bottom:#1a1a28;
  --tile-glow:rgba(120,114,255,.2);
}
.home-page .gallery .showcase-card[data-kind="fintech"],
.collection-page .collection-gallery .showcase-card[data-style~="motion"] {
  --tile-top:#21364a;
  --tile-bottom:#171f28;
  --tile-glow:rgba(67,155,235,.2);
}
.home-page .gallery .showcase-card[data-kind="research"],
.collection-page .collection-gallery .showcase-card[data-style~="minimal"] {
  --tile-top:#30353a;
  --tile-bottom:#1a1d20;
  --tile-glow:rgba(167,193,217,.13);
}
.home-page .gallery .showcase-card[data-price="free"],
.collection-page .collection-gallery .showcase-card[data-price="free"] {
  --tile-top:#39342a;
  --tile-bottom:#211e19;
  --tile-glow:rgba(212,179,105,.19);
}

.home-page .gallery .showcase-card:hover,
.collection-page .collection-gallery .showcase-card:hover {
  border-color:rgba(255,255,255,.2) !important;
  filter:brightness(1.09) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1) !important;
  transform:none !important;
}
.home-page .gallery .showcase-card:focus-visible,
.collection-page .collection-gallery .showcase-card:focus-visible {
  outline:2px solid #fff !important;
  outline-offset:4px !important;
}

.home-page .gallery .showcase-card__preview,
.collection-page .collection-gallery .showcase-card__preview,
.home-page .gallery .showcase-card--lithos .showcase-card__preview,
.collection-page .collection-gallery .showcase-card--lithos .showcase-card__preview {
  position:relative !important;
  width:100% !important;
  aspect-ratio:1.31/1 !important;
  margin:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:22px !important;
  clip-path:inset(0 round 22px) !important;
  background:#101010 !important;
  box-shadow:0 14px 30px -25px rgba(0,0,0,.9) !important;
}
.home-page .gallery .showcase-card__preview > img,
.home-page .gallery .showcase-card__preview > video,
.collection-page .collection-gallery .showcase-card__preview > img,
.collection-page .collection-gallery .showcase-card__preview > video,
.home-page .gallery .showcase-card:hover .showcase-card__preview > img,
.home-page .gallery .showcase-card:hover .showcase-card__preview > video,
.collection-page .collection-gallery .showcase-card:hover .showcase-card__preview > img,
.collection-page .collection-gallery .showcase-card:hover .showcase-card__preview > video {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transform:none !important;
  scale:1 !important;
  transition:none !important;
}

.home-page .gallery .showcase-card__meta,
.collection-page .collection-gallery .showcase-card__meta,
.home-page .gallery .showcase-card--lithos .showcase-card__meta,
.collection-page .collection-gallery .showcase-card--lithos .showcase-card__meta {
  position:relative !important;
  display:block !important;
  width:100% !important;
  min-height:116px !important;
  margin:0 !important;
  padding:21px 72px 21px 5px !important;
  overflow:visible !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.home-page .gallery .showcase-card__meta::after,
.collection-page .collection-gallery .showcase-card__meta::after {
  content:"";
  position:absolute;
  right:2px;
  bottom:20px;
  width:50px;
  height:50px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:15px;
  background-color:rgba(12,12,13,.64);
  background-image:url('/assets/brands/award-vibe-symbol-v1.png');
  background-position:center;
  background-repeat:no-repeat;
  background-size:40px auto;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.home-page .gallery .showcase-card__heading,
.collection-page .collection-gallery .showcase-card__heading {
  display:block !important;
  min-width:0 !important;
}
.home-page .gallery .showcase-card__meta h3,
.collection-page .collection-gallery .showcase-card__meta h3,
.home-page .gallery .showcase-card--lithos .showcase-card__meta h3,
.collection-page .collection-gallery .showcase-card--lithos .showcase-card__meta h3 {
  margin:0 0 4px !important;
  color:#fff !important;
  font-size:clamp(22px,1.8vw,29px) !important;
  font-weight:650 !important;
  line-height:1.04 !important;
  letter-spacing:-.035em !important;
}
.home-page .gallery .showcase-card__meta p,
.collection-page .collection-gallery .showcase-card__meta p,
.home-page .gallery .showcase-card--lithos .showcase-card__meta p,
.collection-page .collection-gallery .showcase-card--lithos .showcase-card__meta p {
  display:block !important;
  margin:0 !important;
  overflow:hidden !important;
  color:rgba(255,255,255,.6) !important;
  font-size:17px !important;
  font-weight:430 !important;
  line-height:1.25 !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.home-page .gallery .card-status,
.home-page .gallery .card-specs,
.home-page .gallery .card-bottom,
.home-page .gallery .card-action,
.collection-page .collection-gallery .card-status,
.collection-page .collection-gallery .card-specs,
.collection-page .collection-gallery .card-bottom,
.collection-page .collection-gallery .card-action {
  display:none !important;
}
.home-page .gallery .collection-card-index,
.collection-page .collection-gallery .collection-card-index {
  left:13px !important;
  right:auto !important;
  bottom:12px !important;
  padding:6px 9px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:8px !important;
  color:rgba(255,255,255,.78) !important;
  background:rgba(10,10,10,.64) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
}
.home-page .gallery .card-likes,
.collection-page .collection-gallery .card-likes {
  top:12px !important;
  right:12px !important;
  min-width:50px !important;
  height:42px !important;
  border:1px solid rgba(255,255,255,.2) !important;
  border-radius:13px !important;
  color:#fff !important;
  background:rgba(13,13,14,.66) !important;
  box-shadow:none !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

@media (max-width:680px) {
  .home-page .gallery .gallery__grid,
  .collection-page .collection-gallery .gallery__grid { gap:20px !important; }
  .home-page .gallery .gallery__grid { width:100% !important;min-width:0 !important; }
  .home-page .gallery .showcase-card,
  .collection-page .collection-gallery .showcase-card {
    padding:10px 10px 0 !important;
    border-radius:25px !important;
  }
  .home-page .gallery .showcase-card__preview,
  .collection-page .collection-gallery .showcase-card__preview,
  .home-page .gallery .showcase-card--lithos .showcase-card__preview,
  .collection-page .collection-gallery .showcase-card--lithos .showcase-card__preview {
    aspect-ratio:1.19/1 !important;
    border-radius:18px !important;
    clip-path:inset(0 round 18px) !important;
  }
  .home-page .gallery .showcase-card__meta,
  .collection-page .collection-gallery .showcase-card__meta,
  .home-page .gallery .showcase-card--lithos .showcase-card__meta,
  .collection-page .collection-gallery .showcase-card--lithos .showcase-card__meta {
    min-height:98px !important;
    padding:17px 62px 17px 4px !important;
  }
  .home-page .gallery .showcase-card__meta h3,
  .collection-page .collection-gallery .showcase-card__meta h3,
  .home-page .gallery .showcase-card--lithos .showcase-card__meta h3,
  .collection-page .collection-gallery .showcase-card--lithos .showcase-card__meta h3 {
    font-size:21px !important;
  }
  .home-page .gallery .showcase-card__meta p,
  .collection-page .collection-gallery .showcase-card__meta p { font-size:15px !important; }
  .home-page .gallery .showcase-card__meta::after,
  .collection-page .collection-gallery .showcase-card__meta::after {
    right:1px;
    bottom:17px;
    width:46px;
    height:46px;
    border-radius:13px;
    background-size:26px auto;
  }
}

/* Gallery filter control — compact sliders trigger with a two-level dark panel. */
.home-page .gallery .gallery-sort {
  width:max-content !important;
  overflow:visible !important;
}
.home-page .gallery .gallery-sort > summary {
  width:50px !important;
  max-width:50px !important;
  height:50px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:50% !important;
  background:#202022 !important;
  color:#aaa9ad !important;
  box-shadow:0 12px 30px -24px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.055),inset 0 -1px 0 rgba(0,0,0,.35) !important;
}
.home-page .gallery .gallery-sort > summary:hover,
.home-page .gallery .gallery-sort[open] > summary {
  border-color:rgba(255,255,255,.14) !important;
  background:#272729 !important;
  color:#e7e7e5 !important;
}
.home-page .gallery .gallery-sort > summary .gallery-filter-icon {
  width:25px !important;
  height:25px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  transform:none !important;
}
.home-page .gallery .gallery-sort[open] > summary .gallery-filter-icon { transform:none !important; }

.home-page .gallery .gallery-sort__menu.gallery-filter-panel {
  top:calc(100% + 10px) !important;
  right:0 !important;
  width:min(292px,calc(100vw - 44px)) !important;
  padding:7px !important;
  display:grid !important;
  gap:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.095) !important;
  border-radius:18px !important;
  background:linear-gradient(145deg,#222224 0%,#1d1d1f 100%) !important;
  box-shadow:0 28px 64px -30px rgba(0,0,0,.96),inset 0 1px 0 rgba(255,255,255,.045) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  transform-origin:top right !important;
}
.home-page .gallery .gallery-filter-group + .gallery-filter-group {
  border-top:1px solid rgba(255,255,255,.065);
}
.home-page .gallery .gallery-sort__menu .gallery-filter-row {
  width:100% !important;
  min-height:62px !important;
  padding:0 15px !important;
  display:grid !important;
  grid-template-columns:1fr auto 20px !important;
  align-items:center !important;
  gap:12px !important;
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  color:#ececea !important;
  font:670 18px/1 var(--sans) !important;
  letter-spacing:-.025em !important;
  text-align:left !important;
}
.home-page .gallery .gallery-sort__menu .gallery-filter-row:hover {
  background:rgba(255,255,255,.045) !important;
}
.home-page .gallery .gallery-filter-row b {
  color:#9c9c9f;
  font:600 17px/1 var(--sans);
  letter-spacing:-.02em;
}
.home-page .gallery .gallery-filter-row svg {
  width:20px !important;
  height:20px !important;
  fill:none !important;
  stroke:#86868a !important;
  stroke-width:2.2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  transition:transform .22s cubic-bezier(.22,1,.36,1) !important;
}
.home-page .gallery .gallery-filter-group.is-expanded .gallery-filter-row svg {
  transform:rotate(90deg) !important;
}
.home-page .gallery .gallery-filter-options {
  max-height:0;
  padding:0 8px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
  overflow:hidden;
  opacity:0;
  transition:max-height .3s cubic-bezier(.22,1,.36,1),padding .3s cubic-bezier(.22,1,.36,1),opacity .18s ease;
}
.home-page .gallery .gallery-filter-group.is-expanded .gallery-filter-options {
  max-height:52px;
  padding:0 8px 10px;
  opacity:1;
}
.home-page .gallery .gallery-sort__menu .gallery-filter-options button {
  min-width:0 !important;
  min-height:34px !important;
  padding:0 6px !important;
  display:flex !important;
  justify-content:center !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:9px !important;
  background:#29292c !important;
  color:#99999d !important;
  font:630 11.5px/1 var(--sans) !important;
  text-align:center !important;
}
.home-page .gallery .gallery-sort__menu .gallery-filter-options button:hover {
  border-color:rgba(255,255,255,.12) !important;
  color:#e5e5e3 !important;
}
.home-page .gallery .gallery-sort__menu .gallery-filter-options button[aria-pressed="true"] {
  border-color:rgba(129,123,250,.38) !important;
  background:rgba(129,123,250,.13) !important;
  color:#64bdff !important;
}

@media (max-width:680px) {
  .home-page .gallery .gallery-sort > summary {
    width:48px !important;
    max-width:48px !important;
    height:48px !important;
  }
  .home-page .gallery .gallery-sort > summary .gallery-filter-icon {
    width:24px !important;
    height:24px !important;
  }
  .home-page .gallery .gallery-sort__menu.gallery-filter-panel {
    top:calc(100% + 9px) !important;
    width:min(280px,calc(100vw - 44px)) !important;
    border-radius:17px !important;
  }
  .home-page .gallery .gallery-sort__menu .gallery-filter-row {
    min-height:58px !important;
    padding-inline:14px !important;
    font-size:17px !important;
  }
  .home-page .gallery .gallery-filter-row b { font-size:16px; }
}

@media (prefers-reduced-motion:reduce) {
  .home-page .gallery .gallery-filter-options,
  .home-page .gallery .gallery-filter-row svg { transition:none !important; }
}

/* Filtering must outrank the editorial card display override. */
.home-page .gallery .showcase-card.is-filtered-out,
.collection-page .collection-gallery .showcase-card.is-filtered-out {
  display:none !important;
}

.home-page .gallery .gallery-sort[data-project-sort] > summary,
.collection-page .collection-sort > summary {
  border-radius:9px !important;
}

.home-page .gallery .gallery-filter-group[data-project-filter-group="style"] .gallery-filter-options,
.home-page .gallery .gallery-filter-group[data-project-filter-group="category"] .gallery-filter-options {
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

.home-page .gallery .gallery-filter-group[data-project-filter-group="style"] .gallery-filter-options button,
.home-page .gallery .gallery-filter-group[data-project-filter-group="category"] .gallery-filter-options button {
  padding-inline:3px !important;
  font-size:10px !important;
}

/* Sort controls use the same squared geometry as the rest of the UI. */
.home-page .gallery .gallery-sort[data-project-sort] > summary,
.collection-page .collection-sort > summary {
  border-radius:9px !important;
}

/* Shared surface for the format toggle and sort trigger. */
body.auth-guest .gallery .gallery-toggle,
.home-page .gallery .gallery-toggle,
.collection-page .collection-format-toggle {
  border-color:rgba(255,255,255,.18) !important;
  background:#202023 !important;
}
.home-page .gallery .gallery-sort > summary,
.collection-page .collection-sort > summary {
  border-color:rgba(255,255,255,.18) !important;
  background:#202023 !important;
  color:#e9e9e5 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055) !important;
}
.home-page .gallery .gallery-sort > summary:hover,
.home-page .gallery .gallery-sort[open] > summary,
.collection-page .collection-sort > summary:hover,
.collection-page .collection-sort[open] > summary {
  border-color:rgba(255,255,255,.26) !important;
  background:#29292d !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075) !important;
}

/* Account settings — complete dark adaptation for the hub and detail pages. */
.account-settings-page {
  --settings-bg:#121212 !important;
  --settings-card:#202023 !important;
  --settings-card-material:linear-gradient(145deg,#222225 0%,#1d1d20 100%) !important;
  --settings-line:rgba(255,255,255,.1) !important;
  --settings-card-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 40px -36px rgba(0,0,0,.9) !important;
  --profile-paper:#121212 !important;
  --profile-ink:#f5f5f2 !important;
  --profile-line:rgba(255,255,255,.1) !important;
  background:#121212 !important;
  color:#f5f5f2 !important;
  color-scheme:dark;
}
.account-settings-page .settings-main { color:#f5f5f2 !important; }
.account-settings-page .settings-profile h1,
.account-settings-page .settings-detail__header h1,
.account-settings-page .settings-section > h2,
.account-settings-page .settings-link,
.account-settings-page .settings-link strong,
.account-settings-page .settings-form label > span,
.account-settings-page .settings-security-row strong,
.account-settings-page .settings-account-email strong,
.account-settings-page .settings-account-email b,
.account-settings-page .settings-plan-simple__main strong,
.account-settings-page .settings-email-card > strong,
.account-settings-page .settings-purchase-row__main strong,
.account-settings-page .settings-purchase-row__value strong,
.account-settings-page .settings-saved-card,
.account-settings-page .settings-saved-card strong,
.account-settings-page .settings-empty strong,
.account-settings-page .delete-account-card h2 {
  color:#f5f5f2 !important;
}
.account-settings-page .settings-profile > p,
.account-settings-page .settings-detail__header p,
.account-settings-page .settings-link small,
.account-settings-page .settings-avatar-editor small,
.account-settings-page .settings-security-row small,
.account-settings-page .settings-account-email small,
.account-settings-page .settings-plan-simple__main > span,
.account-settings-page .settings-plan-simple__main > p,
.account-settings-page .settings-email-card > span,
.account-settings-page .settings-email-card > p,
.account-settings-page .settings-purchase-row__main span,
.account-settings-page .settings-purchase-empty,
.account-settings-page .settings-saved-card small,
.account-settings-page .settings-empty,
.account-settings-page .delete-account-card > p,
.account-settings-page .delete-account-card__cancel {
  color:#a7a7a2 !important;
}

.account-settings-page .settings-profile[aria-busy="true"] h1,
.account-settings-page .settings-profile[aria-busy="true"] > p span,
.account-settings-page .settings-plan-section[aria-busy="true"] .settings-plan-simple__main strong,
.account-settings-page .settings-plan-section[aria-busy="true"] .settings-plan-simple__main em,
.account-settings-page .settings-plan-section[aria-busy="true"] .settings-plan-simple__main p {
  background:#303034 !important;
  color:transparent !important;
}
.account-settings-page .settings-profile__avatar,
.account-settings-page .settings-avatar-editor > button {
  background:#29292d !important;
  color:#aaaab0 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1) !important;
}
.account-settings-page .settings-profile__avatar > i {
  border-color:#121212 !important;
  background:#303034 !important;
  color:#fff !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12) !important;
}
.account-settings-page .settings-avatar-editor > button i {
  border-color:#202023 !important;
  background:#f5f5f2 !important;
  color:#151515 !important;
}

.account-settings-page .settings-tabs {
  border-bottom-color:rgba(255,255,255,.14) !important;
}
.account-settings-page .settings-tab.settings-link {
  color:#92928f !important;
}
.account-settings-page .settings-tab.settings-link:hover { color:#d3d3cf !important; }
.account-settings-page .settings-tab.settings-link.is-selected {
  border-bottom-color:#f5f5f2 !important;
  color:#f5f5f2 !important;
}

.account-settings-page .settings-workspace,
.account-settings-page .settings-plan-section,
.account-settings-page .settings-edit-card,
.account-settings-page .settings-email-card,
.account-settings-page .settings-list,
.account-settings-page .settings-purchase-list,
.account-settings-page .settings-saved-card,
.account-settings-page .settings-empty {
  border-color:rgba(255,255,255,.14) !important;
  background:linear-gradient(145deg,#222225 0%,#1d1d20 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 40px -36px rgba(0,0,0,.92) !important;
}
.account-settings-page .settings-workspace,
.account-settings-page .settings-plan-section {
  border-width:1px !important;
}
.account-settings-page .settings-workspace .settings-inline-panel,
.account-settings-page .settings-workspace .settings-inline-form,
.account-settings-page .settings-workspace .settings-plan-simple,
.account-settings-page .settings-workspace .settings-security-simple {
  background:transparent !important;
  box-shadow:none !important;
}
.account-settings-page .settings-link:active,
.account-settings-page .settings-accordion-item.is-open > .settings-link {
  background:#28282c !important;
}
.account-settings-page .settings-link::before,
.account-settings-page .settings-avatar-editor,
.account-settings-page .settings-form label::before,
.account-settings-page .settings-form__footer,
.account-settings-page .settings-security-row::before,
.account-settings-page .settings-account-email,
.account-settings-page .settings-plan-simple__footer,
.account-settings-page .settings-profile-plan,
.account-settings-page .settings-purchase-row::before,
.account-settings-page .settings-purchase-history {
  border-color:rgba(255,255,255,.1) !important;
}
.account-settings-page .settings-link:not(:first-child)::before,
.account-settings-page .settings-purchase-row + .settings-purchase-row::before,
.account-settings-page .settings-security-row + .settings-security-row::before {
  background:rgba(255,255,255,.1) !important;
}
.account-settings-page .settings-chevron { stroke:#77777b !important; }

.account-settings-page .settings-form input,
.account-settings-page .settings-form select,
.account-settings-page .settings-inline-delete > input,
.account-settings-page .delete-account-card input {
  border-color:rgba(255,255,255,.16) !important;
  background:#29292d !important;
  color:#f5f5f2 !important;
  box-shadow:none !important;
}
.account-settings-page .settings-form input:focus,
.account-settings-page .settings-form select:focus,
.account-settings-page .settings-inline-delete > input:focus,
.account-settings-page .delete-account-card input:focus {
  border-color:rgba(255,255,255,.42) !important;
  background:#303034 !important;
  box-shadow:0 0 0 4px rgba(255,255,255,.06) !important;
}
.account-settings-page .settings-form select option {
  background:#202023;
  color:#f5f5f2;
}
.account-settings-page .settings-prefix i { color:#8f8f8b !important; }
.account-settings-page .settings-form__footer button,
.account-settings-page .settings-email-card > button,
.account-settings-page .settings-security-row > button,
.account-settings-page .settings-plan-simple__footer > a {
  background:#f5f5f2 !important;
  color:#151515 !important;
  box-shadow:none !important;
}
.account-settings-page .settings-form__footer button:disabled,
.account-settings-page .settings-email-card > button:disabled,
.account-settings-page .settings-security-row > button:disabled {
  background:#303034 !important;
  color:#77777b !important;
}

.account-settings-page .settings-plan-section.is-lifetime {
  border-color:rgba(127,190,145,.3) !important;
  background:linear-gradient(145deg,#202622 0%,#1b211d 100%) !important;
  box-shadow:inset 0 1px 0 rgba(163,218,177,.08) !important;
}
.account-settings-page .settings-plan-section.is-lifetime .settings-plan-simple__main > span { color:#82b990 !important; }
.account-settings-page .settings-plan-section.is-lifetime .settings-plan-simple__main strong { color:#f1f7f2 !important; }
.account-settings-page .settings-plan-simple__main em,
.account-settings-page .settings-access-card em,
.account-settings-page .settings-account-email em,
.account-settings-page .settings-security-row > em,
.account-settings-page .settings-row-status,
.account-settings-page .settings-purchase-row__value em {
  border-color:rgba(132,197,149,.2) !important;
  background:rgba(79,139,94,.2) !important;
  color:#9bd0a8 !important;
}
.account-settings-page .settings-empty a,
.account-settings-page .settings-purchase-empty strong { color:#e8e8e4 !important; }
.account-settings-page .settings-purchase-row__mark,
.account-settings-page .settings-email-card__icon {
  background:#2d2d31 !important;
  color:#d6d6d2 !important;
}
.account-settings-page .settings-purchase-history .settings-purchase-list {
  border-color:rgba(255,255,255,.1) !important;
  background:rgba(20,20,22,.36) !important;
}
.account-settings-page .settings-saved-card:hover {
  border-color:rgba(255,255,255,.26) !important;
  background:#26262a !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075) !important;
  transform:none !important;
}

.account-settings-page .settings-detail__header > a {
  border:1px solid rgba(255,255,255,.14) !important;
  background:#202023 !important;
  color:#f5f5f2 !important;
}
.account-settings-page .settings-detail__header > a:hover { background:#29292d !important; }
.account-settings-page .settings-access-card {
  border:1px solid rgba(255,255,255,.12) !important;
  background:radial-gradient(ellipse at 12% -24%,rgba(255,255,255,.1),transparent 49%),linear-gradient(130deg,#242428,#19191c) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09) !important;
}
.account-settings-page .settings-access-card > a {
  background:#f5f5f2 !important;
  color:#151515 !important;
}

.account-settings-page .settings-signout {
  border:1px solid rgba(255,255,255,.14) !important;
  background:#202023 !important;
  color:#f5f5f2 !important;
}
.account-settings-page .settings-signout:hover {
  border-color:rgba(255,255,255,.24) !important;
  background:#29292d !important;
}
.account-settings-page .settings-signout small { color:#979793 !important; }
.account-settings-page .settings-signout__icon { border-color:rgba(255,255,255,.16) !important; }

.account-settings-page .settings-delete-section,
.account-settings-page .delete-account-card {
  border-color:rgba(255,121,134,.3) !important;
  background:linear-gradient(145deg,#26191b 0%,#1d1718 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,160,170,.06) !important;
}
.account-settings-page .settings-delete-section h2,
.account-settings-page .settings-delete-section > header > span,
.account-settings-page .delete-account-card label strong {
  color:#ff9ba4 !important;
}
.account-settings-page .settings-delete-section header p,
.account-settings-page .settings-inline-delete > p,
.account-settings-page .settings-delete-disclosure summary small,
.account-settings-page .delete-account-card label {
  color:#c98d93 !important;
}
.account-settings-page .settings-delete-section .settings-inline-delete,
.account-settings-page .settings-inline-delete,
.account-settings-page .delete-account-card ul {
  border-color:rgba(255,121,134,.2) !important;
  background:#201719 !important;
  color:#c4a4a8 !important;
}
.account-settings-page .delete-account-card__icon {
  background:rgba(161,63,72,.22) !important;
  color:#ff9ba4 !important;
}
.account-settings-page .settings-delete-section .settings-delete-disclosure summary,
.account-settings-page .settings-inline-delete > button,
.account-settings-page .delete-account-card form > button {
  background:#a64752 !important;
  color:#fff !important;
}
.account-settings-page .settings-inline-delete > button:disabled,
.account-settings-page .delete-account-card form > button:disabled {
  background:#472a2e !important;
  color:#956e73 !important;
}

/* Pricing — final dark colour pass.
   This layer deliberately comes last: the pricing bundle still contains its
   original light palette and several responsive rules with high specificity. */
html:has(body.pricing-page),
body.pricing-page {
  color-scheme:dark;
  --pricing-bg:#121212;
  --pricing-panel:#1d1d20;
  --pricing-panel-soft:#232327;
  --pricing-panel-deep:#19191c;
  --pricing-text:#f7f7f3;
  --pricing-copy:#c8c8c3;
  --pricing-muted:#9a9a96;
  --pricing-subtle:#70706d;
  --pricing-line:rgba(255,255,255,.105);
  --pricing-line-strong:rgba(255,255,255,.17);
  background:var(--pricing-bg) !important;
}
body.pricing-page,
.pricing-page .pricing-page-stage,
.pricing-page .pricing-main {
  background:transparent !important;
  color:var(--pricing-text) !important;
}
.pricing-page .pricing-title h1,
.pricing-page .pricing-free-card__header h2,
.pricing-page .pricing-free-card__price strong,
.pricing-page .offer-simple__price-comparison strong,
.pricing-page .offer-simple__price-comparison.is-price-ready strong,
.pricing-page .offer-simple__price-comparison.is-price-ready.is-price-revealed strong {
  color:var(--pricing-text) !important;
}
.pricing-page .pricing-title > p,
.pricing-page .pricing-free-card__header p,
.pricing-page .pricing-free-card__price span,
.pricing-page .pricing-title__member-count,
.pricing-page .pricing-title__member-count strong,
.pricing-page .pricing-title__member-count span,
.pricing-page .launch-offer__assurance,
.pricing-page .pricing-free-card__assurance,
.pricing-page .pricing-links a {
  color:var(--pricing-muted) !important;
}
.pricing-page .pricing-title__member-count::before {
  background:#91b7ca !important;
  box-shadow:0 0 0 3px rgba(145,183,202,.12) !important;
}
.pricing-page .pricing-free-card__header > span {
  border-color:var(--pricing-line) !important;
  background:rgba(255,255,255,.055) !important;
  color:#b8b8b3 !important;
}
.pricing-page .pricing-offer-card .offer-simple.launch-offer--page,
.pricing-page .offer-simple.launch-offer--page {
  border-color:var(--pricing-line) !important;
  background:
    radial-gradient(ellipse 85% 42% at 100% 0%,rgba(83,76,145,.085),transparent 68%),
    linear-gradient(145deg,#202023 0%,var(--pricing-panel) 100%) !important;
  color:var(--pricing-text) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.pricing-page .pricing-free-card__price,
.pricing-page .pricing-offer-card .offer-simple.launch-offer--page .offer-simple__price,
.pricing-page .offer-simple.launch-offer--page .offer-simple__price {
  border-color:var(--pricing-line) !important;
  background:var(--pricing-panel-deep) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.pricing-page .offer-simple__price-comparison s,
.pricing-page .offer-simple__price-comparison.is-price-ready s,
.pricing-page .offer-simple__price-comparison.is-price-ready.is-price-revealed s {
  color:#858581 !important;
}
.pricing-page .offer-simple__price-comparison s::after {
  background:#9a9a95 !important;
}
.pricing-page .offer-simple.launch-offer--page .offer-simple__tier-track {
  border-color:var(--pricing-line) !important;
  background:var(--pricing-panel-soft) !important;
  color:var(--pricing-subtle) !important;
}
.pricing-page .offer-simple__tier-track [data-offer-stage],
.pricing-page .offer-simple__future-tiers,
.pricing-page .offer-simple__future-tiers > i {
  color:#777773 !important;
}
.pricing-page .offer-simple__tier-track [data-offer-stage].is-current {
  border-color:rgba(255,255,255,.11) !important;
  background:rgba(255,255,255,.075) !important;
  color:#ededE9 !important;
  box-shadow:none !important;
}
.pricing-page .pricing-free-card__features,
.pricing-page .pricing-offer-card .offer-simple.launch-offer--page .offer-simple__features,
.pricing-page .offer-simple.launch-offer--page .offer-simple__features {
  border-color:var(--pricing-line) !important;
  background:var(--pricing-panel-soft) !important;
  color:var(--pricing-copy) !important;
  box-shadow:none !important;
}
.pricing-page .offer-simple__features > summary {
  color:#aaa9a5 !important;
}
.pricing-page .pricing-free-card__features li,
.pricing-page .pricing-offer-card .offer-simple__features li,
.pricing-page .offer-simple__features li {
  color:#d1d1cc !important;
  border-color:var(--pricing-line) !important;
}
.pricing-page .pricing-free-card__features li::before {
  background:rgba(145,183,202,.13) !important;
  color:#9bc1d5 !important;
}
.pricing-page .offer-simple__features li::before,
.pricing-page .offer-simple__features li::after {
  border-color:#9ebac8 !important;
}
.pricing-page .pricing-free-card__action {
  border:1px solid var(--pricing-line-strong) !important;
  background:var(--pricing-panel-soft) !important;
  color:var(--pricing-text) !important;
  box-shadow:none !important;
  transform:none !important;
}
.pricing-page .pricing-free-card__action:hover {
  border-color:rgba(255,255,255,.24) !important;
  background:#2b2b2f !important;
  transform:none !important;
}
.pricing-page .launch-offer__action {
  border:1px solid #f4f4f0 !important;
  background:#f4f4f0 !important;
  color:#151515 !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
.pricing-page .launch-offer__action::before { display:none !important; }
.pricing-page .launch-offer__action b { color:#151515 !important; }
.pricing-page .launch-offer__action:hover {
  border-color:#dfdfda !important;
  background:#dfdfda !important;
  filter:none !important;
  transform:none !important;
}
.pricing-page .pricing-links {
  border-color:var(--pricing-line) !important;
}
.pricing-page .pricing-links a:hover { color:var(--pricing-text) !important; }
.pricing-page .checkout-status:not(.sr-only) {
  color:#ff9da6 !important;
}
.pricing-page .checkout-retry {
  border-color:rgba(255,157,166,.38) !important;
  background:rgba(255,157,166,.07) !important;
  color:#ffadb5 !important;
}

/* Already-owned state on the same page. */
.pricing-page .pricing-current-access {
  border-color:var(--pricing-line) !important;
  background:
    radial-gradient(ellipse 80% 120% at 0% 0%,rgba(102,146,124,.1),transparent 58%),
    var(--pricing-panel) !important;
  color:var(--pricing-text) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}
.pricing-page .pricing-current-access__eyebrow {
  background:rgba(117,177,143,.14) !important;
  color:#9dceb2 !important;
}
.pricing-page .pricing-current-access > p,
.pricing-page .pricing-current-access__actions > span,
.pricing-page .pricing-current-access__actions button {
  color:var(--pricing-muted) !important;
}
.pricing-page .pricing-current-access__facts {
  border-color:var(--pricing-line) !important;
}
.pricing-page .pricing-current-access__facts span { color:var(--pricing-copy) !important; }
.pricing-page .pricing-current-access__facts span::before { color:#9dceb2 !important; }
.pricing-page .pricing-current-access__actions a:first-child {
  background:var(--pricing-text) !important;
  color:#151515 !important;
}

@media (min-width:720px) {
  .pricing-page .pricing-free-card,
  .pricing-page .pricing-offer-card {
    border-color:var(--pricing-line) !important;
    background:
      radial-gradient(ellipse 82% 36% at 100% 0%,rgba(255,255,255,.04),transparent 68%),
      linear-gradient(145deg,#202023 0%,#1b1b1e 100%) !important;
    color:var(--pricing-text) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  }
  .pricing-page .pricing-offer-card {
    border-color:var(--pricing-line-strong) !important;
    background:
      radial-gradient(ellipse 90% 42% at 100% 0%,rgba(91,81,163,.1),transparent 69%),
      linear-gradient(145deg,#222225 0%,#1c1c1f 100%) !important;
  }
  .pricing-page .pricing-offer-card .offer-simple.launch-offer--page {
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
}

@media (max-width:719px) {
  .pricing-page .pricing-main { padding-inline:0 !important; }
  .pricing-page .pricing-offer-card {
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  .pricing-page .offer-simple.launch-offer--page {
    border:1px solid var(--pricing-line) !important;
    background:
      radial-gradient(ellipse 90% 38% at 100% 0%,rgba(91,81,163,.09),transparent 70%),
      linear-gradient(155deg,#202023 0%,#1b1b1e 100%) !important;
  }
}

/* Pricing modal uses the same colour hierarchy as the full pricing page. */
.pricing-preview-modal__surface,
.pricing-preview-modal__surface:has(.pricing-preview-modal__content) {
  border-color:var(--pricing-line,rgba(255,255,255,.105)) !important;
  background:
    radial-gradient(ellipse 74% 34% at 88% 0%,rgba(91,81,163,.11),transparent 70%),
    linear-gradient(155deg,#202023 0%,#19191c 100%) !important;
}
.pricing-preview-modal .offer-simple.launch-offer--page .offer-simple__price,
.pricing-preview-modal .offer-simple__features {
  border-color:rgba(255,255,255,.1) !important;
  background:#19191c !important;
}
.pricing-preview-modal .offer-simple.launch-offer--page .offer-simple__tier-track {
  background:#242428 !important;
}

/* Desktop pricing — editorial price ladder.
   Shared by signed-out and signed-in views: no auth-state qualifier on purpose. */
@media (min-width:901px) {
  .pricing-page .pricing-offer-card .offer-simple.launch-offer--page .offer-simple__price {
    min-height:152px !important;
    margin:0 !important;
    padding:4px 0 24px !important;
    gap:26px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .pricing-page .pricing-offer-card .offer-simple__price-comparison {
    min-height:76px !important;
    align-items:baseline !important;
    gap:17px !important;
  }
  .pricing-page .pricing-offer-card .offer-simple__price-comparison s {
    color:#747470 !important;
    font-size:56px !important;
  }
  .pricing-page .pricing-offer-card .offer-simple__price-comparison strong {
    color:#fafaf6 !important;
    font-size:76px !important;
  }
  .pricing-page .pricing-offer-card .offer-simple__price-comparison s::after {
    right:-3px !important;
    left:-3px !important;
    height:1px !important;
    background:#92928d !important;
  }

  .pricing-page .pricing-offer-card .offer-simple.launch-offer--page .offer-simple__tier-track {
    width:100% !important;
    min-height:54px !important;
    margin:0 !important;
    padding:17px 0 0 !important;
    display:grid !important;
    grid-template-columns:1.15fr 1fr 1fr !important;
    align-items:start !important;
    gap:0 !important;
    border:0 !important;
    border-top:1px solid rgba(255,255,255,.1) !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  .pricing-page .pricing-offer-card .offer-simple__future-tiers {
    display:contents !important;
  }
  .pricing-page .pricing-offer-card .offer-simple__future-tiers > i {
    display:none !important;
  }
  .pricing-page .pricing-offer-card .offer-simple__tier-track [data-offer-stage] {
    min-width:0 !important;
    min-height:37px !important;
    padding:0 10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-direction:column !important;
    gap:7px !important;
    border:0 !important;
    border-left:1px solid rgba(255,255,255,.075) !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#777773 !important;
    font-size:10px !important;
    font-weight:620 !important;
    line-height:1.2 !important;
    letter-spacing:-.01em !important;
    text-align:center !important;
    box-shadow:none !important;
  }
  .pricing-page .pricing-offer-card .offer-simple__tier-track [data-offer-stage="stage-01"] {
    border-left:0 !important;
    color:#e7e7e2 !important;
  }
  .pricing-page .pricing-offer-card .offer-simple__tier-track [data-offer-stage]::before {
    display:block !important;
    color:#656561 !important;
    font-size:7px !important;
    font-weight:760 !important;
    line-height:1 !important;
    letter-spacing:.13em !important;
    text-transform:uppercase !important;
  }
  .pricing-page .pricing-offer-card .offer-simple__tier-track [data-offer-stage="stage-01"]::before {
    content:"Current" !important;
    color:#9fc0d1 !important;
  }
  .pricing-page .pricing-offer-card .offer-simple__tier-track [data-offer-stage="stage-02"]::before {
    content:"Next" !important;
  }
  .pricing-page .pricing-offer-card .offer-simple__tier-track [data-offer-stage="stage-03"]::before {
    content:"Later" !important;
  }
}

/* Desktop catalogue density — four tiles everywhere, independently of auth. */
@media (min-width:901px) {
  .home-page .gallery .gallery__grid,
  .collection-page .collection-gallery .gallery__grid,
  .collection-page .collection-skeleton__grid {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
  }

  .home-page .gallery .showcase-card,
  .collection-page .collection-gallery .showcase-card {
    padding:10px 10px 0 !important;
    border-radius:23px !important;
  }
  .home-page .gallery .showcase-card__preview,
  .collection-page .collection-gallery .showcase-card__preview,
  .home-page .gallery .showcase-card--lithos .showcase-card__preview,
  .collection-page .collection-gallery .showcase-card--lithos .showcase-card__preview {
    aspect-ratio:1.25/1 !important;
    border-radius:16px !important;
    clip-path:inset(0 round 16px) !important;
  }
  .home-page .gallery .showcase-card__meta,
  .collection-page .collection-gallery .showcase-card__meta,
  .home-page .gallery .showcase-card--lithos .showcase-card__meta,
  .collection-page .collection-gallery .showcase-card--lithos .showcase-card__meta {
    min-height:88px !important;
    padding:16px 50px 16px 4px !important;
  }
  .home-page .gallery .showcase-card__meta h3,
  .collection-page .collection-gallery .showcase-card__meta h3,
  .home-page .gallery .showcase-card--lithos .showcase-card__meta h3,
  .collection-page .collection-gallery .showcase-card--lithos .showcase-card__meta h3 {
    font-size:clamp(17px,1.25vw,20px) !important;
  }
  .home-page .gallery .showcase-card__meta p,
  .collection-page .collection-gallery .showcase-card__meta p,
  .home-page .gallery .showcase-card--lithos .showcase-card__meta p,
  .collection-page .collection-gallery .showcase-card--lithos .showcase-card__meta p {
    font-size:13px !important;
  }
  .home-page .gallery .showcase-card__meta::after,
  .collection-page .collection-gallery .showcase-card__meta::after {
    right:1px !important;
    bottom:15px !important;
    width:38px !important;
    height:38px !important;
    border-radius:11px !important;
    background-size:34px auto !important;
  }
  .home-page .gallery .card-likes,
  .collection-page .collection-gallery .card-likes {
    top:9px !important;
    right:9px !important;
    min-width:43px !important;
    height:36px !important;
    border-radius:11px !important;
  }
}

/* Desktop cards — one quiet anthracite shell, stripped of decorative layers. */
@media (min-width:901px) {
  .home-page .gallery .showcase-card,
  .collection-page .collection-gallery .showcase-card,
  .home-page .gallery .showcase-card[data-kind],
  .collection-page .collection-gallery .showcase-card[data-style],
  .home-page .gallery .showcase-card[data-price="free"],
  .collection-page .collection-gallery .showcase-card[data-price="free"] {
    --tile-top:#272729 !important;
    --tile-bottom:#272729 !important;
    --tile-glow:transparent !important;
    padding:8px 8px 0 !important;
    border:0 !important;
    border-radius:14px !important;
    background:#272729 !important;
    box-shadow:none !important;
    filter:none !important;
  }
  .home-page .gallery .showcase-card:hover,
  .collection-page .collection-gallery .showcase-card:hover {
    border:0 !important;
    background:#2d2d2f !important;
    box-shadow:none !important;
    filter:none !important;
    transform:none !important;
  }

  .home-page .gallery .showcase-card__preview,
  .collection-page .collection-gallery .showcase-card__preview,
  .home-page .gallery .showcase-card--lithos .showcase-card__preview,
  .collection-page .collection-gallery .showcase-card--lithos .showcase-card__preview {
    aspect-ratio:1.28/1 !important;
    border:0 !important;
    border-radius:8px !important;
    clip-path:inset(0 round 8px) !important;
    box-shadow:none !important;
  }

  .home-page .gallery .showcase-card__meta,
  .collection-page .collection-gallery .showcase-card__meta,
  .home-page .gallery .showcase-card--lithos .showcase-card__meta,
  .collection-page .collection-gallery .showcase-card--lithos .showcase-card__meta {
    min-height:68px !important;
    padding:12px 4px 13px !important;
  }
  .home-page .gallery .showcase-card__meta::after,
  .collection-page .collection-gallery .showcase-card__meta::after {
    content:none !important;
    display:none !important;
  }
  .home-page .gallery .showcase-card__meta h3,
  .collection-page .collection-gallery .showcase-card__meta h3,
  .home-page .gallery .showcase-card--lithos .showcase-card__meta h3,
  .collection-page .collection-gallery .showcase-card--lithos .showcase-card__meta h3 {
    margin-bottom:3px !important;
    font-size:17px !important;
    font-weight:620 !important;
    line-height:1.08 !important;
  }
  .home-page .gallery .showcase-card__meta p,
  .collection-page .collection-gallery .showcase-card__meta p,
  .home-page .gallery .showcase-card--lithos .showcase-card__meta p,
  .collection-page .collection-gallery .showcase-card--lithos .showcase-card__meta p {
    color:rgba(255,255,255,.5) !important;
    font-size:12px !important;
    line-height:1.2 !important;
  }

  .home-page .gallery .collection-card-index,
  .collection-page .collection-gallery .collection-card-index {
    display:none !important;
  }
  .home-page .gallery .card-likes,
  .collection-page .collection-gallery .card-likes {
    top:8px !important;
    right:8px !important;
    min-width:40px !important;
    height:32px !important;
    border-color:rgba(255,255,255,.15) !important;
    border-radius:9px !important;
    background:rgba(17,17,18,.72) !important;
    -webkit-backdrop-filter:blur(10px) !important;
    backdrop-filter:blur(10px) !important;
  }
  .home-page .gallery .showcase-card[data-price]::before,
  .collection-page .collection-gallery .showcase-card[data-price]::before {
    top:16px !important;
    left:16px !important;
  }
}

/* Desktop navigation — one more entry with a calmer, airier rhythm. */
@media (min-width:901px) {
  .desktop-nav__links {
    gap:clamp(34px,3.2vw,52px) !important;
  }
}

/* Desktop-only hero message; mobile deliberately retains its existing copy. */
.home-page .hero-copy--desktop { display:none !important; }
.home-page .hero-drop-tag { display:none; }
@media (min-width:901px) {
  .home-page .hero-drop-tag {
    min-height:28px;
    margin:0 0 21px;
    padding:0 13px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.045);
    border-radius:999px;
    background:#252324;
    color:#f5f4f2;
    font:520 11px/1 var(--sans);
    letter-spacing:-.025em;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 30px -24px rgba(0,0,0,.8);
  }
  .home-page .hero-copy--mobile { display:none !important; }
  .home-page .headline > .hero-copy--desktop { display:block !important; }
  .home-page .hero { min-height:520px !important; }
  .home-page .hero__copy { padding-top:173px !important; }
  .home-page .headline { height:2.18em !important; }
  .home-page .headline > .hero-copy--desktop { margin-bottom:.01em !important; }
  .home-page .headline > .line--serif.hero-copy--desktop { margin-bottom:.12em !important; }
  .home-page .headline > .line--bold.hero-copy--desktop {
    margin-bottom:.26em !important;
    font-size:.78em !important;
    line-height:.94 !important;
  }
  .home-page .headline > .hero-copy--desktop:last-child { margin-bottom:0 !important; }
  .home-page .hero-subtitle {
    width:min(520px,100%);
    min-height:0;
    margin:18px auto 0;
    display:block !important;
    color:#929397;
    font:450 15px/1.45 var(--sans);
    letter-spacing:-.012em;
    text-align:center;
    text-wrap:balance;
  }
  .home-page .hero-subtitle > .hero-copy--desktop { display:block !important; }
  .home-page .cta-row { margin-top:23px !important; }
  .home-page .hero-gradient-dot {
    display:inline-block;
    background:var(--cta-grad) !important;
    background-clip:text !important;
    -webkit-background-clip:text !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
    font-size:1.08em;
    filter:drop-shadow(0 0 10px rgba(176,71,201,.22));
  }
  .home-page .hero .btn-cta--compact.btn-cta--linked {
    width:250px !important;
    height:54px !important;
    padding:0 17px 0 20px !important;
    border-radius:999px !important;
  }
  .home-page .hero .btn-cta--compact.btn-cta--linked .btn-cta__track,
  .home-page .hero .btn-cta--compact.btn-cta--linked .btn-cta__group {
    border-radius:inherit !important;
  }
  .home-page .hero .btn-cta--compact.btn-cta--linked .btn-cta__group {
    justify-content:center !important;
    gap:9px !important;
    font-size:14px !important;
    font-weight:650 !important;
  }
  .home-page .hero .btn-cta--compact.btn-cta--linked .btn-cta__icon,
  .home-page .hero .btn-cta--compact.btn-cta--linked:hover .btn-cta__icon {
    width:20px !important;
    height:20px !important;
    margin-right:0 !important;
  }
}

/* Desktop catalogue controls — borderless, compact and explicit. */
.sort-trigger__label { display:none; }
@media (min-width:901px) {
  body.auth-guest .gallery .gallery-toggle,
  .home-page .gallery .gallery-toggle,
  .collection-page .collection-format-toggle {
    border:0 !important;
    background:#202023 !important;
    box-shadow:none !important;
  }
  body.auth-guest .gallery .gallery-toggle::before,
  .home-page .gallery .gallery-toggle::before,
  .collection-page .collection-format-toggle::before {
    border:0 !important;
    box-shadow:none !important;
  }

  .home-page .gallery .gallery-sort > summary,
  .collection-page .collection-sort > summary {
    width:112px !important;
    height:40px !important;
    padding:0 14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    border:0 !important;
    border-radius:10px !important;
    background:#202023 !important;
    color:#d4d4d0 !important;
    box-shadow:none !important;
  }
  .home-page .gallery .gallery-sort > summary:hover,
  .home-page .gallery .gallery-sort[open] > summary,
  .collection-page .collection-sort > summary:hover,
  .collection-page .collection-sort[open] > summary {
    border:0 !important;
    background:#2b2b2e !important;
    color:#fff !important;
    box-shadow:none !important;
  }
  .home-page .gallery .gallery-sort > summary svg,
  .collection-page .collection-sort > summary svg {
    width:16px !important;
    height:16px !important;
    flex:none !important;
  }
  .home-page .gallery .sort-trigger__label,
  .collection-page .sort-trigger__label {
    display:inline !important;
    font:620 12px/1 var(--sans) !important;
    letter-spacing:-.01em !important;
    white-space:nowrap !important;
  }
  .home-page .gallery .gallery-sort__menu,
  .collection-page .collection-sort__menu {
    top:calc(100% + 7px) !important;
    width:184px !important;
    padding:7px !important;
    gap:3px !important;
    border:0 !important;
    border-radius:10px !important;
    transform-origin:top right !important;
    animation:none !important;
  }
  .home-page .gallery .gallery-sort[open] .gallery-sort__menu,
  .collection-page .collection-sort[open] .collection-sort__menu {
    animation:desktopSortMenuReveal .3s cubic-bezier(.16,1,.3,1) both !important;
  }
  .home-page .gallery .gallery-sort__menu button,
  .collection-page .collection-sort__menu button {
    min-height:38px !important;
  }
}

@keyframes desktopSortMenuReveal {
  from {
    opacity:0;
    transform:translateY(-8px) scale(.97);
    filter:blur(3px);
  }
  to {
    opacity:1;
    transform:translateY(0) scale(1);
    filter:blur(0);
  }
}

@media (min-width:901px) and (prefers-reduced-motion:reduce) {
  .home-page .gallery .gallery-sort[open] .gallery-sort__menu,
  .collection-page .collection-sort[open] .collection-sort__menu {
    animation:none !important;
  }
}

/* Edge-to-edge desktop card media; spacing lives only in the caption area. */
@media (min-width:901px) {
  .home-page .gallery .showcase-card,
  .collection-page .collection-gallery .showcase-card,
  .home-page .gallery .showcase-card[data-kind],
  .collection-page .collection-gallery .showcase-card[data-style],
  .home-page .gallery .showcase-card[data-price="free"],
  .collection-page .collection-gallery .showcase-card[data-price="free"] {
    padding:0 !important;
  }

  .home-page .gallery .showcase-card__preview,
  .collection-page .collection-gallery .showcase-card__preview,
  .home-page .gallery .showcase-card--lithos .showcase-card__preview,
  .collection-page .collection-gallery .showcase-card--lithos .showcase-card__preview {
    width:100% !important;
    margin:0 !important;
    aspect-ratio:1.38/1 !important;
    border-radius:14px 14px 10px 10px !important;
    clip-path:inset(0 round 14px 14px 10px 10px) !important;
  }

  .home-page .gallery .showcase-card__meta,
  .collection-page .collection-gallery .showcase-card__meta,
  .home-page .gallery .showcase-card--lithos .showcase-card__meta,
  .collection-page .collection-gallery .showcase-card--lithos .showcase-card__meta {
    min-height:74px !important;
    padding:20px 12px 11px !important;
  }
}

/* Desktop page rhythm — 12% side margins on wide screens, with a safe
   minimum width so the four-column catalogue and full navigation stay usable. */
@media (min-width:901px) {
  :root {
    --desktop-content-shell:min(1600px,max(76vw,min(840px,calc(100vw - 64px))));
    --desktop-nav-shell:min(1600px,max(76vw,min(1080px,calc(100vw - 64px))));
  }

  .nav {
    width:var(--desktop-nav-shell) !important;
    max-width:none !important;
    box-sizing:border-box !important;
  }

  .home-page .gallery,
  .home-page .home-testimonials,
  .collection-page .collection-toolbar,
  .collection-page .collection-gallery,
  .collection-page .collection-loading,
  .collection-page .collection-skeleton,
  .site-footer.site-footer--legal {
    width:var(--desktop-content-shell) !important;
    max-width:none !important;
    margin-right:auto !important;
    margin-left:auto !important;
    box-sizing:border-box !important;
  }

  .home-page .gallery {
    padding-right:0 !important;
    padding-left:0 !important;
  }
}

/* Hero CTA hover — a quiet light pass, with the label held perfectly still. */
@media (min-width:901px) {
  .home-page .hero .btn-cta--compact.btn-cta--linked {
    isolation:isolate !important;
    transition:box-shadow .14s ease-out !important;
  }
  .home-page .hero .btn-cta--compact.btn-cta--linked::after {
    content:"" !important;
    position:absolute !important;
    z-index:0 !important;
    top:-35% !important;
    bottom:-35% !important;
    left:-48% !important;
    width:38% !important;
    display:block !important;
    border-radius:50% !important;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent) !important;
    filter:blur(8px) !important;
    opacity:0 !important;
    transform:skewX(-14deg) !important;
    transition:left 0s linear .12s,opacity .12s ease-out !important;
    pointer-events:none !important;
  }
  .home-page .hero .btn-cta--compact.btn-cta--linked:hover {
    box-shadow:
      0 18px 38px -28px rgba(98,91,231,.76),
      0 10px 24px -22px rgba(255,78,72,.42),
      inset 0 1px 0 rgba(255,255,255,.14),
      inset 0 -12px 28px rgba(2,9,16,.18),
      inset 0 0 24px rgba(255,255,255,.025) !important;
    transition:box-shadow .3s ease !important;
    transform:none !important;
  }
  .home-page .hero .btn-cta--compact.btn-cta--linked:hover::after {
    left:112% !important;
    opacity:1 !important;
    transition:left .58s cubic-bezier(.16,1,.3,1),opacity .08s ease-out !important;
  }
  .home-page .hero .btn-cta--compact.btn-cta--linked .btn-cta__group,
  .home-page .hero .btn-cta--compact.btn-cta--linked:hover .btn-cta__group,
  .home-page .hero .btn-cta--compact.btn-cta--linked .btn-cta__word,
  .home-page .hero .btn-cta--compact.btn-cta--linked:hover .btn-cta__word {
    transform:none !important;
  }
  .home-page .hero .btn-cta--compact.btn-cta--linked .btn-cta__icon {
    opacity:1 !important;
    animation:none !important;
    transition:transform .16s cubic-bezier(.4,0,1,1) !important;
  }
  .home-page .hero .btn-cta--compact.btn-cta--linked:hover .btn-cta__icon {
    opacity:1 !important;
    transform:translateX(4px) !important;
    animation:none !important;
    transition:transform .42s cubic-bezier(.16,1,.3,1) !important;
  }
}

@media (min-width:901px) and (prefers-reduced-motion:reduce) {
  .home-page .hero .btn-cta--compact.btn-cta--linked,
  .home-page .hero .btn-cta--compact.btn-cta--linked::after,
  .home-page .hero .btn-cta--compact.btn-cta--linked .btn-cta__icon {
    transition:none !important;
  }
  .home-page .hero .btn-cta--compact.btn-cta--linked::after {
    display:none !important;
  }
}

/* The catalogue author belongs to the caption, not the artwork. */
.card-author-avatar {
  display:none !important;
}

@media (min-width:901px) {
  .home-page .gallery .showcase-card__meta,
  .collection-page .collection-gallery .showcase-card__meta {
    position:relative !important;
    padding-right:64px !important;
  }
  .home-page .gallery .card-author-avatar,
  .collection-page .collection-gallery .card-author-avatar {
    position:absolute !important;
    z-index:2 !important;
    top:50% !important;
    right:12px !important;
    display:block !important;
    width:34px !important;
    height:34px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:6px !important;
    background:transparent !important;
    box-shadow:none !important;
    object-fit:contain !important;
    object-position:center !important;
    transform:translateY(-50%) !important;
  }
}

/* Desktop catalogue heading — visible count paired with the active sort. */
@media (min-width:901px) {
  .gallery-sort,
  .collection-sort,
  .home-page .gallery .gallery-sort,
  .collection-page .collection-sort {
    width:max-content !important;
    height:auto !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  .home-page .hero {
    min-height:410px !important;
  }
  .home-page .gallery {
    margin-top:12px !important;
  }
  .home-page .gallery .gallery-toolbar,
  .collection-page .collection-filter-row {
    align-items:center !important;
  }
  .gallery-sort-cluster,
  .collection-sort-cluster {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:14px !important;
    flex:none !important;
  }
  .gallery-result-count,
  .collection-result-count {
    color:#858589 !important;
    font:620 12.5px/1 var(--sans) !important;
    letter-spacing:-.012em !important;
    white-space:nowrap !important;
    font-variant-numeric:tabular-nums !important;
  }
  .home-page .gallery .gallery-sort > summary,
  .collection-page .collection-sort > summary {
    width:144px !important;
    height:48px !important;
    padding:0 15px 0 17px !important;
    justify-content:space-between !important;
    gap:12px !important;
    border:0 !important;
    border-radius:10px !important;
    background:#202023 !important;
    color:#f4f4f1 !important;
    box-shadow:none !important;
  }
  .home-page .gallery .sort-trigger__label,
  .collection-page .sort-trigger__label {
    display:inline !important;
    overflow:hidden !important;
    color:inherit !important;
    font:640 13px/1 var(--sans) !important;
    letter-spacing:-.018em !important;
    text-overflow:ellipsis !important;
  }
  .home-page .gallery .gallery-sort > summary svg,
  .collection-page .collection-sort > summary svg {
    width:15px !important;
    height:15px !important;
    flex:none !important;
    stroke:#96969a !important;
    stroke-width:2.1 !important;
    transition:transform .28s cubic-bezier(.22,1,.36,1),stroke .2s ease !important;
  }
  .home-page .gallery .gallery-sort[open] > summary svg,
  .collection-page .collection-sort[open] > summary svg {
    stroke:#fff !important;
    transform:rotate(180deg) !important;
  }
  .home-page .gallery .gallery-sort > summary:hover,
  .home-page .gallery .gallery-sort[open] > summary,
  .collection-page .collection-sort > summary:hover,
  .collection-page .collection-sort[open] > summary {
    background:#29292c !important;
  }
  .home-page .gallery .gallery-sort__menu,
  .collection-page .collection-sort__menu {
    top:calc(100% + 7px) !important;
    width:184px !important;
  }
}

@media (min-width:901px) and (max-width:1120px) {
  .gallery-sort-cluster,
  .collection-sort-cluster {
    gap:14px !important;
  }
  .gallery-result-count,
  .collection-result-count {
    font-size:12px !important;
  }
  .home-page .gallery .gallery-sort > summary,
  .collection-page .collection-sort > summary {
    width:136px !important;
  }
}

/* Pricing remains available to sorting, but is no longer stamped on cards. */
@media (min-width:901px) {
  .home-page .gallery .showcase-card[data-price]::before,
  .collection-page .collection-gallery .showcase-card[data-price]::before {
    content:none !important;
    display:none !important;
  }
}

/* Final desktop catalogue density and quieter like affordance. */
@media (min-width:901px) {
  .collection-page .collection-gallery .gallery__grid,
  .collection-page .collection-skeleton__grid {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:18px !important;
  }

  .home-page .gallery .gallery__grid {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    column-gap:22px !important;
    row-gap:30px !important;
  }

  .home-page .gallery .showcase-card .card-likes,
  .collection-page .collection-gallery .showcase-card .card-likes {
    opacity:0 !important;
    pointer-events:none !important;
    transition:opacity .18s ease-out,background-color .18s ease,border-color .18s ease !important;
  }
  .home-page .gallery .showcase-card:is(:hover,:focus-within) .card-likes,
  .collection-page .collection-gallery .showcase-card:is(:hover,:focus-within) .card-likes {
    opacity:1 !important;
    pointer-events:auto !important;
  }
}

@media (min-width:901px) and (max-width:1180px) {
  .home-page .gallery .gallery__grid,
  .collection-page .collection-gallery .gallery__grid,
  .collection-page .collection-skeleton__grid {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

/* UI-08 — End-of-catalogue access CTA. */
@media (min-width:901px) {
  .gallery-catalogue-view {
    width:max-content;
    margin:26px auto 0;
    padding:6px 0;
    display:inline-flex;
    align-items:baseline;
    justify-content:center;
    gap:6px;
    color:#fff;
    font:620 14px/1 var(--sans);
    letter-spacing:-.025em;
    text-decoration:none;
    border-bottom:1px solid rgba(255,255,255,.34);
    transition:color .18s ease,border-color .18s ease;
  }
  .gallery-catalogue-view span {
    color:#fff;
    font-size:13px;
    font-weight:680;
    font-variant-numeric:tabular-nums;
  }
  .gallery-catalogue-view:hover { color:#fff;border-color:#fff; }
  .gallery-catalogue-view:focus-visible {
    outline:2px solid rgba(111,211,255,.78);
    outline-offset:4px;
  }
  .gallery-access-cta {
    width:max-content;
    max-width:100%;
    margin:160px auto 2px;
    padding:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .gallery-access-cta__button {
    position:relative;
    isolation:isolate;
    width:210px !important;
    max-width:210px !important;
    min-height:50px;
    padding:0 16px 0 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    overflow:hidden;
    border:0;
    border-radius:999px;
    background:
      radial-gradient(90% 150% at 48% -88%,rgba(255,255,255,.2) 0%,rgba(97,193,239,.08) 31%,transparent 58%),
      linear-gradient(108deg,#07182d 0%,#0b467f 23%,#167fc1 41%,#3aa7df 51%,#1479bf 63%,#0d559a 79%,#082943 100%);
    color:#fff;
    box-shadow:
      0 20px 44px -29px rgba(98,91,231,.96),
      inset 0 1px 0 rgba(255,255,255,.22),
      inset 0 -1px 0 rgba(2,25,48,.68),
      inset 0 -12px 20px rgba(3,33,61,.2);
    font:680 14px/1 var(--sans);
    letter-spacing:-.018em;
    transition:filter .25s ease,box-shadow .25s ease;
  }
  .gallery-access-cta__button:hover {
    filter:brightness(1.08) saturate(1.12);
    box-shadow:
      0 22px 48px -28px rgba(98,91,231,1),
      inset 0 1px 0 rgba(255,255,255,.3),
      inset 0 -1px 0 rgba(2,25,48,.7),
      inset 0 -12px 20px rgba(3,33,61,.14);
  }
  .gallery-access-cta__button:focus-visible {
    outline:2px solid rgba(111,211,255,.78);
    outline-offset:4px;
  }
  .gallery-access-cta__button svg {
    width:19px;
    height:19px;
    flex:none;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .32s cubic-bezier(.16,1,.3,1);
  }
  .gallery-access-cta__button:hover svg { transform:translateX(4px); }
  .gallery-access-cta > p {
    margin:15px 0 0;
    color:#9b9da3;
    font:540 12.5px/1.4 var(--sans);
    letter-spacing:-.01em;
  }
}

@media (min-width:901px) and (prefers-reduced-motion:reduce) {
  .gallery-access-cta__button,
  .gallery-access-cta__button svg,
  .gallery-catalogue-view { transition:none !important; }
  .gallery-access-cta__button:hover svg { transform:none !important; }
}

/* UI-09 — Method section: editorial promise, four building blocks and one visual story. */
@media (min-width:901px) {
  .home-page .home-testimonials { display:none !important; }
  .home-page .home-method {
    width:var(--desktop-content-shell);
    margin:132px auto 124px;
    display:block;
    color:#f5f5f3;
  }
  .home-method__header {
    margin:0 0 30px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:40px;
  }
  .home-method__header h2 {
    max-width:660px;
    margin:0;
    display:flex;
    flex-direction:column;
    color:#f7f7f5;
    font-family:var(--serif);
    font-size:clamp(42px,3.65vw,60px);
    font-weight:400;
    line-height:1.03;
    letter-spacing:-.045em;
  }
  .home-method__header h2 span,
  .home-method__header h2 .home-method__accent { display:block; }
  .home-method__header h2 .home-method__lead {
    width:max-content;
    max-width:100%;
    padding-right:.08em;
    font-style:italic;
    letter-spacing:-.015em;
  }
  .home-method__header h2 .home-method__accent {
    margin:4px 0 -.1em -.04em;
    padding:0 .1em .1em .04em;
    width:max-content;
    max-width:100%;
    overflow:visible;
    color:var(--ds-primary-300);
    background:var(--ds-primary-gradient);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    font-family:var(--sans);
    font-weight:620;
    font-style:normal;
    line-height:.98;
    letter-spacing:-.055em;
  }
  .home-method__actions {
    padding-bottom:5px;
    display:flex;
    align-items:center;
    gap:12px;
  }
  .home-method__actions a {
    min-height:52px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:999px;
    font:660 13px/1 var(--sans);
    letter-spacing:-.015em;
    text-decoration:none;
    white-space:nowrap;
  }
  .home-method__primary {
    min-width:166px;
    gap:12px;
    background:#f4f4f1;
    color:#111215;
    box-shadow:0 18px 34px -27px rgba(255,255,255,.72);
    transition:background-color .22s ease,box-shadow .22s ease;
  }
  .home-method__primary:hover {
    background:#fff;
    box-shadow:0 20px 38px -25px rgba(255,255,255,.84);
  }
  .home-method__primary svg {
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .3s cubic-bezier(.16,1,.3,1);
  }
  .home-method__primary:hover svg { transform:translateX(3px); }
  .home-method__secondary {
    background:#222225;
    color:#f0f0ed;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.075);
    transition:background-color .22s ease,color .22s ease;
  }
  .home-method__secondary:hover { background:#29292c;color:#fff; }
  .home-method__actions a:focus-visible,
  .home-method-card a:focus-visible {
    outline:2px solid rgba(111,211,255,.8);
    outline-offset:4px;
  }
  .home-method__body {
    display:grid;
    grid-template-columns:minmax(0,.98fr) minmax(0,1.2fr);
    gap:20px;
    align-items:stretch;
  }
  .home-method__features {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .home-method-card {
    min-width:0;
    min-height:272px;
    margin:0;
    padding:24px 23px 22px;
    display:flex;
    flex-direction:column;
    border:0;
    border-radius:14px;
    background:#252527;
    box-shadow:0 18px 38px -34px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.055);
    transition:background-color .25s ease;
  }
  .home-method-card:hover { background:#2a2a2d; }
  .home-method-card__profile {
    min-width:0;
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    align-items:center;
    gap:10px;
  }
  .home-method-card__profile > img {
    width:42px;
    height:42px;
    display:block;
    border-radius:10px;
    object-fit:cover;
    box-shadow:0 8px 18px -13px rgba(0,0,0,.8);
  }
  .home-method-card__profile > span {
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:3px;
  }
  .home-method-card__profile > span b {
    overflow:hidden;
    color:#f3f3f0;
    font:690 12.5px/1.12 var(--sans);
    letter-spacing:-.015em;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .home-method-card__profile > span small {
    overflow:hidden;
    color:#85868d;
    font:540 10px/1.15 var(--sans);
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .home-method-card__rating {
    grid-column:1 / -1;
    width:max-content;
    min-height:26px;
    margin-top:14px;
    padding:0 8px;
    display:flex;
    align-items:center;
    gap:6px;
    border-radius:999px;
    background:#19191b;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
  }
  .home-method-card__stars {
    --rating:100%;
    position:relative;
    display:inline-block;
    overflow:hidden;
    color:rgba(255,255,255,.16);
    font:680 10.5px/1 var(--sans);
    letter-spacing:.055em;
    white-space:nowrap;
  }
  .home-method-card__stars::after {
    content:"★★★★★";
    position:absolute;
    inset:0 auto 0 0;
    width:var(--rating);
    overflow:hidden;
    color:#ffd45f;
    background:linear-gradient(90deg,#ffe486 0%,#ffc343 52%,#f39a2f 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    white-space:nowrap;
  }
  .home-method-card__rating b { color:#dadadd;font:680 10px/1 var(--sans); }
  .home-method-card blockquote {
    margin:19px 0 0;
    color:#f0f0ed;
    font:520 14px/1.5 var(--sans);
    letter-spacing:-.014em;
  }
  .home-method__visual {
    position:relative;
    min-width:0;
    min-height:556px;
    margin:0;
    overflow:hidden;
    isolation:isolate;
    border-radius:15px;
    background:
      radial-gradient(80% 70% at 58% 34%,rgba(80,110,178,.34),transparent 72%),
      linear-gradient(145deg,#232328 0%,#15171d 54%,#111b2a 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  }
  .home-method__visual::after {
    content:"";
    position:absolute;
    z-index:2;
    inset:auto 0 0;
    height:42%;
    pointer-events:none;
    background:linear-gradient(to bottom,transparent,rgba(8,10,14,.68));
  }
  .home-method__video {
    position:absolute;
    z-index:1;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    background:#111318;
    filter:brightness(.66) saturate(.82) contrast(1.04);
  }
  .home-method__visual figcaption { position:absolute;z-index:4;inset:0;pointer-events:none; }
  .home-method__story-tag {
    position:absolute;
    z-index:3;
    top:13px;
    left:13px;
    min-height:34px;
    padding:0 13px;
    display:inline-flex;
    align-items:center;
    border:1px solid rgba(255,255,255,.2);
    border-radius:999px;
    background:rgba(8,8,9,.78);
    color:#fff;
    font:720 9.5px/1 var(--sans);
    letter-spacing:.018em;
    white-space:nowrap;
    box-shadow:0 9px 24px -14px rgba(0,0,0,.82),inset 0 1px 0 rgba(255,255,255,.13);
    -webkit-backdrop-filter:blur(9px) saturate(.8);
    backdrop-filter:blur(9px) saturate(.8);
  }
  .home-method__trustpilot {
    position:absolute;
    right:7%;
    bottom:7%;
    min-height:42px;
    padding:0 15px;
    display:inline-flex;
    align-items:center;
    gap:9px;
    border-radius:999px;
    background:#f4f4f1;
    color:#111317;
    font:680 10.5px/1 var(--sans);
    letter-spacing:-.012em;
    text-decoration:none;
    pointer-events:auto;
    box-shadow:0 18px 36px -25px rgba(255,255,255,.72);
    transition:background-color .2s ease,box-shadow .2s ease;
  }
  .home-method__trustpilot:hover { background:#fff;box-shadow:0 20px 38px -23px rgba(255,255,255,.84); }
  .home-method__trustpilot svg {
    width:16px;
    height:16px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .home-method__trustpilot:focus-visible { outline:2px solid rgba(111,211,255,.84);outline-offset:4px; }
}

@media (min-width:901px) and (max-width:1180px) {
  .home-page .home-method { margin-top:108px; }
  .home-method__header { align-items:start; }
  .home-method__header h2 { font-size:clamp(38px,4.5vw,50px); }
  .home-method__actions { padding-top:4px;flex-direction:column;align-items:stretch; }
  .home-method__actions a { min-height:46px; }
  .home-method__body { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .home-method-card { min-height:254px;padding:20px; }
  .home-method__visual { min-height:520px; }
}

@media (min-width:901px) and (prefers-reduced-motion:reduce) {
  .home-method__primary,
  .home-method__primary svg,
  .home-method__secondary,
  .home-method-card,
  .home-method__trustpilot { transition:none !important; }
  .home-method__primary:hover svg { transform:none !important; }
}

/* UI-10 — Early builder stories: three tall, cinematic proof cards. */
@media (min-width:901px) {
  .home-page .home-adoption {
    width:var(--desktop-content-shell);
    margin:180px auto 140px;
    display:block;
    color:#f5f5f2;
  }
  .home-adoption__header {
    margin:0 0 32px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:38px;
  }
  .home-adoption__eyebrow {
    min-height:25px;
    margin-bottom:15px;
    padding:0 9px;
    display:inline-flex;
    align-items:center;
    border-radius:7px;
    background:#222225;
    color:#a9abb1;
    font:720 8px/1 var(--sans);
    letter-spacing:.075em;
    text-transform:uppercase;
  }
  .home-adoption__header h2 {
    max-width:720px;
    margin:0;
    display:flex;
    flex-direction:column;
    color:#f5f5f2;
    font:400 clamp(46px,4.2vw,68px)/.98 var(--serif);
    letter-spacing:-.045em;
  }
  .home-adoption__header h2 span { display:block; }
  .home-adoption__header h2 .home-adoption__lead {
    width:max-content;
    max-width:100%;
    padding-right:.08em;
    font-size:clamp(1.7rem,2.6vw,2.5rem);
    font-style:italic;
    letter-spacing:-.015em;
  }
  .home-adoption__header h2 .home-adoption__accent {
    width:max-content;
    max-width:100%;
    padding:0 .1em .08em .02em;
    background:none;
    color:#fff;
    -webkit-text-fill-color:#fff;
    font-family:var(--sans);
    font-size:clamp(1.5rem,2.35vw,2.2rem);
    font-weight:400;
    font-style:normal;
    line-height:.98;
    letter-spacing:-.055em;
  }
  .home-adoption__proof {
    padding-bottom:4px;
    display:grid;
    grid-template-columns:78px 76px 134px;
    align-items:center;
    gap:11px;
  }
  .home-adoption__proof > span {
    min-height:78px;
    padding:13px 12px 11px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    border-radius:12px;
    background:#222225;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  }
  .home-adoption__proof > .home-adoption__award {
    padding:0;
    align-items:center;
    justify-content:center;
    background:transparent;
    color:#f2f3f5;
    box-shadow:none;
  }
  .home-adoption__award svg {
    width:66px;
    height:auto;
    display:block;
    overflow:visible;
    filter:drop-shadow(0 9px 16px rgba(0,0,0,.24));
  }
  .home-adoption__award-monogram {
    fill:none;
    stroke:#f7f8fa;
    stroke-width:.9;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .home-adoption__award-crossbar { fill:#f7f8fa; }
  .home-adoption__proof > .home-adoption__award--group {
    grid-column:auto;
    width:100%;
  }
  .home-adoption__award--group img {
    width:61px;
    max-width:100%;
    height:auto;
    display:block;
    object-fit:contain;
    filter:drop-shadow(0 10px 18px rgba(0,0,0,.2));
  }
  .home-adoption__proof > .home-adoption__award--french {
    grid-column:auto;
    width:100%;
    min-height:78px;
  }
  .home-adoption__award--french img {
    width:126px;
    max-width:100%;
    height:auto;
    display:block;
    object-fit:contain;
    filter:drop-shadow(0 10px 20px rgba(0,0,0,.22));
  }
  .home-adoption__proof b {
    color:#f3f3ef;
    font:680 23px/.9 var(--sans);
    letter-spacing:-.045em;
  }
  .home-adoption__proof small {
    color:#8d8f96;
    font:560 8.5px/1.15 var(--sans);
    letter-spacing:-.01em;
  }
  .home-adoption__grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
  }
  .home-adoption-card {
    position:relative;
    min-width:0;
    height:clamp(480px,39vw,620px);
    margin:0;
    overflow:hidden;
    isolation:isolate;
    border-radius:15px;
    background:#1d1d20;
    box-shadow:0 24px 48px -40px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.055);
  }
  .home-adoption-card::after {
    content:"";
    position:absolute;
    z-index:2;
    inset:28% 0 0;
    pointer-events:none;
    background:linear-gradient(to bottom,transparent 0%,rgba(11,11,13,.2) 22%,rgba(11,11,13,.88) 100%);
  }
  .home-adoption-card video {
    position:absolute;
    z-index:1;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    filter:brightness(.74) saturate(.78) contrast(1.03);
    transition:filter .28s ease;
  }
  .home-adoption-card:nth-child(2) video { object-position:center 45%; }
  .home-adoption-card:hover video { filter:brightness(.82) saturate(.82) contrast(1.03); }
  .home-adoption-card__rating {
    position:absolute;
    z-index:3;
    top:15px;
    left:15px;
    min-height:34px;
    padding:0 11px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    border-radius:999px;
    background:rgba(8,8,9,.76);
    color:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.11);
    -webkit-backdrop-filter:blur(9px) saturate(.8);
    backdrop-filter:blur(9px) saturate(.8);
  }
  .home-adoption-card__rating > span {
    --rating:100%;
    position:relative;
    display:inline-block;
    overflow:hidden;
    color:rgba(255,255,255,.2);
    font:690 11px/1 var(--sans);
    letter-spacing:.055em;
    white-space:nowrap;
  }
  .home-adoption-card__rating > span::after {
    content:"★★★★★";
    position:absolute;
    inset:0 auto 0 0;
    width:var(--rating);
    overflow:hidden;
    color:#ffe486;
    background:linear-gradient(90deg,#ffe486 0%,#ffc343 52%,#f39a2f 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    white-space:nowrap;
  }
  .home-adoption-card__rating > b { color:#f4f4f1;font:700 10px/1 var(--sans); }
  .home-adoption-card figcaption {
    position:absolute;
    z-index:3;
    right:24px;
    bottom:24px;
    left:24px;
    color:#fff;
  }
  .home-adoption-card blockquote {
    max-width:390px;
    margin:0 0 25px;
    color:#fff;
    font:590 clamp(17px,1.45vw,22px)/1.3 var(--sans);
    letter-spacing:-.03em;
    text-wrap:balance;
  }
  .home-adoption-card figcaption p {
    margin:0;
    display:flex;
    flex-direction:column;
    gap:5px;
  }
  .home-adoption-card figcaption b { color:#f7f7f4;font:680 13px/1 var(--sans); }
  .home-adoption-card figcaption small { color:#b0b1b5;font:520 10.5px/1 var(--sans); }
}

@media (min-width:901px) and (max-width:1180px) {
  .home-adoption__header h2 { font-size:clamp(40px,4.8vw,54px); }
  .home-adoption__proof { grid-template-columns:68px 64px 116px;gap:9px; }
  .home-adoption__proof > span { min-height:69px;padding:8px 7px; }
  .home-adoption__proof > .home-adoption__award { padding:0; }
  .home-adoption__award svg { width:58px; }
  .home-adoption__award--group img { width:53px; }
  .home-adoption__proof > .home-adoption__award--french { min-height:69px; }
  .home-adoption__award--french img { width:108px; }
  .home-adoption__proof b { font-size:20px; }
  .home-adoption-card figcaption { right:19px;bottom:20px;left:19px; }
  .home-adoption-card blockquote { font-size:16px; }
}

@media (min-width:901px) and (prefers-reduced-motion:reduce) {
  .home-adoption-card video { transition:none !important; }
}

@media (min-width:901px) and (prefers-reduced-motion:reduce) {
  .home-page .gallery .showcase-card .card-likes,
  .collection-page .collection-gallery .showcase-card .card-likes {
    transition:none !important;
  }
}

/* Desktop card subtitles reveal context on hover without changing card height. */
@media (min-width:901px) {
  .home-page .gallery .showcase-card__heading,
  .collection-page .collection-gallery .showcase-card__heading {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
  }
  .home-page .gallery .showcase-card__heading h3,
  .collection-page .collection-gallery .showcase-card__heading h3 {
    grid-column:1 !important;
    grid-row:1 !important;
  }
  .home-page .gallery .showcase-card__heading p,
  .collection-page .collection-gallery .showcase-card__heading p,
  .home-page .gallery .showcase-card__heading::after,
  .collection-page .collection-gallery .showcase-card__heading::after {
    grid-column:1 !important;
    grid-row:2 !important;
    min-width:0 !important;
    overflow:hidden !important;
    color:rgba(255,255,255,.5) !important;
    font:550 12px/1.2 var(--sans) !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  .home-page .gallery .showcase-card__heading p,
  .collection-page .collection-gallery .showcase-card__heading p {
    opacity:0 !important;
    transform:translateY(3px) !important;
    transition:opacity .12s ease-out,transform .18s ease-out !important;
  }
  .home-page .gallery .showcase-card__heading::after,
  .collection-page .collection-gallery .showcase-card__heading::after {
    display:block !important;
    opacity:1 !important;
    transform:translateY(0) !important;
    transition:opacity .18s ease-out .04s,transform .22s cubic-bezier(.22,1,.36,1) .04s !important;
  }
  .home-page .gallery .showcase-card[data-price="free"] .showcase-card__heading::after,
  .collection-page .collection-gallery .showcase-card[data-price="free"] .showcase-card__heading::after {
    content:"Template · Free" !important;
  }
  .home-page .gallery .showcase-card[data-price="paid"] .showcase-card__heading::after,
  .collection-page .collection-gallery .showcase-card[data-price="paid"] .showcase-card__heading::after {
    content:"Template · Premium" !important;
  }
  .home-page .gallery .showcase-card:is(:hover,:focus-within) .showcase-card__heading p,
  .collection-page .collection-gallery .showcase-card:is(:hover,:focus-within) .showcase-card__heading p {
    opacity:1 !important;
    transform:translateY(0) !important;
    transition:opacity .2s ease-out .05s,transform .28s cubic-bezier(.22,1,.36,1) .03s !important;
  }
  .home-page .gallery .showcase-card:is(:hover,:focus-within) .showcase-card__heading::after,
  .collection-page .collection-gallery .showcase-card:is(:hover,:focus-within) .showcase-card__heading::after {
    opacity:0 !important;
    transform:translateY(-3px) !important;
    transition:opacity .12s ease-out,transform .18s ease-out !important;
  }
}

@media (min-width:901px) and (prefers-reduced-motion:reduce) {
  .home-page .gallery .showcase-card__heading p,
  .collection-page .collection-gallery .showcase-card__heading p,
  .home-page .gallery .showcase-card__heading::after,
  .collection-page .collection-gallery .showcase-card__heading::after {
    transform:none !important;
    transition:none !important;
  }
}

/* Desktop catalogue cards: tall desktop artwork over a compact anthracite caption rail. */
@media (min-width:901px) {
  .home-page .gallery .showcase-card,
  .collection-page .collection-gallery .showcase-card,
  .home-page .gallery .showcase-card[data-kind],
  .collection-page .collection-gallery .showcase-card[data-style],
  .home-page .gallery .showcase-card[data-price],
  .collection-page .collection-gallery .showcase-card[data-price] {
    --card-caption-rgb:8,8,10;
    --card-caption-ink:#fff;
    --card-caption-muted:rgba(255,255,255,.78);
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    box-sizing:border-box !important;
    padding:0 !important;
    overflow:hidden !important;
    border:1px solid rgba(232,236,242,.18) !important;
    border-radius:14px !important;
    background:#29292b !important;
    box-shadow:none !important;
    isolation:isolate !important;
  }

  .home-page .gallery .showcase-card:hover,
  .collection-page .collection-gallery .showcase-card:hover {
    border-color:rgba(238,241,246,.24) !important;
    background:#29292b !important;
  }

  .home-page .gallery .showcase-card::after,
  .collection-page .collection-gallery .showcase-card::after {
    content:none !important;
    display:none !important;
  }

  .home-page .gallery .showcase-card__preview,
  .collection-page .collection-gallery .showcase-card__preview,
  .home-page .gallery .showcase-card--lithos .showcase-card__preview,
  .collection-page .collection-gallery .showcase-card--lithos .showcase-card__preview {
    position:relative !important;
    z-index:1 !important;
    flex:0 0 auto !important;
    order:1 !important;
    width:100% !important;
    margin:0 !important;
    aspect-ratio:1.42/1 !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:13px !important;
    clip-path:inset(0 round 13px) !important;
    box-shadow:none !important;
  }

  .home-page .gallery .showcase-card__meta,
  .collection-page .collection-gallery .showcase-card__meta,
  .home-page .gallery .showcase-card--lithos .showcase-card__meta,
  .collection-page .collection-gallery .showcase-card--lithos .showcase-card__meta {
    position:relative !important;
    z-index:30 !important;
    flex:0 0 58px !important;
    order:2 !important;
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    height:58px !important;
    min-height:58px !important;
    margin:0 !important;
    padding:9px 58px 10px 13px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:0 0 14px 14px !important;
    background:#29292b !important;
    box-shadow:none !important;
  }

  .home-page .gallery .showcase-card__meta::before,
  .collection-page .collection-gallery .showcase-card__meta::before {
    content:none !important;
    display:none !important;
  }

  .home-page .gallery .showcase-card__meta::after,
  .collection-page .collection-gallery .showcase-card__meta::after {
    content:none !important;
    display:none !important;
  }

  .home-page .gallery .showcase-card__heading,
  .collection-page .collection-gallery .showcase-card__heading {
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
  }

  .home-page .gallery .showcase-card__meta h3,
  .collection-page .collection-gallery .showcase-card__meta h3,
  .home-page .gallery .showcase-card--lithos .showcase-card__meta h3,
  .collection-page .collection-gallery .showcase-card--lithos .showcase-card__meta h3 {
    color:#f5f5f2 !important;
    text-shadow:none !important;
  }

  .home-page .gallery .showcase-card__heading p,
  .collection-page .collection-gallery .showcase-card__heading p,
  .home-page .gallery .showcase-card__heading::after,
  .collection-page .collection-gallery .showcase-card__heading::after {
    color:#a8a8a4 !important;
    text-shadow:none !important;
  }

  .home-page .gallery .card-author-avatar,
  .collection-page .collection-gallery .card-author-avatar {
    z-index:2 !important;
    top:50% !important;
    right:13px !important;
    bottom:auto !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    transform:translateY(-50%) !important;
  }
}

/* Mobile catalogue: the pre-overlay editorial cards and current controls. */
@keyframes mobileSortReveal {
  from { opacity:0;transform:translateY(-7px) scale(.98);filter:blur(2px); }
  to { opacity:1;transform:translateY(0) scale(1);filter:blur(0); }
}

@media (max-width:680px) {
  .home-page .hero {
    width:100% !important;min-height:392px !important;padding:0 22px !important;overflow:hidden !important;
  }
  .home-page .hero__copy {
    width:100% !important;max-width:346px !important;padding:116px 0 18px !important;
  }
  .home-page .headline {
    width:100% !important;height:auto !important;font-size:30px !important;line-height:.98 !important;
  }
  .home-page .headline > .hero-copy--mobile {
    width:100% !important;max-width:100% !important;margin:0 auto !important;padding:.025em 0 .16em !important;
    white-space:normal !important;text-wrap:balance !important;
  }
  .home-page .headline > .hero-copy--mobile.line--serif {
    margin-bottom:8px !important;font-size:38px !important;line-height:.92 !important;
  }
  .home-page .headline > .hero-copy--mobile.line--bold {
    font-size:30px !important;font-weight:600 !important;line-height:1.02 !important;letter-spacing:-.045em !important;
  }
  .home-page .headline > .hero-copy--mobile.line--bold + .hero-copy--mobile.line--bold { margin-top:9px !important; }
  .home-page .hero-subtitle { display:none !important; }
  .home-page .cta-row { width:100% !important;min-height:56px !important;margin-top:27px !important; }
  .home-page .hero .btn-cta--compact.btn-cta--linked {
    width:min(270px,100%) !important;height:56px !important;border-radius:999px !important;
  }
  .home-page .hero .btn-cta__track,
  .home-page .hero .btn-cta__group { width:100% !important; }

  .home-page .gallery {
    width:100% !important;max-width:100% !important;margin-top:8px !important;padding:0 22px 72px !important;overflow:visible !important;
  }
  .home-page .gallery .gallery-toolbar,
  .collection-page .collection-filter-row {
    width:100% !important;max-width:none !important;margin:0 0 20px !important;padding:0 !important;
    display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:13px !important;
    border:0 !important;background:transparent !important;box-shadow:none !important;
  }
  .home-page .gallery .gallery-toggle,
  .collection-page .collection-format-toggle {
    grid-column:1 !important;width:100% !important;max-width:none !important;min-width:0 !important;
    padding:4px !important;gap:4px !important;border:0 !important;border-radius:11px !important;
    background:#202023 !important;box-shadow:none !important;
  }
  .home-page .gallery .gallery-toggle::before,
  .collection-page .collection-format-toggle::before {
    top:4px !important;bottom:4px !important;left:4px !important;width:calc((100% - 12px)/2) !important;
    border:0 !important;border-radius:8px !important;background:#f3f3f1 !important;box-shadow:none !important;
    transition:transform 240ms cubic-bezier(.4,0,.2,1) !important;
  }
  .home-page .gallery .gallery-toggle[data-active-format="app"]::before,
  .collection-page .collection-format-toggle[data-active-format="app"]::before {
    transform:translateX(calc(100% + 4px)) !important;
  }
  .home-page .gallery .gallery-toggle button,
  .collection-page .collection-format-toggle button {
    min-height:44px !important;padding:0 10px !important;gap:8px !important;border:0 !important;border-radius:8px !important;
    background:transparent !important;color:#929296 !important;font:620 13px/1 var(--sans) !important;
    box-shadow:none !important;transform:none !important;
  }
  .home-page .gallery .gallery-toggle button[aria-pressed="true"],
  .collection-page .collection-format-toggle button[aria-pressed="true"] {
    background:transparent !important;color:#111214 !important;box-shadow:none !important;
  }
  .home-page .gallery .gallery-toggle button svg,
  .collection-page .collection-format-toggle button svg {
    display:block !important;width:17px !important;height:17px !important;flex:none !important;
    fill:none !important;stroke:currentColor !important;stroke-width:1.75 !important;
  }
  .home-page .gallery .gallery-toggle__count { display:none !important; }

  .home-page .gallery .gallery-sort-cluster,
  .collection-page .collection-sort-cluster {
    grid-column:1 !important;width:100% !important;display:flex !important;align-items:center !important;
    justify-content:space-between !important;gap:14px !important;
  }
  .home-page .gallery .gallery-result-count,
  .collection-page .collection-result-count {
    display:block !important;color:#8f8f93 !important;font:560 13px/1 var(--sans) !important;
    letter-spacing:-.01em !important;white-space:nowrap !important;
  }
  .home-page .gallery .gallery-sort,
  .collection-page .collection-sort {
    position:relative !important;flex:none !important;border:0 !important;background:transparent !important;
  }
  .home-page .gallery .gallery-sort > summary,
  .collection-page .collection-sort > summary {
    width:108px !important;height:var(--ds-mobile-button-height-tall) !important;
    padding:0 10px 0 var(--ds-mobile-button-padding-tall) !important;display:flex !important;
    align-items:center !important;justify-content:space-between !important;gap:var(--ds-mobile-button-gap) !important;
    border:0 !important;border-radius:var(--ds-mobile-button-radius) !important;
    background:var(--ds-mobile-button-surface) !important;color:var(--ds-mobile-button-ink) !important;box-shadow:none !important;
  }
  .home-page .gallery .sort-trigger__label,
  .collection-page .sort-trigger__label {
    display:block !important;overflow:hidden !important;font:620 var(--ds-mobile-button-font-size)/1 var(--sans) !important;
    text-overflow:ellipsis !important;white-space:nowrap !important;
  }
  .home-page .gallery .gallery-sort > summary svg,
  .collection-page .collection-sort > summary svg {
    width:var(--ds-mobile-button-chevron-size) !important;height:var(--ds-mobile-button-chevron-size) !important;
    flex:none !important;transition:transform .24s ease !important;
  }
  .home-page .gallery .gallery-sort[open] > summary svg,
  .collection-page .collection-sort[open] > summary svg { transform:rotate(180deg) !important; }
  .home-page .gallery .gallery-sort__menu,
  .collection-page .collection-sort__menu {
    top:44px !important;right:0 !important;width:160px !important;padding:6px !important;border:0 !important;
    border-radius:9px !important;background:#242426 !important;box-shadow:0 20px 44px -22px rgba(0,0,0,.9) !important;
  }
  .home-page .gallery .gallery-sort[open] .gallery-sort__menu,
  .collection-page .collection-sort[open] .collection-sort__menu {
    animation:mobileSortReveal .24s cubic-bezier(.22,1,.36,1) both !important;
  }
  .home-page .gallery .gallery-sort__menu button,
  .collection-page .collection-sort__menu button {
    min-height:36px !important;padding:0 9px !important;border:0 !important;border-radius:6px !important;
    background:transparent !important;color:#a6a6aa !important;font:600 11.5px/1 var(--sans) !important;
  }
  .home-page .gallery .gallery-sort__menu button[aria-pressed="true"],
  .collection-page .collection-sort__menu button[aria-pressed="true"] {
    background:#303033 !important;color:#fff !important;
  }

  .home-page .gallery .gallery__grid,
  .collection-page .collection-gallery .gallery__grid {
    width:100% !important;max-width:100% !important;min-width:0 !important;
    grid-template-columns:minmax(0,1fr) !important;gap:18px !important;
  }
  .home-page .gallery .showcase-card,
  .collection-page .collection-gallery .showcase-card,
  .home-page .gallery .showcase-card[data-kind],
  .collection-page .collection-gallery .showcase-card[data-style],
  .home-page .gallery .showcase-card[data-price],
  .collection-page .collection-gallery .showcase-card[data-price] {
    width:100% !important;max-width:100% !important;min-width:0 !important;padding:0 !important;
    overflow:hidden !important;border:0 !important;border-radius:14px !important;background:transparent !important;
    box-shadow:none !important;transform:none !important;
  }
  .home-page .gallery .showcase-card__preview,
  .collection-page .collection-gallery .showcase-card__preview,
  .home-page .gallery .showcase-card--lithos .showcase-card__preview,
  .collection-page .collection-gallery .showcase-card--lithos .showcase-card__preview {
    position:relative !important;z-index:1 !important;width:100% !important;margin:0 !important;
    aspect-ratio:1.38/1 !important;overflow:hidden !important;border:0 !important;
    border-radius:14px 14px 10px 10px !important;clip-path:inset(0 round 14px 14px 10px 10px) !important;box-shadow:none !important;
  }
  .home-page .gallery .showcase-card__meta,
  .collection-page .collection-gallery .showcase-card__meta,
  .home-page .gallery .showcase-card--lithos .showcase-card__meta,
  .collection-page .collection-gallery .showcase-card--lithos .showcase-card__meta {
    position:relative !important;z-index:2 !important;inset:auto !important;width:100% !important;height:auto !important;
    min-height:68px !important;margin:0 !important;padding:12px 58px 10px 13px !important;
    display:flex !important;align-items:flex-start !important;overflow:hidden !important;border:0 !important;
    border-radius:0 0 14px 14px !important;background:transparent !important;box-shadow:none !important;
  }
  .home-page .gallery .showcase-card__meta::before,
  .home-page .gallery .showcase-card__meta::after,
  .collection-page .collection-gallery .showcase-card__meta::before,
  .collection-page .collection-gallery .showcase-card__meta::after {
    content:none !important;display:none !important;
  }
  .home-page .gallery .showcase-card__heading,
  .collection-page .collection-gallery .showcase-card__heading {
    position:relative !important;z-index:1 !important;width:100% !important;min-width:0 !important;
    display:grid !important;grid-template-columns:minmax(0,1fr) !important;
  }
  .home-page .gallery .showcase-card__meta h3,
  .collection-page .collection-gallery .showcase-card__meta h3 {
    grid-column:1 !important;grid-row:1 !important;margin:0 0 5px !important;color:#fff !important;
    font:620 17px/1.1 var(--sans) !important;letter-spacing:-.025em !important;text-shadow:none !important;
  }
  .home-page .gallery .showcase-card__heading p,
  .collection-page .collection-gallery .showcase-card__heading p,
  .home-page .gallery .showcase-card--lithos .showcase-card__heading p,
  .collection-page .collection-gallery .showcase-card--lithos .showcase-card__heading p { display:none !important; }
  .home-page .gallery .showcase-card__heading::after,
  .collection-page .collection-gallery .showcase-card__heading::after {
    grid-column:1 !important;grid-row:2 !important;display:block !important;overflow:hidden !important;
    color:rgba(255,255,255,.52) !important;font:550 12px/1.2 var(--sans) !important;
    text-overflow:ellipsis !important;white-space:nowrap !important;text-shadow:none !important;
  }
  .home-page .gallery .showcase-card[data-price="free"] .showcase-card__heading::after,
  .collection-page .collection-gallery .showcase-card[data-price="free"] .showcase-card__heading::after { content:"Template · Free" !important; }
  .home-page .gallery .showcase-card[data-price="paid"] .showcase-card__heading::after,
  .collection-page .collection-gallery .showcase-card[data-price="paid"] .showcase-card__heading::after { content:"Template · Premium" !important; }
  .home-page .gallery .card-author-avatar,
  .collection-page .collection-gallery .card-author-avatar {
    position:absolute !important;z-index:2 !important;top:50% !important;right:13px !important;bottom:auto !important;
    display:block !important;width:32px !important;height:32px !important;margin:0 !important;border:0 !important;
    border-radius:0 !important;object-fit:contain !important;object-position:center !important;transform:translateY(-50%) !important;
  }
  .home-page .gallery .collection-card-index,
  .collection-page .collection-gallery .collection-card-index,
  .home-page .gallery .card-status,
  .home-page .gallery .card-specs,
  .home-page .gallery .card-bottom,
  .collection-page .collection-gallery .card-status,
  .collection-page .collection-gallery .card-specs,
  .collection-page .collection-gallery .card-bottom { display:none !important; }

  .collection-page .collection-toolbar,
  .collection-page .collection-gallery,
  .collection-page .collection-loading,
  .collection-page .collection-skeleton {
    width:calc(100% - 44px) !important;max-width:none !important;margin-right:auto !important;margin-left:auto !important;
  }
}

.home-page .gallery .card-author-avatar--site,
.collection-page .collection-gallery .card-author-avatar--site {
  border-radius:0 !important;
  background:transparent !important;
  object-fit:contain !important;
  object-position:center !important;
}

.home-page .gallery .card-author-avatar--photo,
.collection-page .collection-gallery .card-author-avatar--photo {
  border:1px solid rgba(255,255,255,.2) !important;
  border-radius:50% !important;
  background:#26272b !important;
  object-fit:cover !important;
  object-position:center !important;
  box-shadow:0 7px 18px -12px rgba(0,0,0,.85) !important;
}

@media (max-width:680px) and (prefers-reduced-motion:reduce) {
  .home-page .gallery .gallery-toggle::before,
  .collection-page .collection-format-toggle::before,
  .home-page .gallery .gallery-sort[open] .gallery-sort__menu,
  .collection-page .collection-sort[open] .collection-sort__menu {
    animation:none !important;transition:none !important;
  }
}

/* Mobile presents one unified catalogue; sorting remains the only control. */
@media (max-width:680px) {
  .home-page .gallery .gallery-toggle,
  .collection-page .collection-format-toggle {
    display:none !important;
  }
  .home-page .gallery .gallery-toolbar,
  .collection-page .collection-filter-row {
    gap:0 !important;
  }
}

/* Mobile liked state: keep both the heart and count legible on dark artwork. */
@media (max-width:680px) {
  .home-page .gallery .card-likes:is(.is-liked,[aria-pressed="true"]),
  .collection-page .collection-gallery .card-likes:is(.is-liked,[aria-pressed="true"]) {
    border-color:rgba(255,72,103,.48) !important;
    background:rgba(24,20,23,.9) !important;
    color:#fff !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px -18px rgba(0,0,0,.95) !important;
  }
  .home-page .gallery .card-likes:is(.is-liked,[aria-pressed="true"]) > span,
  .collection-page .collection-gallery .card-likes:is(.is-liked,[aria-pressed="true"]) > span {
    color:#ff3658 !important;
  }
  .home-page .gallery .card-likes:is(.is-liked,[aria-pressed="true"]) > b,
  .collection-page .collection-gallery .card-likes:is(.is-liked,[aria-pressed="true"]) > b {
    display:block !important;
    color:#fff !important;
    opacity:1 !important;
    font-size:12px !important;
    font-weight:700 !important;
  }
}

/* Mobile guest action is the primary header control. */
@media (max-width:900px) {
  .nav .nav-session-link--guest.nav-action--mobile-login[hidden] {
    display:none !important;
  }
  .nav .nav-session-link--guest.nav-action--mobile-login:not([hidden]) {
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    padding:0 8px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    border:0 !important;
    background:transparent !important;
    color:#fff !important;
    border-radius:0 !important;
    box-shadow:none !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:700 !important;
  }
  .nav .nav-session-link--guest.nav-action--mobile-login:not([hidden]):hover,
  .nav .nav-session-link--guest.nav-action--mobile-login:not([hidden]):focus-visible {
    background:transparent !important;
    color:#fff !important;
    box-shadow:none !important;
  }
}

/* Mobile guest premium intent — one calm step before the full pricing modal. */
.mobile-premium-gate {
  width:min(430px,calc(100% - 24px));
  max-width:none;
  max-height:calc(100dvh - 24px);
  margin:auto;
  padding:0;
  overflow:visible;
  border:0;
  background:transparent;
  color:#f7f7f4;
}
.mobile-premium-gate::backdrop {
  background:rgba(5,5,6,.76);
  -webkit-backdrop-filter:blur(16px) saturate(115%);
  backdrop-filter:blur(16px) saturate(115%);
  opacity:0;
  transition:opacity .28s ease;
}
.mobile-premium-gate.is-visible::backdrop { opacity:1; }
.mobile-premium-gate__surface {
  position:relative;
  max-height:calc(100dvh - 24px);
  padding:27px 27px 22px;
  overflow:auto;
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  background:
    radial-gradient(90% 62% at 92% -5%,rgba(255,255,255,.055),transparent 65%),
    linear-gradient(155deg,#181819 0%,#121213 100%);
  box-shadow:
    0 34px 90px -30px rgba(0,0,0,.96),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 0 0 1px rgba(255,255,255,.025),
    inset 0 -34px 58px rgba(0,0,0,.5),
    inset 22px 0 48px rgba(255,255,255,.012);
  opacity:0;
  transform:translateY(18px) scale(.975);
  filter:blur(3px);
  transition:opacity .24s ease,transform .42s cubic-bezier(.22,1,.36,1),filter .3s ease;
}
.mobile-premium-gate.is-visible .mobile-premium-gate__surface { opacity:1;transform:none;filter:blur(0); }
.mobile-premium-gate.is-closing .mobile-premium-gate__surface { transform:translateY(9px) scale(.988);transition-duration:.2s; }
.mobile-premium-gate__close {
  position:absolute;
  z-index:3;
  top:18px;
  right:18px;
  width:34px;
  height:34px;
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  border-radius:0;
  background:transparent;
  color:#b5b5b0;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.mobile-premium-gate__close svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round; }
.mobile-premium-gate__close:focus,
.mobile-premium-gate__close:focus-visible { outline:none; }
.mobile-premium-gate h2 {
  max-width:320px;
  margin:0;
  padding-right:46px;
  color:#f5f5f2;
  font:650 29px/1.02 var(--sans);
  letter-spacing:-.045em;
  text-wrap:balance;
}
.mobile-premium-gate p {
  max-width:330px;
  margin:10px 0 0;
  color:#93938e;
  font:450 13px/1.42 var(--sans);
}
.mobile-premium-gate p strong { color:#d9d9d4;font-weight:650; }
.mobile-premium-gate__visual {
  position:relative;
  width:100%;
  margin:22px 0 0;
  aspect-ratio:1.55/1;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  background:#151517;
}
.mobile-premium-gate__visual::after {
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:44%;
  background:linear-gradient(180deg,transparent,rgba(15,15,17,.28));
  pointer-events:none;
}
.mobile-premium-gate__visual img { width:100%;height:100%;display:block;object-fit:cover; }
.mobile-premium-gate__tags { margin:14px 0 0;display:flex;flex-wrap:wrap;gap:6px; }
.mobile-premium-gate__tags span {
  min-height:28px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:#272728;
  color:#aaa9a4;
  font:600 10px/1 var(--sans);
  white-space:nowrap;
}
.mobile-premium-gate__actions { margin:20px 0 0;display:flex;flex-direction:column; }
.mobile-premium-gate__actions button {
  min-height:52px;
  padding:0 16px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:#aaa9a4;
  font:650 13px/1 var(--sans);
  touch-action:manipulation;
}
.mobile-premium-gate__actions [data-premium-gate-unlock] {
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:var(--ds-primary);
  color:#fff;
}
.mobile-premium-gate__actions [data-premium-gate-unlock]:active { background:var(--ds-primary-active); }
.mobile-premium-gate__actions [data-premium-gate-unlock] span { font-size:17px; }
body.premium-gate-open { overflow:hidden; }

@media (min-width:681px) {
  .mobile-premium-gate { display:none; }
}

@media (max-width:480px) {
  .mobile-premium-gate__surface { padding:24px 20px 18px;border-radius:20px; }
  .mobile-premium-gate__close { top:15px;right:15px; }
  .mobile-premium-gate h2 { font-size:26px; }
  .mobile-premium-gate__visual { margin-top:19px; }
}

@media (prefers-reduced-motion:reduce) {
  .mobile-premium-gate::backdrop,
  .mobile-premium-gate__surface { transition:none;filter:none; }
}

/* Mobile parity — current desktop language without horizontal overflow. */
@media (max-width:900px) {
  html,
  body {
    width:100%;
    max-width:100%;
    overflow-x:clip !important;
  }

  .nav {
    width:100% !important;
    max-width:none !important;
    padding:18px 22px !important;
    box-sizing:border-box !important;
    gap:8px !important;
  }

  .nav .brand {
    min-width:0;
    flex:none;
  }

  .nav .brand-wordmark {
    font-size:16px !important;
  }

  .nav .brand-wordmark--2026 {
    font-size:18px !important;
  }

  .nav .nav__actions {
    min-width:0;
    margin-left:auto !important;
    gap:4px !important;
  }

  .nav .nav-session-link--guest.nav-action--mobile-login {
    max-width:84px;
    padding-inline:5px !important;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .nav .nav__burger {
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
    flex:0 0 40px !important;
  }

  body.home-page .home-main,
  body.home-page .hero,
  body.home-page .gallery {
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
}

@media (max-width:680px) {
  .home-page .hero {
    padding-inline:22px !important;
  }

  .home-page .hero__copy {
    max-width:100% !important;
  }

  .home-page .headline,
  .home-page .headline > .hero-copy--mobile {
    max-width:100% !important;
    overflow:visible !important;
  }

  .home-page .headline > .hero-copy--mobile.line--bold {
    font-size:28px !important;
    white-space:normal !important;
    text-wrap:balance !important;
  }

  .home-page .gallery {
    padding-right:22px !important;
    padding-left:22px !important;
  }

  .home-page .gallery .gallery-toolbar,
  .home-page .gallery .gallery-sort-cluster {
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  .home-page .gallery .gallery-result-count {
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .home-page .gallery .gallery-sort > summary {
    width:112px !important;
    max-width:112px !important;
  }

  .home-page .gallery .showcase-card__preview,
  .collection-page .collection-gallery .showcase-card__preview {
    aspect-ratio:1.42/1 !important;
  }

  .home-page .gallery .showcase-card__meta,
  .collection-page .collection-gallery .showcase-card__meta {
    min-height:64px !important;
    padding-top:11px !important;
    padding-bottom:8px !important;
  }

  .home-page .gallery-catalogue-view,
  .collection-page .gallery-catalogue-view {
    width:max-content;
    margin:22px auto 0;
    padding:6px 0;
    display:flex;
    align-items:baseline;
    justify-content:center;
    gap:6px;
    border-bottom:1px solid rgba(255,255,255,.34);
    color:#fff;
    font:620 13px/1 var(--sans);
    letter-spacing:-.025em;
    text-decoration:none;
  }

  .home-page .gallery-catalogue-view span,
  .collection-page .gallery-catalogue-view span {
    color:#fff;
    font-size:12px;
    font-weight:680;
  }

  .home-page .gallery-access-cta {
    width:100%;
    margin:78px auto 0;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }

  .home-page .gallery-access-cta__button {
    width:210px;
    min-height:52px;
    padding:0 17px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    border:0;
    border-radius:999px;
    background:
      radial-gradient(90% 150% at 48% -88%,rgba(255,255,255,.18),rgba(97,193,239,.07) 31%,transparent 58%),
      linear-gradient(108deg,#07182d,#0b467f 23%,#167fc1 41%,#3aa7df 51%,#1479bf 63%,#0d559a 79%,#082943);
    color:#fff;
    box-shadow:0 20px 42px -29px rgba(98,91,231,.96),inset 0 1px 0 rgba(255,255,255,.2);
    font:670 14px/1 var(--sans);
    text-decoration:none;
  }

  .home-page .gallery-access-cta__button svg {
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .home-page .gallery-access-cta > p {
    max-width:280px;
    margin:15px 0 0;
    color:#96989e;
    font:520 12px/1.45 var(--sans);
  }

  .home-page .home-testimonials {
    display:none !important;
  }

  .home-page .home-adoption {
    width:auto !important;
    margin:96px 22px 92px !important;
    display:block !important;
    color:#f5f5f2;
  }

  .home-page .home-adoption__header {
    margin:0 0 28px;
    display:block;
  }

  .home-page .home-adoption__eyebrow {
    min-height:25px;
    margin-bottom:15px;
    padding:0 9px;
    display:inline-flex;
    align-items:center;
    border-radius:7px;
    background:#222225;
    color:#a9abb1;
    font:720 8px/1 var(--sans);
    letter-spacing:.075em;
    text-transform:uppercase;
  }

  .home-page .home-adoption__header h2 {
    margin:0;
    display:flex;
    flex-direction:column;
    color:#f5f5f2;
    letter-spacing:-.045em;
  }

  .home-page .home-adoption__lead {
    width:max-content;
    max-width:100%;
    color:#f5f5f2;
    font:400 italic 31px/1 var(--serif);
    letter-spacing:.015em;
  }

  .home-page .home-adoption__accent {
    width:max-content;
    max-width:100%;
    margin-top:7px;
    color:#fff;
    font:400 31px/.98 var(--sans);
    letter-spacing:-.05em;
  }

  .home-page .home-adoption__proof {
    margin-top:26px;
    display:grid;
    grid-template-columns:62px 58px minmax(108px,1fr);
    align-items:center;
    gap:12px;
  }

  .home-page .home-adoption__proof > span {
    min-width:0;
    min-height:66px;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:transparent;
  }

  .home-page .home-adoption__award svg {
    width:58px;
    height:auto;
    display:block;
    color:#f5f6f8;
    filter:drop-shadow(0 8px 14px rgba(0,0,0,.22));
  }

  .home-page .home-adoption__award-monogram {
    fill:none;
    stroke:#f7f8fa;
    stroke-width:.9;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .home-page .home-adoption__award-crossbar { fill:#f7f8fa; }
  .home-page .home-adoption__award--group img {
    width:54px;
    max-width:100%;
    height:auto;
    display:block;
    object-fit:contain;
  }
  .home-page .home-adoption__award--french img {
    width:112px;
    max-width:100%;
    height:auto;
    display:block;
    object-fit:contain;
  }

  .home-page .home-adoption__grid {
    width:calc(100% + 22px);
    margin-right:-22px;
    padding-right:22px;
    display:flex;
    gap:14px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .home-page .home-adoption__grid::-webkit-scrollbar { display:none; }

  .home-page .home-adoption-card {
    position:relative;
    flex:0 0 min(82vw,320px);
    height:470px;
    margin:0;
    overflow:hidden;
    isolation:isolate;
    border-radius:15px;
    background:#1d1d20;
    scroll-snap-align:start;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
  }

  .home-page .home-adoption-card::after {
    content:"";
    position:absolute;
    z-index:2;
    inset:28% 0 0;
    background:linear-gradient(to bottom,transparent,rgba(11,11,13,.22) 23%,rgba(11,11,13,.9));
    pointer-events:none;
  }

  .home-page .home-adoption-card video {
    position:absolute;
    z-index:1;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    filter:brightness(.76) saturate(.8) contrast(1.03);
  }

  .home-page .home-adoption-card__rating {
    position:absolute;
    z-index:3;
    top:14px;
    left:14px;
    min-height:33px;
    padding:0 11px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    border-radius:999px;
    background:rgba(8,8,9,.78);
    color:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
    -webkit-backdrop-filter:blur(9px) saturate(.8);
    backdrop-filter:blur(9px) saturate(.8);
  }

  .home-page .home-adoption-card__rating > span {
    --rating:100%;
    position:relative;
    display:inline-block;
    overflow:hidden;
    color:rgba(255,255,255,.2);
    font:690 11px/1 var(--sans);
    letter-spacing:.055em;
    white-space:nowrap;
  }

  .home-page .home-adoption-card__rating > span::after {
    content:"★★★★★";
    position:absolute;
    inset:0 auto 0 0;
    width:var(--rating);
    overflow:hidden;
    background:linear-gradient(90deg,#ffe486,#ffc343 52%,#f39a2f);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    white-space:nowrap;
  }

  .home-page .home-adoption-card__rating > b {
    color:#f4f4f1;
    font:700 10px/1 var(--sans);
  }

  .home-page .home-adoption-card figcaption {
    position:absolute;
    z-index:3;
    right:20px;
    bottom:21px;
    left:20px;
    color:#fff;
  }

  .home-page .home-adoption-card blockquote {
    margin:0 0 23px;
    color:#fff;
    font:580 18px/1.32 var(--sans);
    letter-spacing:-.028em;
    text-wrap:balance;
  }

  .home-page .home-adoption-card figcaption p {
    margin:0;
    display:flex;
    flex-direction:column;
    gap:5px;
  }

  .home-page .home-adoption-card figcaption b { color:#f7f7f4;font:680 12px/1 var(--sans); }
  .home-page .home-adoption-card figcaption small { color:#b0b1b5;font:520 10px/1 var(--sans); }
}

@media (max-width:680px) and (prefers-reduced-motion:reduce) {
  .home-page .home-adoption__grid { scroll-behavior:auto; }
}

/* Home parity — desktop uses the same current message and hierarchy as mobile. */
@media (min-width:901px) {
  .home-page .hero-drop-tag,
  .home-page .headline > .hero-copy--desktop,
  .home-page .hero-subtitle { display:none !important; }

  .home-page .hero {
    min-height:470px !important;
  }

  .home-page .hero__copy {
    width:100% !important;
    max-width:820px !important;
    padding:166px 0 24px !important;
  }

  .home-page .headline {
    width:100% !important;
    height:auto !important;
    font-size:48px !important;
    line-height:.98 !important;
  }

  .home-page .headline > .hero-copy--mobile {
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    display:block !important;
    color:#fff !important;
    white-space:normal !important;
    text-wrap:balance !important;
  }

  .home-page .headline > .hero-copy--mobile.line--serif {
    margin-bottom:10px !important;
    font-size:58px !important;
    line-height:.92 !important;
  }

  .home-page .headline > .hero-copy--mobile.line--bold {
    font-size:46px !important;
    font-weight:600 !important;
    line-height:1 !important;
    letter-spacing:-.045em !important;
  }

  .home-page .headline > .hero-copy--mobile.line--bold + .hero-copy--mobile.line--bold {
    margin-top:10px !important;
  }

  .home-page .cta-row {
    margin-top:28px !important;
  }
}

/* CTA order swap: the catalogue's vivid blue action now leads in the hero,
   while the hero's quieter surface closes the gallery. */
.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery {
  width:210px !important;
  height:50px !important;
  padding:0 16px 0 18px !important;
  border:0 !important;
  border-radius:999px !important;
  background:
    radial-gradient(90% 150% at 48% -88%,rgba(255,255,255,.2) 0%,rgba(97,193,239,.08) 31%,transparent 58%),
    linear-gradient(108deg,#07182d 0%,#0b467f 23%,#167fc1 41%,#3aa7df 51%,#1479bf 63%,#0d559a 79%,#082943 100%) !important;
  box-shadow:
    0 20px 44px -29px rgba(98,91,231,.96),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(2,25,48,.68),
    inset 0 -12px 20px rgba(3,33,61,.2) !important;
}

.home-page .gallery-access-cta__button.cta-style--hero {
  width:250px !important;
  max-width:250px !important;
  min-height:54px !important;
  padding:0 18px !important;
  background:var(--ds-hero-cta-surface) !important;
  box-shadow:
    0 18px 38px -28px rgba(98,91,231,.56),
    0 10px 24px -22px rgba(255,78,72,.28),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -12px 28px rgba(2,9,16,.18) !important;
}

/* Primary actions use the logo's cool half; the warm tone stays an accent. */
.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery,
.home-page .gallery-access-cta__button:not(.cta-style--hero) {
  background:
    radial-gradient(90% 150% at 48% -88%,rgba(255,255,255,.22) 0%,rgba(201,173,229,.1) 34%,transparent 60%),
    linear-gradient(108deg,#25204e 0%,#403bb0 27%,#675fe4 50%,#7664e7 68%,#453aa8 100%) !important;
  box-shadow:
    0 20px 44px -29px rgba(103,95,228,.92),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(30,24,82,.72),
    inset 0 -12px 20px rgba(35,28,92,.22) !important;
}

.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery:hover,
.home-page .gallery-access-cta__button:not(.cta-style--hero):hover {
  box-shadow:
    0 22px 48px -27px rgba(118,100,231,.98),
    inset 0 1px 0 rgba(255,255,255,.3),
    inset 0 -1px 0 rgba(30,24,82,.7),
    inset 0 -12px 20px rgba(35,28,92,.14) !important;
}

@media (max-width:680px) {
  .home-page .gallery .showcase-card:focus,
  .home-page .gallery .showcase-card:focus-visible,
  .collection-page .collection-gallery .showcase-card:focus,
  .collection-page .collection-gallery .showcase-card:focus-visible {
    outline:none !important;
    outline-offset:0 !important;
  }

  .home-page .gallery .showcase-card:focus-within,
  .collection-page .collection-gallery .showcase-card:focus-within {
    box-shadow:inset 0 1px 0 rgba(255,255,255,.075) !important;
  }

  .home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery {
    width:min(210px,100%) !important;
    height:52px !important;
  }

  .home-page .gallery-access-cta__button.cta-style--hero {
    width:min(270px,100%) !important;
    max-width:270px !important;
    min-height:56px !important;
  }

  .home-page .gallery .showcase-card__preview,
  .collection-page .collection-gallery .showcase-card__preview,
  .home-page .gallery .showcase-card--lithos .showcase-card__preview,
  .collection-page .collection-gallery .showcase-card--lithos .showcase-card__preview {
    box-sizing:border-box !important;
    border:1px solid rgba(232,236,242,.18) !important;
  }
}

/* Keep the sliders trigger authoritative over earlier catalogue button variants. */
.home-page .gallery .gallery-sort[data-project-sort] > summary {
  width:50px !important;
  max-width:50px !important;
  height:50px !important;
  padding:0 !important;
  display:grid !important;
  grid-template:1fr / 1fr !important;
  place-items:center !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:50% !important;
  background:#202022 !important;
  color:#aaa9ad !important;
  outline:0 !important;
  list-style:none !important;
  font-size:0 !important;
  line-height:0 !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  -webkit-tap-highlight-color:transparent !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055) !important;
}
.home-page .gallery .gallery-sort[data-project-sort] > summary::marker { content:"" !important;display:none !important; }
.home-page .gallery .gallery-sort[data-project-sort] > summary::-webkit-details-marker { display:none !important; }
.home-page .gallery .gallery-sort[data-project-sort] > summary:hover,
.home-page .gallery .gallery-sort[data-project-sort][open] > summary {
  border-color:rgba(255,255,255,.14) !important;
  background:#272729 !important;
  color:#e7e7e5 !important;
}
.home-page .gallery .gallery-sort[data-project-sort] > summary .gallery-filter-icon,
.home-page .gallery .gallery-sort[data-project-sort][open] > summary .gallery-filter-icon {
  grid-area:1 / 1 !important;
  justify-self:center !important;
  align-self:center !important;
  width:25px !important;
  height:25px !important;
  margin:0 !important;
  transform:none !important;
}
@media (max-width:680px) {
  .home-page .gallery .gallery-sort[data-project-sort] > summary {
    width:48px !important;
    max-width:48px !important;
    height:48px !important;
  }
  .home-page .gallery .gallery-sort[data-project-sort] > summary .gallery-filter-icon {
    width:24px !important;
    height:24px !important;
  }
}

/* Account settings: one real mobile gutter, matching the home gallery. */
@media (max-width:680px) {
  body.account-settings-page .settings-main {
    width:calc(100vw - 44px) !important;
    max-width:none !important;
    margin-right:auto !important;
    margin-left:auto !important;
    padding-right:0 !important;
    padding-left:0 !important;
    box-sizing:border-box !important;
  }
}

/* Desktop hero primary action: a single solid brand blue, with no metallic pass. */
@media (min-width:901px) {
  .home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery,
  .home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery:hover {
    border:0 !important;
    background:#0878c5 !important;
    box-shadow:none !important;
    transform:none !important;
  }

  .home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery::after,
  .home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery:hover::after {
    content:none !important;
    display:none !important;
  }
}

/* Secondary home CTA: black surface with a clear primary-blue stroke. */
.home-page .gallery-access-cta__button.cta-style--hero,
.home-page .gallery-access-cta__button.cta-style--hero:hover {
  box-sizing:border-box !important;
  border:2px solid #0878c5 !important;
  background:#101011 !important;
  color:#fff !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}

.home-page .gallery-access-cta__button.cta-style--hero::before,
.home-page .gallery-access-cta__button.cta-style--hero::after {
  content:none !important;
  display:none !important;
}

/* Desktop page-title scale mirrors the second line of the home hero. */
@media (min-width:901px) {
  :root {
    --desktop-page-title-size:clamp(27px,2.925vw,43.7px);
    --desktop-page-section-gap:64px;
  }

  html body.contact-page.site-shell-page > main > header > h1,
  html body.request-page.site-shell-page .request-intro > h1,
  html body.how-use-page.site-shell-page .how-intro > h1,
  html body.pricing-page.site-shell-page .pricing-hero > .pricing-hero__limited {
    font-size:var(--desktop-page-title-size) !important;
  }

  html body.contact-page.site-shell-page #contact-form,
  html body.request-page.site-shell-page .request-form {
    margin-top:var(--desktop-page-section-gap) !important;
  }

  html body.how-use-page.site-shell-page .how-video {
    margin-top:var(--desktop-page-section-gap) !important;
  }

  html body.pricing-page.site-shell-page .pricing-hero {
    margin-bottom:var(--desktop-page-section-gap) !important;
  }
}

/* Desktop filter control follows the compact 40px icon-button scale used by
   the rest of the navigation and catalogue UI. This final cascade intentionally
   owns the trigger and open-panel proportions. */
@media (min-width:901px) {
  .home-page .gallery .gallery-sort[data-project-sort] > summary {
    width:40px !important;
    max-width:40px !important;
    height:40px !important;
  }

  .home-page .gallery .gallery-sort[data-project-sort] > summary .gallery-filter-icon,
  .home-page .gallery .gallery-sort[data-project-sort][open] > summary .gallery-filter-icon {
    width:18px !important;
    height:18px !important;
    stroke-width:1.8 !important;
  }

  .home-page .gallery .gallery-sort__menu.gallery-filter-panel {
    top:calc(100% + 8px) !important;
    width:min(220px,calc(100vw - 44px)) !important;
    padding:5px !important;
    box-sizing:border-box !important;
    border-radius:12px !important;
  }

  .home-page .gallery .gallery-sort__menu .gallery-filter-row {
    min-height:46px !important;
    padding-inline:11px !important;
    grid-template-columns:1fr auto 16px !important;
    gap:8px !important;
    border-radius:9px !important;
    font-size:14px !important;
  }

  .home-page .gallery .gallery-filter-row b {
    font-size:13px !important;
  }

  .home-page .gallery .gallery-filter-row svg {
    width:15px !important;
    height:15px !important;
  }

  .home-page .gallery .gallery-filter-group.is-expanded .gallery-filter-options {
    max-height:46px !important;
    padding:0 6px 8px !important;
  }

  .home-page .gallery .gallery-sort__menu .gallery-filter-options button {
    min-height:30px !important;
    border-radius:7px !important;
    font-size:10.5px !important;
  }
}

/* Access is communicated only on free projects; premium remains the quiet default. */
.home-page .gallery .showcase-card[data-price="paid"]::before,
.collection-page .collection-gallery .showcase-card[data-price="paid"]::before,
.home-page .gallery .showcase-card[data-price="paid"] .showcase-card__heading::before,
.collection-page .collection-gallery .showcase-card[data-price="paid"] .showcase-card__heading::before {
  content:none !important;
  display:none !important;
}

.home-page .gallery .showcase-card[data-price="paid"] .showcase-card__heading p,
.collection-page .collection-gallery .showcase-card[data-price="paid"] .showcase-card__heading p,
.home-page .gallery .showcase-card[data-price="paid"] .showcase-card__heading::after,
.collection-page .collection-gallery .showcase-card[data-price="paid"] .showcase-card__heading::after {
  padding-left:0 !important;
  box-sizing:border-box !important;
}

.home-page .gallery .showcase-card[data-price="free"]::before,
.collection-page .collection-gallery .showcase-card[data-price="free"]::before {
  content:"FREE" !important;
  position:absolute !important;
  z-index:70 !important;
  top:20px !important;
  right:auto !important;
  left:-38px !important;
  width:132px !important;
  min-height:28px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-top:1px solid rgba(255,255,255,.36) !important;
  border-bottom:1px solid rgba(0,0,0,.14) !important;
  border-radius:0 !important;
  background:var(--ds-primary) !important;
  color:#fff !important;
  box-shadow:0 5px 16px rgba(98,91,231,.3) !important;
  font:750 10px/1 "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  transform:rotate(-45deg) !important;
  transform-origin:center !important;
  pointer-events:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

/* Keep runtime filtering authoritative over every card layout declaration. */
.home-page .gallery .showcase-card.is-filtered-out,
.collection-page .collection-gallery .showcase-card.is-filtered-out {
  display:none !important;
}

/* Final shape lock for the sort trigger. */
.home-page .gallery .gallery-sort[data-project-sort] > summary,
.collection-page .collection-sort > summary {
  border-radius:9px !important;
}

/* Filter tags stay visible after selection and use a full pill shape. */
.home-page .gallery .gallery-sort__menu .gallery-filter-options {
  column-gap:8px !important;
  row-gap:8px !important;
  padding-right:10px !important;
  padding-left:10px !important;
}

.home-page .gallery .gallery-sort__menu .gallery-filter-group.is-expanded .gallery-filter-options {
  padding-top:6px !important;
  padding-bottom:12px !important;
}

.home-page .gallery .gallery-sort__menu .gallery-filter-options button {
  border-radius:999px !important;
}

@media (max-width:680px) {
  .home-page .gallery .gallery-sort__menu .gallery-filter-options {
    column-gap:12px !important;
    row-gap:10px !important;
    padding-right:14px !important;
    padding-left:14px !important;
  }

  .home-page .gallery .gallery-sort__menu .gallery-filter-group.is-expanded .gallery-filter-options {
    padding-top:9px !important;
    padding-bottom:15px !important;
  }
}

/* Spacing replaces divider lines between filter sections. */
.home-page .gallery .gallery-sort__menu .gallery-filter-group + .gallery-filter-group {
  border-top:0 !important;
}

/* Tags use content-sized auto layout and wrap cleanly when space runs out. */
.home-page .gallery .gallery-sort__menu .gallery-filter-options,
.home-page .gallery .gallery-filter-group[data-project-filter-group="style"] .gallery-filter-options,
.home-page .gallery .gallery-filter-group[data-project-filter-group="category"] .gallery-filter-options {
  display:flex !important;
  flex-flow:row wrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  grid-template-columns:none !important;
}

.home-page .gallery .gallery-sort__menu .gallery-filter-group.is-expanded .gallery-filter-options {
  max-height:160px !important;
}

.home-page .gallery .gallery-sort__menu .gallery-filter-options button,
.home-page .gallery .gallery-filter-group[data-project-filter-group="style"] .gallery-filter-options button,
.home-page .gallery .gallery-filter-group[data-project-filter-group="category"] .gallery-filter-options button {
  width:auto !important;
  flex:0 0 auto !important;
  padding-right:14px !important;
  padding-left:14px !important;
  white-space:nowrap !important;
}

/* The outline belongs to the artwork, not to the complete card shell. */
.home-page .gallery .showcase-card,
.home-page .gallery .showcase-card[data-kind][data-price],
.home-page .gallery .showcase-card:hover,
.home-page .gallery .showcase-card:focus-within,
.collection-page .collection-gallery .showcase-card,
.collection-page .collection-gallery .showcase-card[data-style][data-price],
.collection-page .collection-gallery .showcase-card:hover,
.collection-page .collection-gallery .showcase-card:focus-within {
  border:0 !important;
}

.home-page .gallery .showcase-card__preview,
.home-page .gallery .showcase-card--lithos .showcase-card__preview,
.collection-page .collection-gallery .showcase-card__preview,
.collection-page .collection-gallery .showcase-card--lithos .showcase-card__preview {
  box-sizing:border-box !important;
  border:1px solid rgba(232,236,242,.18) !important;
}

/* Member cards inherit the same quiet desktop like treatment as the public
   home. Authentication changes the action, never the catalogue geometry. */
@media (min-width:901px) {
  body.home-page.auth-member .gallery .showcase-card .card-likes,
  body.home-page.auth-has-access .gallery .showcase-card .card-likes {
    opacity:0 !important;
    visibility:visible !important;
    pointer-events:none !important;
  }

  body.home-page.auth-member .gallery .showcase-card:is(:hover,:focus-within) .card-likes,
  body.home-page.auth-has-access .gallery .showcase-card:is(:hover,:focus-within) .card-likes {
    opacity:1 !important;
    pointer-events:auto !important;
  }
}

/* One canonical home: members see the exact public catalogue without the
   marketing hero. The additional top inset only clears the fixed header. */
html.auth-hint-member body.home-page .hero,
body.home-page.auth-member .hero {
  display:none !important;
}

html.auth-hint-member body.home-page [data-auth-guest] {
  display:none !important;
}

html.auth-hint-member body.home-page .gallery,
body.home-page.auth-member .gallery {
  margin-top:0 !important;
  padding-top:128px !important;
}

@media (max-width:680px) {
  html.auth-hint-member body.home-page .gallery,
  body.home-page.auth-member .gallery {
    margin-top:0 !important;
    padding-top:94px !important;
  }
}

/* Canonical desktop catalogue toolbar — identical before and after sign-in. */
@media (min-width:901px) {
  body.home-page .gallery {
    padding-right:0 !important;
    padding-left:0 !important;
  }

  body.home-page .gallery .gallery-toolbar {
    position:relative !important;
    z-index:60 !important;
    width:100% !important;
    max-width:none !important;
    min-height:52px !important;
    margin:0 0 28px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:24px !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  body.home-page .gallery .gallery-toggle {
    position:relative !important;
    width:286px !important;
    max-width:286px !important;
    min-width:286px !important;
    min-height:52px !important;
    flex:0 0 286px !important;
    padding:4px !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:4px !important;
    overflow:hidden !important;
    border:1px solid rgba(255,255,255,.1) !important;
    border-radius:12px !important;
    background:#202023 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  body.home-page .gallery .gallery-toggle::before {
    top:4px !important;
    bottom:4px !important;
    left:4px !important;
    width:calc((100% - 12px)/2) !important;
    border:0 !important;
    border-radius:9px !important;
    background:#f3f3f1 !important;
    box-shadow:none !important;
  }

  body.home-page .gallery .gallery-toggle[data-active-format="app"]::before {
    transform:translateX(calc(100% + 4px)) !important;
  }

  body.home-page .gallery .gallery-toggle button {
    min-height:42px !important;
    padding:0 14px !important;
    gap:8px !important;
    border:0 !important;
    border-radius:9px !important;
    background:transparent !important;
    color:#98989c !important;
    font:620 14px/1 var(--sans) !important;
    box-shadow:none !important;
  }

  body.home-page .gallery .gallery-toggle button[aria-pressed="true"] {
    color:#111214 !important;
  }

  body.home-page .gallery .gallery-toggle button svg {
    display:block !important;
    width:18px !important;
    height:18px !important;
  }

  body.home-page .gallery .gallery-sort-cluster {
    width:auto !important;
    min-width:0 !important;
    margin-left:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:18px !important;
    flex:0 0 auto !important;
  }

  body.home-page .gallery .gallery-result-count {
    position:static !important;
    display:block !important;
    min-width:0 !important;
    color:#929296 !important;
    font:590 14px/1 var(--sans) !important;
    white-space:nowrap !important;
  }

  body.home-page .gallery .gallery-sort[data-project-sort] {
    position:relative !important;
    width:48px !important;
    flex:0 0 48px !important;
  }

  body.home-page .gallery .gallery-sort[data-project-sort] > summary {
    width:48px !important;
    max-width:48px !important;
    height:48px !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid rgba(255,255,255,.1) !important;
    border-radius:11px !important;
    background:#202023 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  body.home-page .gallery .gallery__grid {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    column-gap:22px !important;
    row-gap:30px !important;
  }
}

/* Shared site atmosphere — exact background treatment from the sign-in page. */
html {
  --site-gradient:
    radial-gradient(720px 420px at 12% 0%,rgba(116,55,22,.16),transparent 68%),
    radial-gradient(640px 460px at 92% 3%,rgba(55,51,112,.14),transparent 70%);
  --site-home-atmosphere:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='460' viewBox='0 0 120 460'%3E%3Cdefs%3E%3ClinearGradient id='f' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='0' y2='460'%3E%3Cstop stop-color='white' stop-opacity='.055'/%3E%3Cstop offset='.55' stop-color='white' stop-opacity='.022'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M119.5 0V460' stroke='url(%23f)'/%3E%3C/svg%3E"),
    radial-gradient(720px 420px at 12% 0%,rgba(116,55,22,.16),transparent 68%),
    radial-gradient(640px 460px at 92% 3%,rgba(55,51,112,.14),transparent 70%);
  --site-home-atmosphere-size:120px 460px,auto,auto;
  --site-home-atmosphere-repeat:repeat-x,no-repeat,no-repeat;
  background:#101011 !important;
}

html body {
  background-color:#101011 !important;
  background-image:var(--site-gradient) !important;
  background-position:0 0 !important;
  background-size:auto !important;
  background-repeat:no-repeat !important;
}

html body > main,
html body > main.home-main,
html body > main.collection-main,
html body > .pricing-page-stage {
  background-color:transparent !important;
  background-image:none !important;
}

/* Home owns a full-height main surface, so paint the atmosphere there instead
   of relying on the body canvas behind it. */
html body.home-page > main#main-content {
  background-color:#101011 !important;
  background-image:var(--site-home-atmosphere) !important;
  background-position:0 0 !important;
  background-size:var(--site-home-atmosphere-size) !important;
  background-repeat:var(--site-home-atmosphere-repeat) !important;
}

html body.home-page .hero { background:transparent !important; }

/* Authenticated canvases keep the same atmosphere as their public versions.
   Only the home retains the vertical liserés. */
html body:is(.auth-member,.auth-has-access):not(.home-page) {
  background-color:#101011 !important;
  background-image:var(--site-gradient) !important;
  background-position:0 0 !important;
  background-size:auto !important;
  background-repeat:no-repeat !important;
}

html body:is(.auth-member,.auth-has-access):not(.home-page) > main,
html body.pricing-page:is(.auth-member,.auth-has-access) > .pricing-page-stage {
  background-color:transparent !important;
  background-image:none !important;
}

html.auth-hint-member body.home-page > main#main-content,
html body.home-page:is(.auth-member,.auth-has-access) > main#main-content {
  background-color:#101011 !important;
  background-image:var(--site-home-atmosphere) !important;
  background-position:0 0 !important;
  background-size:var(--site-home-atmosphere-size) !important;
  background-repeat:var(--site-home-atmosphere-repeat) !important;
}

/* Mobile navigation is active through 900px, so the validated mobile hero
   must own that complete range too. This removes the former 681–900px hybrid. */
@media (max-width:900px) {
  body.home-page { --hero-promise-size:clamp(16px,4.75vw,19px); }

  body.home-page .hero-drop-tag,
  body.home-page .headline > .hero-copy--desktop,
  body.home-page .hero-subtitle {
    display:none !important;
  }

  body.home-page .hero {
    width:100% !important;
    min-height:392px !important;
    padding:0 22px !important;
    overflow:hidden !important;
    background:transparent !important;
  }

  body.home-page .hero__copy {
    width:100% !important;
    max-width:346px !important;
    padding:156px 0 18px !important;
  }

  body.home-page .headline {
    width:100% !important;
    height:auto !important;
    font-size:30px !important;
    line-height:.98 !important;
    color:#fff !important;
  }

  body.home-page .headline > .hero-copy--mobile {
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:.025em 0 .16em !important;
    display:block !important;
    color:#fff !important;
    white-space:normal !important;
    text-wrap:balance !important;
  }

  body.home-page .headline > .hero-copy--mobile.line--serif {
    margin-bottom:8px !important;
    font-size:38px !important;
    line-height:.92 !important;
  }

  body.home-page .headline > .hero-copy--mobile.line--bold {
    font-size:28px !important;
    font-weight:600 !important;
    line-height:1.02 !important;
    letter-spacing:-.045em !important;
  }

  body.home-page .headline > .hero-copy--mobile.hero-copy--promise {
    font-size:clamp(16px,4.75vw,19px) !important;
    letter-spacing:-.045em !important;
    white-space:nowrap !important;
  }

  body.home-page .headline > .hero-copy--mobile.line--bold + .hero-copy--mobile.line--bold {
    margin-top:9px !important;
  }

  body.home-page .cta-row {
    width:100% !important;
    min-height:56px !important;
    margin-top:27px !important;
  }

  body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery {
    width:min(210px,100%) !important;
    height:52px !important;
  }
}

/* Brand v3 — darker logo tones preserve strong contrast with the white CTA copy. */
body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery {
  background:var(--brand-hero-gradient) !important;
  background-size:115% 100% !important;
  background-position:0 50% !important;
  box-shadow:
    0 20px 44px -27px rgba(118,100,231,.72),
    13px 18px 38px -30px rgba(243,160,108,.8),
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -1px 0 rgba(49,41,105,.24) !important;
  transition:background-position .45s cubic-bezier(.22,1,.36,1),transform .18s ease,box-shadow .45s ease !important;
}
body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery:hover {
  background:var(--brand-hero-gradient) !important;
  background-size:115% 100% !important;
  background-position:100% 50% !important;
  box-shadow:
    0 23px 50px -26px rgba(118,100,231,.82),
    15px 19px 42px -29px rgba(243,160,108,.86),
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -1px 0 rgba(49,41,105,.18) !important;
}
body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__group {
  color:#fff !important;
  text-shadow:0 1px 4px rgba(27,24,36,.34);
}

/* Other primary actions remain solid and recognisable. */
body.home-page .gallery-access-cta__button:not(.cta-style--hero) {
  background:var(--ds-primary) !important;
  box-shadow:
    0 20px 44px -29px rgba(98,91,231,.88),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(41,40,103,.72) !important;
}
body.home-page .gallery-access-cta__button:not(.cta-style--hero):hover {
  background:var(--ds-primary-hover) !important;
}

/* Mobile header and catalogue controls share one balanced 40px scale. */
@media (max-width:680px) {
  .nav .nav-session-link--member,
  .nav .nav__burger,
  body.home-page .gallery .gallery-sort[data-project-sort] > summary {
    width:40px !important;
    min-width:40px !important;
    max-width:40px !important;
    height:40px !important;
    min-height:40px !important;
    flex:0 0 40px !important;
  }

  .nav .nav__burger .nav-icon,
  body.home-page .gallery .gallery-sort[data-project-sort] > summary .gallery-filter-icon {
    width:22px !important;
    height:22px !important;
  }

  .nav .nav__burger,
  .nav .nav__burger:hover,
  .nav .nav__burger:active {
    margin-left:10px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:#18181a !important;
    box-shadow:none !important;
    transform:none !important;
  }

  .nav .nav-session-link--member {
    padding:0 !important;
    border:0 !important;
    background:#18181a !important;
    box-shadow:none !important;
  }

  .nav .nav-session-link--member > [data-auth-avatar] {
    background-color:#18181a !important;
    box-shadow:none !important;
  }
}

/* The Award.vibe fan mark stays quieter than creator portraits. */
.home-page .gallery .card-author-avatar--site,
.collection-page .collection-gallery .card-author-avatar--site {
  width:40px !important;
  height:28px !important;
}

/* Free access remains discoverable in the card details without a floating ribbon. */
.home-page .gallery .showcase-card[data-price="free"]::before,
.collection-page .collection-gallery .showcase-card[data-price="free"]::before {
  content:none !important;
  display:none !important;
}

/* Keep the like control quiet over artwork: no decorative stroke in either state. */
.home-page .gallery .card-likes,
.collection-page .collection-gallery .card-likes,
.home-page .gallery .card-likes:is(.is-liked,[aria-pressed="true"]),
.collection-page .collection-gallery .card-likes:is(.is-liked,[aria-pressed="true"]) {
  border:0 !important;
}

/* Light smoke glass keeps likes legible without competing with the artwork. */
.home-page .gallery .card-likes,
.collection-page .collection-gallery .card-likes {
  min-width:40px !important;
  padding-right:7px !important;
  padding-left:7px !important;
  gap:4px !important;
  background:linear-gradient(145deg,rgba(238,237,239,.7),rgba(194,193,197,.6)) !important;
  color:rgba(30,30,34,.78) !important;
  box-shadow:0 7px 18px -14px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.42) !important;
  -webkit-backdrop-filter:blur(12px) saturate(80%) !important;
  backdrop-filter:blur(12px) saturate(80%) !important;
}

.home-page .gallery .card-likes:hover,
.collection-page .collection-gallery .card-likes:hover {
  background:linear-gradient(145deg,rgba(246,245,246,.8),rgba(210,208,212,.7)) !important;
  color:#232327 !important;
}

/* Account tabs — quiet segmented control instead of an oversized underline. */
.account-settings-page .settings-tabs{
  padding:5px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:4px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.085) !important;
  border-radius:14px !important;
  background:rgba(27,27,30,.9) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 34px -30px rgba(0,0,0,.9) !important;
}
.account-settings-page .settings-tab.settings-link{
  width:100% !important;
  min-width:0 !important;
  min-height:46px !important;
  margin:0 !important;
  padding:0 10px !important;
  gap:7px !important;
  border:0 !important;
  border-radius:10px !important;
  background:transparent !important;
  color:#929297 !important;
  box-shadow:none !important;
  transform:none !important;
}
.account-settings-page .settings-tab.settings-link>svg:first-child{
  width:17px !important;
  height:17px !important;
  opacity:.72;
}
.account-settings-page .settings-tab.settings-link strong{
  font-size:13px !important;
  font-weight:650 !important;
}
.account-settings-page .settings-tab.settings-link:hover{
  background:rgba(255,255,255,.045) !important;
  color:#d8d8d5 !important;
}
.account-settings-page .settings-tab.settings-link.is-selected{
  border:0 !important;
  background:#f1f1ee !important;
  color:#171719 !important;
  box-shadow:0 8px 20px -14px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,255,255,.72) !important;
}
.account-settings-page .settings-tab.settings-link.is-selected>svg:first-child{opacity:1}
.account-settings-page .settings-tab.settings-link.is-selected strong{
  color:#171719 !important;
  font-weight:720 !important;
}
@media(max-width:420px){
  .account-settings-page .settings-tabs{padding:4px !important;gap:3px !important;border-radius:13px !important}
  .account-settings-page .settings-tab.settings-link{min-height:44px !important;padding:0 7px !important;gap:6px !important;border-radius:9px !important}
  .account-settings-page .settings-tab.settings-link>svg:first-child{width:16px !important;height:16px !important}
  .account-settings-page .settings-tab.settings-link strong{font-size:12px !important}
}

.home-page .gallery .card-likes:is(.is-liked,[aria-pressed="true"]),
.collection-page .collection-gallery .card-likes:is(.is-liked,[aria-pressed="true"]) {
  background:linear-gradient(145deg,rgba(242,237,239,.78),rgba(210,201,205,.68)) !important;
  color:#2b292c !important;
  box-shadow:0 7px 18px -14px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.48) !important;
}

.home-page .gallery .card-likes:is(.is-liked,[aria-pressed="true"]) > span,
.collection-page .collection-gallery .card-likes:is(.is-liked,[aria-pressed="true"]) > span {
  color:#e84262 !important;
}

.home-page .gallery .card-likes:is(.is-liked,[aria-pressed="true"]) > b,
.collection-page .collection-gallery .card-likes:is(.is-liked,[aria-pressed="true"]) > b {
  color:#2b292c !important;
}

/* Guest hero CTA — a brighter, higher-energy expression of the brand spectrum. */
body.home-page.auth-guest .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery {
  background:
    radial-gradient(72% 150% at 42% -70%,rgba(255,255,255,.38) 0%,rgba(255,255,255,.08) 38%,transparent 62%),
    linear-gradient(112deg,#2449e8 0%,#624ff0 33%,#9b48d3 61%,#d64d78 82%,#df673c 100%) !important;
  background-size:150% 160%,120% 100% !important;
  background-position:44% 50%,0 50% !important;
  box-shadow:
    0 20px 42px -20px rgba(80,68,242,.9),
    14px 20px 40px -27px rgba(225,72,111,.88),
    inset 0 1px 0 rgba(255,255,255,.48),
    inset 0 -1px 0 rgba(52,31,116,.38) !important;
}

body.home-page.auth-guest .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery:hover {
  background-position:56% 42%,100% 50% !important;
  box-shadow:
    0 24px 50px -19px rgba(89,73,255,.98),
    16px 22px 44px -25px rgba(232,75,116,.96),
    inset 0 1px 0 rgba(255,255,255,.56),
    inset 0 -1px 0 rgba(52,31,116,.3) !important;
}

/* Gallery artwork frame — the image carries the visual emphasis, not the card shell. */
.home-page .gallery .showcase-card__preview,
.home-page .gallery .showcase-card--lithos .showcase-card__preview,
.collection-page .collection-gallery .showcase-card__preview,
.collection-page .collection-gallery .showcase-card--lithos .showcase-card__preview {
  border:1px solid rgba(245,241,248,.27) !important;
  outline:1px solid rgba(123,111,245,.16) !important;
  outline-offset:2px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(0,0,0,.52),
    0 16px 36px -29px rgba(101,88,244,.84),
    0 22px 50px -43px rgba(241,151,102,.5) !important;
  transition:border-color .3s ease,outline-color .3s ease,box-shadow .35s ease !important;
}

.home-page .gallery .showcase-card:hover .showcase-card__preview,
.home-page .gallery .showcase-card:focus-within .showcase-card__preview,
.collection-page .collection-gallery .showcase-card:hover .showcase-card__preview,
.collection-page .collection-gallery .showcase-card:focus-within .showcase-card__preview {
  border-color:rgba(255,252,255,.42) !important;
  outline-color:rgba(129,123,250,.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.45),
    0 18px 42px -27px rgba(101,88,244,.94),
    0 25px 56px -40px rgba(241,151,102,.58) !important;
}

@media (max-width:680px) {
  .home-page .gallery .showcase-card__preview,
  .collection-page .collection-gallery .showcase-card__preview {
    outline-color:rgba(123,111,245,.2) !important;
    outline-offset:1px !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.13),
      inset 0 -1px 0 rgba(0,0,0,.52),
      0 15px 34px -27px rgba(101,88,244,.9) !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  .home-page .gallery .showcase-card__preview,
  .collection-page .collection-gallery .showcase-card__preview { transition:none !important; }
}

/* Mobile filter popover: compact enough to stay secondary to the gallery. */
@media (max-width:680px) {
  .home-page .gallery .gallery-sort__menu.gallery-filter-panel {
    top:calc(100% + 7px) !important;
    width:min(196px,calc(100vw - 44px)) !important;
    padding:4px !important;
    border-radius:11px !important;
    box-shadow:0 18px 38px -24px rgba(0,0,0,.88),inset 0 1px 0 rgba(255,255,255,.035) !important;
  }

  .home-page .gallery .gallery-sort__menu.gallery-filter-panel .gallery-filter-row {
    min-height:44px !important;
    padding-inline:10px !important;
    grid-template-columns:1fr auto 14px !important;
    gap:7px !important;
    border-radius:8px !important;
    font-size:13px !important;
  }

  .home-page .gallery .gallery-sort__menu.gallery-filter-panel .gallery-filter-row b {
    font-size:12px !important;
  }

  .home-page .gallery .gallery-sort__menu.gallery-filter-panel .gallery-filter-row svg {
    width:14px !important;
    height:14px !important;
    stroke-width:1.9 !important;
  }

  .home-page .gallery .gallery-sort__menu.gallery-filter-panel .gallery-filter-options {
    column-gap:6px !important;
    row-gap:6px !important;
    padding-right:7px !important;
    padding-left:7px !important;
  }

  .home-page .gallery .gallery-sort__menu.gallery-filter-panel .gallery-filter-group.is-expanded .gallery-filter-options {
    max-height:132px !important;
    padding-top:4px !important;
    padding-bottom:9px !important;
  }

  .home-page .gallery .gallery-sort__menu.gallery-filter-panel .gallery-filter-options button {
    min-height:28px !important;
    padding-right:10px !important;
    padding-left:10px !important;
    font-size:10px !important;
  }
}

/* Account email — compact identity card with a readable, untruncated address. */
.account-settings-page .settings-account-email {
  min-height:0 !important;
  margin:12px 0 18px !important;
  padding:18px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:14px !important;
  border:1px solid rgba(255,255,255,.1) !important;
  border-radius:13px !important;
  background:linear-gradient(145deg,rgba(45,45,49,.72),rgba(31,31,34,.72)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.account-settings-page .settings-account-email__head {
  min-width:0 !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:16px !important;
}

.account-settings-page .settings-account-email__head > span {
  min-width:0 !important;
  display:grid !important;
  gap:5px !important;
}

.account-settings-page .settings-account-email__head strong {
  color:#f5f5f2 !important;
  font:680 14px/1.15 var(--sans) !important;
  letter-spacing:-.015em !important;
}

.account-settings-page .settings-account-email__head small {
  color:#8f8f8b !important;
  font:500 11px/1.3 var(--sans) !important;
}

.account-settings-page .settings-account-email__head > em {
  min-height:25px !important;
  padding:0 9px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  border:1px solid rgba(108,190,130,.16) !important;
  border-radius:999px !important;
  background:rgba(79,139,94,.14) !important;
  color:#9bd0a8 !important;
  font:650 10px/1 var(--sans) !important;
  font-style:normal !important;
}

.account-settings-page .settings-account-email__head > em::before {
  content:"";
  width:5px;
  height:5px;
  flex:0 0 5px;
  border-radius:50%;
  background:#60c77c;
  box-shadow:0 0 8px rgba(96,199,124,.42);
}

.account-settings-page .settings-account-email__value {
  min-width:0 !important;
  min-height:46px !important;
  padding:10px 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:9px !important;
  background:rgba(14,14,16,.4) !important;
}

.account-settings-page .settings-account-email__value > svg {
  width:17px !important;
  height:17px !important;
  flex:0 0 17px !important;
  fill:none !important;
  stroke:#8f8f94 !important;
  stroke-width:1.7 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.account-settings-page .settings-account-email__value > b {
  min-width:0 !important;
  max-width:none !important;
  overflow:visible !important;
  color:#ecece8 !important;
  font:600 13px/1.35 var(--sans) !important;
  letter-spacing:-.01em !important;
  overflow-wrap:anywhere !important;
  text-overflow:clip !important;
  white-space:normal !important;
}

@media (max-width:680px) {
  .account-settings-page .settings-account-email {
    padding:16px !important;
    gap:13px !important;
  }
}

/* Settings hub v4 — one quiet surface per tab, with no nested card stack. */
.account-settings-page .settings-workspace {
  margin-top:18px !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.account-settings-page .settings-workspace .settings-inline-panel__inner,
.account-settings-page .settings-workspace .settings-inline-panel__inner--grid {
  padding:0 !important;
}

.account-settings-page .settings-workspace .settings-inline-panel__inner > :first-child {
  margin-top:0 !important;
}

.account-settings-page .settings-simple-stack {
  width:100%;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:linear-gradient(150deg,#1d1d20 0%,#18181a 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.account-settings-page .settings-simple-stack .settings-account-email {
  margin:0 !important;
  padding:18px !important;
  gap:11px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.account-settings-page .settings-simple-stack .settings-account-email__head {
  align-items:center !important;
}

.account-settings-page .settings-simple-stack .settings-account-email__head strong {
  font-size:13px !important;
}

.account-settings-page .settings-simple-stack .settings-account-email__head small {
  font-size:10px !important;
}

.account-settings-page .settings-simple-stack .settings-account-email__head > em {
  min-height:22px !important;
  padding:0 8px !important;
  font-size:9px !important;
}

.account-settings-page .settings-simple-stack .settings-account-email__value {
  min-height:0 !important;
  padding:0 !important;
  gap:9px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}

.account-settings-page .settings-simple-stack .settings-account-email__value > b {
  font-size:13px !important;
  color:#d8d8d4 !important;
}

.account-settings-page .settings-simple-form {
  padding:0 18px 18px !important;
  border-top:1px solid rgba(255,255,255,.075) !important;
  background:transparent !important;
}

.account-settings-page .settings-workspace .settings-simple-form label {
  padding:18px 0 14px !important;
  gap:9px !important;
}

.account-settings-page .settings-workspace .settings-simple-form label > span {
  color:#d7d7d3 !important;
  font-size:12px !important;
  font-weight:620 !important;
}

.account-settings-page .settings-workspace .settings-simple-form input {
  height:46px !important;
  border:1px solid rgba(255,255,255,.1) !important;
  border-radius:9px !important;
  background:#252528 !important;
  font-size:14px !important;
  font-weight:560 !important;
}

.account-settings-page .settings-workspace .settings-simple-form .settings-form__footer {
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
}

.account-settings-page .settings-workspace .settings-simple-form .settings-form__footer button {
  min-width:92px !important;
  min-height:40px !important;
  border-radius:8px !important;
  font-size:11px !important;
}

.account-settings-page .settings-simple-stack > .settings-plan-section,
.account-settings-page .settings-simple-stack > .settings-delete-section {
  width:100% !important;
  margin:0 !important;
  padding:18px !important;
  border:0 !important;
  border-top:1px solid rgba(255,255,255,.075) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  animation:none !important;
}

.account-settings-page .settings-simple-stack .settings-plan-simple__main {
  padding:0 !important;
}

.account-settings-page .settings-simple-stack .settings-plan-simple__main > span {
  color:#888884 !important;
  font-size:10px !important;
  font-weight:620 !important;
  letter-spacing:.02em !important;
  text-transform:none !important;
}

.account-settings-page .settings-simple-stack .settings-plan-simple__main > div {
  margin-top:8px !important;
}

.account-settings-page .settings-simple-stack .settings-plan-simple__main strong {
  font-size:18px !important;
  font-weight:650 !important;
}

.account-settings-page .settings-simple-stack .settings-plan-simple__main > p {
  margin-top:6px !important;
  color:#8f8f8b !important;
  font-size:11px !important;
}

.account-settings-page .settings-simple-stack .settings-plan-simple__footer {
  margin-top:14px !important;
  padding:0 !important;
  border:0 !important;
}

.account-settings-page .settings-simple-stack .settings-plan-simple__footer > a {
  min-height:42px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:8px !important;
  background:#28282b !important;
  color:#f1f1ed !important;
  font-size:11px !important;
}

.account-settings-page .settings-simple-stack .settings-purchase-history {
  margin-top:16px !important;
  padding-top:16px !important;
}

.account-settings-page .settings-simple-stack .settings-security-simple {
  margin:0 !important;
  background:transparent !important;
}

.account-settings-page .settings-simple-stack .settings-security-row {
  min-height:72px !important;
  padding:16px 18px !important;
}

.account-settings-page .settings-simple-stack .settings-security-row strong {
  font-size:13px !important;
  font-weight:640 !important;
}

.account-settings-page .settings-simple-stack .settings-security-row small {
  color:#898985 !important;
  font-size:10px !important;
}

.account-settings-page .settings-simple-stack .settings-security-row > button {
  min-height:34px !important;
  padding:0 11px !important;
  border-radius:7px !important;
  background:#29292c !important;
  color:#ecece8 !important;
  font-size:10px !important;
}

.account-settings-page .settings-simple-stack .settings-password-message {
  min-height:0 !important;
  margin:0 !important;
  padding:0 18px 14px !important;
}

.account-settings-page .settings-simple-stack > .settings-delete-section {
  padding:0 !important;
  border-color:rgba(255,255,255,.075) !important;
}

.account-settings-page .settings-simple-stack .settings-delete-disclosure {
  margin:0 !important;
  border:0 !important;
}

.account-settings-page .settings-simple-stack .settings-delete-disclosure summary {
  min-height:64px !important;
  padding:0 18px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#d98189 !important;
}

.account-settings-page .settings-simple-stack .settings-delete-disclosure summary strong {
  font-size:12px !important;
  font-weight:620 !important;
}

.account-settings-page .settings-simple-stack .settings-delete-disclosure summary small {
  color:#8e6d70 !important;
  font-size:10px !important;
}

.account-settings-page .settings-simple-stack .settings-delete-disclosure summary > b {
  color:#a36f74 !important;
  font-size:18px !important;
  font-weight:400 !important;
}

.account-settings-page .settings-simple-stack .settings-inline-delete {
  margin:0 14px 14px !important;
  padding:14px !important;
  border:1px solid rgba(255,121,134,.16) !important;
  border-radius:9px !important;
  background:rgba(84,29,36,.13) !important;
}

.account-settings-page .settings-simple-stack > .settings-signout {
  min-height:64px !important;
  margin:0 !important;
  padding:0 18px !important;
  border:0 !important;
  border-top:1px solid rgba(255,255,255,.075) !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#d6d6d2 !important;
}

.account-settings-page .settings-simple-stack > .settings-signout:hover {
  background:rgba(255,255,255,.025) !important;
}

.account-settings-page .settings-simple-stack > .settings-signout strong {
  font-size:13px !important;
  font-weight:620 !important;
}

.account-settings-page .settings-simple-stack > .settings-signout small {
  color:#82827e !important;
  font-size:10px !important;
}

.account-settings-page .settings-simple-stack > .settings-signout__icon,
.account-settings-page .settings-simple-stack .settings-signout__icon {
  width:19px !important;
  height:19px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  color:#8b8b87 !important;
}

@media (max-width:680px) {
  .account-settings-page .settings-simple-stack {
    border-radius:12px;
  }

  .account-settings-page .settings-workspace .settings-simple-form .settings-form__footer button {
    width:100% !important;
  }
}

/* Settings hub v5 — fully flat content below the segmented tabs. */
.account-settings-page .settings-simple-stack {
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.account-settings-page .settings-simple-stack .settings-account-email {
  padding:8px 0 22px !important;
  border-bottom:1px solid rgba(255,255,255,.085) !important;
}

.account-settings-page .settings-simple-form {
  padding:0 0 24px !important;
  border-top:0 !important;
  border-bottom:1px solid rgba(255,255,255,.085) !important;
}

.account-settings-page .settings-workspace .settings-simple-form label {
  padding:22px 0 14px !important;
}

.account-settings-page .settings-workspace .settings-simple-form .settings-form__footer button {
  background:#f2f2ef !important;
  color:#151516 !important;
}

.account-settings-page .settings-simple-stack > .settings-plan-section {
  padding:24px 0 4px !important;
  border:0 !important;
}

.account-settings-page .settings-simple-stack .settings-plan-simple__footer > a {
  border:0 !important;
  background:#f2f2ef !important;
  color:#151516 !important;
}

.account-settings-page .settings-simple-stack .settings-purchase-history {
  border-top:1px solid rgba(255,255,255,.085) !important;
}

.account-settings-page .settings-simple-stack .settings-purchase-list,
.account-settings-page .settings-workspace .settings-empty {
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.account-settings-page .settings-simple-stack .settings-security-row {
  padding:8px 0 22px !important;
}

.account-settings-page .settings-simple-stack .settings-security-row > button {
  background:#f2f2ef !important;
  color:#151516 !important;
}

.account-settings-page .settings-simple-stack .settings-password-message {
  padding:0 0 16px !important;
}

.account-settings-page .settings-simple-stack > .settings-delete-section {
  border-top:1px solid rgba(255,255,255,.085) !important;
}

.account-settings-page .settings-simple-stack .settings-delete-disclosure summary {
  padding:0 !important;
}

.account-settings-page .settings-simple-stack .settings-inline-delete {
  margin:0 !important;
  padding:0 0 20px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}

.account-settings-page .settings-simple-stack > .settings-signout {
  padding:0 !important;
  border-top:1px solid rgba(255,255,255,.085) !important;
}

@media (max-width:680px) {
  .account-settings-page .settings-workspace {
    margin-top:20px !important;
  }

  .account-settings-page .settings-workspace .settings-simple-form .settings-form__footer button {
    width:100% !important;
  }
}

/* Profile save is visibly inactive until the username differs from the saved value. */
.account-settings-page [data-profile-form] .settings-form__footer button:disabled {
  border-color:rgba(255,255,255,.045) !important;
  background:#29292c !important;
  color:#6f6f74 !important;
  box-shadow:none !important;
  cursor:not-allowed !important;
  opacity:1 !important;
}

/* Mobile settings rhythm — generous separation without reintroducing cards. */
@media (max-width:680px) {
  .account-settings-page .settings-main {
    padding-bottom:120px !important;
  }

  .account-settings-page .settings-profile {
    padding-top:18px !important;
    padding-bottom:46px !important;
  }

  .account-settings-page .settings-tabs {
    margin-top:10px !important;
  }

  .account-settings-page .settings-workspace {
    margin-top:38px !important;
  }

  .account-settings-page .settings-simple-stack .settings-account-email {
    padding:4px 0 38px !important;
    gap:18px !important;
  }

  .account-settings-page .settings-simple-form {
    padding-bottom:42px !important;
  }

  .account-settings-page .settings-workspace .settings-simple-form label {
    padding:36px 0 22px !important;
    gap:15px !important;
  }

  .account-settings-page .settings-workspace .settings-simple-form .settings-form__footer {
    padding-top:8px !important;
  }

  .account-settings-page .settings-simple-stack > .settings-plan-section {
    padding:42px 0 14px !important;
  }

  .account-settings-page .settings-simple-stack .settings-security-row {
    min-height:92px !important;
    padding:22px 0 32px !important;
  }

  .account-settings-page .settings-simple-stack .settings-password-message {
    padding-bottom:26px !important;
  }

  .account-settings-page .settings-simple-stack .settings-delete-disclosure summary,
  .account-settings-page .settings-simple-stack > .settings-signout {
    min-height:82px !important;
  }
}

/* The Profile page is already the account destination: avoid a redundant avatar link. */
@media (max-width:900px) {
  body[data-settings-page="profile"] .nav [data-auth-account-shell] {
    display:none !important;
  }
}

/* Gallery artwork remains visually stable when its card is hovered. */
@media (min-width:901px) and (hover:hover) and (pointer:fine) {
  .home-page .gallery .showcase-card:hover,
  .collection-page .collection-gallery .showcase-card:hover {
    filter:none !important;
  }

  .home-page .gallery .showcase-card__preview > img,
  .home-page .gallery .showcase-card__preview > video,
  .home-page .gallery .showcase-card:hover .showcase-card__preview > img,
  .home-page .gallery .showcase-card:hover .showcase-card__preview > video,
  .collection-page .collection-gallery .showcase-card__preview > img,
  .collection-page .collection-gallery .showcase-card__preview > video,
  .collection-page .collection-gallery .showcase-card:hover .showcase-card__preview > img,
  .collection-page .collection-gallery .showcase-card:hover .showcase-card__preview > video {
    transform:none !important;
    scale:1 !important;
    transition:none !important;
  }
}

/* Hero value proposition — visible below the promise on every viewport. */
body.home-page .hero-subtitle {
  width:min(620px,100%) !important;
  min-height:0 !important;
  margin:17px auto 0 !important;
  display:block !important;
  color:#a4a3a8 !important;
  font:450 15px/1.5 var(--sans) !important;
  letter-spacing:-.01em !important;
  text-align:center !important;
  text-wrap:balance;
}

body.home-page .hero-subtitle > .hero-copy--mobile {
  display:block !important;
}

body.home-page .hero-subtitle > .hero-copy--desktop {
  display:none !important;
}

@media (max-width:900px) {
  body.home-page .hero-subtitle {
    width:min(330px,100%) !important;
    margin-top:15px !important;
  }

  body.home-page .cta-row {
    margin-top:23px !important;
  }
}