/* ==========================================================================
   MOLLAOĞLU GRUP — Responsive
   ≥1920 wide · ≤1439 laptop-L · ≤1279 laptop · ≤1023 tablet-L
   ≤767 tablet/mobile · ≤413 mobile-M · ≤374 mobile-S (320)
   ========================================================================== */

@media (min-width: 1920px) {
  :root { --content-max: 1440px; }
}

@media (max-width: 1439.98px) {
  :root { --margin: 64px; }
  .primary-nav__link { letter-spacing: .1em; padding-inline: var(--s-3); }
  .brand__logo { height: 74px; }
}

@media (max-width: 1279.98px) {
  :root { --section-y: var(--s-10); --gutter: 24px; }

  .mega__grid { grid-template-columns: 4fr 5fr; }
  .mega__media { display: none; }
  .header-phone span { display: none; }

  .timeline { grid-template-columns: repeat(3, 1fr); row-gap: var(--s-9); }
  .tl-item:nth-child(even) { margin-top: 0; }
  .tl-item:nth-child(n+5)::before { display: none; }

  .hero-g__content { grid-template-columns: minmax(0, 1fr); align-content: end; gap: var(--s-6); }
  .hero-g__captions { width: min(420px, 100%); }
}

/* Navigation switches to mobile below 1024 */
@media (max-width: 1023.98px) {
  :root { --margin: 40px; --header-h: 96px; }
  .brand__logo { height: 80px; }
  .hero-g__content {
    align-content: center;
    padding-top: calc(var(--header-h) + var(--s-4));
    padding-bottom: var(--s-8);
  }
  .about-lead, .about-body { grid-template-columns: 1fr; }
  .about-body .prose { grid-column: auto; }

  .primary-nav, .header-phone, .header-actions .btn-m { display: none; }
  .burger { display: inline-flex; }
  .action-bar { display: grid; }
  body.has-action-bar { padding-bottom: 64px; }
  body.has-action-bar .cookie-bar { bottom: calc(64px + var(--s-4)); }
  .cookie-bar { flex-direction: column; align-items: stretch; left: var(--s-4); right: var(--s-4); }
  .menu-open .action-bar { transform: translateY(100%); }
  .sticky-cta { display: none; }

  /* Hero */
  .hero-g__shade {
    background:
      linear-gradient(0deg, rgba(14, 13, 11, .96) 0%, rgba(14, 13, 11, .6) 45%, rgba(14, 13, 11, .25) 75%, rgba(14, 13, 11, .55) 100%);
  }

  .page-hero--split .page-hero__media { left: 0; clip-path: none; opacity: .4; }
  .page-hero--split .page-hero__media::after { background: linear-gradient(0deg, var(--ink-950) 0%, rgba(14, 13, 11, .4) 100%); }

  /* Sections */
  .sectors__head { flex-direction: column; align-items: flex-start; }
  .sectors__panels { flex-direction: column; height: auto; gap: 2px; }
  .sector { min-height: 440px; flex: none; }

  .portfolio__stagger { margin-top: 0; }

  .legacy__figures { margin-top: var(--s-10); }

  .pledge__mark { width: 90%; right: -30%; }
  .stair > *, .pledge__steps > * { margin-top: 0 !important; }
  .stair > * + *, .pledge__steps > * + * { margin-top: var(--s-7) !important; }

  .gs__branches::before, .gs-node::before { display: none; }
  .gs__branches > * + * { margin-top: var(--s-7); }

  .data-strip { grid-template-columns: repeat(2, 1fr); }
  .data-strip > div:nth-child(3) { border-left: 0; }
  .data-strip > div:nth-child(n+3) { border-top: 1px solid var(--line-light); }
  .bg-ink .data-strip > div:nth-child(n+3) { border-top-color: var(--line-dark); }

  .chapters__year { display: none; }
  .chapter__year { display: block; font-size: clamp(3.25rem, 12vw, 5rem); }
  .chapter__year.is-soft { font-size: clamp(2rem, 8vw, 3rem); letter-spacing: -.03em; }
  .chapter__meta span:first-child { display: none; }
  .value-chapter__head { position: static; margin-bottom: var(--s-5); }
  .value-chapter .col-lg-7 { display: flex; flex-direction: column; }
  .value-chapter .t-lead { order: 1; }
  .value-chapter .media { order: 2; margin-top: var(--s-6); margin-bottom: 0; }
  .value-chapter .c-gold,
  .value-chapter .behaviours { order: 3; }

  .z-row + .z-row { margin-top: var(--s-10); }

  .paths-h { grid-template-columns: 1fr; }
  .paths-h a { min-height: 0; gap: var(--s-5); padding: var(--s-6) 0; }
  .paths-h a + a { padding-left: 0; border-left: 0; }

  .contact-sticky, .legal-toc { position: static; }
  .legal-toc { margin-bottom: var(--s-7); }

  .archive-grid .archive-item,
  .archive-grid:not(.is-filtered) .archive-item:nth-child(n) { grid-column: span 6; margin-top: 0; }
  .archive-grid:not(.is-filtered) .archive-item:nth-child(even) { margin-top: var(--s-9); }
}

