*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid #60b0ff;
  outline-offset: 3px;
}

:root {
  --brand: #113859;
  --brand-light: #1a5278;
  --brand-hover: #0d2d47;
  --brand-deep: #040c14;
  --blue-bg-gradient: linear-gradient(
    155deg,
    var(--brand-deep) 0%,
    #071520 18%,
    var(--brand-hover) 48%,
    var(--brand) 82%,
    var(--brand-light) 100%
  );
  --bg: #ffffff;
  --surface: #ffffff;
  --bg-soft: rgba(17, 56, 89, 0.04);
  --border: rgba(17, 56, 89, 0.12);
  --shadow-sm: 0 1px 3px rgba(17, 56, 89, 0.05);
  --shadow-md: 0 8px 28px rgba(17, 56, 89, 0.08);
  --text: #0d2d47;
  --muted: rgba(17, 56, 89, 0.62);
  --split-label-on-dark: rgba(210, 218, 225, 0.88);
  --nav-pad-y: clamp(16px, 2.5vw, 26px);
  --nav-logo-h: clamp(38px, 3.4vw, 46px);
  --header-h: calc(var(--nav-pad-y) * 2 + var(--nav-logo-h));
  --nav-pad: var(--nav-pad-y) clamp(20px, 3vw, 48px);
  --nav-card: var(--surface);
  --pad: clamp(7rem, 14vw, 12rem);
  --section-title-desc-gap: 1.75rem;
  --container: min(1800px, 100% - 2rem);
  --radius: 8px;
  --clip-safe-top: 1.1rem;
  --clip-safe-right: 6%;
  --clip-safe-bottom: 1.25rem;
  --clip-safe-left: max(1.2rem, 4.5%);
  --clip-card-shape: polygon(
    2.5% 0%, 38% 0%, 41.5% 2%, 58.5% 2%, 62% 0%, 97.5% 0%,
    100% 2.5%, 100% 27%, 98.75% 31%, 98.75% 69%, 100% 73%,
    100% 97.5%, 97.5% 100%, 62% 100%, 58.5% 98%, 41.5% 98%, 38% 100%,
    2.5% 100%, 0% 97.5%, 0% 73%, 1.25% 69%, 1.25% 31%, 0% 27%, 0% 2.5%
  );
  --section-notch-rise: clamp(11px, 1.85vw, 26px);
  --clip-section-top: polygon(
    0% 2.5%,
    2.5% 0%,
    38% 0%,
    41.5% 2%,
    58.5% 2%,
    62% 0%,
    97.5% 0%,
    100% 2.5%,
    100% 100%,
    0% 100%
  );
  --clip-section-bottom: polygon(
    0% 0%,
    100% 0%,
    100% 97.5%,
    97.5% 100%,
    62% 100%,
    58.5% 98%,
    41.5% 98%,
    38% 100%,
    2.5% 100%,
    0% 97.5%
  );
  --font: 'Smooch Sans', sans-serif;
  --font-display: 'Smooch Sans', sans-serif;
  --display-weight: 400;
  --display-weight-soft: 400;
  --display-tracking: -0.04em;
  --display-tracking-soft: 0.06em;
}

html {
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: rgba(17, 56, 89, 0.32) #ffffff;
  overflow-x: clip;
}

body {
  font-family: var(--font);
  background: var(--bg);
  color: var(--text);
  line-height: 1.65;
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }

.container { width: var(--container); margin-inline: auto; }

main { overflow-x: clip; }

main > .section {
  padding-top: calc(var(--pad) + var(--section-notch-rise));
  padding-bottom: var(--pad);
}

main > .subpage-banner + .section.subpage-body-section:not(.stack-cards) {
  padding-top: var(--pad);
}

main > .subpage-banner + .section:not(.stack-cards):not(.subpage-body-section) {
  position: relative;
  z-index: 1;
  clip-path: var(--clip-section-top);
  -webkit-clip-path: var(--clip-section-top);
  padding-top: calc(var(--pad) + var(--section-notch-rise));
  margin-top: calc(-1 * var(--section-notch-rise));
  isolation: isolate;
}

main > .subpage-banner + .stack-cards.section {
  position: relative;
  z-index: 1;
  margin-top: calc(-1 * var(--section-notch-rise));
}

main > .stack-cards.section-tone--white + #tarihce.history-timeline.section-tone--white {
  padding-top: 0;
  margin-top: calc(-1 * clamp(1.25rem, 3vh, 2rem));
  clip-path: none;
  -webkit-clip-path: none;
}

.section {
  position: relative;
}

.section-tone--white {
  background: #ffffff;
  color: var(--text);
}

.section-tone--soft {
  background: var(--bg-soft);
  color: var(--text);
}


.subpage-banner__title,
.split-title__part,
.split-title__part--left,
.split-title__part--right,
.split-title h1.split-title__part,
.split-title h2.split-title__part,
.split-title__label,
.heading-silhouette__text {
  font-weight: var(--display-weight, 400);
}

.subpage-content__pledge,
.catalog-card .card-name,
.news-archive .news-card__title,
.contact-location__title,
.lab-capabilities__intro h2,
.lab-capabilities__intro h3,
.lab-intro__quote,
#cards .card__content h2,
.history-timeline .history-orbit__year,
.history-timeline .history-orbit__card-inner h3,
.history-timeline .history-orbit__fallback-item h3,
.history-modal__year,
.history-modal__title,
.product-quote-fab__title,
.mega-menu__preview-title,
.lab-services__stat-value {
  font-weight: var(--display-weight-soft, 400);
}