@media (min-width: 1440px) {
  .container { max-width: 1480px; padding-inline: 40px; }
  .hero-grid { grid-template-columns: 1fr; }
  .project-grid { grid-auto-rows: 180px; }
}

@media (max-width: 1199px) {
  .header-inner { gap: 20px; }
  .main-nav { gap: 16px; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-content h1 { font-size: 4rem; }
  .services-grid { gap: 16px; }
  .card-image { height: 165px; }
  .project-grid { grid-template-columns: repeat(4, 1fr); }
  .advantages-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: 1.2fr repeat(3, .8fr); }
  .footer-contact { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: center; gap: 15px 28px; }
  .footer-contact h3 { grid-column: 1 / -1; margin-bottom: 0; }
}

/* Kısa masaüstü ekranlarında hero içeriğini görünür tarayıcı alanına sığdırır. */
@media (min-width: 1024px) and (max-height: 800px) {
  .header-inner { min-height: 74px; }
  .logo-image { max-width: 210px; height: 44px; }
  .logo-copy strong { font-size: 1.05rem; }
  .header-actions .btn { min-height: 43px; padding-block: 9px; }
  .hero-grid { min-height: 100svh; grid-template-rows: minmax(0, 1fr) auto; padding-top: 80px; padding-bottom: 15px; }
  .hero-content { padding: 14px 0 8px; }
  .hero-content h1 { margin-bottom: 17px; font-size: clamp(3.5rem, 4.8vw, 4.65rem); line-height: 1.03; }
  .hero-subtitle { margin-bottom: 19px; font-size: .92rem; line-height: 1.55; }
  .hero-buttons { gap: 12px; }
  .hero-buttons .btn { min-height: 44px; padding: 10px 20px; }










  .hero-stats { gap: 12px; }
  .hero-stats strong { font-size: 1.4rem; line-height: 1.1; }
  .hero-stats span { font-size: .63rem; }
  .hero-stats article:not(:last-child)::after { top: 3px; height: 34px; }
}

@media (min-width: 1024px) and (max-height: 680px) {
  .header-inner { min-height: 68px; }
  .hero-grid { padding-top: 72px; padding-bottom: 11px; }
  .hero-content { padding-top: 8px; }
  .hero-content h1 { font-size: clamp(3.15rem, 4.45vw, 3.95rem); }
  .hero-subtitle { margin-bottom: 15px; font-size: .84rem; }
  .hero-buttons .btn { min-height: 41px; padding: 8px 17px; font-size: .79rem; }







  .hero-stats strong { font-size: 1.28rem; }
  .hero-stats span { font-size: .6rem; }
}

@media (max-width: 1023px) {
  .container { max-width: 960px; padding-inline: 20px; }
  .section { padding: 76px 0; }
  .site-header { background: rgba(13,13,11,.82); backdrop-filter: blur(12px); }
  .header-inner { min-height: 72px; }
  .header-actions .btn { display: none; }
  .menu-toggle { position: relative; z-index: 1002; display: flex; width: 42px; height: 42px; margin-left: auto; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border: 1px solid rgba(255,255,255,.28); border-radius: 7px; background: transparent; cursor: pointer; }
  .menu-toggle span { width: 20px; height: 2px; background: var(--white); transition: transform var(--transition), opacity var(--transition); }
  .menu-toggle.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .menu-toggle.active span:nth-child(2) { opacity: 0; }
  .menu-toggle.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .main-nav { position: fixed; z-index: 1001; top: 0; right: 0; display: flex; width: min(86vw, 360px); height: 100svh; margin: 0; padding: 105px 32px 35px; flex-direction: column; align-items: flex-start; gap: 0; overflow-y: auto; overscroll-behavior: contain; background: var(--dark); box-shadow: -20px 0 55px rgba(0,0,0,.25); transform: translateX(105%); transition: transform 320ms ease; }
  .main-nav.open { transform: none; }
  .main-nav a { width: 100%; padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.1); font-size: .9rem; }
  .main-nav a::after { display: none; }
  .menu-backdrop { position: fixed; z-index: 1000; inset: 0; display: block; visibility: hidden; background: rgba(0,0,0,.5); opacity: 0; transition: opacity var(--transition), visibility var(--transition); }
  .menu-backdrop.open { visibility: visible; opacity: 1; }
  .hero { min-height: 100svh; }
  .hero-grid { min-height: 100svh; grid-template-columns: 1fr; grid-template-rows: auto auto auto; gap: 34px; padding-top: 125px; padding-bottom: 38px; }
  .hero-content { max-width: 880px; padding: 25px 0 0; }
  .hero-content h1 { font-size: clamp(3.25rem, 8vw, 4.8rem); }

  .hero-stats { width: 100%; grid-column: auto; grid-row: auto; }
  .services-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .card-image { height: 220px; }
  .project-grid { grid-auto-rows: 175px; grid-template-columns: repeat(3, 1fr); }
  .cta-inner { align-items: flex-start; flex-direction: column; justify-content: center; gap: 25px; padding: 40px 0; }
  .timeline { gap: 14px; }
  .timeline p { font-size: .68rem; }
  .video-grid { gap: 40px; }
  .blog-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
  .blog-image { height: 200px; }
  .footer-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-brand { grid-column: span 3; }
  .footer-brand > p { max-width: 460px; }
  .footer-contact { grid-column: span 3; }
  .listing-grid { grid-template-columns: repeat(2, 1fr); }
  .contact-layout { grid-template-columns: 1fr; }
  .detail-layout { grid-template-columns: minmax(0, 1fr) 270px; gap: 25px; }
}