@media (max-width: 991.98px) {
  .legacy__archive { margin-top: var(--s-7); margin-bottom: var(--s-8); }
  .portrait--offset { margin-top: var(--s-7); }
}

@media (max-width: 767.98px) {
  :root {
    --margin: 24px; --gutter: 16px; --section-y: var(--s-9);
    --fs-body: 1.0625rem; --fs-eyebrow: .6875rem;
  }

  .section--breath { padding-block: var(--s-10); }
  .section-head { margin-bottom: var(--s-7); }

  .hero-g { min-height: max(600px, 100svh); }
  body[data-page="home"],
  body[data-page="about"],
  body[data-page="history"],
  body[data-page="values"],
  body[data-page="career"],
  body[data-page="contact"],
  body[data-page="construction"],
  body[data-page="automotive"],
  body[data-page="tourism"] { --section-y: 72px; }
  body[data-page="home"] .section--breath,
  body[data-page="about"] .section--breath,
  body[data-page="history"] .section--breath,
  body[data-page="construction"] .section--breath,
  body[data-page="automotive"] .section--breath,
  body[data-page="tourism"] .section--breath { padding-block: 96px; }
  .hero-g__title { margin-top: var(--s-5); }
  .hero-g__caption { font-size: 1rem; }
  .hero-g__tab { flex-direction: column; gap: var(--s-1); padding: var(--s-4) var(--s-2) var(--s-5) 0; }
  .hero-g__tab + .hero-g__tab { padding-left: var(--s-3); }
  .hero-g__tab + .hero-g__tab .hero-g__bar { left: var(--s-3); }
  .hero-g__bar { right: var(--s-2); }
  .hero-g__label { font-size: .875rem; }

  .page-hero { padding: calc(var(--header-h) + var(--s-9)) 0 var(--s-8); }
  .page-hero--image { min-height: max(560px, 86vh); }
  .page-hero--split { min-height: 0; }

  .sector { min-height: 380px; }
  .sector__body { padding: var(--s-6) var(--s-5); }

  .archive-row { grid-template-columns: 1fr 24px; gap: var(--s-2) var(--s-4); }
  .archive-row__name { grid-column: 1; }
  .archive-row__meta { grid-column: 1; grid-row: 2; }
  .archive-row__meta + .archive-row__meta { grid-row: 3; }
  .archive-row .bi { grid-column: 2; grid-row: 1 / span 3; }
  .cursor-preview { display: none; }

  .map-frame { padding: var(--s-3); }
  .map .pin text, .map .hq text { font-size: 13px; }

  .timeline { grid-template-columns: 1fr; padding-top: 0; padding-left: var(--s-7); row-gap: var(--s-8); }
  .timeline__line { top: 0; bottom: 0; left: 5px; right: auto; width: 1px; height: auto; }
  .timeline__line::after { transform: scaleY(0); transform-origin: top; }
  .timeline.is-in .timeline__line::after { transform: scaleY(1); }
  .tl-item::before, .tl-item:nth-child(n+5)::before { display: block; top: 6px; left: calc(var(--s-7) * -1); }
  .tl-item .media { max-width: 320px; aspect-ratio: 4 / 3; }

  .pledge__statement { margin-bottom: var(--s-8); }

  .contact-block { padding: var(--s-6) var(--s-5); }

  .data-strip > div { padding: var(--s-6) var(--s-4); }

  .link-tile { min-height: 360px; padding: var(--s-6) var(--s-5); }

  .words { justify-content: flex-start; gap: var(--s-4); }

  .filter-bar__inner { flex-direction: column; flex-wrap: nowrap; align-items: stretch; }
  .filter-bar__group { flex-direction: column; flex-wrap: nowrap !important; align-items: flex-start !important; min-width: 0; }
  .filter-bar .chips { flex-wrap: nowrap; overflow-x: auto; min-width: 0; max-width: calc(100% + var(--margin) * 2); align-self: stretch; scrollbar-width: none; margin-inline: calc(var(--margin) * -1); padding-inline: var(--margin); }
  .filter-bar .chips::-webkit-scrollbar { display: none; }
  .chip { flex: none; }
  .view-toggle { align-self: flex-start; }

  .project-row { padding-block: var(--s-8); }

  .archive-grid { row-gap: var(--s-8); }
  .archive-grid .archive-item,
  .archive-grid:not(.is-filtered) .archive-item:nth-child(n) { grid-column: 1 / -1; margin-top: 0; }

  .spec-strip { grid-template-columns: repeat(2, 1fr); }
  .spec-strip > div { padding: var(--s-5) var(--s-3) var(--s-5) 0; }
  .spec-strip > div + div { padding-left: 0; border-left: 0; }
  .spec-strip > div:nth-child(even) { padding-left: var(--s-4); border-left: 1px solid var(--line-dark); }
  .spec-strip > div:nth-child(n+3) { border-top: 1px solid var(--line-dark); }

  .gallery-swiper .swiper-slide { width: 78vw; }

  .lightbox__top, .lightbox__bottom { padding: var(--s-4) var(--margin); }
  .lightbox__stage { padding: 0; }

  .footer-bottom { flex-direction: column; align-items: flex-start; }
  .site-footer { padding-top: var(--s-9); }
  .footer-col { margin-top: var(--s-7); }

  .mobile-menu__toggle, .mobile-menu__top { font-size: 1.75rem; }
}

