.project-standalone-page {
  min-height:100vh;
  margin:0;
  background:
    radial-gradient(70% 52% at 50% 8%,rgba(118,100,231,.085),transparent 68%),
    #0d0d0f;
  color:#f5f5f2;
}

.project-standalone-main {
  width:min(1240px,calc(100% - 64px));
  margin:0 auto;
  padding:112px 0 72px;
}

.project-standalone-back {
  min-height:36px;
  margin-bottom:12px;
  display:inline-flex;
  align-items:center;
  color:#77777c;
  font:600 12px/1 var(--sans);
  text-decoration:none;
}
.project-standalone-back:hover { color:#f5f5f2; }

.project-detail-page.project-detail-modal--native {
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  margin:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.project-detail-page .project-detail-modal__shell,
.project-detail-page .project-detail-modal__layout { height:auto !important; }
.project-detail-page .project-detail-modal__layout {
  min-height:0 !important;
  grid-template-rows:92px 512px !important;
}
.project-detail-page .project-detail-modal__media { height:512px !important;min-height:0 !important;padding:0 12px 12px !important;position:relative !important; }
.project-detail-mobile-access { display:none; }
.project-detail-page .project-detail-modal__heading h1 {
  margin:0 !important;
  color:#f5f5f7 !important;
  font:650 20px/1.1 var(--sans) !important;
  letter-spacing:-.035em !important;
}
.project-detail-page .project-detail-page__creator {
  min-width:0;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.project-detail-page .project-detail-page__creator img {
  width:28px;
  height:28px;
  flex:0 0 28px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:#26272b;
  object-fit:cover;
}
.project-detail-page .project-detail-page__creator span {
  color:#77777c;
  font:550 11px/1.2 var(--sans);
  white-space:nowrap;
}
.project-detail-page .project-detail-page__creator strong { color:#bebebe;font-weight:650; }
.project-detail-page .project-detail-modal__media > img,
.project-detail-page .project-detail-modal__media > video { object-fit:cover !important; }
.project-detail-page .project-media-slider {
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:12px;
  background:#09090a;
}
.project-detail-page .project-media-slider__track {
  width:100%;
  height:100%;
  display:flex;
  transition:transform .55s cubic-bezier(.22,.7,.2,1);
  will-change:transform;
}
.project-detail-page .project-media-slider__slide {
  min-width:100%;
  height:100%;
  overflow:hidden;
}
.project-detail-page .project-media-slider__slide img,
.project-detail-page .project-media-slider__slide video {
  width:100%;
  height:100%;
  display:block;
  border-radius:0 !important;
  object-fit:cover;
}
.project-detail-page .project-media-slider__slide:nth-child(1) img { object-position:center 26%; }
.project-detail-page .project-media-slider__slide:nth-child(2) img { object-position:center 54%; }
.project-detail-page .project-media-slider__slide:nth-child(3) img { object-position:center 82%; }
.project-detail-page .project-media-slider__control {
  position:absolute;
  z-index:2;
  top:50%;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.2);
  border-radius:50%;
  background:rgba(14,14,16,.72);
  color:#f5f5f2;
  cursor:pointer;
  transform:translateY(-50%);
  backdrop-filter:blur(12px);
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.project-detail-page .project-media-slider__control:hover { border-color:rgba(255,255,255,.42);background:rgba(25,25,28,.9);transform:translateY(-50%) scale(1.04); }
.project-detail-page .project-media-slider__control--previous { left:16px; }
.project-detail-page .project-media-slider__control--next { right:16px; }
.project-detail-page .project-media-slider__control svg { width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.project-detail-page .project-media-slider__dots {
  position:absolute;
  z-index:2;
  left:50%;
  bottom:16px;
  padding:6px 8px;
  display:flex;
  gap:5px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(14,14,16,.68);
  transform:translateX(-50%);
  backdrop-filter:blur(12px);
}
.project-detail-page .project-media-slider__dots button { width:5px;height:5px;padding:0;border:0;border-radius:50%;background:#737378;cursor:pointer;transition:width .25s ease,background .25s ease; }
.project-detail-page .project-media-slider__dots button[aria-current="true"] { width:18px;border-radius:999px;background:#f5f5f2; }
.project-detail-page [data-project-like][aria-pressed="true"] { border-color:rgba(255,255,255,.4) !important;background:#f5f5f2 !important;color:#151517 !important; }
.project-detail-page [data-project-like][aria-pressed="true"] svg { fill:currentColor !important; }

.project-prompt-list {
  position:relative;
  width:min(760px,calc(100% - 64px));
  margin:24px auto 0;
  padding:20px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:14px;
  background:#171719;
  box-shadow:0 18px 44px rgba(0,0,0,.18);
}
.project-prompt-list__gate {
  position:absolute;
  z-index:5;
  inset:62px 20px 20px;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(29,29,31,.88),rgba(20,20,22,.97));
  box-shadow:0 24px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04);
  text-align:center;
  backdrop-filter:blur(12px);
}
.project-prompt-list__lock { width:38px;height:38px;margin-bottom:4px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#29292c;color:#a9a9ad; }
.project-prompt-list__lock svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.project-prompt-list__gate > strong { color:#f5f5f2;font:650 17px/1.1 var(--sans);letter-spacing:-.025em; }
.project-prompt-list__gate > p { margin:0;color:#858589;font:500 13px/1.4 var(--sans); }
.project-prompt-list__gate > a { min-height:44px;margin-top:8px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;background:#f5f5f2;color:#151517;font:650 14px/1 var(--sans);text-decoration:none;transition:background .2s ease,transform .2s ease; }
.project-prompt-list__gate > a:hover { background:#fff;transform:translateY(-1px); }
.project-prompt-list.is-locked .project-prompt-list__items { height:250px;overflow:hidden;opacity:.28;filter:blur(6px);pointer-events:none;user-select:none; }
.project-prompt-list.is-locked .project-prompt-list__item { transform:none; }
.project-prompt-list:not(.is-locked) .project-prompt-list__gate { display:none; }
.project-prompt-list > header {
  margin:0 2px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.project-prompt-list h2 { margin:0;color:#f5f5f2;font:650 17px/1.1 var(--sans);letter-spacing:-.025em; }
.project-prompt-list > header span { color:#737378;font:600 11px/1 var(--sans); }
.project-prompt-list__items { display:grid;gap:20px; }
.project-prompt-list__item {
  position:relative;
  min-width:0;
  min-height:218px;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:156px 54px;
  gap:8px;
  border:0;
  border-radius:0;
  background:transparent;
  transition:transform .2s ease;
}
.project-prompt-list__item:hover { transform:translateY(-1px); }
.project-prompt-list__item > b {
  position:absolute;
  z-index:2;
  top:14px;
  left:16px;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:7px;
  background:#2b2b2e;
  color:#8e8e93;
  font:700 10px/1 var(--sans);
}
.project-prompt-list__item > div {
  position:relative;
  min-width:0;
  padding:16px 20px 20px 58px;
  display:grid;
  align-content:start;
  gap:12px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:#252527;
}
.project-prompt-list__item > div::after {
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:70px;
  pointer-events:none;
  background:linear-gradient(to bottom,transparent,#252527 88%);
}
.project-prompt-list__item > div strong { position:relative;z-index:1;color:#f2f2ef;font:650 14px/1 var(--sans); }
.project-prompt-list__item p {
  margin:0;
  overflow:hidden;
  color:#9b9b9f;
  font:500 13px/1.48 var(--sans);
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  white-space:normal;
}
.project-prompt-list__item > button {
  min-height:54px;
  padding:0 14px 0 22px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 16px;
  align-items:center;
  gap:8px;
  border:0;
  border-radius:10px;
  background:#f5f5f2;
  color:#151517;
  cursor:pointer;
  font:650 14px/1 var(--sans);
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.project-prompt-list__item > button:hover { background:#fff;transform:translateY(-1px); }
.project-prompt-list__item > button svg { width:18px;height:18px;justify-self:end;fill:none;stroke:currentColor;stroke-width:1.8; }
.project-prompt-list__item > button.is-copied { background:var(--ds-primary);color:#fff; }
.project-prompt-list__item > button.is-copied svg { display:none; }
.project-prompt-list__item > button.is-copied { grid-template-columns:1fr; }

.project-detail-workspace {
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,800px) minmax(340px,1fr);
  align-items:start;
  gap:16px;
}
.project-detail-primary { min-width:0;display:grid;gap:16px; }
.project-detail-primary .project-prompt-list { width:100%;margin:0; }
.project-comments {
  min-width:0;
  padding:0 0 0 18px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  position:static;
}
.project-comments > header { margin:0 0 8px;padding:0 0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.09); }
.project-comments h2 { margin:0;color:#f5f5f2;font:650 17px/1.1 var(--sans);letter-spacing:-.025em; }
.project-comments > header span { min-width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:#29292b;color:#8e8e93;font:650 12px/1 var(--sans); }
.project-comment-composer {
  position:relative;
  min-height:78px;
  padding:16px 0;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 44px;
  align-items:center;
  gap:12px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.project-comment-composer .project-comment__avatar { position:relative;font-size:0;overflow:hidden; }
.project-comment-composer .project-comment__avatar::before { content:"";position:absolute;top:8px;left:50%;width:11px;height:11px;border-radius:50%;background:#97979b;transform:translateX(-50%); }
.project-comment-composer .project-comment__avatar::after { content:"";position:absolute;left:50%;bottom:-7px;width:29px;height:22px;border-radius:50% 50% 0 0;background:#97979b;transform:translateX(-50%); }
.project-comment-composer textarea {
  width:100%;
  min-height:44px;
  max-height:88px;
  padding:11px 0;
  display:block;
  resize:none;
  overflow-y:auto;
  border:0;
  outline:0;
  background:transparent;
  color:#f2f2ef;
  font:500 14px/1.45 var(--sans);
}
.project-comment-composer textarea::placeholder { color:#68686d; }
.project-comment-composer > small { position:absolute;left:50px;bottom:4px;color:#737378;font:550 12px/1 var(--sans); }
.project-comment-composer > button {
  width:44px;
  height:44px;
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  border-radius:10px;
  background:var(--ds-primary);
  color:#fff;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.project-comment-composer > button:hover:not(:disabled) { background:#2995ff;transform:translateX(1px); }
.project-comment-composer > button:disabled { background:#1a1a1c;color:#69696e;cursor:not-allowed; }
.project-comment-composer > button svg { width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.project-comment.is-new { animation:project-comment-in .35s cubic-bezier(.22,.7,.2,1) both; }
@keyframes project-comment-in { from { opacity:0;transform:translateY(-8px); } to { opacity:1;transform:none; } }
.project-comment-login {
  position:fixed !important;
  z-index:1000 !important;
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  max-height:none !important;
  margin:0 !important;
  padding:16px !important;
  display:grid !important;
  place-items:center !important;
  overflow:auto !important;
  border:0 !important;
  border-radius:18px !important;
  background:rgba(3,3,4,.82) !important;
  color:#f5f5f2 !important;
}
.project-comment-login[hidden] { display:none !important; }
.project-comment-login::backdrop { background:rgba(3,3,4,.82) !important;backdrop-filter:blur(12px) !important; }
.project-comment-login .like-login-modal__surface { width:min(560px,calc(100vw - 32px)) !important;max-height:calc(100dvh - 32px) !important;padding:34px !important;border:1px solid rgba(255,255,255,.18) !important;border-radius:18px !important;background:linear-gradient(160deg,#1b1b1d,#101012) !important;box-shadow:0 36px 100px rgba(0,0,0,.72) !important; }
.project-comment-login .account-shell { width:100% !important;display:block !important; }
.project-comment-login .like-login-modal__close { border:0 !important;background:transparent !important;color:#aaa !important; }
.project-comment-login .account-heading { margin-bottom:20px !important;padding-right:42px !important;text-align:left !important; }
.project-comment-login .account-heading h1 { margin:0 !important;color:#f5f5f2 !important;font:650 32px/1.05 var(--sans) !important;letter-spacing:-.04em !important; }
.project-comment-login .like-login-modal__intro { margin:10px 0 0 !important;color:#8e8e93 !important;font:450 14px/1.4 var(--sans) !important; }
.project-comment-login .account-google { width:100% !important;min-height:54px !important;margin-top:22px !important;padding:0 18px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:11px !important;border:0 !important;border-radius:10px !important;background:#f5f5f2 !important;color:#151517 !important;cursor:pointer !important;font:650 15px/1 var(--sans) !important; }
.project-comment-login .account-google svg { width:21px !important;height:21px !important;flex:0 0 21px !important; }
.project-comment-login .account-divider { height:40px !important;margin:6px 0 !important;display:flex !important;align-items:center !important;gap:12px !important;color:#666 !important;font:550 10px/1 var(--sans) !important;text-transform:uppercase !important; }
.project-comment-login .account-divider::before,.project-comment-login .account-divider::after { background:rgba(255,255,255,.1) !important; }
.project-comment-login .account-divider::before,.project-comment-login .account-divider::after { content:"" !important;height:1px !important;flex:1 !important; }
.project-comment-login .account-form { width:100% !important;display:grid !important;gap:14px !important; }
.project-comment-login .account-field { margin:0 !important;display:grid !important;gap:8px !important; }
.project-comment-login .account-field label { color:#d0d0cc !important;font:620 12px/1 var(--sans) !important; }
.project-comment-login .account-field__label { display:flex !important;align-items:center !important;justify-content:space-between !important; }
.project-comment-login .account-field__label a { color:#8e8e93 !important;font:500 11px/1 var(--sans) !important;text-decoration:none !important; }
.project-comment-login .account-field > input,.project-comment-login .account-password { width:100% !important;min-height:52px !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:10px !important;background:#f2f2ef !important; }
.project-comment-login .account-field > input { padding:0 15px !important; }
.project-comment-login .account-field input { color:#171719 !important;font:500 15px/1 var(--sans) !important;outline:0 !important; }
.project-comment-login .account-password { display:flex !important;align-items:center !important;overflow:hidden !important; }
.project-comment-login .account-password input { min-width:0 !important;height:50px !important;padding:0 15px !important;flex:1 !important;border:0 !important;background:transparent !important; }
.project-comment-login .account-password button { width:48px !important;height:48px !important;display:grid !important;place-items:center !important;flex:0 0 48px !important;border:0 !important;background:transparent !important;color:#737378 !important;cursor:pointer !important; }
.project-comment-login .account-password button svg { width:19px !important;height:19px !important; }
.project-comment-login .account-submit { width:100% !important;min-height:54px !important;margin-top:4px !important;border:0 !important;border-radius:10px !important;background:var(--ds-primary) !important;color:#fff !important;cursor:pointer !important;font:650 15px/1 var(--sans) !important; }
.project-comment-login .account-secondary { min-height:38px !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#aaa !important;font:600 12px/1 var(--sans) !important;text-decoration:none !important; }
.project-comment-login .account-message { min-height:14px !important;margin:0 !important;color:#ff6961 !important;font:550 11px/1.25 var(--sans) !important;text-align:center !important; }
.project-comment-login .account-legal { max-width:430px !important;margin:16px auto 0 !important;color:#666 !important;font:450 10px/1.45 var(--sans) !important;text-align:center !important; }
.project-comment-login .account-legal a { color:#949494 !important; }
.project-comments__list { display:grid; }
.project-comment {
  min-width:0;
  padding:15px 0;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:start;
  gap:11px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.project-comment:last-child { padding-bottom:2px;border-bottom:0; }
.project-comment > img,
.project-comment__avatar { width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:#29292b;color:#d5d5d2;object-fit:cover;font:650 13px/1 var(--sans); }
.project-comment > div { min-width:0;display:grid;gap:6px; }
.project-comment header { display:flex;align-items:baseline;gap:6px; }
.project-comment header strong { overflow:hidden;color:#f0f0ed;font:630 14px/1.2 var(--sans);text-overflow:ellipsis;white-space:nowrap; }
.project-comment time { color:#626267;font:600 12px/1 var(--sans); }
.project-comment p { margin:0;color:#aaa9ad;font:450 14px/1.45 var(--sans); }
.project-comment button { width:max-content;min-width:30px;height:28px;padding:0 4px;display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#77777c;cursor:pointer;font:600 12px/1 var(--sans); }
.project-comment button span { font-size:20px;line-height:1; }
.project-comment button:hover,
.project-comment button.is-liked { color:var(--ds-primary); }

@media(max-width:900px){
  .project-standalone-main { width:calc(100% - 40px);padding-top:96px; }
  .project-detail-page .project-detail-modal__layout { min-height:0 !important;grid-template-rows:118px 370px !important; }
  .project-detail-page .project-detail-modal__media { height:auto !important;min-height:370px !important;padding:0 8px 8px !important; }
  .project-prompt-list { width:min(720px,calc(100% - 32px)); }
  .project-detail-workspace { width:100%;grid-template-columns:1fr;gap:16px; }
  .project-comments { width:min(720px,calc(100% - 32px));margin:0 auto;padding:0;position:static; }
}

@media(prefers-reduced-motion:reduce){
  .project-detail-page .project-media-slider__track { transition:none; }
}

@media(max-width:600px){
  .project-standalone-main { width:100%;padding:76px 0 0; }
  .project-standalone-back { margin:0 14px 8px; }
  .project-detail-page .project-detail-modal__layout { min-height:0 !important;border-radius:0 !important; }
  .project-prompt-list { width:calc(100% - 24px);margin-top:14px;padding:12px;border-radius:12px; }
  .project-detail-workspace { width:100%;gap:14px; }
  .project-detail-primary { gap:14px; }
  .project-detail-primary .project-prompt-list { width:calc(100% - 24px);margin:0 auto; }
  .project-comments { width:calc(100% - 24px);padding:0;border-radius:0; }
  .project-prompt-list__item { min-height:204px;grid-template-columns:1fr;grid-template-rows:144px 52px;gap:8px; }
  .project-prompt-list__item > div { padding:14px 16px 18px 54px; }
  .project-prompt-list__item > button { grid-column:1; }
  .project-comment-login .like-login-modal__surface { padding:26px 20px !important;border-radius:14px !important; }
}

/* Mobile project page v25 — the former modal becomes one clear page flow. */
@media(max-width:600px){
  .project-standalone-page {
    overflow-x:hidden;
    background:
      radial-gradient(88% 38% at 50% 0%,rgba(118,100,231,.11),transparent 72%),
      #0d0d0f;
  }

  .project-standalone-main {
    width:100% !important;
    margin:0 !important;
    padding:88px 0 48px !important;
  }

  .project-standalone-back {
    min-height:44px !important;
    margin:0 16px 12px !important;
    padding:0 !important;
    color:#8d8d92 !important;
    font:600 13px/1 var(--sans) !important;
  }

  .project-detail-workspace,
  .project-detail-primary {
    width:100% !important;
    gap:18px !important;
  }

  .project-detail-page.project-detail-modal--native {
    width:calc(100% - 32px) !important;
    margin:0 auto !important;
  }

  .project-detail-page .project-detail-modal__shell {
    width:100% !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .project-detail-page .project-detail-modal__layout {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto auto auto !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .project-detail-page .project-detail-modal__content {
    grid-column:1 !important;
    grid-row:1 !important;
    min-width:0 !important;
    height:auto !important;
    padding:0 0 18px !important;
    display:block !important;
    overflow:visible !important;
    border:0 !important;
    background:transparent !important;
  }

  .project-detail-page .project-detail-modal__summary {
    width:100% !important;
    min-width:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    gap:16px !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .project-detail-page .project-detail-modal__heading {
    min-width:0 !important;
    padding:0 !important;
    display:block !important;
    grid-column:1 !important;
    grid-row:1 !important;
  }

  .project-detail-page .project-detail-modal__heading > div:first-child {
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:12px !important;
  }

  .project-detail-page .project-detail-modal__heading h1 {
    min-width:0 !important;
    overflow:hidden !important;
    color:#f5f5f2 !important;
    font:650 24px/1.05 var(--sans) !important;
    letter-spacing:-.04em !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .project-detail-page .project-detail-page__creator {
    min-width:0 !important;
    gap:7px !important;
  }

  .project-detail-page .project-detail-page__creator img {
    width:28px !important;
    height:28px !important;
    flex-basis:28px !important;
  }

  .project-detail-page .project-detail-page__creator span {
    max-width:124px !important;
    overflow:hidden !important;
    font-size:11px !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .project-detail-page .project-detail-modal__meta {
    min-width:0 !important;
    margin:14px 0 0 !important;
    display:block !important;
  }

  .project-detail-page .project-detail-modal__tags {
    margin:0 !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px !important;
  }

  .project-detail-page .project-detail-modal__tags span {
    min-height:30px !important;
    padding:0 11px !important;
    display:inline-flex !important;
    align-items:center !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:8px !important;
    background:#28282b !important;
    color:#aaa9ad !important;
    font:600 12px/1 var(--sans) !important;
  }

  .project-detail-page .project-detail-modal__header-actions {
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    display:grid !important;
    grid-template-columns:46px 46px !important;
    align-items:center !important;
    gap:8px !important;
    grid-column:1 !important;
    grid-row:2 !important;
  }

  .project-detail-page .project-detail-modal__header-actions > button {
    width:46px !important;
    height:46px !important;
    border:1px solid rgba(255,255,255,.16) !important;
    border-radius:12px !important;
    background:#202023 !important;
    color:#f5f5f2 !important;
  }

  .project-detail-page .project-detail-modal__header-actions > a {
    display:none !important;
  }

  .project-detail-page .project-detail-modal__media {
    grid-column:1 !important;
    grid-row:2 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:4 / 3 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:transparent !important;
  }

  .project-detail-page .project-detail-mobile-access {
    grid-column:1 !important;
    grid-row:3 !important;
    width:100% !important;
    min-height:48px !important;
    margin:10px 0 0 !important;
    padding:0 16px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid var(--ds-secondary-border) !important;
    border-radius:12px !important;
    background:var(--ds-secondary) !important;
    color:var(--ds-secondary-ink) !important;
    font:650 14px/1 var(--sans) !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    box-shadow:none !important;
  }

  .project-detail-page .project-detail-mobile-access:hover {
    background:var(--ds-secondary-hover) !important;
    color:var(--ds-secondary-ink) !important;
  }

  .project-detail-page .project-media-slider {
    width:100% !important;
    height:100% !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:14px !important;
  }

  .project-detail-page .project-media-slider__control {
    width:44px !important;
    height:44px !important;
    background:rgba(14,14,16,.8) !important;
  }

  .project-detail-page .project-media-slider__control--previous { left:12px !important; }
  .project-detail-page .project-media-slider__control--next { right:12px !important; }
  .project-detail-page .project-media-slider__dots { bottom:12px !important; }

  .project-detail-primary .project-prompt-list {
    width:calc(100% - 32px) !important;
    margin:0 auto !important;
    padding:16px !important;
    border-radius:16px !important;
    background:linear-gradient(155deg,#18181a,#121214) !important;
  }

  .project-prompt-list > header {
    min-height:30px !important;
    margin:0 2px 14px !important;
  }

  .project-prompt-list h2 { font-size:18px !important; }

  .project-prompt-list__gate {
    inset:60px 16px 16px !important;
    min-height:220px !important;
    border-radius:12px !important;
  }

  .project-comments {
    width:calc(100% - 32px) !important;
    margin:0 auto !important;
  }

  /* iOS keeps the viewport scale when form controls render at 16px or more. */
  .project-comment-composer textarea,
  .project-comment-login .account-field input,
  .project-comment-login .account-password input {
    font-size:16px !important;
  }
}