/* Award.vibe home — canonical light theme.
   Loaded after every shared/theme layer so the home never inherits the dark
   public-shell treatment used by the rest of the site. */

html:has(body.home-page) {
  color-scheme: light !important;
  background: #fbfbf9 !important;
}

/* Mobile Safari/embedded browsers can expose a dark compositor seam exactly
   where their chrome meets the page. Paint the first two CSS pixels from the
   document itself so the home always starts with its own warm surface. */
@media (max-width:900px) {
  html:has(body.home-page),
  html:has(body.home-page) body.home-page {
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
  }

  html:has(body.home-page) body.home-page::before {
    content:"";
    position:fixed;
    z-index:2147483647;
    top:-1px;
    right:0;
    left:0;
    height:5px;
    pointer-events:none;
    background:#fff;
  }
}

/* Mobile home canvas: pure white, with no ambient gradient, grid or grain. */
@media (max-width:900px) {
  html:has(body.home-page),
  html body.home-page,
  html body.home-page > main#main-content,
  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:#fff !important;
    background-image:none !important;
  }

  html body.home-page > :is(.bg-glow,.bg-lines,.grain) {
    display:none !important;
  }
}

/* Card inspector: the selected visual grows while its details drawer enters. */
html.project-modal-open,
html.project-modal-open body { overflow:hidden !important; }

html body.home-page .project-detail-modal--native {
  inset:0 !important;
  width:100vw !important;
  max-width:none !important;
  height:100dvh !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  background-image:none !important;
  color:#17181c !important;
  box-shadow:none !important;
  animation:site-modal-in .46s cubic-bezier(.22,1,.36,1) both;
}

html body.home-page .project-detail-modal--native::backdrop {
  background:#fff !important;
  backdrop-filter:none !important;
  animation:site-backdrop-in .58s cubic-bezier(.2,.7,.2,1) both;
}

