/* Astra mockup reconstruction: Home, About and Services */
.brand-labirent {
  --shell: min(1296px, calc(100vw - 136px));
  --paper: #f6f5ef;
  --ink: #17191c;
  --accent: #b21d27;
}
.brand-labirent .site-header__inner { min-height: 110px; }
.brand-labirent .brand-lockup { width: 300px; }
.brand-labirent .site-nav a { font-size: 20px; font-weight: 400; }
.brand-labirent .hero__grid { min-height: 768px; grid-template-columns: 52% 48%; }
.brand-labirent .hero__copy { padding-right: 28px; }
.brand-labirent .hero__copy h1 { max-width: none; font-size: 88px; line-height: 1.03; letter-spacing: -.045em; }
.brand-labirent .hero__lead { font-size: 36px; line-height: 1.25; letter-spacing: -.025em; }
.brand-labirent .hero__art { min-height: 660px; padding: 38px 0 18px; }
.brand-labirent .hero__art img { width: 100%; height: 100%; object-fit: contain; }
.brand-labirent .eyebrow { font-size: 14px; line-height: 1.3; letter-spacing: .15em; }
.brand-labirent .button { font-size: 20px; font-weight: 500; }
.brand-labirent .hero-index--three { grid-template-columns: repeat(3, 1fr); }
.brand-labirent .hero-index--three span { padding: 24px 22px; }
.brand-labirent .services { padding-block: 66px; }
.brand-labirent .services .section-heading { grid-template-columns: 72% 28%; gap: 38px; }
.brand-labirent .services h2 { font-size: 60px; line-height: 1.08; letter-spacing: -.045em; }
.brand-labirent .service-row { min-height: 134px; grid-template-columns: 86px 1fr 1fr 36px; }
.brand-labirent .service-row h3 { font-size: 32px; line-height: 1.15; letter-spacing: -.03em; }
.brand-labirent .service-row p { font-size: 20px; line-height: 1.4; letter-spacing: -.01em; }
.brand-labirent .dark-band { background: #19191a url("../images/astra-final/dark-map.png") center / cover no-repeat; }
.brand-labirent .dark-band::before { background: linear-gradient(90deg, rgba(25,25,26,.94) 0 34%, rgba(25,25,26,.38) 62%, rgba(25,25,26,.12)); }
.brand-labirent .dark-band__grid { display: block; min-height: 484px; padding-block: 76px; }
.brand-labirent .dark-band__grid > div:first-child { position: relative; z-index: 2; max-width: 570px; }
.brand-labirent .dark-band__grid > div:nth-child(2) { position: relative; z-index: 2; max-width: 520px; }
.brand-labirent .dark-band h2 { font-size: 64px; line-height: 1.08; letter-spacing: -.035em; }
.brand-labirent .dark-band__aside { position: absolute; right: 0; top: 72px; max-width: 260px; }
.brand-labirent .work-fields { padding-block: 60px; }
.brand-labirent .work-fields .section-heading { grid-template-columns: 68% 32%; gap: 44px; }
.brand-labirent .work-fields h2 { font-size: 60px; line-height: 1.08; letter-spacing: -.045em; }
.brand-labirent .feature-grid { gap: 32px; }
.brand-labirent .feature-card { position: relative; }
.brand-labirent .feature-card__art { min-height: 280px; background: #f9f8f3; }
.brand-labirent .feature-card__art::before { position: absolute; z-index: 2; left: 16px; top: 12px; color: #555; font-size: 12px; content: "Gerçek proje görselleri eklenecek"; }
.brand-labirent .feature-card__art img { object-fit: contain; }
.brand-labirent .process-strip { border-top: 1px solid var(--line); padding: 34px 0; }
.brand-labirent .process-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.brand-labirent .process-item { min-height: 120px; border-right: 1px solid var(--line); padding: 8px 36px; }
.brand-labirent .process-item:first-child { padding-left: 0; }
.brand-labirent .process-item:last-child { border-right: 0; }
.brand-labirent .process-number { color: var(--accent); font-size: 16px; }
.brand-labirent .process-item h3 { margin: 3px 0 8px; font-size: 22px; }
.brand-labirent .process-item p { margin: 0; font-size: 16px; line-height: 1.35; }
.brand-labirent .contact-band--labirent { background: var(--paper); color: var(--ink); }
.brand-labirent .contact-band--labirent .contact-band__inner { min-height: 208px; }
.brand-labirent .contact-band--labirent h2 { font-size: 52px; line-height: 1.08; }
.brand-labirent .site-footer__inner { min-height: 110px; }
.brand-labirent .site-footer__legal { padding-block: 10px 14px; }

.brand-labirent.page-about,
.brand-labirent.page-services { --shell: min(1296px, calc(100vw - 136px)); }
.brand-labirent.page-about .site-header__inner { min-height: 111px; }
.brand-labirent.page-services .site-header__inner { min-height: 100px; }
.brand-labirent.page-about .header-contact,
.brand-labirent.page-services .header-contact { display: none; }
.brand-labirent .page-hero__grid { grid-template-columns: 46% 54%; }
.brand-labirent .page-hero__visual { min-height: 0; }
.brand-labirent .page-hero__visual img { width: 100%; height: auto; object-fit: contain; }
.brand-labirent.page-about .page-hero__grid { min-height: 657px; }
.brand-labirent.page-services .page-hero__grid { min-height: 444px; }
.brand-labirent.page-about .page-hero__copy h1,
.brand-labirent.page-services .page-hero__copy h1 { font-size: 104px; line-height: 1.02; letter-spacing: -.045em; }
.brand-labirent .page-hero__copy .lead-copy { font-size: 36px; line-height: 1.25; letter-spacing: -.025em; }
.brand-labirent .about-intro { display: grid; grid-template-columns: 60% 40%; gap: 54px; align-items: end; margin-bottom: 52px; }
.brand-labirent .about-intro h2 { font-size: 60px; line-height: 1.07; letter-spacing: -.045em; }
.brand-labirent .about-intro p { font-size: 22px; }
.brand-labirent .about-article { font-size: 30px; line-height: 1.3; letter-spacing: -.025em; }
.brand-labirent .about-article p { margin: 0; border-top: 1px solid var(--line); padding: 28px 0; }
.brand-labirent .about-article .signature { font-size: 22px; }
.brand-labirent.page-services .catalog-grid { gap: 64px; }
.brand-labirent.page-services .catalog-group + .catalog-group { padding-left: 64px; }
.brand-labirent.page-services .catalog-group h2 { font-size: 43px; line-height: 1.08; letter-spacing: -.04em; }
.brand-labirent.page-services .catalog-list { font-size: 20px; line-height: 1.3; letter-spacing: -.02em; }
.brand-labirent.page-services .catalog-list li { min-height: 52px; grid-template-columns: 1fr; }
.brand-labirent .inner-visual-band { padding: 26px 0 46px; }
.brand-labirent .inner-visual-band img { width: min(100%, 920px); height: auto; margin: 0 auto; object-fit: contain; }
.brand-labirent .inner-visual-band h2 { max-width: 620px; margin: 20px 0 0; font-size: 26px; letter-spacing: .12em; text-transform: uppercase; }

@media (max-width: 767px) {
  .brand-labirent,
  .brand-labirent.page-about { --shell: calc(100vw - 56px); }
  .brand-labirent.page-services { --shell: calc(100vw - 48px); }
  .brand-labirent .site-header__inner { min-height: 84px; }
  .brand-labirent.page-about .site-header__inner { min-height: 79px; }
  .brand-labirent.page-services .site-header__inner { min-height: 53px; }
  .brand-labirent .brand-lockup { width: 178px; }
  .brand-labirent .hero__grid { min-height: 0; grid-template-columns: 1fr; }
  .brand-labirent .hero__copy { padding-block: 38px 18px; }
  .brand-labirent .hero__copy h1 { font-size: 44px; line-height: 1.02; }
  .brand-labirent .hero__lead { font-size: 19px; line-height: 1.3; }
  .brand-labirent .hero__art { min-height: 0; padding: 0; }
  .brand-labirent .hero__art img { position: static; height: auto; }
  .brand-labirent .eyebrow { font-size: 11px; letter-spacing: .12em; }
  .brand-labirent .button { font-size: 17px; }
  .brand-labirent .hero-index--three { grid-template-columns: 1fr; }
  .brand-labirent .hero-index--three span { padding: 14px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .brand-labirent .services { padding-block: 42px; }
  .brand-labirent .services .section-heading { grid-template-columns: 1fr; }
  .brand-labirent .services h2 { font-size: 33px; line-height: 1.07; }
  .brand-labirent .services .section-heading > p { display: none; }
  .brand-labirent .service-row { min-height: 0; grid-template-columns: 1fr 30px; grid-template-rows: auto auto auto; gap: 6px 12px; padding: 18px 0; }
  .brand-labirent .service-row > span { grid-column: 1; grid-row: 1; font-size: 18px; }
  .brand-labirent .service-row h3 { grid-column: 1; grid-row: 2; font-size: 21px; }
  .brand-labirent .service-row p { grid-column: 1; grid-row: 3; font-size: 17px; }
  .brand-labirent .service-row a { grid-column: 2; grid-row: 1 / 3; align-self: center; }
  .brand-labirent .dark-band__grid { min-height: 280px; padding-block: 36px; }
  .brand-labirent .dark-band h2 { font-size: 36px; }
  .brand-labirent .dark-band__grid > div:nth-child(2) { font-size: 14px; }
  .brand-labirent .dark-band__aside { display: none; }
  .brand-labirent .work-fields { padding-block: 36px; }
  .brand-labirent .work-fields .section-heading { grid-template-columns: 1fr; }
  .brand-labirent .work-fields h2 { font-size: 33px; }
  .brand-labirent .work-fields .section-heading > p { font-size: 16px; }
  .brand-labirent .feature-card__art { min-height: 0; aspect-ratio: 2 / 1; }
  .brand-labirent .process-grid { grid-template-columns: 1fr; }
  .brand-labirent .process-item,
  .brand-labirent .process-item:first-child { min-height: 80px; border-right: 0; border-bottom: 1px solid var(--line); padding: 14px 0; }
  .brand-labirent .process-item p { display: none; }
  .brand-labirent .contact-band--labirent h2 { font-size: 32px; }
  .brand-labirent .page-hero__grid { min-height: 0; grid-template-columns: 1fr; }
  .brand-labirent .page-hero__visual { min-height: 0; margin-inline: 0; }
  .brand-labirent.page-about .page-hero__copy h1 { font-size: 56px; }
  .brand-labirent.page-services .page-hero__copy h1 { font-size: 43px; }
  .brand-labirent .page-hero__copy .lead-copy { font-size: 20px; }
  .brand-labirent .about-intro { grid-template-columns: 1fr; gap: 20px; }
  .brand-labirent .about-intro h2 { font-size: 36px; }
  .brand-labirent .about-article { font-size: 18px; line-height: 1.35; letter-spacing: -.01em; }
  .brand-labirent.page-services .catalog-grid { gap: 32px; }
  .brand-labirent.page-services .catalog-group + .catalog-group { padding-left: 0; }
  .brand-labirent.page-services .catalog-group h2 { font-size: 25px; }
  .brand-labirent.page-services .catalog-list { font-size: 16px; }
  .brand-labirent .inner-visual-band h2 { font-size: 18px; }
}

/* Remaining Labirent pages — target geometry supplied by the mockup session. */
.brand-labirent.page-home .site-header__inner { min-height: 110px; }
.brand-labirent.page-home .hero { height: 768px; }
.brand-labirent.page-home .hero__grid { height: 768px; min-height: 768px; }
.brand-labirent.page-home .hero-index-band { height: 98px; }
.brand-labirent.page-home .hero-index { height: 98px; align-items: center; }
.brand-labirent.page-home .services { height: 528px; padding: 66px 0; }
.brand-labirent.page-home .dark-band,
.brand-labirent.page-home .dark-band__grid { height: 484px; min-height: 484px; }
.brand-labirent.page-home .work-fields { height: 572px; padding: 60px 0; }
.brand-labirent.page-home .process-strip { height: 244px; padding: 34px 0; }
.brand-labirent.page-home .site-footer__inner { min-height: 134px; }
.brand-labirent.page-home .site-footer__legal { display: none; }

.brand-labirent.page-contact {
  --shell: min(1323px, calc(100vw - 122px));
}
.brand-labirent.page-contact .site-header__inner { min-height: 95px; }
.brand-labirent.page-contact .brand-lockup { width: 267px; }
.brand-labirent.page-contact .page-hero,
.brand-labirent.page-contact .page-hero__grid { height: 426px; min-height: 426px; }
.brand-labirent.page-contact .page-hero__grid { grid-template-columns: 45% 55%; overflow: hidden; }
.brand-labirent.page-contact .page-hero__copy { padding: 70px 24px 40px 0; }
.brand-labirent.page-contact .page-hero__copy h1 { font-size: 132px; line-height: 1; }
.brand-labirent.page-contact .page-hero__copy .lead-copy { font-size: 38px; line-height: 44px; }
.brand-labirent.page-contact .page-hero__copy > p:last-child { font-size: 29px; line-height: 39px; }
.brand-labirent.page-contact .page-hero__visual { height: 426px; min-height: 426px; }
.brand-labirent.page-contact .page-hero__visual img { width: 681px; height: 388px; object-fit: contain; }
.brand-labirent.page-contact .inner-section { height: 483px; padding: 38px 0 33px; }
.brand-labirent.page-contact .contact-layout {
  position: relative;
  height: 412px;
  grid-template-columns: 529px 688px;
  gap: 106px;
}
.brand-labirent.page-contact .contact-layout::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 557px;
  width: 1px;
  background: var(--line);
  content: "";
}
.brand-labirent.page-contact .contact-layout h2 { font-size: 58px; line-height: 1; }
.brand-labirent.page-contact .contact-list li { min-height: 84px; grid-template-columns: 61px 1fr; gap: 12px; font-size: 24px; line-height: 30px; }
.brand-labirent.page-contact .contact-list svg { width: 61px; height: 61px; }
.brand-labirent.page-contact .contact-form {
  display: grid;
  grid-template-columns: 127px 1fr;
  align-content: start;
  gap: 12px 35px;
}
.brand-labirent.page-contact .contact-form > .eyebrow { grid-column: 1 / -1; margin: 0 0 8px; }
.brand-labirent.page-contact .form-field {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: 127px 1fr;
  align-items: center;
  gap: 35px;
}
.brand-labirent.page-contact .form-field label { font-size: 22px; font-weight: 400; }
.brand-labirent.page-contact .form-field input { height: 42px; padding: 8px 12px; }
.brand-labirent.page-contact .form-field textarea { height: 105px; padding: 10px 12px; }
.brand-labirent.page-contact .contact-form .button { grid-column: 2; min-width: 233px; min-height: 57px; justify-self: start; }
.brand-labirent.page-contact .inner-dark,
.brand-labirent.page-contact .inner-dark__grid { height: 269px; min-height: 269px; }
.brand-labirent.page-contact .inner-dark__grid { padding: 36px 0; }
.brand-labirent.page-contact .inner-dark h2 { font-size: 64px; line-height: 57px; }
.brand-labirent.page-contact .inner-dark h2 { margin: 12px 0 10px; }
.brand-labirent.page-contact .inner-dark__description { max-width: 520px; margin: 0; color: #fff; font-size: 22px; line-height: 32px; }
.brand-labirent.page-contact .site-footer__inner { min-height: 119px; }
.brand-labirent.page-contact .site-footer__legal { display: none; }

@media (max-width: 767px) {
  .brand-labirent.page-home .site-header__inner { min-height: 84px; }
  .brand-labirent.page-home .hero { height: 611px; }
  .brand-labirent.page-home .hero__grid { position: relative; display: block; height: 611px; min-height: 611px; }
  .brand-labirent.page-home .hero__copy { height: 294px; padding: 38px 0 18px; }
  .brand-labirent.page-home .hero__art { height: 317px; min-height: 317px; padding: 0; }
  .brand-labirent.page-home .hero-index-band,
  .brand-labirent.page-home .hero-index { height: 124px; }
  .brand-labirent.page-home .hero-index--three span { height: 41px; padding: 10px 0; }
  .brand-labirent.page-home .services { height: 441px; padding: 42px 0 22px; overflow: hidden; }
  .brand-labirent.page-home .services .section-heading { height: 128px; }
  .brand-labirent.page-home .service-row { height: 134px; padding: 16px 0; }
  .brand-labirent.page-home .dark-band,
  .brand-labirent.page-home .dark-band__grid { height: 280px; min-height: 280px; }
  .brand-labirent.page-home .work-fields { height: 550px; padding: 34px 0; overflow: hidden; }
  .brand-labirent.page-home .work-fields .section-heading { height: 74px; }
  .brand-labirent.page-home .feature-grid { gap: 12px; }
  .brand-labirent.page-home .feature-card { height: 202px; }
  .brand-labirent.page-home .feature-card__art { height: 142px; aspect-ratio: auto; }
  .brand-labirent.page-home .feature-card a { min-height: 60px; }
  .brand-labirent.page-home .process-strip { height: 280px; padding: 20px 0; overflow: hidden; }
  .brand-labirent.page-home .process-item,
  .brand-labirent.page-home .process-item:first-child { height: 76px; min-height: 0; padding: 10px 0; }
  .brand-labirent.page-home .site-footer__inner { min-height: 153px; padding: 20px 0; }
  .brand-labirent.page-home .site-footer__inner,
  .brand-labirent.page-contact .site-footer__inner {
    display: grid;
    grid-template-areas: "logo motto" "nav motto";
    grid-template-columns: 1fr auto;
    gap: 8px 14px;
  }
  .brand-labirent.page-home .site-footer__inner > .brand-lockup,
  .brand-labirent.page-contact .site-footer__inner > .brand-lockup { grid-area: logo; }
  .brand-labirent.page-home .site-footer__inner > nav,
  .brand-labirent.page-contact .site-footer__inner > nav { grid-area: nav; justify-self: start; }
  .brand-labirent.page-home .site-footer__tagline,
  .brand-labirent.page-contact .site-footer__tagline { grid-area: motto; align-self: center; margin: 0; font-size: 10px; line-height: 13px; }
  .brand-labirent.page-home .footer-nav,
  .brand-labirent.page-contact .footer-nav { flex-wrap: nowrap; gap: 14px; font-size: 10px; }

  .brand-labirent.page-contact {
    --shell: calc(100vw - 46px);
  }
  .brand-labirent.page-contact .site-header__inner { min-height: 60px; }
  .brand-labirent.page-contact .brand-lockup { width: 151px; }
  .brand-labirent.page-contact .page-hero,
  .brand-labirent.page-contact .page-hero__grid { height: 324px; min-height: 324px; }
  .brand-labirent.page-contact .page-hero__grid { display: block; }
  .brand-labirent.page-contact .page-hero__copy { height: 165px; padding: 28px 0 8px; }
  .brand-labirent.page-contact .page-hero__copy h1 { margin-bottom: 8px; font-size: 64px; }
  .brand-labirent.page-contact .page-hero__copy .lead-copy { font-size: 24px; line-height: 26px; }
  .brand-labirent.page-contact .page-hero__copy > p:last-child { font-size: 17px; line-height: 23px; }
  .brand-labirent.page-contact .page-hero__visual { height: 159px; min-height: 159px; margin: 0; }
  .brand-labirent.page-contact .page-hero__visual img { width: 325px; height: 127px; margin-top: 16px; }
  .brand-labirent.page-contact .inner-section { height: 521px; padding: 0; }
  .brand-labirent.page-contact .contact-layout { display: grid; height: 521px; grid-template-columns: 1fr; grid-template-rows: 216px 305px; gap: 0; }
  .brand-labirent.page-contact .contact-layout::after { top: 216px; right: 0; bottom: auto; left: 0; width: 100%; height: 1px; }
  .brand-labirent.page-contact .contact-layout h2 { margin: 12px 0 6px; font-size: 29px; }
  .brand-labirent.page-contact .contact-list li { min-height: 42px; grid-template-columns: 34px 1fr; gap: 20px; font-size: 13px; line-height: 18px; }
  .brand-labirent.page-contact .contact-list svg { width: 34px; height: 34px; }
  .brand-labirent.page-contact .contact-form { grid-template-columns: 73px 1fr; gap: 6px 15px; padding-top: 12px; }
  .brand-labirent.page-contact .contact-form > .eyebrow { margin-bottom: 0; }
  .brand-labirent.page-contact .form-field { grid-template-columns: 73px 1fr; gap: 15px; }
  .brand-labirent.page-contact .form-field label { font-size: 12px; }
  .brand-labirent.page-contact .form-field input { height: 31px; min-height: 31px; padding: 4px 8px; }
  .brand-labirent.page-contact .form-field textarea { height: 77px; min-height: 77px; padding: 6px 8px; }
  .brand-labirent.page-contact .contact-form .button { grid-column: 2; min-width: 176px; min-height: 42px; padding: 8px 14px; }
  .brand-labirent.page-contact .inner-dark,
  .brand-labirent.page-contact .inner-dark__grid { height: 112px; min-height: 112px; }
  .brand-labirent.page-contact .inner-dark__grid { padding: 18px 0; }
  .brand-labirent.page-contact .inner-dark h2 { margin: 8px 0 0; font-size: 31px; line-height: 28px; }
  .brand-labirent.page-contact .inner-dark__description { display: none; }
  .brand-labirent.page-contact .site-footer__inner { min-height: 113px; padding: 14px 0; }
}

/* Labirent inner pages — values supplied by the original mockup session. */
.brand-labirent.page-services {
  --shell: min(1292px, calc(100vw - 148px));
}
.brand-labirent.page-about {
  --shell: min(1310px, calc(100vw - 136px));
}
.brand-labirent.page-services .site-nav a[href="hizmetler.html"],
.brand-labirent.page-about .site-nav a[href="hakkimizda.html"],
.brand-labirent.page-contact .site-nav a[href="iletisim.html"] {
  position: relative;
}
.brand-labirent.page-services .site-nav a[href="hizmetler.html"]::after,
.brand-labirent.page-about .site-nav a[href="hakkimizda.html"]::after,
.brand-labirent.page-contact .site-nav a[href="iletisim.html"]::after {
  position: absolute;
  right: 0;
  bottom: -12px;
  left: 0;
  height: 2px;
  background: var(--accent);
  content: "";
}

/* Services */
.brand-labirent.page-services .site-header__inner {
  min-height: 100px;
}
.brand-labirent.page-services .brand-lockup {
  width: 264px;
}
.brand-labirent.page-services .page-hero {
  position: relative;
}
.brand-labirent.page-services .page-hero__grid {
  height: 444px;
  min-height: 444px;
  grid-template-columns: 48% 52%;
  overflow: hidden;
}
.brand-labirent.page-services .page-hero__copy,
.brand-labirent.page-services .page-hero__visual {
  height: 444px;
}
.brand-labirent.page-services .page-hero__copy {
  padding: 88px 0 48px;
}
.brand-labirent.page-services .page-hero__copy h1 {
  margin: 18px 0 14px;
  font-size: 104px;
  line-height: 1;
}
.brand-labirent.page-services .page-hero__copy .lead-copy {
  max-width: 600px;
  font-size: 36px;
  line-height: 48px;
}
.brand-labirent.page-services .page-hero__visual {
  display: flex;
  align-items: center;
}
.brand-labirent.page-services .page-hero__visual img {
  width: 609px;
  height: 371px;
  object-fit: contain;
}
.brand-labirent.page-services .page-hero::after {
  position: absolute;
  top: 90px;
  right: max(72px, calc((100vw - 1292px) / 2));
  width: 98px;
  color: #4f565d;
  content: "Arazi daha iyi yarınlara inşa etmektir.";
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .14em;
  line-height: 1.5;
  text-transform: uppercase;
}
.brand-labirent.page-services .inner-section {
  position: relative;
  z-index: 2;
  height: 1063px;
  padding: 0;
  overflow: visible;
}
.brand-labirent.page-services .catalog-grid {
  position: relative;
  height: 1094px;
  grid-template-columns: 577px 588px;
  gap: 127px;
}
.brand-labirent.page-services .catalog-grid::after {
  position: absolute;
  top: 13px;
  bottom: 11px;
  left: 642px;
  width: 1px;
  background: var(--line);
  content: "";
}
.brand-labirent.page-services .catalog-group + .catalog-group {
  border: 0;
  padding: 0;
}
.brand-labirent.page-services .catalog-group h2 {
  position: relative;
  height: 88px;
  margin: 0;
  padding-top: 17px;
  font-size: 48px;
  line-height: 58px;
  letter-spacing: -.04em;
}
.brand-labirent.page-services .catalog-group h2::after {
  position: absolute;
  bottom: 0;
  left: 2px;
  width: 48px;
  height: 2px;
  background: var(--accent);
  content: "";
}
.brand-labirent.page-services .catalog-list {
  margin: 0;
  font-size: 24px;
  line-height: 25px;
  letter-spacing: -.025em;
}
.brand-labirent.page-services .catalog-list li {
  position: relative;
  display: flex;
  min-height: 64px;
  align-items: center;
  border-bottom: 1px solid var(--line);
  padding: 6px 28px 6px 98px;
}
.brand-labirent.page-services .catalog-group + .catalog-group .catalog-list li {
  min-height: 53px;
}
.brand-labirent.page-services .catalog-list li::before {
  position: absolute;
  top: 50%;
  left: 4px;
  width: 34px;
  height: 32px;
  background-image: url("../images/astra-final/services-reference-board.png");
  background-repeat: no-repeat;
  content: "";
  transform: translateY(-50%) scale(1.607143);
  transform-origin: left center;
}
.brand-labirent.page-services .catalog-list li::after {
  position: absolute;
  right: 0;
  color: var(--accent);
  content: "→";
  font-size: 27px;
  line-height: 1;
}
.brand-labirent.page-services .catalog-group:first-child li:nth-child(1)::before { background-position: -47px -398px; }
.brand-labirent.page-services .catalog-group:first-child li:nth-child(2)::before { background-position: -47px -438px; }
.brand-labirent.page-services .catalog-group:first-child li:nth-child(3)::before { background-position: -47px -478px; }
.brand-labirent.page-services .catalog-group:first-child li:nth-child(4)::before { background-position: -47px -517px; }
.brand-labirent.page-services .catalog-group:first-child li:nth-child(5)::before { background-position: -47px -555px; }
.brand-labirent.page-services .catalog-group:first-child li:nth-child(6)::before { background-position: -47px -593px; }
.brand-labirent.page-services .catalog-group:first-child li:nth-child(7)::before { background-position: -47px -633px; }
.brand-labirent.page-services .catalog-group:first-child li:nth-child(8)::before { background-position: -47px -673px; }
.brand-labirent.page-services .catalog-group:first-child li:nth-child(9)::before { background-position: -47px -713px; }
.brand-labirent.page-services .catalog-group:first-child li:nth-child(10)::before { background-position: -47px -752px; }
.brand-labirent.page-services .catalog-group:first-child li:nth-child(11)::before { background-position: -47px -793px; }
.brand-labirent.page-services .catalog-group:first-child li:nth-child(12)::before { background-position: -47px -833px; }
.brand-labirent.page-services .catalog-group:first-child li:nth-child(13)::before { background-position: -47px -873px; }
.brand-labirent.page-services .catalog-group:first-child li:nth-child(14)::before { background-position: -47px -913px; }
.brand-labirent.page-services .catalog-group:last-child li:nth-child(1)::before { background-position: -484px -396px; }
.brand-labirent.page-services .catalog-group:last-child li:nth-child(2)::before { background-position: -484px -436px; }
.brand-labirent.page-services .catalog-group:last-child li:nth-child(3)::before { background-position: -484px -467px; }
.brand-labirent.page-services .catalog-group:last-child li:nth-child(4)::before { background-position: -484px -500px; }
.brand-labirent.page-services .catalog-group:last-child li:nth-child(5)::before { background-position: -484px -532px; }
.brand-labirent.page-services .catalog-group:last-child li:nth-child(6)::before { background-position: -484px -562px; }
.brand-labirent.page-services .catalog-group:last-child li:nth-child(7)::before { background-position: -484px -593px; }
.brand-labirent.page-services .catalog-group:last-child li:nth-child(8)::before { background-position: -484px -627px; }
.brand-labirent.page-services .catalog-group:last-child li:nth-child(9)::before { background-position: -484px -659px; }
.brand-labirent.page-services .catalog-group:last-child li:nth-child(10)::before { background-position: -484px -694px; }
.brand-labirent.page-services .catalog-group:last-child li:nth-child(11)::before { background-position: -484px -726px; }
.brand-labirent.page-services .catalog-group:last-child li:nth-child(12)::before { background-position: -484px -758px; }
.brand-labirent.page-services .catalog-group:last-child li:nth-child(13)::before { background-position: -484px -790px; }
.brand-labirent.page-services .catalog-group:last-child li:nth-child(14)::before { background-position: -484px -823px; }
.brand-labirent.page-services .catalog-group:last-child li:nth-child(15)::before { background-position: -484px -856px; }
.brand-labirent.page-services .catalog-group:last-child li:nth-child(16)::before { background-position: -484px -888px; }
.brand-labirent.page-services .catalog-group:last-child li:nth-child(17)::before { background-position: -484px -921px; }
.brand-labirent.page-services .catalog-group:last-child li:nth-child(18)::before { background-position: -484px -962px; }
.brand-labirent.page-services .catalog-group:last-child li:nth-child(19)::before { background-position: -484px -995px; }
.brand-labirent.page-services .inner-visual-band {
  height: 309px;
  padding: 0;
  background: var(--paper);
}
.brand-labirent.page-services .inner-visual-band .shell {
  position: relative;
  height: 309px;
}
.brand-labirent.page-services .inner-visual-band img {
  width: 100%;
  height: 309px;
  margin: 0;
  object-fit: contain;
}
.brand-labirent.page-services .inner-visual-band h2 {
  position: absolute;
  top: 54px;
  left: 7px;
  width: 110px;
  margin: 0;
  font-size: 13px;
  letter-spacing: .15em;
  line-height: 1.55;
}
.brand-labirent.page-services .site-footer__inner {
  min-height: 149px;
}
.brand-labirent.page-services .brand-lockup--footer {
  width: 262px;
}
.brand-labirent.page-services .site-footer__legal {
  display: none;
}

/* About */
.brand-labirent.page-about .site-header__inner {
  min-height: 111px;
}
.brand-labirent.page-about .brand-lockup {
  width: 297px;
}
.brand-labirent.page-about .page-hero {
  position: relative;
}
.brand-labirent.page-about .page-hero__grid {
  height: 657px;
  min-height: 657px;
  grid-template-columns: 46% 54%;
  overflow: hidden;
}
.brand-labirent.page-about .page-hero__copy,
.brand-labirent.page-about .page-hero__visual {
  height: 657px;
}
.brand-labirent.page-about .page-hero__copy {
  padding: 158px 0 44px;
}
.brand-labirent.page-about .page-hero__copy h1 {
  margin: 25px 0 20px;
  font-size: 104px;
  line-height: 1;
}
.brand-labirent.page-about .page-hero__copy .lead-copy {
  max-width: 589px;
  font-size: 43px;
  line-height: 43px;
}
.brand-labirent.page-about .hero__motto {
  position: absolute;
  bottom: 40px;
  left: 34px;
  margin: 0;
  font-size: 13px;
  line-height: 24px;
}
.brand-labirent.page-about .page-hero__visual {
  position: relative;
  display: flex;
  align-items: center;
}
.brand-labirent.page-about .page-hero__visual img {
  width: 717px;
  height: 597px;
  object-fit: contain;
}
.brand-labirent.page-about .page-hero__visual::after {
  position: absolute;
  right: 0;
  bottom: 35px;
  width: 210px;
  color: #4f565d;
  content: "Arazi, insan ve gelecek için kalıcı çözümler.";
  font-size: 16px;
  line-height: 26px;
}
.brand-labirent.page-about .inner-section {
  padding: 0;
}
.brand-labirent.page-about .about-intro {
  height: 316px;
  grid-template-columns: 698px 474px;
  align-items: center;
  gap: 137px;
  margin: 0;
}
.brand-labirent.page-about .about-intro h2 {
  margin: 24px 0 0;
  font-size: 62px;
  line-height: 1;
}
.brand-labirent.page-about .about-intro > p {
  margin: 0;
  font-size: 28px;
  line-height: 34px;
}
.brand-labirent.page-about .about-article {
  height: 1214px;
  font-size: 38px;
  line-height: 43px;
  letter-spacing: -.025em;
}
.brand-labirent.page-about .about-article p {
  display: flex;
  margin: 0;
  align-items: flex-start;
  border-top: 1px solid var(--line);
  padding: 28px 0 0;
}
.brand-labirent.page-about .about-article p:nth-child(1) { height: 145px; }
.brand-labirent.page-about .about-article p:nth-child(2) { height: 143px; }
.brand-labirent.page-about .about-article p:nth-child(3) { height: 200px; }
.brand-labirent.page-about .about-article p:nth-child(4) { height: 361px; }
.brand-labirent.page-about .about-article p:nth-child(5) { height: 231px; }
.brand-labirent.page-about .about-article .signature {
  height: 134px;
  flex-direction: column;
  border-top: 0;
  padding-top: 14px;
  font-size: 24px;
  line-height: 30px;
}
.brand-labirent.page-about .dark-band {
  height: 440px;
  background: #19191a url("../images/astra-final/dark-map.png") center / cover no-repeat;
}
.brand-labirent.page-about .dark-band::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(25,25,26,.96) 0 34%, rgba(25,25,26,.5) 62%, rgba(25,25,26,.18));
  content: "";
}
.brand-labirent.page-about .dark-band__grid {
  display: block;
  height: 440px;
  min-height: 440px;
  padding: 59px 0 0;
}
.brand-labirent.page-about .dark-band__grid > div:first-child {
  max-width: 620px;
}
.brand-labirent.page-about .dark-band h2 {
  margin: 22px 0 20px;
  font-size: 78px;
  line-height: 72px;
}
.brand-labirent.page-about .dark-band__description {
  max-width: 610px;
  margin: 0 0 26px;
  color: #fff;
  font-size: 26px;
  line-height: 34px;
}
.brand-labirent.page-about .dark-band .button {
  min-width: 232px;
  min-height: 68px;
  border-color: var(--accent);
  background: var(--accent);
  color: #fff;
}
.brand-labirent.page-about .site-footer__inner {
  min-height: 147px;
}
.brand-labirent.page-about .brand-lockup--footer {
  width: 297px;
}
.brand-labirent.page-about .site-footer__legal {
  display: none;
}

@media (max-width: 767px) {
  .brand-labirent.page-services {
    --shell: calc(100vw - 49px);
  }
  .brand-labirent.page-about {
    --shell: calc(100vw - 62px);
  }
  .brand-labirent.page-services .site-header__inner {
    min-height: 53px;
  }
  .brand-labirent.page-services .brand-lockup {
    width: 128px;
  }
  .brand-labirent.page-services .page-hero__grid {
    position: relative;
    height: 295px;
    min-height: 295px;
    display: block;
  }
  .brand-labirent.page-services .page-hero__copy {
    height: 146px;
    padding: 19px 0 0;
  }
  .brand-labirent.page-services .page-hero__copy h1 {
    margin: 14px 0 5px;
    font-size: 46px;
    line-height: 48px;
  }
  .brand-labirent.page-services .page-hero__copy .lead-copy {
    max-width: 327px;
    font-size: 20px;
    line-height: 24px;
  }
  .brand-labirent.page-services .page-hero__visual {
    position: absolute;
    top: 146px;
    left: 1px;
    width: 265px;
    height: 140px;
  }
  .brand-labirent.page-services .page-hero__visual img {
    width: 265px;
    height: 140px;
  }
  .brand-labirent.page-services .page-hero::after {
    top: 153px;
    right: 25px;
    width: 67px;
    font-size: 9px;
    line-height: 1.45;
  }
  .brand-labirent.page-services .inner-section {
    height: 1042px;
  }
  .brand-labirent.page-services .catalog-grid {
    height: 1042px;
    grid-template-columns: 1fr;
    gap: 0;
  }
  .brand-labirent.page-services .catalog-grid::after {
    display: none;
  }
  .brand-labirent.page-services .catalog-group h2 {
    height: 47px;
    padding-top: 6px;
    font-size: 29px;
    line-height: 36px;
  }
  .brand-labirent.page-services .catalog-group h2::after {
    bottom: 0;
    width: 26px;
  }
  .brand-labirent.page-services .catalog-list {
    font-size: 13px;
    line-height: 15px;
  }
  .brand-labirent.page-services .catalog-list li,
  .brand-labirent.page-services .catalog-group + .catalog-group .catalog-list li {
    min-height: 26px;
    padding: 3px 22px 3px 48px;
  }
  .brand-labirent.page-services .catalog-list li::before {
    left: 1px;
    transform: translateY(-50%) scale(.88);
  }
  .brand-labirent.page-services .catalog-list li::after {
    font-size: 17px;
  }
  .brand-labirent.page-services .catalog-group + .catalog-group {
    border-top: 1px solid var(--line);
    padding-top: 20px;
  }
  .brand-labirent.page-services .inner-visual-band,
  .brand-labirent.page-services .inner-visual-band .shell {
    height: 107px;
  }
  .brand-labirent.page-services .inner-visual-band img {
    height: 107px;
  }
  .brand-labirent.page-services .inner-visual-band h2 {
    top: 12px;
    left: 1px;
    width: 74px;
    font-size: 9px;
  }
  .brand-labirent.page-services .site-footer__inner {
    display: grid;
    min-height: 114px;
    grid-template-areas: "logo logo" "nav motto";
    grid-template-columns: 1fr auto;
    gap: 10px 12px;
    padding: 14px 0 12px;
  }
  .brand-labirent.page-services .site-footer__inner > .brand-lockup { grid-area: logo; }
  .brand-labirent.page-services .site-footer__inner > nav { grid-area: nav; justify-self: start; }
  .brand-labirent.page-services .site-footer__tagline { grid-area: motto; max-width: 135px; margin: 0; font-size: 9px; line-height: 12px; }
  .brand-labirent.page-services .brand-lockup--footer { width: 127px; }
  .brand-labirent.page-services .footer-nav { flex-wrap: nowrap; gap: 14px; font-size: 9px; }

  .brand-labirent.page-about .site-header__inner {
    min-height: 79px;
  }
  .brand-labirent.page-about .brand-lockup {
    width: 202px;
  }
  .brand-labirent.page-about .page-hero__grid {
    position: relative;
    display: block;
    height: 524px;
    min-height: 524px;
  }
  .brand-labirent.page-about .page-hero__copy {
    height: 194px;
    padding: 34px 0 0;
  }
  .brand-labirent.page-about .page-hero__copy h1 {
    margin: 14px 0 8px;
    font-size: 58px;
    line-height: 60px;
  }
  .brand-labirent.page-about .page-hero__copy .lead-copy {
    font-size: 22px;
    line-height: 24px;
  }
  .brand-labirent.page-about .hero__motto {
    display: none;
  }
  .brand-labirent.page-about .page-hero__visual {
    position: absolute;
    top: 194px;
    left: 0;
    width: 332px;
    height: 257px;
  }
  .brand-labirent.page-about .page-hero__visual img {
    width: 332px;
    height: 257px;
  }
  .brand-labirent.page-about .page-hero__visual::after {
    right: auto;
    bottom: -76px;
    left: 0;
    width: 328px;
    font-size: 15px;
    line-height: 22px;
  }
  .brand-labirent.page-about .about-intro {
    height: 316px;
    display: block;
    margin: 0;
    padding-top: 32px;
  }
  .brand-labirent.page-about .about-intro h2 {
    margin-top: 16px;
    font-size: 42px;
    line-height: 40px;
  }
  .brand-labirent.page-about .about-intro > p {
    margin-top: 20px;
    font-size: 20px;
    line-height: 25px;
  }
  .brand-labirent.page-about .about-article {
    height: 1029px;
    font-size: 16px;
    line-height: 24px;
  }
  .brand-labirent.page-about .about-article p {
    padding-top: 18px;
  }
  .brand-labirent.page-about .about-article p:nth-child(1) { height: 107px; }
  .brand-labirent.page-about .about-article p:nth-child(2) { height: 108px; }
  .brand-labirent.page-about .about-article p:nth-child(3) { height: 173px; }
  .brand-labirent.page-about .about-article p:nth-child(4) { height: 354px; }
  .brand-labirent.page-about .about-article p:nth-child(5) { height: 217px; }
  .brand-labirent.page-about .about-article .signature {
    height: 70px;
    padding-top: 8px;
    font-size: 18px;
    line-height: 22px;
  }
  .brand-labirent.page-about .dark-band,
  .brand-labirent.page-about .dark-band__grid {
    height: 224px;
    min-height: 224px;
  }
  .brand-labirent.page-about .dark-band__grid {
    padding-top: 29px;
  }
  .brand-labirent.page-about .dark-band h2 {
    margin: 12px 0 18px;
    font-size: 42px;
    line-height: 41px;
  }
  .brand-labirent.page-about .dark-band__description,
  .brand-labirent.page-about .dark-band__aside {
    display: none;
  }
  .brand-labirent.page-about .dark-band .button {
    min-width: 189px;
    min-height: 55px;
    font-size: 16px;
  }
  .brand-labirent.page-about .site-footer__inner {
    display: grid;
    min-height: 248px;
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 28px 0 22px;
  }
  .brand-labirent.page-about .brand-lockup--footer {
    width: 212px;
  }
  .brand-labirent.page-about .site-footer nav,
  .brand-labirent.page-about .site-footer__tagline {
    justify-self: start;
  }
  .brand-labirent.page-about .footer-nav {
    flex-wrap: nowrap;
    gap: 20px;
    font-size: 13px;
  }
  .brand-labirent.page-about .site-footer__tagline {
    max-width: 260px;
    margin: 0 0 0 24px;
    font-size: 11px;
    line-height: 15px;
  }
}