:root {
  --navy: #12203f;
  --navy-2: #35507e;
  /* Ekipler tarafinin kimlik rengi; komiteler laciverti karsisinda kullanilir. */
  --forest: #04391f;
  --forest-2: #0a5a31;
  --blue-soft: #8ba3cd;
  --paper: #fcfbf9;
  --paper-warm: #f4f2ee;
  --line: rgba(18, 32, 63, 0.15);
  --font-sans: "Saira Condensed", sans-serif;
}

/* ===== Ekip · portrait cards ===== */
.home-page .team-section {
  min-height: auto !important;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 16%, rgba(53, 80, 126, .08), transparent 28%),
    #f7f6f2 !important;
}

.home-page .team-section .section-shell {
  width: min(100%, 1380px);
  margin-inline: auto;
  padding: 44px 30px 72px;
}

.team-section .team-heading-row {
  align-items: end;
  margin-bottom: 36px;
}

.home-page .team-dwell {
  height: 18vh;
  min-height: 110px;
  max-height: 180px;
}

/* Bölüm etiketi (● YÖNETİM KURULU) diğer bölümlerdeki gibi kulübün sans
   fontunda kalır; serif yalnızca başlık ve isimlerde kullanılır. */
.team-section .team-section-heading,
.team-section .team-card-copy strong,
.team-section .iu-style-034 {
  font-family: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
}

.team-section .team-section-heading {
  max-width: 720px;
  font-size: clamp(57.2px, 6.6vw, 96.8px);
  font-weight: 600;
  line-height: .91;
  letter-spacing: -.055em;
}

.team-section .team-section-description {
  max-width: 350px;
  padding-bottom: 7px;
  font-family: var(--font-sans);
  font-size: 15.4px;
  line-height: 1.6;
  color: rgba(18, 32, 63, .62);
}

.home-page .team-section .team-grid.iu-style-115 {
  display: grid !important;
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  gap: 36px clamp(14px, 1.7vw, 24px) !important;
  align-items: start;
}

.team-section .team-card-stage {
  min-width: 0;
  /* İsim puntosunu kart genişliğine göre ölçekleyebilmek için. */
  container-type: inline-size;
}

.team-section .team-card-stage:nth-child(1) {
  grid-column: 4 / span 2;
  grid-row: 1;
}

.team-section .team-card-stage:nth-child(2) {
  grid-column: 6 / span 2;
  grid-row: 1;
}

.team-section .team-card-stage:nth-child(3) { grid-column: 1 / span 2; grid-row: 2; }
.team-section .team-card-stage:nth-child(4) { grid-column: 3 / span 2; grid-row: 2; }
.team-section .team-card-stage:nth-child(5) { grid-column: 5 / span 2; grid-row: 2; }
.team-section .team-card-stage:nth-child(6) { grid-column: 7 / span 2; grid-row: 2; }
.team-section .team-card-stage:nth-child(7) { grid-column: 9 / span 2; grid-row: 2; }

.team-section .team-profile-card.iu-style-116 {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(18, 32, 63, .14);
  border-radius: 16px;
  background: #fff;
  color: #12203f;
  box-shadow: 0 12px 30px rgba(18, 32, 63, .08);
  transform: translateZ(0);
  transition:
    transform 420ms cubic-bezier(.2, .8, .2, 1),
    background-color 320ms ease,
    border-color 300ms ease,
    box-shadow 420ms ease;
}

.team-section .team-profile-card.is-featured {
  aspect-ratio: 3 / 4;
}

.team-section .team-card-media.iu-style-117 {
  position: absolute;
  inset: 10px;
  display: block;
  overflow: hidden;
  z-index: 1;
  border-radius: 12px;
  clip-path: inset(0 0 27% 0 round 12px);
  transition: clip-path 600ms cubic-bezier(.16, 1, .3, 1);
}

.team-section .team-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 22%;
  filter: saturate(.88) contrast(1.02);
  transform: scale(1.015);
  transition:
    transform 750ms cubic-bezier(.16, 1, .3, 1),
    filter 450ms ease;
}

.team-section .team-card-gradient {
  position: absolute;
  inset: 0;
  display: block;
  z-index: 1;
  background: linear-gradient(180deg, rgba(18, 32, 63, 0) 30%, rgba(18, 32, 63, .96) 100%);
  opacity: .05;
  transition: opacity 420ms ease;
}

.team-section .team-card-copy.iu-style-119 {
  position: absolute;
  z-index: 3;
  right: 18px;
  bottom: 17px;
  left: 18px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  margin: 0;
  padding: 0;
  color: #12203f;
  transform: translateY(0);
  transition:
    color 320ms ease,
    transform 500ms cubic-bezier(.16, 1, .3, 1);
}

.team-section .team-card-copy strong.iu-style-120 {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: clamp(24.2px, 2.37vw, 35.2px);
  font-weight: 600;
  line-height: .98;
  letter-spacing: -.035em;
}

.team-section .is-standard .team-card-copy strong.iu-style-120 {
  font-size: clamp(24.2px, 2.37vw, 35.2px);
}

/* 5. ve 6. kart: ad ve soyad ayrı satırlarda dursun. */
.team-section .team-card-stage:nth-child(5) .team-card-copy strong.iu-style-120,
.team-section .team-card-stage:nth-child(6) .team-card-copy strong.iu-style-120 {
  max-width: 7ch;
}

/* İlk iki kart (Başkan ve Başkan Yardımcısı): ad soyad geniş ekranda tek
   satırda ve aynı puntoda kalsın. */
@media (min-width: 1001px) {
  .team-section .team-card-stage:nth-child(1) .team-card-copy strong.iu-style-120,
  .team-section .team-card-stage:nth-child(2) .team-card-copy strong.iu-style-120 {
    font-size: min(clamp(24.2px, 2.37vw, 35.2px), 14cqw);
    white-space: nowrap;
  }
}

.team-section .team-card-copy span.iu-style-121 {
  display: block;
  margin: 0;
  padding: 0;
  font-family: var(--font-sans);
  /* Uzun görev adları da tek satırda kalsın diye punto ve harf aralığı kısıldı. */
  font-size: clamp(7.8px, 0.778vw, 11px);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: rgba(18, 32, 63, .62);
  transition: color 320ms ease;
}

/* Kartin LinkedIn profiline gittigini gosteren belirtec: kutusuz, seffaf,
   yalnizca logo. Ikon beyaz oldugu icin acik fotograflarda da okunsun diye
   golge birakilir. */
.team-section .team-card-linkedin {
  position: absolute;
  z-index: 4;
  top: 20px;
  right: 20px;
  display: block;
  transition: transform 420ms cubic-bezier(.16, 1, .3, 1), opacity 320ms ease;
}

.team-section .team-card-linkedin.is-hidden {
  display: none;
}

.team-section .team-card-linkedin img {
  display: block;
  width: 20px;
  height: 20px;
  object-fit: contain;
  filter: drop-shadow(0 1px 3px rgba(4, 10, 24, .55)) drop-shadow(0 0 8px rgba(4, 10, 24, .35));
}

@media (hover: hover) and (pointer: fine) {
  .team-section .team-profile-card:hover {
    background-color: #12203f;
    border-color: rgba(18, 32, 63, .04);
    box-shadow: 0 20px 44px rgba(18, 32, 63, .17);
    transform: translateY(-8px) scale(1.014);
  }

  .team-section .team-profile-card:hover .team-card-media {
    clip-path: inset(0 0 0 0 round 12px);
  }

  .team-section .team-profile-card:hover .team-card-media img {
    filter: saturate(1) contrast(1.04);
    transform: scale(1.075);
  }

  .team-section .team-profile-card:hover .team-card-gradient {
    opacity: 1;
  }

  .team-section .team-profile-card:hover .team-card-copy {
    color: #fff;
    transform: translateY(-4px);
    text-shadow: 0 1px 14px rgba(4, 10, 24, .42);
  }

  .team-section .team-profile-card:hover .team-card-copy span {
    color: rgba(255, 255, 255, .76);
  }

  .team-section .team-profile-card:hover .team-card-linkedin {
    transform: translateY(-2px) scale(1.08);
  }
}

.team-section .team-profile-card:active {
  transform: scale(.99);
}

.team-motion-ready .team-section .team-reveal {
  opacity: 0;
  transform: translateY(48px) scale(.985);
  transition:
    opacity 760ms cubic-bezier(.2, .8, .2, 1),
    transform 900ms cubic-bezier(.16, 1, .3, 1);
}

.team-motion-ready .team-section .team-reveal.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.team-motion-ready .team-section .team-heading-row { transition-delay: 90ms; }
.team-motion-ready .team-section .team-card-stage:nth-child(1) { transition-delay: 90ms; }
.team-motion-ready .team-section .team-card-stage:nth-child(2) { transition-delay: 170ms; }
.team-motion-ready .team-section .team-card-stage:nth-child(3) { transition-delay: 70ms; }
.team-motion-ready .team-section .team-card-stage:nth-child(4) { transition-delay: 130ms; }
.team-motion-ready .team-section .team-card-stage:nth-child(5) { transition-delay: 190ms; }
.team-motion-ready .team-section .team-card-stage:nth-child(6) { transition-delay: 250ms; }
.team-motion-ready .team-section .team-card-stage:nth-child(7) { transition-delay: 310ms; }

@media (max-width: 1000px) {
  .home-page .team-section .section-shell {
    padding-inline: 24px;
  }

  .home-page .team-section .team-grid.iu-style-115 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 24px 18px !important;
  }

  .team-section .team-card-stage:nth-child(1) { grid-column: 2 / span 2; grid-row: 1; width: 100%; }
  .team-section .team-card-stage:nth-child(2) { grid-column: 4 / span 2; grid-row: 1; width: 100%; }
  .team-section .team-card-stage:nth-child(3) { grid-column: 1 / span 2; grid-row: 2; }
  .team-section .team-card-stage:nth-child(4) { grid-column: 3 / span 2; grid-row: 2; }
  .team-section .team-card-stage:nth-child(5) { grid-column: 5 / span 2; grid-row: 2; }
  .team-section .team-card-stage:nth-child(6) { grid-column: 2 / span 2; grid-row: 3; }
  .team-section .team-card-stage:nth-child(7) { grid-column: 4 / span 2; grid-row: 3; }

  .team-section .team-card-copy strong.iu-style-120,
  .team-section .is-standard .team-card-copy strong.iu-style-120 {
    font-size: clamp(22px, 3.3vw, 33px);
  }
}

@media (max-width: 680px) {
  .home-page .team-section .section-shell {
    padding: 38px 18px 58px;
  }

  .team-section .team-heading-row {
    align-items: flex-start;
    margin-bottom: 26px;
  }

  .home-page .team-dwell {
    height: 11vh;
    min-height: 70px;
    max-height: 100px;
  }

  .team-section .team-section-heading {
    font-size: clamp(52.8px, 17.6vw, 74.8px);
  }

  .home-page .team-section .team-grid.iu-style-115 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .team-section .team-card-stage:nth-child(n) {
    grid-column: auto;
    grid-row: auto;
    width: 100%;
  }

  .team-section .team-card-stage:nth-child(7) {
    grid-column: 1 / -1;
    width: calc((100% - 14px) / 2);
    justify-self: center;
  }

  .team-section .team-profile-card.is-featured,
  .team-section .team-profile-card.is-standard {
    aspect-ratio: 3 / 4.25;
  }

  .team-section .team-card-media.iu-style-117 {
    inset: 7px;
    border-radius: 10px;
    clip-path: inset(0 0 30% 0 round 10px);
  }

  .team-section .team-card-copy.iu-style-119 {
    right: 12px;
    bottom: 12px;
    left: 12px;
    gap: 4px;
  }

  .team-section .team-card-copy strong.iu-style-120,
  .team-section .is-standard .team-card-copy strong.iu-style-120 {
    font-size: clamp(19.8px, 6.6vw, 26.4px);
  }

  .team-section .team-card-copy span.iu-style-121 {
    font-size: 8.5px;
    letter-spacing: .02em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .team-section .team-profile-card,
  .team-section .team-card-media,
  .team-section .team-card-media img,
  .team-section .team-card-gradient,
  .team-section .team-card-copy,
  .team-motion-ready .team-section .team-reveal {
    transition: none !important;
  }

  .team-motion-ready .team-section .team-reveal {
    opacity: 1;
    transform: none;
  }
}

/* ===== Ortak kapanış sahnesi · Üyelik + Bülten ===== */
.home-page [data-dwell].join-transition-dwell {
  position: relative;
  z-index: 1;
  display: block !important;
  height: 52vh !important;
  min-height: 320px;
  max-height: 560px;
  background: #f7f6f2;
  pointer-events: none;
}

.home-page #uyelik.join-newsletter-section {
  position: relative !important;
  z-index: 12 !important;
  min-height: auto !important;
  overflow: hidden !important;
  padding: 0 !important;
  color: #fff;
  background: #0b1730 !important;
  border-radius: 28px 28px 0 0 !important;
  box-shadow: 0 -28px 70px rgba(8, 18, 40, .34) !important;
  margin-top: -11vh;
  isolation: isolate;
}

.join-scene-inner {
  --join-opacity: 1;
  --join-y: 0px;
  --join-scale: 1;
  --join-clip-y: 0%;
  --join-clip-x: 0%;
  --join-radius: 0px;
  --join-orbit-turn: 0deg;
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  padding: clamp(84px, 9vw, 132px) 0 clamp(96px, 10vw, 148px);
  background:
    radial-gradient(circle at 15% 18%, rgba(91, 123, 181, .42), transparent 27%),
    radial-gradient(circle at 85% 66%, rgba(53, 80, 126, .52), transparent 30%),
    #0b1730;
  opacity: var(--join-opacity);
  clip-path: inset(var(--join-clip-y) var(--join-clip-x) 0 round var(--join-radius));
  transform: translate3d(0, var(--join-y), 0) scale(var(--join-scale));
  transform-origin: 50% 0;
  will-change: transform, opacity, clip-path;
}

.join-newsletter-shell {
  position: relative;
  z-index: 2;
  width: min(100% - 48px, 1240px);
  margin-inline: auto;
  perspective: 1200px;
}

.join-membership {
  --join-copy-y: 0px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 56px;
  align-items: end;
  padding-bottom: clamp(70px, 8vw, 112px);
  transform: translate3d(0, var(--join-copy-y), 0);
  will-change: transform;
}

.join-membership-copy {
  max-width: 850px;
}

.join-membership h2 {
  max-width: 10ch;
  margin: 0;
  font-family: var(--font-sans);
  font-size: clamp(63.8px, 8.25vw, 101.2px);
  font-weight: 600;
  line-height: .92;
  letter-spacing: -.04em;
  text-wrap: balance;
}

.join-membership-copy > p:not(.membership-status) {
  max-width: 580px;
  margin: 30px 0 0;
  font-family: var(--font-sans);
  font-size: clamp(17.6px, 1.65vw, 23.1px);
  line-height: 1.65;
  color: rgba(255, 255, 255, .72);
}

.join-membership .membership-status {
  margin: 22px 0 0;
  font-family: var(--font-sans);
  font-size: 14.3px;
  font-weight: 600;
  letter-spacing: .02em;
  color: #b9c9e7;
}

.join-membership .membership-action {
  display: flex;
  align-items: flex-end;
  padding: 0 0 6px;
}

.join-membership-button.form-submit {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  min-width: 250px;
  min-height: 58px;
  padding: 0 22px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: #12203f;
  font-family: var(--font-sans);
  font-size: 14.3px;
  font-weight: 700;
  transition: transform 280ms cubic-bezier(.16, 1, .3, 1), background-color 240ms ease;
}

.join-membership-button span {
  font-size: 22px;
}

.newsletter-signup-card {
  --newsletter-y: 0px;
  --newsletter-tilt: 0deg;
  position: relative;
  min-height: 390px;
  overflow: hidden;
  border-radius: 16px;
  background:
    radial-gradient(circle at 50% -10%, rgba(177, 202, 255, .68), transparent 42%),
    linear-gradient(135deg, #28436f 0%, #355f9d 48%, #172b54 100%);
  box-shadow: 0 28px 64px rgba(1, 8, 22, .36);
  transform: translate3d(0, var(--newsletter-y), 0) rotateX(var(--newsletter-tilt));
  transform-origin: 50% 100%;
  will-change: transform;
}

.newsletter-card-content {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 650px;
  margin-inline: auto;
  padding: 62px 24px 48px;
  text-align: center;
}

.newsletter-card-content h3 {
  max-width: 12ch;
  margin: 0;
  font-family: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  font-size: clamp(42px, 5.5vw, 72px);
  font-weight: 600;
  line-height: .93;
  letter-spacing: -.04em;
  text-wrap: balance;
}

.newsletter-card-content p {
  max-width: 560px;
  margin: 20px 0 0;
  font-family: var(--font-sans);
  font-size: 16.5px;
  line-height: 1.55;
  color: rgba(255, 255, 255, .78);
}

.newsletter-card-button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 28px;
  padding: 14px 20px;
  border-radius: 999px;
  background: #fff;
  color: #12203f;
  font-family: var(--font-sans);
  font-size: 13.2px;
  font-weight: 700;
  transition: transform 260ms cubic-bezier(.16, 1, .3, 1), background-color 220ms ease;
}

.newsletter-card-note {
  margin-top: 14px;
  font-family: var(--font-sans);
  font-size: 9.9px;
  font-weight: 700;
  letter-spacing: .12em;
  color: rgba(255, 255, 255, .58);
}

.newsletter-envelope {
  position: absolute;
  z-index: 2;
  bottom: -25px;
  width: clamp(210px, 25vw, 330px);
  aspect-ratio: 1.65 / 1;
  overflow: hidden;
  border-radius: 14px;
  background: #f9faff;
  box-shadow: 0 18px 36px rgba(1, 8, 22, .24);
}

.newsletter-envelope::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 76%;
  aspect-ratio: 1;
  border-radius: 10px;
  background: #eef1f8;
  transform: translate(-50%, -53%) rotate(45deg);
  box-shadow: 0 2px 8px rgba(18, 32, 63, .12);
}

.newsletter-envelope::after {
  content: "";
  position: absolute;
  right: -9%;
  bottom: -70%;
  left: -9%;
  height: 112%;
  background: #fff;
  transform: rotate(45deg);
  box-shadow: 0 0 0 1px rgba(18, 32, 63, .05);
}

.newsletter-envelope-left {
  left: -44px;
  transform: rotate(8deg);
}

.newsletter-envelope-right {
  right: -44px;
  transform: rotate(-8deg);
}

.join-orbit {
  position: absolute;
  z-index: 1;
  display: block;
  border: 1px solid rgba(158, 184, 230, .18);
  border-radius: 50%;
  transform: rotate(var(--join-orbit-turn));
  pointer-events: none;
}

.join-orbit-one {
  top: -22vw;
  right: -10vw;
  width: 62vw;
  height: 62vw;
}

.join-orbit-two {
  bottom: -24vw;
  left: -14vw;
  width: 54vw;
  height: 54vw;
}

@media (hover: hover) and (pointer: fine) {
  .join-membership-button:hover,
  .newsletter-card-button:hover {
    background: #dce7fb;
    transform: translateY(-3px);
  }
}

@media (max-width: 820px) {
  .home-page [data-dwell].join-transition-dwell {
    height: 32vh !important;
    min-height: 190px;
    max-height: 300px;
  }

  .home-page #uyelik.join-newsletter-section {
    border-radius: 22px 22px 0 0 !important;
    margin-top: -7vh;
  }

  .join-scene-inner {
    padding: 72px 0 86px;
  }

  .join-newsletter-shell {
    width: min(100% - 32px, 680px);
  }

  .join-membership {
    grid-template-columns: 1fr;
    gap: 34px;
    padding-bottom: 64px;
  }

  .join-membership h2 {
    font-size: clamp(63.8px, 18.7vw, 90.2px);
  }

  .join-membership .membership-action {
    align-items: flex-start;
  }

  .newsletter-signup-card {
    min-height: 450px;
  }

  .newsletter-card-content {
    padding: 52px 22px 210px;
  }

  .newsletter-envelope {
    width: 220px;
  }

  .newsletter-envelope-left { left: -56px; }
  .newsletter-envelope-right { right: -56px; }
}

@media (max-width: 520px) {
  .join-membership h2 {
    font-size: clamp(57.2px, 19.8vw, 79.2px);
  }

  .join-membership-button.form-submit {
    width: 100%;
    min-width: 0;
  }

  .newsletter-signup-card {
    min-height: 490px;
  }

  .newsletter-card-content h3 {
    font-size: clamp(44px, 14.3vw, 61.6px);
  }

  .newsletter-card-content p {
    font-size: 14.3px;
  }

  .newsletter-envelope {
    bottom: -16px;
    width: 190px;
  }

  .newsletter-envelope-left { left: -70px; }
  .newsletter-envelope-right { right: -70px; }
}

@media (prefers-reduced-motion: reduce) {
  .join-scene-inner,
  .join-membership,
  .newsletter-signup-card,
  .join-orbit,
  .join-membership-button,
  .newsletter-card-button {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    clip-path: none !important;
  }
}

/* Ana sayfa bölüm akışı: her bölüm tek ve kesintisiz bir yüzeydir. */
.home-page {
  --home-stack-top: 104px;
}

.home-page [data-card],
.home-page #uyelik {
  position: relative !important;
  top: auto !important;
  height: auto !important;
  min-height: calc(100svh - var(--home-stack-top)) !important;
  max-height: none !important;
  overflow: visible !important;
  transform: none !important;
  will-change: auto !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  z-index: auto !important;
}

/* Bölüm etiketi içeriğin parçasıdır; başka bölümlerin üzerine binmez. */
.home-page [data-card] > .iu-style-033,
.home-page #uyelik > .iu-style-033 {
  position: relative;
  top: auto;
  z-index: auto;
  padding: 72px 0 12px;
  background: transparent;
}

.home-page [data-dwell] {
  display: none !important;
  height: 0 !important;
}

@media (max-width: 820px) {
  .home-page {
    --home-stack-top: max(88px, calc(env(safe-area-inset-top) + 72px));
  }
}

/* ===== Hakkımızda: tek görsel, metin ve kaydırma koreografisi ===== */
.about-section {
  background: #fff;
}

.about-story {
  display: grid;
  max-width: 1240px;
  margin: 0 auto;
  padding: 36px 24px 112px;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr);
  gap: clamp(52px, 7vw, 104px);
  align-items: center;
}

.about-visual {
  position: relative;
  min-width: 0;
  margin: 0;
}

.about-visual-frame {
  position: relative;
  height: clamp(480px, 50vw, 680px);
  overflow: hidden;
  border-radius: 20px;
  background: #e8e5df;
  isolation: isolate;
}

.about-visual-frame::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 1px solid rgba(18, 32, 63, .12);
  border-radius: inherit;
  content: "";
  pointer-events: none;
}

.about-main-image {
  position: absolute;
  inset: -52px 0;
  width: 100%;
  height: calc(100% + 104px);
  object-fit: cover;
  object-position: center;
  will-change: transform;
}

.about-copy {
  min-width: 0;
}

.about-heading {
  max-width: 12ch;
  margin: 30px 0 0;
  color: var(--navy);
  font-size: clamp(41.8px, 4.84vw, 72.6px);
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1.08;
  text-wrap: balance;
}

/* Hero sloganindaki vurgu dilinin acik zemine uyarlanmis hali: gradyanli
   metin + tabanin hemen altina oturan ince, iki ucu soluklasan cizgi. */
.about-heading-accent {
  /* Satir sonuna denk gelen vurgu, satir ici kutu olarak parcalaninca ::after
     iki satiri kapsayan kutuya gore konumlanip kayboluyordu; inline-block kutuyu
     butun tutar ve cizgi daima kelimenin altina oturur. */
  display: inline-block;
  position: relative;
  color: var(--navy-2);
  background: linear-gradient(180deg, var(--navy) 0%, var(--navy-2) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.about-heading-accent::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  /* Olcu, inline-block kutusunun altindan alinir (line-height 1.08). Taban
     cizgisi kutu alt kenarinin ~0.18em ustunde kaldigi icin 0.1em, cizgiyi
     harflerin hemen altina indirir; daha buyuk bir deger metnin uzerine biner. */
  bottom: 0.1em;
  height: 0.05em;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(53, 80, 126, 0) 0%, var(--blue-soft) 12%, var(--navy-2) 55%, var(--blue-soft) 88%, rgba(53, 80, 126, 0) 100%);
  opacity: 0.85;
}

.about-copy-line {
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 44px;
  background: rgba(18, 32, 63, .22);
  transform-origin: left center;
}

/* "Biz kimiz" (ekosistem) anlatisini rakamlar bloğundan ayiran kapanis cizgisi.
   Genislik .about-story ve .iu-style-069 ile ayni kutuya oturur. */
.about-section-divider {
  display: block;
  max-width: 1240px;
  height: 1px;
  margin: 0 auto;
  background: rgba(18, 32, 63, .22);
  transform-origin: left center;
}

/* İçerik JavaScript olmadan görünür kalır; yalnızca hazır ortamda hareket başlar. */
.about-motion-ready .about-reveal {
  opacity: 0;
  filter: blur(10px);
  transform: translateY(48px);
  transition:
    opacity 760ms cubic-bezier(.23, 1, .32, 1) var(--about-delay, 0ms),
    filter 760ms cubic-bezier(.23, 1, .32, 1) var(--about-delay, 0ms),
    transform 900ms cubic-bezier(.23, 1, .32, 1) var(--about-delay, 0ms);
  will-change: opacity, filter, transform;
}

.about-motion-ready .about-reveal-image {
  transform: translateY(36px) scale(.985);
  transition:
    opacity 500ms cubic-bezier(.23, 1, .32, 1),
    transform 1050ms cubic-bezier(.23, 1, .32, 1);
}

.about-motion-ready .about-reveal-image .about-visual-frame {
  clip-path: inset(0 0 100% 0 round 20px);
  transition: clip-path 1100ms cubic-bezier(.77, 0, .175, 1);
}

.about-motion-ready .about-copy-line,
.about-motion-ready .about-section-divider {
  filter: none;
  transform: scaleX(0);
}

.about-motion-ready .about-reveal.is-visible {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
}

.about-motion-ready .about-reveal-image.is-visible {
  transform: translateY(0) scale(1);
}

.about-motion-ready .about-reveal-image.is-visible .about-visual-frame {
  clip-path: inset(0 0 0 0 round 20px);
}

.about-motion-ready .about-copy-line.is-visible,
.about-motion-ready .about-section-divider.is-visible {
  transform: scaleX(1);
}

.about-stat:nth-child(1) { --about-delay: 0ms; }
.about-stat:nth-child(2) { --about-delay: 70ms; }
.about-stat:nth-child(3) { --about-delay: 140ms; }
.about-stat:nth-child(4) { --about-delay: 210ms; }

@media (max-width: 900px) {
  .about-story {
    padding: 28px 20px 88px;
    grid-template-columns: 1fr;
    gap: 54px;
  }

  .about-visual-frame {
    height: clamp(420px, 76vw, 620px);
  }

  .about-heading {
    max-width: 15ch;
  }
}

@media (max-width: 680px) {
  .about-story {
    padding: 20px 18px 72px;
    gap: 42px;
  }

  .about-visual-frame {
    height: min(128vw, 540px);
    border-radius: 16px;
  }

  .about-heading {
    margin-top: 24px;
    font-size: clamp(37.4px, 11.55vw, 52.8px);
  }

  .about-copy-line {
    margin-top: 34px;
  }
}

/* ===== Komiteler: kısa bekleme, üst üste panel ve görsel kartlar ===== */
.home-page [data-dwell].committee-dwell {
  position: relative;
  z-index: 1;
  display: block !important;
  height: clamp(160px, 22svh, 260px) !important;
  background: var(--paper);
}

.home-page .committees-section {
  position: relative !important;
  z-index: 3 !important;
  min-height: auto !important;
  margin-top: clamp(-132px, -10vw, -92px);
  overflow: hidden !important;
  border-radius: 30px 30px 0 0 !important;
  color: var(--navy);
  background: var(--paper-warm) !important;
  box-shadow: 0 -24px 70px rgba(18, 32, 63, .2) !important;
  isolation: isolate;
}

.committees-section::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 82% 12%, rgba(139, 163, 205, .18), transparent 32%),
    linear-gradient(180deg, rgba(255, 255, 255, .5), transparent 34%);
  content: "";
  pointer-events: none;
}

.home-page .committees-section > .iu-style-033 {
  padding-top: 74px;
}

.committees-section .iu-style-076 {
  max-width: 1380px;
  margin: 0 auto;
  padding: 54px 24px 124px;
}

.committees-section .iu-style-077 {
  margin-top: 24px;
  margin-bottom: 50px;
}

.committee-heading {
  max-width: 12ch;
  font-family: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  font-size: clamp(44px, 5vw, 76px);
  font-weight: 600;
  letter-spacing: -.045em;
  line-height: .98;
  text-wrap: balance;
}

.committee-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(12px, 1.5vw, 22px);
}

.committee-card-stage {
  min-width: 0;
  padding: 12px 0 24px;
}

.committee-card-stage:nth-child(1) { --committee-delay: 120ms; }
.committee-card-stage:nth-child(2) { --committee-delay: 200ms; }
.committee-card-stage:nth-child(3) { --committee-delay: 280ms; }
.committee-card-stage:nth-child(4) { --committee-delay: 360ms; }

.committee-visual-card {
  position: relative;
  display: block;
  aspect-ratio: 3 / 4.25;
  min-height: 430px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .38);
  border-radius: 20px;
  color: #fff;
  background: var(--navy);
  box-shadow: 0 12px 28px rgba(18, 32, 63, .13);
  transform: translateZ(0);
  transform-origin: center bottom;
  transition:
    transform 520ms cubic-bezier(.16, 1, .3, 1),
    box-shadow 520ms cubic-bezier(.16, 1, .3, 1),
    border-color 260ms ease;
}

.committee-visual-card::before,
.committee-visual-card::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  pointer-events: none;
}

.committee-visual-card::before {
  background: linear-gradient(180deg, rgba(18, 32, 63, .08) 14%, rgba(18, 32, 63, .18) 46%, rgba(18, 32, 63, .88) 100%);
}

.committee-visual-card::after {
  opacity: .08;
  background: linear-gradient(155deg, rgba(53, 80, 126, .15) 5%, rgba(53, 80, 126, .62) 52%, #12203f 100%);
  transition: opacity 480ms cubic-bezier(.16, 1, .3, 1);
}

.committee-visual-card > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 850ms cubic-bezier(.16, 1, .3, 1), filter 500ms ease;
}

