.why-page{background:#fff;color:#212121}.why-shell{width:min(100% - 40px,1600px);margin:0 auto}.why-hero{background:linear-gradient(rgba(50,62,51,.2),rgba(50,62,51,.2)),url('/assets/images/shared/breadcrumb.jpg') top center/cover no-repeat;padding:140px 0}.why-hero__inner{width:min(100% - 40px,1170px);display:flex;align-items:center;justify-content:space-between;gap:30px}.why-hero h1{margin:0;color:#fff;font-family:var(--gespant-font-alt);font-size:18px;font-weight:200;line-height:1.3;letter-spacing:3.5px;text-transform:uppercase}.why-breadcrumb{display:flex;align-items:center;gap:10px;font-family:var(--gespant-font-body);font-size:14px;line-height:1.5}.why-breadcrumb a,.why-breadcrumb span{color:#fff;text-decoration:none}.why-breadcrumb svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:1.8}.why-intro{padding:80px 0 0}.why-intro__grid{display:grid;grid-template-columns:51fr 49fr;align-items:center}.why-intro__copy{margin-left:60px;padding-right:55px}.why-intro h2{margin:0 0 24px;font-family:var(--gespant-font-alt);font-size:30px;font-weight:200;line-height:1.1;letter-spacing:6px;text-transform:capitalize}.why-intro__text{font-family:var(--gespant-font-body);font-size:14px;font-weight:400;line-height:2;color:#636262}.why-intro__text p{margin:0 0 18px}.why-intro__text strong{font-weight:500;color:#323e33}.why-intro__text b{font-weight:500;color:#212121}.why-button{display:inline-flex;margin-top:2px;padding:10px;border:2px solid #323e33;color:#323e33;background:transparent;font-family:var(--gespant-font-body);font-size:11px;font-weight:700;line-height:1;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;transition:background-color .4s,color .4s}.why-button:hover,.why-button:focus-visible{background:#323e33;color:#fff}.why-intro__media img{display:block;width:100%;height:auto}.why-reasons{padding:0 0 100px}.why-reasons__list{padding-left:60px;padding-right:60px}.why-reason{margin-bottom:40px}.why-reason:last-child{margin-bottom:0}.why-reason h3{margin:0 0 12px;font-family:var(--gespant-font-heading);font-size:18px;font-weight:600;line-height:1.5;letter-spacing:1px}.why-reason p{margin:0;font-family:var(--gespant-font-body);font-size:14px;font-weight:400;line-height:2;color:#666}.why-reason strong{font-weight:500;color:#212121}
@media(max-width:1024px){.why-hero{padding:100px 10px}.why-intro{padding:40px 10px 60px}.why-intro__grid{grid-template-columns:1fr}.why-intro__copy{margin:30px 0 0;padding:0;order:1}.why-intro__media{order:2;margin-top:30px}.why-reasons{padding:40px 10px 60px}.why-reasons__list{padding:0}}
@media(max-width:767px){.why-shell{width:min(100% - 20px,1600px)}.why-hero{padding:60px 10px}.why-hero__inner{flex-direction:column;justify-content:center}.why-hero h1{font-size:24px}.why-intro{padding:0 10px 50px}.why-intro h2{font-size:32px;line-height:1.3}.why-intro__text,.why-reason p{font-size:14px}.why-button{font-size:12px;padding:15px 30px}.why-reasons{padding:0 10px 50px}}

/* 156O: Neden Gespant — dar ekranlarda tutarlı konteynir ve bolum araliklari. */
@media (max-width: 767px) {
  .why-hero__inner { width: 100%; gap: 12px; min-width: 0; }
  .why-hero h1 { font-size: 20px; letter-spacing: 2px; text-align: center; overflow-wrap: anywhere; }
  .why-breadcrumb { justify-content: center; flex-wrap: wrap; min-width: 0; font-size: 12px; gap: 6px; overflow-wrap: anywhere; }
  .why-intro { padding: 0 0 32px; }
  .why-intro__copy { margin-top: 24px; min-width: 0; }
  .why-intro h2 { font-size: clamp(24px, 6vw, 30px); letter-spacing: 2px; line-height: 1.25; overflow-wrap: anywhere; }
  .why-intro__text { line-height: 1.8; overflow-wrap: anywhere; }
  .why-intro__media { margin-top: 24px; }
  .why-reasons { padding: 0 0 48px; }
  .why-reasons__list { min-width: 0; }
  .why-reason { margin-bottom: 28px; }
  .why-reason h3 { overflow-wrap: anywhere; }
  .why-reason p { line-height: 1.8; overflow-wrap: anywhere; }
}