/* Round 02: manifesto and collection introduction only. */
#neden { padding-block: clamp(2.75rem, 4.5vw, 5rem) clamp(2rem, 3.5vw, 4rem); }
#neden > .section-label { padding-bottom: 1.5rem; font-size: .625rem; letter-spacing: .12em; }
#neden .manifesto-intro { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; align-items: start; }
#neden .manifesto-intro > * { min-width: 0; }
#neden h2 { font-size: clamp(2rem, 6.8vw, 3.2rem); line-height: 1.05; letter-spacing: -.055em; margin: 0; }
#neden h2 > span { display: block; }
#neden h2 .muted { color: #64675e; }
#neden .manifesto-intro p { font-size: .875rem; line-height: 1.7; padding: 0; color: #606359; }
#neden .manifesto-intro strong { display: inline-block; margin-top: .6rem; font-weight: 500; color: var(--color-black); }
#neden .principles { display: grid; grid-template-columns: minmax(0, 1fr); margin-top: 1.75rem; }
#neden .principles p { min-width: 0; display: grid; grid-template-columns: 1.6rem minmax(0, 1fr); gap: .75rem; padding: .75rem 0; font-size: clamp(1.05rem, 4.5vw, 1.4rem); line-height: 1.15; letter-spacing: -.025em; font-weight: 600; border-top: 1px solid var(--color-line); }
#neden .principles p:last-child { border-bottom: 0; }
#neden .principles span { color: var(--color-brand); font-size: .625rem; font-weight: 500; letter-spacing: .04em; }
#urunler { padding-top: clamp(2rem, 3.2vw, 3.5rem); }
#urunler > .section-label { padding-bottom: 1.25rem; border-top: 1px solid #bcbeb3; padding-top: 1.25rem; font-size: .625rem; letter-spacing: .12em; }
#urunler > .section-heading { gap: 1rem 2rem; margin-bottom: 2rem; align-items: flex-start; }
#urunler > .section-heading > * { min-width: 0; }
#urunler > .section-heading h2 { font-size: clamp(2rem, 6.5vw, 3rem); line-height: 1.04; letter-spacing: -.05em; }
#urunler > .section-heading > p { font-size: .875rem; line-height: 1.7; }
@media (min-width: 768px) {
  #neden .manifesto-intro { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: clamp(2rem, 5vw, 5rem); align-items: end; }
  #neden h2 { font-size: clamp(2rem, 3.7vw, 4rem); }
  #neden .manifesto-intro p { padding-bottom: .15rem; }
  #neden .principles { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; margin-top: 2rem; }
  #neden .principles p { grid-template-columns: 1.3rem minmax(0, 1fr); gap: .5rem; padding: 1rem 0; font-size: clamp(.95rem, 1.85vw, 1.8rem); }
  #urunler > .section-heading { flex-direction: row; align-items: end; }
  #urunler > .section-heading h2 { font-size: clamp(2.4rem, 3.7vw, 4rem); }
}
@media (min-width: 1280px) {
  #neden .manifesto-intro { grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); }
  #neden .manifesto-intro p { font-size: 1rem; }
  #neden .principles { margin-top: 2.5rem; gap: 3rem; }
  #neden .principles p:nth-child(2) { margin-top: .6rem; }
  #neden .principles p:nth-child(3) { margin-top: 1.2rem; }
}