.committee-card-number {
  padding-left: .1em;
  position: absolute;
  z-index: 2;
  top: 22px;
  left: 22px;
  display: inline-grid;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 50%;
  place-items: center;
  color: #fff;
  background: rgba(18, 32, 63, .18);
  backdrop-filter: blur(8px);
  font-size: 12.1px;
  font-weight: 700;
  letter-spacing: .1em;
  transition: background 320ms ease, transform 420ms cubic-bezier(.16, 1, .3, 1);
}

.committee-card-copy {
  position: absolute;
  z-index: 2;
  right: 24px;
  bottom: 26px;
  left: 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.committee-card-name {
  max-width: 10ch;
  color: #fff;
  font-family: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  font-size: clamp(31px, 2.8vw, 48px);
  font-weight: 600;
  letter-spacing: -.045em;
  line-height: .95;
  text-wrap: balance;
  text-shadow: 0 2px 18px rgba(18, 32, 63, .35);
  transform: translateY(0);
  transition: transform 520ms cubic-bezier(.16, 1, .3, 1);
}

/* Kapalıyken 0fr olduğu için hiç yer kaplamaz; hover'da 1fr'ye açılıp
   yüksekliğini metnin uzunluğundan alır. Kutu alt kenardan sabitlendiği
   için açılan metin başlığı yukarı iter. */
.committee-card-description {
  display: grid;
  grid-template-rows: 0fr;
  max-width: 28ch;
  margin-top: 0;
  opacity: 0;
  color: rgba(255, 255, 255, .82);
  font-size: 13.2px;
  line-height: 1.55;
  transition:
    grid-template-rows 680ms cubic-bezier(.16, 1, .3, 1),
    margin-top 680ms cubic-bezier(.16, 1, .3, 1),
    opacity 360ms ease;
}

.committee-card-description-inner {
  overflow: hidden;
  min-height: 0;
  transform: translateY(10px);
  transition: transform 680ms cubic-bezier(.16, 1, .3, 1);
}

.committee-card-link {
  display: flex;
  width: 100%;
  margin-top: 20px;
  padding-top: 14px;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, .36);
  color: rgba(255, 255, 255, .92);
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
}

.committee-card-link > span {
  font-size: 17.6px;
  transition: transform 360ms cubic-bezier(.16, 1, .3, 1);
}

@media (hover: hover) and (pointer: fine) {
  .committee-visual-card:hover,
  .committee-visual-card:focus-visible {
    border-color: rgba(255, 255, 255, .7);
    color: #fff;
    box-shadow: 0 28px 58px rgba(18, 32, 63, .3);
    transform: translateY(-10px) scale(1.028);
  }

  .committee-visual-card:hover::after,
  .committee-visual-card:focus-visible::after {
    opacity: .92;
  }

  .committee-visual-card:hover > img,
  .committee-visual-card:focus-visible > img {
    filter: saturate(.82) contrast(1.04);
    transform: scale(1.085);
  }

  .committee-visual-card:hover .committee-card-number,
  .committee-visual-card:focus-visible .committee-card-number {
    background: rgba(18, 32, 63, .72);
    transform: rotate(-8deg) scale(1.06);
  }

  .committee-visual-card:hover .committee-card-name,
  .committee-visual-card:focus-visible .committee-card-name {
    transform: translateY(-4px);
  }

  .committee-visual-card:hover .committee-card-description,
  .committee-visual-card:focus-visible .committee-card-description {
    grid-template-rows: 1fr;
    margin-top: 14px;
    opacity: 1;
    transition-delay: 60ms, 60ms, 120ms;
  }

  .committee-visual-card:hover .committee-card-description-inner,
  .committee-visual-card:focus-visible .committee-card-description-inner {
    transform: translateY(0);
    transition-delay: 60ms;
  }

  .committee-visual-card:hover .committee-card-link > span,
  .committee-visual-card:focus-visible .committee-card-link > span {
    transform: translateX(6px);
  }
}

.committee-visual-card:active {
  transform: translateY(-5px) scale(.99);
}

html.committee-motion-ready .home-page .committees-section {
  opacity: .92;
  transform: translateY(78px) scale(.992) !important;
  transform-origin: center top;
  transition:
    opacity 600ms cubic-bezier(.16, 1, .3, 1),
    transform 950ms cubic-bezier(.16, 1, .3, 1) !important;
  will-change: opacity, transform !important;
}

html.committee-motion-ready .home-page .committees-section.is-panel-visible {
  opacity: 1;
  transform: translateY(0) scale(1) !important;
}

.committee-motion-ready .committee-reveal {
  opacity: 0;
  transform: translateY(44px);
  transition:
    opacity 680ms cubic-bezier(.16, 1, .3, 1) var(--committee-delay, 0ms),
    transform 820ms cubic-bezier(.16, 1, .3, 1) var(--committee-delay, 0ms);
  will-change: opacity, transform;
}

.committee-motion-ready .committee-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1080px) {
  .committee-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .committee-visual-card {
    min-height: 500px;
  }

  .committee-card-name {
    font-size: clamp(41.8px, 6.6vw, 63.8px);
  }
}

@media (max-width: 680px) {
  .home-page [data-dwell].committee-dwell {
    height: 148px !important;
  }

  .home-page .committees-section {
    margin-top: -84px;
    border-radius: 22px 22px 0 0 !important;
  }

  .home-page .committees-section > .iu-style-033 {
    padding-top: 54px !important;
  }

  .committees-section .iu-style-076 {
    padding: 40px 18px 82px;
  }

  .committees-section .iu-style-077 {
    margin-bottom: 34px;
  }

  .committee-heading {
    max-width: 10ch;
    font-size: clamp(46.2px, 15.4vw, 68.2px);
  }

  .committee-card-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .committee-visual-card {
    min-height: min(132vw, 610px);
    border-radius: 16px;
  }

  .committee-card-name {
    font-size: clamp(46.2px, 14.3vw, 68.2px);
  }

  .committee-card-description {
    grid-template-rows: 1fr;
    margin-top: 12px;
    opacity: 1;
  }

  .committee-card-description-inner {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.committee-motion-ready .home-page .committees-section,
  .committee-motion-ready .committee-reveal {
    opacity: 1;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }

  /* Açılıp kapanma anlık olur; kutu yine yer kaplamaz. */
  .committee-card-description,
  .committee-card-description-inner {
    transition: none;
  }

  .committee-card-description-inner {
    transform: none;
  }
}

/* ===== Ekipler / Komiteler geçişi: aynı bölümde iki sekme ===== */
.group-switch {
  position: relative;
  display: grid;
  width: fit-content;
  margin: 30px auto 0;
  padding: 0;
  grid-auto-flow: column;
  grid-auto-columns: minmax(150px, auto);
  border: 0;
  background: none;
}

/* Kutu yok: sekmeleri yalnizca alttaki ince cizgi tasir. */
.group-switch::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: rgba(18, 32, 63, .16);
  content: "";
}