@media (max-width: 413.98px) {
  :root { --margin: 20px; }

  .btn-group-m { flex-direction: column; align-items: stretch; }
  .btn-group-m .btn-m { width: 100%; }
  .btn-m { max-width: 100%; white-space: normal; text-align: left; }

  .legal th, .legal td { padding-right: var(--s-3); font-size: .875rem; overflow-wrap: anywhere; }

  .data-strip { grid-template-columns: 1fr; }
  .data-strip > div + div { border-left: 0; border-top: 1px solid var(--line-light); }

  .brand__logo { height: 80px; }

  .proj-card__title { font-size: 1.5rem; }
  .contact-card a, .contact-card address { font-size: 1.1875rem; }
}

@media (max-width: 374.98px) {
  :root { --margin: 16px; --fs-h1: 2.25rem; --fs-h2: 1.75rem; --fs-display: 4.5rem; }

  .hero-g__label { font-size: .8125rem; }
  .pledge__statement { font-size: 2.375rem; }
  .spec-strip { grid-template-columns: 1fr; }
  .spec-strip > div:nth-child(even) { padding-left: 0; border-left: 0; }
  .spec-strip > div + div { border-top: 1px solid var(--line-dark); }
  .field input, .field select { height: 52px; }
}

@media (hover: none) {
  .sector:hover .sector__media img, .sector:focus-within .sector__media img { transform: none; filter: none; }
}