@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/inter-latin-ext.woff2) format('woff2');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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/inter-latin.woff2) format('woff2');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:'Nunito';font-style:normal;font-weight:600 800;font-display:swap;src:url(../fonts/nunito-latin-ext.woff2) format('woff2');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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:normal;font-weight:600 800;font-display:swap;src:url(../fonts/nunito-latin.woff2) format('woff2');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}

/* ==========================================================================
   Tasarım değerleri
   ========================================================================== */
:root{
  --ink:#1B2A6B;          /* mürekkep laciverti: başlıklar, footer */
  --ink-soft:#2E3F8F;
  --sky:#4DAEF0;          /* kelebek mavisi: sadece dekoratif */
  --sky-deep:#1F6FBF;     /* metin/link için okunur mavi */
  --mist:#E4F0FA;         /* açık mavi bölüm zemini */
  --cream:#FBF8F3;        /* ana zemin */
  --sun:#F2A65A;          /* tek sıcak vurgu: ana CTA */
  --sun-deep:#E0913E;
  --text:#374151;
  --muted:#6B7280;
  --line:#E3E8F0;
  --white:#fff;

  --font-head:'Nunito',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;

  --r-sm:10px; --r:18px; --r-lg:28px;
  --shadow:0 1px 2px rgba(27,42,107,.06),0 8px 24px -8px rgba(27,42,107,.14);
  --shadow-lg:0 2px 4px rgba(27,42,107,.06),0 24px 48px -16px rgba(27,42,107,.22);
  --wrap:1180px;
  --gutter:clamp(1.25rem,4vw,2rem);
  --section:clamp(3.5rem,8vw,6.5rem);
}

