/* V1.1 — daha ferah ritim + somut prodüksiyon görselleri */
.manifesto { grid-template-columns: .8fr 2.75fr 1.35fr; gap: 6vw; min-height: 820px; }
.manifesto-image { height: 500px; position: relative; border-radius: 105px 3px 105px 3px; overflow: hidden; background: #101116; }
.manifesto-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, #090a0dc9, transparent 55%); }
.manifesto-image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.8) contrast(1.04); }
.manifesto-image figcaption { position: absolute; z-index: 2; left: 25px; right: 25px; bottom: 22px; display: flex; justify-content: space-between; font: 400 .55rem var(--mono); letter-spacing: .12em; }
.manifesto-image small { color: #c0c1c5; }
.services { padding-block: clamp(130px, 14vw, 205px); }
.service { padding-block: 45px; }
.proof { padding-block: 120px; }
.network { gap: 10vw; min-height: 940px; padding-block: clamp(130px, 14vw, 205px); }
.network-visual { height: 660px; position: relative; }
.creator-frame { position: absolute; inset: 3% 5% 7% 0; border-radius: 4px 150px 4px 150px; overflow: hidden; background: #15161b; }
.creator-frame::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, #090a0daf, transparent 52%); }
.creator-frame img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.8) contrast(1.04); }
.creator-frame figcaption { position: absolute; z-index: 2; left: 25px; bottom: 22px; font: 400 .55rem var(--mono); letter-spacing: .13em; }
.creator-frame figcaption b { display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: #ff9fbc; box-shadow: 0 0 12px #ff8aad; }
.creator-note { position: absolute; z-index: 3; right: -2%; top: 12%; width: 180px; padding: 25px; background: rgba(235,233,227,.93); color: #111; backdrop-filter: blur(15px); }
.creator-note span, .creator-note small { font: 400 .52rem/1.5 var(--mono); letter-spacing: .11em; }
.creator-note strong { display: block; margin: 65px 0 22px; font: 400 1.35rem/1.05 var(--display); letter-spacing: -.05em; }
.creator-note small { color: #555; }
.partner, .about { padding-block: clamp(130px, 14vw, 205px); }

@media (max-width: 900px) {
  .manifesto { grid-template-columns: 1fr; min-height: auto; }
  .manifesto-image { height: 460px; }
  .network { min-height: auto; }
  .creator-note { right: 0; }
  .hero h1 { line-height: .86; }
  .hero-foot { margin-top: 20px; }
}

@media (max-width: 620px) {
  .hero h1 { font-size: 12.8vw; line-height: 1.02; margin-bottom: 50px; }
  .hero h1 .thin, .hero h1 .prism, .hero h1 .stroke { margin-bottom: 12px; }
  .hero-image figcaption { display: none; }
  .hero-foot p { line-height: 1.82; }
  .manifesto { gap: 40px; }
  .manifesto-image { height: 390px; border-radius: 70px 3px 70px 3px; }
  .body-copy { margin-top: 38px; }
  .services, .network, .partner, .about { padding-block: 115px; }
  .service { padding-block: 34px; }
  .proof { padding-block: 95px; }
  .network-visual { height: 510px; }
  .creator-frame { inset: 0 0 5%; border-radius: 3px 85px 3px 85px; }
  .creator-note { top: auto; right: 0; bottom: 0; width: 145px; padding: 18px; }
  .creator-note strong { margin: 36px 0 15px; font-size: 1.05rem; }
  .network-copy p { margin-block: 32px; }
  .partner-copy { margin-top: 85px; }
  .about-copy p { line-height: 1.9; }
  .contact h2 { line-height: .92; margin-bottom: 65px; }
}