.project--no-cover .project__media {
  display: grid;
  place-items: center;
  background: #181818;
  border: 1px solid #444;
  color: var(--muted);
  letter-spacing: .12em;
}

.project--no-cover .project__media span {
  position: static;
  font-size: 12px;
  letter-spacing: .12em;
}

.detail-content,
.detail-content p,
.detail-content a,
.detail-content strong {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: 0;
}

.detail-content strong { color: var(--fg); }

.contact-links a,
.contact-links a:hover,
.contact-links a:focus-visible {
  color: var(--fg);
  text-decoration: none;
}

.jump-link { text-decoration: none; }
.project-highlight-link,
.project-highlight-link:hover,
.project-highlight-link:focus-visible { color: var(--accent); }

/* Match the reference site's compact, editorial introduction. */
.intro {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) minmax(430px, 1fr);
  justify-content: normal;
  gap: 4vw;
}

.intro > div,
.intro p,
.intro a,
.intro summary {
  font-size: 12px;
  line-height: 1.5;
}

.intro p { max-width: 44ch; }
.intro__details p { max-width: none; }

@media (max-width: 980px) {
  .intro {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 28px;
  }

  .intro__details {
    grid-column: 1 / -1;
    width: 100%;
  }
}

@media (max-width: 540px) {
  .intro { grid-template-columns: 1fr; gap: 22px; }
  .intro__details { grid-column: auto; }
  .intro p { max-width: 36ch; }
}

/* Four identical ticker segments keep the marquee continuous on ultrawide screens. */
.ticker__track { animation-name: ticker-wide; }

@keyframes ticker-wide {
  to { transform: translateX(-12.5%); }
}

@media (prefers-reduced-motion: reduce) {
  .ticker__track { animation: none; }
}