/* ==========================================================================
   Temel
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--text);font:400 1.0625rem/1.7 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,video,iframe{max-width:100%;display:block}
img{height:auto}
a{color:var(--sky-deep);text-underline-offset:.18em}
a:hover{color:var(--ink)}
h1,h2,h3,h4{font-family:var(--font-head);color:var(--ink);line-height:1.18;margin:0 0 .6em;font-weight:800;letter-spacing:-.01em}
h1{font-size:clamp(2.4rem,5.4vw,4rem)}
h2{font-size:clamp(1.8rem,3.6vw,2.7rem)}
h3{font-size:clamp(1.25rem,2vw,1.5rem)}
p{margin:0 0 1.1em}
ul,ol{padding-left:1.2em}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:4px}
.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link:focus{position:fixed;top:1rem;left:1rem;z-index:1000;background:var(--ink);color:#fff;padding:.7rem 1rem;border-radius:var(--r-sm)}
.wrap{width:min(100% - 2*var(--gutter),var(--wrap));margin-inline:auto}
.section{padding-block:var(--section)}
.section--mist{background:var(--mist)}
.section--white{background:var(--white)}
.section--ink{background:var(--ink);color:#DCE4FA}
.section--ink h2,.section--ink h3{color:#fff}

.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font:700 .8rem/1 var(--font-head);letter-spacing:.14em;text-transform:uppercase;color:var(--sky-deep);margin-bottom:1rem}
.eyebrow::before{content:"";width:1.6rem;height:2px;background:var(--sky);border-radius:2px}
.section-head{max-width:46rem;margin-bottom:clamp(2rem,4vw,3.25rem)}
.section-head--center{margin-inline:auto;text-align:center}
.section-head--center .eyebrow::after{content:"";width:1.6rem;height:2px;background:var(--sky);border-radius:2px}
.lead{font-size:clamp(1.1rem,1.6vw,1.3rem);color:var(--text)}

/* Düğmeler */
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.6rem;border-radius:999px;font:700 1rem/1 var(--font-head);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s,color .2s}
.btn:hover{transform:translateY(-2px)}
.btn--sun{background:var(--sun);color:var(--ink);box-shadow:0 8px 20px -8px rgba(224,145,62,.7)}
.btn--sun:hover{background:var(--sun-deep);color:var(--ink)}
.btn--ink{background:var(--ink);color:#fff}
.btn--ink:hover{background:var(--ink-soft);color:#fff}
.btn--line{border-color:var(--ink);color:var(--ink);background:transparent}
.btn--line:hover{background:var(--ink);color:#fff}
.btn svg{width:1.1em;height:1.1em}
.link-arrow{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;text-decoration:none;color:var(--sky-deep)}
.link-arrow::after{content:"→";transition:transform .2s}
.link-arrow:hover::after{transform:translateX(4px)}

/* ==========================================================================
   Sayfa geçişi (kelebek)
   ========================================================================== */
.veil{position:fixed;inset:0;z-index:999;display:grid;place-items:center;background:var(--cream);pointer-events:none;opacity:0}
.veil .bf{width:84px;height:84px}
.veil.is-in{opacity:1;pointer-events:auto;transition:opacity .28s ease}
.veil.is-boot{opacity:1;animation:veil-out .55s .12s ease forwards}
@keyframes veil-out{to{opacity:0;visibility:hidden}}
.bf-wing{transform-origin:256px 260px;animation:flap .7s ease-in-out infinite alternate}
@keyframes flap{from{transform:scaleX(1)}to{transform:scaleX(.55)}}
@media (prefers-reduced-motion:reduce){
  .veil{display:none}
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ==========================================================================
   Header
   ========================================================================== */
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,248,243,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.site-header.is-stuck{border-color:var(--line);box-shadow:0 6px 20px -12px rgba(27,42,107,.25)}
.site-header__in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:5rem}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--ink)}
.brand svg{width:3rem;height:3rem;flex:none}
.brand img{width:3.9rem;height:3.9rem;flex:none}
.site-footer .brand img{background:#fff;border-radius:50%;padding:.15rem}
.brand__name{display:block;font:800 1.35rem/1.1 var(--font-head);color:var(--ink)}
.brand__tag{display:block;font:500 .78rem/1.3 var(--font-body);color:var(--muted)}
.nav{display:flex;align-items:center;gap:.25rem;list-style:none;margin:0;padding:0}
.nav a{display:block;padding:.6rem .95rem;border-radius:999px;font:700 .98rem/1 var(--font-head);color:var(--ink);text-decoration:none;transition:background .2s}
.nav a:hover,.nav .current-menu-item>a,.nav a[aria-current=page]{background:var(--mist)}
.nav .nav__cta a{background:var(--sun);margin-left:.5rem}
.nav .nav__cta a:hover{background:var(--sun-deep)}
.nav-toggle{display:none;width:3rem;height:3rem;border:0;background:var(--mist);border-radius:14px;cursor:pointer;color:var(--ink)}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;position:relative;margin:auto;transition:transform .2s,opacity .2s}
.nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0}
.nav-toggle span::before{top:-6px}.nav-toggle span::after{top:6px}
.nav-open .nav-toggle span{background:transparent}
.nav-open .nav-toggle span::before{transform:translateY(6px) rotate(45deg)}
.nav-open .nav-toggle span::after{transform:translateY(-6px) rotate(-45deg)}
@media (max-width:900px){
  .nav-toggle{display:block}
  .nav{position:absolute;inset:100% 0 auto 0;flex-direction:column;align-items:stretch;padding:1rem var(--gutter) 1.5rem;background:var(--cream);border-bottom:1px solid var(--line);box-shadow:0 20px 30px -20px rgba(27,42,107,.3);display:none}
  .nav-open .nav{display:flex}
  .nav a{padding:1rem;font-size:1.1rem}
  .nav .nav__cta a{margin:.5rem 0 0;text-align:center}
  .brand__tag{display:none}
}

/* ==========================================================================
   Hero
   ========================================================================== */
