.product-case .project-hero { min-height: 0; overflow: visible; display: block; }
.product-case .project-hero::after { content: none; }
.product-case .project-hero-content { padding-block: 160px 60px; }
.product-case .project-hero-copy { max-width: none; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 64px; align-items: end; }
.product-case .project-hero-copy h1 { font-size: clamp(76px,9.2vw,142px); margin: 0; }
.product-hero-statement { max-width: 42ch; }
.product-case .project-deck { font-size: clamp(24px,2.6vw,36px); max-width: 22ch; font-weight: 500; }
.product-case .project-intro { max-width: 43ch; }
.product-case .project-gameplay { padding-block: 20px 60px; }
.product-case .project-gameplay-heading { margin-bottom: 24px; }
.product-case .project-gameplay-heading h2 { font: 500 20px/1.3 Geist,system-ui,sans-serif; text-transform: none; letter-spacing: 0; }
.product-case .project-main-film { max-width: none; }
.product-case .project-video-buttons { grid-template-columns: repeat(2,minmax(0,1fr)); }
.product-case .project-jumps { padding-top: 26px; }
.product-detail { display: grid; grid-template-columns: minmax(0,.65fr) minmax(0,1.35fr); gap: clamp(32px,5vw,76px); align-items: center; padding-block: 88px; border-top: 1px solid var(--line); scroll-margin-top: 30px; }
.product-detail h2 { font-size: clamp(42px,5.1vw,76px); max-width: 11ch; margin-bottom: 28px; }
.product-detail-copy p { font-size: clamp(17px,1.5vw,21px); line-height: 1.55; color: var(--muted); max-width: 36ch; }
.product-detail-copy p + p { margin-top: 18px; }
.product-still { min-width: 0; }
.product-still > a { display: block; border: 1px solid var(--line); }
.product-still img { width: 100%; height: auto; }
.product-still figcaption { margin-top: 14px; font-size: 13px; line-height: 1.5; color: var(--muted); }
.product-detail-wide { display: block; }
.product-detail-wide .product-detail-copy { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1fr); gap: 64px; align-items: end; margin-bottom: 38px; }
.product-detail-wide h2 { max-width: 15ch; margin: 0; }
.product-detail-wide .product-detail-copy p { max-width: 47ch; }
.product-summary { border-top: 1px solid var(--line); padding-block: 0 76px; }
.product-summary .project-test-note { border: 0; margin-top: 0; max-width: 31ch; padding-block: 58px 28px; }
.product-summary .project-end { margin-top: 0; padding-top: 26px; }
.product-summary .project-notes h2 { font-size: 20px; line-height: 1.3; margin-bottom: 14px; }
.product-summary .project-notes p { font-size: 15px; color: var(--muted); line-height: 1.65; max-width: 65ch; }
.product-summary .project-notes p + p { margin-top: 12px; }
.product-source-link { display: inline-block; margin-top: 18px; color: var(--accent); border-bottom: 1px solid currentColor; padding-bottom: 5px; font-size: 14px; }
@media(max-width:900px) {
  .product-case .project-hero-copy { gap: 32px; grid-template-columns: minmax(0,1fr); }
  .product-hero-statement { max-width: 56ch; }
  .product-case .project-intro { max-width: 52ch; }
  .product-detail { gap: 34px; }
}
@media(max-width:620px) {
  .product-case .project-hero-content { padding-block: 112px 42px; }
  .product-case .project-hero-copy { gap: 26px; }
  .product-case .project-hero-copy h1 { font-size: clamp(60px,17vw,92px); }
  .product-case .project-deck { font-size: 25px; max-width: 25ch; }
  .product-case .project-intro { font-size: 16px; }
  .product-case .project-gameplay { padding-block: 0 42px; }
  .product-case .project-gameplay-heading { gap: 9px; margin-bottom: 18px; }
  .product-case .project-gameplay-heading h2 { font-size: 18px; }
  .product-case .project-gameplay-heading p { font-size: 12px; }
  .product-case .project-jumps { padding-top: 22px; gap: 18px; }
  .product-detail { grid-template-columns: minmax(0,1fr); gap: 28px; padding-block: 44px; }
  .product-detail h2 { font-size: 44px; max-width: 15ch; margin-bottom: 20px; }
  .product-detail-copy p { max-width: 42ch; font-size: 17px; }
  .product-detail-wide .product-detail-copy { grid-template-columns: minmax(0,1fr); gap: 20px; margin-bottom: 28px; }
  .product-detail-wide h2 { margin: 0; }
  .product-still figcaption { font-size: 12px; }
  .product-summary { padding-bottom: 42px; }
  .product-summary .project-test-note { padding-block: 36px 24px; }
  .product-summary .project-end { gap: 24px; padding-top: 10px; }
}