.group-switch-thumb {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 2px;
  border-radius: 2px;
  background: var(--navy, #12203f);
  transition: transform 620ms cubic-bezier(.16, 1, .3, 1);
}

.committees-section.is-group-units .group-switch-thumb {
  background: var(--forest, #04391f);
  transform: translateX(100%);
}

.committees-section.is-group-units .group-switch-option.is-active {
  color: var(--forest, #04391f);
}

/* Ekipler tarafi kulup fontunu kullanir; komiteler tarafi serif basligini korur. */
.committees-section.is-group-units .committee-heading {
  font-family: var(--font-sans);
  font-weight: 700;
  letter-spacing: -.022em;
  line-height: 1.02;
}

.group-switch-option {
  position: relative;
  z-index: 1;
  display: flex;
  padding: 12px 20px 15px;
  gap: 8px;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  color: rgba(18, 32, 63, .42);
  font-family: var(--font-sans);
  font-size: 11.8px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
  transition: color 380ms ease;
}

.group-switch-option.is-active {
  color: var(--navy, #12203f);
}

.group-switch-count {
  font-size: 9.4px;
  font-weight: 700;
  letter-spacing: .08em;
  opacity: .5;
  transition: opacity 380ms ease;
}

.group-switch-option.is-active .group-switch-count {
  opacity: .72;
}

@media (hover: hover) and (pointer: fine) {
  .group-switch-option:not(.is-active):hover {
    color: rgba(18, 32, 63, .7);
  }
}

.group-switch-option:focus-visible {
  outline: 2px solid var(--navy, #12203f);
  outline-offset: 2px;
}

.group-panel.is-group-hidden {
  display: none;
}

.group-panel.is-group-active {
  animation: group-panel-in 620ms cubic-bezier(.16, 1, .3, 1) both;
}

@keyframes group-panel-in {
  from { opacity: 0; transform: translateY(22px); }
  to { opacity: 1; transform: none; }
}

/* ===== Ekip kartları: hover'da açılan, kardeşlerini iten akordiyon ızgara ===== */
.unit-card-grid {
  /* Akordiyonun tüm geçişleri tek bir süre/eğri üzerinden yürür: uzun ve yavaş
     yerleşen bir kurve, hover'da ani sıçrama hissini kaldırır. Bant ve kart
     yüksekliği biraz daha uzun sürer, metinler kademeli gecikmeyle açılır. */
  --unit-dur: 1150ms;
  --unit-dur-slow: 1450ms;
  --unit-ease: cubic-bezier(.36, .07, .19, 1);
  /* Kartlar arasi gecis: kapanan kart, acilan karttan daha uzun surede ve
     kademesiz kapanir; boylece imlec komsu karta gectiginde sert bir sicrama
     yerine iki hareket birbirinin icine akar. */
  --unit-dur-out: 1600ms;
  --unit-dur-out-slow: 1850ms;
  --unit-ease-out: cubic-bezier(.22, .5, .16, 1);
  --unit-delay-band: 0ms;
  --unit-delay-title: 130ms;
  --unit-delay-copy: 300ms;
  display: flex;
  align-items: center;
  gap: clamp(10px, 1.1vw, 18px);
  min-height: 452px;
}

.unit-card-stage {
  display: flex;
  min-width: 0;
  flex: 1 1 0;
  align-items: center;
  padding: 9px 0;
  /* Reveal animasyonunun opacity/transform geçişleri korunur; üzerine yalnızca
     akordiyonun genişlik (flex-grow) geçişi eklenir. */
  transition:
    flex-grow var(--unit-dur-out-slow) var(--unit-ease-out),
    opacity 680ms cubic-bezier(.16, 1, .3, 1) var(--committee-delay, 0ms),
    transform 820ms cubic-bezier(.16, 1, .3, 1) var(--committee-delay, 0ms);
}

.unit-card-stage:nth-child(1) { --committee-delay: 120ms; }
.unit-card-stage:nth-child(2) { --committee-delay: 200ms; }
.unit-card-stage:nth-child(3) { --committee-delay: 280ms; }
.unit-card-stage:nth-child(4) { --committee-delay: 360ms; }

/* Her ekibin üst bandı ayrı bir yeşil tonunda açılır. */
.unit-card-stage:nth-child(1) {
  --unit-media-1: #eef7f1;
  --unit-media-2: #c3e5d1;
  --unit-media-3: #6fae8b;
  --unit-media-deep: rgba(10, 90, 49, .88);
}

.unit-card-stage:nth-child(2) {
  --unit-media-1: #edf6f4;
  --unit-media-2: #bfe2d9;
  --unit-media-3: #5fa593;
  --unit-media-deep: rgba(9, 84, 71, .86);
}

.unit-card-stage:nth-child(3) {
  --unit-media-1: #f0f7ec;
  --unit-media-2: #cde6bf;
  --unit-media-3: #7fb268;
  --unit-media-deep: rgba(46, 92, 34, .84);
}

.unit-card-stage:nth-child(4) {
  --unit-media-1: #ecf6f0;
  --unit-media-2: #b9dfcb;
  --unit-media-3: #4f9c78;
  --unit-media-deep: rgba(6, 74, 50, .86);
}

.unit-visual-card {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 330px;
  padding: 24px;
  overflow: hidden;
  align-items: stretch;
  border: 1px solid rgba(18, 32, 63, .16);
  border-radius: 22px;
  color: var(--navy, #12203f);
  background: #fff;
  box-shadow: 0 10px 26px rgba(18, 32, 63, .05);
  transform: translateZ(0);
  transition:
    min-height var(--unit-dur-out-slow) var(--unit-ease-out),
    transform var(--unit-dur-out-slow) var(--unit-ease-out),
    opacity var(--unit-dur-out) var(--unit-ease-out),
    border-color var(--unit-dur-out) var(--unit-ease-out),
    box-shadow var(--unit-dur-out-slow) var(--unit-ease-out);
}

/* Kart açıldığında üstte beliren, ekibe göre renklenen soyut görsel bant. */
.unit-card-media {
  position: absolute;
  z-index: 1;
  top: 7px;
  right: 7px;
  left: 7px;
  height: 0;
  overflow: hidden;
  border-radius: 16px;
  background:
    radial-gradient(120% 130% at 78% 12%, rgba(255, 255, 255, .85), transparent 56%),
    radial-gradient(90% 120% at 12% 92%, var(--unit-media-deep, rgba(12, 104, 58, .9)), transparent 64%),
    linear-gradient(122deg, var(--unit-media-1, #eef7f1) 0%, var(--unit-media-2, #c3e5d1) 44%, var(--unit-media-3, #74b28e) 100%);
  opacity: 0;
  pointer-events: none;
  transition:
    height var(--unit-dur-out-slow) var(--unit-ease-out),
    opacity var(--unit-dur-out-slow) var(--unit-ease-out);
}

.unit-card-media::before {
  position: absolute;
  top: -34%;
  left: -12%;
  width: 78%;
  height: 168%;
  border-radius: 50%;
  background: linear-gradient(180deg, rgba(255, 255, 255, .85), rgba(255, 255, 255, 0) 72%);
  content: "";
  filter: blur(14px);
  transform: rotate(-16deg);
}

.unit-card-media::after {
  position: absolute;
  right: -8%;
  bottom: -58%;
  width: 62%;
  height: 150%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(4, 57, 31, .55), transparent 68%);
  content: "";
  filter: blur(18px);
}

.unit-card-number {
  padding-left: .02em;
  position: absolute;
  z-index: 2;
  top: 18px;
  left: 24px;
  display: block;
  color: rgba(18, 32, 63, .16);
  font-family: var(--font-sans);
  font-size: clamp(38px, 3.4vw, 54px);
  font-weight: 500;
  letter-spacing: -.03em;
  line-height: 1;
  transition:
    color var(--unit-dur-out) var(--unit-ease-out),
    opacity var(--unit-dur-out) var(--unit-ease-out),
    transform var(--unit-dur-out-slow) var(--unit-ease-out);
}

.unit-card-number::after {
  content: ".";
}

.unit-card-body {
  position: relative;
  z-index: 2;
  display: grid;
  width: 100%;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr);
  align-content: end;
  transition: padding-top var(--unit-dur-out-slow) var(--unit-ease-out);
}

.unit-card-head {
  display: block;
}

/* Ekip ikonu: zeminsiz çizgi ikon; her kart için nth-child ile ayrı maske. */
.unit-card-icon {
  display: block;
  width: 26px;
  height: 26px;
  margin-bottom: 16px;
  opacity: .82;
  transition: opacity var(--unit-dur-out) var(--unit-ease-out);
}

.unit-card-icon::before {
  display: block;
  width: 100%;
  height: 100%;
  background: currentcolor;
  content: "";
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 24px 24px;
  mask-size: 24px 24px;
}

.unit-card-stage:nth-child(1) .unit-card-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 17 9 11 13 15 21 7'/%3E%3Cpolyline points='15 7 21 7 21 13'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 17 9 11 13 15 21 7'/%3E%3Cpolyline points='15 7 21 7 21 13'/%3E%3C/svg%3E");
}

.unit-card-stage:nth-child(2) .unit-card-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M8 13h5'/%3E%3Cpath d='M8 16h8'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M8 13h5'/%3E%3Cpath d='M8 16h8'/%3E%3C/svg%3E");
}

.unit-card-stage:nth-child(3) .unit-card-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H8l-5 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H8l-5 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
}

.unit-card-stage:nth-child(4) .unit-card-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20a6 6 0 0 1 12 0'/%3E%3Cpath d='M16 5.2a3 3 0 0 1 0 5.6'/%3E%3Cpath d='M18.5 14.3A5 5 0 0 1 21 18.6'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20a6 6 0 0 1 12 0'/%3E%3Cpath d='M16 5.2a3 3 0 0 1 0 5.6'/%3E%3Cpath d='M18.5 14.3A5 5 0 0 1 21 18.6'/%3E%3C/svg%3E");
}

.unit-card-name {
  display: block;
  max-width: none;
  color: inherit;
  font-family: var(--font-sans);
  font-size: clamp(17px, 1.35vw, 21px);
  font-weight: 600;
  letter-spacing: -.012em;
  line-height: 1.16;
  text-wrap: balance;
  transform: translateY(0);
  transition:
    font-size var(--unit-dur-out) var(--unit-ease-out),
    transform var(--unit-dur-out) var(--unit-ease-out);
}

/* Detay (açıklama + bağlantı) yalnızca açılan kartta görünür. */
.unit-card-aside {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transform: translateY(10px);
  transition:
    grid-template-rows var(--unit-dur-out) var(--unit-ease-out),
    opacity var(--unit-dur-out) var(--unit-ease-out),
    transform var(--unit-dur-out) var(--unit-ease-out);
}

.unit-card-aside > * {
  min-height: 0;
  overflow: hidden;
}

.unit-card-description {
  display: block;
  max-width: 52ch;
  color: inherit;
  opacity: .78;
  font-size: 13px;
  line-height: 1.58;
}

.unit-card-link {
  display: flex;
  width: 100%;
  margin-top: 16px;
  padding-top: 12px;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid currentcolor;
  color: inherit;
  font-family: var(--font-sans);
  font-size: 10.2px;
  font-weight: 700;
  letter-spacing: .12em;
  opacity: .9;
}

.unit-card-link > span {
  font-size: 15.4px;
  transition: transform var(--unit-dur-out) var(--unit-ease-out);
}

@media (hover: hover) and (pointer: fine) {
  /* Üzerine gelinen kart büyür, kardeşleri daralıp geri çekilir. */
  .unit-card-stage:has(.unit-visual-card:hover),
  .unit-card-stage:has(.unit-visual-card:focus-visible) {
    flex-grow: 2.4;
    transition:
      flex-grow var(--unit-dur-slow) var(--unit-ease),
      opacity 680ms cubic-bezier(.16, 1, .3, 1) var(--committee-delay, 0ms),
      transform 820ms cubic-bezier(.16, 1, .3, 1) var(--committee-delay, 0ms);
  }

  .unit-card-grid:has(.unit-visual-card:hover) .unit-visual-card:not(:hover),
  .unit-card-grid:has(.unit-visual-card:focus-visible) .unit-visual-card:not(:focus-visible) {
    opacity: .72;
    border-color: rgba(18, 32, 63, .1);
    box-shadow: none;
    transform: scale(.99);
  }

  .unit-visual-card:hover,
  .unit-visual-card:focus-visible {
    min-height: 420px;
    transition:
      min-height var(--unit-dur-slow) var(--unit-ease),
      transform var(--unit-dur-slow) var(--unit-ease),
      opacity var(--unit-dur) var(--unit-ease),
      border-color var(--unit-dur) var(--unit-ease),
      box-shadow var(--unit-dur-slow) var(--unit-ease);
    border-color: rgba(18, 32, 63, .1);
    box-shadow: 0 26px 54px rgba(18, 32, 63, .12);
  }

  .unit-visual-card:hover .unit-card-media,
  .unit-visual-card:focus-visible .unit-card-media {
    height: 178px;
    opacity: 1;
    transition:
      height var(--unit-dur-slow) var(--unit-ease) var(--unit-delay-band),
      opacity var(--unit-dur-slow) var(--unit-ease) var(--unit-delay-band);
  }

  /* Açılan kartın bandı çok yavaş akar; kart kapanınca animasyon durur. */
  .unit-visual-card:hover .unit-card-media::before,
  .unit-visual-card:focus-visible .unit-card-media::before {
    animation: unit-media-drift 24s ease-in-out infinite alternate;
  }

  .unit-visual-card:hover .unit-card-media::after,
  .unit-visual-card:focus-visible .unit-card-media::after {
    animation: unit-media-glow 20s ease-in-out infinite alternate;
  }

  /* Bant açılınca metin bloğu aşağı kayar; başlık bandın hemen altında,
     açıklama kartın dibinde durur. */
  .unit-visual-card:hover .unit-card-body,
  .unit-visual-card:focus-visible .unit-card-body {
    padding-top: 168px;
    align-content: space-between;
    transition: padding-top var(--unit-dur-slow) var(--unit-ease);
  }

  .unit-visual-card:hover .unit-card-number,
  .unit-visual-card:focus-visible .unit-card-number {
    opacity: 0;
    transform: translateY(-10px);
    transition:
      opacity var(--unit-dur) var(--unit-ease),
      transform var(--unit-dur-slow) var(--unit-ease);
  }

  .unit-visual-card:hover .unit-card-name,
  .unit-visual-card:focus-visible .unit-card-name {
    font-size: clamp(23px, 1.9vw, 29px);
    font-weight: 700;
    transition:
      font-size var(--unit-dur) var(--unit-ease) var(--unit-delay-title),
      transform var(--unit-dur) var(--unit-ease) var(--unit-delay-title);
  }

  .unit-visual-card:hover .unit-card-aside,
  .unit-visual-card:focus-visible .unit-card-aside {
    grid-template-rows: 1fr;
    opacity: 1;
    transform: translateY(0);
    transition:
      grid-template-rows var(--unit-dur) var(--unit-ease) var(--unit-delay-copy),
      opacity var(--unit-dur) var(--unit-ease) var(--unit-delay-copy),
      transform var(--unit-dur) var(--unit-ease) var(--unit-delay-copy);
  }

  .unit-visual-card:hover .unit-card-link > span,
  .unit-visual-card:focus-visible .unit-card-link > span {
    transform: translateX(6px);
  }
}

.unit-visual-card:active {
  transform: scale(.994);
}

@keyframes unit-media-drift {
  from { transform: rotate(-16deg) translate3d(0, 0, 0) scale(1); }
  to { transform: rotate(-11deg) translate3d(6%, 3%, 0) scale(1.05); }
}

@keyframes unit-media-glow {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to { transform: translate3d(-7%, -4%, 0) scale(1.07); }
}

/* Dokunmatik / dar ekran: akordiyon yerine klasik dikey liste, detaylar açık. */
@media (max-width: 1080px), (hover: none), (pointer: coarse) {
  .unit-card-grid {
    display: grid;
    min-height: 0;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr);
  }

  .unit-card-stage {
    display: block;
    padding: 0;
  }

  .unit-visual-card {
    display: block;
    min-height: 0;
    padding: 12px 12px 22px;
  }

  /* Dokunmatikte üst bant kalıcı olarak açık durur. */
  .unit-card-media {
    position: relative;
    display: block;
    width: 100%;
    top: 0;
    right: auto;
    left: auto;
    height: 138px;
    margin-bottom: 18px;
    opacity: 1;
  }

  .unit-card-number {
    top: 22px;
    right: auto;
    left: 24px;
    color: rgba(255, 255, 255, .78);
    font-size: 34px;
  }

  .unit-card-body {
    padding: 0 10px;
  }

  .unit-card-icon {
    margin-bottom: 14px;
  }

  .unit-card-name {
    font-size: clamp(20px, 4.6vw, 27px);
    font-weight: 700;
  }

  .unit-card-aside {
    grid-template-rows: 1fr;
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 680px) {
  .group-switch {
    display: grid;
    width: 100%;
    grid-auto-columns: minmax(0, 1fr);
  }

  .group-switch-option {
    padding: 13px 10px;
    font-size: 11.4px;
  }

  .unit-card-grid {
    gap: 12px;
  }

  .unit-visual-card {
    padding: 10px 10px 20px;
    border-radius: 16px;
  }

  .unit-card-media {
    height: 118px;
    border-radius: 12px;
  }

  .unit-card-number {
    top: 18px;
    right: auto;
    left: 20px;
    font-size: 30px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .unit-card-media::before,
  .unit-card-media::after {
    animation: none !important;
  }

  .group-switch-thumb,
  .unit-card-stage,
  .unit-visual-card,
  .unit-card-media,
  .unit-card-body,
  .unit-card-name,
  .unit-card-aside,
  .unit-card-number,
  .unit-card-link > span {
    transition: none !important;
  }

  .group-panel.is-group-active {
    animation: none;
  }
}


/* ===== Yaklaşan etkinlikler: yatay zaman kartları ===== */
.home-page .events-section {
  min-height: auto !important;
  color: var(--navy);
  background: #fff !important;
}

.events-section .iu-style-076 {
  max-width: 1320px;
  margin: 0 auto;
  padding: 38px 24px 66px;
}

.events-section .iu-style-102 {
  gap: 32px;
  margin: 20px 0 28px;
}

.events-section .events-heading {
  max-width: 12ch;
  font-size: clamp(48.4px, 5.5vw, 79.2px);
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1;
  text-wrap: balance;
}

.events-section .events-filters {
  display: flex;
  padding: 5px;
  gap: 4px;
  border-radius: 999px;
  background: #eef1f6;
}

.events-filter {
  min-height: 38px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  color: rgba(18, 32, 63, .64);
  background: transparent;
  cursor: pointer;
  font-size: 12.1px;
  font-weight: 700;
  letter-spacing: .06em;
  transition: color 180ms ease, background 180ms ease, transform 140ms cubic-bezier(.23, 1, .32, 1);
}

.events-filter.is-active {
  color: #fff;
  background: var(--navy-2);
}

@media (hover: hover) and (pointer: fine) {
  .events-filter:not(.is-active):hover {
    color: var(--navy);
    background: rgba(255, 255, 255, .8);
  }
}

.events-filter:active {
  transform: scale(.96);
}

.events-filter:focus-visible {
  outline: 2px solid var(--blue-soft);
  outline-offset: 2px;
}

.events-card-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.event-card-stage {
  min-width: 0;
}

/* Etkinlik listesi boşken bölüm gizlenmez; etkinlik kartıyla aynı yüzeyi
   kullanan kısa bir bilgi satırı gösterilir. */
.events-empty {
  display: flex;
  min-height: 112px;
  margin: 0;
  padding: 8px 24px;
  align-items: center;
  border: 1px dashed rgba(18, 32, 63, .18);
  border-radius: 16px;
  color: rgba(18, 32, 63, .58);
  background: #f1f4f8;
  font-size: 14.3px;
  letter-spacing: -.005em;
}

.events-empty.is-hidden {
  display: none;
}

.event-card-stage:nth-child(1) { --event-delay: 80ms; }
.event-card-stage:nth-child(2) { --event-delay: 145ms; }
.event-card-stage:nth-child(3) { --event-delay: 210ms; }
.event-card-stage:nth-child(4) { --event-delay: 275ms; }
.event-card-stage:nth-child(5) { --event-delay: 340ms; }
.event-card-stage:nth-child(6) { --event-delay: 405ms; }

.event-timeline-card {
  position: relative;
  display: grid;
  min-height: 112px;
  overflow: hidden;
  padding: 8px 12px;
  grid-template-columns: 96px minmax(0, 1fr) 250px;
  gap: clamp(18px, 2.5vw, 34px);
  align-items: stretch;
  border: 1px solid rgba(18, 32, 63, .13);
  border-radius: 16px;
  color: var(--navy);
  background: #f1f4f8;
  transform: translateZ(0);
  transition: transform 260ms cubic-bezier(.23, 1, .32, 1), border-color 220ms ease;
}

.event-timeline-card::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0;
  background: linear-gradient(120deg, #35507e 0%, #263e69 48%, #12203f 100%);
  content: "";
  pointer-events: none;
  transition: opacity 260ms ease;
}

.event-card-date-block,
.event-card-content,
.event-time-chart {
  position: relative;
  z-index: 1;
}

.event-card-date-block {
  display: flex;
  min-width: 0;
  padding: 10px 10px 10px 12px;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid rgba(18, 32, 63, .16);
  transition: border-color 220ms ease, transform 260ms cubic-bezier(.23, 1, .32, 1);
}

.event-card-day {
  font-family: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  font-size: clamp(44px, 4.4vw, 58px);
  font-weight: 600;
  letter-spacing: -.04em;
  line-height: .76;
}

.event-card-month {
  margin-top: 8px;
  color: var(--navy-2);
  font-size: 12.1px;
  font-weight: 750;
  letter-spacing: .12em;
  transition: color 220ms ease;
}

.event-card-year {
  margin-top: 3px;
  color: rgba(18, 32, 63, .52);
  font-size: 11px;
  font-weight: 600;
  transition: color 220ms ease;
}

.event-card-content {
  display: grid;
  min-width: 0;
  padding: 6px 0;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 22px;
  align-content: center;
}

.event-card-type {
  grid-column: 1;
  color: var(--navy-2);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .14em;
  transition: color 220ms ease;
}

.event-card-title {
  grid-column: 1;
  max-width: 19ch;
  margin-top: 6px;
  font-size: clamp(23.1px, 2.09vw, 28.6px);
  font-weight: 600;
  letter-spacing: -.03em;
  line-height: 1.02;
  text-wrap: balance;
}

.event-card-place {
  grid-column: 1;
  max-width: 52ch;
  margin-top: 6px;
  color: rgba(18, 32, 63, .64);
  font-size: 12.1px;
  line-height: 1.4;
  transition: color 220ms ease;
}

.event-time-chart {
  display: flex;
  min-height: 94px;
  overflow: visible;
  padding: 12px 8px 12px 20px;
  border-left: 1px solid rgba(18, 32, 63, .16);
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  color: var(--navy);
  background: transparent;
  transition: transform 260ms cubic-bezier(.23, 1, .32, 1), border-color 220ms ease;
}

.event-time-chart::before {
  display: none;
}

.event-time-copy {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.event-time-copy strong {
  font-size: 35.2px;
  font-weight: 600;
  letter-spacing: -.035em;
  line-height: 1;
  transition: color 220ms ease;
}

.event-time-copy small {
  color: rgba(18, 32, 63, .58);
  font-size: 9.9px;
  font-weight: 750;
  letter-spacing: .1em;
}

.event-time-line {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 3px;
  overflow: hidden;
  margin-top: 13px;
  border-radius: 999px;
  background: rgba(18, 32, 63, .15);
}

.event-time-line-fill {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--navy-2);
  transform: scaleX(var(--event-line-scale));
  transform-origin: left center;
  transition: transform 900ms cubic-bezier(.23, 1, .32, 1) var(--event-delay, 0ms);
}

.event-status-pill {
  position: relative;
  z-index: 1;
  margin-top: 11px;
  color: rgba(18, 32, 63, .58);
  font-size: 8.8px;
  font-weight: 750;
  letter-spacing: .1em;
  text-align: left;
}

.event-timeline-card.is-past {
  opacity: .48;
  cursor: default;
  filter: grayscale(.85);
  pointer-events: none;
  background: #eeeeef;
}

.event-timeline-card.is-past .event-time-chart {
  background: transparent;
}

@media (hover: hover) and (pointer: fine) {
  .event-timeline-card:not(.is-past):hover {
    border-color: transparent;
    color: #fff;
    transform: translateY(-5px) scale(1.006);
  }

  .event-timeline-card:not(.is-past):hover::before {
    opacity: 1;
  }

  .event-timeline-card:not(.is-past):hover .event-card-date-block {
    border-color: rgba(255, 255, 255, .22);
    transform: translateX(5px);
  }

  .event-timeline-card:not(.is-past):hover .event-card-month,
  .event-timeline-card:not(.is-past):hover .event-card-year,
  .event-timeline-card:not(.is-past):hover .event-card-type,
  .event-timeline-card:not(.is-past):hover .event-card-place {
    color: rgba(255, 255, 255, .76);
  }

  .event-timeline-card:not(.is-past):hover .event-time-chart {
    border-color: rgba(255, 255, 255, .22);
    background: transparent;
    transform: translateX(-3px);
  }

  .event-timeline-card:not(.is-past):hover .event-time-copy strong,
  .event-timeline-card:not(.is-past):hover .event-time-copy small,
  .event-timeline-card:not(.is-past):hover .event-status-pill {
    color: #fff;
  }

  .event-timeline-card:not(.is-past):hover .event-time-line {
    background: rgba(255, 255, 255, .2);
  }

  .event-timeline-card:not(.is-past):hover .event-time-line-fill {
    background: #fff;
  }

}

.event-timeline-card:not(.is-past):active {
  transform: translateY(-2px) scale(.99);
}

.event-motion-ready .event-reveal {
  opacity: 0;
  transform: translateY(42px);
  transition:
    opacity 650ms cubic-bezier(.23, 1, .32, 1) var(--event-delay, 0ms),
    transform 820ms cubic-bezier(.23, 1, .32, 1) var(--event-delay, 0ms);
  will-change: opacity, transform;
}

.event-motion-ready .event-card-stage:nth-child(even) {
  transform: translateX(-72px) rotate(-.35deg);
}

.event-motion-ready .event-card-stage:nth-child(odd) {
  transform: translateX(72px) rotate(.35deg);
}

.event-motion-ready .event-reveal.is-visible {
  opacity: 1;
  transform: translate(0) rotate(0);
}

.event-motion-ready .event-card-stage:not(.is-visible) .event-time-line-fill {
  transform: scaleX(0);
}

@media (max-width: 900px) {
  .event-timeline-card {
    grid-template-columns: 88px minmax(0, 1fr) 210px;
    gap: 18px;
  }

  .event-card-day {
    font-size: 55px;
  }

  .event-card-title {
    font-size: clamp(24.2px, 3.85vw, 31.9px);
  }
}

@media (max-width: 680px) {
  .events-section .iu-style-076 {
    padding: 32px 18px 56px;
  }

  .events-section .iu-style-102 {
    margin-bottom: 20px;
  }

  .events-section .events-heading {
    max-width: 9ch;
    font-size: clamp(46.2px, 14.3vw, 63.8px);
  }

  .events-section .events-filters {
    width: 100%;
    overflow-x: auto;
    justify-content: flex-start;
    scrollbar-width: none;
  }

  .events-filters::-webkit-scrollbar {
    display: none;
  }

  .events-filter {
    flex: none;
  }

  .event-timeline-card {
    min-height: 0;
    padding: 8px 10px;
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 12px;
    border-radius: 14px;
  }

  .event-card-date-block {
    padding: 10px 8px 10px 2px;
  }

  .event-card-day {
    font-size: 46.2px;
  }

  .event-card-month {
    margin-top: 12px;
    font-size: 13.2px;
  }

  .event-card-content {
    display: flex;
    padding: 10px 4px 10px 0;
    flex-direction: column;
    justify-content: center;
  }

  .event-card-title {
    font-size: clamp(22px, 7.15vw, 28.6px);
  }

  .event-card-place {
    font-size: 13.2px;
  }

  .event-time-chart {
    min-height: 72px;
    padding: 12px 4px;
    border-top: 1px solid rgba(18, 32, 63, .14);
    border-left: 0;
    grid-column: 1 / -1;
  }

  .event-time-copy {
    gap: 8px;
  }

  .event-time-copy strong {
    font-size: 28.6px;
  }

  .event-time-line {
    margin-top: 9px;
  }

  .event-status-pill {
    margin-top: 8px;
  }

  .event-motion-ready .event-card-stage:nth-child(even),
  .event-motion-ready .event-card-stage:nth-child(odd) {
    transform: translateY(50px);
  }

  .event-motion-ready .event-card-stage.is-visible:nth-child(even),
  .event-motion-ready .event-card-stage.is-visible:nth-child(odd) {
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .event-motion-ready .event-reveal,
  .event-motion-ready .event-card-stage:nth-child(even),
  .event-motion-ready .event-card-stage:nth-child(odd) {
    opacity: 1;
    transform: none;
    transition: opacity 180ms ease;
    will-change: auto;
  }

  .event-time-line-fill {
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .about-motion-ready .about-reveal,
  .about-motion-ready .about-reveal-image,
  .about-motion-ready .about-copy-line,
  .about-motion-ready .about-section-divider,
  .about-motion-ready .about-reveal-image .about-visual-frame {
    opacity: 1;
    filter: none;
    clip-path: none;
    transform: none;
    transition: opacity 180ms ease;
    will-change: auto;
  }
}

/* ===== Vizyon & Misyon =====
   Rakamlar bloğunun üstünde, "biz kimiz" anlatısını iki başlıkta özetler.
   Kutu ölçüleri .iu-style-069 ile aynı; arka plan bölümün beyazı olarak kalır. */
.about-vision-mission {
  max-width: 1240px;
  margin: 0 auto;
  padding: 84px 24px 0;
}

.vision-mission-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(40px, 5vw, 88px);
}

.vm-card {
  text-align: center;
}

/* İkon ve başlık referans tasarımdaki gibi tek satırda, ortalanmış durur. */
.vm-head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(14px, 1.6vw, 22px);
}

.vm-icon {
  display: inline-flex;
  flex: none;
  width: clamp(52px, 5vw, 68px);
  height: clamp(52px, 5vw, 68px);
  color: #12203f;
}

.vm-icon svg {
  width: 100%;
  height: 100%;
}

.vm-title {
  margin: 0;
  font-size: clamp(28.6px, 3vw, 39.6px);
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.1;
  color: #12203f;
}

.vm-text {
  margin: 26px auto 0;
  font-size: 15.4px;
  line-height: 1.75;
  color: rgba(18, 32, 63, .62);
  max-width: 46ch;
  text-wrap: pretty;
}

@media (max-width: 900px) {
  .about-vision-mission {
    padding: 56px 20px 0;
  }

  .vision-mission-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}

/* ===== Sponsorlar ===== */
/* Sponsor bandı hemen altta olduğu için rakamlar bloğunun alt boşluğu kısalır. */
.about-stats {
  padding-bottom: 56px;
}

/* Kutu ölçüleri .iu-style-069 (rakamlarla kulüp) ile aynı. */
.club-sponsors {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px 100px;
}

/* Logo şeridi ortalandığı için başlık da bölüm etiketleriyle aynı şekilde ortalanır. */
.club-sponsors .iu-style-070 {
  justify-content: center;
  margin-bottom: 34px;
}

.club-sponsor-logos {
  display: flex;
  min-height: 94px;
  padding: 26px 0;
  gap: clamp(32px, 5vw, 76px);
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  border-top: 1px solid rgba(18, 32, 63, .12);
  border-bottom: 1px solid rgba(18, 32, 63, .12);
}

.club-sponsor-logos .partner-item {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  transition: opacity 180ms ease, transform 180ms cubic-bezier(.23, 1, .32, 1);
}

.club-sponsor-logos .partner-item img {
  width: auto;
  max-width: 180px;
  height: 46px;
  object-fit: contain;
}

@media (hover: hover) and (pointer: fine) {
  .club-sponsor-logos .partner-item:hover {
    opacity: .72;
    transform: translateY(-2px);
  }
}

@media (max-width: 760px) {
  .club-sponsors {
    padding: 0 18px 72px;
  }

  .club-sponsor-logos {
    gap: 26px 38px;
  }

  .club-sponsor-logos .partner-item img {
    max-width: 140px;
    height: 38px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .club-sponsor-logos .partner-item {
    transition-duration: 180ms;
  }

  .club-sponsor-logos .partner-item:hover {
    transform: none;
  }
}


/* ===== Duyurular ===== */
.market-carousel-shell {
  max-width: 1240px;
  margin: 0 auto;
}

.market-carousel-toolbar {
  display: flex;
  padding: 48px 24px 18px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.market-carousel-toolbar > span {
  color: rgba(18, 32, 63, .58);
  font-size: 12.1px;
  font-weight: 700;
  letter-spacing: .14em;
}

.market-carousel-controls {
  display: flex;
  gap: 10px;
}

.market-carousel-controls button {
  display: inline-grid;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 1px solid rgba(18, 32, 63, .2);
  border-radius: 50%;
  place-items: center;
  color: var(--navy);
  background: transparent;
  cursor: pointer;
  transition:
    color 180ms ease,
    background 180ms ease,
    border-color 180ms ease,
    transform 160ms cubic-bezier(.23, 1, .32, 1);
}

@media (hover: hover) and (pointer: fine) {
  .market-carousel-controls button:not(:disabled):hover {
    border-color: var(--navy);
    color: #fff;
    background: var(--navy);
  }
}

.market-carousel-controls button:not(:disabled):active {
  transform: scale(.94);
}

.market-carousel-controls button:disabled {
  opacity: .28;
  cursor: default;
}

.market-announcements {
  display: grid;
  width: 100%;
  margin: 0;
  padding: 8px 24px 112px;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 68px) / 2);
  gap: 20px;
  align-items: stretch;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-behavior: smooth;
  scroll-padding-inline: 24px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.market-announcements::-webkit-scrollbar {
  display: none;
}

.market-card-stage {
  min-width: 0;
  padding: 8px 0 20px;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.market-announcement-card {
  position: relative;
  display: flex;
  height: 100%;
  min-height: 320px;
  overflow: hidden;
  padding: 32px;
  border-radius: 16px;
  flex-direction: column;
  color: var(--navy);
  background: #f0f2f6;
  transform-origin: center bottom;
  transition:
    color 260ms ease,
    transform 420ms cubic-bezier(.23, 1, .32, 1),
    box-shadow 420ms cubic-bezier(.23, 1, .32, 1);
}

.market-announcement-card::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(180deg, #46618f 0%, #2b426c 52%, #12203f 100%);
  content: "";
  opacity: 0;
  transition: opacity 360ms cubic-bezier(.23, 1, .32, 1);
  pointer-events: none;
}

.market-announcement-card > * {
  position: relative;
  z-index: 1;
}

.market-card-label {
  font-size: 12.1px;
  font-weight: 700;
  letter-spacing: .14em;
  color: var(--navy-2);
  transition: color 260ms ease;
}

.market-announcement-card h3 {
  max-width: 15ch;
  margin: 24px 0 0;
  font-size: clamp(28.6px, 2.97vw, 41.8px);
  font-weight: 550;
  letter-spacing: -.03em;
  line-height: 1.08;
  text-wrap: balance;
}

.market-announcement-card p {
  max-width: 46ch;
  margin: 20px 0 0;
  color: rgba(18, 32, 63, .62);
  font-size: 15.95px;
  line-height: 1.65;
  transition: color 260ms ease;
}

.market-announcement-card > a {
  display: inline-flex;
  margin-top: auto;
  padding-top: 34px;
  gap: 14px;
  align-items: center;
  align-self: flex-start;
  color: inherit;
  font-size: 13.2px;
  font-weight: 750;
  letter-spacing: .08em;
}

.market-announcement-card > a span {
  transition: transform 220ms cubic-bezier(.23, 1, .32, 1);
}

@media (hover: hover) and (pointer: fine) {
  .market-announcement-card:hover,
  .market-announcement-card:focus-within {
    z-index: 2;
    color: #fff;
    transform: translateY(-6px) scale(1.02);
    box-shadow: 0 18px 32px rgba(18, 32, 63, .18);
  }

  .market-announcement-card:hover::before,
  .market-announcement-card:focus-within::before {
    opacity: 1;
  }

  .market-announcement-card:hover .market-card-label,
  .market-announcement-card:focus-within .market-card-label,
  .market-announcement-card:hover p,
  .market-announcement-card:focus-within p {
    color: rgba(255, 255, 255, .78);
  }

  .market-announcement-card:hover > a span,
  .market-announcement-card:focus-within > a span {
    transform: translateX(5px);
  }
}

.market-announcement-card:active {
  transform: scale(.985);
}

/* Duyuru bölümü JavaScript olmadan görünür; hazır ortamda kademeli açılır. */
.market-motion-ready .market-reveal {
  opacity: 0;
  filter: blur(8px);
  transform: translateY(42px);
  transition:
    opacity 680ms cubic-bezier(.23, 1, .32, 1) var(--market-delay, 0ms),
    filter 680ms cubic-bezier(.23, 1, .32, 1) var(--market-delay, 0ms),
    transform 820ms cubic-bezier(.23, 1, .32, 1) var(--market-delay, 0ms);
  will-change: opacity, filter, transform;
}

.market-motion-ready .market-reveal.is-visible {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
}

.market-card-stage:nth-child(1) { --market-delay: 0ms; }
.market-card-stage:nth-child(2) { --market-delay: 70ms; }
.market-card-stage:nth-child(3) { --market-delay: 140ms; }
.market-card-stage:nth-child(4) { --market-delay: 210ms; }
.market-card-stage:nth-child(n + 5) { --market-delay: 280ms; }

@media (max-width: 760px) {
  .market-carousel-toolbar {
    padding: 38px 18px 14px;
  }

  .market-carousel-controls button {
    width: 42px;
    height: 42px;
  }

  .market-announcements {
    padding: 6px 18px 84px;
    grid-auto-columns: 84vw;
    gap: 14px;
    scroll-padding-inline: 18px;
  }

  .market-announcement-card {
    min-height: 288px;
    padding: 26px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .market-announcement-card,
  .market-announcement-card::before,
  .market-announcement-card > a span,
  .market-carousel-controls button,
  .market-motion-ready .market-reveal {
    transition-duration: 180ms;
  }

  .market-announcement-card:hover,
  .market-announcement-card:focus-within,
  .market-motion-ready .market-reveal {
    transform: none;
  }

  .market-motion-ready .market-reveal {
    opacity: 1;
    filter: none;
    will-change: auto;
  }
}

/* ===== Blog geçici durumu ===== */
.blog-coming-soon-panel {
  display: grid;
  min-height: 320px;
  margin-top: 54px;
  padding: 56px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  align-content: center;
  justify-items: start;
}

.blog-coming-soon-panel > span,
.blog-coming-soon-kicker {
  color: var(--navy-2);
  font-size: 12.1px;
  font-weight: 700;
  letter-spacing: .14em;
}

.blog-coming-soon-panel p {
  max-width: 650px;
  margin: 20px 0 0;
  color: var(--navy);
  font-size: clamp(30.8px, 4.62vw, 63.8px);
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1.08;
  text-wrap: balance;
}

.blog-coming-soon-panel a {
  margin-top: 38px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(18, 32, 63, .35);
  color: var(--navy);
  font-size: 14.3px;
  font-weight: 650;
}

.blog-coming-soon-page {
  min-height: 100dvh;
  margin: 0;
  background: var(--paper);
  color: var(--navy);
}

.blog-coming-soon-screen {
  display: grid;
  min-height: 100dvh;
  padding: 28px clamp(24px, 5vw, 72px) 42px;
  grid-template-rows: auto 1fr auto;
}

.blog-coming-soon-brand {
  display: inline-flex;
  width: max-content;
  align-items: center;
}

.blog-coming-soon-brand img {
  display: block;
  width: auto;
  height: 52px;
}

.blog-coming-soon-copy {
  align-self: center;
  max-width: 900px;
}

.blog-coming-soon-copy h1 {
  margin: 22px 0 0;
  font-size: clamp(70.4px, 14.3vw, 198px);
  font-weight: 500;
  letter-spacing: -.065em;
  line-height: .85;
}

.blog-coming-soon-copy p {
  max-width: 540px;
  margin: 34px 0 0;
  color: rgba(18, 32, 63, .62);
  font-size: clamp(16.5px, 1.76vw, 20.9px);
  line-height: 1.65;
}

.blog-coming-soon-back {
  display: inline-flex;
  width: max-content;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(18, 32, 63, .35);
  color: var(--navy);
  font-size: 14.3px;
  font-weight: 650;
}

.blog-coming-soon-actions {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}

.blog-coming-soon-legal {
  color: rgba(18, 32, 63, .54);
  font-size: 13.2px;
}

@media (max-width: 640px) {
  .blog-coming-soon-panel {
    min-height: 260px;
    margin-top: 34px;
    padding: 42px 0;
  }

  .blog-coming-soon-screen {
    padding: 22px 20px 30px;
  }

  .blog-coming-soon-brand img {
    height: 42px;
  }

  .blog-coming-soon-copy h1 {
    font-size: clamp(68.2px, 24.2vw, 105.6px);
  }
}

/* ===== Yasal belgeler ===== */
.legal-page {
  margin: 0;
  background: var(--paper);
  color: var(--navy);
}

.legal-shell {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
  padding: 76px 0 120px;
}

.legal-hero {
  max-width: 880px;
  padding-bottom: 64px;
}

.legal-hero > span,
.legal-section-label {
  color: var(--navy-2);
  font-size: 12.1px;
  font-weight: 700;
  letter-spacing: .14em;
}

.legal-hero h1 {
  max-width: 820px;
  margin: 20px 0 0;
  font-size: clamp(50.6px, 7.7vw, 101.2px);
  font-weight: 500;
  letter-spacing: -.055em;
  line-height: .98;
  text-wrap: balance;
}

.legal-hero p {
  max-width: 700px;
  margin: 28px 0 0;
  color: rgba(18, 32, 63, .64);
  font-size: 18.7px;
  line-height: 1.7;
}

.legal-meta {
  display: flex;
  margin-top: 34px;
  gap: 24px;
  color: rgba(18, 32, 63, .56);
  font-size: 13.2px;
  font-weight: 600;
}

.legal-draft-note {
  margin: 0 0 56px;
  padding: 22px 24px;
  border-left: 3px solid var(--navy-2);
  background: #eef2f7;
  color: rgba(18, 32, 63, .78);
  font-size: 15.4px;
  line-height: 1.65;
}

.legal-draft-note strong {
  display: block;
  margin-bottom: 5px;
  color: var(--navy);
}

.legal-layout {
  display: grid;
  grid-template-columns: 240px minmax(0, 760px);
  gap: clamp(54px, 8vw, 110px);
  align-items: start;
}

.legal-index {
  position: sticky;
  top: 104px;
  display: grid;
  gap: 4px;
}

.legal-index > span {
  margin-bottom: 12px;
  color: rgba(18, 32, 63, .46);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
}

.legal-index a {
  padding: 10px 12px;
  border-radius: 10px;
  color: rgba(18, 32, 63, .68);
  font-size: 14.3px;
  font-weight: 600;
}

.legal-index a:hover,
.legal-index a[aria-current="page"] {
  background: #e8edf5;
  color: var(--navy);
}

.legal-document {
  min-width: 0;
}

.legal-document section {
  padding: 0 0 48px;
  scroll-margin-top: 108px;
}

.legal-document section + section {
  padding-top: 48px;
  border-top: 1px solid var(--line);
}

.legal-document h2 {
  margin: 0 0 20px;
  font-size: clamp(27.5px, 3.3vw, 37.4px);
  font-weight: 600;
  letter-spacing: -.025em;
  line-height: 1.18;
}

.legal-document h3 {
  margin: 30px 0 12px;
  font-size: 18.7px;
  font-weight: 700;
  line-height: 1.4;
}

.legal-document p,
.legal-document li {
  color: rgba(18, 32, 63, .72);
  font-size: 16.5px;
  line-height: 1.78;
}

.legal-document p {
  margin: 0 0 18px;
}

.legal-document ul,
.legal-document ol {
  margin: 18px 0 22px;
  padding-left: 22px;
}

.legal-document li + li {
  margin-top: 9px;
}

.legal-document a {
  color: var(--navy-2);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.legal-table-wrap {
  max-width: 100%;
  margin: 24px 0;
  overflow-x: auto;
}

.legal-table {
  width: 100%;
  min-width: 680px;
  border-collapse: collapse;
  font-size: 14.3px;
  line-height: 1.55;
}

.legal-table th,
.legal-table td {
  padding: 15px 14px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}

.legal-table th {
  color: var(--navy);
  font-size: 12.1px;
  letter-spacing: .06em;
}

.legal-table td {
  color: rgba(18, 32, 63, .7);
}

.legal-consent-example {
  margin: 24px 0;
  padding: 24px;
  border: 1px solid rgba(18, 32, 63, .14);
  border-radius: 14px;
  background: #fff;
}

.legal-consent-example strong {
  display: block;
  margin-bottom: 10px;
}

.legal-consent-example p:last-child {
  margin-bottom: 0;
}

.legal-hub-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  border-top: 1px solid var(--line);
}

.legal-hub-card {
  display: grid;
  min-height: 260px;
  padding: 34px;
  border-bottom: 1px solid var(--line);
  align-content: space-between;
  color: var(--navy);
}

.legal-hub-card:nth-child(odd) {
  border-right: 1px solid var(--line);
}

.legal-hub-card span {
  color: var(--navy-2);
  font-size: 12.1px;
  font-weight: 700;
  letter-spacing: .12em;
}

.legal-hub-card h2 {
  margin: 42px 0 12px;
  font-size: clamp(27.5px, 3.3vw, 41.8px);
  font-weight: 600;
  letter-spacing: -.03em;
}

.legal-hub-card p {
  max-width: 480px;
  margin: 0;
  color: rgba(18, 32, 63, .62);
  font-size: 15.4px;
  line-height: 1.65;
}

.legal-hub-card b {
  margin-top: 34px;
  font-size: 14.3px;
}

.legal-footer {
  padding: 52px 24px;
  background: #0b1730;
  color: #fff;
}

.legal-footer-inner {
  display: flex;
  width: min(1180px, 100%);
  margin: 0 auto;
  justify-content: space-between;
  gap: 32px;
}

.legal-footer img {
  width: auto;
  height: 58px;
}

.legal-footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  justify-content: flex-end;
}

.legal-footer-links a {
  color: rgba(255, 255, 255, .76);
  font-size: 13.2px;
}

.site-legal-strip {
  display: flex;
  max-width: 1240px;
  margin: 48px auto 0;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, .14);
  flex-wrap: wrap;
  gap: 10px 24px;
}

.site-legal-strip a {
  color: rgba(255, 255, 255, .58);
  font-size: 12.1px;
  font-weight: 500;
}

.site-legal-strip a:hover {
  color: #fff;
}

.form-legal-note {
  margin: -4px 0 0;
  color: rgba(18, 32, 63, .55);
  font-size: 12.1px;
  line-height: 1.65;
}

.form-legal-note a {
  color: var(--navy-2);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.iu-style-149 input:disabled {
  cursor: not-allowed;
  opacity: .58;
}

.form-submit[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .58;
  pointer-events: none;
}

.membership-action {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding-top: 12px;
}

.membership-status {
  margin: 0;
  font-size: clamp(24.2px, 2.64vw, 35.2px);
  font-weight: 600;
  letter-spacing: -.02em;
  color: var(--navy);
}

.partner-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: inherit;
}

.partner-item img {
  width: 28px;
  height: 18px;
  object-fit: contain;
}

.iu-style-117 {
  overflow: hidden;
}

.iu-style-117 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 820px) {
  .legal-shell {
    width: min(100% - 36px, 720px);
    padding: 54px 0 88px;
  }

  .legal-layout {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .legal-index {
    position: static;
    display: flex;
    margin: 0 -4px;
    padding-bottom: 8px;
    overflow-x: auto;
  }

  .legal-index > span {
    display: none;
  }

  .legal-index a {
    flex: none;
    background: #eef2f7;
  }

  .legal-hub-grid {
    grid-template-columns: 1fr;
  }

  .legal-hub-card:nth-child(odd) {
    border-right: 0;
  }

  .legal-footer-inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .legal-footer-links {
    justify-content: flex-start;
  }

  .site-legal-strip {
    margin-top: 38px;
  }
}

@media (max-width: 520px) {
  .legal-hero {
    padding-bottom: 44px;
  }

  .legal-hero h1 {
    font-size: 47.3px;
  }

  .legal-meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .legal-hub-card {
    min-height: 230px;
    padding: 28px 20px;
  }
}

/* ===== 404 ===== */
.error-page {
  min-height: 100dvh;
  margin: 0;
  overflow-x: clip;
  background: var(--paper);
  color: var(--navy);
}

.error-shell {
  display: grid;
  width: min(1240px, calc(100% - 64px));
  min-height: calc(100dvh - 176px);
  margin: 0 auto;
  padding: 64px 0 52px;
  grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr);
  gap: clamp(40px, 8vw, 120px);
  align-items: center;
}

.error-copy {
  max-width: 620px;
}

.error-copy > span {
  color: var(--navy-2);
  font-size: 13.2px;
  font-weight: 750;
  letter-spacing: .14em;
}

.error-copy h1 {
  margin: 20px 0 0;
  font-size: clamp(48.4px, 6.6vw, 85.8px);
  font-weight: 500;
  letter-spacing: -.055em;
  line-height: .98;
  text-wrap: balance;
}

.error-copy p {
  max-width: 520px;
  margin: 28px 0 0;
  color: rgba(18, 32, 63, .62);
  font-size: 18.7px;
  line-height: 1.65;
}

.error-actions {
  display: flex;
  margin-top: 38px;
  flex-wrap: wrap;
  gap: 12px;
}

.error-action-primary,
.error-action-secondary {
  display: inline-flex;
  min-height: 46px;
  padding: 0 22px;
  border-radius: 999px;
  align-items: center;
  justify-content: center;
  font-size: 14.3px;
  font-weight: 650;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease, transform .15s ease;
}

.error-action-primary {
  background: var(--navy);
  color: #fff;
}

.error-action-secondary {
  border: 1px solid rgba(18, 32, 63, .22);
  color: var(--navy);
}

.error-action-primary:hover {
  background: var(--navy-2);
}

.error-action-secondary:hover {
  background: #e8edf5;
}

.error-action-primary:active,
.error-action-secondary:active {
  transform: translateY(1px);
}

.error-action-primary:focus-visible,
.error-action-secondary:focus-visible {
  outline: 2px solid var(--blue-soft);
  outline-offset: 3px;
}

.error-code {
  overflow: hidden;
  color: #e5eaf2;
  font-size: clamp(198px, 31.9vw, 473px);
  font-weight: 650;
  letter-spacing: -.095em;
  line-height: .72;
  text-align: right;
  user-select: none;
}

.error-footer {
  display: flex;
  width: min(1240px, calc(100% - 64px));
  margin: 0 auto;
  padding: 22px 0 30px;
  border-top: 1px solid var(--line);
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  color: rgba(18, 32, 63, .52);
  font-size: 12.1px;
}

.error-footer a {
  color: inherit;
}

@media (max-width: 820px) {
  .error-shell {
    width: min(100% - 40px, 620px);
    min-height: calc(100dvh - 160px);
    padding: 50px 0 36px;
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .error-code {
    grid-row: 1;
    font-size: clamp(143px, 51.7vw, 231px);
    line-height: .7;
    text-align: left;
  }

  .error-copy {
    grid-row: 2;
  }

  .error-footer {
    width: calc(100% - 40px);
  }
}

@media (max-width: 460px) {
  .error-copy h1 {
    font-size: 46.2px;
  }

  .error-copy p {
    font-size: 16.5px;
  }

  .error-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .error-action-primary,
  .error-action-secondary {
    width: 100%;
  }
}

/* ===== Ana domain ortak pill navbar ===== */
.event-detail-page,
.committee-detail-page,
.constitution-page,
.faq-page,
.legal-page,
.error-page {
  padding-top: 88px;
}

.site-pill-nav {
  position: fixed;
  top: 16px;
  left: 0;
  right: 0;
  z-index: 120;
  display: flex;
  justify-content: center;
  padding: 0 16px;
  pointer-events: none;
}

.site-pill-nav-inner {
  position: relative;
  display: flex;
  max-width: calc(100vw - 32px);
  padding: 7px;
  border: 1px solid rgba(18, 32, 63, .06);
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 18px 44px rgba(18, 32, 63, .2), 0 2px 6px rgba(18, 32, 63, .08);
  pointer-events: auto;
}

.site-pill-logo {
  display: flex;
  padding: 0 12px 0 8px;
  align-items: center;
}

.site-pill-logo img {
  display: block;
  width: auto;
  height: 30px;
}

.site-pill-links {
  display: flex;
  gap: 2px;
  align-items: center;
}

.site-pill-link,
.site-pill-menu-link {
  border-radius: 999px;
  color: var(--navy);
  font-size: 14.85px;
  font-weight: 600;
  white-space: nowrap;
  transition: background .22s ease, color .22s ease;
}

.site-pill-link {
  padding: 11px 16px;
}

.site-pill-link:hover,
.site-pill-link.is-active {
  background: var(--navy-2);
  color: #fff;
}

.site-pill-membership {
  margin-left: 6px;
  padding: 11px 20px;
  border-radius: 999px;
  background: var(--navy);
  color: #fff;
  font-size: 14.85px;
  font-weight: 600;
  white-space: nowrap;
  transition: background .22s ease, transform .15s ease;
}

.site-pill-membership:hover {
  background: var(--navy-2);
  color: #fff;
}

.site-pill-membership:active {
  transform: translateY(1px);
}

.site-pill-menu {
  display: none;
}

.site-pill-link:focus-visible,
.site-pill-menu summary:focus-visible,
.site-pill-menu-link:focus-visible,
.site-pill-membership:focus-visible,
.site-pill-logo:focus-visible {
  outline: 2px solid var(--blue-soft);
  outline-offset: 2px;
}

@media (max-width: 820px) {
  .event-detail-page,
  .committee-detail-page,
  .constitution-page,
  .faq-page,
  .gallery-page,
  .legal-page,
  .error-page {
    padding-top: 80px;
  }

  .site-pill-nav {
    top: 10px;
    padding: 0 10px;
  }

  .site-pill-nav-inner {
    width: 100%;
    max-width: 520px;
    justify-content: space-between;
  }

  .site-pill-links {
    display: none;
  }

  .site-pill-menu {
    position: relative;
    display: block;
    margin-left: auto;
  }

  .site-pill-menu summary {
    padding: 10px 14px;
    border-radius: 999px;
    color: var(--navy);
    cursor: pointer;
    font-size: 13.75px;
    font-weight: 650;
    list-style: none;
  }

  .site-pill-menu summary::-webkit-details-marker {
    display: none;
  }

  .site-pill-menu[open] summary {
    background: #e8edf5;
  }

  .site-pill-menu-panel {
    position: absolute;
    top: calc(100% + 12px);
    right: -76px;
    display: grid;
    width: min(280px, calc(100vw - 28px));
    padding: 10px;
    border: 1px solid rgba(18, 32, 63, .08);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 22px 48px rgba(18, 32, 63, .2);
  }

  .site-pill-menu-link {
    padding: 12px 14px;
    border-radius: 12px;
  }

  .site-pill-menu-link:hover,
  .site-pill-menu-link.is-active {
    background: #e8edf5;
    color: var(--navy);
  }

  .site-pill-logo {
    padding-left: 7px;
    padding-right: 6px;
  }

  .site-pill-membership {
    margin-left: 0;
    padding: 10px 15px;
    font-size: 13.75px;
  }
}

/* ===== Galeri ===== */
.gallery-page {
  color: var(--navy);
  background: #eef1f5;
}

.gallery-page main {
  overflow: hidden;
}

.gallery-hero {
  min-height: 0 !important;
  height: auto !important;
  padding: 124px max(24px, calc((100vw - 1320px) / 2)) 42px;
  color: #fff;
  background:
    radial-gradient(circle at 79% 14%, rgba(139, 163, 205, .38), transparent 28%),
    linear-gradient(145deg, #12203f 0%, #0b1730 68%, #182b51 100%);
}

.gallery-back-link {
  display: inline-flex;
  padding-bottom: 7px;
  border-bottom: 1px solid currentColor;
  color: inherit;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  opacity: .72;
  transition: opacity 180ms ease;
}

.gallery-back-link:hover {
  color: inherit;
  opacity: 1;
}

.gallery-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr);
  gap: clamp(60px, 9vw, 136px);
  margin-top: 30px;
  align-items: end;
}

.gallery-hero-kicker {
  margin: 0 0 22px;
  color: #a9bde0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
}

.gallery-hero h1,
.gallery-album-hero h1,
.gallery-album-empty h1 {
  margin: 0;
  font-family: var(--font-sans);
  font-weight: 700;
  letter-spacing: -.02em;
  text-wrap: balance;
}

.gallery-hero h1 {
  max-width: none;
  font-size: clamp(70.4px, 9.46vw, 105.6px);
  line-height: .92;
}

.gallery-hero-aside p {
  max-width: 420px;
  margin: 0;
  color: rgba(255, 255, 255, .72);
  font-size: 17.6px;
  line-height: 1.7;
}

#gallery-album-count,
#gallery-photo-count,
#resources-count {
  display: block;
  margin-top: 28px;
  color: #a9bde0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
}

.gallery-index-content {
  width: min(100% - 48px, 1370px);
  margin: 0 auto;
  padding: 48px 32px 128px;
  border-radius: 16px 16px 0 0;
  background: #fff;
}

/* Döküman listesi galeri düzeninin beyaz kartı içinde; üst boşluğu kart sağlıyor. */
.gallery-index-content .resources-list {
  margin-top: 0;
}

.gallery-section-heading {
  display: flex;
  margin-bottom: 42px;
  align-items: flex-end;
  justify-content: space-between;
}

.gallery-section-heading h2 {
  margin: 0;
  font-family: var(--font-sans);
  font-size: clamp(46.2px, 5.5vw, 74.8px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.02em;
}

.gallery-section-heading p {
  margin: 0 0 7px;
  color: rgba(18, 32, 63, .5);
  font-size: 12.1px;
}

.gallery-album-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(20px, 2vw, 32px) clamp(12px, 1.5vw, 22px);
}

/* Albüm kartı komite kartıyla aynı dili konuşur; tek farkı yatay çerçeve ve
   çerçevenin hemen altında yer alan başlık. */
.gallery-album-card {
  display: block;
  min-width: 0;
  color: var(--navy);
}

.gallery-album-frame {
  position: relative;
  overflow: hidden;
  margin: 0;
  aspect-ratio: 16 / 10;
  border: 1px solid rgba(18, 32, 63, .12);
  border-radius: 18px;
  background: var(--navy);
  box-shadow: 0 12px 28px rgba(18, 32, 63, .13);
  transform: translateZ(0);
  transform-origin: center bottom;
  transition:
    transform 520ms cubic-bezier(.16, 1, .3, 1),
    box-shadow 520ms cubic-bezier(.16, 1, .3, 1),
    border-color 260ms ease;
}

.gallery-album-frame::before,
.gallery-album-frame::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  pointer-events: none;
}

.gallery-album-frame::before {
  background: linear-gradient(180deg, rgba(18, 32, 63, .06) 20%, rgba(18, 32, 63, .16) 56%, rgba(18, 32, 63, .62) 100%);
}

.gallery-album-frame::after {
  opacity: .06;
  background: linear-gradient(155deg, rgba(53, 80, 126, .15) 5%, rgba(53, 80, 126, .62) 52%, #12203f 100%);
  transition: opacity 480ms cubic-bezier(.16, 1, .3, 1);
}

.gallery-album-media {
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0;
  background-color: #dce3ed;
  background-position: center;
  background-size: cover;
}

.gallery-album-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 850ms cubic-bezier(.16, 1, .3, 1), filter 500ms ease;
}

.gallery-album-badge {
  padding-left: .1em;
  position: absolute;
  z-index: 2;
  top: 18px;
  left: 18px;
  display: inline-grid;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 50%;
  place-items: center;
  color: #fff;
  background: rgba(18, 32, 63, .18);
  backdrop-filter: blur(8px);
  font-size: 12.1px;
  font-weight: 700;
  letter-spacing: .1em;
  transition: background 320ms ease, transform 420ms cubic-bezier(.16, 1, .3, 1);
}

/* Başlık bloğu çerçevenin hafif altında durur. */
.gallery-album-copy {
  display: flex;
  margin-top: 16px;
  flex-direction: column;
  align-items: flex-start;
}

.gallery-album-meta {
  color: rgba(18, 32, 63, .48);
  font-size: 9.9px;
  font-weight: 700;
  letter-spacing: .08em;
}

.gallery-album-copy strong {
  margin-top: 8px;
  color: var(--navy);
  font-family: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  font-size: clamp(23.1px, 1.9vw, 33px);
  font-weight: 600;
  line-height: 1.02;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.gallery-album-action {
  display: flex;
  width: 100%;
  margin-top: 14px;
  padding-top: 12px;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(18, 32, 63, .14);
  color: rgba(18, 32, 63, .72);
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
}

.gallery-album-action > span {
  font-size: 17.6px;
  transition: transform 360ms cubic-bezier(.16, 1, .3, 1);
}

@media (hover: hover) and (pointer: fine) {
  .gallery-album-card:hover .gallery-album-frame,
  .gallery-album-card:focus-visible .gallery-album-frame {
    border-color: rgba(18, 32, 63, .24);
    box-shadow: 0 28px 58px rgba(18, 32, 63, .3);
    transform: translateY(-8px) scale(1.018);
  }

  .gallery-album-card:hover .gallery-album-frame::after,
  .gallery-album-card:focus-visible .gallery-album-frame::after {
    opacity: .72;
  }

  .gallery-album-card:hover .gallery-album-media img,
  .gallery-album-card:focus-visible .gallery-album-media img {
    filter: saturate(.86) contrast(1.04);
    transform: scale(1.075);
  }

  .gallery-album-card:hover .gallery-album-badge,
  .gallery-album-card:focus-visible .gallery-album-badge {
    background: rgba(18, 32, 63, .72);
    transform: rotate(-8deg) scale(1.06);
  }

  .gallery-album-card:hover .gallery-album-action,
  .gallery-album-card:focus-visible .gallery-album-action {
    color: var(--navy);
  }

  .gallery-album-card:hover .gallery-album-action > span,
  .gallery-album-card:focus-visible .gallery-album-action > span {
    transform: translateX(6px);
  }

  .gallery-photo-button:hover img {
    filter: saturate(1.05) contrast(1.02);
    transform: scale(1.025);
  }
}

.gallery-album-card:active .gallery-album-frame {
  transform: translateY(-4px) scale(.995);
}

@media (max-width: 1080px) {
  .gallery-album-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px 18px;
  }
}

.gallery-empty-state {
  padding: 96px 24px;
  text-align: center;
}

.gallery-empty-state strong {
  font-family: var(--font-sans);
  font-size: clamp(33px, 4.4vw, 52.8px);
  font-weight: 700;
}

.gallery-empty-state p {
  margin: 14px 0 0;
  color: rgba(18, 32, 63, .58);
}

.gallery-album-hero {
  padding: 154px max(24px, calc((100vw - 1280px) / 2)) 88px;
  color: #fff;
  background: #12203f;
}

.gallery-album-title-row {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: clamp(56px, 8vw, 124px);
  margin-top: clamp(66px, 10vh, 104px);
  align-items: end;
}

.gallery-album-hero time {
  display: block;
  margin-bottom: 18px;
  color: #a9bde0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.gallery-album-hero h1 {
  max-width: 11ch;
  font-size: clamp(63.8px, 8.36vw, 103.4px);
  line-height: .9;
}

.gallery-album-title-row > div:last-child > p {
  max-width: 440px;
  margin: 0;
  color: rgba(255, 255, 255, .7);
  font-size: 17.6px;
  line-height: 1.7;
}

.gallery-album-content {
  padding: 24px max(18px, calc((100vw - 1440px) / 2)) 120px;
  background: #f7f8fa;
}

.gallery-photo-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.gallery-photo-button {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background-color: #dce3ed;
  background-position: center;
  background-size: cover;
  cursor: zoom-in;
}

.gallery-photo-button img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 600ms cubic-bezier(.16, 1, .3, 1), filter 320ms ease;
}