.hero{position:relative;overflow:hidden;padding-block:clamp(2.5rem,6vw,5rem) clamp(4rem,9vw,7rem);background:radial-gradient(60rem 30rem at 85% -10%,var(--mist),transparent 70%),var(--cream)}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.hero h1 span{color:var(--sky-deep)}
.hero__actions{display:flex;flex-wrap:wrap;gap:.9rem;margin:2rem 0 2.5rem}
.hero__media{position:relative}
.hero__media img{width:100%;aspect-ratio:4/3.4;object-fit:cover;border-radius:var(--r-lg) var(--r-lg) 160px var(--r-lg);box-shadow:var(--shadow-lg)}
.hero__bf{position:absolute;width:clamp(70px,10vw,120px);right:-1.5rem;top:-2.5rem;transform:rotate(14deg);filter:drop-shadow(0 12px 14px rgba(27,42,107,.18));animation:float 7s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-12px) rotate(8deg)}}
.hero__badge{position:absolute;left:-1.25rem;bottom:2rem;background:#fff;border-radius:var(--r);padding:1rem 1.25rem;box-shadow:var(--shadow-lg);display:flex;gap:.8rem;align-items:center;max-width:17rem}
.hero__badge strong{display:block;font:800 1.05rem/1.2 var(--font-head);color:var(--ink)}
.hero__badge small{color:var(--muted);font-size:.85rem;line-height:1.3;display:block}
.hero__badge i{flex:none;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--mist);color:var(--sky-deep);font-style:normal}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:clamp(2rem,5vw,4rem);background:var(--white);border-radius:60% 60% 0 0/100% 100% 0 0}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:30rem}
.stat{padding:1rem 1.1rem;border-left:3px solid var(--sky)}
.stat b{display:block;font:800 clamp(1.8rem,3vw,2.4rem)/1 var(--font-head);color:var(--ink)}
.stat span{font-size:.9rem;color:var(--muted)}
@media (max-width:900px){
  .hero__grid{grid-template-columns:1fr}
  .hero__media{order:-1}
  .hero__badge{left:.5rem;bottom:-1.25rem}
  .hero__bf{right:.5rem;top:-1.8rem}
}

/* ==========================================================================
   Bölümler / kartlar
   ========================================================================== */
.grid{display:grid;gap:clamp(1rem,2.5vw,1.75rem)}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.grid--4{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}

.card{background:#fff;border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.card__media{aspect-ratio:4/3;overflow:hidden;background:var(--mist)}
.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card:hover .card__media img{transform:scale(1.04)}
.card__body{padding:1.4rem 1.5rem 1.6rem;display:flex;flex-direction:column;gap:.4rem;flex:1}
.card__body h3{margin:0}
.card__body h3 a{color:inherit;text-decoration:none}
.card__body h3 a::after{content:"";position:absolute;inset:0}
.card{position:relative}
.card__body p{color:var(--muted);font-size:.98rem;margin:0}
.card__body .link-arrow{margin-top:auto;padding-top:.8rem}
.chip{display:inline-block;align-self:flex-start;font:700 .75rem/1 var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--sky-deep);background:var(--mist);padding:.4rem .7rem;border-radius:999px}
.meta{font-size:.88rem;color:var(--muted)}

/* Hizmet kutuları (hakkımızda) */
.feature{background:#fff;border-radius:var(--r);padding:1.6rem;box-shadow:var(--shadow)}
.feature i{display:grid;place-items:center;width:3rem;height:3rem;border-radius:14px;background:var(--mist);color:var(--sky-deep);margin-bottom:1rem;font-style:normal}
.feature i svg,.info-list i svg,.hero__badge i svg{width:1.5rem;height:1.5rem}
.feature h3{font-size:1.15rem;margin-bottom:.4rem}
.feature p{margin:0;color:var(--muted);font-size:.97rem}

.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.split__media img{width:100%;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);aspect-ratio:4/3;object-fit:cover}
@media (max-width:900px){.split{grid-template-columns:1fr}}

/* Programlar */
.program{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;position:relative;transition:transform .25s,box-shadow .25s}
.program:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.program__media{aspect-ratio:16/10;overflow:hidden}
.program__media img{width:100%;height:100%;object-fit:cover}
.program__body{padding:1.5rem;flex:1;display:flex;flex-direction:column}
.program__body p{color:var(--muted);font-size:.98rem}
.program__body .link-arrow{margin-top:auto}
.program__body h3{margin-bottom:.5rem}
.program__body h3 a{color:inherit;text-decoration:none}
.program__body h3 a::after{content:"";position:absolute;inset:0}

