/* Hakkımızda — 06 Ağustos 2026 içerik dosyasına göre sanat yönetimi */

.about-hero {
  min-height: calc(100svh - 90px);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  color: #fff;
  background:
    radial-gradient(circle at 78% 20%, rgba(10, 168, 165, .28), transparent 28%),
    radial-gradient(circle at 12% 80%, rgba(12, 91, 216, .26), transparent 32%),
    linear-gradient(128deg, #03132f 0%, #062b5f 54%, #07565f 100%);
}

.about-hero-grid {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .12;
  background-image:
    linear-gradient(rgba(255, 255, 255, .25) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .25) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(90deg, #000, transparent 78%);
}

.about-hero-glow {
  width: 580px;
  height: 580px;
  position: absolute;
  right: -170px;
  bottom: -260px;
  border: 90px solid rgba(255, 255, 255, .06);
  border-radius: 50%;
}

.about-hero-layout {
  min-height: calc(100svh - 90px);
  display: grid;
  grid-template-columns: 1.04fr .96fr;
  gap: clamp(50px, 6vw, 92px);
  align-items: center;
  padding-block: 72px 110px;
}

.about-hero-copy { position: relative; z-index: 2; }

.about-breadcrumb {
  margin-bottom: 46px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: rgba(255, 255, 255, .58);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.about-breadcrumb a { color: #7fe7e0; }
.about-breadcrumb a:hover { color: #fff; }

.about-hero-copy h1 {
  max-width: 760px;
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(58px, 6.4vw, 94px);
  line-height: .93;
  letter-spacing: -.055em;
  font-weight: 500;
}

.about-hero-copy h1 em,
.about-why-grid h2 em,
.about-organization-heading h2 em,
.about-final-layout h2 em,
.about-future-heading h2 em,
.about-sticky-heading h2 em {
  color: #5de2d7;
  font-style: normal;
}

.about-hero-lede {
  max-width: 720px;
  margin: 28px 0 0;
  color: rgba(255, 255, 255, .9);
  font-size: clamp(18px, 1.7vw, 22px);
  line-height: 1.55;
}

.about-hero-support {
  max-width: 690px;
  margin: 17px 0 0;
  color: rgba(255, 255, 255, .62);
  font-size: 14px;
  line-height: 1.72;
}

.about-hero-actions { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 12px; }

.about-hero-art {
  min-width: 0;
  position: relative;
  z-index: 2;
  perspective: 1000px;
}

.about-brand-card {
  width: min(100%, 630px);
  margin-left: auto;
  padding: 20px 20px 28px;
  position: relative;
  transform: rotate(2deg);
  color: var(--navy);
  background: #fff;
  box-shadow: 0 45px 110px rgba(0, 0, 0, .32);
  animation: about-brand-float 7s ease-in-out infinite;
}

.about-brand-card::before,
.about-brand-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  background: var(--gold);
}

.about-brand-card::before { width: 86px; height: 8px; left: -42px; top: 55px; }
.about-brand-card::after { width: 8px; height: 86px; right: -30px; bottom: 56px; background: var(--coral); }
.about-brand-card img { width: 100%; height: auto; background: #fff; }

.about-brand-index {
  display: block;
  padding: 3px 2px 13px;
  color: #637187;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .18em;
}

.about-brand-card p {
  max-width: 500px;
  margin: 12px auto 0;
  text-align: center;
  color: #526078;
  font-size: 11px;
  line-height: 1.55;
}

.about-orbit {
  position: absolute;
  z-index: 3;
  padding: 9px 13px;
  border: 1px solid rgba(255, 255, 255, .42);
  border-radius: 999px;
  color: #fff;
  background: rgba(3, 20, 47, .72);
  backdrop-filter: blur(10px);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .16em;
}

.about-orbit-one { left: -36px; top: 24%; }
.about-orbit-two { right: -22px; top: 12%; }
.about-orbit-three { right: 14%; bottom: -20px; }

.about-hero-wave {
  height: 48px;
  position: absolute;
  left: -2%;
  right: -2%;
  bottom: -1px;
  background: var(--cream-2);
  clip-path: polygon(0 62%, 9% 38%, 18% 69%, 31% 36%, 42% 63%, 54% 28%, 67% 60%, 80% 34%, 91% 58%, 100% 31%, 100% 100%, 0 100%);
}

@keyframes about-brand-float {
  0%, 100% { transform: rotate(2deg) translateY(0); }
  50% { transform: rotate(1deg) translateY(-12px); }
}

.about-facts { position: relative; z-index: 5; background: var(--cream-2); }
.about-facts-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-left: 1px solid var(--line); }
.about-facts-grid > div { min-height: 138px; padding: 28px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--line); }
.about-facts-grid small { color: var(--turquoise); font-size: 9px; font-weight: 900; letter-spacing: .16em; }
.about-facts-grid strong { margin-top: 12px; color: var(--navy); font-family: Georgia, serif; font-size: clamp(20px, 2vw, 27px); font-weight: 500; }
.about-facts-grid span { margin-top: 6px; color: var(--muted); font-size: 11px; }

.about-local-nav {
  min-height: 58px;
  position: sticky;
  top: 90px;
  z-index: 70;
  border-block: 1px solid rgba(6, 27, 60, .11);
  background: rgba(255, 255, 255, .94);
  backdrop-filter: blur(16px);
}

.about-local-nav .shell { min-height: 58px; display: flex; align-items: center; justify-content: center; gap: clamp(18px, 3vw, 42px); overflow-x: auto; scrollbar-width: none; }
.about-local-nav .shell::-webkit-scrollbar { display: none; }
.about-local-nav a { min-height: 44px; display: inline-flex; align-items: center; flex: 0 0 auto; color: #516078; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.about-local-nav a:hover { color: var(--blue); }

#anlati,
#pusula,
#deneyimler,
#degerler,
#rota-2050,
#ana-liman { scroll-margin-top: 158px; }

.about-story-section { padding: 140px 0; background: #fff; }
.about-story-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(70px, 9vw, 140px); align-items: start; }
.about-sticky-heading { position: sticky; top: 190px; }
.about-sticky-heading h2,
.about-section-heading h2 {
  margin: 0;
  color: var(--navy);
  font-family: Georgia, serif;
  font-size: clamp(48px, 5.6vw, 76px);
  line-height: 1;
  letter-spacing: -.045em;
  font-weight: 500;
}

.about-sticky-heading h2 em { color: var(--blue); }
.about-story-route { margin-top: 44px; display: flex; align-items: center; gap: 10px; color: var(--navy); font-size: 9px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.about-story-route i { width: 18px; height: 1px; position: relative; background: var(--turquoise); }
.about-story-route i::after { content: ""; position: absolute; right: -1px; top: -2px; border-left: 4px solid var(--turquoise); border-block: 2px solid transparent; }
.about-story-copy { max-width: 760px; }
.about-story-copy > p { margin: 0 0 24px; color: var(--muted); font-size: 18px; line-height: 1.85; }
.about-story-copy .about-lead { color: var(--navy); font-family: Georgia, serif; font-size: 32px; line-height: 1.45; }
.about-story-copy blockquote { margin: 46px 0 0; padding: 34px 38px; border-left: 5px solid var(--turquoise); color: var(--navy); background: #eaf8f6; font-family: Georgia, serif; font-size: 27px; line-height: 1.45; }
.about-story-copy blockquote span { display: block; margin-bottom: 14px; color: var(--blue); font-family: Arial, sans-serif; font-size: 9px; font-weight: 900; letter-spacing: .15em; }

.about-why-section { padding: 132px 0; position: relative; overflow: hidden; color: #fff; background: linear-gradient(128deg, #03152f, #07396b 58%, #075c63); }
.about-why-section::after { content: "NEDEN?"; position: absolute; right: -28px; bottom: -75px; color: rgba(255, 255, 255, .035); font-family: Georgia, serif; font-size: clamp(140px, 19vw, 310px); line-height: .8; letter-spacing: -.09em; }
.about-why-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .83fr 1.17fr; gap: 90px; }
.about-why-grid h2 { margin: 0; font-family: Georgia, serif; font-size: clamp(52px, 6vw, 82px); line-height: .98; letter-spacing: -.045em; font-weight: 500; }
.about-why-copy p { margin: 0 0 22px; color: rgba(255, 255, 255, .7); font-size: 17px; line-height: 1.82; }
.about-core-question { grid-column: 1 / 3; margin: 28px 0 0; padding: 42px 46px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 24px; background: rgba(255, 255, 255, .07); backdrop-filter: blur(14px); font-family: Georgia, serif; font-size: clamp(26px, 3vw, 42px); line-height: 1.35; }
.about-core-question span { display: block; margin-bottom: 16px; color: #6de3da; font-family: Arial, sans-serif; font-size: 9px; font-weight: 900; letter-spacing: .16em; }

.about-compass-section { padding: 138px 0; overflow: hidden; background: #f6f0e4; }
.about-section-heading { margin-bottom: 64px; display: grid; grid-template-columns: 1.15fr .85fr; gap: 80px; align-items: end; }
.about-section-heading > p { margin: 0 0 5px; color: var(--muted); font-size: 17px; line-height: 1.75; }
.about-section-heading-light h2 { color: #fff; }
.about-section-heading-light > p { color: rgba(255, 255, 255, .66); }

.about-mission-vision { margin-bottom: 86px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.about-mission-vision article { min-height: 380px; padding: 42px; display: flex; flex-direction: column; border: 1px solid rgba(6, 27, 60, .13); border-radius: 25px; background: #fff; box-shadow: 0 22px 65px rgba(6, 27, 60, .07); }
.about-mission-vision article:nth-child(2) { background: var(--navy); color: #fff; }
.about-mission-vision article > span { color: var(--turquoise); font-size: 9px; font-weight: 900; letter-spacing: .16em; }
.about-mission-vision h3 { margin: 62px 0 20px; color: var(--navy); font-family: Georgia, serif; font-size: clamp(32px, 3.2vw, 46px); line-height: 1.08; font-weight: 500; }
.about-mission-vision article:nth-child(2) h3 { color: #fff; }
.about-mission-vision p { margin: auto 0 0; color: var(--muted); line-height: 1.75; }
.about-mission-vision article:nth-child(2) p { color: rgba(255, 255, 255, .65); }

.about-compass-explorer { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(40px, 6vw, 80px); align-items: center; }
.about-compass-stage { width: min(100%, 620px); aspect-ratio: 1; position: relative; border: 1px solid rgba(6, 27, 60, .16); border-radius: 50%; background: radial-gradient(circle, #fff 0 22%, transparent 22.5%), radial-gradient(circle, transparent 0 48%, rgba(10, 168, 165, .08) 48.5% 49%, transparent 49.5%); box-shadow: inset 0 0 0 34px rgba(255, 255, 255, .36); }
.about-compass-stage::before,
.about-compass-stage::after { content: ""; position: absolute; left: 50%; top: 7%; bottom: 7%; width: 1px; background: rgba(6, 27, 60, .12); }
.about-compass-stage::after { left: 7%; right: 7%; top: 50%; bottom: auto; width: auto; height: 1px; }
.about-compass-rings { position: absolute; inset: 17%; border: 1px dashed rgba(6, 27, 60, .22); border-radius: 50%; }
.about-compass-rings::before { content: ""; position: absolute; inset: 15%; border: 1px solid rgba(6, 27, 60, .1); border-radius: 50%; }
.about-compass-core { position: absolute; inset: 39%; z-index: 2; display: grid; place-content: center; text-align: center; border-radius: 50%; color: #fff; background: var(--navy); box-shadow: 0 14px 34px rgba(6, 27, 60, .22); }
.about-compass-core span { color: #6de3da; font-size: 8px; letter-spacing: .16em; }
.about-compass-core strong { font-family: Georgia, serif; font-size: 20px; font-weight: 500; }
.about-compass-tab { min-width: 132px; min-height: 94px; padding: 15px 18px; position: absolute; z-index: 3; display: grid; align-content: center; gap: 5px; border: 1px solid rgba(6, 27, 60, .14); border-radius: 18px; color: var(--navy); background: rgba(255, 255, 255, .94); box-shadow: 0 12px 35px rgba(6, 27, 60, .09); cursor: pointer; transition: transform .2s ease, background .2s ease, color .2s ease; }
.about-compass-tab:hover { transform: translateY(-4px); }
.about-compass-tab[aria-selected="true"] { color: #fff; background: var(--blue); transform: translateY(-4px); }
.about-compass-tab span { color: var(--turquoise); font-family: Georgia, serif; font-size: 23px; }
.about-compass-tab[aria-selected="true"] span { color: #9df0eb; }
.about-compass-tab strong { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.about-compass-tab-1 { left: 50%; top: 0; transform: translate(-50%, -12%); }
.about-compass-tab-1:hover,
.about-compass-tab-1[aria-selected="true"] { transform: translate(-50%, -18%); }
.about-compass-tab-2 { right: 0; top: 50%; transform: translate(18%, -50%); }
.about-compass-tab-2:hover,
.about-compass-tab-2[aria-selected="true"] { transform: translate(22%, -50%); }
.about-compass-tab-3 { left: 50%; bottom: 0; transform: translate(-50%, 12%); }
.about-compass-tab-3:hover,
.about-compass-tab-3[aria-selected="true"] { transform: translate(-50%, 7%); }
.about-compass-tab-4 { left: 0; top: 50%; transform: translate(-18%, -50%); }
.about-compass-tab-4:hover,
.about-compass-tab-4[aria-selected="true"] { transform: translate(-22%, -50%); }
.about-compass-panel { min-height: 410px; padding: 52px; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; border-radius: 28px; color: #fff; background: linear-gradient(145deg, #061b3c, #074986); box-shadow: 0 28px 75px rgba(6, 27, 60, .18); animation: about-panel-in .35s ease both; }
.about-compass-panel::after { content: ""; width: 270px; height: 270px; position: absolute; right: -100px; bottom: -120px; border: 52px solid rgba(255, 255, 255, .06); border-radius: 50%; }
.about-compass-panel > span { color: #73e6dd; font-size: 9px; font-weight: 900; letter-spacing: .15em; }
.about-compass-panel h3 { margin: 36px 0 18px; font-family: Georgia, serif; font-size: clamp(42px, 4.6vw, 65px); line-height: 1; font-weight: 500; }
.about-compass-panel p { max-width: 560px; margin: 0; color: rgba(255, 255, 255, .66); font-size: 17px; line-height: 1.75; }
.about-compass-panel i { position: absolute; right: 34px; top: 30px; color: #ffd166; font-family: Georgia, serif; font-size: 35px; font-style: normal; }

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

.about-experiences-section { padding: 138px 0; color: #fff; background: radial-gradient(circle at 85% 10%, rgba(10, 168, 165, .34), transparent 24%), linear-gradient(128deg, #03152f, #06436b); }
.about-program-explorer { overflow: hidden; border: 1px solid rgba(255, 255, 255, .18); border-radius: 30px; background: #fff; box-shadow: 0 35px 95px rgba(0, 0, 0, .24); }
.about-program-tabs { display: grid; grid-template-columns: repeat(2, 1fr); background: #041a3d; }
.about-program-tabs button { min-height: 122px; padding: 24px 30px; display: grid; grid-template-columns: auto 1fr; gap: 8px 20px; align-content: center; text-align: left; border: 0; border-right: 1px solid rgba(255, 255, 255, .14); color: rgba(255, 255, 255, .68); background: transparent; cursor: pointer; }
.about-program-tabs button:last-child { border-right: 0; }
.about-program-tabs button[aria-selected="true"] { color: var(--navy); background: #f6f0e4; }
.about-program-tabs span { grid-row: 1 / 3; align-self: center; color: #6de3da; font-family: Georgia, serif; font-size: 28px; }
.about-program-tabs button[aria-selected="true"] span { color: var(--turquoise); }
.about-program-tabs strong { font-family: Georgia, serif; font-size: 25px; font-weight: 500; }
.about-program-tabs small { font-size: 8px; font-weight: 900; letter-spacing: .1em; }
.about-program-panel { min-height: 660px; display: grid; grid-template-columns: 1.05fr .95fr; color: var(--ink); animation: about-panel-in .38s ease both; }
.about-program-panel figure { min-height: 660px; margin: 0; position: relative; overflow: hidden; background: #e7dfd2; }
.about-program-panel figure img { width: 100%; height: 100%; object-fit: cover; }
.about-program-panel figcaption { position: absolute; left: 18px; right: 18px; bottom: 18px; padding: 10px 13px; border-radius: 999px; color: #fff; background: rgba(3, 20, 43, .78); backdrop-filter: blur(9px); font-size: 8px; line-height: 1.4; }
.about-program-panel-copy { padding: clamp(42px, 5vw, 72px); display: flex; flex-direction: column; justify-content: center; }
.about-program-panel-copy > span { color: var(--blue); font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.about-program-panel-copy h3 { margin: 20px 0 16px; color: var(--navy); font-family: Georgia, serif; font-size: clamp(52px, 5.6vw, 78px); line-height: .95; letter-spacing: -.045em; font-weight: 500; }
.about-program-panel-copy > strong { color: var(--navy); font-size: 16px; line-height: 1.55; }
.about-program-panel-copy > p { margin: 18px 0 0; color: var(--muted); line-height: 1.72; }
.about-program-panel-copy > small { margin-top: 16px; padding: 15px 17px; border-left: 3px solid var(--gold); color: #637087; background: #f6f0e4; line-height: 1.55; }
.about-program-panel-copy .button { width: fit-content; margin-top: 26px; }

.about-program-rhythm { margin-top: 24px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.about-program-rhythm article { min-height: 250px; padding: 30px; position: relative; overflow: hidden; border: 1px solid rgba(255, 255, 255, .16); border-radius: 20px; background: rgba(255, 255, 255, .055); transition: transform .2s ease, background .2s ease; }
.about-program-rhythm article:hover { transform: translateY(-4px); background: rgba(255, 255, 255, .1); }
.about-program-rhythm span { color: #73e6dd; font-family: Georgia, serif; font-size: 32px; }
.about-program-rhythm strong { display: block; margin-top: 58px; font-family: Georgia, serif; font-size: 27px; font-weight: 500; }
.about-program-rhythm p { color: rgba(255, 255, 255, .58); line-height: 1.65; font-size: 13px; }
.about-program-note { margin: 18px 0 0; color: rgba(255, 255, 255, .52); font-size: 11px; }
.about-closing-note { margin-top: 66px; padding: 34px 38px; display: grid; grid-template-columns: 160px 1fr; gap: 38px; align-items: center; border-radius: 22px; color: var(--navy); background: #f0a91f; }
.about-closing-note > span { font-size: 10px; font-weight: 900; letter-spacing: .13em; }
.about-closing-note h3 { margin: 0; font-family: Georgia, serif; font-size: 30px; font-weight: 500; }
.about-closing-note p { margin: 8px 0 0; color: rgba(6, 27, 60, .72); line-height: 1.65; }

.about-audience-section { padding: 138px 0; background: #fff; }
.about-audience-explorer { display: grid; grid-template-columns: .78fr 1.22fr; gap: 18px; }
.about-audience-tabs { display: grid; gap: 9px; }
.about-audience-tabs button { min-height: 92px; padding: 18px 22px; display: grid; grid-template-columns: 48px 1fr; gap: 16px; align-items: center; text-align: left; border: 1px solid var(--line); border-radius: 16px; color: var(--navy); background: #fff; cursor: pointer; transition: transform .2s ease, background .2s ease; }
.about-audience-tabs button:hover { transform: translateX(4px); }
.about-audience-tabs button[aria-selected="true"] { color: #fff; background: var(--navy); transform: translateX(8px); }
.about-audience-tabs span { color: var(--turquoise); font-family: Georgia, serif; font-size: 25px; }
.about-audience-tabs strong { font-size: 14px; }
.about-audience-panel { min-height: 395px; padding: 48px; position: relative; overflow: hidden; display: grid; grid-template-columns: 160px 1fr; gap: 38px; align-items: center; border-radius: 25px; color: #fff; background: radial-gradient(circle at 90% 20%, rgba(10, 168, 165, .4), transparent 27%), linear-gradient(135deg, #07417b, #061b3c); animation: about-panel-in .35s ease both; }
.about-audience-panel > span { color: rgba(255, 255, 255, .15); font-family: Georgia, serif; font-size: 130px; line-height: 1; }
.about-audience-panel small { color: #73e6dd; font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.about-audience-panel h3 { margin: 22px 0 14px; font-family: Georgia, serif; font-size: clamp(40px, 4.5vw, 62px); line-height: 1; font-weight: 500; }
.about-audience-panel p { max-width: 600px; margin: 0; color: rgba(255, 255, 255, .68); font-size: 17px; line-height: 1.72; }
.about-capacity-note { margin-top: 24px; padding: 24px 30px; display: grid; grid-template-columns: 160px 1fr; gap: 30px; border: 1px solid rgba(240, 169, 31, .45); border-radius: 17px; background: #fffaf0; }
.about-capacity-note strong { color: #9b6000; }
.about-capacity-note p { margin: 0; color: var(--muted); line-height: 1.65; }

.about-values-section { padding: 138px 0; background: #f6f0e4; }
.about-values-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
.about-values-grid article { min-height: 330px; grid-column: span 2; padding: 32px; display: flex; flex-direction: column; border: 1px solid rgba(6, 27, 60, .12); border-radius: 20px; background: #fff; transition: transform .22s ease, box-shadow .22s ease; }
.about-values-grid article:nth-child(1),
.about-values-grid article:nth-child(2) { min-height: 365px; grid-column: span 3; }
.about-values-grid article:nth-child(6) { min-height: 270px; grid-column: span 6; color: #fff; background: linear-gradient(120deg, #075b66, #087c85); }
.about-values-grid article:hover { transform: translateY(-5px); box-shadow: 0 22px 55px rgba(6, 27, 60, .09); }
.about-values-grid span { color: var(--turquoise); font-family: Georgia, serif; font-size: 34px; }
.about-values-grid article:nth-child(6) span { color: #8bf0e8; }
.about-values-grid h3 { margin: auto 0 16px; color: var(--navy); font-family: Georgia, serif; font-size: clamp(27px, 2.8vw, 39px); line-height: 1.08; font-weight: 500; }
.about-values-grid article:nth-child(6) h3 { color: #fff; }
.about-values-grid p { max-width: 760px; margin: 0; color: var(--muted); line-height: 1.7; }
.about-values-grid article:nth-child(6) p { color: rgba(255, 255, 255, .7); }

.about-future-section { min-height: 860px; padding: 145px 0 120px; position: relative; overflow: hidden; color: #fff; background: radial-gradient(circle at 76% 22%, rgba(10, 168, 165, .42), transparent 27%), linear-gradient(128deg, #020d21, #052d61 58%, #063f58); }
.about-future-year { position: absolute; right: -32px; top: -60px; color: rgba(255, 255, 255, .045); font-family: Georgia, serif; font-size: clamp(260px, 35vw, 580px); line-height: .9; letter-spacing: -.1em; }
.about-future-layout { position: relative; z-index: 2; display: grid; grid-template-columns: .82fr 1.18fr; gap: 95px; }
.about-future-heading { position: sticky; top: 190px; align-self: start; }
.about-future-heading h2 { margin: 0; font-family: Georgia, serif; font-size: clamp(56px, 6.3vw, 88px); line-height: .94; letter-spacing: -.05em; font-weight: 500; }
.about-future-heading > strong { max-width: 520px; margin-top: 38px; padding-top: 22px; display: block; border-top: 2px solid var(--gold); color: #ffd166; font-size: 14px; line-height: 1.55; }
.about-future-copy p { margin: 0 0 25px; color: rgba(255, 255, 255, .68); font-size: 17px; line-height: 1.84; }
.about-future-steps { grid-column: 1 / 3; margin: 42px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; border: 1px solid rgba(255, 255, 255, .18); border-radius: 22px; overflow: hidden; }
.about-future-steps li { min-height: 145px; padding: 28px; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid rgba(255, 255, 255, .18); background: rgba(255, 255, 255, .045); }
.about-future-steps li:last-child { border-right: 0; }
.about-future-steps span { color: #77e6dd; font-family: Georgia, serif; font-size: 29px; }
.about-future-steps strong { font-family: Georgia, serif; font-size: 25px; font-weight: 500; }

.about-museum-section { min-height: 790px; display: grid; grid-template-columns: 1.08fr .92fr; color: #fff; background: #061b3c; }
.about-museum-visual { min-height: 700px; margin: 0; position: relative; overflow: hidden; }
.about-museum-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 70%, #061b3c); pointer-events: none; }
.about-museum-visual > img { width: 100%; height: 100%; object-fit: cover; object-position: 55% center; }
.about-museum-visual figcaption { position: absolute; left: 22px; bottom: 18px; z-index: 2; padding: 8px 12px; border-radius: 10px; background: rgba(3, 20, 43, .72); }
.about-museum-visual .photo-credit { margin: 0; }
.about-museum-copy { padding: clamp(58px, 7vw, 108px); display: flex; flex-direction: column; justify-content: center; }
.about-museum-copy h2 { margin: 0; font-family: Georgia, serif; font-size: clamp(48px, 5.5vw, 76px); line-height: 1; letter-spacing: -.045em; font-weight: 500; }
.about-museum-copy > p:not(.eyebrow) { margin: 24px 0 0; color: rgba(255, 255, 255, .68); font-size: 16px; line-height: 1.78; }
.about-museum-copy .button { width: fit-content; margin-top: 30px; }

.about-organization-section { padding: 138px 0; background: #fff; }
.about-organization-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 100px; }
.about-organization-heading { position: sticky; top: 190px; align-self: start; }
.about-organization-heading h2 { margin: 0; color: var(--navy); font-family: Georgia, serif; font-size: clamp(54px, 6vw, 82px); line-height: .98; letter-spacing: -.05em; font-weight: 500; }
.about-organization-heading h2 em { color: var(--blue); }
.about-organization-copy h3 { margin: 0 0 18px; color: var(--navy); font-family: Georgia, serif; font-size: 34px; font-weight: 500; }
.about-organization-copy h3:not(:first-child) { margin-top: 54px; }
.about-organization-copy > p { margin: 0 0 20px; color: var(--muted); font-size: 17px; line-height: 1.8; }
.about-organization-copy strong { color: var(--navy); }
.about-collaboration-tags { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 9px; }
.about-collaboration-tags span { padding: 11px 15px; border: 1px solid var(--line); border-radius: 999px; color: var(--navy); background: #f8f4ec; font-size: 10px; font-weight: 900; }
.about-organization-actions { margin-top: 34px; display: flex; flex-wrap: wrap; align-items: center; gap: 18px; }
.about-partner-status { max-width: 270px; color: #7c8796; font-size: 10px; line-height: 1.55; }

.about-final-cta { padding: 120px 0; position: relative; overflow: hidden; color: #fff; background: linear-gradient(125deg, #061b3c 0%, #073b74 54%, #075b63 100%); }
.about-final-lines { position: absolute; inset: 0; opacity: .11; background-image: radial-gradient(circle at center, transparent 0 38%, #fff 38.5% 39%, transparent 39.5% 57%, #fff 57.5% 58%, transparent 58.5%); transform: translateX(36%); }
.about-final-layout { position: relative; z-index: 2; display: grid; grid-template-columns: 1.1fr .9fr; gap: 90px; align-items: center; }
.about-final-layout h2 { margin: 0; font-family: Georgia, serif; font-size: clamp(52px, 6vw, 82px); line-height: .98; letter-spacing: -.05em; font-weight: 500; }
.about-final-layout > div:first-child > p:not(.eyebrow) { max-width: 700px; color: rgba(255, 255, 255, .66); font-size: 17px; line-height: 1.75; }
.about-final-actions { display: grid; gap: 12px; }
.about-final-actions .button { width: 100%; }
.about-final-notes { margin-top: 18px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .2); }
.about-final-notes p { margin: 0 0 9px; color: rgba(255, 255, 255, .55); font-size: 10px; line-height: 1.55; }
.about-final-notes strong { color: #ffd166; }

.about-newsletter-safe { padding: 80px 0; background: #f6f0e4; }
.about-newsletter-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 70px; align-items: center; }
.about-newsletter-grid h2 { margin: 0; color: var(--navy); font-family: Georgia, serif; font-size: clamp(40px, 4.6vw, 62px); line-height: 1.03; font-weight: 500; }
.about-newsletter-grid > div:first-child > p:not(.eyebrow) { color: var(--muted); line-height: 1.7; }
.about-newsletter-grid > div:last-child { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.about-newsletter-grid .status-chip { border-color: var(--line); color: var(--navy); }

@media (max-width: 1080px) {
  .about-hero-layout { gap: 45px; }
  .about-brand-card { padding: 15px 15px 24px; }
  .about-section-heading { gap: 50px; }
  .about-compass-explorer { grid-template-columns: 1fr; }
  .about-compass-stage { margin-inline: auto; }
  .about-compass-panel { min-height: 340px; }
  .about-program-panel { grid-template-columns: .95fr 1.05fr; }
  .about-audience-panel { grid-template-columns: 110px 1fr; }
  .about-audience-panel > span { font-size: 96px; }
}

@media (max-width: 820px) {
  .about-hero { min-height: auto; }
  .about-hero-layout { min-height: auto; grid-template-columns: 1fr; gap: 80px; padding-block: 64px 120px; }
  .about-hero-copy { max-width: 700px; }
  .about-hero-art { width: min(100%, 650px); margin-inline: auto; }
  .about-brand-card { margin-inline: auto; }
  .about-facts-grid { grid-template-columns: repeat(2, 1fr); }
  .about-facts-grid > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .about-local-nav { top: 78px; }
  .about-local-nav .shell { justify-content: flex-start; }
  #anlati, #pusula, #deneyimler, #degerler, #rota-2050, #ana-liman { scroll-margin-top: 146px; }
  .about-story-section,
  .about-compass-section,
  .about-experiences-section,
  .about-audience-section,
  .about-values-section,
  .about-organization-section { padding: 102px 0; }
  .about-story-grid,
  .about-why-grid,
  .about-section-heading,
  .about-future-layout,
  .about-organization-grid,
  .about-final-layout,
  .about-newsletter-grid { grid-template-columns: 1fr; gap: 46px; }
  .about-sticky-heading,
  .about-future-heading,
  .about-organization-heading { position: static; }
  .about-core-question,
  .about-future-steps { grid-column: 1; }
  .about-mission-vision { grid-template-columns: 1fr; }
  .about-compass-stage { width: min(86vw, 590px); }
  .about-program-panel { grid-template-columns: 1fr; }
  .about-program-panel figure { min-height: 520px; }
  .about-program-panel-copy { min-height: 550px; }
  .about-program-rhythm { grid-template-columns: 1fr; }
  .about-program-rhythm article { min-height: 210px; }
  .about-program-rhythm strong { margin-top: 38px; }
  .about-closing-note { grid-template-columns: 1fr; gap: 16px; }
  .about-audience-explorer { grid-template-columns: 1fr; }
  .about-audience-tabs { grid-template-columns: 1fr 1fr; }
  .about-audience-tabs button[aria-selected="true"] { transform: translateY(-3px); }
  .about-audience-tabs button:hover { transform: translateY(-2px); }
  .about-values-grid article,
  .about-values-grid article:nth-child(1),
  .about-values-grid article:nth-child(2) { grid-column: span 3; }
  .about-values-grid article:nth-child(6) { grid-column: span 6; }
  .about-future-section { min-height: 0; padding: 110px 0; }
  .about-future-steps { margin-top: 10px; }
  .about-museum-section { grid-template-columns: 1fr; }
  .about-museum-visual { min-height: 520px; }
  .about-museum-visual::after { background: linear-gradient(0deg, #061b3c, transparent 32%); }
  .about-museum-copy { padding: 78px 32px; }
  .about-final-lines { transform: translateX(25%); }
}

@media (max-width: 560px) {
  .about-hero-layout { gap: 54px; padding-block: 44px 94px; }
  .about-breadcrumb { margin-bottom: 32px; }
  .about-hero-copy h1 { font-size: clamp(49px, 14.5vw, 67px); }
  .about-hero-lede { font-size: 17px; }
  .about-hero-actions { flex-direction: column; }
  .about-orbit { display: none; }
  .about-brand-card { transform: rotate(1deg); }
  .about-brand-card p { padding-inline: 8px; }
  .about-facts-grid > div { min-height: 120px; padding: 22px 16px; }
  .about-facts-grid strong { font-size: 20px; }
  .about-local-nav .shell { gap: 24px; }
  .about-story-section,
  .about-compass-section,
  .about-experiences-section,
  .about-audience-section,
  .about-values-section,
  .about-organization-section { padding: 78px 0; }
  .about-sticky-heading h2,
  .about-section-heading h2 { font-size: 43px; }
  .about-story-route { gap: 7px; overflow-x: auto; }
  .about-story-route i { width: 11px; }
  .about-story-copy .about-lead { font-size: 27px; }
  .about-story-copy > p { font-size: 16px; }
  .about-story-copy blockquote { padding: 27px 24px; font-size: 23px; }
  .about-why-section { padding: 84px 0; }
  .about-why-grid h2 { font-size: 48px; }
  .about-core-question { padding: 28px 24px; font-size: 25px; }
  .about-mission-vision { margin-bottom: 60px; }
  .about-mission-vision article { min-height: 0; padding: 30px 25px; }
  .about-mission-vision h3 { margin-top: 46px; font-size: 33px; }
  .about-compass-stage { width: 100%; aspect-ratio: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .about-compass-stage::before,
  .about-compass-stage::after,
  .about-compass-rings,
  .about-compass-core { display: none; }
  .about-compass-tab,
  .about-compass-tab-1,
  .about-compass-tab-2,
  .about-compass-tab-3,
  .about-compass-tab-4 { min-width: 0; min-height: 128px; position: static; transform: none; }
  .about-compass-tab:hover,
  .about-compass-tab[aria-selected="true"],
  .about-compass-tab-1:hover,
  .about-compass-tab-1[aria-selected="true"],
  .about-compass-tab-2:hover,
  .about-compass-tab-2[aria-selected="true"],
  .about-compass-tab-3:hover,
  .about-compass-tab-3[aria-selected="true"],
  .about-compass-tab-4:hover,
  .about-compass-tab-4[aria-selected="true"] { transform: translateY(-3px); }
  .about-compass-panel { min-height: 390px; padding: 32px 25px; }
  .about-compass-panel h3 { font-size: 45px; }
  .about-program-tabs { grid-template-columns: 1fr; }
  .about-program-tabs button { min-height: 105px; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .14); }
  .about-program-panel figure { min-height: 310px; }
  .about-program-panel figcaption { left: 10px; right: 10px; bottom: 10px; border-radius: 12px; }
  .about-program-panel-copy { min-height: 0; padding: 38px 24px; }
  .about-program-panel-copy h3 { font-size: 51px; }
  .about-program-panel-copy .button { width: 100%; }
  .about-closing-note { padding: 27px 24px; }
  .about-closing-note h3 { font-size: 26px; }
  .about-audience-tabs { grid-template-columns: 1fr; }
  .about-audience-tabs button { min-height: 82px; }
  .about-audience-panel { min-height: 410px; padding: 32px 25px; grid-template-columns: 1fr; gap: 16px; }
  .about-audience-panel > span { font-size: 72px; }
  .about-audience-panel h3 { font-size: 43px; }
  .about-capacity-note { grid-template-columns: 1fr; gap: 10px; padding: 22px; }
  .about-values-grid { grid-template-columns: 1fr; }
  .about-values-grid article,
  .about-values-grid article:nth-child(1),
  .about-values-grid article:nth-child(2),
  .about-values-grid article:nth-child(6) { min-height: 290px; grid-column: 1; }
  .about-values-grid h3 { font-size: 31px; }
  .about-future-section { padding: 84px 0; }
  .about-future-heading h2 { font-size: 49px; }
  .about-future-copy p { font-size: 16px; }
  .about-future-steps { grid-template-columns: 1fr; }
  .about-future-steps li { min-height: 110px; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .18); }
  .about-future-steps li:last-child { border-bottom: 0; }
  .about-museum-visual { min-height: 390px; }
  .about-museum-copy { padding: 64px 24px; }
  .about-museum-copy h2 { font-size: 47px; }
  .about-museum-copy .button { width: 100%; }
  .about-organization-heading h2 { font-size: 51px; }
  .about-organization-copy h3 { font-size: 30px; }
  .about-organization-copy > p { font-size: 16px; }
  .about-organization-actions { align-items: stretch; flex-direction: column; }
  .about-partner-status { max-width: none; }
  .about-final-cta { padding: 82px 0; }
  .about-final-layout h2 { font-size: 47px; }
  .about-newsletter-safe { padding: 70px 0; }
  .about-newsletter-grid h2 { font-size: 43px; }
  .about-newsletter-grid > div:last-child { align-items: stretch; }
}

@media (prefers-reduced-motion: reduce) {
  .about-brand-card { animation: none; }
}

.platform-about-advisors{padding:125px 0;background:#f5efe4;scroll-margin-top:158px}
.platform-about-advisors>div>header{margin-bottom:54px;display:grid;grid-template-columns:1fr .65fr;gap:70px;align-items:end}
.platform-about-advisors header h2{margin:0;color:#071f3a;font-family:Georgia,serif;font-size:clamp(48px,5vw,72px);line-height:1;font-weight:500;letter-spacing:-.045em}
.platform-about-advisors header>p{max-width:460px;margin:0;padding-left:22px;border-left:3px solid #0b989a;color:#65727b;font-size:16px;line-height:1.7}
.platform-about-advisor-list{display:grid;gap:24px}
.platform-about-advisor-list article{min-height:580px;display:grid;grid-template-columns:minmax(320px,.78fr) 1.22fr;overflow:hidden;border:1px solid rgba(7,31,58,.14);background:#fff;box-shadow:0 22px 60px rgba(7,31,58,.07)}
.platform-about-advisor-list figure{min-height:100%;margin:0;position:relative;overflow:hidden;background:#082846}
.platform-about-advisor-list figure img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}
.platform-about-advisor-list figure figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:8px 10px;color:rgba(255,255,255,.75);background:rgba(3,20,39,.76);font-size:9px}
.platform-about-advisor-list figure.is-empty{display:grid;place-items:center;background:radial-gradient(circle at 50% 44%,rgba(88,218,209,.14),transparent 30%),linear-gradient(145deg,#061b34,#0a4661)}
.platform-about-advisor-list figure.is-empty::before,.platform-about-advisor-list figure.is-empty::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}
.platform-about-advisor-list figure.is-empty::before{width:76%;aspect-ratio:1}.platform-about-advisor-list figure.is-empty::after{width:52%;aspect-ratio:1}
.platform-about-advisor-list figure.is-empty>div{position:relative;z-index:1;text-align:center;color:#fff}.platform-about-advisor-list figure.is-empty span{display:block;font-family:Georgia,serif;font-size:clamp(76px,10vw,128px);letter-spacing:-.07em}.platform-about-advisor-list figure.is-empty small{display:block;margin-top:10px;color:#6de2da;font-size:8px;font-weight:900;letter-spacing:.22em}
.platform-about-advisor-list article>div{padding:clamp(38px,5vw,76px);display:flex;flex-direction:column;justify-content:center}.platform-about-advisor-list article>div>small{color:#0a9195;font-size:9px;font-weight:900;letter-spacing:.18em}.platform-about-advisor-list h3{margin:30px 0 0;color:#071f3a;font-family:Georgia,serif;font-size:clamp(46px,5vw,74px);line-height:.96;letter-spacing:-.045em;font-weight:500}.platform-about-advisor-list article>div>strong{margin-top:18px;color:#9a6a12;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.platform-about-advisor-list article>div>p{max-width:700px;margin:30px 0 0;padding-top:26px;border-top:1px solid rgba(7,31,58,.16);color:#65727b;font-size:17px;line-height:1.78}.platform-about-advisor-list ul{margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;list-style:none}.platform-about-advisor-list li{padding:9px 13px;border:1px solid rgba(7,31,58,.15);border-radius:999px;color:#16344e;background:#f8f4eb;font-size:10px;font-weight:800}.platform-about-advisor-note{margin:24px 0 0;padding:25px 28px;color:#67747d;background:#fff;border-left:4px solid #e4b24e;font-size:13px;line-height:1.7}.platform-about-advisor-note strong{color:#071f3a}
@media(max-width:820px){.platform-about-advisors{padding:85px 0;scroll-margin-top:136px}.platform-about-advisors>div>header{grid-template-columns:1fr;gap:24px}.platform-about-advisor-list article{min-height:520px;grid-template-columns:.88fr 1.12fr}}
@media(max-width:560px){.platform-about-advisors{padding:76px 0}.platform-about-advisors header h2{font-size:44px}.platform-about-advisors header>p{padding-left:16px}.platform-about-advisor-list article{display:block;min-height:0}.platform-about-advisor-list figure{min-height:0;aspect-ratio:4/5}.platform-about-advisor-list article>div{padding:34px 24px 40px}.platform-about-advisor-list h3{font-size:46px}.platform-about-advisor-list article>div>p{font-size:16px}.platform-about-advisor-note{padding:22px}}