.gallery-photo-button:focus-visible,
.gallery-load-more:focus-visible,
.gallery-lightbox button:focus-visible {
  outline: 3px solid #8ba3cd;
  outline-offset: 3px;
}

.gallery-load-more-wrap {
  display: flex;
  justify-content: center;
  padding-top: 48px;
}

.gallery-load-more {
  min-height: 48px;
  padding: 13px 24px;
  border: 1px solid rgba(18, 32, 63, .22);
  border-radius: 999px;
  color: var(--navy);
  background: transparent;
  cursor: pointer;
  font-size: 12.1px;
  font-weight: 700;
  transition: color 180ms ease, background-color 180ms ease;
}

.gallery-load-more:hover {
  color: #fff;
  background: var(--navy);
}

.gallery-album-empty {
  min-height: 78svh;
  padding: 180px 24px 100px;
  text-align: center;
  background: #fff;
}

.gallery-album-empty > span {
  color: var(--navy-2);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
}

.gallery-album-empty h1 {
  margin-top: 16px;
  font-size: clamp(48.4px, 6.6vw, 83.6px);
}

.gallery-album-empty p {
  max-width: 540px;
  margin: 22px auto 34px;
  color: rgba(18, 32, 63, .62);
  line-height: 1.7;
}

.gallery-album-empty a {
  border-bottom: 1px solid currentColor;
  font-size: 12.1px;
  font-weight: 700;
}

.gallery-lightbox {
  width: 100vw;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  color: #fff;
  background: #071022;
}

.gallery-lightbox::backdrop {
  background: rgba(7, 16, 34, .96);
}

.gallery-lightbox[open] {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}

.gallery-dialog-open {
  overflow: hidden;
}

.gallery-lightbox-toolbar {
  position: relative;
  z-index: 2;
  display: flex;
  min-height: 70px;
  padding: 16px clamp(18px, 3vw, 42px);
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
}

.gallery-lightbox-toolbar > span {
  color: rgba(255, 255, 255, .58);
  font-size: 12.1px;
  letter-spacing: .08em;
}

.gallery-lightbox-toolbar button,
.gallery-lightbox-arrow {
  border: 0;
  color: #fff;
  background: transparent;
  cursor: pointer;
}

.gallery-lightbox-toolbar button {
  min-height: 44px;
  padding: 8px 0 8px 16px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
}

.gallery-lightbox-toolbar button span {
  margin-left: 9px;
  font-size: 26.4px;
  font-weight: 300;
  vertical-align: -2px;
}

.gallery-lightbox-stage {
  display: grid;
  min-height: 0;
  grid-template-columns: 72px minmax(0, 1fr) 72px;
  align-items: center;
}

.gallery-lightbox-stage figure {
  display: grid;
  min-width: 0;
  min-height: 0;
  height: 100%;
  margin: 0;
  padding: 22px 0 18px;
  grid-template-rows: minmax(0, 1fr) auto;
  place-items: center;
}

.gallery-lightbox-stage img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: calc(100dvh - 142px);
  object-fit: contain;
}

.gallery-lightbox-stage figcaption {
  min-height: 24px;
  max-width: 70ch;
  padding-top: 12px;
  color: rgba(255, 255, 255, .68);
  font-size: 13.2px;
  line-height: 1.5;
  text-align: center;
}

.gallery-lightbox-arrow {
  display: grid;
  width: 48px;
  height: 48px;
  margin: auto;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px;
  font-size: 19.8px;
}

.gallery-lightbox-arrow:disabled {
  opacity: .25;
  cursor: default;
}

@media (max-width: 960px) {
  .gallery-hero-layout,
  .gallery-album-title-row {
    grid-template-columns: 1fr;
  }

  .gallery-hero {
    min-height: auto;
  }

  .gallery-hero-layout,
  .gallery-album-title-row {
    gap: 48px;
  }

  .gallery-photo-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .gallery-hero {
    padding: 96px 18px 34px;
  }

  .gallery-hero-layout {
    margin-top: 24px;
  }

  .gallery-hero h1 {
    font-size: clamp(52.8px, 15.4vw, 68.2px);
  }

  .gallery-index-content {
    width: 100%;
    margin-top: 0;
    padding: 32px 18px 92px;
  }

  .gallery-section-heading {
    gap: 14px;
    align-items: flex-start;
    flex-direction: column;
  }

  .gallery-section-heading p {
    margin: 0;
  }

  .gallery-album-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .gallery-album-frame {
    aspect-ratio: 4 / 3;
    border-radius: 16px;
  }

  .gallery-album-copy strong {
    font-size: clamp(28.6px, 8.8vw, 41.8px);
  }

  .gallery-album-hero {
    padding: 118px 18px 64px;
  }

  .gallery-album-title-row {
    gap: 34px;
    margin-top: 54px;
  }

  .gallery-album-hero h1 {
    font-size: clamp(50.6px, 15.4vw, 68.2px);
  }

  .gallery-album-content {
    padding: 8px 8px 88px;
  }

  .gallery-photo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }

  .gallery-photo-button {
    border-radius: 7px;
  }

  .gallery-lightbox-stage {
    position: relative;
    grid-template-columns: 1fr;
  }

  .gallery-lightbox-stage figure {
    padding: 14px 12px 78px;
  }

  .gallery-lightbox-stage img {
    max-height: calc(100dvh - 180px);
  }

  .gallery-lightbox-arrow {
    position: absolute;
    z-index: 2;
    bottom: 18px;
  }

  .gallery-lightbox-arrow.is-prev { left: calc(50% - 58px); }
  .gallery-lightbox-arrow.is-next { right: calc(50% - 58px); }
}

/* ===== Sıkça Sorulan Sorular ===== */
.faq-page {
  background: var(--paper);
  color: var(--navy);
  font-family: var(--font-sans);
}

.faq-hero {
  display: flex;
  min-height: 480px;
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(84px, 10vw, 142px) 24px clamp(78px, 9vw, 126px);
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.faq-hero p {
  max-width: 440px;
  margin: 0 0 28px;
  color: rgba(18, 32, 63, .62);
  font-size: 15.4px;
  font-weight: 520;
  line-height: 1.65;
}

.faq-hero h1 {
  margin: 0;
  font-family: var(--font-sans);
  font-size: clamp(59.4px, 8.8vw, 103.4px);
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: .94;
  text-wrap: balance;
}

.faq-section {
  display: grid;
  grid-template-columns: minmax(220px, 310px) minmax(0, 820px);
  gap: clamp(52px, 8vw, 118px);
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px clamp(100px, 12vw, 164px);
  align-items: start;
}

.faq-categories {
  position: sticky;
  top: 112px;
  display: flex;
  border-top: 1px solid var(--line);
  flex-direction: column;
}

.faq-categories button {
  display: flex;
  min-height: 66px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  align-items: center;
  gap: 15px;
  background: transparent;
  color: rgba(18, 32, 63, .54);
  cursor: pointer;
  font-size: 15.4px;
  font-weight: 580;
  text-align: left;
  transition: color 220ms ease, padding-left 280ms cubic-bezier(.16, 1, .3, 1);
}

.faq-categories button span {
  display: grid;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  place-items: center;
  background: #e8edf5;
  color: var(--navy-2);
  font-size: 9.9px;
  font-weight: 700;
  letter-spacing: .04em;
  transition: background 220ms ease, color 220ms ease;
}

.faq-categories button:hover,
.faq-categories button.is-active {
  padding-left: 8px;
  color: var(--navy);
}

.faq-categories button.is-active span {
  background: var(--navy);
  color: #fff;
}

.faq-categories button:focus-visible,
.faq-item summary:focus-visible,
.faq-contact a:focus-visible {
  outline: 2px solid var(--blue-soft);
  outline-offset: 4px;
}

.faq-list-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px 24px;
  margin-bottom: 38px;
  align-items: end;
  outline: none;
}

.faq-list-heading h2 {
  margin: 0;
  font-size: clamp(39.6px, 4.73vw, 63.8px);
  font-weight: 610;
  letter-spacing: -.04em;
  line-height: 1;
}

.faq-list-heading > span {
  color: var(--blue-soft);
  font-size: 18.7px;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}

.faq-list-heading p {
  grid-column: 1 / -1;
  max-width: 560px;
  margin: 0;
  color: rgba(18, 32, 63, .58);
  font-size: 15.4px;
  line-height: 1.7;
}

.faq-list {
  display: flex;
  gap: 12px;
  flex-direction: column;
}

.faq-item {
  overflow: clip;
  border-radius: 14px;
  background: #e8edf5;
  transition: background-color 250ms ease, transform 250ms cubic-bezier(.16, 1, .3, 1);
}

.faq-item:nth-child(even) {
  background: #eef1f6;
}

.faq-item:hover {
  transform: translateY(-2px);
}

.faq-item[open] {
  background: #dbe5f3;
}

.faq-item summary {
  display: grid;
  min-height: 88px;
  padding: 22px 24px 22px 28px;
  align-items: center;
  grid-template-columns: minmax(0, 1fr) 40px;
  gap: 24px;
  cursor: pointer;
  font-size: clamp(17.6px, 1.76vw, 22px);
  font-weight: 620;
  line-height: 1.35;
  list-style: none;
  text-wrap: pretty;
}

.faq-item summary::-webkit-details-marker {
  display: none;
}

.faq-toggle {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--navy);
  transition: transform 320ms cubic-bezier(.16, 1, .3, 1), background 220ms ease;
}

.faq-toggle::before,
.faq-toggle::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  background: #fff;
  content: "";
  transform: translate(-50%, -50%);
}

.faq-toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.faq-item[open] .faq-toggle {
  background: var(--navy-2);
  transform: rotate(45deg);
}

.faq-answer {
  max-width: 680px;
  padding: 0 92px 28px 28px;
  color: rgba(18, 32, 63, .72);
  font-size: 15.4px;
  line-height: 1.75;
}

.faq-answer > :first-child {
  margin-top: 0;
}

.faq-answer > :last-child {
  margin-bottom: 0;
}

.faq-answer p {
  margin: 0 0 14px;
}

.faq-answer-list {
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
}

.faq-answer-list li + li {
  margin-top: 14px;
}

.faq-answer-list li p {
  margin: 0 0 10px;
}

.faq-answer-list li p:last-child {
  margin-bottom: 0;
}

.faq-answer-list strong {
  color: var(--navy-2);
  font-weight: 650;
}

.faq-answer a {
  color: var(--navy-2);
  font-weight: 650;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.faq-contact {
  display: flex;
  max-width: 1280px;
  min-height: 270px;
  margin: 0 auto clamp(72px, 8vw, 112px);
  padding: clamp(42px, 6vw, 76px);
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  background: var(--navy);
  color: #fff;
}

.faq-contact h2 {
  max-width: 680px;
  margin: 0;
  font-size: clamp(35.2px, 4.95vw, 63.8px);
  font-weight: 600;
  letter-spacing: -.04em;
  line-height: 1.02;
}

.faq-contact p {
  max-width: 580px;
  margin: 18px 0 0;
  color: rgba(255, 255, 255, .68);
  font-size: 15.4px;
  line-height: 1.7;
}

.faq-contact a {
  display: inline-flex;
  min-height: 50px;
  padding: 14px 22px;
  border-radius: 999px;
  align-items: center;
  gap: 18px;
  background: #fff;
  color: var(--navy);
  font-size: 14.3px;
  font-weight: 700;
  white-space: nowrap;
}

.faq-contact a:hover {
  color: var(--navy-2);
}

@media (max-width: 820px) {
  .faq-hero {
    min-height: 390px;
    padding: 76px 20px 72px;
  }

  .faq-hero h1 {
    font-size: clamp(55px, 15.4vw, 79.2px);
  }

  .faq-section {
    grid-template-columns: 1fr;
    gap: 48px;
    padding: 0 20px 92px;
  }

  .faq-categories {
    position: static;
    overflow-x: auto;
    border-top: 0;
    flex-direction: row;
    gap: 8px;
    scrollbar-width: none;
  }

  .faq-categories::-webkit-scrollbar {
    display: none;
  }

  .faq-categories button {
    min-width: max-content;
    min-height: 46px;
    padding: 7px 14px 7px 8px;
    border: 0;
    border-radius: 999px;
    gap: 9px;
    background: #eef1f6;
  }

  .faq-categories button:hover,
  .faq-categories button.is-active {
    padding-left: 8px;
  }

  .faq-categories button.is-active {
    background: #dbe5f3;
  }

  .faq-categories button span {
    width: 30px;
    height: 30px;
  }

  .faq-contact {
    margin: 0 20px 72px;
    padding: 42px 28px;
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 520px) {
  .faq-hero p {
    max-width: 300px;
    margin-bottom: 22px;
  }

  .faq-item summary {
    min-height: 80px;
    padding: 20px 18px;
    grid-template-columns: minmax(0, 1fr) 36px;
    gap: 16px;
  }

  .faq-toggle {
    width: 36px;
    height: 36px;
  }

  .faq-answer {
    padding: 0 18px 24px;
  }

  .faq-contact {
    margin-right: 0;
    margin-left: 0;
  }
}

/* ===== İndirilebilir içerikler ===== */
.constitution-page {
  background: var(--paper);
  color: var(--navy);
}

.constitution-hero > span {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  color: var(--navy-2);
}

.resources-list {
  margin-top: 58px;
  border-top: 1px solid var(--line);
}

.resource-row {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr) 210px;
  gap: 42px;
  padding: 34px 0;
  border-bottom: 1px solid var(--line);
  align-items: start;
}

.resource-row-meta,
.resource-row-actions {
  display: flex;
  gap: 9px;
  flex-direction: column;
}

.resource-row-meta span,
.resource-row-meta small {
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: .08em;
}

.resource-row-meta span {
  font-weight: 700;
  color: var(--navy-2);
}

.resource-row-meta small {
  color: rgba(18, 32, 63, .48);
}

.resource-row h3 {
  margin: 0;
  font-size: clamp(24.2px, 2.64vw, 34.1px);
  line-height: 1.18;
  letter-spacing: -.035em;
  font-weight: 560;
}

.resource-row p {
  max-width: 620px;
  margin: 10px 0 0;
  font-size: 14.3px;
  line-height: 1.65;
  color: rgba(18, 32, 63, .58);
}

.resource-row-actions {
  align-items: flex-start;
  font-size: 12.1px;
  font-weight: 700;
}

.resource-row-actions a {
  padding-bottom: 5px;
  border-bottom: 1px dotted rgba(53, 80, 126, .55);
  color: var(--navy-2);
}

.resource-row-actions span {
  font-size: 11px;
  line-height: 1.5;
  color: rgba(18, 32, 63, .42);
}

.constitution-shell {
  max-width: 1040px;
  margin: 0 auto;
  padding: 96px 24px 120px;
}

.constitution-hero {
  padding-bottom: 68px;
  border-bottom: 1px solid var(--line);
}

.constitution-hero h1 {
  max-width: 800px;
  margin: 24px 0 22px;
  font-size: clamp(59.4px, 7.7vw, 101.2px);
  line-height: .98;
  letter-spacing: -.065em;
  font-weight: 550;
}

.constitution-hero > p {
  max-width: 660px;
  margin: 0;
  font-size: 18.7px;
  line-height: 1.7;
  color: rgba(18, 32, 63, .62);
}

.constitution-meta {
  display: flex;
  gap: 28px;
  margin-top: 42px;
  align-items: center;
}

.constitution-meta > span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  color: var(--navy-2);
}

.constitution-meta > a {
  display: inline-flex;
  min-height: 44px;
  padding: 12px 18px;
  align-items: center;
  background: var(--navy);
  color: var(--paper);
  font-size: 13.2px;
  font-weight: 700;
}

.constitution-meta > a.is-disabled {
  background: rgba(18, 32, 63, .1);
  color: rgba(18, 32, 63, .45);
  cursor: not-allowed;
}

.constitution-body {
  max-width: 760px;
  margin: 0 auto;
  padding-top: 74px;
}

