/* Mobile project page 2026 — a dedicated editorial experience matching the home. */
@media (max-width:760px) {
  html { background:#fff !important; }

  body.project-standalone-page {
    --project-bg:#fff;
    --project-panel:#fff;
    --project-line:rgba(23,24,28,.10);
    --project-muted:#7d7c83;
    --project-text:#17181c;
    --project-accent:#17181c;
    min-height:100svh;
    color:var(--project-text) !important;
    background:#fff !important;
    background-image:none !important;
  }

  body.project-standalone-page > .nav {
    background:#fff !important;
    border:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }

  body.project-standalone-page .nav .brand-symbol--nav {
    filter:brightness(0) !important;
  }

  body.project-standalone-page .nav .brand-wordmark--2026 {
    color:#17181c !important;
  }

  body.project-standalone-page .nav-blur { display:none !important; }

  .project-standalone-page .project-standalone-main {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:92px 0 calc(80px + env(safe-area-inset-bottom)) !important;
  }

  .project-standalone-page .project-standalone-back {
    width:auto !important;
    min-height:34px !important;
    margin:0 18px 22px !important;
    padding:0 12px !important;
    display:inline-flex !important;
    align-items:center !important;
    border:1px solid rgba(23,24,28,.09) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.7) !important;
    color:#686970 !important;
    font:500 11px/1 "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif !important;
    letter-spacing:-.01em;
  }

  .project-standalone-page .project-detail-workspace,
  .project-standalone-page .project-detail-primary {
    width:100% !important;
    display:block !important;
  }

  .project-standalone-page .project-detail-page.project-detail-modal--native,
  .project-standalone-page .project-detail-modal__shell,
  .project-standalone-page .project-detail-modal__layout {
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .project-standalone-page .project-detail-modal__layout {
    display:flex !important;
    flex-direction:column !important;
  }

  body.project-standalone-page .project-detail-page.project-detail-modal--native .project-detail-modal__content {
    order:1 !important;
    width:100% !important;
    height:auto !important;
    padding:0 18px 28px !important;
    overflow:visible !important;
    background:transparent !important;
  }

  .project-standalone-page .project-detail-modal__summary {
    display:block !important;
    padding:0 !important;
    background:transparent !important;
  }

  .project-standalone-page .project-detail-modal__heading,
  .project-standalone-page .project-detail-modal__heading > div:first-child {
    width:100% !important;
    display:block !important;
  }

  .project-standalone-page .project-editorial-date {
    margin:0 0 18px !important;
    color:#96949a !important;
    font:500 10px/1 "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif !important;
    letter-spacing:.02em;
  }

  .project-standalone-page .project-editorial-kicker {
    margin:0 0 18px !important;
    display:flex !important;
    gap:6px !important;
  }

  .project-standalone-page .project-editorial-kicker span {
    min-height:25px !important;
    padding:0 9px !important;
    border:1px solid rgba(238,81,108,.15) !important;
    border-radius:999px !important;
    background:linear-gradient(110deg,rgba(255,238,233,.88),rgba(253,236,247,.84)) !important;
    color:#bc5265 !important;
    font:500 9px/1 "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif !important;
  }

  .project-standalone-page .project-detail-modal__heading h1 {
    max-width:350px !important;
    margin:0 !important;
    overflow:visible !important;
    color:#17181c !important;
    font:500 clamp(42px,13vw,58px)/.92 "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif !important;
    letter-spacing:-.065em !important;
    text-wrap:balance;
    white-space:normal !important;
  }

  .project-standalone-page .project-editorial-lede {
    max-width:340px !important;
    margin:22px 0 0 !important;
    color:#777981 !important;
    font:400 15px/1.5 "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif !important;
    letter-spacing:-.025em !important;
  }

  .project-standalone-page .project-detail-page__creator {
    margin:26px 0 0 !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
  }

  .project-standalone-page .project-detail-page__creator img {
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
    border:0 !important;
    border-radius:50% !important;
    background:#fff !important;
    object-fit:cover !important;
  }

  .project-standalone-page .project-detail-page__creator span {
    max-width:none !important;
    display:grid !important;
    gap:2px !important;
    color:#99989d !important;
    font:450 10px/1.2 "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif !important;
    white-space:normal !important;
  }

  .project-standalone-page .project-detail-page__creator strong {
    color:#313238 !important;
    font-weight:550 !important;
  }

  .project-standalone-page .project-detail-page__creator small { display:none !important; }

  .project-standalone-page .project-detail-modal__meta {
    position:static !important;
    margin:24px 0 0 !important;
  }

  .project-standalone-page .project-detail-modal__tags {
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    gap:6px !important;
  }

  body.project-standalone-page .project-detail-page.project-detail-modal--native .project-detail-modal__meta .project-detail-modal__tags span {
    min-height:28px !important;
    padding:0 10px !important;
    border:1px solid rgba(23,24,28,.08) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.72) !important;
    color:#74757b !important;
    font:500 10px/1 "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif !important;
  }

  .project-standalone-page .project-detail-modal__header-actions {
    position:static !important;
    margin:24px 0 0 !important;
    display:flex !important;
    gap:8px !important;
  }

  .project-standalone-page .project-detail-modal__header-actions button {
    width:40px !important;
    height:40px !important;
    border:1px solid rgba(23,24,28,.09) !important;
    border-radius:50% !important;
    background:#fff !important;
    color:#74757a !important;
    box-shadow:none !important;
  }

  .project-standalone-page .project-detail-modal__header-actions button svg {
    width:17px !important;
    height:17px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.35 !important;
  }

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

  .project-standalone-page .project-detail-modal__media {
    order:2 !important;
    width:calc(100% - 24px) !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:1.28 / 1 !important;
    margin:0 12px !important;
    padding:0 !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:12px !important;
    background:#efefed !important;
    box-shadow:none !important;
  }

  .project-standalone-page .project-media-slider {
    width:100% !important;
    height:100% !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:12px !important;
    background:#efefed !important;
  }

  .project-standalone-page .project-media-slider__slide img,
  .project-standalone-page .project-media-slider__slide video {
    width:100% !important;
    height:100% !important;
    border:0 !important;
    border-radius:0 !important;
    object-fit:cover !important;
  }

  .project-standalone-page .project-media-slider__control {
    top:50% !important;
    width:36px !important;
    height:36px !important;
    border:0 !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.88) !important;
    color:#595a60 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
  }

  .project-standalone-page .project-media-slider__control--previous { left:10px !important; }
  .project-standalone-page .project-media-slider__control--next { right:10px !important; }
  .project-standalone-page .project-media-slider__dots {
    bottom:10px !important;
    padding:5px 7px !important;
    border:0 !important;
    background:rgba(255,255,255,.86) !important;
    backdrop-filter:none !important;
  }
  .project-standalone-page .project-media-slider__dots button { background:#c6c5c7 !important; }
  .project-standalone-page .project-media-slider__dots button[aria-current="true"] { background:#222329 !important; }

  .project-standalone-page .project-detail-mobile-access {
    order:3 !important;
    width:calc(100% - 36px) !important;
    min-height:50px !important;
    margin:12px 18px 0 !important;
    padding:0 18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    border:0 !important;
    border-radius:999px !important;
    background:#1c1d21 !important;
    color:#fff !important;
    font:550 13px/1 "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif !important;
    box-shadow:none !important;
  }
  .project-standalone-page .project-detail-mobile-access::after { content:"↗";font-size:15px;font-weight:400; }

  .project-standalone-page .project-prompt-list {
    width:calc(100% - 36px) !important;
    margin:84px 18px 0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .project-standalone-page .project-prompt-list__header--desktop { display:none !important; }
  .project-standalone-page .project-prompt-list__header--mobile {
    margin:0 0 28px !important;
    display:block !important;
  }
  .project-standalone-page .project-prompt-list__header--mobile small {
    color:#bc5265 !important;
    font:550 9px/1 "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif !important;
    letter-spacing:.08em !important;
  }
  .project-standalone-page .project-prompt-list__header--mobile h2 {
    max-width:330px !important;
    margin:12px 0 0 !important;
    color:#17181c !important;
    font:400 39px/.98 "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif !important;
    letter-spacing:-.035em !important;
  }
  .project-standalone-page .project-prompt-list__header--mobile p {
    margin:18px 0 0 !important;
    color:#7c7d83 !important;
    font:400 14px/1.5 "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif !important;
  }

  .project-standalone-page .project-prompt-slider {
    min-height:440px !important;
    padding:12px 12px 64px !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:13px !important;
    background:#1b1c20 !important;
  }

  .project-standalone-page .project-prompt-list__item { min-height:350px !important; }
  .project-standalone-page .project-prompt-list__item > div {
    min-height:278px !important;
    padding:62px 22px 26px !important;
    border:0 !important;
    border-radius:9px !important;
    background:#24252a !important;
  }
  .project-standalone-page .project-prompt-list__item > b {
    top:24px !important;
    left:22px !important;
    width:auto !important;
    height:auto !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#ef657d !important;
    font-size:10px !important;
  }
  .project-standalone-page .project-prompt-list__item > div strong { color:#fff !important;font-size:20px !important; }
  .project-standalone-page .project-prompt-list__item p { color:#a6a6aa !important;font-size:13px !important;line-height:1.55 !important; }
  .project-standalone-page .project-prompt-list__item > button { border-radius:9px !important; }

  .project-standalone-page .project-prompt-list__gate {
    inset:0 !important;
    padding:24px !important;
    border:0 !important;
    border-radius:13px !important;
    background:rgba(27,28,32,.9) !important;
    box-shadow:none !important;
    backdrop-filter:blur(9px) !important;
  }
  .project-standalone-page .project-prompt-list__gate > strong { color:#fff !important;font-size:21px !important; }
  .project-standalone-page .project-prompt-list__gate > p { color:#9d9da2 !important; }
  .project-standalone-page .project-prompt-list__gate > a {
    min-height:46px !important;
    border-radius:999px !important;
    background:#fff !important;
    color:#1b1c20 !important;
  }
  .project-standalone-page .project-prompt-list__lock { border:0 !important;border-radius:50% !important;background:#2b2c31 !important;color:#bebec2 !important; }

  .project-standalone-page .project-comments {
    width:calc(100% - 36px) !important;
    margin:84px 18px 0 !important;
    padding:0 !important;
    border:0 !important;
    color:#17181c !important;
  }
  .project-standalone-page .project-comments > header { margin:0 0 18px !important;padding:0 !important;border:0 !important; }
  .project-standalone-page .project-comments h2 { color:#17181c !important;font:400 38px/1 "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif !important;letter-spacing:-.035em !important; }
  .project-standalone-page .project-comments > header span { border:1px solid rgba(23,24,28,.08) !important;background:#fff !important;color:#77787e !important; }
  .project-standalone-page .project-comment-composer {
    min-height:66px !important;
    padding:10px 12px !important;
    border:1px solid rgba(23,24,28,.08) !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.78) !important;
  }
  .project-standalone-page .project-comment { padding:22px 0 !important;border-color:rgba(23,24,28,.08) !important;color:#292a30 !important; }
  .project-standalone-page .project-comment header strong { color:#292a30 !important; }
  .project-standalone-page .project-comment p { color:#66676d !important;font-size:13px !important; }

  .project-standalone-page .project-more {
    width:100% !important;
    margin:84px 0 0 !important;
    padding:54px 18px 20px !important;
    border:0 !important;
    background:#f1f0ed !important;
  }
  .project-standalone-page .project-more > header { margin-bottom:24px !important; }
  .project-standalone-page .project-more h2 { color:#17181c !important;font:400 38px/1 "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif !important;letter-spacing:-.035em !important; }
  .project-standalone-page .project-more > header a { color:#6f7076 !important;font-size:12px !important; }
  .project-standalone-page .project-more__grid {
    margin-right:-18px !important;
    padding-right:18px !important;
    display:grid !important;
    grid-auto-flow:column !important;
    grid-auto-columns:84% !important;
    grid-template-columns:none !important;
    gap:12px !important;
    overflow-x:auto !important;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
  }
  .project-standalone-page .project-more__grid::-webkit-scrollbar { display:none; }
  .project-standalone-page .project-more__card { color:#17181c !important; }
  .project-standalone-page .project-more__card > img { height:auto !important;aspect-ratio:1.55/1 !important;border:0 !important;border-radius:9px !important;object-fit:cover !important; }
  .project-standalone-page .project-more__card > span { padding:12px 1px 0 !important; }
  .project-standalone-page .project-more__card b { color:#202126 !important;font-size:15px !important; }
  .project-standalone-page .project-more__card small { color:#818187 !important;font-size:11px !important; }
  .project-standalone-page .project-more__card i { display:none !important; }

  .project-standalone-page .site-footer { background:#fff !important; }
}

@media (max-width:760px) and (prefers-reduced-motion:reduce) {
  .project-standalone-page * { scroll-behavior:auto !important; }
}