html body.home-page .project-detail-modal--native .project-detail-modal__shell,
html body.home-page .project-detail-modal--native .project-detail-modal__layout {
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  background-image:none !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__layout {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) clamp(340px,27vw,430px) !important;
  grid-template-rows:100% !important;
  gap:0 !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__content {
  grid-column:2 !important;
  grid-row:1 !important;
  min-width:0 !important;
  height:100% !important;
  padding:88px 32px 34px !important;
  overflow:auto !important;
  border:0 !important;
  border-right:0 !important;
  border-left:1px solid #e7e7e4 !important;
  background:#fbfbf9 !important;
  box-shadow:none !important;
  will-change:transform,opacity;
  transform:translateZ(0);
  backface-visibility:hidden;
  contain:layout paint style;
  animation:site-drawer-in .72s cubic-bezier(.16,1,.3,1) both;
}

html body.home-page .project-detail-modal--native .project-detail-modal__media {
  grid-column:1 !important;
  grid-row:1 !important;
  width:100% !important;
  min-width:0 !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:clamp(70px,7vw,120px) clamp(32px,5vw,86px) !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  background-image:none !important;
  will-change:transform;
  animation:site-stage-push .82s cubic-bezier(.16,1,.3,1) both;
}

html body.home-page .project-detail-modal--native .project-detail-modal__media > img,
html body.home-page .project-detail-modal--native .project-detail-modal__media > video {
  width:100% !important;
  height:auto !important;
  max-width:1500px !important;
  max-height:calc(100dvh - 140px) !important;
  object-fit:contain !important;
  border:0 !important;
  border-radius:2px !important;
  background:#fff !important;
  box-shadow:0 24px 70px rgba(20,22,27,.13) !important;
  animation:site-visual-grow .58s cubic-bezier(.22,1,.36,1) both;
}

html body.home-page .modal-card-placeholder {
  visibility:hidden !important;
  pointer-events:none !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__media > .showcase-card.is-modal-source {
  width:min(100%,1500px) !important;
  height:auto !important;
  aspect-ratio:1.6 / 1 !important;
  margin:0 !important;
  overflow:hidden !important;
  border-radius:2px !important;
  background:transparent !important;
  box-shadow:none !important;
  cursor:default !important;
  transform:none !important;
  will-change:transform;
  backface-visibility:hidden;
  contain:layout paint style;
}
html body.home-page .project-detail-modal--native .project-detail-modal__media > .showcase-card.is-modal-source .showcase-card__preview {
  position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;
}
html body.home-page .project-detail-modal--native .project-detail-modal__media > .showcase-card.is-modal-source .showcase-card__preview > img,
html body.home-page .project-detail-modal--native .project-detail-modal__media > .showcase-card.is-modal-source .showcase-card__preview > video {
  width:100% !important;height:100% !important;object-fit:cover !important;
}

::view-transition-group(selected-card) {
  z-index:2147483647;
  animation-duration:.82s;
  animation-timing-function:cubic-bezier(.16,1,.3,1);
  will-change:transform;
}
::view-transition-image-pair(selected-card) { isolation:auto; }
::view-transition-old(selected-card),
::view-transition-new(selected-card) {
  height:100%;
  object-fit:cover;
  animation:none;
  mix-blend-mode:normal;
  backface-visibility:hidden;
}

html body.home-page .project-detail-modal--native .project-detail-modal__close {
  position:fixed !important;
  z-index:4 !important;
  top:24px !important;
  left:auto !important;
  right:20px !important;
  width:32px !important;
  height:32px !important;
  border:1px solid #e8e8e5 !important;
  border-radius:50% !important;
  background:#f5f5f3 !important;
  color:#747474 !important;
  box-shadow:none !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__summary { display:block !important; }
html body.home-page .project-detail-modal--native .project-detail-modal__eyebrow {
  margin:0 0 8px !important;color:#999 !important;font-size:12px !important;font-weight:500 !important;
}
html body.home-page .project-detail-modal--native .project-detail-modal__title {
  margin:0 0 22px !important;color:#17181c !important;font-size:26px !important;font-weight:560 !important;line-height:1.08 !important;letter-spacing:-.035em !important;
}
html body.home-page .project-detail-modal--native .project-detail-modal__creator { margin:0 0 26px !important; }
html body.home-page .project-detail-modal--native .project-detail-modal__tags { margin:0 0 24px !important;gap:6px !important; }
html body.home-page .project-detail-modal--native .project-detail-modal__tag {
  padding:6px 9px !important;border:1px solid #ececea !important;border-radius:999px !important;background:#f7f7f5 !important;color:#565656 !important;font-size:11px !important;
}
html body.home-page .project-detail-modal--native .project-detail-modal__facts > p {
  margin:0 0 30px;color:#666;font-size:14px;line-height:1.55;
}
html body.home-page .project-detail-modal--native .project-detail-modal__facts dl { margin:0; }
html body.home-page .project-detail-modal--native .project-detail-modal__facts dl > div {
  display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid #ececea;font-size:13px;
}
html body.home-page .project-detail-modal--native .project-detail-modal__facts dt { color:#999; }
html body.home-page .project-detail-modal--native .project-detail-modal__facts dd { margin:0;color:#272727;text-align:right; }
html body.home-page .project-detail-modal--native .project-detail-modal__prompts { display:none !important; }
html body.home-page .project-detail-modal--native .project-detail-modal__header-actions { margin-top:28px !important; }

@keyframes site-drawer-in {
  from { opacity:.72;transform:translateX(102%); }
  to { opacity:1;transform:translateX(0); }
}
@keyframes site-stage-push {
  from { transform:translate3d(13.5vw,0,0); }
  to { transform:translate3d(0,0,0); }
}
@keyframes site-visual-grow {
  from { opacity:0;transform:translate3d(0,18px,0) scale(.82); }
  to { opacity:1;transform:translateY(0) scale(1); }
}
@keyframes site-modal-in { from { opacity:0; } to { opacity:1; } }
@keyframes site-backdrop-in { from { opacity:0; } to { opacity:1; } }
@keyframes site-modal-out { from { opacity:1; } to { opacity:0; } }
@keyframes site-drawer-out { from { transform:translateX(0); } to { transform:translateX(102%); } }
@keyframes site-visual-out { from { opacity:1;transform:scale(1); } to { opacity:0;transform:translateY(12px) scale(.88); } }

html body.home-page .project-detail-modal--native.is-closing {
  pointer-events:none !important;
  animation:site-modal-out .4s cubic-bezier(.4,0,1,1) both !important;
}
html body.home-page .project-detail-modal--native.is-closing.is-returning-card {
  animation:none !important;
}
html body.home-page .project-detail-modal--native.is-closing .project-detail-modal__content {
  animation:site-drawer-out .4s cubic-bezier(.4,0,1,1) both !important;
}
html body.home-page .project-detail-modal--native.is-closing .project-detail-modal__media > img,
html body.home-page .project-detail-modal--native.is-closing .project-detail-modal__media > video,
html body.home-page .project-detail-modal--native.is-closing .project-detail-modal__media > .showcase-card.is-modal-source {
  animation:site-visual-out .36s cubic-bezier(.4,0,1,1) both !important;
}
html body.home-page .project-detail-modal--native.is-closing.is-returning-card .project-detail-modal__media > .showcase-card.is-modal-source {
  animation:none !important;
}
html body.home-page .project-detail-modal--native.is-closing .project-detail-modal__media {
  animation:site-stage-unpush .4s cubic-bezier(.4,0,1,1) both !important;
}
@keyframes site-stage-unpush {
  from { transform:translate3d(0,0,0); }
  to { transform:translate3d(13.5vw,0,0); }
}

@media (max-width:760px) {
  html body.home-page .project-detail-modal--native .project-detail-modal__layout {
    grid-template-columns:1fr !important;
    grid-template-rows:minmax(260px,48dvh) minmax(0,52dvh) !important;
  }
  html body.home-page .project-detail-modal--native .project-detail-modal__media {
    grid-column:1 !important;grid-row:1 !important;padding:54px 14px 20px !important;animation:none !important;
  }
  html body.home-page .project-detail-modal--native .project-detail-modal__media > img,
  html body.home-page .project-detail-modal--native .project-detail-modal__media > video {
    max-height:calc(48dvh - 74px) !important;box-shadow:0 14px 40px rgba(20,22,27,.12) !important;
  }
  html body.home-page .project-detail-modal--native .project-detail-modal__content {
    grid-column:1 !important;grid-row:2 !important;padding:28px 20px 34px !important;border-right:0 !important;border-left:0 !important;border-top:1px solid #e7e7e4 !important;
    animation-name:site-sheet-in;
  }
  html body.home-page .project-detail-modal--native .project-detail-modal__close {
    top:14px !important;left:auto !important;right:14px !important;background:#fff !important;
  }
  html body.home-page .project-detail-modal--native .project-detail-modal__title { font-size:22px !important;margin-bottom:16px !important; }
  html body.home-page .project-detail-modal--native .project-detail-modal__creator,
  html body.home-page .project-detail-modal--native .project-detail-modal__tags { margin-bottom:18px !important; }
  html body.home-page .project-detail-modal--native .project-detail-modal__facts > p { margin-bottom:20px;font-size:13px; }
}

@keyframes site-sheet-in {
  from { opacity:.7;transform:translateY(100%); }
  to { opacity:1;transform:translateY(0); }
}

@media (max-width:760px) {
  html body.home-page .project-detail-modal--native.is-closing .project-detail-modal__content {
    animation-name:site-sheet-out !important;
  }
  html body.home-page .project-detail-modal--native.is-closing .project-detail-modal__media { animation:none !important; }
}

@keyframes site-sheet-out {
  from { transform:translateY(0); }
  to { transform:translateY(102%); }
}

@media (prefers-reduced-motion:reduce) {
  html body.home-page .project-detail-modal--native .project-detail-modal__content,
  html body.home-page .project-detail-modal--native .project-detail-modal__media > img,
  html body.home-page .project-detail-modal--native .project-detail-modal__media > video { animation:none !important; }
}

body.home-page {
  --home-bg: #fbfbf9;
  --home-surface: #ffffff;
  --home-surface-soft: #efefed;
  --home-surface-raised: #fafaf8;
  --home-text: #17181c;
  --home-muted: #70747d;
  --home-subtle: #969aa2;
  --home-line: rgba(23, 24, 28, .11);
  --home-line-strong: rgba(23, 24, 28, .18);
  --dark-bg: var(--home-bg);
  --dark-surface: var(--home-surface);
  --dark-surface-raised: var(--home-surface-raised);
  --dark-surface-soft: var(--home-surface-soft);
  --dark-text: var(--home-text);
  --dark-muted: var(--home-muted);
  --dark-subtle: var(--home-subtle);
  --dark-line: var(--home-line);
  --dark-line-strong: var(--home-line-strong);
  --ink: var(--home-text);
  --muted: var(--home-muted);
  --paper: var(--home-bg);
  --bg: var(--home-bg);
  --card: var(--home-surface);
  --line: var(--home-line);
  min-height: 100svh;
  background-color: var(--home-bg) !important;
  background-image:
    radial-gradient(ellipse 57% 118% at 4% 0%, rgba(226, 157, 118, .21) 0%, rgba(226, 157, 118, 0) 70%),
    radial-gradient(ellipse 58% 120% at 96% 0%, rgba(145, 137, 216, .19) 0%, rgba(145, 137, 216, 0) 72%),
    radial-gradient(ellipse 42% 84% at 54% 0%, rgba(208, 150, 195, .09) 0%, rgba(208, 150, 195, 0) 76%),
    linear-gradient(180deg, #fdfcfb 0%, var(--home-bg) 410px) !important;
  background-position: 0 0 !important;
  background-size: 100% 430px !important;
  background-repeat: no-repeat !important;
  color: var(--home-text) !important;
}

body.home-page::selection,
body.home-page ::selection { background:#17181c;color:#fff; }

/* Ambient background: retain the signature lines and texture in a light key. */
.home-page .bg-glow {
  opacity: .2 !important;
  filter: saturate(.6) brightness(1.38) !important;
  mix-blend-mode: multiply;
}
.home-page .bg-lines { opacity:.28 !important;filter:invert(1) opacity(.42) !important; }
.home-page .grain { opacity:.035 !important;mix-blend-mode:multiply !important; }

/* Header */
.home-page .nav { color:var(--home-text) !important; }
.home-page .nav-blur__l {
  background:rgba(250,250,247,.76) !important;
  border-color:transparent !important;
}
.home-page .nav-blur::after { background:none !important; }
.home-page .brand-symbol--nav { filter:none !important; }
.home-page .brand-wordmark,
.home-page .nav__links a,
.home-page .desktop-nav__links a,
.home-page .nav-login-primary { color:var(--home-text) !important; }
.home-page .desktop-nav__pricing small {
  border-color:rgba(23,24,28,.14) !important;
  background:#17181c !important;
  color:#fff !important;
}
.home-page .nav-login-primary:hover { background:rgba(23,24,28,.055) !important; }
.home-page .nav-header-cta {
  border-color:#17181c !important;
  background:#17181c !important;
  color:#fff !important;
}
.home-page .nav-header-cta:hover { border-color:#2b2c31 !important;background:#2b2c31 !important; }
.home-page .nav-header-cta :where(.btn-cta__group,.btn-cta__word,.btn-cta__icon,.btn-cta__icon svg) {
  color:#fff !important;
}
.home-page .nav-session-link--guest,
.home-page .nav-session-link--member,
.home-page .nav__burger {
  border:1px solid var(--home-line) !important;
  background:rgba(255,255,255,.76) !important;
  color:var(--home-text) !important;
  box-shadow:0 8px 24px -20px rgba(24,27,34,.45) !important;
}
.home-page .nav__burger :where(svg,.nav-icon) { color:var(--home-text) !important;stroke:var(--home-text) !important; }
.home-page .nav-session-link--member i { border-color:var(--home-bg) !important; }

/* Mobile navigation drawer */
.home-page .nav__links {
  border-color:var(--home-line) !important;
  background:#fbfbf9 !important;
  color:var(--home-text) !important;
  box-shadow:-24px 0 70px rgba(35,38,46,.14) !important;
}
.home-page .nav-drawer-backdrop { background:rgba(27,29,34,.18) !important; }
.home-page :where(.mobile-drawer__header,.mobile-drawer__member) { border-color:var(--home-line) !important; }
.home-page :where(.mobile-drawer__brand,.mobile-drawer__controls>button,.mobile-drawer__nav>a,.mobile-drawer__account-link) { color:var(--home-text) !important; }
.home-page .mobile-drawer__nav::before { background:var(--home-line) !important; }
.home-page :where(.mobile-drawer__email,.mobile-drawer__email b) { color:var(--home-muted) !important; }
.home-page .mobile-drawer__email svg { stroke:var(--home-muted) !important; }
.home-page .mobile-drawer__signout { background:var(--home-surface-soft) !important;color:var(--home-muted) !important;box-shadow:none !important; }
.home-page .mobile-drawer__story-media { background:#eee !important; }

/* Hero */
.home-page > main,
.home-page .hero { background:transparent !important;color:var(--home-text) !important; }
.home-page :where(.headline,.headline .line,.headline .line--serif,.headline .line--bold,.hero h1) { color:var(--home-text) !important; }
.home-page .hero-drop-tag {
  position:relative !important;
  top:-10px !important;
  min-height:30px !important;
  margin:0 0 8px !important;
  padding:0 12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(229,74,111,.13) !important;
  border-radius:999px !important;
  background:linear-gradient(110deg,rgba(255,116,105,.17) 0%,rgba(255,255,255,.97) 38%,rgba(255,133,166,.18) 70%,rgba(220,55,143,.15) 100%) !important;
  color:#a84a5e !important;
  box-shadow:0 5px 15px rgba(215,55,98,.075),inset 0 1px 0 rgba(255,255,255,.9) !important;
  font-family:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif !important;
  font-size:10px !important;
  font-weight:400 !important;
  line-height:1 !important;
  letter-spacing:.035em !important;
}
.home-page .hero-subtitle,
.home-page .hero-proof { color:var(--home-muted) !important; }
.home-page .hero-proof::before { background:#439869 !important;box-shadow:0 0 0 4px rgba(67,152,105,.12) !important; }
.home-page .hero .btn-cta--compact.btn-cta--linked {
  border:1px solid #17181c !important;
  background:#17181c !important;
  color:#fff !important;
  box-shadow:0 18px 36px -25px rgba(20,22,28,.62) !important;
}
.home-page .hero .btn-cta--compact.btn-cta--linked::before {
  background:linear-gradient(90deg,#e57847,#bb697f,#675dd7) !important;
}
.home-page .hero .btn-cta--compact.btn-cta--linked :where(.btn-cta__word,.btn-cta__icon,.btn-cta__icon svg) { color:#fff !important; }

/* Gallery controls */
.home-page .gallery,
.home-page .gallery-toolbar { background:transparent !important;color:var(--home-text) !important; }
.home-page .gallery-toggle {
  border:1px solid var(--home-line) !important;
  background:#eaeaE8 !important;
  box-shadow:inset 0 1px 2px rgba(23,24,28,.04) !important;
}
.home-page .gallery-toggle button { background:transparent !important;color:#74777f !important;box-shadow:none !important; }
.home-page .gallery-toggle button:hover { background:transparent !important;color:#74777f !important; }
.home-page .gallery-toggle button[aria-pressed="true"],
.home-page .gallery-toggle button.is-active {
  background:#fff !important;
  color:var(--home-text) !important;
  box-shadow:0 2px 8px rgba(23,24,28,.08) !important;
}
.home-page .gallery-toggle svg { stroke:currentColor !important; }
.home-page .gallery-result-count { color:var(--home-muted) !important; }
.home-page .gallery-sort > summary {
  border-color:var(--home-line) !important;
  background:#fff !important;
  color:var(--home-text) !important;
  box-shadow:0 8px 25px -22px rgba(23,24,28,.52) !important;
}
.home-page .gallery-sort > summary svg { stroke:currentColor !important; }
.home-page .gallery-sort__menu,
.home-page .gallery-filter-panel {
  border-color:var(--home-line) !important;
  background:#fff !important;
  color:var(--home-text) !important;
  box-shadow:0 24px 60px rgba(27,29,35,.14) !important;
}
.home-page :where(.gallery-filter-group,.gallery-filter-options) { border-color:var(--home-line) !important; }
.home-page :where(.gallery-filter-row,.gallery-filter-options button) { color:var(--home-muted) !important;background:transparent !important; }
.home-page .gallery-filter-options button[aria-pressed="true"] { background:#ededeb !important;color:var(--home-text) !important; }

/* Project cards */
.home-page .gallery :where(.showcase-card,.showcase-card--ready,.showcase-card--lithos) {
  border:0 !important;
  background:transparent !important;
  color:var(--home-text) !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
.home-page .gallery .showcase-card__preview {
  border:1px solid rgba(23,24,28,.075) !important;
  background:#fff !important;
  box-shadow:0 18px 42px -34px rgba(25,28,35,.38) !important;
}
.home-page .gallery :where(.showcase-card__meta,.showcase-card__footer,.card-bottom) {
  border-color:transparent !important;
  background:transparent !important;
  color:var(--home-text) !important;
  box-shadow:none !important;
}
.home-page .gallery :where(.showcase-card h2,.showcase-card h3,.showcase-card__title) { color:var(--home-text) !important; }
.home-page .gallery :where(.showcase-card__meta p,.showcase-card__meta small,.card-specs,.card-detail-link) { color:var(--home-muted) !important; }
.home-page .gallery :where(.card-tools span,.card-status) { border-color:var(--home-line) !important;background:#ececea !important;color:#62666f !important; }
.home-page .gallery .card-likes {
  border:1px solid rgba(23,24,28,.09) !important;
  background:rgba(255,255,255,.9) !important;
  color:#4d5159 !important;
  box-shadow:0 10px 24px -18px rgba(23,24,28,.44) !important;
  backdrop-filter:blur(10px);
}
.home-page .gallery .card-likes[aria-pressed="true"],
.home-page .gallery .card-likes.is-liked { color:#ed3153 !important;background:#fff !important; }
.home-page .gallery .card-action { border-color:#17181c !important;background:#17181c !important;color:#fff !important;box-shadow:none !important; }
.home-page .gallery .collection-card-index { background:rgba(24,25,29,.78) !important;color:#fff !important; }
.home-page .gallery .collection-card-image,
.home-page .gallery .preview-card-image,
.home-page .gallery .collection-card-video,
.home-page .gallery .showcase-card:hover :where(.collection-card-image,.preview-card-image,.collection-card-video) {
  filter:none !important;
  transform:scale(1.006) !important;
}
.home-page .gallery-catalogue-view { color:var(--home-muted) !important; }
.home-page .gallery-catalogue-view span { color:var(--home-text) !important; }
.home-page .gallery-access-cta__button {
  border-color:#17181c !important;
  background:#17181c !important;
  color:#fff !important;
  box-shadow:0 18px 36px -27px rgba(20,22,28,.58) !important;
}
.home-page .gallery-access-cta > p { color:var(--home-muted) !important; }

/* Value cards */
.home-page .home-value-grid { color:var(--home-text) !important; }
.home-page .home-value-card {
  border:1px solid rgba(23,24,28,.055) !important;
  background:#eeeEec !important;
  color:var(--home-text) !important;
  box-shadow:none !important;
}
.home-page .home-value-card h3 { color:var(--home-text) !important; }
.home-page .home-value-card p { color:#74777d !important; }

/* Legacy testimonials, should they be enabled again. */
.home-page .home-testimonials { background:transparent !important;color:var(--home-text) !important; }
.home-page :where(.home-testimonials__summary,.home-testimonials__title,.home-testimonials strong) { color:var(--home-text) !important; }
.home-page :where(.home-testimonials__note,.home-testimonials__eyebrow,.home-testimonials__trustpilot) { color:var(--home-muted) !important; }
.home-page .home-testimonial {
  border:1px solid var(--home-line) !important;
  background:#fff !important;
  color:var(--home-text) !important;
  box-shadow:none !important;
}
.home-page .home-testimonial :where(blockquote,.home-testimonial__quote,blockquote p,figcaption b) { color:var(--home-text) !important; }
.home-page .home-testimonial :where(p,small,.home-testimonial__rating b) { color:var(--home-muted) !important; }

/* Footer */
.home-page .site-footer.site-footer--legal {
  border-top:1px solid var(--home-line) !important;
  background:transparent !important;
  color:var(--home-muted) !important;
}
.home-page .site-footer.site-footer--legal :where(a,small) { color:var(--home-muted) !important; }
.home-page .site-footer.site-footer--legal a:hover { color:var(--home-text) !important; }
.home-page .site-footer.site-footer--legal .site-footer__socials img {
  filter:invert(1) !important;
  opacity:.68 !important;
}
.home-page .site-footer.site-footer--legal .site-footer__socials a:hover img { opacity:1 !important; }

/* Home overlays and dialogs */
.home-page :where(.pricing-preview-modal,.mobile-premium-gate,.free-guide-modal,.like-login-modal) { color:var(--home-text) !important; }
.home-page :where(.pricing-preview-modal,.mobile-premium-gate,.free-guide-modal,.like-login-modal)::backdrop {
  background:rgba(31,33,39,.28) !important;
  backdrop-filter:blur(12px) !important;
}
.home-page :where(.pricing-preview-modal__surface,.mobile-premium-gate__surface,.free-guide-modal__surface,.like-login-modal__surface,.account-auth-card) {
  border-color:var(--home-line) !important;
  background:#fff !important;
  color:var(--home-text) !important;
  box-shadow:0 32px 90px rgba(25,28,35,.2) !important;
}
.home-page :where(.pricing-preview-modal__header,.free-guide-modal__header) { border-color:var(--home-line) !important;background:#fff !important; }
.home-page :where(.pricing-preview-modal__header button,.mobile-premium-gate__close,.free-guide-modal__header button) {
  border-color:var(--home-line) !important;background:#efefed !important;color:var(--home-text) !important;
}
.home-page .pricing-preview-modal :where(.pricing-title h1,.offer-simple__price-comparison strong) { color:var(--home-text) !important; }
.home-page .pricing-preview-modal :where(.pricing-title>p,.pricing-title__member-count,.pricing-title__member-count strong,.pricing-title__member-count span,.offer-simple__tier-track [data-offer-stage],.offer-simple__future-tiers>i,.launch-offer__assurance,.pricing-links a) { color:var(--home-muted) !important; }
.home-page .pricing-preview-modal .pricing-title__member-count::before { background:#487f65 !important;box-shadow:0 0 0 3px rgba(72,127,101,.12) !important; }
.home-page .pricing-preview-modal .offer-simple.launch-offer--page { background:transparent !important;color:var(--home-text) !important; }
.home-page .pricing-preview-modal .offer-simple__features { border-color:var(--home-line) !important;background:#f2f2f0 !important; }
.home-page .pricing-preview-modal .offer-simple__features :where(summary,li) { color:var(--home-text) !important; }
.home-page .pricing-preview-modal .launch-offer__action { border-color:#17181c !important;background:#17181c !important;color:#fff !important; }
.home-page .pricing-preview-modal .launch-offer__action b { color:#fff !important; }
.home-page .pricing-preview-modal__content .pricing-links { border-color:var(--home-line) !important; }

.home-page .like-login-modal :where(h2,label,.account-secondary,.account-legal a) { color:var(--home-text) !important; }
.home-page .like-login-modal :where(p,small,.account-legal) { color:var(--home-muted) !important; }
.home-page .like-login-modal :where(input,select,textarea) {
  border-color:var(--home-line-strong) !important;
  background:#fff !important;
  color:var(--home-text) !important;
}
.home-page .like-login-modal .account-submit { background:#17181c !important;color:#fff !important; }

/* Loading and empty states */
.home-page :where(.library-loading,.collection-empty,.collection-error) { color:var(--home-muted) !important; }
.home-page :where(.showcase-card.is-skeleton,.library-skeleton-card,.gallery-skeleton-card) { border-color:var(--home-line) !important;background:#f0f0ee !important; }
.home-page :where(.gallery-skeleton-card>*,.collection-skeleton__toolbar) { border-color:var(--home-line) !important;background-color:#e4e4e1 !important; }

@media (max-width:900px) {
  html:has(body.home-page),
  body.home-page {
    background-color:var(--home-bg) !important;
    background-image:
      radial-gradient(ellipse 76% 108% at 0% 0%,rgba(226,157,118,.2) 0%,rgba(226,157,118,0) 72%),
      radial-gradient(ellipse 82% 112% at 100% 0%,rgba(145,137,216,.19) 0%,rgba(145,137,216,0) 74%),
      radial-gradient(ellipse 58% 76% at 52% 0%,rgba(208,150,195,.08) 0%,rgba(208,150,195,0) 76%),
      linear-gradient(180deg,#fbfaf8 0%,var(--home-bg) 330px) !important;
    background-position:0 0 !important;
    background-size:100% 330px !important;
    background-repeat:no-repeat !important;
    color:var(--home-text) !important;
  }
  .home-page > main,
  .home-page .hero { background:transparent !important;background-image:none !important; }
  .home-page :where(.headline,.headline .line,.headline .line--serif,.headline .line--bold,.hero h1) { color:var(--home-text) !important; }
  .home-page .gallery-toggle button:hover { background:transparent !important;color:#74777f !important; }
  .home-page .gallery-toggle button[aria-pressed="true"]:hover { background:#fff !important;color:var(--home-text) !important; }
}

@media (prefers-reduced-motion:reduce) {
  .home-page *,
  .home-page *::before,
  .home-page *::after { scroll-behavior:auto; }
}

/* Final canvas lock. desktop-dark.css contains deliberately high-specificity
   public-shell rules; mirror their exact targets so the home stays light in
   guest, hinted-member and authenticated first-paint states. */
html:has(body.home-page),
html body.home-page {
  color-scheme:light !important;
  background-color:var(--home-bg) !important;
  background-image:
    radial-gradient(720px 420px at 12% 0%,rgba(226,157,118,.2),transparent 68%),
    radial-gradient(640px 460px at 92% 3%,rgba(145,137,216,.18),transparent 70%) !important;
}

html body.home-page > main#main-content,
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:var(--home-bg) !important;
  background-image:
    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='%2317181c' stop-opacity='.075'/%3E%3Cstop offset='.55' stop-color='%2317181c' stop-opacity='.03'/%3E%3Cstop offset='1' stop-color='%2317181c' 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(226,157,118,.2),transparent 68%),
    radial-gradient(640px 460px at 92% 3%,rgba(145,137,216,.18),transparent 70%) !important;
  background-position:0 0 !important;
  background-size:120px 460px,auto,auto !important;
  background-repeat:repeat-x,no-repeat,no-repeat !important;
  color:var(--home-text) !important;
}

html body.home-page .hero { background:transparent !important; }
html body.home-page :where(
  .headline,
  .headline>.line,
  .headline>.hero-copy--mobile,
  .headline>.hero-copy--desktop,
  .headline .line--serif,
  .headline .line--bold,
  .hero h1
) { color:var(--home-text) !important; }
html body.home-page .headline > [data-auth-headline-serif],
html body.home-page .headline > [data-auth-headline-bold],
html body.home-page .headline > .line--serif,
html body.home-page .headline > .line--bold {
  color:var(--home-text) !important;
}
html body.home-page .hero-subtitle,
html body.home-page .hero-subtitle > span,
html body.home-page .hero-proof { color:var(--home-muted) !important; }

html body.home-page .nav :where(.brand-wordmark,.desktop-nav__links a,.nav-login-primary) {
  color:var(--home-text) !important;
}
html body.home-page .nav .nav-session-link--guest,
html body.home-page .nav .nav-action--mobile-login {
  color:var(--home-text) !important;
}
@media (max-width:900px) {
  html body.home-page .nav .nav-session-link--guest.nav-action--mobile-login:not([hidden]),
  html body.home-page .nav .nav-session-link--guest.nav-action--mobile-login:not([hidden]):hover,
  html body.home-page .nav .nav-session-link--guest.nav-action--mobile-login:not([hidden]):focus-visible {
    border:0 !important;
    background:transparent !important;
    color:var(--home-text) !important;
    box-shadow:none !important;
  }
}

/* Canonical mobile interaction state — intentionally last in the cascade. */
@media (max-width:680px), (hover:none) and (pointer:coarse) {
  html body.home-page .gallery .showcase-card:is(:hover,:active,:focus,:focus-within),
  html body.home-page .gallery .showcase-card {
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    scale:1 !important;
    transform:none !important;
    transition:none !important;
  }

  html body.home-page .gallery .showcase-card:is(:hover,:active,:focus,:focus-within) .showcase-card__preview,
  html body.home-page .gallery .showcase-card:is(:hover,:active,:focus,:focus-within) .showcase-card__preview > :is(img,video,.collection-card-image,.collection-card-video,.preview-card-image),
  html body.home-page .gallery .showcase-card__preview,
  html body.home-page .gallery .showcase-card__preview > :is(img,video,.collection-card-image,.collection-card-video,.preview-card-image) {
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    scale:1 !important;
    transform:none !important;
    transition:none !important;
  }

  html body.home-page .gallery .showcase-card__preview::before,
  html body.home-page .gallery .showcase-card__preview::after,
  html body.home-page .gallery .showcase-card:is(:hover,:active,:focus,:focus-within) .showcase-card__preview::before,
  html body.home-page .gallery .showcase-card:is(:hover,:active,:focus,:focus-within) .showcase-card__preview::after {
    content:none !important;
    display:none !important;
    opacity:0 !important;
    background:none !important;
    box-shadow:none !important;
    filter:none !important;
  }

  html body.home-page .gallery .showcase-card:is(:hover,:active,:focus,:focus-within) .showcase-card__meta,
  html body.home-page .gallery .showcase-card__meta {
    opacity:1 !important;
    background:transparent !important;
    box-shadow:none !important;
    filter:none !important;
    transform:none !important;
    transition:none !important;
  }
}

/* Final cascade lock: drawer is information only; long-form content lives in the stage. */
html body.home-page .project-detail-modal--native .project-detail-modal__layout {
  display:grid !important;
  grid-template-columns:clamp(420px,34vw,570px) minmax(0,1fr) !important;
  grid-template-rows:100% !important;
  overflow:hidden !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__content {
  grid-column:1 !important;
  grid-row:1 !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__facts {
  flex:1 1 auto !important;
  min-height:0 !important;
  margin-top:30px !important;
  overflow:hidden !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage {
  position:relative !important;
  z-index:1 !important;
  grid-column:2 !important;
  grid-row:1 !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 clamp(22px,3.2vw,54px) 72px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(74,74,76,.22) transparent !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__media {
  position:relative !important;
  flex:0 0 min(62dvh,680px) !important;
  grid-column:auto !important;
  grid-row:auto !important;
  width:100% !important;
  height:min(62dvh,680px) !important;
  min-height:460px !important;
  margin:0 !important;
  padding:clamp(58px,7vh,92px) 0 clamp(30px,4vh,50px) !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
  background:transparent !important;
  animation:none !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__media > .showcase-card.is-modal-source {
  width:min(100%,1120px) !important;
  max-height:100% !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__prompts,
html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__comments,
html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__more {
  flex:0 0 auto !important;
  width:min(100%,900px) !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:30px !important;
  overflow:visible !important;
  border:1px solid #e8e8e5 !important;
  border-radius:8px !important;
  background:#fff !important;
  box-shadow:0 18px 55px rgba(30,31,35,.055) !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__prompts {
  min-height:390px !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__comments,
html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__more {
  margin-top:16px !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__comments {
  min-height:420px !important;
  display:flex !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__more {
  min-height:300px !important;
  display:flex !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage .project-detail-modal__prompt-actions {
  height:310px !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage .project-detail-modal__guide-card,
html body.home-page .project-detail-modal--native .project-detail-modal__stage [data-guide-copy-view],
html body.home-page .project-detail-modal--native .project-detail-modal__stage .project-detail-modal__guide-ide,
html body.home-page .project-detail-modal--native .project-detail-modal__stage .project-detail-modal__guide-finished {
  min-height:250px !important;
}

@media (max-width:760px) {
  html body.home-page .project-detail-modal--native .project-detail-modal__layout {
    grid-template-columns:1fr !important;
    grid-template-rows:minmax(0,45dvh) minmax(0,55dvh) !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__stage {
    grid-column:1 !important;
    grid-row:1 !important;
    padding:0 12px 34px !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__content {
    grid-column:1 !important;
    grid-row:2 !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__media {
    flex-basis:42dvh !important;
    height:42dvh !important;
    min-height:300px !important;
    padding:50px 0 18px !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__prompts,
  html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__comments,
  html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__more {
    width:100% !important;
    padding:20px !important;
  }
}

/* Project architecture v4 — info-only drawer, editorial content below the visual. */
html body.home-page .project-detail-modal--native .project-detail-modal__layout {
  display:grid !important;
  grid-template-columns:clamp(420px,34vw,570px) minmax(0,1fr) !important;
  grid-template-rows:100% !important;
  overflow:hidden !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__content {
  grid-column:1 !important;
  grid-row:1 !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__content .project-detail-modal__tabs {
  display:none !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__content .project-detail-modal__facts {
  flex:1 1 auto !important;
  min-height:0 !important;
  margin-top:30px !important;
  overflow:hidden !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage {
  position:relative !important;
  z-index:1 !important;
  grid-column:2 !important;
  grid-row:1 !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 clamp(22px,3.2vw,54px) 72px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  scrollbar-width:thin !important;
  scrollbar-color:rgba(74,74,76,.22) transparent !important;
  scroll-behavior:smooth !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage::-webkit-scrollbar {
  width:6px !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage::-webkit-scrollbar-thumb {
  border-radius:999px !important;
  background:rgba(74,74,76,.2) !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__media {
  position:relative !important;
  flex:0 0 min(62dvh,680px) !important;
  grid-column:auto !important;
  grid-row:auto !important;
  width:100% !important;
  height:min(62dvh,680px) !important;
  min-height:460px !important;
  margin:0 !important;
  padding:clamp(58px,7vh,92px) 0 clamp(30px,4vh,50px) !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
  background:transparent !important;
  animation:none !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__media > .showcase-card.is-modal-source {
  width:min(100%,1120px) !important;
  max-height:100% !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__prompts,
html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__comments,
html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__more {
  flex:0 0 auto !important;
  width:min(100%,900px) !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:30px !important;
  overflow:visible !important;
  border:1px solid #e8e8e5 !important;
  border-radius:8px !important;
  background:#fff !important;
  box-shadow:0 18px 55px rgba(30,31,35,.055) !important;
  animation:stage-block-reveal .5s cubic-bezier(.16,1,.3,1) both !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__prompts {
  min-height:390px !important;
  scroll-margin-top:24px !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__comments,
html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__more {
  margin-top:16px !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__comments {
  min-height:420px !important;
  display:flex !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__more {
  min-height:300px !important;
  margin-bottom:20px !important;
  display:flex !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage [data-drawer-panel],
html body.home-page .project-detail-modal--native .project-detail-modal__stage [data-drawer-panel][hidden] {
  display:block !important;
  clip-path:none !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage .project-detail-modal__prompt-actions {
  height:310px !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage .project-detail-modal__guide-card,
html body.home-page .project-detail-modal--native .project-detail-modal__stage [data-guide-copy-view],
html body.home-page .project-detail-modal--native .project-detail-modal__stage .project-detail-modal__guide-ide,
html body.home-page .project-detail-modal--native .project-detail-modal__stage .project-detail-modal__guide-finished {
  min-height:250px !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__stage .project-detail-modal__comment-list {
  flex:1 1 auto !important;
}

@keyframes stage-block-reveal {
  from { transform:translate3d(0,12px,0);clip-path:inset(0 0 16% 0 round 8px); }
  to { transform:translate3d(0,0,0);clip-path:inset(0 0 0 0 round 8px); }
}

html body.home-page .project-detail-modal--native.is-closing .project-detail-modal__stage {
  pointer-events:none !important;
}

@media (max-height:820px) and (min-width:761px) {
  html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__media {
    flex-basis:58dvh !important;
    height:58dvh !important;
    min-height:380px !important;
    padding-top:44px !important;
  }
}

@media (max-width:760px) {
  html body.home-page .project-detail-modal--native .project-detail-modal__layout {
    grid-template-columns:1fr !important;
    grid-template-rows:minmax(0,45dvh) minmax(0,55dvh) !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__stage {
    grid-column:1 !important;
    grid-row:1 !important;
    padding:0 12px 34px !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__content {
    grid-column:1 !important;
    grid-row:2 !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__media {
    flex-basis:42dvh !important;
    width:100% !important;
    height:42dvh !important;
    min-height:300px !important;
    padding:50px 0 18px !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__prompts,
  html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__comments,
  html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__more {
    width:100% !important;
    padding:20px !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__prompts {
    min-height:330px !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__stage .project-detail-modal__prompt-actions {
    height:340px !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__content .project-detail-modal__facts dl > div:nth-child(n+6) {
    display:none !important;
  }
}

@media (min-width:901px) and (hover:hover) {
  html body.home-page .gallery .showcase-card {
    position:relative !important;
  }

  html body.home-page .gallery .showcase-card__preview::before {
    content:"";
    position:absolute;
    inset:0;
    z-index:4;
    pointer-events:none;
    opacity:0;
    background:linear-gradient(180deg,rgba(10,10,12,.22) 0%,transparent 38%,rgba(10,10,12,.76) 100%);
    transition:opacity .22s ease;
  }

  html body.home-page .gallery .showcase-card__meta,
  html body.home-page .gallery .showcase-card--lithos .showcase-card__meta {
    position:absolute !important;
    inset:auto 0 0 0 !important;
    z-index:6 !important;
    min-height:0 !important;
    height:auto !important;
    padding:12px !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    gap:10px !important;
    pointer-events:none !important;
    opacity:0;
    background:transparent !important;
    transform:translateY(5px);
    transition:opacity .2s ease,transform .24s cubic-bezier(.22,1,.36,1);
  }

  html body.home-page .gallery .showcase-card__meta :is(.card-specs,.card-bottom,.card-status,p) {
    display:none !important;
  }

  html body.home-page .gallery .showcase-card__meta .showcase-card__heading {
    min-width:0;
  }

  html body.home-page .gallery .showcase-card__meta h3,
  html body.home-page .gallery .showcase-card--lithos .showcase-card__meta h3 {
    margin:0 !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:500 !important;
    line-height:1 !important;
    letter-spacing:-.02em !important;
    text-shadow:0 1px 12px rgba(0,0,0,.38);
  }

  html body.home-page .gallery .showcase-card__meta .card-author-avatar {
    width:26px !important;
    min-width:26px !important;
    height:26px !important;
    display:block !important;
    object-fit:cover !important;
    border:1px solid rgba(255,255,255,.65) !important;
    border-radius:50% !important;
    box-shadow:0 2px 10px rgba(0,0,0,.24) !important;
  }

  html body.home-page .gallery .showcase-card .card-likes {
    position:absolute !important;
    top:10px !important;
    right:10px !important;
    z-index:7 !important;
    width:auto !important;
    min-width:46px !important;
    height:28px !important;
    padding:0 9px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    border:1px solid rgba(255,255,255,.36) !important;
    border-radius:999px !important;
    background:rgba(20,20,22,.48) !important;
    color:#fff !important;
    opacity:0;
    box-shadow:none !important;
    backdrop-filter:blur(9px);
    transform:translateY(-4px);
    transition:opacity .2s ease,transform .24s cubic-bezier(.22,1,.36,1) !important;
  }

  html body.home-page .gallery .showcase-card .card-likes :is(span,b) {
    color:inherit !important;
    font-size:11px !important;
    line-height:1 !important;
  }

  html body.home-page .gallery .showcase-card:hover .showcase-card__preview::before,
  html body.home-page .gallery .showcase-card:focus-within .showcase-card__preview::before,
  html body.home-page .gallery .showcase-card:hover .showcase-card__meta,
  html body.home-page .gallery .showcase-card:focus-within .showcase-card__meta,
  html body.home-page .gallery .showcase-card:hover .card-likes,
  html body.home-page .gallery .showcase-card:focus-within .card-likes {
    opacity:1;
    transform:translateY(0);
  }
}

@media (min-width:901px) and (hover:hover) {
  html body.home-page .gallery .showcase-card { overflow:hidden !important; }
  html body.home-page .gallery .showcase-card__preview::before { content:none !important;display:none !important;background:none !important; }

  html body.home-page .gallery .showcase-card__meta,
  html body.home-page .gallery .showcase-card--lithos .showcase-card__meta {
    inset:auto 0 0 0 !important;
    min-height:42px !important;
    height:42px !important;
    padding:7px 10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    opacity:1 !important;
    border-top:1px solid rgba(23,24,28,.08) !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:0 -6px 18px rgba(17,18,22,.06) !important;
    backdrop-filter:blur(12px) saturate(115%) !important;
    transform:translateY(100%) !important;
    transition:transform .3s cubic-bezier(.22,1,.36,1) !important;
  }

  html body.home-page .gallery .showcase-card:hover .showcase-card__meta,
  html body.home-page .gallery .showcase-card:focus-within .showcase-card__meta { transform:translateY(0) !important; }

  html body.home-page .gallery .showcase-card__meta .card-author-avatar {
    order:-1 !important;
    width:24px !important;
    min-width:24px !important;
    height:24px !important;
    border:1px solid #ececea !important;
    box-shadow:none !important;
  }

  html body.home-page .gallery .showcase-card__meta .showcase-card__heading {
    width:auto !important;
    max-width:calc(100% - 34px) !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }

  html body.home-page .gallery .showcase-card__meta h3,
  html body.home-page .gallery .showcase-card--lithos .showcase-card__meta h3 {
    color:#17181c !important;
    font-size:11.5px !important;
    letter-spacing:-.015em !important;
  }
}

html body.home-page .gallery .showcase-card::before,
html body.home-page .gallery .showcase-card[data-price="free"]::before,
html body.home-page .gallery .showcase-card[data-price="paid"]::before,
html body.home-page .gallery .showcase-card .card-detail-link::before {
  content:none !important;
  display:none !important;
}

html body.home-page .gallery .showcase-card__meta :is(
  .card-status,
  .card-specs,
  .card-tools,
  .card-bottom,
  .card-detail-link
) {
  display:none !important;
}

@media (min-width:901px) and (hover:hover) {
  html body.home-page .gallery .showcase-card {
    overflow:hidden !important;
  }

  html body.home-page .gallery .showcase-card__preview::before {
    content:none !important;
    display:none !important;
    opacity:0 !important;
    background:none !important;
  }

  html body.home-page .gallery .showcase-card__meta,
  html body.home-page .gallery .showcase-card--lithos .showcase-card__meta {
    inset:auto 0 0 0 !important;
    min-height:42px !important;
    height:42px !important;
    padding:7px 10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    opacity:1 !important;
    border-top:1px solid rgba(23,24,28,.08) !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:0 -6px 18px rgba(17,18,22,.06) !important;
    backdrop-filter:blur(12px) saturate(115%);
    transform:translateY(100%) !important;
    transition:transform .3s cubic-bezier(.22,1,.36,1) !important;
  }

  html body.home-page .gallery .showcase-card:hover .showcase-card__meta,
  html body.home-page .gallery .showcase-card:focus-within .showcase-card__meta {
    transform:translateY(0) !important;
  }

  html body.home-page .gallery .showcase-card__meta .card-author-avatar {
    order:-1;
    width:24px !important;
    min-width:24px !important;
    height:24px !important;
    border:1px solid #ececea !important;
    box-shadow:none !important;
  }

  html body.home-page .gallery .showcase-card__meta .showcase-card__heading {
    width:auto !important;
    max-width:calc(100% - 34px) !important;
    padding:0 !important;
    display:block !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }

  html body.home-page .gallery .showcase-card__meta h3,
  html body.home-page .gallery .showcase-card--lithos .showcase-card__meta h3 {
    color:#17181c !important;
    font-size:11.5px !important;
    font-weight:500 !important;
    line-height:1 !important;
    letter-spacing:-.015em !important;
    text-shadow:none !important;
  }
}

html body.home-page .gallery .gallery-awards {
  width:100%;
  padding:clamp(130px,11vw,180px) 0 clamp(72px,7vw,104px);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.gallery-awards__marks {
  width:min(300px,38vw);
  height:auto;
  display:block;
  object-fit:contain;
}

html body.home-page .gallery .gallery-awards h2 {
  max-width:620px;
  margin:clamp(32px,3vw,44px) auto 0;
  color:#111216 !important;
  font-size:clamp(.9rem,1vw,1rem) !important;
  font-weight:400 !important;
  line-height:1.45 !important;
  letter-spacing:.005em !important;
  text-wrap:balance;
}

.gallery-awards__cta {
  margin-top:clamp(36px,3.5vw,52px);
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#111216;
  font-size:16px;
  font-weight:500;
  line-height:1;
  letter-spacing:-.035em;
  text-decoration:none;
}

.gallery-awards__cta svg {
  width:28px;
  height:auto;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .3s cubic-bezier(.22,1,.36,1);
}

.gallery-awards__cta:hover svg,
.gallery-awards__cta:focus-visible svg {
  transform:translateX(8px);
}

.gallery-awards__cta:focus-visible {
  outline:2px solid rgba(17,18,22,.28);
  outline-offset:8px;
}

@media (max-width:680px) {
  html body.home-page .gallery .gallery-awards {
    padding:96px 0 72px;
  }

  .gallery-awards__marks {
    width:min(230px,72vw);
  }

  html body.home-page .gallery .gallery-awards h2 {
    max-width:320px;
    margin-top:30px;
    font-size:16px !important;
    line-height:1.4 !important;
  }

  .gallery-awards__cta {
    margin-top:34px;
    gap:10px;
    font-size:16px;
  }
}

/* Touch gallery: cards have no hover/focus visual mode. Mobile browsers can
   keep :hover latched after a tap, so every interactive state is identical
   to the resting card while preserving the click target itself. */
@media (max-width:680px), (hover:none) and (pointer:coarse) {
  html body.home-page .gallery .showcase-card,
  html body.home-page .gallery .showcase-card:hover,
  html body.home-page .gallery .showcase-card:active,
  html body.home-page .gallery .showcase-card:focus,
  html body.home-page .gallery .showcase-card:focus-within {
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    scale:1 !important;
    transform:none !important;
    transition:none !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  html body.home-page .gallery .showcase-card__preview,
  html body.home-page .gallery .showcase-card:hover .showcase-card__preview,
  html body.home-page .gallery .showcase-card:active .showcase-card__preview,
  html body.home-page .gallery .showcase-card:focus-within .showcase-card__preview,
  html body.home-page .gallery .showcase-card__preview > :is(img,video,.collection-card-image,.collection-card-video,.preview-card-image),
  html body.home-page .gallery .showcase-card:hover .showcase-card__preview > :is(img,video,.collection-card-image,.collection-card-video,.preview-card-image),
  html body.home-page .gallery .showcase-card:active .showcase-card__preview > :is(img,video,.collection-card-image,.collection-card-video,.preview-card-image),
  html body.home-page .gallery .showcase-card:focus-within .showcase-card__preview > :is(img,video,.collection-card-image,.collection-card-video,.preview-card-image) {
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    scale:1 !important;
    transform:none !important;
    transition:none !important;
  }

  html body.home-page .gallery .showcase-card__preview::before,
  html body.home-page .gallery .showcase-card__preview::after,
  html body.home-page .gallery .showcase-card:hover .showcase-card__preview::before,
  html body.home-page .gallery .showcase-card:hover .showcase-card__preview::after,
  html body.home-page .gallery .showcase-card:focus-within .showcase-card__preview::before,
  html body.home-page .gallery .showcase-card:focus-within .showcase-card__preview::after {
    content:none !important;
    display:none !important;
    opacity:0 !important;
    background:none !important;
    box-shadow:none !important;
    filter:none !important;
  }

  html body.home-page .gallery .showcase-card__meta,
  html body.home-page .gallery .showcase-card:hover .showcase-card__meta,
  html body.home-page .gallery .showcase-card:active .showcase-card__meta,
  html body.home-page .gallery .showcase-card:focus-within .showcase-card__meta {
    opacity:1 !important;
    background:transparent !important;
    box-shadow:none !important;
    filter:none !important;
    transform:none !important;
    transition:none !important;
  }
}

/* Gallery visuals stay completely still on hover. */
html body.home-page .gallery .showcase-card,
html body.home-page .gallery .showcase-card:hover,
html body.home-page .gallery .showcase-card:focus-within,
html body.home-page .gallery .showcase-card__preview,
html body.home-page .gallery .showcase-card:hover .showcase-card__preview,
html body.home-page .gallery .showcase-card:focus-within .showcase-card__preview,
html body.home-page .gallery .showcase-card__preview > :is(img,video,.collection-card-image,.collection-card-video,.preview-card-image),
html body.home-page .gallery .showcase-card:hover .showcase-card__preview > :is(img,video,.collection-card-image,.collection-card-video,.preview-card-image),
html body.home-page .gallery .showcase-card:focus-within .showcase-card__preview > :is(img,video,.collection-card-image,.collection-card-video,.preview-card-image) {
  scale:1 !important;
  transform:none !important;
}

html body.home-page .gallery .showcase-card__preview > :is(img,video,.collection-card-image,.collection-card-video,.preview-card-image) {
  transition:none !important;
}
html body.home-page .nav .nav-header-cta,
html body.home-page .nav .nav-header-cta:hover {
  border-color:#17181c !important;
  background:#17181c !important;
  color:#fff !important;
}
html body.home-page .nav .nav-header-cta :where(
  .btn-cta__track,.btn-cta__group,.btn-cta__word,.btn-cta__icon,.btn-cta__icon svg
) { color:#fff !important; }

html body.home-page .gallery .gallery-toggle {
  border-color:var(--home-line) !important;
  background:#eaeae8 !important;
}
html body.home-page .gallery .gallery-toggle button { background:transparent !important;color:#74777f !important; }
html body.home-page .gallery .gallery-toggle button[aria-pressed="true"] {
  background:#fff !important;
  color:var(--home-text) !important;
  box-shadow:0 2px 8px rgba(23,24,28,.08) !important;
}
html body.home-page .gallery .gallery-sort[data-project-sort] > summary {
  border-color:var(--home-line) !important;
  background:#fff !important;
  color:var(--home-text) !important;
  box-shadow:0 8px 25px -22px rgba(23,24,28,.52) !important;
}
html body.home-page .gallery :where(.gallery-result-count,.showcase-card__meta p,.card-specs) { color:var(--home-muted) !important; }
html body.home-page .gallery :where(.showcase-card__meta h3,.showcase-card--lithos .showcase-card__meta h3) { color:var(--home-text) !important; }
html body.home-page .gallery .showcase-card h3,
html body.home-page .gallery .showcase-card--lithos h3,
html body.home-page .gallery .showcase-card__meta h3,
html body.home-page .gallery .showcase-card--lithos .showcase-card__meta h3 {
  color:var(--home-text) !important;
}
html body.home-page .gallery .showcase-card__meta p,
html body.home-page .gallery .showcase-card--lithos .showcase-card__meta p {
  color:var(--home-muted) !important;
}
html body.home-page .gallery :where(.showcase-card,.showcase-card--ready,.showcase-card--lithos) {
  border-color:transparent !important;
  background:transparent !important;
  color:var(--home-text) !important;
}
html body.home-page .gallery :where(.showcase-card__meta,.card-bottom) { background:transparent !important; }
html body.home-page .gallery .showcase-card.is-media-loading .showcase-card__preview:has(> .collection-card-image)::after {
  content:none !important;
  display:none !important;
  animation:none !important;
}

html body.home-page .home-value-card {
  border-color:rgba(23,24,28,.055) !important;
  background:#eeeeec !important;
  color:var(--home-text) !important;
}
html body.home-page .home-value-card h3 { color:var(--home-text) !important; }
html body.home-page .home-value-card p { color:#74777d !important; }

html body.home-page .mobile-premium-gate__surface {
  border-color:var(--home-line) !important;
  background:#fff !important;
  color:var(--home-text) !important;
}
html body.home-page .mobile-premium-gate h2,
html body.home-page .mobile-premium-gate p strong { color:var(--home-text) !important; }
html body.home-page .mobile-premium-gate p { color:var(--home-muted) !important; }
html body.home-page .mobile-premium-gate__visual { border-color:var(--home-line) !important;background:#eeeeec !important; }
html body.home-page .mobile-premium-gate__tags span { background:#eeeeec !important;color:var(--home-muted) !important; }
html body.home-page .mobile-premium-gate__actions [data-premium-gate-unlock] { background:#17181c !important;color:#fff !important; }

html body.home-page .free-guide-modal__surface,
html body.home-page .free-guide-modal__header,
html body.home-page .free-guide-modal__body {
  border-color:var(--home-line) !important;
  background:#fff !important;
  color:var(--home-text) !important;
}
html body.home-page .free-guide-modal :where(h2,h3,h4,strong,b) { color:var(--home-text) !important; }
html body.home-page .free-guide-modal :where(p,small) { color:var(--home-muted) !important; }

html body.home-page > .site-footer.site-footer--legal {
  border-color:var(--home-line) !important;
  background:var(--home-bg) !important;
  color:var(--home-muted) !important;
}

/* Main hero CTA — an editorial access card, not a gradient pill. */
html body.home-page:is(.auth-guest,.auth-member,.auth-has-access) .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery,
html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery {
  position:relative !important;
  isolation:isolate !important;
  width:246px !important;
  height:62px !important;
  padding:7px 7px 7px 20px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  border:1px solid rgba(23,24,28,.18) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.88) !important;
  background-image:none !important;
  color:var(--home-text) !important;
  box-shadow:
    0 18px 42px -30px rgba(25,28,35,.42),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
  filter:none !important;
  transform:none !important;
  transition:border-color .22s ease,background-color .22s ease,box-shadow .28s ease,transform .28s cubic-bezier(.16,1,.3,1) !important;
}

html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery::before,
html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery::after {
  content:none !important;
  display:none !important;
  background:none !important;
  animation:none !important;
}

html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__track {
  width:100% !important;
  min-width:0 !important;
  height:46px !important;
  display:block !important;
  overflow:visible !important;
}

html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__group,
html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__group--current {
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:46px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  color:var(--home-text) !important;
  text-shadow:none !important;
  transform:none !important;
  transition:none !important;
}

html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__group--incoming {
  display:none !important;
}

html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__word {
  color:var(--home-text) !important;
  font-size:14px !important;
  font-weight:670 !important;
  line-height:1 !important;
  letter-spacing:-.018em !important;
  white-space:nowrap !important;
  text-shadow:none !important;
}

html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__icon,
html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery:hover .btn-cta__icon {
  width:46px !important;
  min-width:46px !important;
  height:46px !important;
  margin:0 !important;
  display:grid !important;
  place-items:center !important;
  border:0 !important;
  border-radius:10px !important;
  background:#17181c !important;
  color:#fff !important;
  box-shadow:none !important;
  opacity:1 !important;
  transform:none !important;
  animation:none !important;
}

html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__icon svg {
  width:19px !important;
  height:19px !important;
  color:#fff !important;
  stroke:#fff !important;
  filter:none !important;
  transform:none !important;
  animation:none !important;
  transition:transform .28s cubic-bezier(.16,1,.3,1) !important;
}

@media (hover:hover) and (pointer:fine) {
  html body.home-page:is(.auth-guest,.auth-member,.auth-has-access) .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery:hover,
  html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery:hover {
    border-color:rgba(23,24,28,.3) !important;
    background:#fff !important;
    background-image:none !important;
    box-shadow:0 22px 46px -29px rgba(25,28,35,.5),inset 0 1px 0 #fff !important;
    filter:none !important;
    transform:translateY(-2px) !important;
  }
  html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery:hover .btn-cta__icon svg {
    transform:translateX(3px) !important;
  }
}

/* Drawer motion: pure horizontal slide, with no spring, overshoot or scaling. */
::view-transition-group(project-drawer) {
  animation-duration:.34s !important;
  animation-timing-function:cubic-bezier(.32,.72,.24,1) !important;
}

::view-transition-new(project-drawer) {
  opacity:1 !important;
  animation:project-drawer-clean-in .34s cubic-bezier(.32,.72,.24,1) both !important;
}

::view-transition-old(project-drawer) {
  opacity:1 !important;
  animation:project-drawer-clean-out .28s cubic-bezier(.4,0,.3,1) both !important;
}

@keyframes project-drawer-clean-in {
  from { transform:translate3d(-100%,0,0); }
  to { transform:translate3d(0,0,0); }
}

@keyframes project-drawer-clean-out {
  from { transform:translate3d(0,0,0); }
  to { transform:translate3d(-100%,0,0); }
}

html body.home-page .project-detail-modal--native:not(.uses-view-transition) .project-detail-modal__content {
  clip-path:none !important;
  transition:transform .34s cubic-bezier(.32,.72,.24,1) !important;
}

html body.home-page .project-detail-modal--native:not(.uses-view-transition).is-transitioning .project-detail-modal__content,
html body.home-page .project-detail-modal--native:not(.uses-view-transition).is-closing .project-detail-modal__content {
  clip-path:none !important;
  transform:translate3d(-100%,0,0) !important;
}

html body.home-page .project-detail-modal--native:not(.uses-view-transition).is-settled .project-detail-modal__content {
  clip-path:none !important;
  transform:translate3d(0,0,0) !important;
}

/* Final mobile canvas lock: keep the entire home pure white. */
@media (max-width:900px) {
  html:has(body.home-page),
  html body.home-page,
  html body.home-page > main#main-content,
  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:#fff !important;
    background-image:none !important;
  }

  html body.home-page > :is(.bg-glow,.bg-lines,.grain) {
    display:none !important;
  }
}

@media(max-width:900px){
  html body.home-page .nav .nav-session-link--guest.nav-action--mobile-login:not([hidden]){display:none!important}
  html body.home-page header.nav button.nav__burger[aria-controls="primary-navigation"]{border:0!important;border-radius:12px!important;background:#303030!important;color:#fff!important;box-shadow:none!important}
}

/* Mobile category rail: tabs dissolve only where more content is available. */
@media (max-width:680px) {
  html body.home-page .gallery .gallery-filter-scroll {
    -webkit-mask-image:none !important;
    mask-image:none !important;
    -webkit-mask-repeat:no-repeat !important;
    mask-repeat:no-repeat !important;
  }

  html body.home-page .gallery .gallery-filter-scroll.has-overflow-right:not(.has-overflow-left) {
    -webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 24px),transparent 100%) !important;
    mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 24px),transparent 100%) !important;
  }

  html body.home-page .gallery .gallery-filter-scroll.has-overflow-left:not(.has-overflow-right) {
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 100%) !important;
    mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 100%) !important;
  }

  html body.home-page .gallery .gallery-filter-scroll.has-overflow-left.has-overflow-right {
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%) !important;
    mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%) !important;
  }
}

/* Mobile header: no frosted blur or gradient overlay. */
@media (max-width:900px) {
  html:has(body.home-page),
  html body.home-page {
    margin:0 !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
  }

  html body.home-page .nav-blur {
    display:none !important;
  }

  html body.home-page .nav {
    background:transparent !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    filter:none !important;
  }
}

/* Mobile navigation drawer — light editorial treatment matching the new home. */
@media (max-width:900px) {
  html body.home-page .nav__links {
    position:fixed !important;
    inset:0 !important;
    width:100% !important;
    height:100dvh !important;
    padding:max(18px,env(safe-area-inset-top)) 22px max(18px,env(safe-area-inset-bottom)) !important;
    display:flex !important;
    flex-direction:column !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    border:0 !important;
    border-radius:0 !important;
    background:
      radial-gradient(80% 34% at 0% 0%,rgba(226,157,118,.12),transparent 72%),
      radial-gradient(76% 38% at 100% 0%,rgba(145,137,216,.1),transparent 74%),
      #fbfbf9 !important;
    color:#17181c !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    transform:translate3d(100%,0,0) !important;
    transition:transform .34s cubic-bezier(.32,.72,.24,1),visibility 0s linear .34s !important;
  }

  html body.home-page .nav__links.is-open {
    transform:translate3d(0,0,0) !important;
    transition-delay:0s !important;
  }

  html body.home-page .mobile-drawer__header {
    min-height:56px !important;
    padding:0 0 17px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    border:0 !important;
    border-bottom:1px solid rgba(23,24,28,.09) !important;
  }

  html body.home-page .mobile-drawer__brand {
    min-height:38px !important;
    width:max-content !important;
    gap:9px !important;
    color:#17181c !important;
  }

  html body.home-page .mobile-drawer__brand .brand-symbol--nav {
    width:29px !important;
    height:29px !important;
    flex:0 0 29px !important;
    object-fit:contain !important;
    filter:none !important;
  }

  html body.home-page .mobile-drawer__brand .brand-wordmark,
  html body.home-page .mobile-drawer__brand .brand-wordmark--2026 {
    color:#17181c !important;
    font-size:17px !important;
    font-weight:500 !important;
    letter-spacing:-.025em !important;
  }

  html body.home-page .mobile-drawer__controls {
    gap:0 !important;
  }

  html body.home-page .mobile-drawer__controls > button {
    width:38px !important;
    height:38px !important;
    border:0 !important;
    border-radius:50% !important;
    background:rgba(23,24,28,.045) !important;
    color:#777a81 !important;
    box-shadow:none !important;
  }

  html body.home-page .mobile-drawer__controls > button .nav-icon {
    width:20px !important;
    height:20px !important;
    stroke:currentColor !important;
    stroke-width:1.35 !important;
  }

  html body.home-page .mobile-drawer__nav {
    margin:25px 0 0 !important;
    display:grid !important;
    gap:0 !important;
  }

  html body.home-page .mobile-drawer__nav::before {
    content:none !important;
    display:none !important;
  }

  html body.home-page .mobile-drawer__nav > a {
    min-height:58px !important;
    padding:0 2px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    border:0 !important;
    border-bottom:1px solid rgba(23,24,28,.075) !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#17181c !important;
    font:450 clamp(19px,5.2vw,22px)/1 var(--sans) !important;
    letter-spacing:-.035em !important;
    box-shadow:none !important;
    transform:none !important;
  }

  html body.home-page .mobile-drawer__nav > a:last-child {
    border-bottom:0 !important;
  }

  html body.home-page .mobile-drawer__nav > a small {
    min-height:23px !important;
    margin-left:auto !important;
    padding:0 9px !important;
    gap:5px !important;
    border:1px solid rgba(210,72,101,.14) !important;
    border-radius:999px !important;
    background:linear-gradient(105deg,rgba(255,118,105,.1),rgba(255,255,255,.72) 48%,rgba(221,70,139,.09)) !important;
    color:#a84a5e !important;
    font:500 8px/1 var(--sans) !important;
    letter-spacing:.02em !important;
    box-shadow:none !important;
  }

  html body.home-page .mobile-drawer__nav > a small svg {
    width:12px !important;
    height:12px !important;
    color:#b25569 !important;
    stroke-width:1.45 !important;
  }

  html body.home-page .mobile-drawer__member:not([hidden]) {
    margin-top:auto !important;
    padding:22px 0 10px !important;
    border:0 !important;
  }

  html body.home-page .mobile-drawer__quick {
    margin-top:auto !important;
    margin-bottom:0 !important;
    padding:24px 0 0 !important;
    display:grid !important;
    gap:9px !important;
    flex:none !important;
  }

  html body.home-page .mobile-drawer__member:not([hidden]) + .mobile-drawer__quick {
    margin-top:0 !important;
    padding-top:0 !important;
  }

  html body.home-page .mobile-drawer__quick-action {
    width:100% !important;
    min-height:50px !important;
    margin:0 !important;
    padding:0 18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    border:1px solid rgba(23,24,28,.1) !important;
    border-radius:12px !important;
    background:#efefed !important;
    color:#24252a !important;
    font:500 14px/1 var(--sans) !important;
    letter-spacing:-.02em !important;
    box-shadow:none !important;
    opacity:1 !important;
  }

  html body.home-page .mobile-drawer__quick-action svg {
    width:18px !important;
    height:18px !important;
    color:currentColor !important;
    stroke:currentColor !important;
    stroke-width:1.45 !important;
  }

  html body.home-page .mobile-drawer__quick-action--access {
    border-color:#1b1c20 !important;
    background:#1b1c20 !important;
    color:#fff !important;
  }

  html body.home-page .mobile-drawer__quick-action--signout {
    color:#24252a !important;
  }

  html body.home-page .mobile-drawer__quick-action[hidden],
  html body.home-page .mobile-drawer__member[hidden] {
    display:none !important;
  }

  html body.home-page .nav-drawer-backdrop {
    background:transparent !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
}

@media (max-width:380px), (max-height:700px) {
  html body.home-page .mobile-drawer__header { padding-bottom:12px !important; }
  html body.home-page .mobile-drawer__nav { margin-top:14px !important; }
  html body.home-page .mobile-drawer__nav > a { min-height:48px !important;font-size:18px !important; }
  html body.home-page .mobile-drawer__quick { padding-top:14px !important; }
  html body.home-page .mobile-drawer__quick-action { min-height:44px !important; }
}

html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery:active {
  transform:translateY(0) scale(.985) !important;
}

html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery:focus-visible {
  outline:3px solid rgba(23,24,28,.14) !important;
  outline-offset:4px !important;
}

@media (max-width:680px) {
  html body.home-page:is(.auth-guest,.auth-member,.auth-has-access) .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery,
  html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery {
    width:230px !important;
    max-width:100% !important;
    height:58px !important;
    padding:6px 6px 6px 17px !important;
    border-radius:13px !important;
  }
  html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__track,
  html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__group,
  html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__group--current {
    height:44px !important;
  }
  html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__icon,
  html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery:hover .btn-cta__icon {
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    border-radius:9px !important;
  }
}


@media (max-width:900px) {
  html body.home-page .gallery .gallery__grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    column-gap:8px !important;
    row-gap:8px !important;
  }

  html body.home-page .gallery .showcase-card {
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    transform:none !important;
    transition:none !important;
  }

  html body.home-page .gallery .showcase-card__preview,
  html body.home-page .gallery .gallery-skeleton-card__preview {
    aspect-ratio:1.6 / 1 !important;
    padding:0 !important;
    overflow:hidden !important;
    border:1px solid rgba(23,24,28,.09) !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  html body.home-page .gallery .showcase-card__meta,
  html body.home-page .gallery .showcase-card--lithos .showcase-card__meta,
  html body.home-page .gallery .gallery-skeleton-card__meta,
  html body.home-page .gallery .card-likes,
  html body.home-page .gallery .collection-card-index {
    display:none !important;
  }

  html body.home-page .gallery .showcase-card__preview > img.collection-card-image,
  html body.home-page .gallery .showcase-card:hover .showcase-card__preview > img.collection-card-image,
  html body.home-page .gallery .showcase-card:focus-within .showcase-card__preview > img.collection-card-image {
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    object-fit:cover !important;
    object-position:center !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
  }

  html body.home-page .gallery .showcase-card__preview > img.collection-card-image[src*="av-007-design-threads"] {
    object-fit:contain !important;
    background:#fff !important;
  }
}

/* Desktop header links sit directly on the page atmosphere. No individual
   white plates, highlight fills or group surface; the Pricing offer badge is
   intentionally excluded and remains visible below its label. */
@media (min-width:901px) {
  html body.home-page .nav .nav__links,
  html body.home-page .nav .desktop-nav__links,
  html body.home-page .nav .desktop-nav__links > a,
  html body.home-page .nav .desktop-nav__links > a:hover,
  html body.home-page .nav .desktop-nav__links > a:focus-visible,
  html body.home-page .nav .desktop-nav__links > a > span {
    border:0 !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    filter:none !important;
  }

  html body.home-page .nav .desktop-nav__links > a,
  html body.home-page .nav .desktop-nav__links > a:hover,
  html body.home-page .nav .desktop-nav__links > a:focus-visible,
  html body.home-page .nav .desktop-nav__links > a > span {
    color:var(--home-text) !important;
  }

  html body.home-page .nav .desktop-nav__links > a::before,
  html body.home-page .nav .desktop-nav__links > a::after {
    content:none !important;
    display:none !important;
    background:none !important;
    box-shadow:none !important;
  }
}

/* Premium hero action — quiet graphite gradient with a fine tactile grain. */
html body.home-page:is(.auth-guest,.auth-member,.auth-has-access) .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery,
html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery {
  border:1px solid rgba(12,13,16,.84) !important;
  background-color:#1b1c20 !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' seed='17' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 .18'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E"),
    linear-gradient(145deg,#2a2b30 0%,#202126 42%,#17181c 68%,#24252a 100%) !important;
  background-size:96px 96px,100% 100% !important;
  background-position:0 0,center !important;
  background-blend-mode:soft-light,normal !important;
  color:#f0f0ed !important;
  box-shadow:
    0 22px 46px -28px rgba(14,16,21,.58),
    0 7px 15px -12px rgba(12,13,17,.5),
    inset 0 1px 0 rgba(255,255,255,.11),
    inset 0 -1px 0 rgba(0,0,0,.34) !important;
}

html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__group,
html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__group--current,
html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__word {
  color:#f0f0ed !important;
}

html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__icon,
html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery:hover .btn-cta__icon {
  border:1px solid rgba(255,255,255,.09) !important;
  background:linear-gradient(145deg,#3b3c42 0%,#292a2f 100%) !important;
  color:#efefec !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 9px 18px -14px rgba(0,0,0,.9) !important;
}

html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__icon svg {
  color:#efefec !important;
  stroke:#efefec !important;
}

@media (hover:hover) and (pointer:fine) {
  html body.home-page:is(.auth-guest,.auth-member,.auth-has-access) .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery:hover,
  html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery:hover {
    border-color:rgba(12,13,16,.95) !important;
    background-color:#1d1e22 !important;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' seed='17' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 .18'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E"),
      linear-gradient(145deg,#303137 0%,#222328 42%,#191a1e 68%,#292a2f 100%) !important;
    background-size:96px 96px,100% 100% !important;
    background-position:3px -2px,center !important;
    background-blend-mode:soft-light,normal !important;
    box-shadow:0 26px 52px -28px rgba(14,16,21,.68),0 9px 18px -14px rgba(12,13,17,.56),inset 0 1px 0 rgba(255,255,255,.13) !important;
  }
}

/* Header conversion CTA — grey body, separate white arrow tile. */
@media (min-width:901px) {
  html body.home-page .nav .nav-header-cta,
  html body.home-page .nav .nav-header-cta:hover,
  html body.home-page .nav .nav-header-cta:focus-visible {
    width:138px !important;
    height:38px !important;
    padding:5px 5px 5px 13px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    border:1px solid rgba(25,27,32,.08) !important;
    border-radius:9px !important;
    background:#d7d8db !important;
    background-image:none !important;
    color:#1c1d21 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.46),0 10px 24px -20px rgba(24,26,31,.34) !important;
    filter:none !important;
    transform:none !important;
  }

  html body.home-page .nav .nav-header-cta:hover {
    border-color:rgba(25,27,32,.12) !important;
    background:#cfd0d4 !important;
  }

  html body.home-page .nav .nav-header-cta::before,
  html body.home-page .nav .nav-header-cta::after { content:none !important;display:none !important; }

  html body.home-page .nav .nav-header-cta .btn-cta__track {
    width:100% !important;
    min-width:0 !important;
    height:28px !important;
    overflow:visible !important;
  }

  html body.home-page .nav .nav-header-cta .btn-cta__group,
  html body.home-page .nav .nav-header-cta .btn-cta__group--current {
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:28px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:9px !important;
    color:#1c1d21 !important;
    transform:none !important;
  }

  html body.home-page .nav .nav-header-cta .btn-cta__group--incoming { display:none !important; }

  html body.home-page .nav .nav-header-cta .btn-cta__word {
    order:1 !important;
    color:#1c1d21 !important;
    font-size:12px !important;
    font-weight:700 !important;
    letter-spacing:-.01em !important;
  }

  html body.home-page .nav .nav-header-cta .btn-cta__icon {
    order:2 !important;
    width:28px !important;
    min-width:28px !important;
    height:28px !important;
    margin:0 !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid rgba(25,27,32,.06) !important;
    border-radius:6px !important;
    background:#f7f7f4 !important;
    color:#1c1d21 !important;
    box-shadow:0 5px 12px -9px rgba(24,26,31,.42),inset 0 1px 0 rgba(255,255,255,.9) !important;
    transform:none !important;
  }

  html body.home-page .nav .nav-header-cta .btn-cta__icon svg {
    width:13px !important;
    height:13px !important;
    color:#1c1d21 !important;
    stroke:#1c1d21 !important;
    filter:none !important;
  }
}

/* August 2026 control reset — one flat, light-grey language across the home.
   These components deliberately carry no border, shadow, grain or lift. */
html:has(body.home-page),
html body.home-page {
  background-color:#fbfbf9 !important;
  background-image:
    radial-gradient(720px 420px at 12% 0%,rgba(226,157,118,.12),transparent 68%),
    radial-gradient(640px 460px at 92% 3%,rgba(145,137,216,.11),transparent 70%) !important;
}

html body.home-page > main#main-content,
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:#fbfbf9 !important;
  background-image:
    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='%2317181c' stop-opacity='.055'/%3E%3Cstop offset='.55' stop-color='%2317181c' stop-opacity='.02'/%3E%3Cstop offset='1' stop-color='%2317181c' 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(226,157,118,.12),transparent 68%),
    radial-gradient(640px 460px at 92% 3%,rgba(145,137,216,.11),transparent 70%) !important;
}

html body.home-page:is(.auth-guest,.auth-member,.auth-has-access) .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery,
html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery,
html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery:hover,
html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery:active {
  width:226px !important;
  height:48px !important;
  padding:5px 6px 5px 16px !important;
  border:0 !important;
  border-radius:10px !important;
  background:#e5e5e3 !important;
  background-image:none !important;
  color:#17181c !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
  transition:background-color .18s ease,color .18s ease !important;
}

html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery:hover {
  background:#ddddda !important;
}

html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__track,
html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__group,
html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__group--current {
  height:38px !important;
  color:#17181c !important;
  transform:none !important;
  transition:none !important;
}

html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__word {
  color:#17181c !important;
}

html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__icon,
html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery:hover .btn-cta__icon {
  width:38px !important;
  min-width:38px !important;
  height:38px !important;
  border:0 !important;
  border-radius:7px !important;
  background:transparent !important;
  color:#17181c !important;
  box-shadow:none !important;
  transform:none !important;
  transition:none !important;
}

html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery .btn-cta__icon svg,
html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery:hover .btn-cta__icon svg {
  color:#17181c !important;
  stroke:#17181c !important;
  transform:none !important;
  transition:none !important;
}

html body.home-page .gallery .gallery-toggle,
html body.home-page .gallery .gallery-toggle:hover {
  border:0 !important;
  background:#e5e5e3 !important;
  box-shadow:none !important;
  transform:none !important;
}

html body.home-page .gallery .gallery-toggle::before {
  content:none !important;
  display:none !important;
  box-shadow:none !important;
}

html body.home-page .gallery .gallery-toggle button,
html body.home-page .gallery .gallery-toggle button:hover,
html body.home-page .gallery .gallery-toggle button:active,
html body.home-page .gallery .gallery-toggle button[aria-pressed="true"],
html body.home-page .gallery .gallery-toggle button[aria-pressed="true"]:hover,
html body.home-page .gallery .gallery-toggle button.is-active {
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
  transition:color .18s ease !important;
}

html body.home-page .gallery .gallery-toggle button { color:#777a80 !important; }
html body.home-page .gallery .gallery-toggle button:hover { color:#585b61 !important; }
html body.home-page .gallery .gallery-toggle button[aria-pressed="true"],
html body.home-page .gallery .gallery-toggle button[aria-pressed="true"]:hover,
html body.home-page .gallery .gallery-toggle button.is-active {
  color:#17181c !important;
  font-weight:700 !important;
}

/* Category pills — reference-matched replacement for the format toggle. */
html body.home-page .gallery .gallery-toolbar {
  z-index:60;
  isolation:isolate;
  width:100%;
  max-width:none;
  margin:0 0 28px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border:0;
  border-radius:0;
  background:transparent !important;
  box-shadow:none;
}

html body.home-page .gallery .gallery-filter-scroll {
  min-width:0;
  flex:1 1 auto;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
}

html body.home-page .gallery .gallery-filter-scroll::-webkit-scrollbar { display:none; }

html body.home-page .gallery .gallery-filter-tags {
  width:max-content;
  display:flex;
  align-items:center;
  gap:8px;
}

html body.home-page .gallery .gallery-filter-tag {
  min-width:max-content;
  min-height:28px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:999px;
  background:#f3f3f3;
  color:#7f7f7f;
  box-shadow:none;
  font:400 14px/1 var(--sans);
  letter-spacing:-.012em;
  white-space:nowrap;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  transition:background-color .18s ease,color .18s ease;
}

html body.home-page .gallery .gallery-filter-tag:hover { background:#ececec;color:#535353; }
html body.home-page .gallery .gallery-filter-tag[aria-pressed="true"] {
  background:#1d1d1d;
  color:#fff;
}
html body.home-page .gallery .gallery-filter-tag:active { transform:scale(.98); }
html body.home-page .gallery .gallery-filter-tag:focus-visible {
  outline:2px solid rgba(29,29,29,.28);
  outline-offset:2px;
}

html body.home-page .gallery .gallery-sort[data-project-sort] {
  position:relative;
  z-index:61;
  width:86px !important;
  flex:0 0 86px !important;
}
html body.home-page .gallery .gallery-sort[data-project-sort] > summary {
  width:auto !important;
  max-width:none !important;
  min-width:86px;
  height:28px !important;
  min-height:28px;
  padding:0 11px 0 12px;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border:1px solid #d2d2d2 !important;
  border-radius:999px !important;
  background:#fafafa !important;
  color:#252525 !important;
  box-shadow:none !important;
  overflow:visible !important;
  font:400 14px/1 var(--sans) !important;
  line-height:1 !important;
  letter-spacing:-.012em;
  list-style:none;
  cursor:pointer;
  -webkit-appearance:none !important;
  appearance:none !important;
}

html body.home-page .gallery .gallery-sort[data-project-sort] > summary > span {
  display:block !important;
  color:inherit !important;
  font:inherit !important;
  line-height:1 !important;
}

html body.home-page .gallery .gallery-sort[data-project-sort] > summary::-webkit-details-marker { display:none; }
html body.home-page .gallery .gallery-sort[data-project-sort] > summary:hover,
html body.home-page .gallery .gallery-sort[data-project-sort][open] > summary { border-color:#c7c7c7 !important;background:#fff !important; }
html body.home-page .gallery .gallery-sort[data-project-sort] > summary:focus-visible {
  outline:2px solid rgba(29,29,29,.22);
  outline-offset:2px;
}
html body.home-page .gallery .gallery-sort[data-project-sort] > summary svg {
  width:14px;
  height:14px;
  flex:none;
  fill:none;
  stroke:currentColor !important;
  stroke-width:1.35;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .18s ease;
}
html body.home-page .gallery .gallery-sort[data-project-sort][open] > summary svg { transform:rotate(180deg); }
html body.home-page .gallery .gallery-sort[data-project-sort] .gallery-sort__menu {
  position:absolute !important;
  top:calc(100% + 5px) !important;
  right:0 !important;
  width:152px !important;
  padding:5px !important;
  display:grid !important;
  gap:0 !important;
  border:1px solid #e2e2e2 !important;
  border-radius:11px !important;
  background:#fff !important;
  box-shadow:0 2px 5px rgba(18,18,18,.12) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

html body.home-page .gallery .gallery-sort[data-project-sort] .gallery-sort__menu > button {
  width:100% !important;
  min-height:28px !important;
  padding:0 10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  border:0 !important;
  border-radius:8px !important;
  background:transparent !important;
  color:#252525 !important;
  box-shadow:none !important;
  font:400 14px/1 var(--sans) !important;
  letter-spacing:-.012em !important;
  text-align:left !important;
  cursor:pointer;
}

html body.home-page .gallery .gallery-sort[data-project-sort] .gallery-sort__menu > button:hover {
  background:#f5f5f5 !important;
}

html body.home-page .gallery .gallery-sort[data-project-sort] .gallery-sort__menu > button[aria-pressed="true"] {
  background:#ededed !important;
  color:#252525 !important;
}

@media(max-width:680px) {
  html body.home-page .gallery .gallery-toolbar {
    width:calc(100vw - 44px) !important;
    max-width:calc(100vw - 44px) !important;
    margin-bottom:20px;
    display:flex !important;
    grid-template-columns:none !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:12px !important;
  }
  html body.home-page .gallery .gallery-filter-scroll {
    width:calc(100% - 92px) !important;
    min-width:0;
    flex:0 0 calc(100% - 92px) !important;
    margin-left:-2px;
    padding:2px;
  }
  html body.home-page .gallery .gallery-filter-tags { gap:7px; }
  html body.home-page .gallery .gallery-filter-tag { min-height:30px;padding-inline:13px;font-size:13px; }
  html body.home-page .gallery .gallery-sort[data-project-sort] {
    position:absolute !important;
    top:2px;
    right:0;
    width:80px !important;
    flex-basis:80px !important;
    height:30px;
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  html body.home-page .gallery .gallery-sort[data-project-sort] > summary {
    min-width:80px;
    height:30px !important;
    min-height:30px !important;
    flex:0 0 auto !important;
  }
}

@media(prefers-reduced-motion:reduce) {
  html body.home-page .gallery .gallery-filter-tag,
  html body.home-page .gallery .gallery-sort[data-project-sort] > summary svg { transition:none; }
}

/* Sort menu — reference styling at a practical desktop scale. */
html body.home-page .gallery .gallery-sort[data-project-sort] {
  width:86px !important;
  flex:0 0 86px !important;
}

html body.home-page .gallery .gallery-sort[data-project-sort] > summary {
  width:86px !important;
  min-width:86px !important;
  height:28px !important;
  min-height:28px !important;
  padding:0 10px 0 12px !important;
  gap:6px !important;
  border:1px solid #d1d1d1 !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:none !important;
  color:#242424 !important;
  font:400 14px/1 var(--sans) !important;
  letter-spacing:-.025em !important;
}

html body.home-page .gallery .gallery-sort[data-project-sort] > summary svg {
  width:14px !important;
  height:14px !important;
  stroke:#929292 !important;
  stroke-width:1.35 !important;
}

html body.home-page .gallery .gallery-sort[data-project-sort] > summary > span {
  color:#242424 !important;
  opacity:1 !important;
}

html body.home-page .gallery .gallery-sort[data-project-sort] .gallery-sort__menu {
  top:calc(100% + 5px) !important;
  right:0 !important;
  width:152px !important;
  padding:5px !important;
  gap:0 !important;
  border:1px solid #e6e6e6 !important;
  border-radius:11px !important;
  background:#fff !important;
  box-shadow:0 2px 4px rgba(18,18,18,.13) !important;
}

html body.home-page .gallery .gallery-sort[data-project-sort] .gallery-sort__menu > button {
  min-height:28px !important;
  padding:0 10px !important;
  border-radius:8px !important;
  color:#242424 !important;
  font:400 14px/1 var(--sans) !important;
  letter-spacing:-.025em !important;
}

html body.home-page .gallery .gallery-sort[data-project-sort] .gallery-sort__menu > button:hover,
html body.home-page .gallery .gallery-sort[data-project-sort] .gallery-sort__menu > button[aria-pressed="true"] {
  background:#ededed !important;
  color:#242424 !important;
}

/* Wider desktop home — compact 24px gutters instead of the legacy 12vw margins. */
@media (min-width:901px) {
  html body.home-page {
    --desktop-content-shell:min(1600px,calc(100vw - 48px));
    --desktop-nav-shell:min(1600px,calc(100vw - 48px));
  }

  html body.home-page .nav {
    padding-inline:0 !important;
  }

  html body.home-page .hero__copy {
    padding-top:142px !important;
  }

  html body.home-page .hero .headline {
    height:auto !important;
  }

  html body.home-page .hero { min-height:370px !important; }
  html body.home-page .gallery { margin-top:0 !important; }
  html body.home-page .home-value-grid {
    width:var(--desktop-content-shell) !important;
    scroll-margin-top:88px;
  }
}

html { scroll-behavior:smooth; }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

@media (min-width:1181px) {
  html body.home-page .gallery .gallery__grid {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    column-gap:8px !important;
    row-gap:8px !important;
  }
}

@media (min-width:901px) {
  html body.home-page .gallery .showcase-card {
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    transform:none !important;
    transition:none !important;
  }

  html body.home-page .gallery .showcase-card__preview,
  html body.home-page .gallery .gallery-skeleton-card__preview {
    aspect-ratio:1.6 / 1 !important;
    padding:0 !important;
    overflow:hidden !important;
    border:1px solid rgba(23,24,28,.09) !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    clip-path:none !important;
  }

  html body.home-page .gallery .showcase-card__meta,
  html body.home-page .gallery .showcase-card--lithos .showcase-card__meta,
  html body.home-page .gallery .gallery-skeleton-card__meta,
  html body.home-page .gallery .card-likes,
  html body.home-page .gallery .collection-card-index {
    display:none !important;
  }

  html body.home-page .gallery .collection-card-image,
  html body.home-page .gallery .preview-card-image,
  html body.home-page .gallery .showcase-card:hover .collection-card-image,
  html body.home-page .gallery .showcase-card:hover .preview-card-image,
  html body.home-page .gallery .showcase-card:focus-within .collection-card-image {
    inset:0 !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:inherit !important;
    object-fit:cover !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
  }

  html body.home-page .gallery .showcase-card:hover,
  html body.home-page .gallery .showcase-card:focus-within,
  html body.home-page .gallery .showcase-card:active {
    border-color:transparent !important;
    background:transparent !important;
    box-shadow:none !important;
    filter:none !important;
    transform:none !important;
  }

  html body.home-page .gallery .showcase-card .showcase-card__preview > img.collection-card-image,
  html body.home-page .gallery .showcase-card:hover .showcase-card__preview > img.collection-card-image {
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    margin:0 !important;
    object-fit:cover !important;
    object-position:center !important;
    transform:none !important;
    transition:none !important;
}

html body.home-page .gallery .showcase-card .showcase-card__preview > img.collection-card-image[src*="av-007-design-threads"] {
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#fff !important;
}
}

html body.home-page .gallery .showcase-card__preview,
html body.home-page .gallery .gallery-skeleton-card__preview {
  border-radius:0 !important;
}

@media (min-width:901px) {
  html body.home-page .nav .nav-header-cta,
  html body.home-page .nav .nav-header-cta:hover,
  html body.home-page .nav .nav-header-cta:active,
  html body.home-page .nav .nav-header-cta:focus-visible {
    width:132px !important;
    height:36px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:8px !important;
    background:#17181c !important;
    background-image:none !important;
    color:#fff !important;
    box-shadow:0 10px 22px -16px rgba(17,18,22,.72) !important;
    filter:none !important;
    transform:none !important;
    transition:background-color .18s ease,color .18s ease !important;
  }

  html body.home-page .nav .nav-header-cta:hover { background:#292a2f !important; }

  html body.home-page .nav .nav-header-cta .btn-cta__track {
    width:100% !important;
    height:36px !important;
    display:inline-grid !important;
    overflow:hidden !important;
  }

  html body.home-page .nav .nav-header-cta .btn-cta__group {
    grid-area:1 / 1 !important;
    width:100% !important;
    height:36px !important;
    padding:0 13px !important;
    flex-direction:row-reverse !important;
    justify-content:center !important;
    gap:8px !important;
    color:#fff !important;
    transition:transform .32s cubic-bezier(.4,0,.2,1) !important;
  }

  html body.home-page .nav .nav-header-cta .btn-cta__group--current {
    transform:translateX(0) !important;
  }

  html body.home-page .nav .nav-header-cta .btn-cta__group--incoming {
    display:flex !important;
    transform:translateX(-115%) !important;
  }

  html body.home-page .nav .nav-header-cta:hover .btn-cta__group--current {
    transform:translateX(115%) !important;
    transition-duration:.5s !important;
    transition-timing-function:cubic-bezier(.22,1,.36,1) !important;
  }

  html body.home-page .nav .nav-header-cta:hover .btn-cta__group--incoming {
    transform:translateX(0) !important;
    transition-duration:.5s !important;
    transition-timing-function:cubic-bezier(.22,1,.36,1) !important;
  }

  html body.home-page .nav .nav-header-cta .btn-cta__word {
    color:#fff !important;
  }

  html body.home-page .nav .nav-header-cta .btn-cta__icon,
  html body.home-page .nav .nav-header-cta:hover .btn-cta__icon {
    width:16px !important;
    min-width:16px !important;
    height:16px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#fff !important;
    box-shadow:none !important;
    transform:none !important;
    transition:none !important;
  }

  html body.home-page .nav .nav-header-cta .btn-cta__icon svg,
  html body.home-page .nav .nav-header-cta:hover .btn-cta__icon svg {
    color:#fff !important;
    stroke:#fff !important;
    transform:none !important;
    transition:none !important;
  }
}

@media (max-width:680px) {
  html body.home-page:is(.auth-guest,.auth-member,.auth-has-access) .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery,
  html body.home-page .hero .btn-cta--compact.btn-cta--linked.cta-style--gallery {
    width:222px !important;
    height:48px !important;
    padding:5px 6px 5px 16px !important;
    border-radius:10px !important;
  }
}

/* Only near-white artwork needs a boundary against the page canvas. */
html body.home-page .gallery .showcase-card__preview,
html body.home-page .gallery .gallery-skeleton-card__preview {
  border:0 !important;
  box-shadow:none !important;
}

html body.home-page .gallery :is(
  .preview-enjoy-app,
  .preview-eyewear,
  .preview-404,
  .preview-prisma,
  .preview-shade,
  .preview-prmpt-card,
  .preview-feather-computer,
  .preview-contra-labs,
  .preview-orchid-ai,
  .preview-intercom
) {
  border:1px solid #f1f1f1 !important;
}

html body.home-page .gallery .gallery__grid {
  gap:8px !important;
  align-items:stretch !important;
}

html body.home-page .gallery :is(.showcase-card,.gallery-skeleton-card) {
  width:100% !important;
  height:auto !important;
  aspect-ratio:1.6 / 1 !important;
}

html body.home-page .gallery :is(.showcase-card__preview,.gallery-skeleton-card__preview) {
  width:100% !important;
  height:100% !important;
  aspect-ratio:auto !important;
}

html body.home-page .gallery .gallery-difference-card {
  position:relative;
  width:100%;
  aspect-ratio:1.6 / 1;
  overflow:hidden;
  padding:clamp(13px,1.3vw,20px);
  display:flex;
  flex-direction:column;
  color:#fff;
  border:0;
  outline:none;
  background:#17181c;
}

html body.home-page .gallery .gallery-difference-card::after {
  content:"";
  position:absolute;
  right:-18%;
  bottom:-62%;
  width:78%;
  aspect-ratio:1;
  border:1px solid rgba(255,255,255,.09);
  border-radius:50%;
  box-shadow:0 0 0 22px rgba(255,255,255,.025),0 0 0 44px rgba(255,255,255,.018);
  pointer-events:none;
}

.gallery-difference-card__eyebrow {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:rgba(255,255,255,.48);
  font-size:clamp(7px,.56vw,9px);
  font-weight:600;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.gallery-difference-card__signal { display:flex;align-items:center;gap:5px; }
.gallery-difference-card__signal i {
  width:5px;
  height:5px;
  border-radius:50%;
  background:#dfff68;
  box-shadow:0 0 0 3px rgba(223,255,104,.12);
}

html body.home-page .gallery .gallery-difference-card h3 {
  margin:clamp(10px,.9vw,15px) 0 0;
  color:#fff !important;
  font-size:clamp(18px,1.5vw,24px) !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:-.04em !important;
}

.gallery-difference-card > p {
  max-width:36ch;
  margin:clamp(6px,.6vw,9px) 0 0;
  color:rgba(255,255,255,.52);
  font-size:clamp(8px,.67vw,11px);
  line-height:1.3;
}

.gallery-difference-card__carousel {
  position:relative;
  z-index:1;
  min-height:0;
  flex:1;
  margin-top:clamp(8px,.7vw,11px);
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.16);
}

.gallery-difference-card__track {
  width:100%;
  height:300%;
  display:flex;
  flex-direction:column;
  transform:translateY(0);
}

.gallery-difference-card__slide {
  min-width:0;
  min-height:0;
  flex:0 0 33.3333%;
  padding-top:clamp(7px,.65vw,10px);
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:start;
  gap:clamp(8px,.8vw,13px);
}

.gallery-difference-card__slide b {
  color:#dfff68;
  font-size:clamp(7px,.55vw,9px);
  font-weight:600;
  line-height:1.2;
}

.gallery-difference-card__slide div { min-width:0; }
.gallery-difference-card__slide strong {
  display:block;
  color:#fff;
  font-size:clamp(10px,.82vw,13px);
  font-weight:600;
  line-height:1.05;
}
.gallery-difference-card__slide small {
  display:block;
  margin-top:4px;
  color:rgba(255,255,255,.48);
  font-size:clamp(7px,.58vw,9px);
  line-height:1.2;
}
.gallery-difference-card__slide > span {
  color:rgba(255,255,255,.72);
  font-size:clamp(11px,.9vw,14px);
  line-height:1;
}

@keyframes gallery-difference-cycle {
  0%,27% { transform:translateY(0); }
  34%,60% { transform:translateY(-33.3333%); }
  67%,93% { transform:translateY(-66.6666%); }
  100% { transform:translateY(0); }
}

@media (hover:hover) {
  .gallery-difference-card:hover .gallery-difference-card__track,
  .gallery-difference-card:focus-visible .gallery-difference-card__track {
    animation:gallery-difference-cycle 5.4s cubic-bezier(.65,0,.35,1) infinite;
  }
}

.gallery-difference-card:focus-visible {
  box-shadow:inset 0 0 0 2px #dfff68;
}

@media (max-width:680px) {
  html body.home-page .gallery .gallery-difference-card { padding:9px; }
  .gallery-difference-card__eyebrow { font-size:5px; }
  html body.home-page .gallery .gallery-difference-card h3 { margin-top:6px;font-size:11px !important; }
  .gallery-difference-card > p { max-width:29ch;margin-top:3px;font-size:6px;line-height:1.15; }
  .gallery-difference-card__signal { font-size:0; }
  .gallery-difference-card__carousel { margin-top:5px; }
  .gallery-difference-card__slide { padding-top:5px;gap:5px; }
  .gallery-difference-card__slide b { font-size:5px; }
  .gallery-difference-card__slide strong { font-size:7px; }
  .gallery-difference-card__slide small { margin-top:2px;font-size:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
  .gallery-difference-card__slide > span { font-size:8px; }
  .gallery-difference-card:focus .gallery-difference-card__track { animation:gallery-difference-cycle 5.4s cubic-bezier(.65,0,.35,1) infinite; }
}

@media (prefers-reduced-motion:reduce) {
  .gallery-difference-card .gallery-difference-card__track { animation:none !important; }
}

@media (min-width:901px) {
  html body.home-page .hero {
    min-height:350px !important;
  }

  html body.home-page .hero__copy {
    padding-top:154px !important;
  }
}

@media (max-width:900px) {
  html body.home-page .hero {
    min-height:370px !important;
  }

  html body.home-page .hero__copy {
    padding-top:164px !important;
  }

  html body.home-page .gallery {
    margin-top:18px !important;
  }
}

@media (min-width:901px) and (hover:hover) {
  html body.home-page .gallery .showcase-card__meta,
  html body.home-page .gallery .showcase-card--lithos .showcase-card__meta {
    display:flex !important;
  }

  html body.home-page .gallery .showcase-card .card-likes {
    display:flex !important;
  }

  html body.home-page .gallery .showcase-card .card-likes {
    width:28px !important;
    min-width:28px !important;
    height:28px !important;
    padding:0 !important;
    gap:0 !important;
    border:1px solid rgba(255,255,255,.5) !important;
    background:rgba(255,255,255,.76) !important;
    color:#222328 !important;
    opacity:.78;
    overflow:hidden !important;
    transform:none !important;
    backdrop-filter:blur(8px) saturate(110%);
    transition:width .24s cubic-bezier(.22,1,.36,1),opacity .18s ease,background-color .18s ease !important;
  }

  html body.home-page .gallery .showcase-card .card-likes > span {
    width:14px !important;
    min-width:14px !important;
    height:14px !important;
    display:block !important;
    color:inherit !important;
    font-size:0 !important;
  }

  html body.home-page .gallery .showcase-card .card-likes > b {
    max-width:0;
    margin-left:0;
    overflow:hidden;
    color:inherit !important;
    font-size:10px !important;
    font-weight:500 !important;
    opacity:0;
    transform:translateX(-3px);
    transition:max-width .22s ease,margin-left .22s ease,opacity .16s ease,transform .22s ease;
  }

  html body.home-page .gallery .showcase-card:hover .card-likes,
  html body.home-page .gallery .showcase-card:focus-within .card-likes {
    width:58px !important;
    padding:0 8px !important;
    gap:0 !important;
    opacity:1;
    background:rgba(255,255,255,.9) !important;
  }

  html body.home-page .gallery .showcase-card:hover .card-likes > b,
  html body.home-page .gallery .showcase-card:focus-within .card-likes > b {
    max-width:24px;
    margin-left:5px;
    opacity:.66;
    transform:translateX(0);
  }

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

  html body.home-page .gallery .showcase-card__meta .showcase-card__heading {
    width:auto !important;
    max-width:calc(100% - 40px) !important;
    padding:6px 8px !important;
    display:block !important;
    overflow:hidden !important;
    border:1px solid rgba(255,255,255,.16) !important;
    border-radius:4px !important;
    background:rgba(14,15,17,.78) !important;
    box-shadow:0 3px 14px rgba(0,0,0,.16) !important;
    backdrop-filter:blur(10px) saturate(110%);
  }

  html body.home-page .gallery .showcase-card__meta .showcase-card__heading > :not(h3),
  html body.home-page .gallery .showcase-card__meta p,
  html body.home-page .gallery .showcase-card__meta .card-status {
    display:none !important;
  }

  html body.home-page .gallery .showcase-card__meta h3,
  html body.home-page .gallery .showcase-card--lithos .showcase-card__meta h3 {
    max-width:100% !important;
    overflow:hidden !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:500 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
    text-shadow:none !important;
  }
}

/* Final hover treatment: clean editorial information rail. */
@media (min-width:901px) and (hover:hover) {
  html body.home-page .gallery .showcase-card { overflow:hidden !important; }
  html body.home-page .gallery .showcase-card__preview::before { content:none !important;display:none !important; }
  html body.home-page .gallery .showcase-card__meta,
  html body.home-page .gallery .showcase-card--lithos .showcase-card__meta {
    inset:auto 0 0 0 !important;
    min-height:42px !important;
    height:42px !important;
    padding:7px 10px !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    opacity:1 !important;
    border-top:1px solid rgba(23,24,28,.08) !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:0 -6px 18px rgba(17,18,22,.06) !important;
    backdrop-filter:blur(12px) saturate(115%) !important;
    transform:translateY(100%) !important;
    transition:transform .3s cubic-bezier(.22,1,.36,1) !important;
  }
  html body.home-page .gallery .showcase-card:hover .showcase-card__meta,
  html body.home-page .gallery .showcase-card:focus-within .showcase-card__meta { transform:translateY(0) !important; }
  html body.home-page .gallery .showcase-card__meta .card-author-avatar {
    order:-1 !important;width:24px !important;min-width:24px !important;height:24px !important;
    border:1px solid #ececea !important;box-shadow:none !important;
  }
  html body.home-page .gallery .showcase-card__meta .showcase-card__heading {
    width:auto !important;max-width:calc(100% - 34px) !important;padding:0 !important;
    border:0 !important;border-radius:0 !important;background:transparent !important;
    box-shadow:none !important;backdrop-filter:none !important;
  }
  html body.home-page .gallery .showcase-card__meta h3,
  html body.home-page .gallery .showcase-card--lithos .showcase-card__meta h3 {
    color:#17181c !important;font-size:11.5px !important;letter-spacing:-.015em !important;
  }
}

/* Final gallery density: sharper cards, calmer spacing and title-only metadata. */
html body.home-page .gallery .gallery__grid {
  column-gap:14px !important;
  row-gap:14px !important;
}

/* Final title cleanup: no label, underline, or boxed text behind card titles. */
@media (min-width:901px) and (hover:hover) {
  html body.home-page .gallery .showcase-card__meta .showcase-card__heading,
  html body.home-page .gallery .showcase-card__meta .showcase-card__heading::before,
  html body.home-page .gallery .showcase-card__meta .showcase-card__heading::after,
  html body.home-page .gallery .showcase-card__meta h3 {
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    text-decoration:none !important;
  }
  html body.home-page .gallery .showcase-card__meta h3 {
    -webkit-box-decoration-break:slice !important;
    box-decoration-break:slice !important;
  }
}

/* Desktop hero headline stays as one confident editorial line. */
@media (min-width:901px) {
  html body.home-page .hero-copy--mobile {
    display:none !important;
  }
  html body.home-page .hero-copy--desktop {
    display:inline !important;
  }
  html body.home-page .headline > .hero-copy--desktop {
    display:block !important;
  }
  html body.home-page .hero__copy {
    max-width:1000px !important;
  }
  html body.home-page .headline {
    white-space:nowrap !important;
  }
  html body.home-page .headline > .hero-title-copy {
    display:block !important;
    width:max-content !important;
    max-width:none !important;
    white-space:nowrap !important;
  }
  html body.home-page .hero-title-break {
    display:none !important;
  }
}

@media (max-width:900px) {
  html body.home-page .hero-copy--desktop {
    display:none !important;
  }
  html body.home-page .hero-copy--mobile {
    display:inline !important;
  }
  html body.home-page .headline > .hero-title-copy {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:.025em 0 .14em !important;
    font-size:var(--hero-promise-size) !important;
    font-weight:300 !important;
    line-height:.94 !important;
    letter-spacing:-.052em !important;
    white-space:normal !important;
    text-wrap:balance !important;
  }
  html body.home-page .hero-title-break {
    display:block !important;
  }
}

html body.home-page .gallery :is(.showcase-card,.gallery-skeleton-card,.gallery-difference-card),
html body.home-page .gallery :is(.showcase-card__preview,.gallery-skeleton-card__preview) {
  border-radius:4px !important;
}

html body.home-page .gallery .showcase-card__preview > :is(
  .collection-card-image,
  .collection-card-video,
  .preview-card-image,
  img,
  video
) {
  border-radius:4px !important;
  clip-path:none !important;
}

html body.home-page .gallery .showcase-card__heading > :not(h3),
html body.home-page .gallery .showcase-card__meta :is(
  p,
  small,
  .card-status,
  .card-specs,
  .card-tools,
  .card-bottom,
  .card-detail-link
) {
  display:none !important;
}

html body.home-page .gallery .showcase-card::before,
html body.home-page .gallery .showcase-card::after,
html body.home-page .gallery .showcase-card[data-price]::before {
  content:none !important;
  display:none !important;
}

/* Gallery hover: a single editorial overlay replaces the former information rail. */
@media (min-width:901px) and (hover:hover) {
  html body.home-page .gallery .showcase-card {
    position:relative !important;
  }

  html body.home-page .gallery .showcase-card__meta,
  html body.home-page .gallery .showcase-card--lithos .showcase-card__meta {
    position:absolute !important;
    z-index:25 !important;
    inset:0 !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:14px !important;
    display:flex !important;
    align-items:flex-end !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    opacity:0 !important;
    pointer-events:none !important;
    transform:none !important;
    transition:opacity .22s ease !important;
  }

  /* The contrast lives between the artwork and the text, never behind the title. */
  html body.home-page .gallery .showcase-card__preview::before {
    content:"" !important;
    position:absolute !important;
    z-index:12 !important;
    inset:0 !important;
    display:block !important;
    pointer-events:none !important;
    background:linear-gradient(180deg,rgba(12,13,15,.04) 12%,rgba(12,13,15,.18) 48%,rgba(12,13,15,.72) 100%) !important;
    opacity:0 !important;
    transition:opacity .22s ease !important;
  }

  html body.home-page .gallery .showcase-card:hover .showcase-card__preview::before,
  html body.home-page .gallery .showcase-card:focus-within .showcase-card__preview::before {
    opacity:1 !important;
  }

  html body.home-page .gallery .showcase-card:hover .showcase-card__meta,
  html body.home-page .gallery .showcase-card:focus-within .showcase-card__meta {
    opacity:1 !important;
  }

  html body.home-page .gallery .showcase-card__meta .showcase-card__heading {
    max-width:calc(100% - 68px) !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    transform:translateY(7px) !important;
    transition:transform .28s cubic-bezier(.22,1,.36,1) !important;
  }

  html body.home-page .gallery .showcase-card:hover .showcase-card__heading,
  html body.home-page .gallery .showcase-card:focus-within .showcase-card__heading {
    transform:translateY(0) !important;
  }

  html body.home-page .gallery .showcase-card__meta h3,
  html body.home-page .gallery .showcase-card--lithos .showcase-card__meta h3 {
    color:#fff !important;
    font-size:14px !important;
    font-weight:520 !important;
    line-height:1.05 !important;
    letter-spacing:-.025em !important;
    text-shadow:0 2px 14px rgba(0,0,0,.72) !important;
  }

  /* Title only — no template, access level, category or secondary copy. */
  html body.home-page .gallery .showcase-card__meta .showcase-card__heading > :not(h3),
  html body.home-page .gallery .showcase-card__meta > :not(.showcase-card__heading) {
    display:none !important;
  }

  html body.home-page .gallery .showcase-card .card-likes {
    z-index:35 !important;
    top:9px !important;
    right:9px !important;
    width:30px !important;
    min-width:30px !important;
    height:30px !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#fff !important;
    opacity:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    transform:translateY(-4px) !important;
    transition:opacity .18s ease,transform .25s cubic-bezier(.22,1,.36,1) !important;
  }

  html body.home-page .gallery .showcase-card:hover .card-likes,
  html body.home-page .gallery .showcase-card:focus-within .card-likes {
    width:30px !important;
    opacity:1 !important;
    transform:translateY(0) !important;
  }

  html body.home-page .gallery .showcase-card .card-likes > span {
    width:17px !important;
    min-width:17px !important;
    height:17px !important;
    display:block !important;
    color:inherit !important;
  }

  html body.home-page .gallery .showcase-card .card-likes > b {
    display:none !important;
  }

  html body.home-page .gallery .showcase-card .card-likes::after {
    content:none !important;
    display:none !important;
  }

  html body.home-page .gallery .showcase-card .card-likes:is(.is-liked,[aria-pressed="true"]) {
    border:0 !important;
    background:transparent !important;
    color:#ff526d !important;
  }

  html body.home-page .gallery .showcase-card .card-likes:is(.is-liked,[aria-pressed="true"])::after {
    content:none !important;
  }

  html body.home-page .gallery .showcase-card .card-likes:hover {
    background:transparent !important;
    transform:scale(1.08) !important;
  }
}

@media (max-width:680px) {
  html body.home-page .gallery .gallery__grid {
    column-gap:10px !important;
    row-gap:10px !important;
  }
}

/* Remove legacy generated labels (Free/Premium/Template) from gallery cards. */
html body.home-page .gallery .showcase-card::before,
html body.home-page .gallery .showcase-card::after,
html body.home-page .gallery .showcase-card[data-price]::before,
html body.home-page .gallery .showcase-card__meta::before,
html body.home-page .gallery .showcase-card__meta::after,
html body.home-page .gallery .showcase-card__heading::before,
html body.home-page .gallery .showcase-card__heading::after {
  content:none !important;
  display:none !important;
}

/* Project inspector v2 — editorial drawer + selected-card stage. */
@media (min-width:761px) {
  html body.home-page .project-detail-modal--native {
    background:transparent !important;
    animation:project-inspector-fade-in .42s ease both !important;
  }

  html body.home-page .project-detail-modal--native::backdrop {
    background:rgba(246,246,244,.68) !important;
    backdrop-filter:blur(18px) saturate(.78) !important;
    -webkit-backdrop-filter:blur(18px) saturate(.78) !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__shell,
  html body.home-page .project-detail-modal--native .project-detail-modal__layout {
    background:transparent !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__layout {
    display:grid !important;
    grid-template-columns:clamp(420px,34vw,570px) minmax(0,1fr) !important;
    grid-template-rows:100% !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__content {
    display:block !important;
    grid-column:1 !important;
    grid-row:1 !important;
    width:100% !important;
    height:100% !important;
    padding:106px clamp(34px,3.4vw,58px) 42px !important;
    overflow:auto !important;
    border:0 !important;
    border-right:1px solid #e8e8e5 !important;
    background:#fff !important;
    box-shadow:none !important;
    contain:layout paint style !important;
    animation:project-drawer-left-in .7s cubic-bezier(.16,1,.3,1) both !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__media {
    display:grid !important;
    place-items:center !important;
    grid-column:2 !important;
    grid-row:1 !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:clamp(62px,7vh,108px) clamp(34px,5vw,96px) !important;
    overflow:hidden !important;
    border:0 !important;
    background:transparent !important;
    animation:project-stage-in .76s cubic-bezier(.16,1,.3,1) both !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__media > .showcase-card.is-modal-source {
    position:relative !important;
    width:min(100%,1500px) !important;
    height:auto !important;
    max-height:calc(100dvh - 124px) !important;
    aspect-ratio:1.58 / 1 !important;
    margin:0 !important;
    overflow:hidden !important;
    border:1px solid rgba(25,25,25,.08) !important;
    border-radius:4px !important;
    background:#fff !important;
    box-shadow:0 18px 50px rgba(24,25,28,.09) !important;
    transform:none !important;
    cursor:default !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__media > .showcase-card.is-modal-source .showcase-card__preview {
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    border-radius:inherit !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__media > .showcase-card.is-modal-source .showcase-card__preview::before,
  html body.home-page .project-detail-modal--native .project-detail-modal__media > .showcase-card.is-modal-source .showcase-card__meta,
  html body.home-page .project-detail-modal--native .project-detail-modal__media > .showcase-card.is-modal-source .card-likes,
  html body.home-page .project-detail-modal--native .project-detail-modal__media > .showcase-card.is-modal-source .collection-card-index {
    display:none !important;
    content:none !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__close {
    top:26px !important;
    left:calc(clamp(420px,34vw,570px) - 60px) !important;
    right:auto !important;
    width:36px !important;
    height:36px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#929292 !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__close svg {
    width:24px !important;
    height:24px !important;
    stroke-width:1.35 !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__summary,
  html body.home-page .project-detail-modal--native .project-detail-modal__heading,
  html body.home-page .project-detail-modal--native .project-detail-modal__meta {
    display:block !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__heading > div:first-child {
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
  }

  html body.home-page .project-detail-modal--native [data-modal-project-title] {
    margin:0 !important;
    color:#18191c !important;
    font-size:clamp(28px,2.3vw,38px) !important;
    font-weight:520 !important;
    line-height:1.04 !important;
    letter-spacing:-.045em !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__badge {
    display:none !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__creator {
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    margin:18px 0 0 !important;
    color:#939393 !important;
    font-size:13px !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__creator strong {
    color:#333 !important;
    font-weight:520 !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__tags {
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px !important;
    margin:24px 0 0 !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__tags > span {
    padding:6px 9px !important;
    border:1px solid #e8e8e5 !important;
    border-radius:999px !important;
    background:#f7f7f5 !important;
    color:#666 !important;
    font-size:11px !important;
    line-height:1 !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__facts {
    display:block !important;
    margin:36px 0 0 !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__facts > p {
    margin:0 0 38px !important;
    color:#5d5f64 !important;
    font-size:15px !important;
    line-height:1.55 !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__facts dl > div {
    padding:15px 0 !important;
    font-size:13px !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__header-actions {
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin:34px 0 0 !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__header-actions button {
    width:38px !important;
    height:38px !important;
    border:1px solid #e6e6e3 !important;
    border-radius:50% !important;
    background:#fafaf8 !important;
    color:#858585 !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__header-actions > a {
    margin-left:auto !important;
    padding:11px 16px !important;
    border-radius:999px !important;
    background:#191a1d !important;
    color:#fff !important;
    font-size:12px !important;
    text-decoration:none !important;
  }

  html body.home-page .project-detail-modal--native.is-closing .project-detail-modal__content {
    animation:project-drawer-left-out .36s cubic-bezier(.4,0,1,1) both !important;
  }

  html body.home-page .project-detail-modal--native.is-closing .project-detail-modal__media {
    animation:project-stage-out .36s cubic-bezier(.4,0,1,1) both !important;
  }
}

/* Gallery like v2: quiet floating action, separated from the title. */
@media (min-width:901px) and (hover:hover) {
  html body.home-page .gallery .showcase-card .card-likes {
    top:12px !important;
    right:12px !important;
    bottom:auto !important;
    width:34px !important;
    min-width:34px !important;
    height:34px !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid rgba(255,255,255,.42) !important;
    border-radius:50% !important;
    background:rgba(18,19,21,.34) !important;
    color:#fff !important;
    opacity:0 !important;
    box-shadow:0 6px 20px rgba(0,0,0,.16) !important;
    backdrop-filter:blur(10px) saturate(1.15) !important;
    -webkit-backdrop-filter:blur(10px) saturate(1.15) !important;
    transform:translateY(-5px) scale(.94) !important;
    transition:opacity .18s ease,transform .28s cubic-bezier(.22,1,.36,1),background .18s ease !important;
  }

  html body.home-page .gallery .showcase-card:hover .card-likes,
  html body.home-page .gallery .showcase-card:focus-within .card-likes {
    width:34px !important;
    opacity:1 !important;
    transform:translateY(0) scale(1) !important;
  }

  html body.home-page .gallery .showcase-card .card-likes > span {
    width:18px !important;
    min-width:18px !important;
    height:18px !important;
    color:inherit !important;
    transform:none !important;
  }

  html body.home-page .gallery .showcase-card .card-likes > span svg {
    display:block !important;
    width:100% !important;
    height:100% !important;
    overflow:visible !important;
    fill:transparent !important;
    stroke:currentColor !important;
    stroke-width:1.35 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
    transition:fill .18s ease,stroke .18s ease,transform .2s ease !important;
  }

  html body.home-page .gallery .showcase-card .card-likes > b {
    display:none !important;
  }

  html body.home-page .gallery .showcase-card .card-likes:hover {
    border-color:rgba(255,255,255,.82) !important;
    background:rgba(255,255,255,.94) !important;
    color:#242529 !important;
    box-shadow:0 6px 18px rgba(0,0,0,.12) !important;
    transform:translateY(0) scale(1) !important;
  }

  html body.home-page .gallery .showcase-card .card-likes:active {
    background:#fff !important;
    transform:translateY(1px) scale(.97) !important;
  }

  html body.home-page .gallery .showcase-card .card-likes:is(.is-liked,[aria-pressed="true"]) {
    border-color:rgba(255,255,255,.78) !important;
    background:#fff !important;
    color:#f04461 !important;
  }

  html body.home-page .gallery .showcase-card .card-likes:is(.is-liked,[aria-pressed="true"]) > span svg {
    fill:currentColor !important;
    stroke:currentColor !important;
    transform:scale(.96) !important;
  }

  html body.home-page .gallery .showcase-card .card-likes:is(.is-liked,[aria-pressed="true"]):hover {
    background:#fff !important;
    color:#e63f5b !important;
  }
}

@keyframes project-inspector-fade-in {
  from { opacity:0; }
  to { opacity:1; }
}
@keyframes project-drawer-left-in {
  from { transform:translate3d(-100%,0,0); }
  to { transform:translate3d(0,0,0); }
}
@keyframes project-drawer-left-out {
  from { transform:translate3d(0,0,0); }
  to { transform:translate3d(-100%,0,0); }
}
@keyframes project-stage-in {
  from { opacity:.45;transform:translate3d(-6vw,0,0); }
  to { opacity:1;transform:translate3d(0,0,0); }
}
@keyframes project-stage-out {
  from { opacity:1;transform:translate3d(0,0,0); }
  to { opacity:.5;transform:translate3d(-6vw,0,0); }
}

@media (max-width:760px) {
  html body.home-page .project-detail-modal--native,
  html body.home-page .project-detail-modal--native .project-detail-modal__shell,
  html body.home-page .project-detail-modal--native .project-detail-modal__layout {
    background:transparent !important;
  }

  html body.home-page .project-detail-modal--native::backdrop {
    background:rgba(246,246,244,.76) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__content {
    display:block !important;
    background:#fff !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__media {
    background:transparent !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__media > .showcase-card.is-modal-source .showcase-card__meta,
  html body.home-page .project-detail-modal--native .project-detail-modal__media > .showcase-card.is-modal-source .card-likes,
  html body.home-page .project-detail-modal--native .project-detail-modal__media > .showcase-card.is-modal-source .collection-card-index {
    display:none !important;
  }
}

/* Desktop inspector: keep the drawer inside the site's outer gutter. */
@media (min-width:761px) {
  html body.home-page .project-detail-modal--native .project-detail-modal__content {
    align-self:center !important;
    justify-self:center !important;
    width:calc(100% - 32px) !important;
    height:calc(100% - 32px) !important;
    border:1px solid #e8e8e5 !important;
    border-radius:6px !important;
    overflow:auto !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__close {
    top:34px !important;
    left:calc(clamp(420px,34vw,570px) - 68px) !important;
  }
}

/* Canonical gallery like — one predictable state system. */
html body.home-page .gallery .showcase-card .card-likes {
  position:absolute !important;
  z-index:40 !important;
  top:12px !important;
  right:12px !important;
  bottom:auto !important;
  left:auto !important;
  width:34px !important;
  min-width:34px !important;
  max-width:34px !important;
  height:34px !important;
  min-height:34px !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
  border:1px solid rgba(255,255,255,.88) !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.9) !important;
  color:#27282b !important;
  box-shadow:0 5px 16px rgba(17,18,20,.12) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(-4px) !important;
  transition:opacity .16s ease,visibility .16s ease,transform .24s cubic-bezier(.22,1,.36,1),background-color .16s ease,color .16s ease,border-color .16s ease !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}

html body.home-page .gallery .showcase-card .card-likes::before,
html body.home-page .gallery .showcase-card .card-likes::after,
html body.home-page .gallery .showcase-card .card-likes > span::before,
html body.home-page .gallery .showcase-card .card-likes > span::after {
  content:none !important;
  display:none !important;
}

html body.home-page .gallery .showcase-card .card-likes > span {
  width:18px !important;
  min-width:18px !important;
  height:18px !important;
  display:block !important;
  overflow:visible !important;
  color:inherit !important;
  font-size:0 !important;
  line-height:0 !important;
  transform:none !important;
}

html body.home-page .gallery .showcase-card .card-likes > span svg {
  display:block !important;
  width:18px !important;
  height:18px !important;
  overflow:visible !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.35 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  transform:none !important;
  transition:fill .16s ease,color .16s ease !important;
}

html body.home-page .gallery .showcase-card .card-likes > b {
  display:none !important;
}

html body.home-page .gallery .showcase-card:hover .card-likes,
html body.home-page .gallery .showcase-card:focus-within .card-likes,
html body.home-page .gallery .showcase-card .card-likes:focus-visible {
  width:34px !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}

html body.home-page .gallery .showcase-card .card-likes:hover {
  border-color:#fff !important;
  background:#fff !important;
  color:#111215 !important;
  box-shadow:0 7px 20px rgba(17,18,20,.16) !important;
  transform:translateY(0) !important;
}

html body.home-page .gallery .showcase-card .card-likes:active {
  background:#f5f5f3 !important;
  box-shadow:0 3px 10px rgba(17,18,20,.12) !important;
  transform:translateY(1px) scale(.96) !important;
  transition-duration:.08s !important;
}

html body.home-page .gallery .showcase-card .card-likes:focus-visible {
  outline:2px solid #202124 !important;
  outline-offset:3px !important;
}

html body.home-page .gallery .showcase-card .card-likes:is(.is-liked,[aria-pressed="true"]) {
  border-color:#fff !important;
  background:#fff !important;
  color:#ee405f !important;
}

html body.home-page .gallery .showcase-card .card-likes:is(.is-liked,[aria-pressed="true"]) > span svg {
  fill:currentColor !important;
  stroke:currentColor !important;
  transform:none !important;
}

html body.home-page .gallery .showcase-card .card-likes:is(.is-liked,[aria-pressed="true"]):hover {
  background:#fff !important;
  color:#d93451 !important;
}

html body.home-page .project-detail-modal--native .showcase-card.is-modal-source .card-likes {
  display:none !important;
}

@media (max-width:900px), (hover:none) {
  html body.home-page .gallery .showcase-card .card-likes {
    top:8px !important;
    right:8px !important;
    width:32px !important;
    min-width:32px !important;
    max-width:32px !important;
    height:32px !important;
    min-height:32px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
  }
}

/* Heart rendering is CSS-owned so legacy markup can never hide the icon. */
html body.home-page .gallery .showcase-card .card-likes > span {
  display:block !important;
  width:18px !important;
  min-width:18px !important;
  height:18px !important;
  background-color:currentColor !important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;
  -webkit-mask-size:18px 18px !important;
  mask-size:18px 18px !important;
}

html body.home-page .gallery .showcase-card .card-likes > span svg {
  display:none !important;
}

html body.home-page .gallery .showcase-card .card-likes:is(.is-liked,[aria-pressed="true"]) > span {
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z' fill='black'/%3E%3C/svg%3E") !important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78L12 21.23l8.84-8.84a5.5 5.5 0 0 0 0-7.78Z' fill='black'/%3E%3C/svg%3E") !important;
}

/* Compact like sizing. */
html body.home-page .gallery .showcase-card .card-likes,
html body.home-page .gallery .showcase-card:hover .card-likes,
html body.home-page .gallery .showcase-card:focus-within .card-likes {
  top:10px !important;
  right:10px !important;
  width:28px !important;
  min-width:28px !important;
  max-width:28px !important;
  height:28px !important;
  min-height:28px !important;
  background:#fff !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:none !important;
  box-shadow:none !important;
}

/* Mobile cards expose their title below the visual — no hover-only metadata. */
@media (max-width:680px) {
  html body.home-page .gallery :is(.showcase-card,.gallery-skeleton-card) {
    height:auto !important;
    aspect-ratio:auto !important;
  }

  html body.home-page .gallery .showcase-card__preview {
    height:auto !important;
    aspect-ratio:1.6 / 1 !important;
  }

  html body.home-page .gallery .showcase-card__meta {
    position:static !important;
    width:100% !important;
    min-height:28px !important;
    margin:0 !important;
    padding:8px 1px 0 !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    background:transparent !important;
    pointer-events:none !important;
  }

  html body.home-page .gallery .showcase-card__heading {
    width:100% !important;
    display:block !important;
  }

  html body.home-page .gallery .showcase-card__meta h3 {
    margin:0 !important;
    display:block !important;
    color:#28282a !important;
    font-family:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif !important;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:1.2 !important;
    letter-spacing:-.01em !important;
    white-space:normal !important;
  }

  html body.home-page .gallery :is(
    .showcase-card__heading p,
    .card-status,
    .card-specs,
    .card-tools,
    .card-bottom
  ) {
    display:none !important;
  }

  html body.home-page .gallery :is(
    .showcase-card,
    .showcase-card__preview,
    .showcase-card__meta,
    .collection-card-image,
    .collection-card-video,
    .preview-card-image
  ),
  html body.home-page .gallery :is(
    .showcase-card,
    .showcase-card__preview
  )::before,
  html body.home-page .gallery :is(
    .showcase-card,
    .showcase-card__preview
  )::after {
    box-shadow:none !important;
    filter:none !important;
  }
}

html body.home-page .gallery .showcase-card .card-likes:hover {
  background:#f2f2f0 !important;
  box-shadow:none !important;
}

html body.home-page .gallery .showcase-card .card-likes:active {
  background:#ececea !important;
  box-shadow:none !important;
}

html body.home-page .gallery .showcase-card .card-likes:is(.is-liked,[aria-pressed="true"]),
html body.home-page .gallery .showcase-card .card-likes:is(.is-liked,[aria-pressed="true"]):hover {
  box-shadow:none !important;
}

/* Lower the hero copy without moving the gallery below it. */
html body.home-page .hero__copy {
  position:relative !important;
  top:0 !important;
}

html body.home-page .gallery .showcase-card .card-likes > span {
  width:14px !important;
  min-width:14px !important;
  height:14px !important;
  -webkit-mask-size:14px 14px !important;
  mask-size:14px 14px !important;
}

/* Slightly softer, airier gallery grid. */
html body.home-page .gallery .gallery__grid {
  column-gap:18px !important;
  row-gap:18px !important;
}

html body.home-page .gallery :is(.showcase-card,.gallery-skeleton-card,.gallery-difference-card),
html body.home-page .gallery :is(.showcase-card__preview,.gallery-skeleton-card__preview),
html body.home-page .gallery .showcase-card__preview > :is(
  .collection-card-image,
  .collection-card-video,
  .preview-card-image,
  img,
  video
) {
  border-radius:6px !important;
}

@media (max-width:680px) {
  html body.home-page .gallery .gallery__grid {
    column-gap:12px !important;
    row-gap:12px !important;
  }
}

/* Canonical motion: no gallery card or visual scales on hover. */
html body.home-page .gallery :is(.showcase-card,.showcase-card--ready,.showcase-card--lithos),
html body.home-page .gallery :is(.showcase-card,.showcase-card--ready,.showcase-card--lithos):hover,
html body.home-page .gallery :is(.showcase-card,.showcase-card--ready,.showcase-card--lithos):focus-within,
html body.home-page .gallery .showcase-card__preview,
html body.home-page .gallery .showcase-card:hover .showcase-card__preview,
html body.home-page .gallery .showcase-card:focus-within .showcase-card__preview {
  scale:1 !important;
  transform:none !important;
}

html body.home-page .gallery .showcase-card__preview > img,
html body.home-page .gallery .showcase-card__preview > video,
html body.home-page .gallery .showcase-card__preview > .collection-card-image,
html body.home-page .gallery .showcase-card__preview > .collection-card-video,
html body.home-page .gallery .showcase-card__preview > .preview-card-image,
html body.home-page .gallery .showcase-card:hover .showcase-card__preview > img,
html body.home-page .gallery .showcase-card:hover .showcase-card__preview > video,
html body.home-page .gallery .showcase-card:hover .showcase-card__preview > .collection-card-image,
html body.home-page .gallery .showcase-card:hover .showcase-card__preview > .collection-card-video,
html body.home-page .gallery .showcase-card:hover .showcase-card__preview > .preview-card-image,
html body.home-page .gallery .showcase-card:focus-within .showcase-card__preview > img,
html body.home-page .gallery .showcase-card:focus-within .showcase-card__preview > video,
html body.home-page .gallery .showcase-card:focus-within .showcase-card__preview > .collection-card-image,
html body.home-page .gallery .showcase-card:focus-within .showcase-card__preview > .collection-card-video,
html body.home-page .gallery .showcase-card:focus-within .showcase-card__preview > .preview-card-image {
  scale:1 !important;
  transform:none !important;
  transition-property:opacity,filter !important;
}

/* Softer title contrast gradient. */
@media (min-width:901px) and (hover:hover) {
  html body.home-page .gallery .showcase-card__preview::before {
    background:linear-gradient(180deg,rgba(12,13,15,.015) 18%,rgba(12,13,15,.09) 55%,rgba(12,13,15,.56) 100%) !important;
  }
}

/* Preserve native detail in high-density gallery screenshots. */
html body.home-page .gallery .showcase-card__preview > :is(img,.collection-card-image,.preview-card-image) {
  image-rendering:auto !important;
  backface-visibility:visible !important;
  filter:none !important;
  will-change:auto !important;
}

/* Every gallery screenshot follows one rendering path — no card exceptions. */
html body.home-page .gallery .showcase-card__preview > img.collection-card-image,
html body.home-page .gallery .showcase-card:hover .showcase-card__preview > img.collection-card-image,
html body.home-page .gallery .showcase-card:focus-within .showcase-card__preview > img.collection-card-image {
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  scale:1 !important;
  transition:none !important;
}

/* Project inspector motion v3 — one GPU-friendly shared transition. */
html body.home-page .project-detail-modal--native,
html body.home-page .project-detail-modal--native.is-closing,
html body.home-page .project-detail-modal--native .project-detail-modal__content,
html body.home-page .project-detail-modal--native.is-closing .project-detail-modal__content,
html body.home-page .project-detail-modal--native .project-detail-modal__media,
html body.home-page .project-detail-modal--native.is-closing .project-detail-modal__media,
html body.home-page .project-detail-modal--native .project-detail-modal__media > .showcase-card.is-modal-source,
html body.home-page .project-detail-modal--native.is-closing .project-detail-modal__media > .showcase-card.is-modal-source {
  animation:none !important;
}

html body.home-page .project-detail-modal--native::backdrop {
  background:rgba(20,21,23,.16) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  animation:none !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__content {
  view-transition-name:project-drawer;
  will-change:transform !important;
  backface-visibility:hidden !important;
  opacity:1 !important;
}

html body.home-page .project-detail-modal--native:not(.uses-view-transition).is-transitioning .project-detail-modal__content {
  opacity:1 !important;
  transform:translate3d(calc(-100% - 24px),0,0) !important;
}

html body.home-page .project-detail-modal--native:not(.uses-view-transition) .project-detail-modal__content {
  transition:transform .4s cubic-bezier(.22,1,.36,1) !important;
}

html body.home-page .project-detail-modal--native:not(.uses-view-transition).is-settled .project-detail-modal__content {
  opacity:1 !important;
  transform:translate3d(0,0,0) !important;
}

html body.home-page .project-detail-modal--native:not(.uses-view-transition).is-closing .project-detail-modal__content {
  opacity:1 !important;
  transform:translate3d(calc(-100% - 24px),0,0) !important;
}

html body.home-page .project-detail-modal--native:not(.uses-view-transition).is-closing .project-detail-modal__media > .showcase-card.is-modal-source {
  opacity:0 !important;
  transform:scale(.985) !important;
  transition:opacity .18s ease,transform .22s ease !important;
}

::view-transition-group(root) {
  animation:none !important;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation:none !important;
  mix-blend-mode:normal !important;
}

::view-transition-group(selected-card) {
  z-index:2147483647 !important;
  animation-duration:.42s !important;
  animation-timing-function:cubic-bezier(.22,1,.36,1) !important;
}

::view-transition-image-pair(selected-card) {
  isolation:isolate !important;
}

::view-transition-old(selected-card) {
  animation:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  mix-blend-mode:normal !important;
  backface-visibility:hidden !important;
}

::view-transition-new(selected-card) {
  animation:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  backface-visibility:hidden !important;
}

::view-transition-group(project-drawer) {
  z-index:2147483646 !important;
  animation-duration:.4s !important;
  animation-timing-function:cubic-bezier(.22,1,.36,1) !important;
}

::view-transition-image-pair(project-drawer) {
  isolation:isolate !important;
}

::view-transition-new(project-drawer) {
  animation:project-drawer-vt-in .4s cubic-bezier(.22,1,.36,1) both !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}

::view-transition-old(project-drawer) {
  animation:project-drawer-vt-out .32s cubic-bezier(.4,0,.2,1) both !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}

@keyframes project-drawer-vt-in {
  from { opacity:1;transform:translate3d(calc(-100% - 24px),0,0); }
  to { opacity:1;transform:translate3d(0,0,0); }
}

@keyframes project-drawer-vt-out {
  from { opacity:1;transform:translate3d(0,0,0); }
  to { opacity:1;transform:translate3d(calc(-100% - 24px),0,0); }
}

@media (prefers-reduced-motion:reduce) {
  ::view-transition-group(selected-card),
  ::view-transition-group(project-drawer),
  ::view-transition-old(project-drawer),
  ::view-transition-new(project-drawer) {
    animation-duration:.01ms !important;
    animation-delay:0s !important;
  }
}

/* Card titles sit directly on the artwork — never inside a dark label. */
@media (min-width:901px) and (hover:hover) {
  html body.home-page .gallery .showcase-card__meta .showcase-card__heading,
  html body.home-page .gallery .showcase-card__meta h3,
  html body.home-page .gallery .showcase-card--lithos .showcase-card__meta h3 {
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:none !important;
    background-color:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    filter:none !important;
  }

  html body.home-page .gallery .showcase-card__meta h3,
  html body.home-page .gallery .showcase-card--lithos .showcase-card__meta h3 {
    display:inline !important;
    -webkit-box-decoration-break:clone;
    box-decoration-break:clone;
    text-shadow:0 1px 10px rgba(0,0,0,.46) !important;
  }
}

/* Restore the original project-page information hierarchy inside the drawer. */
html body.home-page .project-detail-modal--native .project-detail-modal__eyebrow {
  display:block !important;
  margin:0 0 12px !important;
  color:#a0a0a0 !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__creator time {
  margin-left:auto !important;
  color:#9a9a9a !important;
  font:500 12px/1 var(--sans) !important;
  white-space:nowrap !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__tags {
  display:none !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__facts dl > div {
  align-items:flex-start !important;
  padding:13px 0 !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__facts dt {
  flex:0 0 94px !important;
  color:#a0a0a0 !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__facts dd {
  max-width:230px !important;
  color:#29292b !important;
  line-height:1.35 !important;
}

@media (min-width:761px) {
  html body.home-page .project-detail-modal--native .project-detail-modal__heading > div:first-of-type {
    display:block !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__creator {
    width:100% !important;
    margin-top:20px !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__facts {
    margin-top:30px !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__facts > p {
    margin-bottom:28px !important;
  }
}

/* Full legacy project page, rebuilt as a compact native drawer. */
html body.home-page .project-detail-modal--native .project-detail-modal__content {
  scrollbar-width:thin !important;
  scrollbar-color:#d7d7d4 transparent !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__prompts {
  width:100% !important;
  min-height:0 !important;
  margin:42px 0 0 !important;
  padding:32px 0 0 !important;
  display:block !important;
  border-top:1px solid #e9e9e6 !important;
  background:transparent !important;
  box-shadow:none !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__prompts > header {
  width:100% !important;
  min-height:0 !important;
  margin:0 0 20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__prompts > header strong,
html body.home-page .project-detail-modal--native .project-detail-modal__comments h3,
html body.home-page .project-detail-modal--native .project-detail-modal__more h3 {
  margin:0 !important;
  color:#1d1d1f !important;
  font:620 17px/1.15 var(--sans) !important;
  letter-spacing:-.025em !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__prompts > header strong::before {
  content:none !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__prompt-actions {
  width:100% !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  grid-template-rows:auto auto !important;
  gap:16px !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__guide-progress {
  position:relative !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:8px !important;
  list-style:none !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__guide-progress::before {
  content:none !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__guide-progress li {
  min-width:0 !important;
  padding:10px !important;
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  border:1px solid #e8e8e5 !important;
  border-radius:8px !important;
  background:#fafaf9 !important;
  color:#969694 !important;
  font:560 11px/1 var(--sans) !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__guide-progress li b {
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
  display:grid !important;
  place-items:center !important;
  border:0 !important;
  border-radius:50% !important;
  background:#ececea !important;
  color:#81817f !important;
  box-shadow:none !important;
  font:620 9px/1 var(--sans) !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__guide-progress li.is-current {
  border-color:#d7d7d3 !important;
  background:#f4f4f2 !important;
  color:#242426 !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__guide-progress li.is-current b,
html body.home-page .project-detail-modal--native .project-detail-modal__guide-progress li.is-complete b {
  border:0 !important;
  background:#222224 !important;
  color:#fff !important;
  box-shadow:none !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__guide-progress li.is-complete {
  color:#545452 !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__guide-card {
  width:100% !important;
  min-width:0 !important;
  min-height:260px !important;
  overflow:hidden !important;
  display:block !important;
  border:1px solid #e7e7e4 !important;
  border-radius:10px !important;
  background:#f7f7f5 !important;
  color:#1d1d1f !important;
  box-shadow:none !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__guide-card [hidden] {
  display:none !important;
}

html body.home-page .project-detail-modal--native [data-guide-copy-view] {
  min-height:258px !important;
  padding:14px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  grid-template-rows:auto minmax(126px,1fr) 42px !important;
  align-items:stretch !important;
  gap:12px !important;
}

html body.home-page .project-detail-modal--native [data-guide-copy-view] > header {
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

html body.home-page .project-detail-modal--native [data-guide-copy-view] > header > b {
  width:34px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  border:0 !important;
  border-radius:7px !important;
  background:#e7e7e4 !important;
  color:#555553 !important;
  box-shadow:none !important;
  font:620 11px/1 var(--sans) !important;
}

html body.home-page .project-detail-modal--native [data-guide-copy-view] > header div {
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
}

html body.home-page .project-detail-modal--native [data-guide-copy-view] > header small {
  color:#969694 !important;
  font:520 10px/1 var(--sans) !important;
}

html body.home-page .project-detail-modal--native [data-guide-copy-view] > header strong {
  color:#242426 !important;
  font:620 14px/1.1 var(--sans) !important;
}

html body.home-page .project-detail-modal--native [data-guide-preview] {
  width:100% !important;
  height:126px !important;
  margin:0 !important;
  padding:13px !important;
  overflow:hidden !important;
  white-space:pre-wrap !important;
  border:1px solid #e5e5e2 !important;
  border-radius:7px !important;
  background:#fff !important;
  color:#777775 !important;
  box-shadow:none !important;
  mask-image:linear-gradient(#000 58%,transparent 100%) !important;
  font:500 11px/1.55 var(--sans) !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__prompt-actions button[data-guide-copy] {
  width:100% !important;
  min-height:42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  border:0 !important;
  border-radius:7px !important;
  background:#222224 !important;
  color:#fff !important;
  box-shadow:none !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__prompt-actions button[data-guide-copy] span,
html body.home-page .project-detail-modal--native .project-detail-modal__prompt-actions button[data-guide-copy] svg {
  color:#fff !important;
  stroke:#fff !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__guide-ide,
html body.home-page .project-detail-modal--native .project-detail-modal__guide-finished {
  min-height:258px !important;
  padding:18px !important;
  display:grid !important;
  align-content:center !important;
  gap:14px !important;
  background:#f7f7f5 !important;
  color:#242426 !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__guide-finished {
  grid-template-columns:1fr !important;
  grid-template-rows:auto auto auto !important;
  justify-items:center !important;
  text-align:center !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__guide-ide {
  grid-template-columns:42px minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__guide-ide > kbd {
  display:none !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__guide-ide footer {
  grid-column:1 / -1 !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__guide-ide strong,
html body.home-page .project-detail-modal--native .project-detail-modal__guide-finished strong {
  color:#242426 !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__guide-ide span {
  color:#777775 !important;
  white-space:normal !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comments,
html body.home-page .project-detail-modal--native .project-detail-modal__more {
  width:100% !important;
  margin:42px 0 0 !important;
  padding:32px 0 0 !important;
  border-top:1px solid #e9e9e6 !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comments > header,
html body.home-page .project-detail-modal--native .project-detail-modal__more > header {
  margin:0 0 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comments > header span,
html body.home-page .project-detail-modal--native .project-detail-modal__more > header a {
  color:#8f8f8c !important;
  font:540 12px/1 var(--sans) !important;
  text-decoration:none !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comment-form {
  margin:0 0 8px !important;
  padding:9px !important;
  display:grid !important;
  grid-template-columns:32px minmax(0,1fr) 32px !important;
  align-items:center !important;
  gap:8px !important;
  border:1px solid #e5e5e2 !important;
  border-radius:9px !important;
  background:#fafaf9 !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comment-avatar,
html body.home-page .project-detail-modal--native .project-detail-modal__comment-list img {
  width:32px !important;
  height:32px !important;
  flex:0 0 32px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#e8e8e5 !important;
  color:#575755 !important;
  object-fit:cover !important;
  font:620 11px/1 var(--sans) !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comment-form textarea {
  width:100% !important;
  min-height:30px !important;
  max-height:110px !important;
  padding:7px 2px !important;
  resize:none !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#29292b !important;
  font:500 13px/1.35 var(--sans) !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comment-form button {
  width:32px !important;
  height:32px !important;
  display:grid !important;
  place-items:center !important;
  border:0 !important;
  border-radius:50% !important;
  background:#242426 !important;
  color:#fff !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comment-form button:disabled {
  background:#e4e4e1 !important;
  color:#aaa !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comment-form button svg {
  width:15px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.5 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comment-list > article {
  padding:15px 0 !important;
  display:grid !important;
  grid-template-columns:32px minmax(0,1fr) !important;
  gap:10px !important;
  border-bottom:1px solid #ededeb !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comment-list > article > div {
  min-width:0 !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comment-list article header {
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comment-list article header strong {
  color:#2a2a2c !important;
  font:610 12px/1 var(--sans) !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comment-list article time {
  color:#aaa !important;
  font:520 10px/1 var(--sans) !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comment-list article p {
  margin:7px 0 8px !important;
  color:#626260 !important;
  font:500 12px/1.45 var(--sans) !important;
}

html body.home-page .project-detail-modal--native [data-drawer-comment-like] {
  min-width:24px !important;
  height:22px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  border:0 !important;
  background:transparent !important;
  color:#9b9b99 !important;
}

html body.home-page .project-detail-modal--native [data-drawer-comment-like] svg {
  width:15px !important;
  height:15px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.35 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

html body.home-page .project-detail-modal--native [data-drawer-comment-like][aria-pressed="true"] {
  color:#d94747 !important;
}

html body.home-page .project-detail-modal--native [data-drawer-comment-like][aria-pressed="true"] svg {
  fill:currentColor !important;
}

html body.home-page .project-detail-modal--native [data-drawer-comment-like] b {
  font:560 10px/1 var(--sans) !important;
}

html body.home-page .project-detail-modal--native [data-drawer-related-projects] {
  display:grid !important;
  gap:8px !important;
}

html body.home-page .project-detail-modal--native [data-drawer-related] {
  width:100% !important;
  min-width:0 !important;
  padding:7px !important;
  display:grid !important;
  grid-template-columns:78px minmax(0,1fr) 20px !important;
  align-items:center !important;
  gap:11px !important;
  border:1px solid #e8e8e5 !important;
  border-radius:8px !important;
  background:#fafaf9 !important;
  color:#29292b !important;
  text-align:left !important;
}

html body.home-page .project-detail-modal--native [data-drawer-related]:hover {
  border-color:#d5d5d1 !important;
  background:#f4f4f2 !important;
}

html body.home-page .project-detail-modal--native [data-drawer-related] img {
  width:78px !important;
  height:52px !important;
  display:block !important;
  border-radius:4px !important;
  object-fit:cover !important;
}

html body.home-page .project-detail-modal--native [data-drawer-related] span {
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
}

html body.home-page .project-detail-modal--native [data-drawer-related] b {
  overflow:hidden !important;
  color:#29292b !important;
  font:610 12px/1.1 var(--sans) !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

html body.home-page .project-detail-modal--native [data-drawer-related] small {
  overflow:hidden !important;
  color:#92928f !important;
  font:500 10px/1.2 var(--sans) !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

html body.home-page .project-detail-modal--native [data-drawer-related] i {
  color:#8d8d8a !important;
  font:500 15px/1 var(--sans) !important;
  font-style:normal !important;
}

@media (max-width:760px) {
  html body.home-page .project-detail-modal--native .project-detail-modal__prompts,
  html body.home-page .project-detail-modal--native .project-detail-modal__comments,
  html body.home-page .project-detail-modal--native .project-detail-modal__more {
    margin-top:34px !important;
    padding-top:26px !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__guide-progress li {
    justify-content:center !important;
    padding:8px 5px !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__guide-progress li span {
    display:none !important;
  }
}

/* Component-by-component drawer: one self-contained view, never a long page. */
html body.home-page .project-detail-modal--native .project-detail-modal__content {
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__summary {
  flex:0 0 auto !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__tabs {
  position:relative !important;
  flex:0 0 auto !important;
  width:100% !important;
  margin:26px 0 20px !important;
  padding:3px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:2px !important;
  border:1px solid #e8e8e5 !important;
  border-radius:8px !important;
  background:#f4f4f2 !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__tabs button {
  min-width:0 !important;
  min-height:34px !important;
  padding:0 6px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  border:0 !important;
  border-radius:5px !important;
  background:transparent !important;
  color:#888885 !important;
  box-shadow:none !important;
  font:570 10px/1 var(--sans) !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__tabs button b {
  min-width:16px !important;
  height:16px !important;
  padding:0 4px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  background:#e6e6e3 !important;
  color:#8b8b88 !important;
  font:620 8px/1 var(--sans) !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__tabs button[aria-selected="true"] {
  background:#fff !important;
  color:#242426 !important;
  box-shadow:0 1px 3px rgba(24,24,26,.08) !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__tabs button[aria-selected="true"] b {
  background:#242426 !important;
  color:#fff !important;
}

html body.home-page .project-detail-modal--native [data-drawer-panel] {
  flex:1 1 auto !important;
  min-height:0 !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border-top:0 !important;
  animation:drawer-panel-in .24s cubic-bezier(.22,1,.36,1) both !important;
}

html body.home-page .project-detail-modal--native [data-drawer-panel][hidden],
html body.home-page .project-detail-modal--native [data-drawer-panel] [hidden] {
  display:none !important;
}

@keyframes drawer-panel-in {
  from { transform:translate3d(10px,0,0);clip-path:inset(0 100% 0 0); }
  to { transform:translate3d(0,0,0);clip-path:inset(0 0 0 0); }
}

html body.home-page .project-detail-modal--native .project-detail-modal__facts {
  display:flex !important;
  flex-direction:column !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__facts > p {
  flex:0 0 auto !important;
  margin:0 0 14px !important;
  display:-webkit-box !important;
  overflow:hidden !important;
  color:#727270 !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  font-size:12px !important;
  line-height:1.45 !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__facts dl {
  min-height:0 !important;
  margin:0 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__facts dl > div {
  min-height:38px !important;
  padding:8px 0 !important;
  align-items:center !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__facts dt,
html body.home-page .project-detail-modal--native .project-detail-modal__facts dd {
  font-size:11px !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__prompts > header,
html body.home-page .project-detail-modal--native .project-detail-modal__comments > header,
html body.home-page .project-detail-modal--native .project-detail-modal__more > header {
  min-height:26px !important;
  margin:0 0 12px !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__prompt-actions {
  height:calc(100% - 38px) !important;
  grid-template-rows:auto minmax(0,1fr) !important;
  gap:10px !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__guide-progress li {
  padding:7px 8px !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__guide-card,
html body.home-page .project-detail-modal--native [data-guide-copy-view],
html body.home-page .project-detail-modal--native .project-detail-modal__guide-ide,
html body.home-page .project-detail-modal--native .project-detail-modal__guide-finished {
  min-height:0 !important;
  height:100% !important;
}

html body.home-page .project-detail-modal--native [data-guide-copy-view] {
  grid-template-rows:auto minmax(80px,1fr) 40px !important;
  padding:11px !important;
  gap:9px !important;
}

html body.home-page .project-detail-modal--native [data-guide-preview] {
  height:100% !important;
  min-height:80px !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comments {
  display:flex !important;
  flex-direction:column !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comment-form {
  flex:0 0 auto !important;
  margin-bottom:4px !important;
  padding:7px !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comment-list {
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow:hidden !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comment-list > article {
  min-height:0 !important;
  padding:11px 0 !important;
  grid-template-columns:30px minmax(0,1fr) !important;
  gap:9px !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comment-list article p {
  margin:5px 0 4px !important;
  display:-webkit-box !important;
  overflow:hidden !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  font-size:11px !important;
  line-height:1.35 !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comment-list img,
html body.home-page .project-detail-modal--native .project-detail-modal__comment-list .project-detail-modal__comment-avatar {
  width:30px !important;
  height:30px !important;
  flex-basis:30px !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comment-pagination {
  flex:0 0 34px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comment-pagination > span {
  color:#969693 !important;
  font:540 10px/28px var(--sans) !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comment-pagination > div {
  display:flex !important;
  gap:5px !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comment-pagination button {
  width:28px !important;
  height:28px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid #e3e3e0 !important;
  border-radius:50% !important;
  background:#fff !important;
  color:#585856 !important;
  font:500 13px/1 var(--sans) !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__comment-pagination button:disabled {
  color:#c9c9c6 !important;
  background:#f7f7f5 !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__more {
  display:flex !important;
  flex-direction:column !important;
}

html body.home-page .project-detail-modal--native [data-drawer-related-projects] {
  flex:1 1 auto !important;
  min-height:0 !important;
  align-content:start !important;
}

@media (max-height:820px) and (min-width:761px) {
  html body.home-page .project-detail-modal--native .project-detail-modal__content {
    padding-top:74px !important;
    padding-bottom:24px !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__eyebrow,
  html body.home-page .project-detail-modal--native .project-detail-modal__creator span {
    display:none !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__creator {
    margin-top:12px !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__tabs {
    margin-top:18px !important;
    margin-bottom:14px !important;
  }
}

@media (max-width:760px) {
  html body.home-page .project-detail-modal--native .project-detail-modal__layout {
    grid-template-rows:minmax(170px,30dvh) minmax(0,70dvh) !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__media {
    padding:44px 12px 12px !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__content {
    padding:18px 14px 20px !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__eyebrow,
  html body.home-page .project-detail-modal--native .project-detail-modal__creator span,
  html body.home-page .project-detail-modal--native .project-detail-modal__header-actions {
    display:none !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__creator {
    margin-top:4px !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__tabs {
    margin:14px 0 12px !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__tabs button {
    min-height:32px !important;
    padding:0 3px !important;
    font-size:9px !important;
  }

  html body.home-page .project-detail-modal--native .project-detail-modal__tabs button b {
    display:none !important;
  }
}

/* Project motion signature — quiet, tactile and cinematic. */
html body.home-page .project-detail-modal--native .project-detail-modal__media {
  isolation:isolate !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__media::before,
html body.home-page .project-detail-modal--native .project-detail-modal__media::after {
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  pointer-events:none !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__media::before {
  width:min(70vw,920px) !important;
  aspect-ratio:1 !important;
  border-radius:50% !important;
  background:radial-gradient(circle,rgba(126,119,196,.105) 0%,rgba(203,157,183,.065) 31%,rgba(255,255,255,0) 68%) !important;
  transform:scale(.58) !important;
  opacity:0 !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__media::after {
  width:min(54vw,760px) !important;
  height:1px !important;
  background:linear-gradient(90deg,transparent,rgba(117,112,164,.22),rgba(221,169,193,.18),transparent) !important;
  transform:translate3d(-16%,0,0) scaleX(.28) !important;
  opacity:0 !important;
}

html body.home-page .project-detail-modal--native:not(.is-closing) .project-detail-modal__media::before {
  animation:project-ambient-bloom .92s cubic-bezier(.16,1,.3,1) .06s both !important;
}

html body.home-page .project-detail-modal--native:not(.is-closing) .project-detail-modal__media::after {
  animation:project-light-thread .9s cubic-bezier(.16,1,.3,1) .12s both !important;
}

@keyframes project-ambient-bloom {
  0% { opacity:0;transform:scale(.58); }
  42% { opacity:.9;transform:scale(1.025); }
  100% { opacity:.52;transform:scale(1); }
}

@keyframes project-light-thread {
  0% { opacity:0;transform:translate3d(-16%,0,0) scaleX(.28); }
  48% { opacity:1; }
  100% { opacity:.3;transform:translate3d(12%,0,0) scaleX(1); }
}

html body.home-page .project-detail-modal--native .project-detail-modal__tabs {
  isolation:isolate !important;
  overflow:hidden !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__tabs::before {
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  top:3px !important;
  bottom:3px !important;
  left:3px !important;
  width:calc((100% - 12px)/4) !important;
  border-radius:5px !important;
  background:#fff !important;
  box-shadow:0 1px 3px rgba(24,24,26,.08),0 7px 18px rgba(24,24,26,.035) !important;
  transform:translate3d(0,0,0) !important;
  transition:transform .46s cubic-bezier(.2,.88,.24,1.12) !important;
}

html body.home-page .project-detail-modal--native[data-active-panel="prompts"] .project-detail-modal__tabs::before {
  transform:translate3d(calc(100% + 2px),0,0) !important;
}

html body.home-page .project-detail-modal--native[data-active-panel="comments"] .project-detail-modal__tabs::before {
  transform:translate3d(calc(200% + 4px),0,0) !important;
}

html body.home-page .project-detail-modal--native[data-active-panel="related"] .project-detail-modal__tabs::before {
  transform:translate3d(calc(300% + 6px),0,0) !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__tabs button[aria-selected="true"] {
  background:transparent !important;
  box-shadow:none !important;
}

html body.home-page .project-detail-modal--native [data-drawer-panel] {
  transform-origin:0 50% !important;
  animation:drawer-panel-signature .34s cubic-bezier(.22,1,.36,1) both !important;
}

@keyframes drawer-panel-signature {
  0% { transform:translate3d(7px,0,0) scale(.996);clip-path:inset(0 12% 0 0 round 6px); }
  72% { transform:translate3d(-.8px,0,0) scale(1);clip-path:inset(0 0 0 0 round 6px); }
  100% { transform:translate3d(0,0,0) scale(1);clip-path:inset(0 0 0 0 round 6px); }
}

html body.home-page .project-detail-modal--native.uses-view-transition.is-transitioning .project-detail-modal__summary,
html body.home-page .project-detail-modal--native.uses-view-transition.is-transitioning .project-detail-modal__tabs,
html body.home-page .project-detail-modal--native.uses-view-transition.is-transitioning [data-drawer-panel]:not([hidden]) {
  transform:translate3d(-9px,0,0) !important;
  clip-path:inset(0 8% 0 0) !important;
}

html body.home-page .project-detail-modal--native.uses-view-transition.is-settled .project-detail-modal__summary,
html body.home-page .project-detail-modal--native.uses-view-transition.is-settled .project-detail-modal__tabs,
html body.home-page .project-detail-modal--native.uses-view-transition.is-settled [data-drawer-panel]:not([hidden]) {
  transform:translate3d(0,0,0) !important;
  clip-path:inset(0 0 0 0) !important;
  transition-property:transform,clip-path !important;
  transition-duration:.46s !important;
  transition-timing-function:cubic-bezier(.16,1,.3,1) !important;
}

html body.home-page .project-detail-modal--native.uses-view-transition.is-settled .project-detail-modal__tabs {
  transition-delay:.035s !important;
}

html body.home-page .project-detail-modal--native.uses-view-transition.is-settled [data-drawer-panel]:not([hidden]) {
  transition-delay:.075s !important;
}

::view-transition-group(selected-card) {
  animation-duration:.66s !important;
  animation-timing-function:cubic-bezier(.18,.9,.22,1) !important;
}

::view-transition-new(selected-card) {
  transform-origin:center !important;
  animation:selected-card-settle .66s cubic-bezier(.18,.9,.22,1) both !important;
}

@keyframes selected-card-settle {
  0% { transform:scale(.985) translate3d(0,2px,0);filter:saturate(.96); }
  68% { transform:scale(1.006) translate3d(0,-.5px,0);filter:saturate(1.015); }
  100% { transform:scale(1) translate3d(0,0,0);filter:saturate(1); }
}

::view-transition-group(project-drawer) {
  animation-duration:.62s !important;
  animation-timing-function:cubic-bezier(.18,.9,.22,1) !important;
}

::view-transition-new(project-drawer) {
  opacity:1 !important;
  animation:project-drawer-signature-in .62s cubic-bezier(.18,.9,.22,1) both !important;
}

::view-transition-old(project-drawer) {
  opacity:1 !important;
  animation:project-drawer-signature-out .44s cubic-bezier(.55,0,.35,1) both !important;
}

@keyframes project-drawer-signature-in {
  0% { opacity:1;transform:translate3d(calc(-100% - 24px),0,0) scaleX(.985);clip-path:inset(0 0 0 100% round 6px); }
  72% { opacity:1;transform:translate3d(3px,0,0) scaleX(1.001);clip-path:inset(0 0 0 0 round 6px); }
  100% { opacity:1;transform:translate3d(0,0,0) scaleX(1);clip-path:inset(0 0 0 0 round 6px); }
}

@keyframes project-drawer-signature-out {
  0% { opacity:1;transform:translate3d(0,0,0) scaleX(1);clip-path:inset(0 0 0 0 round 6px); }
  100% { opacity:1;transform:translate3d(calc(-100% - 24px),0,0) scaleX(.988);clip-path:inset(0 0 0 100% round 6px); }
}

html body.home-page .project-detail-modal--native:not(.uses-view-transition).is-transitioning .project-detail-modal__content {
  transform:translate3d(calc(-100% - 24px),0,0) scaleX(.985) !important;
  clip-path:inset(0 0 0 100% round 6px) !important;
}

html body.home-page .project-detail-modal--native:not(.uses-view-transition) .project-detail-modal__content {
  transition:transform .62s cubic-bezier(.18,.9,.22,1),clip-path .62s cubic-bezier(.18,.9,.22,1) !important;
}

html body.home-page .project-detail-modal--native:not(.uses-view-transition).is-settled .project-detail-modal__content {
  transform:translate3d(0,0,0) scaleX(1) !important;
  clip-path:inset(0 0 0 0 round 6px) !important;
}

@media (max-width:760px) {
  ::view-transition-new(project-drawer) {
    animation:project-sheet-signature-in .58s cubic-bezier(.18,.9,.22,1) both !important;
  }

  ::view-transition-old(project-drawer) {
    animation:project-sheet-signature-out .4s cubic-bezier(.55,0,.35,1) both !important;
  }

  @keyframes project-sheet-signature-in {
    0% { opacity:1;transform:translate3d(0,104%,0) scaleY(.985);clip-path:inset(100% 0 0 0 round 6px); }
    72% { opacity:1;transform:translate3d(0,-3px,0) scaleY(1.001);clip-path:inset(0 0 0 0 round 6px); }
    100% { opacity:1;transform:translate3d(0,0,0) scaleY(1);clip-path:inset(0 0 0 0 round 6px); }
  }

  @keyframes project-sheet-signature-out {
    from { opacity:1;transform:translate3d(0,0,0);clip-path:inset(0 0 0 0 round 6px); }
    to { opacity:1;transform:translate3d(0,104%,0);clip-path:inset(100% 0 0 0 round 6px); }
  }
}

@media (prefers-reduced-motion:reduce) {
  html body.home-page .project-detail-modal--native .project-detail-modal__media::before,
  html body.home-page .project-detail-modal--native .project-detail-modal__media::after,
  html body.home-page .project-detail-modal--native [data-drawer-panel] {
    animation:none !important;
  }
}

/* Drawer/stage placement — keep this final so legacy inspector rules cannot reclaim the panels. */
html body.home-page .project-detail-modal--native .project-detail-modal__layout{display:grid!important;grid-template-columns:clamp(420px,34vw,570px) minmax(0,1fr)!important;grid-template-rows:100%!important;overflow:hidden!important}
html body.home-page .project-detail-modal--native .project-detail-modal__content{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
html body.home-page .project-detail-modal--native .project-detail-modal__facts{flex:1 1 auto!important;min-height:0!important;margin-top:30px!important;overflow:hidden!important}
html body.home-page .project-detail-modal--native .project-detail-modal__stage{position:relative!important;z-index:1!important;grid-column:2!important;grid-row:1!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;padding:0 clamp(22px,3.2vw,54px) 72px!important;display:flex!important;flex-direction:column!important;align-items:center!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important;scrollbar-color:rgba(74,74,76,.22) transparent!important}
html body.home-page .project-detail-modal--native .project-detail-modal__stage>.project-detail-modal__media{position:relative!important;flex:0 0 min(62dvh,680px)!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;height:min(62dvh,680px)!important;min-height:460px!important;margin:0!important;padding:clamp(58px,7vh,92px) 0 clamp(30px,4vh,50px)!important;display:grid!important;place-items:center!important;overflow:visible!important;background:transparent!important;animation:none!important}
html body.home-page .project-detail-modal--native .project-detail-modal__stage>.project-detail-modal__media>.showcase-card.is-modal-source{width:min(100%,1120px)!important;max-height:100%!important}
html body.home-page .project-detail-modal--native .project-detail-modal__stage>.project-detail-modal__prompts,html body.home-page .project-detail-modal--native .project-detail-modal__stage>.project-detail-modal__comments,html body.home-page .project-detail-modal--native .project-detail-modal__stage>.project-detail-modal__more{flex:0 0 auto!important;width:min(100%,900px)!important;height:auto!important;min-height:0!important;margin:0!important;padding:30px!important;overflow:visible!important;border:1px solid #e8e8e5!important;border-radius:8px!important;background:#fff!important;box-shadow:0 18px 55px rgba(30,31,35,.055)!important}
html body.home-page .project-detail-modal--native .project-detail-modal__stage>.project-detail-modal__prompts{min-height:390px!important}
html body.home-page .project-detail-modal--native .project-detail-modal__stage>.project-detail-modal__comments,html body.home-page .project-detail-modal--native .project-detail-modal__stage>.project-detail-modal__more{margin-top:16px!important}
html body.home-page .project-detail-modal--native .project-detail-modal__stage>.project-detail-modal__comments{min-height:420px!important;display:flex!important}
html body.home-page .project-detail-modal--native .project-detail-modal__stage>.project-detail-modal__more{min-height:300px!important;display:flex!important}
html body.home-page .project-detail-modal--native .project-detail-modal__stage .project-detail-modal__prompt-actions{height:310px!important}
html body.home-page .project-detail-modal--native .project-detail-modal__stage .project-detail-modal__guide-card,html body.home-page .project-detail-modal--native .project-detail-modal__stage [data-guide-copy-view],html body.home-page .project-detail-modal--native .project-detail-modal__stage .project-detail-modal__guide-ide,html body.home-page .project-detail-modal--native .project-detail-modal__stage .project-detail-modal__guide-finished{min-height:250px!important}
@media(max-width:760px){html body.home-page .project-detail-modal--native .project-detail-modal__layout{grid-template-columns:1fr!important;grid-template-rows:minmax(0,45dvh) minmax(0,55dvh)!important}html body.home-page .project-detail-modal--native .project-detail-modal__stage{grid-column:1!important;grid-row:1!important;padding:0 12px 34px!important}html body.home-page .project-detail-modal--native .project-detail-modal__content{grid-column:1!important;grid-row:2!important}html body.home-page .project-detail-modal--native .project-detail-modal__stage>.project-detail-modal__media{flex-basis:42dvh!important;height:42dvh!important;min-height:300px!important;padding:50px 0 18px!important}html body.home-page .project-detail-modal--native .project-detail-modal__stage>.project-detail-modal__prompts,html body.home-page .project-detail-modal--native .project-detail-modal__stage>.project-detail-modal__comments,html body.home-page .project-detail-modal--native .project-detail-modal__stage>.project-detail-modal__more{width:100%!important;padding:20px!important}}

/* Mobile hero: preserve the desktop hierarchy, scaled to the viewport. */
@media (max-width:900px) {
  html body.home-page {
    --hero-promise-size:clamp(36px,9.5vw,44px);
  }

  html body.home-page .hero {
    width:100% !important;
    min-height:310px !important;
    padding:0 clamp(20px,6vw,32px) !important;
    overflow:visible !important;
  }

  html body.home-page .hero__copy {
    position:relative !important;
    top:0 !important;
    width:100% !important;
    max-width:620px !important;
    padding:90px 0 8px !important;
  }

  html body.home-page .hero-drop-tag {
    position:relative !important;
    top:-8px !important;
    scale:.72 !important;
    transform-origin:center !important;
    min-height:32px !important;
    margin:0 0 6px !important;
    padding:0 10px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(229,74,111,.12) !important;
    border-radius:999px !important;
    background:linear-gradient(110deg,rgba(255,116,105,.17) 0%,rgba(255,255,255,.97) 38%,rgba(255,133,166,.18) 70%,rgba(220,55,143,.15) 100%) !important;
    color:#a84a5e !important;
    box-shadow:0 5px 15px rgba(215,55,98,.075),inset 0 1px 0 rgba(255,255,255,.9) !important;
    font-family:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif !important;
    font-size:5px !important;
    font-weight:300 !important;
    line-height:1 !important;
    letter-spacing:.035em !important;
  }

  html body.home-page .headline {
    width:100% !important;
    height:auto !important;
    font-size:var(--hero-promise-size) !important;
    line-height:.94 !important;
    letter-spacing:-.052em !important;
  }

  html body.home-page .headline > .hero-copy--mobile.hero-copy--promise {
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:.025em 0 .14em !important;
    font-size:var(--hero-promise-size) !important;
    font-weight:300 !important;
    line-height:.94 !important;
    letter-spacing:-.052em !important;
    white-space:normal !important;
    text-wrap:balance !important;
  }

  html body.home-page .hero-subtitle {
    display:block !important;
    max-width:34ch !important;
    margin:14px auto 0 !important;
    color:#777d88 !important;
    font-family:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif !important;
    font-size:15px !important;
    font-weight:300 !important;
    line-height:1.42 !important;
    letter-spacing:0 !important;
    text-wrap:balance !important;
  }

  html body.home-page .gallery {
    margin-top:4px !important;
  }
}

@media (max-width:420px) {
  html body.home-page {
    --hero-promise-size:clamp(35px,9.5vw,40px);
  }

  html body.home-page .hero {
    min-height:310px !important;
  }

  html body.home-page .hero__copy {
    padding-top:88px !important;
  }

  html body.home-page .hero-subtitle {
    max-width:31ch !important;
    font-size:14.5px !important;
  }
}

/* Mobile gallery: one visual per row for a full, legible preview. */
@media (max-width:680px) {
  html body.home-page .gallery .gallery__grid {
    grid-template-columns:1fr !important;
    column-gap:0 !important;
    row-gap:24px !important;
  }
}

/* Gallery visuals are separated by whitespace only — no strokes at any size. */
html body.home-page .gallery :is(
  .showcase-card,
  .gallery-skeleton-card,
  .gallery-difference-card,
  .showcase-card__preview,
  .gallery-skeleton-card__preview,
  .collection-card-image,
  .collection-card-video,
  .preview-card-image
) {
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* Mobile cards must sit directly on the page canvas: remove the legacy
   ambient glow, including filter-based shadows and generated layers. */
@media (max-width:680px) {
  html body.home-page .gallery :is(
    .showcase-card,
    .showcase-card__preview,
    .showcase-card__meta,
    .showcase-card__heading,
    .collection-card-image,
    .collection-card-video,
    .preview-card-image
  ) {
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
  }

  html body.home-page .gallery :is(
    .showcase-card,
    .showcase-card__preview,
    .showcase-card__meta,
    .showcase-card__heading
  )::before,
  html body.home-page .gallery :is(
    .showcase-card,
    .showcase-card__preview,
    .showcase-card__meta,
    .showcase-card__heading
  )::after {
    content:none !important;
    display:none !important;
    background:none !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
  }
}

/* Final touch-state reset: mobile cards never enter a hover presentation. */
@media (max-width:680px), (hover:none) and (pointer:coarse) {
  html body.home-page .gallery .showcase-card,
  html body.home-page .gallery .showcase-card:is(:hover,:active,:focus,:focus-within) {
    background-image:none !important;
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    scale:1 !important;
    transform:none !important;
    transition:none !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  html body.home-page .gallery .showcase-card__preview,
  html body.home-page .gallery .showcase-card__preview > :is(img,video,.collection-card-image,.collection-card-video,.preview-card-image),
  html body.home-page .gallery .showcase-card:is(:hover,:active,:focus,:focus-within) .showcase-card__preview,
  html body.home-page .gallery .showcase-card:is(:hover,:active,:focus,:focus-within) .showcase-card__preview > :is(img,video,.collection-card-image,.collection-card-video,.preview-card-image) {
    box-shadow:none !important;
    filter:none !important;
    -webkit-filter:none !important;
    scale:1 !important;
    transform:none !important;
    transition:none !important;
  }

  html body.home-page .gallery .showcase-card__preview::before,
  html body.home-page .gallery .showcase-card__preview::after,
  html body.home-page .gallery .showcase-card:is(:hover,:active,:focus,:focus-within) .showcase-card__preview::before,
  html body.home-page .gallery .showcase-card:is(:hover,:active,:focus,:focus-within) .showcase-card__preview::after {
    content:none !important;
    display:none !important;
    opacity:0 !important;
    background:none !important;
    box-shadow:none !important;
    filter:none !important;
  }

  html body.home-page .gallery .showcase-card__meta,
  html body.home-page .gallery .showcase-card:is(:hover,:active,:focus,:focus-within) .showcase-card__meta {
    opacity:1 !important;
    background:transparent !important;
    box-shadow:none !important;
    filter:none !important;
    transform:none !important;
    transition:none !important;
  }

  html body.home-page .gallery .showcase-card .card-likes,
  html body.home-page .gallery .showcase-card .card-likes:is(:hover,:active,:focus) {
    box-shadow:none !important;
    filter:none !important;
    transform:none !important;
    transition:none !important;
  }
}

/* Final selected-card lock: moving the original card must not change its skin. */
html body.home-page .project-detail-modal--native .project-detail-modal__media > .showcase-card.is-modal-source,
html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__media > .showcase-card.is-modal-source {
  height:auto !important;
  aspect-ratio:1.6 / 1 !important;
  border:0 !important;
  border-radius:4px !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
  filter:none !important;
}

html body.home-page .project-detail-modal--native .showcase-card.is-modal-source .showcase-card__preview,
html body.home-page .project-detail-modal--native .showcase-card.is-modal-source .showcase-card__preview > img,
html body.home-page .project-detail-modal--native .showcase-card.is-modal-source .showcase-card__preview > video {
  border:0 !important;
  border-radius:4px !important;
  box-shadow:none !important;
  outline:0 !important;
  filter:none !important;
  transform:none !important;
}

/* Likes are contextual controls: reveal them only while inspecting a card. */
@media (min-width:681px) and (hover:hover) {
  html body.home-page .gallery .showcase-card .card-likes {
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:opacity .16s ease,visibility 0s linear .16s !important;
  }

  html body.home-page .gallery .showcase-card:hover .card-likes,
  html body.home-page .gallery .showcase-card:focus-within .card-likes {
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transition:opacity .16s ease !important;
  }
}

@media (max-width:680px), (hover:none) and (pointer:coarse) {
  html body.home-page .gallery .showcase-card .card-likes {
    display:none !important;
  }
}

/* Radius scales with the card so the shared-element preview keeps exactly the
   same corner proportions while growing and returning to the grid. */
html body.home-page .gallery :is(.showcase-card,.showcase-card__preview),
html body.home-page .gallery .showcase-card__preview > :is(img,video,.collection-card-image,.collection-card-video,.preview-card-image),
html body.home-page .project-detail-modal--native .showcase-card.is-modal-source,
html body.home-page .project-detail-modal--native .showcase-card.is-modal-source .showcase-card__preview,
html body.home-page .project-detail-modal--native .showcase-card.is-modal-source .showcase-card__preview > :is(img,video) {
  border-radius:1% !important;
}

/* Enlarged project card: slightly more compact with softer corners. */
html body.home-page .project-detail-modal--native .project-detail-modal__media > .showcase-card.is-modal-source,
html body.home-page .project-detail-modal--native .project-detail-modal__stage > .project-detail-modal__media > .showcase-card.is-modal-source {
  width:min(88%,960px) !important;
  border-radius:12px !important;
}

html body.home-page .project-detail-modal--native .showcase-card.is-modal-source .showcase-card__preview,
html body.home-page .project-detail-modal--native .showcase-card.is-modal-source .showcase-card__preview > :is(img,video) {
  border-radius:12px !important;
}

/* Cards are image-only surfaces: no stroke in the grid or enlarged state. */
html body.home-page .gallery :is(.showcase-card,.showcase-card__preview),
html body.home-page .gallery .showcase-card__preview > :is(img,video,.collection-card-image,.collection-card-video,.preview-card-image),
html body.home-page .project-detail-modal--native :is(.showcase-card.is-modal-source,.showcase-card.is-modal-source .showcase-card__preview),
html body.home-page .project-detail-modal--native .showcase-card.is-modal-source .showcase-card__preview > :is(img,video) {
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

html body.home-page .gallery .showcase-card::before,
html body.home-page .gallery .showcase-card::after,
html body.home-page .gallery .showcase-card__preview::after,
html body.home-page .project-detail-modal--native .showcase-card.is-modal-source::before,
html body.home-page .project-detail-modal--native .showcase-card.is-modal-source::after,
html body.home-page .project-detail-modal--native .showcase-card.is-modal-source .showcase-card__preview::after {
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* Enlarged visual: one clipping layer only. Multiple nested radii exposed the
   dark card background as a false stroke around the corners. */
html body.home-page .project-detail-modal--native .showcase-card.is-modal-source {
  overflow:hidden !important;
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  clip-path:inset(0 round 12px) !important;
}

html body.home-page .project-detail-modal--native .showcase-card.is-modal-source .showcase-card__preview,
html body.home-page .project-detail-modal--native .showcase-card.is-modal-source .showcase-card__preview > :is(img,video) {
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  clip-path:none !important;
}

html body.home-page .project-detail-modal--native .showcase-card.is-modal-source::before,
html body.home-page .project-detail-modal--native .showcase-card.is-modal-source::after,
html body.home-page .project-detail-modal--native .showcase-card.is-modal-source .showcase-card__preview::before,
html body.home-page .project-detail-modal--native .showcase-card.is-modal-source .showcase-card__preview::after {
  content:none !important;
  display:none !important;
}

/* Prompts return to the information drawer as three compact copy rows. */
html body.home-page .project-detail-modal--native .project-detail-modal__content > .project-detail-modal__prompts {
  flex:0 0 auto !important;
  width:100% !important;
  min-height:0 !important;
  margin:22px 0 0 !important;
  padding:18px 0 0 !important;
  display:block !important;
  border:0 !important;
  border-top:1px solid #ececea !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__content > .project-detail-modal__prompts > header {
  min-height:0 !important;
  margin:0 0 10px !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__content > .project-detail-modal__prompts > header strong {
  font-size:13px !important;
  font-weight:600 !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__content > .project-detail-modal__prompts .project-detail-modal__prompt-actions {
  display:none !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__simple-prompts {
  display:grid !important;
  gap:0 !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__simple-prompts button {
  width:100% !important;
  min-height:42px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  border:0 !important;
  border-top:1px solid #ececea !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#1d1d1f !important;
  box-shadow:none !important;
  cursor:pointer !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__simple-prompts button:first-child {
  border-top:0 !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__simple-prompts button > span {
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__simple-prompts small,
html body.home-page .project-detail-modal--native .project-detail-modal__simple-prompts em {
  color:#9a9a98 !important;
  font:500 10px/1 var(--sans) !important;
  font-style:normal !important;
}

html body.home-page .project-detail-modal--native .project-detail-modal__simple-prompts strong {
  color:#303033 !important;
  font:500 11px/1 var(--sans) !important;
}

/* Hard lock the native dialog and its drawer to the left viewport edge. */
html body.home-page .project-detail-modal--native:not(.project-detail-page) {
  position:fixed !important;
  inset:0 !important;
  left:0 !important;
  width:100vw !important;
  min-width:100vw !important;
  max-width:none !important;
  inline-size:100vw !important;
  min-inline-size:100vw !important;
  max-inline-size:none !important;
  margin:0 !important;
  margin-inline:0 !important;
  transform:none !important;
}

html body.home-page .project-detail-modal--native:not(.project-detail-page) .project-detail-modal__shell,
html body.home-page .project-detail-modal--native:not(.project-detail-page) .project-detail-modal__layout {
  position:relative !important;
  inset:auto !important;
  left:0 !important;
  width:100% !important;
  min-width:100% !important;
  max-width:none !important;
  inline-size:100% !important;
  max-inline-size:none !important;
  margin:0 !important;
  margin-inline:0 !important;
  transform:none !important;
}

html body.home-page .project-detail-modal--native:not(.project-detail-page) .project-detail-modal__content {
  position:relative !important;
  left:0 !important;
  margin:0 !important;
  border-top-left-radius:0 !important;
  border-bottom-left-radius:0 !important;
}

/* Desktop drawer is anchored directly to the viewport, outside the grid. */
@media (hover:hover) and (pointer:fine) {
  html body.home-page .project-detail-modal--native:not(.project-detail-page) .project-detail-modal__content {
    position:fixed !important;
    inset:0 auto 0 0 !important;
    top:0 !important;
    right:auto !important;
    bottom:0 !important;
    left:0 !important;
    z-index:40 !important;
    width:clamp(420px,34vw,570px) !important;
    min-width:0 !important;
    max-width:none !important;
    height:100dvh !important;
    margin:0 !important;
    margin-inline:0 !important;
    border-radius:0 !important;
    transform:translate3d(0,0,0) !important;
  }
}

/* Final drawer motion lock — translate only, deliberately no bounce. */
::view-transition-group(project-drawer) {
  animation-duration:.34s !important;
  animation-timing-function:cubic-bezier(.32,.72,.24,1) !important;
}
::view-transition-new(project-drawer) {
  opacity:1 !important;
  animation:project-drawer-clean-in .34s cubic-bezier(.32,.72,.24,1) both !important;
}
::view-transition-old(project-drawer) {
  opacity:1 !important;
  animation:project-drawer-clean-out .28s cubic-bezier(.4,0,.3,1) both !important;
}
@keyframes project-drawer-clean-in {
  from { transform:translate3d(-100%,0,0); }
  to { transform:translate3d(0,0,0); }
}
@keyframes project-drawer-clean-out {
  from { transform:translate3d(0,0,0); }
  to { transform:translate3d(-100%,0,0); }
}
html body.home-page .project-detail-modal--native:not(.uses-view-transition) .project-detail-modal__content {
  clip-path:none !important;
  transition:transform .34s cubic-bezier(.32,.72,.24,1) !important;
}
html body.home-page .project-detail-modal--native:not(.uses-view-transition).is-transitioning .project-detail-modal__content,
html body.home-page .project-detail-modal--native:not(.uses-view-transition).is-closing .project-detail-modal__content {
  clip-path:none !important;
  transform:translate3d(-100%,0,0) !important;
}
html body.home-page .project-detail-modal--native:not(.uses-view-transition).is-settled .project-detail-modal__content {
  clip-path:none !important;
  transform:translate3d(0,0,0) !important;
}