.constitution-empty {
  padding: 34px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.constitution-empty strong {
  display: block;
  font-size: 22px;
}

.constitution-empty p {
  max-width: 580px;
  margin: 10px 0 0;
  font-size: 15.4px;
  line-height: 1.7;
  color: rgba(18, 32, 63, .58);
}

@media (max-width: 760px) {
  .resource-row {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 28px 0;
  }

  .resource-row-meta,
  .resource-row-actions {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .constitution-shell {
    padding: 68px 20px 88px;
  }

  .constitution-hero h1 {
    font-size: clamp(52.8px, 16.5vw, 74.8px);
  }

  .constitution-meta {
    align-items: flex-start;
    flex-direction: column;
  }

  .constitution-body {
    padding-top: 58px;
  }
}

@font-face {
  font-family: "Saira Condensed";
  src: url("./fonts/SairaCondensed-100-LatinExt.woff2") format("woff2");
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Saira Condensed";
  src: url("./fonts/SairaCondensed-100-Latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Saira Condensed";
  src: url("./fonts/SairaCondensed-300-LatinExt.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Saira Condensed";
  src: url("./fonts/SairaCondensed-300-Latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Saira Condensed";
  src: url("./fonts/SairaCondensed-400-LatinExt.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Saira Condensed";
  src: url("./fonts/SairaCondensed-400-Latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Saira Condensed";
  src: url("./fonts/SairaCondensed-500-LatinExt.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Saira Condensed";
  src: url("./fonts/SairaCondensed-500-Latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Saira Condensed";
  src: url("./fonts/SairaCondensed-600-LatinExt.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Saira Condensed";
  src: url("./fonts/SairaCondensed-600-Latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Saira Condensed";
  src: url("./fonts/SairaCondensed-700-LatinExt.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Saira Condensed";
  src: url("./fonts/SairaCondensed-700-Latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Saira Condensed";
  src: url("./fonts/SairaCondensed-800-LatinExt.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Saira Condensed";
  src: url("./fonts/SairaCondensed-800-Latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@keyframes tickerMove {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes heroIn {
  from { opacity: 0; transform: translateY(26px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

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

html {
  scroll-behavior: smooth;
  scroll-padding-top: 92px;
}

body {
  margin: 0;
  overflow-x: hidden;
  font-family: var(--font-sans);
  font-optical-sizing: auto;
  font-synthesis: none;
  color: var(--navy);
  -webkit-font-smoothing: antialiased;
}

.home-page {
  background: #e8e5df;
}

.blog-page {
  background: var(--paper);
}

.section-anchor {
  position: relative;
  height: 0;
  pointer-events: none;
}

a {
  color: var(--navy);
  text-decoration: none;
}

a:hover {
  color: var(--navy-2);
}

::selection {
  color: #fff;
  background: var(--navy);
}

img,
video {
  max-width: 100%;
}

button,
input,
textarea,
select {
  font: inherit;
}

a:focus-visible,
input:focus-visible,
label:focus-within {
  outline: 2px solid var(--blue-soft);
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

@media (max-width: 960px) {
  [data-card],
  #uyelik {
    position: relative !important;
    top: auto !important;
    min-height: calc(100svh - var(--home-stack-top)) !important;
  }

  [data-dwell] {
    display: none !important;
    height: 0 !important;
  }

  .team-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .photo-strip,
  .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .reason-layout,
  .join-grid {
    grid-template-columns: 1fr !important;
    gap: 44px !important;
  }

  .announcement-row {
    grid-template-columns: 110px 1fr auto !important;
  }

  .announcement-row > :nth-child(3) {
    grid-column: 2 / -1;
  }

  .committee-row,
  .event-row {
    grid-template-columns: 70px 1fr auto !important;
    gap: 18px !important;
  }

  .committee-row > :nth-child(3),
  .event-row > :nth-child(4) {
    grid-column: 2 / -1;
  }

  .event-row > :nth-child(3) {
    grid-column: 2 / 3;
  }

  .footer-grid {
    grid-template-columns: 1.4fr repeat(2, 1fr) !important;
  }

  [data-card] > div:first-child,
  #uyelik > div:first-child {
    padding-top: 72px !important;
  }
}

@media (max-width: 680px) {
  body {
    background: var(--paper);
    overflow-x: clip;
  }

  .hero-scroll {
    height: 140vh !important;
  }

  .hero-nav {
    padding: 14px 18px !important;
  }

  .hero-nav-links {
    display: none !important;
  }

  .hero-search {
    display: none !important;
  }

  .hero-body {
    padding: 34px 20px 0 !important;
  }

  .hero-body h1 {
    max-width: 9ch !important;
    font-size: clamp(46.2px, 14.3vw, 66px) !important;
  }

  [data-card],
  #uyelik {
    border-radius: 20px 20px 0 0 !important;
    box-shadow: 0 -16px 42px rgba(18, 32, 63, 0.18) !important;
  }

  [data-card] > div:first-child,
  #uyelik > div:first-child {
    padding-top: 54px !important;
  }

  .section-shell {
    padding-left: 18px !important;
    padding-right: 18px !important;
    padding-top: 44px !important;
    padding-bottom: 72px !important;
  }

  #ekip .section-shell {
    padding-bottom: 28px !important;
  }

  .iu-style-035 {
    gap: 14px;
    padding-right: 18px;
    padding-left: 18px;
  }

  .iu-style-036 {
    width: auto;
    padding-right: 14px;
  }

  .split-heading {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .split-heading > * {
    text-align: left !important;
  }

  .stats-grid,
  .post-grid,
  .team-grid,
  .form-name-grid {
    grid-template-columns: 1fr !important;
  }

  .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 36px 18px !important;
  }

  .club-stats {
    display: block !important;
    padding-top: 56px !important;
    padding-bottom: 72px !important;
  }

  .club-stats .iu-style-070 {
    margin-bottom: 34px;
  }

  .club-stats .iu-style-072 {
    font-size: clamp(44px, 14.3vw, 59.4px);
  }

  .photo-strip {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .photo-strip > div {
    height: 260px !important;
  }

  .announcement-row,
  .committee-row,
  .event-row {
    grid-template-columns: 1fr auto !important;
    gap: 12px 18px !important;
  }

  .announcement-row > :nth-child(2),
  .announcement-row > :nth-child(3),
  .committee-row > :nth-child(2),
  .committee-row > :nth-child(3),
  .event-row > :nth-child(3),
  .event-row > :nth-child(4) {
    grid-column: 1 / -1 !important;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .footer-grid > :first-child {
    grid-column: 1 / -1;
  }

  .footer-grid > * {
    min-width: 0;
  }

  .footer-grid .iu-style-169 {
    overflow-wrap: anywhere;
  }

  .form-name-grid {
    gap: 24px !important;
  }

  .form-submit {
    align-self: stretch !important;
    justify-content: center !important;
  }

  .blog-header {
    gap: 18px !important;
    padding: 18px 20px !important;
  }

  .blog-categories {
    overflow-x: auto !important;
    padding: 0 20px !important;
    scrollbar-width: none;
  }

  .blog-categories::-webkit-scrollbar {
    display: none;
  }

  .blog-hero-shell,
  .blog-index-grid {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .blog-lead-grid,
  .blog-index-grid {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }

  .blog-lead-title {
    font-size: clamp(41.8px, 13.2vw, 59.4px) !important;
  }

  .blog-lead-media {
    height: 260px !important;
  }

  .blog-post-row {
    grid-template-columns: 1fr auto !important;
    gap: 12px 18px !important;
  }

  .blog-post-row > :nth-child(2),
  .blog-post-row > :nth-child(3) {
    grid-column: 1 / -1 !important;
  }

  [data-dwell] {
    display: none !important;
    height: 0 !important;
  }
}

/* Ana sayfa mobil navigasyonu */
.mobile-home-nav {
  display: none;
}

@media (max-width: 820px) {
  .mobile-home-nav {
    position: fixed;
    z-index: 130;
    top: max(10px, env(safe-area-inset-top));
    left: max(10px, env(safe-area-inset-left));
    right: max(10px, env(safe-area-inset-right));
    display: block;
    pointer-events: none;
  }

  .mobile-home-nav-inner {
    display: flex;
    width: 100%;
    min-height: 58px;
    padding: 7px 7px 7px 12px;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(18, 32, 63, .08);
    border-radius: 14px;
    background: rgba(255, 255, 255, .97);
    box-shadow: 0 6px 8px rgba(18, 32, 63, .16);
    pointer-events: auto;
  }

  .mobile-home-logo {
    display: flex;
    min-width: 44px;
    min-height: 44px;
    padding: 6px 4px;
    align-items: center;
  }

  .mobile-home-logo img {
    display: block;
    width: auto;
    height: 30px;
  }

  .mobile-home-menu {
    position: relative;
  }

  .mobile-home-menu summary {
    display: flex;
    min-width: 92px;
    min-height: 44px;
    padding: 0 14px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 10px;
    color: var(--navy);
    cursor: pointer;
    font-size: 14.3px;
    font-weight: 700;
    list-style: none;
    user-select: none;
  }

  .mobile-home-menu summary::-webkit-details-marker {
    display: none;
  }

  .mobile-home-menu summary:focus-visible,
  .mobile-home-menu-link:focus-visible,
  .mobile-home-membership:focus-visible,
  .mobile-home-logo:focus-visible {
    outline: 2px solid var(--blue-soft);
    outline-offset: 2px;
  }

  .mobile-home-menu[open] summary {
    background: #e8edf5;
  }

  .mobile-home-menu-icon,
  .mobile-home-menu-icon::before,
  .mobile-home-menu-icon::after {
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
    transition: transform .22s ease, opacity .18s ease;
  }

  .mobile-home-menu-icon {
    position: relative;
  }

  .mobile-home-menu-icon::before,
  .mobile-home-menu-icon::after {
    position: absolute;
    left: 0;
    content: "";
  }

  .mobile-home-menu-icon::before {
    top: -6px;
  }

  .mobile-home-menu-icon::after {
    top: 6px;
  }

  .mobile-home-menu[open] .mobile-home-menu-icon {
    background: transparent;
  }

  .mobile-home-menu[open] .mobile-home-menu-icon::before {
    top: 0;
    transform: rotate(45deg);
  }

  .mobile-home-menu[open] .mobile-home-menu-icon::after {
    top: 0;
    transform: rotate(-45deg);
  }

  .mobile-home-menu-panel {
    position: absolute;
    top: calc(100% + 14px);
    right: 0;
    display: flex;
    width: min(320px, calc(100vw - 20px));
    max-height: calc(100svh - 92px - env(safe-area-inset-bottom));
    padding: 10px;
    overflow-y: auto;
    flex-direction: column;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 6px 8px rgba(18, 32, 63, .2);
    overscroll-behavior: contain;
  }

  .mobile-home-menu-link,
  .mobile-home-membership {
    display: flex;
    min-height: 48px;
    padding: 12px 14px;
    align-items: center;
    border-radius: 10px;
    color: var(--navy);
    font-size: 16.5px;
    font-weight: 650;
  }

  .mobile-home-menu-link:active {
    background: #e8edf5;
  }

  .mobile-home-membership {
    margin-top: 6px;
    justify-content: space-between;
    background: var(--navy);
    color: #fff;
  }

  .mobile-home-membership:hover,
  .mobile-home-membership:active {
    background: var(--navy-2);
    color: #fff;
  }

  .hero-nav,
  .sticky-nav {
    display: none !important;
  }

  .hero-body {
    padding-top: max(96px, calc(env(safe-area-inset-top) + 80px)) !important;
  }
}

/* Komite sayfası: kısa profil ve dönem faaliyetleri */
.committee-detail-page .committee-hero {
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  gap: 72px;
  padding-top: 78px;
  padding-bottom: 58px;
  align-items: center;
}

.committee-hero-media {
  margin: 0;
}

.committee-hero-media img {
  display: block;
  width: 100%;
  height: clamp(360px, 38vw, 480px);
  aspect-ratio: 4 / 3;
  object-fit: cover;
  filter: saturate(.82) contrast(1.04);
}

.committee-detail-page .committee-hero h1 {
  font-size: clamp(59.4px, 6.6vw, 90.2px);
  letter-spacing: -.065em;
}

.committee-hero-media figcaption {
  margin-top: 9px;
  font-size: 11px;
  color: rgba(18, 32, 63, .48);
}

.committee-summary {
  display: grid;
  grid-template-columns: minmax(180px, 280px) minmax(0, 720px);
  gap: clamp(40px, 8vw, 120px);
  max-width: 1240px;
  margin: 0 auto;
  padding: 88px 24px 96px;
  align-items: start;
}

.committee-summary .committee-lead {
  margin-bottom: 28px;
  font-size: clamp(29.7px, 3.3vw, 42.9px);
}

.committee-summary .committee-rich-text {
  font-size: 16.5px;
}

.committee-summary .committee-rich-text p {
  margin-bottom: 18px;
}

.committee-activities {
  max-width: 1240px;
  margin: 0 auto;
  padding: 88px 24px 104px;
  border-top: 1px solid var(--line);
}

.committee-activities-heading {
  display: grid;
  grid-template-columns: minmax(180px, 280px) minmax(0, 1fr);
  gap: clamp(40px, 8vw, 120px);
  align-items: start;
}

.committee-activities-heading > div:last-child > span {
  display: block;
  margin-bottom: 14px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .11em;
  color: var(--navy-2);
}

.committee-activities h2 {
  margin: 0;
  font-size: clamp(41.8px, 5.5vw, 70.4px);
  line-height: 1.05;
  letter-spacing: -.055em;
  font-weight: 540;
}

.committee-activity-list {
  margin-top: 58px;
  margin-left: min(400px, calc(280px + 8vw));
}

.committee-activity-list > article,
.committee-activity-list > a {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 34px;
  padding: 28px 0;
  border-top: 1px solid var(--line);
}

.committee-activity-list > article:last-child,
.committee-activity-list > a:last-child {
  border-bottom: 1px solid var(--line);
}

.committee-activity-list > a {
  transition: color .2s ease, padding .2s ease;
}

.committee-activity-list > a:hover {
  padding-left: 10px;
  color: var(--navy-2);
}

.committee-activity-list > article > div:first-child,
.committee-activity-list > a > div:first-child {
  display: flex;
  gap: 8px;
  flex-direction: column;
}

.committee-activity-list span,
.committee-activity-list time {
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: .08em;
}

.committee-activity-list span {
  font-weight: 700;
  color: var(--navy-2);
}

.committee-activity-list time {
  color: rgba(18, 32, 63, .5);
}

.committee-activity-list h3 {
  margin: 0;
  font-size: clamp(23.1px, 2.53vw, 33px);
  line-height: 1.2;
  letter-spacing: -.035em;
  font-weight: 560;
}

.committee-activity-list p {
  max-width: 620px;
  margin: 10px 0 0;
  font-size: 14.3px;
  line-height: 1.65;
  color: rgba(18, 32, 63, .58);
}

.committee-activity-list > .committee-empty-state {
  border: 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: transparent;
}

.committee-detail-page .committee-related {
  padding-top: 64px;
  padding-bottom: 72px;
}

.committee-detail-page .committee-related-list a {
  min-height: 160px;
}

@media (max-width: 680px) {
  .committee-detail-page .committee-hero {
    grid-template-columns: 1fr;
    gap: 44px;
    padding-top: 52px;
    padding-bottom: 48px;
  }

  .committee-hero-media img {
    height: auto;
    aspect-ratio: 4 / 3;
  }

  .committee-summary,
  .committee-activities-heading {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .committee-summary,
  .committee-activities {
    padding: 68px 20px 76px;
  }

  .committee-activity-list {
    margin: 42px 0 0;
  }

  .committee-activity-list > article,
  .committee-activity-list > a {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .committee-activity-list > article > div:first-child,
  .committee-activity-list > a > div:first-child {
    flex-direction: row;
    justify-content: space-between;
  }
}

/* ===== Komite detay sayfası ===== */
.committee-detail-page {
  background: var(--paper);
  color: var(--navy);
}

.committee-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 230px;
  gap: 64px;
  max-width: 1240px;
  margin: 0 auto;
  padding: 118px 24px 84px;
  align-items: end;
}

.committee-kicker,
.committee-section-label {
  display: flex;
  gap: 13px;
  align-items: center;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .12em;
}

.committee-kicker::before,
.committee-section-label::before {
  width: 28px;
  height: 2px;
  content: '';
  background: var(--blue-soft);
}

.committee-kicker b,
.committee-section-label span {
  color: var(--navy-2);
  font-weight: inherit;
}

.committee-hero h1 {
  max-width: 900px;
  margin: 26px 0 24px;
  font-size: clamp(70.4px, 10.34vw, 145.2px);
  line-height: .9;
  letter-spacing: -.075em;
  font-weight: 560;
}

.committee-hero-copy > p {
  max-width: 680px;
  margin: 0;
  font-size: clamp(23.1px, 2.42vw, 34.1px);
  line-height: 1.4;
  letter-spacing: -.025em;
  color: rgba(18, 32, 63, .64);
}

.committee-text-link {
  display: inline-block;
  margin-top: 42px;
  padding-bottom: 7px;
  border-bottom: 2px dotted rgba(53, 80, 126, .5);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
}

.committee-hero-index {
  display: flex;
  height: 230px;
  padding: 20px 24px 14px;
  flex-direction: column;
  justify-content: space-between;
  border-left: 1px solid var(--line);
  background: var(--paper-warm);
}

.committee-hero-index span {
  font-size: 9.9px;
  letter-spacing: .16em;
  color: rgba(18, 32, 63, .44);
}

.committee-hero-index strong {
  align-self: flex-end;
  font-size: 132px;
  line-height: .8;
  letter-spacing: -.1em;
  font-weight: 500;
  color: var(--blue-soft);
}

.committee-cover {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 24px;
}

.committee-cover img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 720px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
  filter: saturate(.82) contrast(1.04);
}

.committee-cover figcaption {
  margin-top: 11px;
  font-size: 11px;
  color: rgba(18, 32, 63, .48);
}

.committee-introduction {
  display: grid;
  grid-template-columns: minmax(180px, 300px) minmax(0, 720px);
  gap: clamp(40px, 8vw, 126px);
  max-width: 1240px;
  margin: 0 auto;
  padding: 126px 24px 138px;
  align-items: start;
}

.committee-introduction .committee-section-label {
  position: sticky;
  top: 28px;
  padding-top: 9px;
}

.committee-lead {
  margin: 0 0 44px;
  font-size: clamp(31.9px, 3.52vw, 47.3px);
  line-height: 1.3;
  letter-spacing: -.045em;
  font-weight: 540;
}

.committee-rich-text {
  max-width: 650px;
  font-size: 17.6px;
  line-height: 1.8;
}

.committee-focus,
.committee-projects,
.committee-team,
.committee-related {
  max-width: 1240px;
  margin: 0 auto;
  padding: 110px 24px 128px;
}

.committee-focus {
  border-top: 1px solid var(--line);
}

.committee-section-heading {
  display: grid;
  grid-template-columns: minmax(180px, 300px) minmax(0, 1fr);
  gap: clamp(40px, 8vw, 126px);
  align-items: start;
}

.committee-section-heading h2,
.committee-work h2,
.committee-team h2,
.committee-application h2 {
  margin: 0;
  font-size: clamp(47.3px, 6.05vw, 83.6px);
  line-height: 1.03;
  letter-spacing: -.058em;
  font-weight: 540;
}

.committee-focus-list {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1px;
  margin-top: 78px;
  background: var(--line);
}

.committee-focus-list article {
  grid-column: span 4;
  display: flex;
  min-height: 390px;
  padding: 28px;
  flex-direction: column;
  background: var(--paper-warm);
}

.committee-focus-list article:nth-child(2) {
  background: #e7edf5;
}

.committee-focus-list article:nth-child(3n + 1):last-child {
  grid-column: span 6;
}

.committee-focus-list article:nth-child(3n + 2):last-child {
  grid-column: span 6;
}

.committee-focus-list span {
  font-size: 11px;
  color: var(--navy-2);
}

.committee-focus-list h3 {
  margin: auto 0 18px;
  font-size: clamp(27.5px, 2.97vw, 40.7px);
  line-height: 1.08;
  letter-spacing: -.04em;
  font-weight: 560;
}

.committee-focus-list p {
  max-width: 320px;
  margin: 0;
  font-size: 14.3px;
  line-height: 1.65;
  color: rgba(18, 32, 63, .6);
}

.committee-work {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(60px, 10vw, 150px);
  max-width: 1440px;
  margin: 0 auto;
  padding: 120px max(24px, calc((100vw - 1192px) / 2));
  background: var(--navy);
  color: var(--paper);
}

.committee-section-label.is-light {
  color: rgba(252, 251, 249, .7);
}

.committee-section-label.is-light span {
  color: var(--blue-soft);
}

.committee-work h2 {
  margin-top: 48px;
}

.committee-work-intro > p {
  max-width: 480px;
  margin: 30px 0 0;
  font-size: 16.5px;
  line-height: 1.7;
  color: rgba(252, 251, 249, .58);
}

.committee-work-list {
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(252, 251, 249, .18);
  list-style: none;
}

.committee-work-list li {
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 18px;
  min-height: 112px;
  padding: 25px 0;
  border-bottom: 1px solid rgba(252, 251, 249, .18);
  align-items: center;
}

.committee-work-list span {
  font-size: 11px;
  color: var(--blue-soft);
}

.committee-work-list strong {
  font-size: clamp(19.8px, 2.2vw, 28.6px);
  line-height: 1.3;
  font-weight: 520;
}

.committee-projects {
  padding-top: 132px;
}

.committee-project-list {
  margin-top: 78px;
  border-top: 1px solid var(--line);
}

.committee-project-list > article,
.committee-project-list > a {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 36px;
  padding: 35px 0;
  border-bottom: 1px solid var(--line);
}

.committee-project-list > a {
  transition: padding .25s ease, color .25s ease;
}

.committee-project-list > a:hover {
  padding-left: 16px;
  color: var(--navy-2);
}

.committee-project-list > article > span,
.committee-project-list > a > span,
.committee-project-list small {
  font-size: 11px;
  letter-spacing: .1em;
  color: var(--navy-2);
}

.committee-project-list h3 {
  margin: 14px 0 8px;
  font-size: 30.8px;
  letter-spacing: -.035em;
}

.committee-project-list p {
  max-width: 650px;
  margin: 0;
  font-size: 14.3px;
  line-height: 1.65;
  color: rgba(18, 32, 63, .58);
}

.committee-empty-state {
  padding: 34px;
  border: 1px solid var(--line);
  background: var(--paper-warm);
}

.committee-project-list > .committee-empty-state {
  border-top: 0;
}

.committee-empty-state strong {
  display: block;
  font-size: 19.8px;
}

.committee-empty-state p {
  max-width: 540px;
  margin: 10px 0 0;
  font-size: 14.3px;
  line-height: 1.6;
  color: rgba(18, 32, 63, .58);
}

.committee-team {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: clamp(60px, 10vw, 150px);
  border-top: 1px solid var(--line);
}

.committee-team h2 {
  margin-top: 46px;
}

.committee-team-copy > p {
  max-width: 430px;
  margin: 28px 0 0;
  font-size: 15.4px;
  line-height: 1.7;
  color: rgba(18, 32, 63, .58);
}

.committee-coordinator-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  align-content: start;
  background: var(--line);
}

.committee-coordinator-list > article {
  display: flex;
  min-height: 250px;
  padding: 24px;
  flex-direction: column;
  background: var(--paper-warm);
}

.committee-coordinator-list > article > div {
  display: grid;
  width: 72px;
  height: 72px;
  overflow: hidden;
  place-items: center;
  background: #d9e1ed;
  color: var(--navy-2);
  font-size: 26.4px;
}

.committee-coordinator-list img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.committee-coordinator-list article strong {
  margin-top: auto;
  font-size: 19.8px;
}

.committee-coordinator-list article span {
  margin-top: 7px;
  font-size: 11px;
  color: var(--navy-2);
  letter-spacing: .08em;
}

.committee-coordinator-list > .committee-empty-state {
  grid-column: 1 / -1;
}

.committee-application {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
  gap: clamp(60px, 10vw, 150px);
  max-width: 1440px;
  margin: 0 auto;
  padding: 110px max(24px, calc((100vw - 1192px) / 2));
  background: #dce5f1;
  align-items: end;
}

.committee-application span {
  display: block;
  margin-bottom: 46px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  color: var(--navy-2);
}

.committee-application p {
  margin: 0 0 28px;
  font-size: 16.5px;
  line-height: 1.7;
  color: rgba(18, 32, 63, .66);
}

.committee-application-link {
  display: flex;
  min-height: 50px;
  padding: 15px 20px;
  align-items: center;
  justify-content: space-between;
  background: var(--navy);
  color: var(--paper);
  font-size: 14.3px;
  font-weight: 700;
}

.committee-application-link::after {
  content: '↗';
}

.committee-application-link.is-disabled {
  background: rgba(18, 32, 63, .14);
  color: rgba(18, 32, 63, .48);
  cursor: not-allowed;
}

.committee-application-link.is-disabled::after {
  content: '•';
}

.committee-related {
  padding-top: 120px;
}

.committee-related-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--line);
}

.committee-related-list a {
  display: grid;
  grid-template-columns: 1fr auto;
  min-height: 230px;
  padding: 28px;
  background: var(--paper-warm);
  transition: background .25s ease, color .25s ease;
}

.committee-related-list a:nth-child(2) {
  background: #e7edf5;
}

.committee-related-list a:hover {
  background: var(--navy);
  color: var(--paper);
}

.committee-related-list span {
  grid-column: 1 / -1;
  font-size: 11px;
  color: var(--navy-2);
}

.committee-related-list strong {
  align-self: end;
  font-size: clamp(23.1px, 2.42vw, 33px);
  line-height: 1.12;
  letter-spacing: -.04em;
  font-weight: 550;
}

.committee-related-list b {
  align-self: end;
  font-size: 22px;
  font-weight: 400;
}

@media (max-width: 900px) {
  .committee-hero {
    grid-template-columns: minmax(0, 1fr) 170px;
  }

  .committee-hero-index {
    height: 190px;
  }

  .committee-hero-index strong {
    font-size: 101.2px;
  }

  .committee-introduction,
  .committee-section-heading {
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 50px;
  }

  .committee-focus-list article {
    grid-column: span 6;
  }

  .committee-work,
  .committee-team,
  .committee-application {
    gap: 64px;
  }
}

@media (max-width: 680px) {
  .committee-hero {
    grid-template-columns: 1fr;
    gap: 48px;
    padding: 66px 20px 58px;
  }

  .committee-hero h1 {
    font-size: clamp(59.4px, 19.8vw, 90.2px);
  }

  .committee-hero-copy > p {
    font-size: 22px;
  }

  .committee-hero-index {
    display: none;
  }

  .committee-cover {
    padding: 0;
  }

  .committee-cover img {
    aspect-ratio: 4 / 3;
  }

  .committee-cover figcaption {
    padding: 0 20px;
  }

  .committee-introduction,
  .committee-section-heading,
  .committee-work,
  .committee-team,
  .committee-application {
    grid-template-columns: 1fr;
  }

  .committee-introduction {
    gap: 48px;
    padding: 88px 20px 96px;
  }

  .committee-introduction .committee-section-label {
    position: static;
  }

  .committee-lead {
    font-size: 30.8px;
  }

  .committee-focus,
  .committee-projects,
  .committee-team,
  .committee-related {
    padding: 88px 20px 96px;
  }

  .committee-section-heading {
    gap: 38px;
  }

  .committee-focus-list {
    grid-template-columns: 1fr;
    margin-top: 52px;
  }

  .committee-focus-list article,
  .committee-focus-list article:nth-child(3n + 1):last-child,
  .committee-focus-list article:nth-child(3n + 2):last-child {
    grid-column: auto;
    min-height: 300px;
  }

  .committee-work {
    gap: 64px;
    padding: 92px 20px;
  }

  .committee-work h2,
  .committee-team h2 {
    margin-top: 34px;
  }

  .committee-project-list {
    margin-top: 52px;
  }

  .committee-project-list > article,
  .committee-project-list > a {
    grid-template-columns: 52px 1fr;
    gap: 14px;
  }

  .committee-team {
    gap: 54px;
  }

  .committee-coordinator-list {
    grid-template-columns: 1fr;
  }

  .committee-application {
    gap: 56px;
    padding: 88px 20px;
  }

  .committee-related-list {
    grid-template-columns: 1fr;
  }

  .committee-related-list a {
    min-height: 190px;
  }
}

/* AUTO-GENERATED DESIGN RULES: START */
.iu-style-001 { position:fixed;top:16px;left:0;right:0;z-index:120;display:flex;justify-content:center;pointer-events:none;transform:translateY(-140%);opacity:0;transition:transform .55s cubic-bezier(.22,.8,.3,1),opacity .45s ease }
.iu-style-002 { position:relative;pointer-events:auto;display:flex;align-items:center;gap:4px;padding:7px;background:#fff;border-radius:999px;box-shadow:0 18px 44px rgba(18,32,63,.22),0 2px 6px rgba(18,32,63,.08) }
.iu-style-003 { display:flex;align-items:center;padding:0 12px 0 8px }
.iu-style-004 { height:30px;width:auto;display:block }
.iu-style-005 { position:absolute;top:7px;bottom:7px;left:0;width:0;border-radius:999px;background:#35507e;opacity:0;transition:transform .45s cubic-bezier(.22,.8,.3,1),width .45s cubic-bezier(.22,.8,.3,1),opacity .3s ease;pointer-events:none }
.iu-style-006 { position:relative;padding:11px 20px;border-radius:999px;font-size:14.85px;font-weight:600;color:#12203f;white-space:nowrap;transition:color .3s ease }
.iu-style-007 { position:relative;margin-left:6px;padding:11px 20px;border-radius:999px;background:#12203f;color:#fff;font-size:14.85px;font-weight:600;white-space:nowrap;transition:background .25s }
.iu-style-008:hover { background:#35507e }
.iu-style-009 { position:relative;height:240vh;background:#12203f }
.iu-style-010 { position:sticky;top:0;height:100vh;overflow:hidden;background:#0b1730 }
.iu-style-011 { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1 }
.iu-style-012 { position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(11,23,48,.55) 0%,rgba(11,23,48,.12) 45%,rgba(11,23,48,.5) 100%) }
.iu-style-013 { position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 36px;border-bottom:1px solid rgba(255,255,255,.14);animation:fadeIn .8s ease both }
.iu-style-014 { height:46px;width:auto }
.iu-style-015 { display:flex;gap:2px }
.iu-style-016 { padding:9px 15px;border-radius:999px;font-size:14.85px;font-weight:500;color:#fff;transition:all .25s }
.iu-style-017:hover { background:rgba(255,255,255,.15);color:#fff }
.iu-style-018 { display:flex;gap:8px;align-items:center }
.iu-style-019 { display:flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:rgba(255,255,255,.65);font-size:14.3px }
.iu-style-020 { padding:10px 20px;border-radius:999px;background:#fff;color:#12203f;font-size:14.85px;font-weight:600;transition:all .25s }
.iu-style-021:hover { background:#35507e;color:#fff }
.iu-style-022 { position:relative;display:flex;justify-content:space-between;gap:24px;padding:34px 36px 0 }
.iu-style-023 { animation:heroIn .9s .15s ease both }
.iu-style-024 { margin:0;font-size:clamp(48.4px,5.94vw,83.6px);line-height:1.05;font-weight:600;letter-spacing:-.025em;color:#fff;max-width:560px;text-wrap:balance }
.iu-style-026 { display:inline-flex;align-items:center;gap:10px;margin-top:26px;padding:12px 24px;border:1.5px solid rgba(255,255,255,.7);border-radius:999px;color:#fff;font-size:15.4px;font-weight:600;transition:all .3s }
.iu-style-027:hover { background:#fff;color:#12203f }
.iu-style-028 { position:absolute;inset:0;background:#12203f;opacity:0;pointer-events:none }
.iu-style-029 { position:absolute;left:0;right:0;bottom:26px;display:flex;justify-content:center;pointer-events:none }
.iu-style-030 { display:flex;align-items:center;gap:10px;padding:10px 20px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:rgba(255,255,255,.85);font-size:13.75px;font-weight:600;letter-spacing:.08em;background:rgba(11,23,48,.35);backdrop-filter:blur(6px) }
.iu-style-031 { font-size:15.4px }
.iu-style-032 { position:sticky;top:0;z-index:2;min-height:100vh;box-sizing:border-box;background:#fcfbf9;border-radius:28px 28px 0 0;box-shadow:0 -24px 60px rgba(18,32,63,.25);transform-origin:top center;will-change:transform }
.iu-style-033 { display:flex;justify-content:center;padding:96px 0 4px }
.iu-style-034 { font-family:var(--font-sans);font-size:11px;letter-spacing:.18em;color:rgba(18,32,63,.4) }
.iu-style-035 { border-bottom:1px solid rgba(18,32,63,.12);display:flex;align-items:center;gap:28px;padding:14px 36px 18px }
.iu-style-036 { flex:none;width:250px;border-right:1px solid rgba(18,32,63,.12);padding-right:24px }
.iu-style-037 { font-family:var(--font-sans);font-size:11.55px;letter-spacing:.06em;line-height:1.6;color:rgba(18,32,63,.7) }
.iu-style-038 { overflow:hidden;white-space:nowrap;flex:1 }
.iu-style-039 { display:inline-flex;animation:tickerMove 26s linear infinite }
.iu-style-040 { display:inline-flex;align-items:center;gap:10px;padding:0 22px;color:#12203f;font-family:var(--font-sans);font-size:13.75px;letter-spacing:.03em }
.iu-style-041 { color:rgba(18,32,63,.2);font-size:8.8px }
.iu-style-042 { max-width:1240px;margin:0 auto;padding:48px 24px 0;display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap }
.iu-style-043 { font-family:var(--font-sans);font-size:11.55px;letter-spacing:.16em;color:rgba(18,32,63,.45) }
.iu-style-044 { font-size:18.7px;font-weight:600;letter-spacing:.04em;color:rgba(18,32,63,.35) }
.iu-style-045 { max-width:1240px;margin:0 auto;padding:64px 24px 90px }
.iu-style-046 { border-top:1px solid rgba(18,32,63,.15);display:grid;grid-template-columns:160px 1.2fr 1.6fr auto;gap:32px;align-items:baseline;padding:30px 6px;transition:background .3s }
.iu-style-047:hover { background:rgba(53,80,126,.05) }
.iu-style-048 { font-family:var(--font-sans);font-size:12.1px;letter-spacing:.14em;color:#35507e }
.iu-style-049 { font-size:26.4px;font-weight:600;letter-spacing:-.01em }
.iu-style-050 { font-size:15.95px;color:rgba(18,32,63,.6);line-height:1.6 }
.iu-style-051 { font-size:14.3px;font-weight:700;letter-spacing:.06em;border-bottom:2px dotted rgba(53,80,126,.5);padding-bottom:4px;transition:all .25s }
.iu-style-052:hover { color:#35507e }
.iu-style-053 { border-top:1px solid rgba(18,32,63,.15);border-bottom:1px solid rgba(18,32,63,.15);display:grid;grid-template-columns:160px 1.2fr 1.6fr auto;gap:32px;align-items:baseline;padding:30px 6px;transition:background .3s }
.iu-style-054 { height:60vh;pointer-events:none }
.iu-style-055 { position:sticky;top:0;z-index:1;min-height:100vh;box-sizing:border-box;background:#ffffff;border-radius:28px 28px 0 0;box-shadow:0 -24px 60px rgba(18,32,63,.25);transform-origin:top center;will-change:transform }
.iu-style-056 { max-width:1240px;margin:0 auto;padding:72px 24px 72px }
.iu-style-057 { display:flex;align-items:center;gap:8px }
.iu-style-058 { width:8px;height:8px;border-radius:50%;background:#35507e }
.iu-style-059 { font-family:var(--font-sans);font-size:12.1px;letter-spacing:.14em;color:rgba(18,32,63,.6) }
.iu-style-060 { display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:28px }
.iu-style-061 { margin:0;font-size:clamp(37.4px,4.62vw,63.8px);font-weight:500;letter-spacing:-.025em;line-height:1.14;max-width:860px;text-wrap:pretty }
.iu-style-062 { color:#8ba3cd }
.iu-style-063 { flex:none;display:inline-flex;align-items:center;gap:10px;font-size:14.3px;font-weight:700;letter-spacing:.08em;border-bottom:2px dotted rgba(53,80,126,.5);padding-bottom:6px;transition:all .25s }
.iu-style-064 { display:grid;grid-template-columns:repeat(4,1fr);gap:2px }
.iu-style-065 { position:relative;height:420px;overflow:hidden }
.iu-style-066 { position:absolute;inset:-60px 0;width:100%;height:calc(100% + 120px);object-fit:cover;object-position:center 35%;will-change:transform }
.iu-style-067 { position:relative;height:420px;overflow:hidden;background:repeating-linear-gradient(45deg,#eef0f5,#eef0f5 12px,#f4f6fa 12px,#f4f6fa 24px);display:flex;align-items:center;justify-content:center }
.iu-style-068 { font-family:var(--font-sans);font-size:11.55px;color:rgba(18,32,63,.5);text-align:center;line-height:1.6 }
.iu-style-069 { max-width:1240px;margin:0 auto;padding:84px 24px 100px }
.iu-style-070 { display:flex;align-items:center;gap:8px;margin-bottom:48px }
.iu-style-071 { display:grid;grid-template-columns:repeat(4,1fr);gap:40px }
.iu-style-072 { font-size:68.2px;font-weight:500;letter-spacing:-.03em;line-height:1;padding-bottom:20px;border-bottom:2px dotted rgba(18,32,63,.25);color:#12203f }
.iu-style-073 { font-family:var(--font-sans);font-size:12.65px;letter-spacing:.1em;color:#35507e;margin-top:16px }
.iu-style-074 { font-size:14.3px;color:rgba(18,32,63,.55);margin-top:10px;line-height:1.6 }
.iu-style-075 { position:sticky;top:0;z-index:3;min-height:100vh;box-sizing:border-box;background:#f4f2ee;border-radius:28px 28px 0 0;box-shadow:0 -24px 60px rgba(18,32,63,.25);transform-origin:top center;will-change:transform }
.iu-style-076 { padding:72px max(24px,calc((100% - 1240px) / 2)) 110px }
.iu-style-077 { display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:26px;margin-bottom:56px }
.iu-style-078 { margin:0;font-size:clamp(35.2px,4.18vw,57.2px);font-weight:500;letter-spacing:-.025em;line-height:1.12 }
.iu-style-079 { font-size:14.85px;line-height:1.65;color:rgba(18,32,63,.55);max-width:300px;text-align:right }
.iu-style-080 { border-top:1px solid rgba(18,32,63,.18) }
.iu-style-081 { display:grid;grid-template-columns:90px 1fr 1.4fr auto;gap:32px;align-items:center;border-bottom:1px solid rgba(18,32,63,.18);padding:34px 6px;cursor:pointer;transition:all .3s }
.iu-style-082:hover { background:rgba(53,80,126,.06);padding-left:18px }
.iu-style-083 { font-size:16.5px;font-weight:600;color:#8ba3cd;font-family:var(--font-sans) }
.iu-style-084 { font-size:clamp(24.2px,2.64vw,35.2px);font-weight:600;letter-spacing:-.015em }
.iu-style-085 { font-size:15.4px;color:rgba(18,32,63,.6);line-height:1.6 }
.iu-style-086 { width:44px;height:44px;border-radius:50%;border:1px solid rgba(18,32,63,.25);display:flex;align-items:center;justify-content:center;font-size:16.5px;transition:all .25s }
.iu-style-087 { position:sticky;top:0;z-index:4;min-height:100vh;box-sizing:border-box;background:#fcfbf9;border-radius:28px 28px 0 0;box-shadow:0 -24px 60px rgba(18,32,63,.25);transform-origin:top center;will-change:transform }
.iu-style-088 { max-width:1240px;margin:0 auto;padding:72px 24px 100px }
.iu-style-089 { display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start }
.iu-style-090 { margin:26px 0 0;font-size:clamp(33px,3.74vw,50.6px);font-weight:500;letter-spacing:-.025em;line-height:1.15 }
.iu-style-091 { position:relative;overflow:hidden;margin-top:40px;height:320px }
.iu-style-092 { position:absolute;inset:-50px 0;width:100%;height:calc(100% + 100px);object-fit:cover;object-position:center 35%;will-change:transform }
.iu-style-093 { position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:8px;background:#fcfbf9;padding:10px 18px 0 0 }
.iu-style-094 { width:7px;height:7px;border-radius:50%;background:#35507e }
.iu-style-095 { font-family:var(--font-sans);font-size:11.55px;letter-spacing:.1em }
.iu-style-096 { border-top:1px solid rgba(18,32,63,.15);margin-top:8px }
.iu-style-097 { display:flex;gap:20px;align-items:baseline }
.iu-style-098 { font-family:var(--font-sans);font-size:12.65px;color:#35507e;flex:none;width:30px }
.iu-style-099 { font-size:17.6px;color:rgba(18,32,63,.4) }
.iu-style-100 { padding:12px 0 0 50px;font-size:15.4px;line-height:1.65;color:rgba(18,32,63,.6) }
.iu-style-101 { position:sticky;top:0;z-index:5;min-height:100vh;box-sizing:border-box;background:#ffffff;border-radius:28px 28px 0 0;box-shadow:0 -24px 60px rgba(18,32,63,.25);transform-origin:top center;will-change:transform }
.iu-style-102 { display:flex;align-items:flex-end;justify-content:space-between;margin:26px 0 40px }
.iu-style-103 { margin:0;font-size:clamp(33px,3.96vw,52.8px);font-weight:500;letter-spacing:-.025em }
.iu-style-104 { display:flex;gap:28px }
.iu-style-105 { border-top:1px solid rgba(18,32,63,.15) }
.iu-style-106 { display:grid;grid-template-columns:170px 120px 1fr 1fr auto;gap:28px;align-items:center;border-bottom:1px solid rgba(18,32,63,.15);padding:30px 6px;cursor:pointer;transition:all .3s }
.iu-style-107 { font-family:var(--font-sans);font-size:13.2px;letter-spacing:.04em;color:#35507e }
.iu-style-108 { font-family:var(--font-sans);font-size:11.55px;letter-spacing:.12em;color:rgba(18,32,63,.5) }
.iu-style-109 { font-size:23.1px;font-weight:600;letter-spacing:-.01em;text-wrap:balance }
.iu-style-110 { font-size:14.85px;color:rgba(18,32,63,.55) }
.iu-style-111 { width:40px;height:40px;border-radius:50%;border:1px solid rgba(18,32,63,.25);display:flex;align-items:center;justify-content:center;font-size:14.3px }
.iu-style-112 { position:sticky;top:0;z-index:6;min-height:100vh;box-sizing:border-box;background:#f4f2ee;border-radius:28px 28px 0 0;box-shadow:0 -24px 60px rgba(18,32,63,.25);transform-origin:top center;will-change:transform }
.iu-style-113 { display:flex;align-items:flex-end;justify-content:space-between;margin:26px 0 48px }
.iu-style-114 { font-size:14.85px;color:rgba(18,32,63,.5);max-width:300px;text-align:right;line-height:1.6 }
.iu-style-115 { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px }
.iu-style-116 { cursor:pointer;display:block;color:inherit }
.iu-style-117 { aspect-ratio:3/3.4;background:repeating-linear-gradient(45deg,#eae7e1,#eae7e1 10px,#f0ede7 10px,#f0ede7 20px);display:flex;align-items:center;justify-content:center }
.iu-style-118 { font-family:var(--font-sans);font-size:11px;color:rgba(18,32,63,.45);text-align:center;line-height:1.6 }
.iu-style-119 { padding:14px 0 0 }
.iu-style-120 { font-size:15.4px;font-weight:700;padding-bottom:8px;border-bottom:2px dotted rgba(18,32,63,.18) }
.iu-style-121 { font-family:var(--font-sans);font-size:12.1px;color:#35507e;margin-top:8px }

@media (max-width: 680px) {
  .team-grid.iu-style-115 { grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:24px 14px }
}
.iu-style-122 { position:sticky;top:0;z-index:7;min-height:100vh;box-sizing:border-box;background:#fcfbf9;border-radius:28px 28px 0 0;box-shadow:0 -24px 60px rgba(18,32,63,.25);transform-origin:top center;will-change:transform }
.iu-style-123 { display:inline-flex;align-items:center;gap:10px;font-size:14.3px;font-weight:700;letter-spacing:.08em;border-bottom:2px dotted rgba(53,80,126,.5);padding-bottom:6px;transition:all .25s }
.iu-style-124 { display:grid;grid-template-columns:repeat(3,1fr);gap:24px }
.iu-style-125 { display:flex;flex-direction:column;gap:16px;cursor:pointer }
.iu-style-126 { position:relative;height:220px;background:repeating-linear-gradient(-45deg,#eef0f5,#eef0f5 12px,#f4f6fa 12px,#f4f6fa 24px);display:flex;align-items:center;justify-content:center;overflow:hidden }
.iu-style-127 { font-family:var(--font-sans);font-size:11.55px;color:rgba(18,32,63,.5) }
.iu-style-128 { width:6px;height:6px;border-radius:50%;background:#35507e }
.iu-style-129 { font-family:var(--font-sans);font-size:11.55px;letter-spacing:.12em;color:rgba(18,32,63,.55) }
.iu-style-130 { font-size:18.7px;font-weight:600;line-height:1.4;text-wrap:balance;margin-top:10px;padding-bottom:12px;border-bottom:2px dotted rgba(18,32,63,.18) }
.iu-style-131 { font-size:13.75px;color:#35507e;font-weight:600;margin-top:10px }
.iu-style-132 { position:sticky;top:0;z-index:8;min-height:100vh;display:flex;flex-direction:column;box-sizing:border-box;background:#ffffff;border-radius:28px 28px 0 0;box-shadow:0 -24px 60px rgba(18,32,63,.25);transform-origin:top center;will-change:transform }
.iu-style-133 { flex:1;display:flex;flex-direction:column;justify-content:center;max-width:900px;width:100%;margin:0 auto;padding:40px 24px 110px;box-sizing:border-box;text-align:center }
.iu-style-134 { margin:0;font-size:clamp(33px,3.96vw,55px);font-weight:500;letter-spacing:-.025em;line-height:1.12 }
.iu-style-135 { margin:22px auto 0;max-width:520px;font-size:18.15px;line-height:1.65;color:rgba(18,32,63,.6);text-wrap:pretty }
.iu-style-136 { margin:44px auto 0;width:100%;max-width:560px;display:flex;gap:20px;align-items:baseline;border-bottom:2px solid rgba(18,32,63,.7);padding-bottom:14px }
.iu-style-137 { flex:1;background:transparent;border:none;outline:none;font-family:var(--font-sans);font-size:16.5px;color:#12203f;min-width:0;padding:0 }
.iu-style-138 { flex:none;font-size:14.3px;font-weight:700;letter-spacing:.08em;color:#35507e;transition:all .25s }
.iu-style-139:hover { color:#12203f }
.iu-style-140 { display:block;margin-top:16px;font-family:var(--font-sans);font-size:12.1px;letter-spacing:.1em;color:rgba(18,32,63,.4) }
.iu-style-141 { position:relative;z-index:9;min-height:100vh;box-sizing:border-box;background:#fcfbf9;border-radius:28px 28px 0 0;box-shadow:0 -24px 60px rgba(18,32,63,.25);transform-origin:top center;will-change:transform }
.iu-style-142 { max-width:1240px;margin:0 auto;padding:56px 24px 110px }
.iu-style-143 { display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:start;margin-top:36px }
.iu-style-144 { margin:0;font-size:clamp(41.8px,5.06vw,70.4px);font-weight:500;letter-spacing:-.03em;line-height:1.05 }
.iu-style-145 { margin:24px 0 0;max-width:440px;font-size:18.15px;line-height:1.65;color:rgba(18,32,63,.65);text-wrap:pretty }
.iu-style-146 { display:flex;flex-direction:column;gap:18px;margin-top:40px }
.iu-style-147 { display:flex;align-items:center;gap:14px;font-size:18.15px;font-weight:600 }
.iu-style-148 { flex:none;color:#35507e }
.iu-style-149 { display:flex;flex-direction:column;gap:34px;padding-top:12px }
.iu-style-150 { display:grid;grid-template-columns:1fr 1fr;gap:34px }
.iu-style-151 { display:flex;flex-direction:column;gap:10px }
.iu-style-152 { font-family:var(--font-sans);font-size:12.1px;letter-spacing:.1em;color:rgba(18,32,63,.55) }
.iu-style-153 { padding:10px 0;border:none;border-bottom:1.5px solid rgba(18,32,63,.3);background:transparent;font-size:17.6px;font-family:inherit;color:#12203f;outline:none;width:100%;box-sizing:border-box }
.iu-style-154 { padding:10px 0;border:none;border-bottom:1.5px solid rgba(18,32,63,.3);background:transparent;font-size:17.6px;font-family:var(--font-sans);color:#12203f;outline:none;width:100%;box-sizing:border-box }
.iu-style-155 { display:flex;align-items:center;gap:12px;cursor:pointer;font-size:16.5px;font-weight:500 }
.iu-style-156 { width:19px;height:19px;accent-color:#12203f;margin:0 }
.iu-style-157 { display:inline-flex;align-self:flex-start;align-items:center;gap:12px;padding:16px 36px;border-radius:999px;background:#12203f;color:#fff;font-size:16.5px;font-weight:600;transition:all .25s }
.iu-style-158 { position:relative;z-index:9;background:#0b1730;padding:64px 40px 56px }
.iu-style-159 { display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;color:#fff }
.iu-style-160 { height:56px;width:auto }
.iu-style-161 { font-size:14.3px;line-height:1.6;opacity:.55;max-width:240px;margin:16px 0 0 }
.iu-style-162 { display:flex;gap:8px;margin-top:20px }
.iu-style-163 { width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .25s }
.iu-style-163[aria-disabled="true"] { pointer-events:none;opacity:.68 }
.social-icon { width:20px;height:20px;display:block;object-fit:contain }
.iu-style-164:hover { background:#35507e;border-color:#35507e;color:#fff }
.iu-style-165 { display:flex;flex-direction:column;gap:12px;font-size:14.85px }
.iu-style-166 { display:flex;align-items:center;gap:8px;margin-bottom:6px }
.iu-style-167 { width:6px;height:6px;border-radius:50%;background:#7a92c0 }
.iu-style-168 { font-family:var(--font-sans);font-size:11.55px;letter-spacing:.14em;color:rgba(255,255,255,.6) }
.iu-style-169 { color:rgba(255,255,255,.6) }
.iu-style-170 { min-height:100vh;background:#fcfbf9 }
.iu-style-171 { background:#12203f;color:#fff }
.iu-style-172 { max-width:1240px;margin:0 auto;padding:8px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px }
.iu-style-173 { font-family:var(--font-sans);font-size:11.55px;letter-spacing:.14em;color:rgba(255,255,255,.75) }
.iu-style-174 { border-bottom:1px solid rgba(18,32,63,.14);background:#fcfbf9 }
.iu-style-175 { max-width:1240px;margin:0 auto;padding:26px 24px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px }
.iu-style-176 { display:flex;align-items:center;gap:18px }
.iu-style-177 { display:block }
.iu-style-178 { height:42px;width:auto;display:block }
.iu-style-179 { width:1px;height:34px;background:rgba(18,32,63,.18) }
.iu-style-180 { font-size:28.6px;font-weight:600;letter-spacing:-.02em }
.iu-style-181 { display:flex;align-items:center;gap:22px }
.iu-style-182 { display:flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid rgba(18,32,63,.22);border-radius:999px;color:rgba(18,32,63,.5);font-size:14.3px }
.iu-style-183 { padding:10px 20px;border-radius:999px;background:#12203f;color:#fff;font-size:14.85px;font-weight:600;transition:background .25s }
.iu-style-184 { position:sticky;top:0;z-index:20;background:rgba(252,251,249,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(18,32,63,.14) }
.iu-style-185 { max-width:1240px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:30px;overflow-x:auto }
.iu-style-186 { max-width:1240px;margin:0 auto;padding:64px 24px 0 }
.iu-style-187 { display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:start;margin-top:26px;padding-bottom:64px;border-bottom:1px solid rgba(18,32,63,.14) }
.iu-style-188 { margin:0;font-size:clamp(39.6px,4.84vw,66px);font-weight:500;letter-spacing:-.03em;line-height:1.08;text-wrap:pretty }
.iu-style-189 { margin:24px 0 0;max-width:560px;font-size:18.7px;line-height:1.7;color:rgba(18,32,63,.65);text-wrap:pretty }
.iu-style-190 { display:flex;align-items:baseline;gap:20px;margin-top:32px;padding-top:18px;border-top:2px dotted rgba(18,32,63,.2) }
.iu-style-191 { font-family:var(--font-sans);font-size:12.65px;letter-spacing:.08em;color:#35507e }
.iu-style-192 { font-size:14.3px;font-weight:700;letter-spacing:.08em;transition:color .25s }
.iu-style-193 { height:400px;background:repeating-linear-gradient(-45deg,#eef0f5,#eef0f5 12px,#f4f6fa 12px,#f4f6fa 24px);display:flex;align-items:center;justify-content:center }
.iu-style-193 img { width:100%;height:100%;object-fit:cover;display:block }
.iu-style-194 { font-family:var(--font-sans);font-size:11.55px;letter-spacing:.1em;color:rgba(18,32,63,.5) }
.iu-style-195 { max-width:1240px;margin:0 auto;padding:56px 24px 0;display:grid;grid-template-columns:1fr 300px;gap:64px;align-items:start }
.iu-style-196 { display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:14px }
.iu-style-197 { margin:0;font-size:clamp(26.4px,2.86vw,37.4px);font-weight:500;letter-spacing:-.02em }
.iu-style-198 { font-family:var(--font-sans);font-size:12.1px;letter-spacing:.1em;color:rgba(18,32,63,.45) }
.iu-style-199 { font-family:var(--font-sans);font-size:12.65px;letter-spacing:.04em;color:#35507e }
.iu-style-200 { display:block;font-size:23.1px;font-weight:600;letter-spacing:-.012em;line-height:1.35;text-wrap:pretty }
.iu-style-201 { display:block;margin-top:8px;font-size:14.85px;line-height:1.6;color:rgba(18,32,63,.55);max-width:640px }
.iu-style-202 { display:block;margin-top:10px;font-family:var(--font-sans);font-size:11.55px;letter-spacing:.08em;color:rgba(18,32,63,.4) }
.iu-style-203 { font-size:15.4px;color:rgba(18,32,63,.35) }
.iu-style-204 { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 6px 0 }
.iu-style-205 { display:inline-flex;align-items:center;gap:10px;padding:13px 28px;border:1.5px solid rgba(18,32,63,.28);border-radius:999px;font-size:14.85px;font-weight:600;transition:all .25s }
.iu-style-206:hover { background:#12203f;color:#fff }
.iu-style-207 { display:flex;flex-direction:column;gap:44px;padding-top:6px }
.iu-style-208 { display:flex;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid rgba(18,32,63,.18) }
.iu-style-209 { font-family:var(--font-sans);font-size:11.55px;letter-spacing:.14em;color:rgba(18,32,63,.6) }
.iu-style-210 { display:grid;grid-template-columns:26px 1fr;gap:14px;align-items:baseline;padding:16px 0;border-bottom:2px dotted rgba(18,32,63,.16) }
.iu-style-211 { font-family:var(--font-sans);font-size:13.2px;color:#8ba3cd }
.iu-style-212 { font-size:15.95px;font-weight:600;line-height:1.45;text-wrap:pretty }
.iu-style-213 { display:flex;flex-wrap:wrap;gap:8px;padding-top:16px }
.iu-style-214 { padding:8px 14px;border:1px solid rgba(18,32,63,.2);border-radius:999px;font-size:13.75px;font-weight:500;transition:all .25s }
.iu-style-215 { display:flex;flex-direction:column;padding-top:6px }
.iu-style-216 { display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(18,32,63,.1);font-size:14.85px;font-weight:500 }
.iu-style-217 { font-family:var(--font-sans);font-size:12.1px;color:rgba(18,32,63,.4) }
.iu-style-218 { max-width:1240px;margin:96px auto 0;padding:0 24px }
.iu-style-219 { border-top:1px solid rgba(18,32,63,.18);padding-top:40px }
.iu-style-220 { display:flex;align-items:center;gap:8px;margin-bottom:32px }
.iu-style-221 { display:grid;grid-template-columns:repeat(4,1fr);gap:36px }
.iu-style-222 { display:flex;align-items:center;gap:16px }
.iu-style-223 { flex:none;width:56px;height:56px;border-radius:50%;background:repeating-linear-gradient(45deg,#eae7e1,#eae7e1 8px,#f0ede7 8px,#f0ede7 16px) }
.iu-style-224 { font-size:15.95px;font-weight:700 }
.iu-style-225 { font-family:var(--font-sans);font-size:11.55px;letter-spacing:.08em;color:#35507e;margin-top:6px }
.iu-style-226 { margin-top:96px;border-top:1px solid rgba(18,32,63,.14);background:#f4f2ee }
.iu-style-227 { max-width:900px;margin:0 auto;padding:88px 24px;text-align:center }
.iu-style-228 { margin:0;font-size:clamp(30.8px,3.74vw,50.6px);font-weight:500;letter-spacing:-.025em;line-height:1.12 }
.iu-style-229 { margin:20px auto 0;max-width:500px;font-size:17.6px;line-height:1.65;color:rgba(18,32,63,.6);text-wrap:pretty }
.iu-style-230 { margin:40px auto 0;width:100%;max-width:520px;display:flex;gap:20px;align-items:baseline;border-bottom:2px solid rgba(18,32,63,.7);padding-bottom:14px }
.iu-style-231 { flex:none;font-size:14.3px;font-weight:700;letter-spacing:.08em;color:#35507e;transition:color .25s }
.iu-style-232 { background:#0b1730;padding:64px 40px 56px }
.iu-style-233 { max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;color:#fff }
/* AUTO-GENERATED DESIGN RULES: END */

/* BLOG ARTICLE DETAIL */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.article-page {
  background: var(--paper);
}

.article-progress {
  position: fixed;
  inset: 0 auto auto 0;
  z-index: 140;
  width: 100%;
  height: 3px;
  background: var(--blue-soft);
  transform: scaleX(0);
  transform-origin: left;
}

@supports (animation-timeline: scroll()) {
  .article-progress {
    animation: article-reading-progress linear both;
    animation-timeline: scroll();
  }
}

@keyframes article-reading-progress {
  to { transform: scaleX(1); }
}

.article-header {
  min-height: 80px;
}

.article-brand-link {
  color: var(--navy);
}

.article-nav {
  display: flex;
  align-items: center;
  gap: 24px;
}

.article-nav > a:first-child {
  font-size: 12.1px;
  font-weight: 700;
  letter-spacing: .1em;
}

.article-hero {
  max-width: 1240px;
  margin: 0 auto;
  padding: 84px 24px 64px;
}

.article-hero-grid {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 52px;
  align-items: start;
}

.article-kicker {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-top: 12px;
  font-size: 11.55px;
  font-weight: 600;
  letter-spacing: .13em;
  color: rgba(18, 32, 63, .52);
}

.article-kicker span:first-child {
  color: var(--navy-2);
}

.article-hero h1 {
  max-width: 980px;
  margin: 0;
  font-size: clamp(48.4px, 5.88vw, 79.2px);
  font-weight: 500;
  line-height: 1.04;
  letter-spacing: -.045em;
  text-wrap: balance;
  animation: heroIn .7s cubic-bezier(.16, 1, .3, 1) both;
}

.article-deck {
  max-width: 760px;
  margin: 30px 0 0;
  font-size: clamp(18.7px, 1.71vw, 23.1px);
  line-height: 1.62;
  color: rgba(18, 32, 63, .64);
  text-wrap: pretty;
}

.article-byline {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 38px;
}

.article-author-mark {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--navy);
  color: var(--paper);
  font-size: 12.1px;
  font-weight: 700;
  letter-spacing: .06em;
}

.article-byline strong,
.article-byline span {
  display: block;
}

.article-byline strong {
  font-size: 14.3px;
}

.article-byline span {
  margin-top: 5px;
  font-size: 11.55px;
  letter-spacing: .08em;
  color: rgba(18, 32, 63, .48);
}

.article-cover {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 24px;
}

.article-cover img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: var(--paper-warm);
}

.article-cover figcaption {
  max-width: 1240px;
  margin: 12px auto 0;
  font-size: 11.55px;
  line-height: 1.5;
  letter-spacing: .05em;
  color: rgba(18, 32, 63, .48);
}

.article-body-grid {
  display: grid;
  grid-template-columns: 220px minmax(0, 720px);
  gap: 72px;
  max-width: 1050px;
  margin: 0 auto;
  padding: 92px 24px 112px;
  align-items: start;
}

.article-aside {
  position: sticky;
  top: 28px;
  display: flex;
  flex-direction: column;
  gap: 34px;
}

.article-aside-block {
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.article-aside-label {
  display: block;
  margin-bottom: 14px;
  font-size: 11px;
  letter-spacing: .13em;
  color: rgba(18, 32, 63, .48);
}

.article-aside strong {
  font-size: 14.3px;
  line-height: 1.5;
}

.article-aside p {
  margin: 8px 0 0;
  font-size: 13.2px;
  line-height: 1.6;
  color: rgba(18, 32, 63, .58);
}

.article-copy-button {
  padding: 0 0 5px;
  border: 0;
  border-bottom: 1px dotted rgba(18, 32, 63, .55);
  background: transparent;
  color: var(--navy);
  font-size: 13.2px;
  font-weight: 700;
  cursor: pointer;
}

.article-copy-button:hover {
  color: var(--navy-2);
}

.article-copy-button:active {
  transform: translateY(1px);
}

.article-copy-button:focus-visible {
  outline: 2px solid var(--blue-soft);
  outline-offset: 5px;
}

.article-copy-status {
  display: block;
  min-height: 32px;
  margin-top: 9px;
  font-size: 11.55px;
  line-height: 1.5;
  color: var(--navy-2);
}

.article-content {
  font-size: 18.7px;
  line-height: 1.85;
  color: rgba(18, 32, 63, .82);
}

.article-content > p {
  margin: 0 0 28px;
}

.article-content .article-lead {
  margin-bottom: 34px;
  font-size: 24.2px;
  line-height: 1.58;
  font-weight: 500;
  letter-spacing: -.012em;
  color: var(--navy);
}

.article-content h2 {
  margin: 72px 0 22px;
  font-size: clamp(30.8px, 3.3vw, 44px);
  line-height: 1.18;
  letter-spacing: -.03em;
  font-weight: 550;
  color: var(--navy);
}

.article-content blockquote {
  margin: 56px 0;
  padding: 12px 0 12px 36px;
  border-left: 3px solid var(--blue-soft);
}

.article-content blockquote p {
  margin: 0;
  font-size: clamp(26.4px, 3.08vw, 37.4px);
  line-height: 1.42;
  letter-spacing: -.025em;
  font-weight: 500;
  color: var(--navy);
  text-wrap: pretty;
}

.scenario-list {
  margin: 32px 0 0;
  border-top: 1px solid var(--line);
}

.scenario-list section {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 8px 28px;
  padding: 28px 0;
  border-bottom: 1px solid var(--line);
}

.scenario-list span {
  grid-row: 1 / 3;
  padding-top: 4px;
  font-size: 11.55px;
  line-height: 1.45;
  letter-spacing: .1em;
  color: var(--navy-2);
}

.scenario-list h3 {
  margin: 0;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 650;
  letter-spacing: -.012em;
}

.scenario-list p {
  margin: 0;
  font-size: 15.4px;
  line-height: 1.65;
  color: rgba(18, 32, 63, .62);
}

.article-note {
  margin: 58px 0 34px;
  padding: 30px 32px;
  background: var(--paper-warm);
  border-left: 3px solid var(--navy-2);
}

.article-note strong {
  display: block;
  margin-bottom: 10px;
  font-size: 13.2px;
  letter-spacing: .08em;
}

.article-note p {
  margin: 0;
  font-size: 16.5px;
  line-height: 1.72;
}

.article-disclaimer {
  padding-top: 22px;
  border-top: 1px solid var(--line);
  font-size: 12.65px;
  line-height: 1.6;
  color: rgba(18, 32, 63, .46);
}

.article-related {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px 108px;
}

.article-related-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
}

.article-related-heading h2 {
  margin: 0;
  font-size: clamp(33px, 3.85vw, 52.8px);
  line-height: 1.1;
  letter-spacing: -.035em;
  font-weight: 500;
}

.article-related-heading a {
  flex: none;
  padding-bottom: 5px;
  border-bottom: 2px dotted rgba(53, 80, 126, .45);
  font-size: 13.2px;
  font-weight: 700;
}

.article-related-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 2px;
  background: var(--line);
}

.article-related-item {
  min-height: 300px;
  padding: 38px;
  background: var(--paper-warm);
  transition: background .25s ease, color .25s ease;
}

.article-related-item-featured {
  background: #e8edf5;
}

.article-related-item:hover {
  background: var(--navy);
  color: var(--paper);
}

.article-related-item span {
  font-size: 11px;
  letter-spacing: .12em;
  color: var(--navy-2);
}

.article-related-item:hover span,
.article-related-item:hover p {
  color: rgba(252, 251, 249, .66);
}

.article-related-item h3 {
  max-width: 560px;
  margin: 78px 0 14px;
  font-size: clamp(25.3px, 2.81vw, 37.4px);
  line-height: 1.18;
  letter-spacing: -.025em;
  font-weight: 550;
  text-wrap: balance;
}

.article-related-item p {
  max-width: 520px;
  margin: 0;
  font-size: 14.85px;
  line-height: 1.65;
  color: rgba(18, 32, 63, .6);
}

.article-newsletter {
  margin-top: 0;
}

@media (max-width: 800px) {
  .article-hero {
    padding-top: 54px;
  }

  .article-hero-grid,
  .article-body-grid {
    grid-template-columns: 1fr;
  }

  .article-hero-grid {
    gap: 28px;
  }

  .article-kicker {
    flex-direction: row;
    gap: 24px;
    padding-top: 0;
  }

  .article-body-grid {
    gap: 54px;
    padding-top: 70px;
  }

  .article-aside {
    position: static;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
  }
}

@media (max-width: 680px) {
  .article-header {
    min-height: 70px;
  }

  .article-nav > a:first-child {
    display: none;
  }

  .article-nav {
    gap: 0;
  }

  .article-nav .iu-style-183 {
    padding: 9px 14px;
    font-size: 13.2px;
  }

  .article-hero {
    padding: 48px 20px 44px;
  }

  .article-hero h1 {
    font-size: clamp(41.8px, 13.2vw, 59.4px);
    line-height: 1.06;
  }

  .article-deck {
    margin-top: 22px;
    font-size: 18.7px;
  }

  .article-cover {
    padding: 0;
  }

  .article-cover img {
    aspect-ratio: 4 / 3;
  }

  .article-cover figcaption {
    padding: 0 20px;
  }

  .article-body-grid {
    padding: 58px 20px 84px;
  }

  .article-aside {
    grid-template-columns: 1fr;
  }

  .article-content {
    font-size: 17.6px;
    line-height: 1.78;
  }

  .article-content .article-lead {
    font-size: 22px;
  }

  .article-content h2 {
    margin-top: 58px;
  }

  .article-content blockquote {
    margin: 46px 0;
    padding-left: 22px;
  }

  .scenario-list section {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .scenario-list span {
    grid-row: auto;
  }

  .article-note {
    padding: 24px 22px;
  }

  .article-related {
    padding: 0 20px 82px;
  }

  .article-related-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .article-related-grid {
    grid-template-columns: 1fr;
  }

  .article-related-item {
    min-height: 270px;
    padding: 28px 24px;
  }

  .article-related-item h3 {
    margin-top: 54px;
  }
}

/* EVENT DETAIL */
.event-detail-page {
  background: var(--paper);
}

.event-empty-page {
  max-width: 920px;
  min-height: 560px;
  margin: 0 auto;
  padding: 120px 24px;
}

.event-empty-page > span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  color: var(--navy-2);
}

.event-empty-page h1 {
  max-width: 760px;
  margin: 24px 0;
  font-size: clamp(50.6px, 7.7vw, 94.6px);
  line-height: 1;
  letter-spacing: -.06em;
  font-weight: 550;
}

.event-empty-page p {
  max-width: 580px;
  margin: 0;
  font-size: 17.6px;
  line-height: 1.7;
  color: rgba(18, 32, 63, .62);
}

.event-empty-page a {
  display: inline-block;
  margin-top: 36px;
  padding-bottom: 6px;
  border-bottom: 2px dotted rgba(53, 80, 126, .45);
  font-size: 12.1px;
  font-weight: 700;
}

.event-header-inner {
  min-height: 80px;
}

.event-header-nav {
  display: flex;
  align-items: center;
  gap: 28px;
  font-size: 11.55px;
  font-weight: 700;
  letter-spacing: .1em;
}

.event-header-nav .iu-style-183 {
  letter-spacing: 0;
}

.event-detail-hero {
  max-width: 1240px;
  margin: 0 auto;
  padding: 78px 24px 66px;
}

.event-detail-hero-grid {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 52px;
  align-items: start;
}

.event-date-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 5px;
}

.event-date-block span {
  font-size: 79.2px;
  line-height: .9;
  font-weight: 500;
  letter-spacing: -.06em;
}

.event-date-block strong {
  margin-top: 14px;
  font-size: 13.2px;
  letter-spacing: .16em;
  color: var(--navy-2);
}

.event-date-block small {
  margin-top: 7px;
  font-size: 12.1px;
  letter-spacing: .1em;
  color: rgba(18, 32, 63, .48);
}

.event-detail-type {
  display: block;
  margin-bottom: 20px;
  font-size: 11.55px;
  font-weight: 700;
  letter-spacing: .14em;
  color: var(--navy-2);
}

.event-detail-intro h1 {
  max-width: 920px;
  margin: 0;
  font-size: clamp(52.8px, 6.6vw, 90.2px);
  line-height: 1;
  letter-spacing: -.05em;
  font-weight: 500;
  text-wrap: balance;
  animation: heroIn .7s cubic-bezier(.16, 1, .3, 1) both;
}

.event-detail-intro p {
  max-width: 760px;
  margin: 30px 0 0;
  font-size: clamp(18.7px, 1.71vw, 23.1px);
  line-height: 1.64;
  color: rgba(18, 32, 63, .64);
  text-wrap: pretty;
}

.event-detail-cover {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 24px;
}

.event-detail-cover img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: var(--navy);
}

.event-detail-cover figcaption {
  max-width: 1240px;
  margin: 12px auto 0;
  font-size: 11.55px;
  line-height: 1.5;
  letter-spacing: .05em;
  color: rgba(18, 32, 63, .48);
}

.event-facts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 1240px;
  margin: 58px auto 0;
  padding: 0 24px;
}

.event-facts > div {
  min-height: 102px;
  padding: 20px 26px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

.event-facts > div:last-child {
  border-right: 1px solid var(--line);
}

.event-facts span,
.event-location span {
  display: block;
  font-size: 10.45px;
  letter-spacing: .13em;
  color: rgba(18, 32, 63, .48);
}

.event-facts strong {
  display: block;
  margin-top: 14px;
  font-size: 14.3px;
  line-height: 1.45;
}

.event-content-grid {
  display: grid;
  grid-template-columns: 270px minmax(0, 760px);
  gap: 86px;
  max-width: 1165px;
  margin: 0 auto;
  padding: 104px 24px 120px;
  align-items: start;
}

/* Kayıt kartı Sanity'den kapatıldığında içerik tek sütun olarak ortalanır. */
.event-content-grid.is-single-column {
  grid-template-columns: minmax(0, 1fr);
  max-width: 808px;
}

.event-registration {
  position: sticky;
  top: 28px;
  padding: 28px;
  background: var(--navy);
  color: var(--paper);
}

.event-registration-status {
  font-size: 10.45px;
  letter-spacing: .14em;
  color: var(--blue-soft);
}

.event-registration h2 {
  margin: 42px 0 14px;
  font-size: 34.1px;
  line-height: 1.08;
  letter-spacing: -.035em;
  font-weight: 550;
}

.event-registration > p {
  margin: 0;
  font-size: 13.75px;
  line-height: 1.65;
  color: rgba(252, 251, 249, .66);
}

.event-register-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 28px;
  padding: 14px 18px;
  background: var(--paper);
  color: var(--navy);
  font-size: 14.3px;
  line-height: 1;
  font-weight: 700;
  transition: background .25s ease, transform .2s ease;
}

.event-register-button:hover {
  background: var(--blue-soft);
  color: var(--navy);
}

.event-register-button:active {
  transform: translateY(1px);
}

.event-register-button.is-disabled {
  cursor: not-allowed;
  background: rgba(252, 251, 249, .16);
  color: rgba(252, 251, 249, .55);
}

.event-registration .event-registration-note {
  margin-top: 14px;
  font-size: 11px;
  color: rgba(252, 251, 249, .45);
}

.event-rich-text {
  font-size: 18.7px;
  line-height: 1.82;
  color: rgba(18, 32, 63, .82);
}

.event-rich-text > p,
.event-rich-text > ul,
.event-rich-text > ol {
  margin: 0 0 28px;
}

.event-rich-text .event-lead {
  font-size: 25.3px;
  line-height: 1.56;
  letter-spacing: -.015em;
  font-weight: 500;
  color: var(--navy);
}

.event-rich-text h2,
.event-main-content > section > h2,
.event-section-heading h2 {
  margin: 70px 0 22px;
  font-size: clamp(33px, 3.52vw, 46.2px);
  line-height: 1.15;
  letter-spacing: -.035em;
  font-weight: 550;
}

.event-rich-text h3 {
  margin: 44px 0 14px;
  font-size: 25.3px;
  letter-spacing: -.02em;
}

.event-rich-text blockquote {
  margin: 46px 0;
  padding: 8px 0 8px 28px;
  border-left: 3px solid var(--blue-soft);
}

.event-rich-text blockquote p {
  margin: 0;
  font-size: 28.6px;
  line-height: 1.45;
  font-weight: 500;
}

.event-rich-text a {
  color: var(--navy-2);
  border-bottom: 1px dotted var(--navy-2);
}

.cms-inline-image {
  margin: 48px 0;
}

.cms-inline-image img {
  display: block;
  width: 100%;
  height: auto;
}

.cms-inline-image figcaption {
  margin-top: 10px;
  font-size: 11.55px;
  color: rgba(18, 32, 63, .48);
}

.event-highlights {
  margin-top: 76px;
}

.event-highlights > h2 {
  margin-top: 0 !important;
}

.event-highlights-list {
  border-top: 1px solid var(--line);
}

.event-highlights-list > div {
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 20px;
  padding: 24px 0;
  border-bottom: 1px solid var(--line);
  align-items: baseline;
}

.event-highlights-list span {
  font-size: 12.1px;
  color: var(--blue-soft);
}

.event-highlights-list strong {
  font-size: 20.9px;
  line-height: 1.4;
  font-weight: 600;
}

.event-schedule {
  margin-top: 86px;
}

.event-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}

.event-section-heading h2 {
  margin: 0;
}

.event-section-heading > span {
  max-width: 190px;
  padding-bottom: 5px;
  font-size: 11.55px;
  line-height: 1.5;
  color: rgba(18, 32, 63, .48);
  text-align: right;
}

.event-schedule-list {
  border-top: 1px solid var(--line);
}

.event-schedule-list > div {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 28px;
  padding: 28px 0;
  border-bottom: 1px solid var(--line);
}

.event-schedule-list time {
  font-size: 13.2px;
  font-weight: 700;
  color: var(--navy-2);
}

.event-schedule-list strong {
  display: block;
  font-size: 19.8px;
  line-height: 1.4;
}

.event-schedule-list p {
  margin: 8px 0 0;
  font-size: 14.3px;
  line-height: 1.6;
  color: rgba(18, 32, 63, .58);
}

.event-speakers {
  margin-top: 86px;
}

.event-speakers > h2 {
  margin-top: 0 !important;
}

.event-speakers-empty {
  padding: 34px;
  border: 1px solid var(--line);
  background: var(--paper-warm);
}

.event-speakers-empty strong {
  font-size: 19.8px;
}

.event-speakers-empty p {
  max-width: 520px;
  margin: 10px 0 0;
  font-size: 14.3px;
  line-height: 1.6;
  color: rgba(18, 32, 63, .58);
}

.event-speakers-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: var(--line);
}

.event-speakers-list > div {
  min-height: 160px;
  padding: 28px;
  background: var(--paper-warm);
}

.event-speakers-list strong,
.event-speakers-list span {
  display: block;
}

.event-speakers-list strong {
  margin-top: 56px;
  font-size: 19.8px;
}

.event-speakers-list span {
  margin-top: 8px;
  font-size: 12.1px;
  line-height: 1.5;
  color: var(--navy-2);
}

.event-location {
  margin-top: 86px;
}

.event-location > h2 {
  margin-top: 0 !important;
}

.event-location-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 38px;
  align-items: end;
  padding: 30px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.event-location p {
  max-width: 520px;
  margin: 12px 0 0;
  font-size: 15.4px;
  line-height: 1.65;
}

.event-location a {
  padding-bottom: 5px;
  border-bottom: 2px dotted rgba(53, 80, 126, .45);
  font-size: 12.1px;
  font-weight: 700;
  letter-spacing: .08em;
  white-space: nowrap;
}

.event-related {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px 110px;
}

.event-related-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2px;
  background: var(--line);
}

.event-related-grid > a {
  display: flex;
  min-height: 250px;
  padding: 34px;
  flex-direction: column;
  background: var(--paper-warm);
  transition: background .25s ease, color .25s ease;
}

.event-related-grid > a:nth-child(even) {
  background: #e8edf5;
}

.event-related-grid > a:hover {
  background: var(--navy);
  color: var(--paper);
}

.event-related-grid span,
.event-related-grid small {
  font-size: 11px;
  letter-spacing: .1em;
  color: var(--navy-2);
}

.event-related-grid > a:hover span,
.event-related-grid > a:hover small {
  color: var(--blue-soft);
}

.event-related-grid strong {
  max-width: 480px;
  margin: auto 0 18px;
  font-size: clamp(26.4px, 2.86vw, 37.4px);
  line-height: 1.18;
  letter-spacing: -.03em;
  font-weight: 550;
}

@media (max-width: 900px) {
  .event-detail-hero-grid {
    grid-template-columns: 130px minmax(0, 1fr);
    gap: 34px;
  }

  .event-facts {
    grid-template-columns: repeat(2, 1fr);
  }

  .event-facts > div:nth-child(2) {
    border-right: 1px solid var(--line);
  }

  .event-facts > div:nth-child(n + 3) {
    border-top: 0;
  }

  .event-content-grid {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 48px;
  }
}

@media (max-width: 680px) {
  .event-header-inner {
    min-height: 70px;
  }

  .event-header-nav > a:not(.iu-style-183) {
    display: none;
  }

  .event-header-nav .iu-style-183 {
    padding: 9px 14px;
    font-size: 13.2px;
  }

  .event-detail-hero {
    padding: 48px 20px 44px;
  }

  .event-detail-hero-grid,
  .event-content-grid {
    grid-template-columns: 1fr;
  }

  .event-detail-hero-grid {
    gap: 32px;
  }

  .event-date-block {
    display: grid;
    grid-template-columns: auto auto;
    gap: 6px 12px;
    align-items: end;
  }

  .event-date-block span {
    grid-row: 1 / 3;
    font-size: 63.8px;
  }

  .event-date-block strong,
  .event-date-block small {
    margin: 0;
  }

  .event-detail-intro h1 {
    font-size: clamp(46.2px, 14.3vw, 63.8px);
  }

  .event-detail-cover {
    padding: 0;
  }

  .event-detail-cover img {
    aspect-ratio: 4 / 3;
  }

  .event-detail-cover figcaption {
    padding: 0 20px;
  }

  .event-facts {
    grid-template-columns: 1fr;
    margin-top: 42px;
    padding: 0 20px;
  }

  .event-facts > div {
    min-height: auto;
    padding: 18px 0;
    border-left: 0;
    border-right: 0 !important;
    border-bottom: 0;
  }

  .event-facts > div:last-child {
    border-bottom: 1px solid var(--line);
  }

  .event-content-grid {
    gap: 64px;
    padding: 76px 20px 90px;
  }

  .event-registration {
    position: static;
  }

  .event-rich-text {
    font-size: 17.6px;
  }

  .event-rich-text .event-lead {
    font-size: 22px;
  }

  .event-section-heading,
  .event-location-grid {
    align-items: flex-start;
    grid-template-columns: 1fr;
    flex-direction: column;
  }

  .event-section-heading > span {
    max-width: none;
    text-align: left;
  }

  .event-schedule-list > div {
    grid-template-columns: 74px 1fr;
    gap: 18px;
  }

  .event-speakers-list,
  .event-related-grid {
    grid-template-columns: 1fr;
  }

  .event-related {
    padding: 0 20px 84px;
  }

  .event-related-grid > a {
    min-height: 220px;
    padding: 28px 24px;
  }
}

/* ===== Etkinlik arşivi ===== */
.events-all-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #fff;
  background: var(--navy);
}

.events-all-link span {
  font-size: 15.4px;
}

.events-archive-page {
  color: var(--navy);
  background: #f5f6f8;
}

.events-archive-page main {
  overflow: hidden;
}

.events-archive-hero {
  min-height: 72svh;
  padding: 150px max(24px, calc((100vw - 1240px) / 2)) 82px;
  color: #fff;
  background:
    radial-gradient(circle at 78% 20%, rgba(101, 132, 186, .46), transparent 29%),
    #12203f;
}

.events-archive-back {
  display: inline-flex;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255, 255, 255, .38);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
}

.events-archive-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(260px, .5fr);
  gap: clamp(48px, 9vw, 130px);
  margin-top: clamp(68px, 10vh, 110px);
  align-items: end;
}

.events-archive-hero h1 {
  margin: 0;
  font-family: var(--font-sans);
  font-size: clamp(74.8px, 9.9vw, 105.6px);
  font-weight: 700;
  line-height: .83;
  letter-spacing: -.02em;
}

.events-archive-hero-grid p {
  margin: 0;
  font-size: 17.6px;
  line-height: 1.65;
  color: rgba(255, 255, 255, .72);
}

#events-archive-count {
  display: block;
  margin-top: 26px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  color: #a9bde0;
}

.events-archive-content {
  width: min(100% - 48px, 1320px);
  margin: -32px auto 0;
  padding: 66px 24px 112px;
  border-radius: 16px 16px 0 0;
  background: #fff;
}

.events-archive-toolbar {
  display: flex;
  gap: 32px;
  margin-bottom: 34px;
  align-items: flex-end;
  justify-content: space-between;
}

.events-archive-toolbar h2 {
  margin: 0;
  font-family: var(--font-sans);
  font-size: clamp(44px, 5.28vw, 72.6px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.02em;
}

.events-archive-filters {
  display: flex;
  max-width: 100%;
  overflow-x: auto;
  padding: 5px;
  gap: 4px;
  border-radius: 999px;
  background: #eef1f6;
  scrollbar-width: none;
}

.events-archive-filters::-webkit-scrollbar {
  display: none;
}

.events-archive-filters .events-filter {
  flex: 0 0 auto;
}

.events-archive-list {
  gap: 14px;
}

.archive-event-reveal {
  opacity: .35;
  transform: translateY(42px) scale(.99);
  transition:
    opacity 620ms cubic-bezier(.16, 1, .3, 1) var(--archive-delay, 0ms),
    transform 760ms cubic-bezier(.16, 1, .3, 1) var(--archive-delay, 0ms);
}

.archive-event-reveal.is-visible {
  opacity: 1;
  transform: none;
}

.events-archive-empty {
  padding: 72px 24px;
  text-align: center;
  color: rgba(18, 32, 63, .58);
}

/* ===== Modern komite detayları ===== */
.committee-detail-page.committee-modern {
  background: #f6f7f9;
}

.committee-modern .committee-modern-hero {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  gap: clamp(50px, 7vw, 104px);
  max-width: 1320px;
  min-height: 88svh;
  margin: 0 auto;
  padding: 146px 24px 86px;
  align-items: center;
}

.committee-modern .committee-hero-copy {
  position: relative;
  z-index: 2;
}

/* Komite detay sayfalarında kapak görseli yok: hero tek sütun akar. */
body[data-committee-slug] .committee-hero,
body[data-committee-slug].committee-modern .committee-modern-hero {
  grid-template-columns: minmax(0, 1fr);
  min-height: 0;
  padding-bottom: 64px;
}

body[data-committee-slug] .committee-hero h1 {
  max-width: none;
  /* Başlık daima tek satır: yazı tipi boyutu satır genişliğine göre kısılır. */
  font-size: min(clamp(24px, 7.8vw, 96px), calc((100vw - 60px) / 9.8));
  white-space: nowrap;
}

body[data-committee-slug] .committee-hero-copy > p {
  max-width: none;
  text-wrap: pretty;
}

.committee-modern .committee-hero h1 {
  max-width: 8.5ch;
  margin: 26px 0 28px;
  font-family: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  font-size: clamp(64px, 7.8vw, 96px);
  font-weight: 600;
  line-height: .87;
  letter-spacing: -.04em;
  text-wrap: balance;
}

.committee-modern .committee-hero-copy > p {
  max-width: 560px;
  font-size: clamp(19.8px, 1.98vw, 27.5px);
  line-height: 1.5;
  color: rgba(18, 32, 63, .66);
}

.committee-modern .committee-hero-media {
  --committee-cover-y: 0px;
  --committee-cover-scale: 1.045;
  position: relative;
  height: min(68svh, 700px);
  overflow: hidden;
  margin: 0;
  border-radius: 16px;
  background: #dfe5ef;
  box-shadow: 0 20px 48px rgba(18, 32, 63, .16);
}

.committee-modern .committee-hero-media::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 54%, rgba(10, 23, 49, .58) 100%);
  content: "";
  pointer-events: none;
}

.committee-modern .committee-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.88) contrast(1.04);
  transform: translate3d(0, var(--committee-cover-y), 0) scale(var(--committee-cover-scale));
  will-change: transform;
}

.committee-modern .committee-hero-media figcaption {
  position: absolute;
  z-index: 2;
  right: 24px;
  bottom: 20px;
  left: 24px;
  margin: 0;
  color: rgba(255, 255, 255, .82);
  font-size: 11px;
  line-height: 1.5;
}

.committee-switcher {
  display: grid;
  width: min(100% - 48px, 1272px);
  margin: 0 auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(18, 32, 63, .16);
  border-bottom: 1px solid rgba(18, 32, 63, .16);
}

.committee-switcher a {
  display: flex;
  min-height: 86px;
  padding: 16px 20px;
  gap: 12px;
  align-items: center;
  border-right: 1px solid rgba(18, 32, 63, .16);
  font-size: 14.3px;
  font-weight: 650;
  transition: color 220ms ease, background-color 220ms ease;
}

.committee-switcher a:last-child {
  border-right: 0;
}

.committee-switcher a span {
  color: rgba(18, 32, 63, .38);
  font-size: 9.9px;
}

.committee-switcher a.is-active {
  color: #fff;
  background: #35507e;
}

.committee-switcher a.is-active span {
  color: rgba(255, 255, 255, .62);
}

.committee-modern .committee-summary {
  display: grid;
  grid-template-columns: minmax(180px, 280px) minmax(0, 720px);
  gap: clamp(46px, 8vw, 126px);
  max-width: 1240px;
  margin: 0 auto;
  padding: 126px 24px 138px;
  align-items: start;
}

.committee-modern .committee-lead {
  margin: 0 0 38px;
  font-family: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  font-size: clamp(30px, 3.2vw, 43px);
  font-weight: 600;
  line-height: 1.22;
  letter-spacing: -.04em;
}

.committee-modern .committee-rich-text {
  max-width: 650px;
  font-size: 17.6px;
  line-height: 1.82;
  color: rgba(18, 32, 63, .7);
}

.committee-modern .committee-activities {
  max-width: none;
  padding: 112px max(24px, calc((100vw - 1192px) / 2)) 128px;
  color: #fff;
  background: #12203f;
}

.committee-modern .committee-activities-heading {
  display: grid;
  grid-template-columns: minmax(180px, 280px) minmax(0, 1fr);
  gap: clamp(46px, 8vw, 126px);
}

.committee-modern .committee-activities .committee-section-label,
.committee-modern .committee-activities-heading > div:last-child > span {
  color: #a9bde0;
}

.committee-modern .committee-activities h2 {
  max-width: 12ch;
  margin: 14px 0 0;
  font-family: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  font-size: clamp(44px, 5.2vw, 72px);
  font-weight: 600;
  line-height: .98;
  letter-spacing: -.04em;
}

.committee-modern .committee-activity-list {
  margin-top: 70px;
  border-top: 1px solid rgba(255, 255, 255, .18);
}

.committee-modern .committee-activity-list > article,
.committee-modern .committee-activity-list > a,
.committee-modern .committee-activity-list > .committee-empty-state {
  color: #fff;
  border-color: rgba(255, 255, 255, .18);
  background: transparent;
}

.committee-page-motion-ready .committee-page-reveal {
  opacity: .45;
  clip-path: inset(8% 0 0 round 12px);
  transform: translateY(54px) scale(.985);
  transition:
    opacity 720ms cubic-bezier(.16, 1, .3, 1),
    clip-path 900ms cubic-bezier(.16, 1, .3, 1),
    transform 900ms cubic-bezier(.16, 1, .3, 1);
}

.committee-page-motion-ready .committee-page-reveal.is-visible {
  opacity: 1;
  clip-path: inset(0 round 0);
  transform: none;
}

.committee-page-motion-ready .committee-hero-media { transition-delay: 90ms; }
.committee-page-motion-ready .committee-switcher { transition-delay: 120ms; }

@media (hover: hover) and (pointer: fine) {
  .committee-switcher a:not(.is-active):hover {
    color: var(--navy-2);
    background: #e8edf5;
  }
}

@media (max-width: 900px) {
  .events-archive-hero-grid,
  .committee-modern .committee-modern-hero,
  .committee-modern .committee-summary,
  .committee-modern .committee-activities-heading {
    grid-template-columns: 1fr;
  }

  .events-archive-hero {
    min-height: auto;
    padding-top: 126px;
  }

  .events-archive-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .committee-modern .committee-modern-hero {
    gap: 48px;
    padding-top: 126px;
  }

  .committee-modern .committee-hero-media {
    height: min(68svh, 620px);
  }

  .committee-switcher {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .committee-switcher a:nth-child(2) {
    border-right: 0;
  }

  .committee-switcher a:nth-child(-n + 2) {
    border-bottom: 1px solid rgba(18, 32, 63, .16);
  }
}

@media (max-width: 680px) {
  .events-archive-hero {
    padding: 112px 20px 70px;
  }

  .events-archive-hero-grid {
    gap: 40px;
    margin-top: 56px;
  }

  .events-archive-content {
    width: 100%;
    margin-top: -20px;
    padding: 52px 18px 86px;
    border-radius: 16px 16px 0 0;
  }

  .events-archive-list .event-timeline-card {
    grid-template-columns: 72px minmax(0, 1fr);
  }

  .events-archive-list .event-time-chart {
    grid-column: 1 / -1;
  }

  .committee-modern .committee-modern-hero {
    padding: 112px 18px 68px;
  }

  .committee-modern .committee-hero h1 {
    font-size: clamp(63.8px, 19.8vw, 85.8px);
  }

  .committee-modern .committee-hero-media {
    height: 58svh;
  }

  .committee-switcher {
    width: calc(100% - 36px);
    grid-template-columns: 1fr;
  }

  .committee-switcher a,
  .committee-switcher a:nth-child(2) {
    min-height: 62px;
    border-right: 0;
    border-bottom: 1px solid rgba(18, 32, 63, .16);
  }

  .committee-switcher a:last-child {
    border-bottom: 0;
  }

  .committee-modern .committee-summary,
  .committee-modern .committee-activities {
    padding: 82px 18px 92px;
  }

  .committee-modern .committee-activities-heading {
    gap: 34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .archive-event-reveal,
  .committee-page-motion-ready .committee-page-reveal,
  .committee-modern .committee-hero-media img {
    opacity: 1 !important;
    clip-path: none !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ===== İletişim ===== */
.contact-page {
  background: var(--paper);
  color: var(--navy);
}

.contact-hero {
  display: flex;
  min-height: 420px;
  max-width: 1280px;
  margin: 0 auto;
  padding: clamp(84px, 10vw, 142px) 24px clamp(56px, 6vw, 84px);
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.contact-hero p {
  max-width: 460px;
  margin: 0 0 28px;
  color: rgba(18, 32, 63, .62);
  font-size: 15.4px;
  font-weight: 520;
  line-height: 1.65;
}

.contact-hero h1 {
  margin: 0;
  font-family: var(--font-sans);
  font-size: clamp(59.4px, 8.8vw, 103.4px);
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: .94;
  text-wrap: balance;
}

.contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
  gap: clamp(40px, 5vw, 84px);
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px clamp(100px, 12vw, 164px);
  align-items: start;
}

.contact-form-panel {
  padding: clamp(28px, 4vw, 52px);
  border: 1px solid var(--line);
  border-radius: 24px;
  background: #fff;
}

.contact-panel-heading h2 {
  margin: 0;
  font-family: var(--font-sans);
  font-size: clamp(33px, 3.52vw, 46.2px);
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.05;
}

.contact-panel-heading p {
  max-width: 520px;
  margin: 14px 0 0;
  color: rgba(18, 32, 63, .62);
  font-size: 15.4px;
  line-height: 1.7;
}

.contact-form {
  display: flex;
  margin-top: clamp(28px, 3.4vw, 44px);
  flex-direction: column;
  gap: 26px;
}

.contact-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.contact-field label {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(18, 32, 63, .55);
}

.contact-field input,
.contact-field select,
.contact-field textarea {
  width: 100%;
  padding: 12px 0;
  border: none;
  border-bottom: 1.5px solid rgba(18, 32, 63, .3);
  border-radius: 0;
  background: transparent;
  color: var(--navy);
  font-family: var(--font-sans);
  font-size: 17.6px;
  outline: none;
  box-sizing: border-box;
  transition: border-color .2s ease;
}

.contact-field textarea {
  min-height: 132px;
  line-height: 1.6;
  resize: vertical;
}

.contact-field select {
  appearance: none;
  padding-right: 26px;
  background-image: linear-gradient(45deg, transparent 50%, rgba(18, 32, 63, .55) 50%), linear-gradient(135deg, rgba(18, 32, 63, .55) 50%, transparent 50%);
  background-position: calc(100% - 12px) calc(50% + 2px), calc(100% - 7px) calc(50% + 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.contact-field input::placeholder,
.contact-field textarea::placeholder {
  color: rgba(18, 32, 63, .34);
}

.contact-field input:focus,
.contact-field select:focus,
.contact-field textarea:focus {
  border-bottom-color: var(--navy);
}

.contact-field input[aria-invalid="true"],
.contact-field select[aria-invalid="true"],
.contact-field textarea[aria-invalid="true"] {
  border-bottom-color: #b3402f;
}

.contact-field-hint {
  align-self: flex-end;
  color: rgba(18, 32, 63, .4);
  font-size: 11.5px;
  letter-spacing: .04em;
}

.contact-field-error,
.contact-consent .contact-field-error {
  color: #b3402f;
  font-size: 12.65px;
  line-height: 1.5;
}

/* Bot tuzağı: ekran okuyuculardan ve görsel akıştan tamamen çıkarılır. */
.contact-honeypot {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.contact-consent {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 6px 12px;
  align-items: start;
}

.contact-consent input {
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  accent-color: var(--navy);
  cursor: pointer;
}

.contact-consent label {
  color: rgba(18, 32, 63, .72);
  font-size: 14.3px;
  line-height: 1.6;
  cursor: pointer;
}

.contact-consent .contact-field-error {
  grid-column: 2;
}

.contact-form-actions {
  display: flex;
  padding-top: 6px;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px 24px;
}

.contact-submit {
  display: inline-flex;
  min-height: 52px;
  padding: 14px 28px;
  border: none;
  border-radius: 999px;
  align-items: center;
  gap: 16px;
  background: var(--navy);
  color: #fff;
  font-family: var(--font-sans);
  font-size: 14.85px;
  font-weight: 700;
  cursor: pointer;
  transition: background .22s ease, transform .15s ease;
}

.contact-submit:hover {
  background: var(--navy-2);
}

.contact-submit:active {
  transform: translateY(1px);
}

.contact-submit:disabled {
  cursor: not-allowed;
  opacity: .58;
}

.contact-form-status {
  margin: 0;
  color: rgba(18, 32, 63, .62);
  font-size: 14.3px;
  line-height: 1.55;
}

.contact-form-status:empty {
  display: none;
}

.contact-form-status[data-tone="success"] {
  color: #1d6b4c;
}

.contact-form-status[data-tone="error"] {
  color: #b3402f;
}

.contact-info {
  display: flex;
  position: sticky;
  top: 112px;
  padding-top: 8px;
  border-top: 1px solid var(--line);
  flex-direction: column;
}

.contact-info-title {
  margin: 22px 0 4px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(18, 32, 63, .45);
}

.contact-info-block {
  padding: 24px 0;
  border-bottom: 1px solid var(--line);
}

.contact-info-label {
  display: block;
  margin-bottom: 10px;
  color: rgba(18, 32, 63, .45);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.contact-info-value {
  display: block;
  color: var(--navy);
  font-size: 17.6px;
  font-weight: 600;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

a.contact-info-value:hover {
  color: var(--navy-2);
}

.contact-info-note {
  margin: 8px 0 0;
  color: rgba(18, 32, 63, .5);
  font-size: 13.2px;
  line-height: 1.6;
}

.contact-socials {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.contact-socials a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--navy);
  font-size: 15.4px;
  font-weight: 600;
}

.contact-socials a:hover {
  color: var(--navy-2);
}

.contact-info-cta {
  margin-top: 28px;
  padding: 26px;
  border-radius: 18px;
  background: var(--navy);
  color: #fff;
}

.contact-info-cta p {
  margin: 0 0 16px;
  color: rgba(255, 255, 255, .72);
  font-size: 14.3px;
  line-height: 1.6;
}

.contact-info-cta a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  font-size: 14.85px;
  font-weight: 700;
}

.contact-info-cta a:hover {
  color: var(--blue-soft);
}

.contact-submit:focus-visible,
.contact-field input:focus-visible,
.contact-field select:focus-visible,
.contact-field textarea:focus-visible,
.contact-consent input:focus-visible,
.contact-socials a:focus-visible,
.contact-info-cta a:focus-visible,
a.contact-info-value:focus-visible {
  outline: 2px solid var(--blue-soft);
  outline-offset: 3px;
}

@media (max-width: 960px) {
  .contact-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .contact-info {
    position: static;
    top: auto;
  }
}

@media (max-width: 820px) {
  .contact-hero {
    min-height: 340px;
    padding: 76px 20px 52px;
  }

  .contact-layout {
    padding: 0 20px 88px;
  }

  .contact-form-panel {
    padding: 24px 20px 30px;
  }

  .contact-submit {
    width: 100%;
    justify-content: center;
  }
}

/* ======= HERO: slogan vurgusu ve 3D dünya küresi ======= */
.hero-body {
  align-items: center;
  /* Hero icerigi (kure + baslik) her zaman arka plan katmanlarinin
     (iu-style-012 gradyani, hero-icons deseni, hero-fade-bottom perdesi)
     ustunde kalsin. Kaydirirken hero-body'ye inline transform yazildigi
     icin siralamayi DOM sirasina birakmak yeterli degil. */
  z-index: 2;
}

.hero-slogan {
  max-width: 14ch;
}

.hero-slogan-accent {
  position: relative;
  color: #cfe4ff;
  background: linear-gradient(180deg, #ffffff 0%, #9fc6ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 34px rgba(120, 180, 255, 0.35);
}

.hero-slogan-accent::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  /* Inline kutunun yuksekligi fontun ascent+descent'i kadardir; Saira
     Condensed'de descent 0.44em, yani taban cizgisi kutu alt kenarinin 0.44em
     ustundedir. 0.35em, cizgiyi tabanin yalnizca ~0.04em altina -- harflerin
     tam dibine -- oturtur. Daha kucuk degerler cizgiyi asagi dusurur. */
  bottom: 0.35em;
  height: 0.05em;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(159, 198, 255, 0) 0%, #9fc6ff 10%, #ffffff 55%, #9fc6ff 90%, rgba(159, 198, 255, 0) 100%);
  opacity: 0.9;
}

/* Büyütülmüş küre hero navigasyonunun altında kalsın. */
.hero-nav {
  z-index: 3;
}

.hero-globe {
  position: relative;
  flex: 0 0 auto;
  width: min(46vw, 640px);
  height: min(72vh, 660px);
  /* Kürenin sol kenari ekranin ortasina denk gelsin: konteyner merkezi
     50vw + kure yaricapi (~350px), yani sagdan bosluk 50vw - 670px.
     Dar ekranlarda eski davranisa (sag kenara yaslanma) dusuyor. */
  margin: -18px max(-36px, calc(50vw - 670px)) 0 0;
  pointer-events: none;
  opacity: 0;
  transform: scale(0.96);
  transition: opacity 1.1s ease 0.15s, transform 1.1s ease 0.15s;
}

.hero-globe[data-globe-ready] {
  opacity: 1;
  transform: none;
}

.hero-globe::before {
  content: "";
  position: absolute;
  inset: -50%;
  pointer-events: none;
  background: radial-gradient(52% 44% at 50% 48%, rgba(96, 158, 255, 0.22), transparent 70%);
}

/* Canvas tam konteyner kadar. Eskiden konteynerin iki katiydi; tasan kisim
   yazilimsal compositing'de arka plan katmanlarinin altinda kalip kurenin
   altini yutuyordu. Kure artik kutusuna sigacak sekilde kadrajlaniyor
   (bkz. scripts/hero-globe.js layout), boylece tasma yok. Yan fayda: cizilen
   piksel sayisi dortte bire dusuyor. */
.hero-globe canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

@media (max-width: 1024px) {
  .hero-globe {
    width: min(52vw, 460px);
    height: min(56vh, 460px);
    margin-right: -24px;
    opacity: 0;
  }

  .hero-globe[data-globe-ready] {
    opacity: 0.85;
  }
}

@media (max-width: 760px) {
  .hero-body {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  .hero-globe {
    width: 100%;
    height: min(42vh, 330px);
    margin: 4px 0 0;
  }

  .hero-globe[data-globe-ready] {
    opacity: 0.95;
  }

  .hero-body h1.hero-slogan {
    max-width: none !important;
    font-size: clamp(36px, 10.8vw, 50px) !important;
  }
}

/* ======= HERO: kaydırırken alttan gelen hafif beyazlaşma =======
   Sabit bir gölge/daire yok; katman yalnızca kaydırma ilerledikçe
   (index.html içindeki scroll güncellemesi) opaklık kazanıyor. */
.hero-fade-bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 55%;
  /* Arka plan beyazlasmasi: hero icerigi (kure, baslik) bunun USTUNDE kalmali.
     z-index:1 iken hero-body'nin (z-index:auto) uzerine biniyor ve kaydirdikca
     kurenin alt yarisini soluklastiriyordu. */
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(
    to top,
    rgba(226, 240, 255, 0.17) 0%,
    rgba(226, 240, 255, 0.08) 40%,
    rgba(226, 240, 255, 0) 100%);
}

.hero-copy {
  position: relative;
  z-index: 2;
}

/* ======= HERO: finans ikonlarından arka plan dokusu =======
   Mum grafiği, yükseliş/düşüş okları, sütun ve çizgi grafik, yüzde, pasta,
   madeni para. Tek bir döşeme olarak tekrarlanıyor. Maske, slogan ve buton
   bölgesinde dokuyu söndürerek okunabilirliği koruyor. */
.hero-icons {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.11;
  /* İki farklı döşeme, farklı ölçek ve konumda üst üste: tekrar ızgarası kayboluyor. */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280' viewBox='0 0 280 280' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate%2814,16%29'%3E%3Cline x1='8' y1='2' x2='8' y2='44'/%3E%3Crect x='3' y='12' width='10' height='22' rx='1.5'/%3E%3Cline x1='26' y1='0' x2='26' y2='40'/%3E%3Crect x='21' y='8' width='10' height='24' rx='1.5'/%3E%3Cline x1='44' y1='8' x2='44' y2='50'/%3E%3Crect x='39' y='18' width='10' height='20' rx='1.5'/%3E%3C/g%3E%3Cg transform='translate%28192,26%29'%3E%3Cpolyline points='0,30 11,19 20,25 34,5'/%3E%3Cpolyline points='25,5 34,5 34,14'/%3E%3C/g%3E%3Cg transform='translate%28100,26%29'%3E%3Cline x1='0' y1='46' x2='36' y2='46'/%3E%3Crect x='2' y='26' width='8' height='20'/%3E%3Crect x='14' y='14' width='8' height='32'/%3E%3Crect x='26' y='4' width='8' height='42'/%3E%3C/g%3E%3Cg transform='translate%2818,122%29'%3E%3Cpolyline points='0,22 10,10 19,17 29,4 44,12'/%3E%3C/g%3E%3Cg transform='translate%28152,112%29'%3E%3Ccircle cx='5' cy='5' r='4'/%3E%3Ccircle cx='19' cy='19' r='4'/%3E%3Cline x1='21' y1='3' x2='3' y2='21'/%3E%3C/g%3E%3Cg transform='translate%28216,124%29'%3E%3Ccircle cx='16' cy='16' r='14'/%3E%3Cpath d='M16 2a14 14 0 0 1 14 14h-14z'/%3E%3C/g%3E%3Cg transform='translate%2898,176%29'%3E%3Cpolyline points='0,4 12,16 21,9 34,28'/%3E%3Cpolyline points='25,28 34,28 34,19'/%3E%3C/g%3E%3Cg transform='translate%2822,198%29'%3E%3Ccircle cx='14' cy='14' r='12'/%3E%3Cline x1='14' y1='6' x2='14' y2='23'/%3E%3Cline x1='9' y1='12' x2='19' y2='9'/%3E%3Cline x1='9' y1='17' x2='19' y2='14'/%3E%3C/g%3E%3Cg transform='translate%28186,196%29 scale%280.78%29'%3E%3Cline x1='8' y1='2' x2='8' y2='44'/%3E%3Crect x='3' y='12' width='10' height='22' rx='1.5'/%3E%3Cline x1='26' y1='0' x2='26' y2='40'/%3E%3Crect x='21' y='8' width='10' height='24' rx='1.5'/%3E%3Cline x1='44' y1='8' x2='44' y2='50'/%3E%3Crect x='39' y='18' width='10' height='20' rx='1.5'/%3E%3C/g%3E%3Cg transform='translate%28120,240%29 scale%280.9%29'%3E%3Cpolyline points='0,30 11,19 20,25 34,5'/%3E%3Cpolyline points='25,5 34,5 34,14'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate%2824,20%29 scale%280.85%29'%3E%3Cline x1='0' y1='46' x2='36' y2='46'/%3E%3Crect x='2' y='26' width='8' height='20'/%3E%3Crect x='14' y='14' width='8' height='32'/%3E%3Crect x='26' y='4' width='8' height='42'/%3E%3C/g%3E%3Cg transform='translate%28150,14%29'%3E%3Ccircle cx='14' cy='14' r='12'/%3E%3Cline x1='14' y1='6' x2='14' y2='23'/%3E%3Cline x1='9' y1='12' x2='19' y2='9'/%3E%3Cline x1='9' y1='17' x2='19' y2='14'/%3E%3C/g%3E%3Cg transform='translate%28206,70%29 scale%281.05%29'%3E%3Cpolyline points='0,22 10,10 19,17 29,4 44,12'/%3E%3C/g%3E%3Cg transform='translate%2896,84%29 scale%280.9%29'%3E%3Cline x1='8' y1='2' x2='8' y2='44'/%3E%3Crect x='3' y='12' width='10' height='22' rx='1.5'/%3E%3Cline x1='26' y1='0' x2='26' y2='40'/%3E%3Crect x='21' y='8' width='10' height='24' rx='1.5'/%3E%3Cline x1='44' y1='8' x2='44' y2='50'/%3E%3Crect x='39' y='18' width='10' height='20' rx='1.5'/%3E%3C/g%3E%3Cg transform='translate%2826,108%29 scale%280.85%29'%3E%3Ccircle cx='16' cy='16' r='14'/%3E%3Cpath d='M16 2a14 14 0 0 1 14 14h-14z'/%3E%3C/g%3E%3Cg transform='translate%28166,150%29 scale%281.1%29'%3E%3Cpolyline points='0,30 11,19 20,25 34,5'/%3E%3Cpolyline points='25,5 34,5 34,14'/%3E%3C/g%3E%3Cg transform='translate%2860,190%29'%3E%3Ccircle cx='5' cy='5' r='4'/%3E%3Ccircle cx='19' cy='19' r='4'/%3E%3Cline x1='21' y1='3' x2='3' y2='21'/%3E%3C/g%3E%3Cg transform='translate%28210,206%29 scale%280.85%29'%3E%3Cpolyline points='0,4 12,16 21,9 34,28'/%3E%3Cpolyline points='25,28 34,28 34,19'/%3E%3C/g%3E%3Cg transform='translate%28108,216%29 scale%280.8%29'%3E%3Cpolyline points='0,22 10,10 19,17 29,4 44,12'/%3E%3C/g%3E%3Cg transform='translate%28236,118%29 scale%280.75%29'%3E%3Ccircle cx='14' cy='14' r='12'/%3E%3Cline x1='14' y1='6' x2='14' y2='23'/%3E%3Cline x1='9' y1='12' x2='19' y2='9'/%3E%3Cline x1='9' y1='17' x2='19' y2='14'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat, repeat;
  background-size: 260px 260px, 197px 197px;
  background-position: 0 0, 124px 88px;
  -webkit-mask-image: radial-gradient(58% 62% at 22% 46%, transparent 0%, transparent 26%, #000 82%);
  mask-image: radial-gradient(58% 62% at 22% 46%, transparent 0%, transparent 26%, #000 82%);
}

@media (max-width: 760px) {
  .hero-icons {
    background-size: 190px 190px, 143px 143px;
    opacity: 0.09;
    -webkit-mask-image: radial-gradient(92% 32% at 50% 20%, transparent 0%, transparent 30%, #000 84%);
    mask-image: radial-gradient(92% 32% at 50% 20%, transparent 0%, transparent 30%, #000 84%);
  }
}

/* Hero navigasyonu şeffaf değil, sitenin lacivert zemininde. */
.hero-nav {
  background: var(--navy);
}

/* Not: .iu-style-022 (hero-body) uzerindeki will-change:opacity,transform
   kaldirildi. Kure canvas'i o kutudan ~273px tastigi icin, hero-body kendi
   compositor katmanina alindiginda canvas'in alti sayfa en ustteyken
   kirpiliyor, ilk kaydirmada katman yeniden rasterlenince aniden
   goruunur oluyordu. Opaklik/transform yine JS ile animate ediliyor. */

/* Komite detay sayfalarında Sanity içeriği gelene kadar ilgili blok gizlidir;
   committee-page.js içerik geldiğinde bu sınıfı kaldırır. */
.is-cms-empty {
  display: none;
}

/* Sanity'de içerik tanımlanmadıysa ilgili bölüm hiç render edilmez. Ana sayfa
   kart akışındaki [data-card] kuralları !important taşıdığı için burada da
   !important gerekiyor. */
.is-section-hidden {
  display: none !important;
}

/* ===== CMS yükleme iskeleti =====
   Sanity yanıt verene kadar CMS'e bağlı listeler boş kalır. İskelet, bölümün
   yüksekliğini koruyarak hem yer tutucu mockupların bir an görünmesini hem de
   veri gelince oluşan sıçramayı engeller. */
.is-cms-loading {
  position: relative;
}

.is-cms-loading > * {
  display: none;
}

.is-cms-loading::after {
  display: block;
  border-radius: 20px;
  background: linear-gradient(
    90deg,
    rgba(18, 32, 63, .045) 0%,
    rgba(18, 32, 63, .085) 50%,
    rgba(18, 32, 63, .045) 100%
  );
  background-size: 220% 100%;
  animation: cmsSkeletonSheen 1.5s ease-in-out infinite;
  content: "";
}

.committee-card-grid.is-cms-loading::after {
  grid-column: 1 / -1;
  min-height: 430px;
  border-radius: 20px;
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, .07) 0%,
    rgba(255, 255, 255, .13) 50%,
    rgba(255, 255, 255, .07) 100%
  );
}

.events-card-list.is-cms-loading::after {
  min-height: 268px;
  border-radius: 16px;
}

.market-announcements.is-cms-loading {
  overflow: hidden;
}

.market-announcements.is-cms-loading::after {
  min-width: 100%;
  min-height: 232px;
  border-radius: 18px;
}

@keyframes cmsSkeletonSheen {
  from { background-position: 140% 0; }
  to { background-position: -40% 0; }
}

@media (max-width: 1080px) {
  .committee-card-grid.is-cms-loading::after {
    min-height: 500px;
  }
}

@media (max-width: 680px) {
  .committee-card-grid.is-cms-loading::after {
    min-height: min(132vw, 610px);
  }

  .events-card-list.is-cms-loading::after {
    min-height: 320px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .is-cms-loading::after {
    animation: none;
  }
}

/* ===== Hero duyuru barı =====
   Sanity'de aktif duyuru yokken bu şerit hiç render edilmez, dolayısıyla
   yer de kaplamaz. */
.hero-notice {
  position: relative;
  z-index: 3;
  display: flex;
  padding: 11px 36px;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  background: var(--navy-2);
  animation: fadeIn .8s ease both;
}

.hero-notice-inner {
  display: flex;
  max-width: 1240px;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
}

.hero-notice-dot {
  flex: none;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #9fc6ff;
  box-shadow: 0 0 0 4px rgba(159, 198, 255, .16);
}

.hero-notice-text {
  color: rgba(255, 255, 255, .92);
  font-family: var(--font-sans);
  font-size: 13.2px;
  letter-spacing: .01em;
}

.hero-notice-link {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  padding-bottom: 1px;
  border-bottom: 1px solid rgba(255, 255, 255, .45);
  color: #fff;
  font-family: var(--font-sans);
  font-size: 13.2px;
  font-weight: 700;
  letter-spacing: .02em;
  transition: border-color 200ms ease, gap 240ms cubic-bezier(.16, 1, .3, 1);
}

.hero-notice-link.is-hidden {
  display: none;
}

.hero-notice-link > span {
  transition: transform 240ms cubic-bezier(.16, 1, .3, 1);
}

@media (hover: hover) and (pointer: fine) {
  .hero-notice-link:hover {
    border-bottom-color: #fff;
  }

  .hero-notice-link:hover > span {
    transform: translateX(3px);
  }
}

@media (max-width: 900px) {
  .hero-notice {
    padding: 10px 18px;
  }

  .hero-notice-text,
  .hero-notice-link {
    font-size: 12.65px;
  }
}

/* Mobilde hero navigasyonu gizli ve menü yüzen bir kapsül olduğu için bar
   onun altına iner; hero gövdesinin üst boşluğunu da bar devralır. */
@media (max-width: 820px) {
  .hero-notice {
    margin-top: max(76px, calc(env(safe-area-inset-top) + 72px));
    border-top: 1px solid rgba(255, 255, 255, .14);
  }

  .hero-scroll.has-hero-notice .hero-body {
    padding-top: 26px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-notice {
    animation: none;
  }

  .hero-notice-link,
  .hero-notice-link > span {
    transition: none;
  }

  .hero-notice-link:hover > span {
    transform: none;
  }
}

/* ===== Ekip detay sayfaları ===== */
/* Komite sayfalarindan ayrisma noktalari: koyu lacivert hero, ekip lideri
   kunyesi ve acik zeminde numarali odak kartlari. Tipografi, renk paleti ve
   giris animasyonu sitenin geri kalaniyla aynidir. */
.unit-detail-page {
  color: var(--navy, #12203f);
  background: #f6f7f9;
}

.unit-hero {
  position: relative;
  overflow: hidden;
  color: #fff;
  background: var(--forest, #04391f);
}

.unit-hero::before {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 84% 8%, rgba(120, 196, 152, .26), transparent 46%),
    radial-gradient(circle at 6% 96%, rgba(10, 90, 49, .55), transparent 52%);
  content: "";
  pointer-events: none;
}

.unit-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 1320px;
  margin: 0 auto;
  padding: 168px 24px 96px;
}

.unit-kicker {
  display: flex;
  gap: 12px;
  align-items: center;
  color: rgba(255, 255, 255, .58);
  font-family: var(--font-sans);
  font-size: 10.6px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.unit-kicker::before {
  width: 34px;
  height: 1px;
  background: rgba(255, 255, 255, .4);
  content: "";
}

.unit-kicker b {
  color: #fff;
  font-weight: 700;
}

.unit-hero h1 {
  max-width: 13ch;
  margin: 26px 0 26px;
  font-family: var(--font-sans);
  font-size: clamp(50px, 7.2vw, 100px);
  font-weight: 700;
  line-height: .92;
  letter-spacing: -.02em;
  text-wrap: balance;
}

.unit-hero-tagline {
  max-width: 620px;
  margin: 0;
  color: rgba(255, 255, 255, .72);
  font-size: clamp(18px, 1.8vw, 25px);
  line-height: 1.5;
  text-wrap: pretty;
}

.unit-hero-meta {
  display: flex;
  margin-top: 46px;
  padding-top: 24px;
  gap: clamp(20px, 4vw, 56px);
  flex-wrap: wrap;
  align-items: flex-end;
  border-top: 1px solid rgba(255, 255, 255, .2);
}

.unit-hero-meta span {
  display: block;
  color: rgba(255, 255, 255, .5);
  font-family: var(--font-sans);
  font-size: 9.9px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.unit-hero-meta strong,
.unit-hero-meta a {
  display: inline-block;
  margin-top: 8px;
  color: #fff;
  font-size: 17.6px;
  font-weight: 650;
}

.unit-hero-meta a {
  border-bottom: 1px solid rgba(255, 255, 255, .4);
  transition: border-color 220ms ease, color 220ms ease;
}

.unit-hero-meta a:hover {
  border-color: #fff;
}

.unit-switcher {
  display: grid;
  width: min(100% - 48px, 1272px);
  margin: 0 auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid rgba(18, 32, 63, .16);
}

.unit-switcher a {
  display: flex;
  min-height: 86px;
  padding: 16px 20px;
  gap: 12px;
  align-items: center;
  border-right: 1px solid rgba(18, 32, 63, .16);
  color: var(--navy, #12203f);
  font-size: 14.3px;
  font-weight: 650;
  transition: color 220ms ease, background-color 220ms ease;
}

.unit-switcher a:last-child {
  border-right: 0;
}

.unit-switcher a span {
  color: rgba(18, 32, 63, .38);
  font-size: 9.9px;
}

.unit-switcher a.is-active {
  color: #fff;
  background: var(--forest, #04391f);
}

.unit-switcher a.is-active span {
  color: rgba(255, 255, 255, .62);
}

@media (hover: hover) and (pointer: fine) {
  .unit-switcher a:not(.is-active):hover {
    background: rgba(4, 57, 31, .07);
    color: var(--forest, #04391f);
  }
}

.unit-summary {
  display: grid;
  grid-template-columns: minmax(180px, 280px) minmax(0, 720px);
  gap: clamp(46px, 8vw, 126px);
  max-width: 1240px;
  margin: 0 auto;
  padding: 118px 24px 108px;
  align-items: start;
}

.unit-section-label {
  display: flex;
  gap: 12px;
  align-items: center;
  color: var(--forest, #04391f);
  opacity: .78;
  font-family: var(--font-sans);
  font-size: 10.6px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.unit-section-label::before {
  width: 34px;
  height: 1px;
  background: currentcolor;
  opacity: .55;
  content: "";
}

.unit-lead {
  margin: 0 0 32px;
  color: var(--forest, #04391f);
  font-family: var(--font-sans);
  font-size: clamp(30px, 3.5vw, 45px);
  font-weight: 700;
  line-height: 1.14;
  letter-spacing: -.018em;
  text-wrap: pretty;
}

.unit-body p {
  max-width: 650px;
  margin: 0 0 20px;
  color: rgba(18, 32, 63, .7);
  font-size: 17.6px;
  line-height: 1.82;
}

.unit-body p:last-child {
  margin-bottom: 0;
}

/* Komite sayfasindaki koyu faaliyet listesinin ekip karsiligi: acik zeminde
   numarali kart izgarasi. */
.unit-focus {
  max-width: none;
  padding: 112px max(24px, calc((100vw - 1192px) / 2)) 132px;
  border-top: 1px solid rgba(18, 32, 63, .1);
  background: #fff;
}

/* Referans düzen: ortalanmış başlık, kutusuz sütunlar, her maddenin üstünde
   numara ve ince bir ayraç çizgisi. */
.unit-focus-heading {
  display: grid;
  justify-items: center;
  margin-bottom: 108px;
  gap: 26px;
  text-align: center;
}

.unit-focus-heading h2 {
  max-width: none;
  margin: 0;
  color: var(--forest, #04391f);
  font-family: var(--font-sans);
  font-size: clamp(38px, 4.6vw, 62px);
  font-weight: 800;
  line-height: .96;
  letter-spacing: -.035em;
  text-transform: uppercase;
}

.unit-focus-list {
  display: grid;
  margin-top: 0;
  gap: clamp(64px, 7vw, 96px) clamp(48px, 8vw, 122px);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.unit-focus-list article {
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  text-align: center;
}

.unit-focus-index {
  display: block;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(4, 57, 31, .32);
  color: rgba(4, 57, 31, .68);
  font-family: var(--font-sans);
  font-size: 10.6px;
  font-weight: 600;
  letter-spacing: .1em;
  text-align: left;
}

.unit-focus-list h3 {
  /* Tek satirlik basliklar da iki satir yer tutar; boylece paragraflar satir
     boyunca ayni hizada baslar. */
  min-height: 2.12em;
  color: var(--forest, #04391f);
  max-width: 16ch;
  margin: clamp(48px, 6vw, 76px) auto 0;
  font-family: var(--font-sans);
  font-size: clamp(23px, 2.1vw, 29px);
  font-weight: 800;
  line-height: 1.06;
  letter-spacing: -.03em;
  text-transform: uppercase;
  text-wrap: balance;
}

.unit-focus-list p {
  max-width: 38ch;
  margin: 20px auto 0;
  color: rgba(18, 32, 63, .62);
  font-size: 13.4px;
  line-height: 1.68;
  text-wrap: pretty;
}

.unit-page-motion-ready .unit-page-reveal {
  opacity: .45;
  clip-path: inset(8% 0 0 round 12px);
  transform: translateY(54px) scale(.985);
  transition:
    opacity 720ms cubic-bezier(.16, 1, .3, 1),
    clip-path 900ms cubic-bezier(.16, 1, .3, 1),
    transform 900ms cubic-bezier(.16, 1, .3, 1);
}

.unit-page-motion-ready .unit-page-reveal.is-visible {
  opacity: 1;
  clip-path: inset(0 round 0);
  transform: none;
}

@media (max-width: 1080px) {
  .unit-summary {
    grid-template-columns: minmax(0, 1fr);
    gap: 26px;
  }

  .unit-switcher {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .unit-switcher a:nth-child(2n) {
    border-right: 0;
  }

  .unit-switcher a:nth-child(-n+2) {
    border-bottom: 1px solid rgba(18, 32, 63, .16);
  }

  .unit-focus-list {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 680px) {
  .unit-hero-inner {
    padding: 128px 18px 64px;
  }

  .unit-hero h1 {
    max-width: none;
    font-size: clamp(40px, 12vw, 62px);
  }

  .unit-summary {
    padding: 72px 18px 66px;
  }

  .unit-focus {
    padding: 70px 18px 84px;
  }

  .unit-focus-heading {
    margin-bottom: 62px;
    gap: 20px;
  }

  .unit-focus-list {
    gap: 52px;
  }

  .unit-focus-list h3 {
    margin-top: 34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .unit-page-motion-ready .unit-page-reveal {
    opacity: 1;
    clip-path: none;
    transform: none;
    transition: none;
  }
}

/* Ekip detay sayfalarinda pill navigasyon ve odak halkasi da yesil vurgu alir. */
.unit-detail-page .site-pill-link:hover,
.unit-detail-page .site-pill-link.is-active {
  background: var(--forest, #04391f);
  color: #fff;
}

.unit-detail-page .site-pill-membership {
  background: var(--forest, #04391f);
}

.unit-detail-page .site-pill-membership:hover {
  background: var(--forest-2, #0a5a31);
}

.unit-detail-page .site-pill-link:focus-visible,
.unit-detail-page .site-pill-menu summary:focus-visible,
.unit-detail-page .site-pill-menu-link:focus-visible,
.unit-detail-page .site-pill-membership:focus-visible,
.unit-detail-page .site-pill-logo:focus-visible {
  outline-color: var(--forest, #04391f);
}

@media (max-width: 820px) {
  .unit-detail-page .site-pill-menu-link:hover,
  .unit-detail-page .site-pill-menu-link.is-active {
    background: rgba(4, 57, 31, .1);
    color: var(--forest, #04391f);
  }
}

/* ===== Ortak footer =====
   Icerik her sayfada birebir aynidir (site-footer.js). Sayfa ailesine gore
   yalnizca vurgu rengi degisir: komiteler ve genel sayfalar lacivert,
   ekip detay sayfalari yesil. */
.site-footer {
  --site-footer-accent: var(--navy-2, #35507e);
  --site-footer-dot: #7a92c0;
  position: relative;
  z-index: 9;
  padding: 64px 40px 56px;
  color: #fff;
  background: #0b1730;
}

.site-footer-grid {
  display: grid;
  max-width: 1240px;
  margin: 0 auto;
  gap: 32px;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
}

.site-footer-logo {
  width: auto;
  height: 56px;
}

.site-footer-description {
  max-width: 240px;
  margin: 16px 0 0;
  font-size: 14.3px;
  line-height: 1.6;
  opacity: .55;
}

.site-footer-socials {
  display: flex;
  margin-top: 20px;
  gap: 8px;
}

.site-footer-social {
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 50%;
  color: #fff;
  transition: background-color .25s ease, border-color .25s ease;
}

.site-footer-social:hover {
  border-color: var(--site-footer-accent);
  background: var(--site-footer-accent);
}

.site-footer-column {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 14.85px;
}

.site-footer-column-title {
  display: flex;
  margin-bottom: 6px;
  gap: 8px;
  align-items: center;
  color: rgba(255, 255, 255, .6);
  font-family: var(--font-sans);
  font-size: 11.55px;
  letter-spacing: .14em;
}

.site-footer-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--site-footer-dot);
}

.site-footer-link {
  color: rgba(255, 255, 255, .6);
  transition: color .2s ease;
}

a.site-footer-link:hover {
  color: #fff;
}

.site-footer .site-legal-strip {
  margin-top: 48px;
}

/* Ekip detay sayfalarinda footer da yesil vurguya doner. */
.unit-detail-page .site-footer {
  --site-footer-accent: var(--forest-2, #0a5a31);
  --site-footer-dot: #6fbf90;
  background: #04240f;
}

@media (max-width: 900px) {
  .site-footer {
    padding: 52px 24px 44px;
  }

  .site-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px 24px;
  }

  .site-footer-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  .site-footer-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .site-footer-description {
    max-width: none;
  }
}