.reference-project-intro{display:grid;grid-template-columns:1.1fr 1.9fr .8fr;gap:7vw;min-height:220px;padding:28px var(--gutter) 24px;font-size:12px;line-height:1.5}.reference-project-intro p{margin:0}.reference-project-intro strong{font-weight:700}.reference-project-intro em{color:var(--fg);font-style:italic}.reference-project-intro__left{display:flex;flex-direction:column;justify-content:space-between}.reference-project-intro__accordions{width:100%;max-width:303px}.reference-project-intro__description{max-width:44ch}.reference-project-intro__mark{display:flex;justify-content:flex-end;align-items:flex-start}.reference-project-intro__mark img{width:min(100%,250px);height:auto;filter:grayscale(1);opacity:.82}.project-ticker{width:100vw;margin:0;border-bottom:0}.project-ticker .ticker__track{display:flex;width:200vw;min-width:200vw;animation:project-ticker-full 22s linear infinite}.project-ticker .ticker__group{display:flex;flex:0 0 100vw;width:100vw;align-items:center;justify-content:flex-start;gap:.55ch;overflow:hidden}.project-ticker .ticker__group span{flex:0 0 auto;padding:0;white-space:nowrap}@keyframes project-ticker-full{to{transform:translateX(-50%)}}.reference-project-gallery{display:grid;gap:12px;padding:52px var(--gutter) 0}.reference-project-gallery img{display:block;width:min(100%,1680px);height:auto;margin:0 auto;border-radius:var(--radius)}.reference-project-nav{margin:60px var(--gutter) 24px}
.reference-project-video{display:block;width:min(100%,1680px);height:auto;margin:0 auto;border-radius:var(--radius);background:#090909}
.iphone-mockup-showcase{display:grid;place-items:center;width:min(100%,1680px);margin:0 auto;padding:clamp(48px,7vw,110px) 20px;background:#090909;border-radius:var(--radius)}.iphone-device{position:relative;width:min(34vw,500px);padding:10px;background:#111;border:1px solid #353535;border-radius:48px;box-shadow:0 24px 70px rgba(0,0,0,.5)}.iphone-device::before,.iphone-device::after{content:"";position:absolute;left:-4px;width:3px;background:#2b2b2b;border-radius:3px 0 0 3px}.iphone-device::before{top:15%;height:8%}.iphone-device::after{top:26%;height:13%}.reference-project-gallery .iphone-device img{display:block;width:100%;height:auto;margin:0;border-radius:38px}
@media(max-width:700px){.iphone-mockup-showcase{padding:34px 12px}.iphone-device{width:min(78vw,420px);padding:7px;border-radius:36px}.reference-project-gallery .iphone-device img{border-radius:30px}}
@media(max-width:980px){.reference-project-intro{grid-template-columns:1fr 1fr;min-height:300px;gap:28px}.reference-project-intro__mark{display:none}}
@media(max-width:540px){.reference-project-intro{grid-template-columns:1fr;min-height:auto;padding-top:28px}.reference-project-intro__left{gap:54px}.reference-project-intro__accordions{max-width:none}.reference-project-gallery{padding-top:38px;gap:8px}}
@media(prefers-reduced-motion:reduce){.project-ticker .ticker__track{animation:none}}

.site-scroll-showcase{width:100vw;margin-left:calc(50% - 50vw);background:#000;border-radius:0;overflow:hidden}
.site-scroll-showcase__row{display:flex;align-items:center;justify-content:center;width:100%;min-height:100svh;padding:clamp(14px,2vw,32px);box-sizing:border-box}
.site-scroll-showcase__row--mobile{gap:clamp(22px,5vw,80px);border-top:1px solid #191919}
.site-scroll-showcase__device{display:flex;align-items:center;justify-content:center;min-width:0}
.site-scroll-showcase__device--desktop{width:min(86vw,1350px);aspect-ratio:16 / 9}
.site-scroll-showcase__device--mobile{height:min(78svh,760px);width:auto;aspect-ratio:674 / 1460}
.safari-frame{display:grid;grid-template-rows:32px minmax(0,1fr);width:100%;height:100%;overflow:hidden;background:#fff;border:1px solid #bbb;border-radius:10px;box-shadow:0 18px 55px rgba(0,0,0,.4)}
.safari-frame__bar{position:relative;display:flex;align-items:center;justify-content:center;padding:0 62px;background:#e8e8e8;border-bottom:1px solid #c9c9c9;color:#444;font-size:10px;line-height:1}
.safari-frame__controls{position:absolute;left:11px;display:flex;gap:6px}.safari-frame__controls i{display:block;width:8px;height:8px;border-radius:50%;background:#ff5f57}.safari-frame__controls i:nth-child(2){background:#febc2e}.safari-frame__controls i:nth-child(3){background:#28c840}
.safari-frame__address{display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.safari-frame__screen{position:relative;min-height:0;overflow:hidden;background:#fff}
.site-scroll-showcase video{display:block;width:100%;height:100%;object-fit:cover;background:#fff}
.pidgin-browser-showcase{width:min(100%,1680px);aspect-ratio:1920 / 1058;margin:0 auto}.pidgin-browser-showcase .safari-frame{border-color:#353535;border-radius:9px;background:#090909;box-shadow:none}.pidgin-browser-showcase .safari-frame__bar{background:#1b1b1b;border-bottom-color:#353535;color:#bdbdbd}.pidgin-browser-showcase .safari-frame__screen{background:#090909}.pidgin-browser-showcase video{display:block;width:100%;height:100%;object-fit:cover;background:#090909}
.project-browser-thumbnail{grid-template-rows:22px minmax(0,1fr);border:0;border-radius:0;box-shadow:none}.project-browser-thumbnail .safari-frame__bar{padding:0 42px;font-size:7px}.project-browser-thumbnail .safari-frame__controls{left:7px;gap:3px}.project-browser-thumbnail .safari-frame__controls i{width:5px;height:5px}.project-browser-thumbnail video{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:700px){.site-scroll-showcase__row{min-height:72svh;padding:10px}.site-scroll-showcase__row--mobile{gap:12px}.site-scroll-showcase__device--desktop{width:94vw}.site-scroll-showcase__device--mobile{height:min(62svh,520px,calc(108vw - 48px));width:auto}.safari-frame{grid-template-rows:26px minmax(0,1fr);border-radius:7px}.safari-frame__bar{padding:0 38px;font-size:7px}.safari-frame__controls{left:7px;gap:3px}.safari-frame__controls i{width:5px;height:5px}}

.project-page { padding: 0 var(--gutter) 80px; }
.project-hero { display: grid; grid-template-columns: minmax(180px,.7fr) 2fr; gap: 9vw; padding: 42px 0 64px; }
.project-hero h1 { margin: 0; font-size: clamp(52px,10vw,150px); line-height: .82; letter-spacing: -.075em; text-transform: uppercase; }
.project-meta { display: flex; justify-content: space-between; gap: 20px; color: var(--muted); border-top: 1px solid var(--line); padding-top: 6px; }
.tetris-press-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(100%,1680px);margin:0 auto}.reference-project-gallery .tetris-press-grid img{width:100%;height:100%;margin:0;object-fit:cover}
@media(max-width:700px){.tetris-press-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
.project--ayni .project__media{background:#000}.project--ayni .project__media img{transform:none;object-fit:cover}
.project-video-cover{display:block;width:100%;height:100%;object-fit:cover}
.project--ayni .project-phone-thumbnail{display:grid;place-items:center;aspect-ratio:16/9;background:#000}.iphone-device--thumbnail{width:auto;height:88%;aspect-ratio:2160/4697;padding:4px;border-radius:18px;box-shadow:0 8px 22px rgba(0,0,0,.55)}.iphone-device--thumbnail::before,.iphone-device--thumbnail::after{left:-2px;width:2px}.project--ayni .iphone-device--thumbnail img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:14px;transform:none}
.project-intro { max-width: 58ch; margin: 0; align-self: end; font-size: clamp(15px,1.5vw,22px); line-height: 1.25; }
.project-gallery { display: grid; gap: 12px; }
.project-gallery img { display: block; width: 100%; height: auto; border-radius: var(--radius); background: #181818; }
.project-nav { display: flex; justify-content: space-between; gap: 20px; padding: 18px 0 0; margin-top: 60px; border-top: 1px solid var(--line); }
@media (max-width:700px){.project-hero{grid-template-columns:1fr;gap:32px;padding:28px 0 45px}.project-meta{order:-1}.project-intro{font-size:16px}.project-gallery{gap:8px}}