@media (max-width: 767px) {
  body { font-size: 14px; }
  .container { max-width: 648px; padding-inline: 14px; }
  .section { padding: 62px 0; }
  .section-heading { margin-bottom: 30px; }
  .section-heading h2 { font-size: 2rem; }
  .heading-row { align-items: flex-start; flex-direction: column; gap: 18px; }
  .heading-row .btn { width: 100%; }
  .logo-image { max-width: 175px; height: 40px; }
  .logo-copy strong { font-size: .95rem; }
  .header-actions { display: none; }
  .hero { background-position: 58% center; }
  .hero-overlay { background: linear-gradient(90deg, rgba(7,8,6,.9), rgba(7,8,6,.57)), linear-gradient(0deg, rgba(5,5,3,.86), transparent 52%); }
  .hero-grid { gap: 28px; padding-top: 105px; }
  .hero-content h1 { margin-bottom: 18px; font-size: clamp(2.55rem, 12.5vw, 3.65rem); }
  .hero-subtitle { font-size: .83rem; }
  .hero-buttons { flex-direction: column; }
  .hero-buttons .btn { width: 100%; }



  .hero-stats { grid-template-columns: repeat(2, 1fr); gap: 19px 8px; }
  .hero-stats article { padding: 0 8px; text-align: center; }
  .hero-stats article:nth-child(2)::after { display: none; }
  .hero-stats strong { font-size: 1.4rem; }
  .services-grid { grid-template-columns: 1fr; }
  .card-image { height: 220px; }
  .service-body p { min-height: 0; }
  .projects { padding-top: 62px; }
  .project-grid { display: grid; grid-auto-rows: 215px; grid-template-columns: 1fr; }
  .project-item.project-tall, .project-item.project-wide { grid-row: auto; grid-column: auto; }
  .project-overlay { opacity: 1; background: linear-gradient(0deg, rgba(8,8,6,.88), transparent 72%); }
  .project-extra { display: none; }
  .project-grid.show-all .project-extra { display: block; }
  .cta-inner h2 { font-size: 2rem; }
  .cta-buttons { width: 100%; flex-direction: column; }
  .cta-buttons .btn { width: 100%; justify-content: center; }
  .advantages { padding-top: 40px; }
  .advantages-grid { grid-template-columns: repeat(2, 1fr); }
  .advantage-card { padding: 22px 10px; }
  .timeline { grid-template-columns: 1fr; gap: 0; }
  .timeline::before { top: 35px; bottom: 35px; left: 35px; width: 1px; height: auto; border-top: 0; border-left: 1px dashed #b9a484; }
  .timeline article { display: grid; grid-template-columns: 72px 1fr; align-items: center; gap: 20px; padding: 0 0 27px; text-align: left; }
  .step-icon { margin: 0; }
  .timeline h3 { margin-bottom: 5px; }
  .timeline p { max-width: none; margin: 0; font-size: .72rem; }
  .video-grid { grid-template-columns: 1fr; gap: 22px; padding: 45px 0; text-align: center; }
  .video-grid .play-button { grid-row: 1; margin: 0 auto; }
  .video-grid ul { justify-self: center; text-align: left; }
  .blog-grid { grid-template-columns: 1fr; gap: 20px; }
  .blog-image { height: 230px; }
  .blog-body > p:not(.blog-meta) { min-height: 0; }
  .footer-grid { grid-template-columns: 1fr; gap: 30px; padding-top: 45px; }
  .footer-brand, .footer-contact { grid-column: auto; }
  .footer-contact { display: block; }
  .footer-bottom .container { padding: 18px 0; align-items: flex-start; flex-direction: column; }
  .footer-bottom div div { flex-wrap: wrap; gap: 8px 16px; }
  .inner-hero { padding: 125px 0 55px; }
  .listing-grid { grid-template-columns: 1fr; }
  .contact-intro { padding: 28px 22px; }
  .contact-panel { grid-template-columns: 1fr; }
  .contact-card { min-height: 0; padding: 25px 22px; }
  .contact-actions { flex-direction: column; }
  .contact-actions .btn { width: 100%; }
  .listing-card > img { height: 230px; }
  .detail-layout { grid-template-columns: 1fr; }
  .detail-main { padding: 18px; }
  .detail-aside { position: static; }
  .detail-gallery { grid-template-columns: repeat(2, 1fr); }
  .detail-gallery img { height: 145px; }
  .floating-phone { right: 14px; bottom: 34px; width: 52px; height: 52px; justify-content: center; padding: 0; }
  .floating-phone span, .floating-phone:hover span { display: none; }
  .modal { width: 100%; max-width: 100vw; padding: 14px; overflow: hidden; }
  .modal-close { top: 10px; right: 10px; border-color: rgba(255,255,255,.8); background: rgba(0,0,0,.45); }
  .lightbox-arrow { top: auto; bottom: 17px; transform: none; }
  .lightbox-arrow.prev { left: 15px; }.lightbox-arrow.next { right: 15px; }
  .lightbox-content { width: 100%; max-width: 100%; }
  .video-modal-content { width: 100%; max-width: 100%; }
  .lightbox-content figure img { height: 73vh; }
  .lightbox-content figcaption { padding-right: 70px; padding-left: 70px; text-align: center; }

}

@media (max-width: 420px) {
  .advantages-grid { grid-template-columns: 1fr; }

  .hero-stats strong { font-size: 1.18rem; }
  .hero-stats span { font-size: .6rem; }
  .lightbox-content figcaption { padding-right: 62px; padding-left: 62px; }
}