/* Shared learning-site presentation, inspired by Cambly Kids. */
h1,h2,h3,h4 { font-weight:700; letter-spacing:-.035em; }
h1 { font-size:clamp(2.4rem,5vw,4.6rem); }
h2 { font-size:clamp(1.9rem,3.4vw,3rem); }
.btn { border-radius:999px; padding:.9rem 1.7rem; font-weight:700; letter-spacing:0; min-height:48px; }
.btn--primary,.btn--inverse { background:var(--color-primary); color:var(--color-on-primary); }
.btn--primary:hover,.btn--inverse:hover { background:var(--color-primary-hover); color:var(--color-on-primary); }
.btn--outline { border-color:var(--color-border); background:white; }
.btn--outline:hover { background:var(--color-bg-alt); }
.header { border-bottom:1px solid #edf1ef; background:white; }
.header__inner { max-width:1400px; padding:1rem 2rem; gap:1.2rem; }
.header__wordmark { font-size:1.15rem; line-height:1.15; letter-spacing:-.03em; }
.header__wordmark-sub { display:block; font-size:.78rem; font-weight:500; letter-spacing:0; margin-top:.2rem; }
.header__badge { height:48px; }
.header__cta { font-size:.9rem; white-space:nowrap; padding:.7rem 1.4rem; }
.nav__list { gap:1.25rem; }
.nav__link { font-size:.87rem; font-weight:500; }
.title-accent::after { background:var(--color-green-light); border-radius:20px; }
.section-wrap { width:min(100% - 3rem,1120px); margin-inline:auto; padding-block:5rem; }
.eyebrow { font-size:.75rem; letter-spacing:.12em; font-weight:700; margin-bottom:1.4rem; color:var(--color-primary); text-decoration:none; }
.learning-hero { position:relative; background:var(--color-green-light); padding-bottom:3.5rem; overflow:hidden; }
.learning-hero__inner { max-width:1200px; margin:auto; padding:4rem 2.5rem 3.5rem; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:4rem; }
.learning-hero .eyebrow { color:var(--color-primary-hover); }
.learning-hero h1 { font-family:var(--font-hero); font-weight:400; font-size:clamp(2.7rem,3.8vw,3.4rem); line-height:1.17; letter-spacing:-.055em; margin-bottom:1.7rem; }
.learning-hero h1 em { font-style:normal; }
.learning-hero__copy > p:not(.eyebrow) { font-size:1.08rem; line-height:1.7; margin-bottom:2rem; max-width:46ch; }
.learning-hero__secondary { display:block; width:fit-content; margin-top:1.2rem; color:var(--color-primary-hover); font-size:.9rem; text-underline-offset:5px; }
.learning-hero__visual { position:relative; padding:1.2rem 0 2.3rem; }
.learning-hero__visual::before { content:""; position:absolute; inset:-1.5rem 1rem .2rem; background:var(--color-green-light); border-radius:48% 52% 44% 56%; transform:rotate(9deg); }
.learning-hero__visual > picture,.learning-hero__visual > img { position:relative; display:block; width:100%; transform:rotate(-3deg); border:8px solid white; border-radius:2rem; overflow:hidden; box-shadow:0 18px 35px #18585422; }
.learning-hero__visual img { display:block; width:100%; height:auto; }
.learning-hero__spark { position:absolute; top:-3rem; right:0; font-size:4rem; color:var(--color-red-soft); }
.learning-hero__note { position:absolute; bottom:0; left:-1rem; display:flex; align-items:center; gap:1rem; background:white; border-radius:1.2rem; padding:1rem 1.4rem; box-shadow:0 12px 28px #18585422; font-weight:700; font-size:.95rem; transform:rotate(2deg); }
.learning-hero__note > span { font-size:2.8rem; line-height:1; color:var(--color-primary); }
.learning-hero__note small { display:block; font-size:.8rem; font-weight:400; color:var(--color-muted); margin-top:.2rem; }
.learning-wave { position:absolute; bottom:-1px; width:100%; height:65px; }
.learning-intro { text-align:center; }
.learning-intro > p:not(.eyebrow) { margin:1.5rem auto 3rem; max-width:58ch; color:var(--color-muted); }
.learning-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:3rem; }
.benefit-icon { display:grid; place-items:center; width:74px; height:74px; margin:0 auto 1.2rem; background:var(--color-red-soft); border-radius:50%; font-size:2.4rem; }
.learning-benefits > div:nth-child(2) .benefit-icon { background:var(--color-red-soft); }
.learning-benefits > div:nth-child(3) .benefit-icon { background:var(--color-green-soft); }
.learning-benefits h3 { font-size:1.18rem; margin-bottom:.7rem; }
.learning-benefits p { font-size:.95rem; color:var(--color-muted); }
.learning-story { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }
.learning-story__photo { position:relative; padding:1.5rem; background:var(--color-red-soft); border-radius:48% 48% 40% 42%; }
.learning-story__photo img { border-radius:40% 40% 35% 35%; width:100%; aspect-ratio:1.1; object-fit:cover; }
.learning-story__photo > span { position:absolute; bottom:-1rem; right:0; font-size:5rem; color:var(--color-primary); }
.learning-story h2 { margin-bottom:1.5rem; }
.learning-story p:not(.eyebrow) { color:var(--color-muted); font-size:1rem; }
.learning-story .btn { margin-top:.8rem; }
.learning-programs { background:var(--color-red-soft); }
.section-heading { text-align:center; max-width:700px; margin:0 auto 3rem; }
.section-heading > p:last-child { color:var(--color-muted); margin-top:1.5rem; }
.learning-programs__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
.program-card { display:flex; flex-direction:column; text-decoration:none; color:var(--color-text); background:white; border-radius:24px; padding:2rem; border:1px solid transparent; transition:transform .2s,border-color .2s; }
.program-card:hover { transform:translateY(-4px); border-color:var(--color-primary); }
.program-card__number { display:grid; place-items:center; width:60px; height:60px; background:var(--color-red-soft); border-radius:50%; font-size:1.5rem; font-weight:700; margin-bottom:2rem; }
.program-card:nth-child(2) .program-card__number { background:var(--color-green-soft); }
.program-card:nth-child(3) .program-card__number { background:var(--color-red-soft); }
.program-card h3 { font-size:1.4rem; margin-bottom:1rem; }
.program-card p { font-size:.95rem; color:var(--color-muted); }
.program-card__link { margin-top:auto; padding-top:1.2rem; font-weight:700; font-size:.85rem; color:var(--color-primary); }
.learning-coach { display:flex; align-items:center; justify-content:center; gap:4rem; max-width:900px; }
.learning-coach > img,.learning-coach > picture { flex:0 0 250px; width:250px; }
.learning-coach img { width:250px; height:250px; border-radius:50%; object-fit:cover; border:12px solid var(--color-red-soft); }
.learning-coach h2 { margin-bottom:1rem; }
.learning-coach p:not(.eyebrow) { color:var(--color-muted); }
.text-link { font-weight:700; text-underline-offset:6px; }
.post-list__title { margin-bottom:2rem; }
.post-list__items { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; }
.post-card { border-radius:22px; border-color:#e5eeec; }
.post-card__body { padding:1.4rem; }
.post-card__title { font-size:1.15rem; line-height:1.4; }
.post-card__date { font-size:.78rem; }
.post-card__image-link { background:var(--color-green-soft); }
.post-card__image-link::before { opacity:.35; }
.post-list__inner { padding-inline:1.5rem; }
.news-more { text-align:center; margin:-2rem auto 5rem; }
.learning-cta { text-align:center; background:var(--color-green-soft); position:relative; }
.learning-cta .section-wrap { padding-block:4rem; }
.learning-cta__piece { display:block; font-size:4rem; color:var(--color-primary); }
.learning-cta p { margin:1.5rem auto 2rem; max-width:50ch; color:var(--color-muted); }
.learning-page-heading { position:relative; overflow:hidden; text-align:center; padding:5rem 1.5rem 4rem; background:linear-gradient(180deg,var(--color-green-soft),white); }
.learning-page-heading .eyebrow { display:inline-block; }
.learning-page-heading h1 { max-width:1000px; margin:auto; text-wrap:balance; }
.learning-page-heading__decoration { display:block; color:var(--color-brand-green); font-size:2.5rem; margin-top:1.5rem; }
.page-content { padding-top:1rem; }
.page-content__body,.post__content { font-size:1.0625rem; line-height:1.85; }
.page-content__body img { max-width:100%; height:auto; }
.page-content__body figure { margin-block:2rem; }
.page-content__body table { display:block; max-width:100%; overflow-x:auto; }
.page-program-links { display:flex; flex-wrap:wrap; gap:1rem; margin-top:2rem; }
.archive-hero { text-align:center; padding-block:5rem 4rem; }
.archive-hero--alt { background:var(--color-red-soft); border:none; }
.archive-hero__title,.archive-hero__lead { margin-inline:auto; }
.archive-hero--alt::after { content:none; }
.post { padding-top:4rem; }
.post__title { font-size:clamp(2rem,4vw,3.5rem); }
.connect { background:var(--color-red-soft); border:none; }
.footer { background:var(--color-green-soft); border:none; }
.footer__badge { height:72px; }
.footer__text,.footer__links { font-size:.9rem; }
.skip-link { position:fixed; z-index:100; top:1rem; left:1rem; background:var(--color-green-light); color:#202124; padding:.7rem 1rem; border-radius:12px; transform:translateY(-200%); }
.skip-link:focus { transform:none; }
@media (min-width:768px) and (max-width:1100px) {
  .header__inner { flex-wrap:wrap; padding:1rem 1.5rem; }
  .header__cta { margin-left:auto; }
  .header .nav { order:3; width:100%; }
  .nav__list { justify-content:center; }
  .learning-hero__inner { gap:2rem; }
}
@media (max-width:767px) {
  .header__inner { padding:.8rem 1rem; gap:.5rem; }
  .header__wordmark { font-size:1rem; }
  .header__badge { height:42px; }
  .header__cta { display:none; }
  .section-wrap { width:calc(100% - 2.5rem); padding-block:3rem; }
  .learning-hero__inner { grid-template-columns:1fr; gap:3rem; padding:3rem 1.5rem 3rem; }
  .learning-hero h1 { font-size:2.65rem; }
  .learning-hero__copy > p:not(.eyebrow) { font-size:1rem; }
  .learning-hero__visual { max-width:470px; width:calc(100% - 1rem); margin:auto; }
  .learning-hero__note { left:-.4rem; font-size:.85rem; padding:.8rem 1rem; }
  .learning-hero__note small { font-size:.7rem; }
  .learning-hero__spark { font-size:3rem; top:-2.4rem; }
  .learning-benefits,.learning-programs__grid,.post-list__items { grid-template-columns:1fr; gap:1.5rem; }
  .learning-benefits { gap:2rem; }
  .learning-benefits p { max-width:32ch; margin-inline:auto; }
  .learning-story { grid-template-columns:1fr; gap:3rem; }
  .learning-story__photo { max-width:430px; margin:auto; }
  .learning-coach { flex-direction:column; gap:2rem; text-align:center; }
  .learning-coach > img,.learning-coach > picture { flex-basis:auto; }
  .post-list { padding-block:3rem; }
  .post-list__items { max-width:480px; margin:auto; }
  .news-more { margin:0 auto 3rem; }
  .learning-page-heading { padding-block:3rem 2rem; }
  .post,.page-content { padding-inline:1.25rem; }
  .page-content__body,.post__content { font-size:1rem; }
  .page-content__body iframe { max-width:100%; }
  .footer__main { gap:2rem; }
}
@media (prefers-reduced-motion:reduce) { .program-card:hover { transform:none; } }

/* Online education: a CSS illustration avoids external video/platform claims. */
.learning-online { background:var(--color-green-soft); }
.learning-online__inner { display:grid; grid-template-columns:1fr 1.15fr; align-items:center; gap:5rem; }
.learning-online__visual { position:relative; padding:2rem; background:var(--color-red-soft); border-radius:48% 52% 45% 55%; }
.learning-online__screen { background:white; border:8px solid var(--color-primary-hover); border-bottom-width:22px; border-radius:22px; padding:1.25rem; transform:rotate(-4deg); box-shadow:0 18px 0 -8px var(--color-green-light); text-align:center; }
.learning-online__status { display:block; font-size:.7rem; font-weight:700; letter-spacing:.12em; color:var(--color-primary); margin-bottom:1rem; }
.learning-online__board { display:grid; grid-template-columns:repeat(4,1fr); max-width:240px; margin:auto; border:2px solid var(--color-primary-hover); }
.learning-online__board span { display:grid; place-items:center; aspect-ratio:1; background:var(--color-green-soft); color:var(--color-text); font-size:clamp(1.5rem,3vw,2.5rem); line-height:1; }
.learning-online__board span:nth-child(8n+2),.learning-online__board span:nth-child(8n+4),.learning-online__board span:nth-child(8n+5),.learning-online__board span:nth-child(8n+7) { background:var(--color-green-light); }
.learning-online__caption { display:block; font-size:.8rem; margin-top:1rem; color:var(--color-muted); }
.learning-online__spark { position:absolute; right:-.5rem; top:-1.5rem; font-size:4rem; color:var(--color-primary); }
.learning-online__copy h2 { margin-bottom:1.5rem; }
.learning-online__copy > p:not(.eyebrow) { color:var(--color-muted); font-size:1rem; }
.learning-online__options { list-style:none; padding:0; margin:1.5rem 0 2rem; font-size:.95rem; }
.learning-online__options li { margin-bottom:.7rem; display:flex; gap:.7rem; }
.learning-online__options li::before { content:"✓"; color:var(--color-primary); font-weight:700; }
.learning-online__actions { display:flex; align-items:flex-start; flex-direction:column; gap:1.2rem; }
.learning-online__actions .text-link { font-size:.9rem; }
.online-contact { background:var(--color-green-soft); padding:2rem; border-radius:24px; margin-top:3rem; }
.online-contact h2 { font-size:1.7rem; margin-bottom:1rem; }
.online-contact .btn { margin:.5rem .5rem 0 0; }
@media (min-width:1101px) and (max-width:1250px) { .header__inner { gap:.8rem; padding-inline:1rem; } .nav__list { gap:.8rem; } .nav__link { font-size:.8rem; } }
@media (max-width:767px) { .learning-online__inner { grid-template-columns:1fr; gap:3rem; } .learning-online__visual { width:min(100%,380px); margin:auto; padding:1.5rem; } .learning-online__board span { font-size:2rem; } .online-contact { padding:1.5rem; } }

.learning-online { scroll-margin-top:7rem; }

.branch-directory { scroll-margin-top:8rem; }
.branch-directory__intro { text-align:center; margin:0 auto 2rem; }
.branch-directory__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
.branch-card { background:var(--color-green-soft); border:1px solid var(--color-border); border-radius:24px; padding:1.7rem; min-width:0; }
.branch-card:nth-child(2) { background:var(--color-red-soft); }
.branch-card h2 { font-size:1.6rem; margin:0 0 1rem; }
.branch-card address { font-style:normal; margin-bottom:1.3rem; }
.branch-card ul { list-style:none; padding:0; font-size:.9rem; }
.branch-card a { overflow-wrap:anywhere; }
.branch-card__actions { display:flex; flex-wrap:wrap; gap:.7rem; }
.branch-card__actions .btn { font-size:.8rem; padding:.7rem 1rem; }
.footer__branch { margin-top:1.5rem; }
.footer__branch p { margin-bottom:.5rem; }
@media (max-width:767px) { .branch-directory__grid { grid-template-columns:1fr; } }

.branch-card__logo { display:flex; align-items:center; height:110px; margin-bottom:1.5rem; }
.branch-card__logo img { width:100px; height:110px; object-fit:contain; background:white; border-radius:12px; padding:.5rem; }
.footer__branch-logo { display:block; width:64px; height:74px; object-fit:contain; background:white; padding:.3rem; border-radius:8px; margin-bottom:.7rem; }
@media (min-width:1101px) and (max-width:1300px) { .header__inner { flex-wrap:wrap; } .header .nav { order:3; width:100%; } .header__cta { margin-left:auto; } .nav__list { justify-content:center; } }
@media (max-width:767px) { .header__brand { gap:.5rem; } .header__wordmark { font-size:.9rem; } .header__wordmark-sub { font-size:.7rem; } }
.merkez-links { text-align:center; margin:2.5rem auto 0; max-width:none; line-height:2; }