/* Kadro */
.person{text-align:center}
.person__photo{aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--mist);margin:0 auto 1rem;width:min(100%,12rem);box-shadow:0 0 0 6px #fff,0 0 0 8px var(--mist)}
.person__photo img{width:100%;height:100%;object-fit:cover}
.person h3{font-size:1.1rem;margin:0}
.person p{margin:.2rem 0 0;font-size:.92rem;color:var(--muted)}
.person--lead .person__photo{width:min(100%,15rem)}

/* Galeri */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media (max-width:1000px){.gallery{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.gallery{grid-template-columns:repeat(2,1fr);gap:.6rem}}
.gallery a{display:block;aspect-ratio:4/3;border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--shadow);background:var(--mist)}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.gallery a:hover img{transform:scale(1.05)}
.lightbox{position:fixed;inset:0;z-index:900;background:rgba(14,22,60,.94);display:none;place-items:center;padding:2rem}
.lightbox.is-open{display:grid}
.lightbox img{max-height:88vh;max-width:min(94vw,1200px);width:auto;border-radius:var(--r-sm)}
.lightbox button{position:absolute;border:0;background:rgba(255,255,255,.14);color:#fff;width:3rem;height:3rem;border-radius:50%;font-size:1.5rem;cursor:pointer}
.lightbox .lb-x{top:1.2rem;right:1.2rem}.lightbox .lb-p{left:1rem;top:50%}.lightbox .lb-n{right:1rem;top:50%}

/* CTA bandı */
.cta{position:relative;overflow:hidden;background:var(--ink);color:#DCE4FA;border-radius:var(--r-lg);padding:clamp(2rem,5vw,4rem);display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center}
.cta h2{color:#fff;margin-bottom:.6rem}
.cta p{margin:0}
.cta__actions{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-end}
.cta .btn--line{border-color:#fff;color:#fff}.cta .btn--line:hover{background:#fff;color:var(--ink)}
.cta__bf{position:absolute;width:260px;right:-60px;top:-70px;opacity:.1;transform:rotate(18deg);pointer-events:none}
@media (max-width:800px){.cta{grid-template-columns:1fr}.cta__actions{justify-content:flex-start}}

/* Sayfa başlığı */
.page-hero{position:relative;overflow:hidden;background:var(--mist);padding-block:clamp(2.5rem,6vw,4.5rem)}
.page-hero h1{font-size:clamp(2rem,4.4vw,3.2rem);margin:0 0 .5rem}
.page-hero p{margin:0;max-width:40rem;font-size:1.15rem}
.page-hero__bf{position:absolute;right:max(var(--gutter),6vw);top:50%;width:clamp(90px,14vw,170px);transform:translateY(-50%) rotate(12deg);opacity:.9;pointer-events:none}
.crumbs{font-size:.88rem;color:var(--muted);margin-bottom:1rem}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink)}
.crumbs span{margin:0 .4rem}

/* Makale */
.prose{max-width:46rem;margin-inline:auto}
.prose h2{margin-top:2em;font-size:clamp(1.5rem,2.6vw,2rem)}
.prose h3{margin-top:1.6em}
.prose img{border-radius:var(--r);margin-block:1.5rem}
.prose blockquote{margin:1.5rem 0;padding:1rem 1.4rem;border-left:4px solid var(--sky);background:var(--mist);border-radius:0 var(--r-sm) var(--r-sm) 0}
.prose .wp-caption,.prose figure{margin:1.5rem 0}
.prose figcaption{font-size:.9rem;color:var(--muted)}
.post-hero img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:var(--r-lg);margin-top:-2rem;box-shadow:var(--shadow-lg);position:relative}
.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}
.tags a{font-size:.85rem;padding:.35rem .8rem;border-radius:999px;background:var(--mist);color:var(--ink);text-decoration:none}
.pagination{display:flex;gap:.4rem;justify-content:center;margin-top:3rem}
.pagination .page-numbers{min-width:2.8rem;height:2.8rem;display:grid;place-items:center;padding:0 .9rem;border-radius:999px;background:#fff;color:var(--ink);text-decoration:none;font-weight:700;box-shadow:var(--shadow)}
.pagination .current{background:var(--ink);color:#fff}

/* İletişim */
.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
@media (max-width:900px){.contact{grid-template-columns:1fr}}
.info-list{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem}
.info-list li{display:flex;gap:1rem}
.info-list i{flex:none;display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:14px;background:var(--mist);color:var(--sky-deep);font-style:normal}
.info-list strong{display:block;font:800 1rem var(--font-head);color:var(--ink)}
.info-list a{color:var(--text);text-decoration:none}.info-list a:hover{color:var(--sky-deep)}
.form{background:#fff;border-radius:var(--r-lg);padding:clamp(1.5rem,3vw,2.5rem);box-shadow:var(--shadow-lg)}
.field{margin-bottom:1.1rem}
.field label{display:block;font:700 .92rem var(--font-head);color:var(--ink);margin-bottom:.4rem}
.field input,.field textarea,.field select{width:100%;font:inherit;padding:.85rem 1rem;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--cream);color:var(--text);transition:border-color .2s,box-shadow .2s}
.field input:focus,.field textarea:focus{outline:0;border-color:var(--sky);box-shadow:0 0 0 4px rgba(77,174,240,.2)}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:560px){.form .row{grid-template-columns:1fr}}
.hp{position:absolute;left:-9999px}
.field--check label{display:flex;gap:.7rem;align-items:flex-start;font-weight:400;font-size:.92rem;line-height:1.5;cursor:pointer}.field--check input{width:auto;margin-top:.25rem;flex:none}.field--check a{text-decoration:underline}
.notice{padding:1rem 1.2rem;border-radius:var(--r-sm);margin-bottom:1.5rem;font-weight:600}
.notice--ok{background:#E6F6EC;color:#1E6B3A}.notice--err{background:#FDEBEB;color:#9B2C2C}
.map{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:16/7;min-height:300px;background:var(--mist)}
.map iframe{width:100%;height:100%;border:0}

/* Etkinlik */
.event{display:grid;grid-template-columns:5.5rem 1fr;gap:1.4rem;padding:1.4rem;background:#fff;border-radius:var(--r);box-shadow:var(--shadow);align-items:start;position:relative}
.event__date{text-align:center;background:var(--mist);border-radius:var(--r-sm);padding:.7rem .4rem}
.event__date b{display:block;font:800 1.9rem/1 var(--font-head);color:var(--ink)}
.event__date span{font:700 .78rem var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:var(--sky-deep)}
.event h3{margin:0 0 .3rem}.event h3 a{color:inherit;text-decoration:none}.event h3 a::after{content:"";position:absolute;inset:0}
.event p{margin:0;color:var(--muted)}

/* 404 */
.notfound{text-align:center;padding-block:clamp(4rem,10vw,8rem)}
.notfound svg{width:140px;margin:0 auto 1.5rem}

/* ==========================================================================
   Footer
   ========================================================================== */
.site-footer{background:var(--ink);color:#C9D3F2;padding-top:clamp(3rem,6vw,5rem);font-size:.97rem}
.site-footer a{color:#C9D3F2;text-decoration:none}.site-footer a:hover{color:#fff;text-decoration:underline}
.site-footer h3{color:#fff;font-size:1.05rem;margin-bottom:1rem}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1.3fr 1fr;gap:2.5rem}
.footer__grid ul{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}
.footer__brand .brand__name{color:#fff}
.footer__brand p{margin-top:1rem;max-width:22rem}
.social{display:flex;gap:.6rem;margin-top:1rem}
.social a{width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.1);transition:background .2s}
.social a:hover{background:var(--sky);text-decoration:none}
.social svg{width:1.2rem;height:1.2rem;fill:#fff}
.footer__bar{margin-top:3rem;padding-block:1.4rem;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;gap:.6rem 2rem;justify-content:space-between;font-size:.88rem}
@media (max-width:900px){.footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.footer__grid{grid-template-columns:1fr}}

/* Kaydırınca görünme */
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}
.rv.is-in{opacity:1;transform:none}
.no-js .rv{opacity:1;transform:none}