/* ==========================================================================
   BESTE AJANS — TASARIM SİSTEMİ
   Bölüm 1: Token'lar, tipografi, düzen, hareket primitifleri, kabuk (shell)
   Bölüm 2 (sections.css): sayfa bölümleri
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. TOKEN'LAR
   -------------------------------------------------------------------------- */
:root {
  /* Marka paleti — doygun renk yok, tamamı sıcak/doğal */
  --bone:    #f2eee6;
  --bone-2:  #e8e2d6;
  --bone-3:  #dad3c4;
  --ink:     #12120f;
  --ink-2:   #1d1d18;
  --ink-3:   #2a2a24;
  --gray:    #6e6a61;
  --gray-2:  #9a958a;
  --forest:  #1e3a2f;
  --bronze:  #8c6a43;
  --wood:    #b08d63;
  --gold:    #c6a15b;

  /* Canlı tema — sezon motoru bu dört değişkeni değiştirir */
  --bg:       var(--bone);
  --fg:       var(--ink);
  --fg-soft:  var(--gray);
  --accent:   var(--bronze);
  --glow:     #e4d6be;
  --surface:  #fffdf9;

  --line:      rgba(18, 18, 15, .12);
  --line-soft: rgba(18, 18, 15, .07);

  /* Tipografi */
  --f-display: "Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --f-ui:      "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --t-hero: clamp(2.75rem, 8.4vw, 8.75rem);
  --t-d1:   clamp(2.5rem, 6.8vw, 6.25rem);
  --t-d2:   clamp(2rem, 4.4vw, 3.85rem);
  --t-d3:   clamp(1.45rem, 2.5vw, 2.3rem);
  --t-d4:   clamp(1.15rem, 1.6vw, 1.5rem);
  --t-lead: clamp(1.02rem, 1.45vw, 1.3rem);
  --t-body: clamp(0.94rem, 1vw, 1.02rem);
  --t-sm:   0.8125rem;
  --t-cap:  0.6875rem;

  /* Ritim */
  --maxw:  1560px;
  --gut:   clamp(1.25rem, 4vw, 4.5rem);
  --sec-y: clamp(5.5rem, 11vw, 11rem);

  /* Hareket */
  --e-out: cubic-bezier(.16, 1, .3, 1);
  --e-io:  cubic-bezier(.76, 0, .24, 1);
  --e-soft: cubic-bezier(.33, 1, .68, 1);
  --d-fast: .35s;
  --d-med:  .7s;
  --d-slow: 1.15s;

  --hdr-h: 84px;
}

/* Sezon paletleri — <html data-season="..."> üzerinden uygulanır.
   Yılbaşı ve Ramazan bilinçli olarak koyu: sayfa tamamen karanlık lükse döner. */
[data-season="ilkbahar"] { --bg:#eef2e8; --fg:#1a2417; --fg-soft:#5c6a55; --accent:#6f8f5c; --glow:#c9dca8; --surface:#f7faf3; }
[data-season="yaz"]      { --bg:#f7f2e3; --fg:#23200f; --fg-soft:#6d6650; --accent:#bf8a3e; --glow:#f2d69b; --surface:#fffcf1; }
[data-season="sonbahar"] { --bg:#f1e7d9; --fg:#2a1d12; --fg-soft:#6f5b47; --accent:#a8622c; --glow:#e0a868; --surface:#fbf3e8; }
[data-season="kis"]      { --bg:#e9eef2; --fg:#141a20; --fg-soft:#5a6773; --accent:#5b7c93; --glow:#c3d8e6; --surface:#f5f9fc; }
[data-season="yilbasi"]  { --bg:#0d1a14; --fg:#f0ebe0; --fg-soft:#94a297; --accent:#c6a15b; --glow:#e8c87a; --surface:#132219; }
[data-season="ramazan"]  { --bg:#100f0c; --fg:#f0ebe0; --fg-soft:#9c9488; --accent:#c6a15b; --glow:#f0d08a; --surface:#191712; }

/* Koyu sezonlarda çizgiler açık renge döner */
[data-season="yilbasi"], [data-season="ramazan"] {
  --line:      rgba(240, 235, 224, .16);
  --line-soft: rgba(240, 235, 224, .09);
}

/* --------------------------------------------------------------------------
   2. RESET
   -------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: auto; /* Lenis devralır */
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--f-ui);
  font-size: var(--t-body);
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: -0.005em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  transition: background-color 1.1s var(--e-soft), color 1.1s var(--e-soft);
}

h1, h2, h3, h4, h5, h6, p, figure, blockquote { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
img, svg, video, canvas { display: block; max-width: 100%; }
img, video { height: auto; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
a { color: inherit; text-decoration: none; }
input, textarea, select { font: inherit; color: inherit; }

::selection { background: var(--accent); color: var(--bg); }

/* Klavye kullanıcıları için görünür odak — fare için gizli */
:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
  border-radius: 2px;
}
:focus:not(:focus-visible) { outline: none; }

/* Ekran okuyucuya özel */
.sr-only {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}

/* İçeriğe atla — erişilebilirlik */
.skip-link {
  position: fixed; top: 0; left: 50%;
  transform: translate(-50%, -120%);
  z-index: 10000;
  padding: 14px 26px;
  background: var(--ink); color: var(--bone);
  font-size: var(--t-cap); letter-spacing: .18em; text-transform: uppercase;
  transition: transform var(--d-fast) var(--e-out);
}
.skip-link:focus { transform: translate(-50%, 0); }

/* --------------------------------------------------------------------------
   3. TİPOGRAFİ
   -------------------------------------------------------------------------- */
.display, .d1, .d2, .d3, .d4, .hero-type {
  font-family: var(--f-display);
  font-weight: 400;
  font-variation-settings: "SOFT" 0, "WONK" 0;
  letter-spacing: -0.035em;
  line-height: .96;
  text-wrap: balance;
}

.hero-type { font-size: var(--t-hero); letter-spacing: -0.045em; line-height: .88; }
.d1 { font-size: var(--t-d1); }
.d2 { font-size: var(--t-d2); }
.d3 { font-size: var(--t-d3); line-height: 1.06; letter-spacing: -0.025em; }
.d4 { font-size: var(--t-d4); line-height: 1.2;  letter-spacing: -0.02em; }

/* Vurgu — italik + aksan rengi, "ikinci ses" */
.accent-italic {
  font-style: italic;
  color: var(--accent);
  font-variation-settings: "SOFT" 20, "WONK" 1;
}

.lead {
  font-size: var(--t-lead);
  line-height: 1.55;
  color: var(--fg-soft);
  max-width: 46ch;
  text-wrap: pretty;
}

.body-lg { font-size: 1.05rem; line-height: 1.75; color: var(--fg-soft); max-width: 62ch; }

/* Etiket / göz-üstü başlık */
.eyebrow {
  display: inline-flex; align-items: center; gap: 12px;
  font-size: var(--t-cap);
  font-weight: 500;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: var(--accent);
}
.eyebrow::before {
  content: ""; width: 30px; height: 1px;
  background: currentColor; opacity: .55; flex: none;
}
.eyebrow--bare::before { display: none; }

.num-label {
  font-family: var(--f-ui);
  font-size: var(--t-cap);
  letter-spacing: .2em;
  color: var(--fg-soft);
  font-variant-numeric: tabular-nums;
}

/* --------------------------------------------------------------------------
   4. DÜZEN
   -------------------------------------------------------------------------- */
.wrap {
  width: 100%;
  max-width: var(--maxw);
  margin-inline: auto;
  padding-inline: var(--gut);
}
.wrap--narrow { max-width: 1100px; }
.wrap--text   { max-width: 780px; }

.section { padding-block: var(--sec-y); position: relative; }
.section--tight { padding-block: clamp(3.5rem, 7vw, 7rem); }
.section--flush-top { padding-top: 0; }

.grid { display: grid; gap: var(--gut); }
.g-2 { grid-template-columns: repeat(2, 1fr); }
.g-3 { grid-template-columns: repeat(3, 1fr); }
.g-4 { grid-template-columns: repeat(4, 1fr); }
.g-12 { grid-template-columns: repeat(12, 1fr); }

.rule { height: 1px; background: var(--line); border: 0; margin: 0; }

/* Bölüm başlığı — sol başlık / sağ açıklama editoryal düzeni */
.sec-head {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: clamp(1.5rem, 4vw, 5rem);
  align-items: end;
  margin-bottom: clamp(2.5rem, 5vw, 5rem);
}
.sec-head__title { margin-top: 1.1rem; }

@media (max-width: 900px) {
  .sec-head { grid-template-columns: 1fr; align-items: start; }
  .g-2, .g-3, .g-4 { grid-template-columns: 1fr; }
}

/* --------------------------------------------------------------------------
   5. HAREKET PRİMİTİFLERİ
   -------------------------------------------------------------------------- */

/* Kelime maskesi — JS her kelimeyi .w > .w-i olarak sarar.
   Satır yerine kelime bazlı maskeleme, iç içe <em> gibi etiketleri bozmaz
   ve satır sonu yeniden hesaplaması gerektirmez. */
.w {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  /* Alt uzantılar (g, y, ç, ş) kırpılmasın */
  padding-bottom: .12em;
  margin-bottom: -.12em;
}
.w-i { display: inline-block; will-change: transform; }
[data-split].is-split .w-i { transform: translateY(115%); }

/* Basit giriş animasyonu — JS yoksa da içerik görünür kalır */
[data-reveal] { opacity: 0; transform: translateY(28px); }
[data-reveal-fade] { opacity: 0; }

.no-js [data-reveal],
.no-js [data-reveal-fade],
.no-js [data-split] .rl-i { opacity: 1; transform: none; }

/* Görsel maskesi — kırpma ile ortaya çıkan medya */
.media-mask { overflow: hidden; position: relative; }
.media-mask > img,
.media-mask > video,
.media-mask > .media-fill { will-change: transform; }

.media-fill { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* Oran kutuları */
.ratio { position: relative; overflow: hidden; }
.ratio > * { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.r-1-1  { aspect-ratio: 1 / 1; }
.r-4-3  { aspect-ratio: 4 / 3; }
.r-3-4  { aspect-ratio: 3 / 4; }
.r-16-9 { aspect-ratio: 16 / 9; }
.r-21-9 { aspect-ratio: 21 / 9; }
.r-2-3  { aspect-ratio: 2 / 3; }

/* Hareket azaltma tercihi — tüm süsleme kapanır */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
  [data-reveal], [data-reveal-fade] { opacity: 1 !important; transform: none !important; }
  [data-split] .rl-i { transform: none !important; }
  .cursor, .cursor-ring { display: none !important; }
  .grain { display: none !important; }
  .marquee__track { animation: none !important; }
}

/* --------------------------------------------------------------------------
   6. ATMOSFER — grain, vinyet, imleç
   -------------------------------------------------------------------------- */

/* Film grenli doku — sitenin tamamına ince bir maddesellik katar */
.grain {
  position: fixed; inset: -50%;
  z-index: 9998;
  pointer-events: none;
  opacity: .05;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation: grain-shift 7s steps(6) infinite;
}
@keyframes grain-shift {
  0%   { transform: translate(0, 0); }
  20%  { transform: translate(-3%, 2%); }
  40%  { transform: translate(2%, -3%); }
  60%  { transform: translate(-2%, -2%); }
  80%  { transform: translate(3%, 1%); }
  100% { transform: translate(0, 0); }
}

/* Özel imleç — sadece hassas işaretleyicili (fare) cihazlarda */
.cursor, .cursor-ring {
  position: fixed; top: 0; left: 0;
  pointer-events: none;
  z-index: 9999;
  border-radius: 50%;
  will-change: transform;
  opacity: 0;
}
.cursor {
  width: 6px; height: 6px;
  margin: -3px 0 0 -3px;
  background: var(--accent);
}
.cursor-ring {
  width: 42px; height: 42px;
  margin: -21px 0 0 -21px;
  border: 1px solid var(--accent);
  transition: width .4s var(--e-out), height .4s var(--e-out),
              margin .4s var(--e-out), background-color .4s var(--e-out),
              opacity .3s linear;
}
.cursor-ring.is-hot {
  width: 76px; height: 76px;
  margin: -38px 0 0 -38px;
  background: color-mix(in oklab, var(--accent) 12%, transparent);
}
.cursor-ring__label {
  position: absolute; inset: 0;
  display: grid; place-items: center;
  font-size: 9px; letter-spacing: .16em; text-transform: uppercase;
  color: var(--accent);
  opacity: 0; transition: opacity .3s;
}
.cursor-ring.is-hot .cursor-ring__label { opacity: 1; }

@media (hover: none), (pointer: coarse) {
  .cursor, .cursor-ring { display: none; }
}

/* --------------------------------------------------------------------------
   7. AÇILIŞ SEKANSI
   -------------------------------------------------------------------------- */
.preloader {
  position: fixed; inset: 0;
  z-index: 10001;
  background: var(--ink);
  color: var(--bone);
  display: grid;
  place-items: center;
  grid-template-rows: 1fr auto;
}
.preloader__center {
  grid-row: 1;
  align-self: center;
  text-align: center;
  overflow: hidden;
}
.preloader__logo {
  width: clamp(150px, 20vw, 250px);
  aspect-ratio: var(--logo-ratio);
  margin: 0 auto clamp(1.5rem, 4vw, 2.75rem);
  background-color: var(--bone);
  -webkit-mask: var(--logo-mask) no-repeat center / contain;
  mask: var(--logo-mask) no-repeat center / contain;
}

.preloader__word {
  font-family: var(--f-display);
  font-size: clamp(2rem, 6vw, 4.5rem);
  letter-spacing: -0.03em;
  line-height: 1;
  display: block;
}
.preloader__word em { font-style: italic; color: var(--gold); }
.preloader__bar {
  grid-row: 2;
  width: 100%;
  height: 1px;
  background: rgba(242, 238, 230, .16);
  position: relative;
}
.preloader__bar span {
  position: absolute; inset: 0 auto 0 0;
  width: 0%;
  background: var(--gold);
}
.preloader__count {
  position: absolute;
  bottom: clamp(1.5rem, 4vw, 3rem);
  right: var(--gut);
  font-size: var(--t-cap);
  letter-spacing: .2em;
  font-variant-numeric: tabular-nums;
  color: rgba(242, 238, 230, .5);
}
.preloader__meta {
  position: absolute;
  bottom: clamp(1.5rem, 4vw, 3rem);
  left: var(--gut);
  font-size: var(--t-cap);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: rgba(242, 238, 230, .35);
}

/* --------------------------------------------------------------------------
   8. BAŞLIK (HEADER)
   -------------------------------------------------------------------------- */
.hdr {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 900;
  height: var(--hdr-h);
  display: flex;
  align-items: center;
  transition: background-color .6s var(--e-out), border-color .6s var(--e-out),
              backdrop-filter .6s var(--e-out), transform .55s var(--e-out);
  border-bottom: 1px solid transparent;
}
.hdr__inner {
  width: 100%; max-width: var(--maxw);
  margin-inline: auto; padding-inline: var(--gut);
  display: flex; align-items: center; justify-content: space-between;
  gap: 2rem;
}

/* Kaydırıldığında yoğunlaşır */
.hdr.is-stuck {
  background: color-mix(in oklab, var(--bg) 82%, transparent);
  backdrop-filter: blur(18px) saturate(1.4);
  -webkit-backdrop-filter: blur(18px) saturate(1.4);
  border-bottom-color: var(--line-soft);
}
/* Aşağı kaydırırken gizlenir, yukarı kaydırırken geri gelir */
.hdr.is-hidden { transform: translateY(-100%); }

/* Koyu hero'nun üzerindeyken başlık açık renge döner.
   Sayfanın geri kalanında --fg zaten doğru rengi verir; burada
   zemin koyu ama --fg açık olmadığı için elle çevrilmesi gerekir. */
.hdr.is-over-hero {
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom-color: transparent;
  color: var(--bone);
}
.hdr.is-over-hero .logo { color: var(--bone); }
.hdr.is-over-hero .logo__sub {
  color: rgba(242, 238, 230, .55);
  border-left-color: rgba(242, 238, 230, .22);
}
.hdr.is-over-hero .nav__link { color: var(--bone); }
.hdr.is-over-hero .nav__link::after { background: var(--gold); }
.hdr.is-over-hero .lang__item { color: var(--bone); }
.hdr.is-over-hero .lang__item.is-active { color: var(--gold); }
.hdr.is-over-hero .btn--solid { background: var(--bone); color: var(--ink); }
.hdr.is-over-hero .btn--solid::before { background: var(--gold); }
.hdr.is-over-hero .btn--solid:hover { color: var(--ink); }
.hdr.is-over-hero .burger { border-color: rgba(242, 238, 230, .3); }
.hdr.is-over-hero .burger__lines i { background: var(--bone); }

/* Kurumsal logo — tek renkli SVG, CSS maskesi olarak basılır.
   Renk currentColor'dan gelir: koyu zeminde açık, açık zeminde koyu.
   Böylece tek dosya her yüzeyde doğru kontrastla çalışır. */
:root {
  --logo-ratio: 4.404;
  /* Logo maskesi CSS'e gömülüdür: harici SVG maskeleri file://
     altında engelleniyor ve bir istek daha maliyeti var. */
  --logo-mask: url("data:image/svg+xml,%3Csvg viewBox=%22761 1288 2744 623%22 xmlns=%22http://www.w3.org/2000/svg%22 %3E%3Cg transform=%22matrix(4.167,0,0,4.167,0,0)%22%3E%3Cg%3E%3Cg transform=%22matrix(1,0,0,1,69.387,180.365)%22%3E%3Cg transform=%22matrix(1.194,0,0,1.194,153.831,175.697)%22%3E%3Cpath d=%22M0,40.77C1.98,39.09 2.97,36.75 2.97,33.749C2.97,30.69 1.919,28.259 -0.18,26.459C-2.281,24.66 -5.071,23.759 -8.55,23.759L-22.05,23.759L-22.05,43.29L-8.19,43.29C-4.711,43.29 -1.98,42.45 0,40.77M-22.05,15.39L-9.36,15.39C-6,15.39 -3.375,14.624 -1.485,13.094C0.405,11.564 1.35,9.36 1.35,6.479C1.35,3.66 0.405,1.455 -1.485,-0.135C-3.375,-1.725 -6,-2.521 -9.36,-2.521L-22.05,-2.521L-22.05,15.39ZM9.72,24.839C12.06,27.78 13.23,31.11 13.23,34.83C13.23,38.01 12.404,40.875 10.755,43.424C9.104,45.976 6.719,47.985 3.6,49.455C0.479,50.925 -3.15,51.66 -7.29,51.66L-32.31,51.66L-32.31,-10.89L-8.46,-10.89C-4.201,-10.89 -0.54,-10.17 2.52,-8.73C5.58,-7.291 7.889,-5.355 9.45,-2.925C11.009,-0.495 11.79,2.22 11.79,5.22C11.79,8.82 10.83,11.821 8.91,14.219C6.989,16.621 4.41,18.39 1.17,19.53C4.529,20.13 7.38,21.901 9.72,24.839%22 fill=%22%23000%22/%3E%3C/g%3E%3Cg transform=%22matrix(1.194,0,0,1.194,225.48,213.08)%22%3E%3Cpath d=%22M0,-8.91C-0.061,-12.69 -1.411,-15.719 -4.05,-18C-6.691,-20.28 -9.961,-21.42 -13.86,-21.42C-17.401,-21.42 -20.43,-20.295 -22.95,-18.045C-25.47,-15.795 -26.971,-12.749 -27.45,-8.91L0,-8.91ZM10.35,-0.63L-27.54,-0.63C-27.241,3.33 -25.771,6.511 -23.13,8.91C-20.491,11.311 -17.25,12.51 -13.41,12.51C-7.891,12.51 -3.991,10.201 -1.71,5.58L9.36,5.58C7.859,10.141 5.144,13.875 1.215,16.785C-2.716,19.695 -7.591,21.15 -13.41,21.15C-18.151,21.15 -22.396,20.085 -26.145,17.955C-29.896,15.826 -32.836,12.825 -34.965,8.955C-37.096,5.085 -38.16,0.601 -38.16,-4.5C-38.16,-9.599 -37.125,-14.085 -35.055,-17.955C-32.985,-21.825 -30.076,-24.809 -26.325,-26.91C-22.576,-29.01 -18.27,-30.06 -13.41,-30.06C-8.73,-30.06 -4.561,-29.039 -0.9,-27C2.759,-24.959 5.609,-22.095 7.65,-18.405C9.689,-14.715 10.71,-10.47 10.71,-5.67C10.71,-3.809 10.589,-2.129 10.35,-0.63%22 fill=%22%23000%22/%3E%3C/g%3E%3Cg transform=%22matrix(1.194,0,0,1.194,260.338,179.724)%22%3E%3Cpath d=%22M0,46.981C-3.091,45.572 -5.535,43.651 -7.335,41.22C-9.135,38.791 -10.096,36.077 -10.215,33.076L0.405,33.076C0.585,35.176 1.589,36.931 3.42,38.34C5.25,39.752 7.544,40.456 10.305,40.456C13.185,40.456 15.419,39.902 17.01,38.791C18.599,37.681 19.395,36.256 19.395,34.516C19.395,32.657 18.509,31.276 16.74,30.376C14.969,29.476 12.164,28.486 8.325,27.406C4.604,26.386 1.575,25.396 -0.765,24.436C-3.105,23.477 -5.13,22.005 -6.84,20.026C-8.55,18.045 -9.405,15.436 -9.405,12.196C-9.405,9.556 -8.626,7.142 -7.065,4.951C-5.505,2.761 -3.271,1.036 -0.36,-0.224C2.549,-1.484 5.895,-2.114 9.675,-2.114C15.314,-2.114 19.859,-0.688 23.31,2.161C26.759,5.011 28.604,8.897 28.845,13.816L18.585,13.816C18.405,11.596 17.505,9.826 15.885,8.506C14.265,7.187 12.074,6.526 9.315,6.526C6.615,6.526 4.545,7.036 3.105,8.056C1.665,9.077 0.945,10.426 0.945,12.106C0.945,13.426 1.424,14.536 2.385,15.436C3.344,16.335 4.514,17.042 5.895,17.55C7.274,18.061 9.315,18.707 12.015,19.486C15.615,20.446 18.569,21.42 20.88,22.411C23.189,23.401 25.185,24.856 26.865,26.776C28.544,28.697 29.415,31.247 29.475,34.425C29.475,37.247 28.694,39.766 27.135,41.986C25.574,44.207 23.369,45.946 20.52,47.206C17.669,48.465 14.324,49.095 10.485,49.095C6.584,49.095 3.089,48.39 0,46.981%22 fill=%22%23000%22/%3E%3C/g%3E%3Cg transform=%22matrix(1.194,0,0,1.194,324.092,212.65)%22%3E%3Cpath d=%22M0,-20.52L0,6.931C0,8.791 0.434,10.125 1.305,10.936C2.174,11.745 3.659,12.15 5.76,12.15L12.06,12.15L12.06,20.7L3.96,20.7C-0.661,20.7 -4.201,19.62 -6.66,17.46C-9.121,15.3 -10.35,11.79 -10.35,6.931L-10.35,-20.52L-16.2,-20.52L-16.2,-28.89L-10.35,-28.89L-10.35,-41.22L0,-41.22L0,-28.89L12.06,-28.89L12.06,-20.52L0,-20.52Z%22 fill=%22%23000%22/%3E%3C/g%3E%3Cg transform=%22matrix(1.194,0,0,1.194,392.304,213.08)%22%3E%3Cpath d=%22M0,-8.91C-0.061,-12.69 -1.411,-15.719 -4.05,-18C-6.691,-20.28 -9.961,-21.42 -13.86,-21.42C-17.401,-21.42 -20.43,-20.295 -22.95,-18.045C-25.47,-15.795 -26.971,-12.749 -27.45,-8.91L0,-8.91ZM10.35,-0.63L-27.54,-0.63C-27.241,3.33 -25.771,6.511 -23.13,8.91C-20.491,11.311 -17.25,12.51 -13.41,12.51C-7.891,12.51 -3.991,10.201 -1.71,5.58L9.36,5.58C7.859,10.141 5.144,13.875 1.215,16.785C-2.716,19.695 -7.591,21.15 -13.41,21.15C-18.151,21.15 -22.396,20.085 -26.145,17.955C-29.896,15.826 -32.836,12.825 -34.965,8.955C-37.096,5.085 -38.16,0.601 -38.16,-4.5C-38.16,-9.599 -37.125,-14.085 -35.055,-17.955C-32.985,-21.825 -30.076,-24.809 -26.325,-26.91C-22.576,-29.01 -18.27,-30.06 -13.41,-30.06C-8.73,-30.06 -4.561,-29.039 -0.9,-27C2.759,-24.959 5.609,-22.095 7.65,-18.405C9.689,-14.715 10.71,-10.47 10.71,-5.67C10.71,-3.809 10.589,-2.129 10.35,-0.63%22 fill=%22%23000%22/%3E%3C/g%3E%3Cg transform=%22matrix(1.226,0,0,1.226,592.261,159.585)%22%3E%3Cpath d=%22M0,6.57C-0.899,5.67 -1.35,4.56 -1.35,3.24C-1.35,1.921 -0.899,0.826 0,-0.045C0.9,-0.914 1.98,-1.35 3.24,-1.35C4.5,-1.35 5.564,-0.914 6.436,-0.045C7.305,0.826 7.74,1.921 7.74,3.24C7.74,4.56 7.305,5.67 6.436,6.57C5.564,7.47 4.5,7.92 3.24,7.92C1.98,7.92 0.9,7.47 0,6.57%22 fill=%22%23000%22/%3E%3C/g%3E%3Cg transform=%22matrix(-1.194,0,0,1.194,949.658,-254.698)%22%3E%3Crect x=%22414%22 y=%22323.034%22 width=%224.137%22 height=%22121.932%22 fill=%22%23000%22/%3E%3C/g%3E%3Cg transform=%22matrix(0.15,0,0,0.189,248.26,-244.219)%22%3E%3Cpath d=%22M2008.773,2150.231L2231.702,2531.266L2180.357,2531.266L2105.289,2405.895L1899.257,2405.895L1824.514,2531.266L1771.219,2531.266L1997.074,2150.231L2008.773,2150.231ZM2002.923,2231.004L1920.705,2369.113L2084.166,2369.113L2002.923,2231.004Z%22 fill=%22%23000%22/%3E%3C/g%3E%3Cg transform=%22matrix(1.017,0,0,1.017,599.418,191.92)%22%3E%3Cpath d=%22M0,49.142C0,53.102 -0.99,56.027 -2.971,57.916C-4.95,59.807 -7.92,60.751 -11.881,60.751L-16.291,60.751L-16.291,55.352L-12.87,55.352C-10.53,55.352 -8.852,54.857 -7.83,53.867C-6.811,52.876 -6.301,51.211 -6.301,48.871L-6.301,-11.609L0,-11.609L0,49.142Z%22 fill=%22%23000%22/%3E%3C/g%3E%3Cg transform=%22matrix(0.15,0,0,0.189,248.26,-244.219)%22%3E%3Cpath d=%22M2785.777,2249.44L2785.777,2531.266L2740.931,2531.266L2740.931,2482.827C2721.866,2501.305 2700.472,2515.206 2676.75,2524.532C2653.027,2533.857 2627.083,2538.519 2598.919,2538.519C2548.874,2538.519 2506.14,2524.057 2470.718,2495.131C2435.296,2466.206 2417.586,2431.021 2417.586,2389.576C2417.586,2348.994 2435.459,2314.284 2471.206,2285.445C2506.952,2256.607 2549.957,2242.187 2600.219,2242.187C2629.25,2242.187 2655.518,2247.109 2679.024,2256.952C2694.685,2263.51 2709.072,2272.252 2722.184,2283.179C2728.753,2288.653 2735.002,2294.676 2740.931,2301.246L2740.931,2249.44L2785.777,2249.44ZM2603.794,2277.156C2578.446,2277.156 2555.048,2282.116 2533.6,2292.034C2512.152,2301.953 2495.091,2315.883 2482.417,2333.824C2469.743,2351.761 2463.406,2370.734 2463.406,2390.742C2463.406,2410.579 2469.797,2429.553 2482.58,2447.664C2495.362,2465.775 2512.531,2479.876 2534.087,2489.967C2555.644,2500.058 2578.771,2505.104 2603.469,2505.104C2628.383,2505.104 2651.998,2500.102 2674.312,2490.097C2696.627,2480.091 2713.796,2466.552 2725.82,2449.477C2737.844,2432.4 2743.856,2413.167 2743.856,2391.778C2743.856,2359.178 2730.37,2331.924 2703.397,2310.017C2676.425,2288.11 2643.223,2277.156 2603.794,2277.156Z%22 fill=%22%23000%22/%3E%3C/g%3E%3Cg transform=%22matrix(0.15,0,0,0.189,248.26,-244.219)%22%3E%3Cpath d=%22M2888.143,2249.44L2933.639,2249.44L2933.639,2299.951C2951.837,2280.61 2971.985,2266.148 2994.083,2256.563C3016.181,2246.979 3040.229,2242.187 3066.227,2242.187C3092.658,2242.187 3116.11,2247.54 3136.583,2258.247C3157.056,2268.954 3172.167,2283.373 3181.916,2301.505C3191.665,2319.638 3196.54,2347.872 3196.54,2386.209L3196.54,2531.266L3151.369,2531.266L3151.369,2396.829C3151.369,2364.364 3149.636,2342.691 3146.17,2331.812C3140.753,2313.162 3130.571,2299.131 3115.622,2289.719C3100.674,2280.308 3081.175,2275.602 3057.128,2275.602C3029.613,2275.602 3004.97,2282.855 2983.197,2297.361C2961.424,2311.867 2947.071,2329.826 2940.138,2351.239C2935.805,2365.227 2933.639,2390.785 2933.639,2427.913L2933.639,2531.266L2888.143,2531.266L2888.143,2249.44Z%22 fill=%22%23000%22/%3E%3C/g%3E%3Cg transform=%22matrix(0.15,0,0,0.189,248.26,-244.219)%22%3E%3Cpath d=%22M3471.79,2280.265L3442.543,2304.355C3418.278,2285.532 3394.555,2276.12 3371.374,2276.12C3356.642,2276.12 3344.022,2280.006 3333.515,2287.777C3323.008,2295.548 3317.754,2304.614 3317.754,2314.975C3317.754,2324.127 3322.087,2332.848 3330.753,2341.137C3339.419,2349.599 3357.617,2359.528 3385.348,2370.926C3419.145,2384.913 3442.109,2398.383 3454.242,2411.335C3466.157,2424.459 3472.115,2439.224 3472.115,2455.629C3472.115,2478.769 3461.933,2498.369 3441.568,2514.429C3421.203,2530.489 3395.747,2538.519 3365.2,2538.519C3344.835,2538.519 3325.391,2534.979 3306.867,2527.899C3288.344,2520.819 3273.016,2511.062 3260.884,2498.628L3289.482,2472.725C3312.663,2493.62 3337.252,2504.068 3363.25,2504.068C3381.448,2504.068 3396.939,2499.405 3409.721,2490.08C3422.503,2480.755 3428.894,2469.79 3428.894,2457.183C3428.894,2446.822 3424.669,2437.583 3416.22,2429.467C3407.771,2421.523 3388.706,2411.507 3359.025,2399.419C3327.178,2386.295 3305.513,2373.343 3294.031,2360.565C3282.549,2347.786 3276.808,2333.194 3276.808,2316.788C3276.808,2295.375 3285.961,2277.588 3304.268,2263.428C3322.574,2249.267 3345.701,2242.187 3373.649,2242.187C3406.146,2242.187 3438.86,2254.88 3471.79,2280.265Z%22 fill=%22%23000%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --logo-mask-beste: url("data:image/svg+xml,%3Csvg viewBox=%22761 1288 2744 623%22 xmlns=%22http://www.w3.org/2000/svg%22 %3E%3Cg transform=%22matrix(4.167,0,0,4.167,0,0)%22%3E%3Cg%3E%3Cg transform=%22matrix(1,0,0,1,69.387,180.365)%22%3E%3Cg transform=%22matrix(1.194,0,0,1.194,153.831,175.697)%22%3E%3Cpath d=%22M0,40.77C1.98,39.09 2.97,36.75 2.97,33.749C2.97,30.69 1.919,28.259 -0.18,26.459C-2.281,24.66 -5.071,23.759 -8.55,23.759L-22.05,23.759L-22.05,43.29L-8.19,43.29C-4.711,43.29 -1.98,42.45 0,40.77M-22.05,15.39L-9.36,15.39C-6,15.39 -3.375,14.624 -1.485,13.094C0.405,11.564 1.35,9.36 1.35,6.479C1.35,3.66 0.405,1.455 -1.485,-0.135C-3.375,-1.725 -6,-2.521 -9.36,-2.521L-22.05,-2.521L-22.05,15.39ZM9.72,24.839C12.06,27.78 13.23,31.11 13.23,34.83C13.23,38.01 12.404,40.875 10.755,43.424C9.104,45.976 6.719,47.985 3.6,49.455C0.479,50.925 -3.15,51.66 -7.29,51.66L-32.31,51.66L-32.31,-10.89L-8.46,-10.89C-4.201,-10.89 -0.54,-10.17 2.52,-8.73C5.58,-7.291 7.889,-5.355 9.45,-2.925C11.009,-0.495 11.79,2.22 11.79,5.22C11.79,8.82 10.83,11.821 8.91,14.219C6.989,16.621 4.41,18.39 1.17,19.53C4.529,20.13 7.38,21.901 9.72,24.839%22 fill=%22%23000%22/%3E%3C/g%3E%3Cg transform=%22matrix(1.194,0,0,1.194,225.48,213.08)%22%3E%3Cpath d=%22M0,-8.91C-0.061,-12.69 -1.411,-15.719 -4.05,-18C-6.691,-20.28 -9.961,-21.42 -13.86,-21.42C-17.401,-21.42 -20.43,-20.295 -22.95,-18.045C-25.47,-15.795 -26.971,-12.749 -27.45,-8.91L0,-8.91ZM10.35,-0.63L-27.54,-0.63C-27.241,3.33 -25.771,6.511 -23.13,8.91C-20.491,11.311 -17.25,12.51 -13.41,12.51C-7.891,12.51 -3.991,10.201 -1.71,5.58L9.36,5.58C7.859,10.141 5.144,13.875 1.215,16.785C-2.716,19.695 -7.591,21.15 -13.41,21.15C-18.151,21.15 -22.396,20.085 -26.145,17.955C-29.896,15.826 -32.836,12.825 -34.965,8.955C-37.096,5.085 -38.16,0.601 -38.16,-4.5C-38.16,-9.599 -37.125,-14.085 -35.055,-17.955C-32.985,-21.825 -30.076,-24.809 -26.325,-26.91C-22.576,-29.01 -18.27,-30.06 -13.41,-30.06C-8.73,-30.06 -4.561,-29.039 -0.9,-27C2.759,-24.959 5.609,-22.095 7.65,-18.405C9.689,-14.715 10.71,-10.47 10.71,-5.67C10.71,-3.809 10.589,-2.129 10.35,-0.63%22 fill=%22%23000%22/%3E%3C/g%3E%3Cg transform=%22matrix(1.194,0,0,1.194,260.338,179.724)%22%3E%3Cpath d=%22M0,46.981C-3.091,45.572 -5.535,43.651 -7.335,41.22C-9.135,38.791 -10.096,36.077 -10.215,33.076L0.405,33.076C0.585,35.176 1.589,36.931 3.42,38.34C5.25,39.752 7.544,40.456 10.305,40.456C13.185,40.456 15.419,39.902 17.01,38.791C18.599,37.681 19.395,36.256 19.395,34.516C19.395,32.657 18.509,31.276 16.74,30.376C14.969,29.476 12.164,28.486 8.325,27.406C4.604,26.386 1.575,25.396 -0.765,24.436C-3.105,23.477 -5.13,22.005 -6.84,20.026C-8.55,18.045 -9.405,15.436 -9.405,12.196C-9.405,9.556 -8.626,7.142 -7.065,4.951C-5.505,2.761 -3.271,1.036 -0.36,-0.224C2.549,-1.484 5.895,-2.114 9.675,-2.114C15.314,-2.114 19.859,-0.688 23.31,2.161C26.759,5.011 28.604,8.897 28.845,13.816L18.585,13.816C18.405,11.596 17.505,9.826 15.885,8.506C14.265,7.187 12.074,6.526 9.315,6.526C6.615,6.526 4.545,7.036 3.105,8.056C1.665,9.077 0.945,10.426 0.945,12.106C0.945,13.426 1.424,14.536 2.385,15.436C3.344,16.335 4.514,17.042 5.895,17.55C7.274,18.061 9.315,18.707 12.015,19.486C15.615,20.446 18.569,21.42 20.88,22.411C23.189,23.401 25.185,24.856 26.865,26.776C28.544,28.697 29.415,31.247 29.475,34.425C29.475,37.247 28.694,39.766 27.135,41.986C25.574,44.207 23.369,45.946 20.52,47.206C17.669,48.465 14.324,49.095 10.485,49.095C6.584,49.095 3.089,48.39 0,46.981%22 fill=%22%23000%22/%3E%3C/g%3E%3Cg transform=%22matrix(1.194,0,0,1.194,324.092,212.65)%22%3E%3Cpath d=%22M0,-20.52L0,6.931C0,8.791 0.434,10.125 1.305,10.936C2.174,11.745 3.659,12.15 5.76,12.15L12.06,12.15L12.06,20.7L3.96,20.7C-0.661,20.7 -4.201,19.62 -6.66,17.46C-9.121,15.3 -10.35,11.79 -10.35,6.931L-10.35,-20.52L-16.2,-20.52L-16.2,-28.89L-10.35,-28.89L-10.35,-41.22L0,-41.22L0,-28.89L12.06,-28.89L12.06,-20.52L0,-20.52Z%22 fill=%22%23000%22/%3E%3C/g%3E%3Cg transform=%22matrix(1.194,0,0,1.194,392.304,213.08)%22%3E%3Cpath d=%22M0,-8.91C-0.061,-12.69 -1.411,-15.719 -4.05,-18C-6.691,-20.28 -9.961,-21.42 -13.86,-21.42C-17.401,-21.42 -20.43,-20.295 -22.95,-18.045C-25.47,-15.795 -26.971,-12.749 -27.45,-8.91L0,-8.91ZM10.35,-0.63L-27.54,-0.63C-27.241,3.33 -25.771,6.511 -23.13,8.91C-20.491,11.311 -17.25,12.51 -13.41,12.51C-7.891,12.51 -3.991,10.201 -1.71,5.58L9.36,5.58C7.859,10.141 5.144,13.875 1.215,16.785C-2.716,19.695 -7.591,21.15 -13.41,21.15C-18.151,21.15 -22.396,20.085 -26.145,17.955C-29.896,15.826 -32.836,12.825 -34.965,8.955C-37.096,5.085 -38.16,0.601 -38.16,-4.5C-38.16,-9.599 -37.125,-14.085 -35.055,-17.955C-32.985,-21.825 -30.076,-24.809 -26.325,-26.91C-22.576,-29.01 -18.27,-30.06 -13.41,-30.06C-8.73,-30.06 -4.561,-29.039 -0.9,-27C2.759,-24.959 5.609,-22.095 7.65,-18.405C9.689,-14.715 10.71,-10.47 10.71,-5.67C10.71,-3.809 10.589,-2.129 10.35,-0.63%22 fill=%22%23000%22/%3E%3C/g%3E%3Cg transform=%22matrix(1.226,0,0,1.226,592.261,159.585)%22%3E%3Cpath d=%22M0,6.57C-0.899,5.67 -1.35,4.56 -1.35,3.24C-1.35,1.921 -0.899,0.826 0,-0.045C0.9,-0.914 1.98,-1.35 3.24,-1.35C4.5,-1.35 5.564,-0.914 6.436,-0.045C7.305,0.826 7.74,1.921 7.74,3.24C7.74,4.56 7.305,5.67 6.436,6.57C5.564,7.47 4.5,7.92 3.24,7.92C1.98,7.92 0.9,7.47 0,6.57%22 fill=%22%23000%22/%3E%3C/g%3E%3Cg transform=%22matrix(-1.194,0,0,1.194,949.658,-254.698)%22%3E%3Crect x=%22414%22 y=%22323.034%22 width=%224.137%22 height=%22121.932%22 fill=%22%23000%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --logo-mask-ajans: url("data:image/svg+xml,%3Csvg viewBox=%22761 1288 2744 623%22 xmlns=%22http://www.w3.org/2000/svg%22 %3E%3Cg transform=%22matrix(4.167,0,0,4.167,0,0)%22%3E%3Cg%3E%3Cg transform=%22matrix(1,0,0,1,69.387,180.365)%22%3E%3Cg transform=%22matrix(0.15,0,0,0.189,248.26,-244.219)%22%3E%3Cpath d=%22M2008.773,2150.231L2231.702,2531.266L2180.357,2531.266L2105.289,2405.895L1899.257,2405.895L1824.514,2531.266L1771.219,2531.266L1997.074,2150.231L2008.773,2150.231ZM2002.923,2231.004L1920.705,2369.113L2084.166,2369.113L2002.923,2231.004Z%22 fill=%22%23000%22/%3E%3C/g%3E%3Cg transform=%22matrix(1.017,0,0,1.017,599.418,191.92)%22%3E%3Cpath d=%22M0,49.142C0,53.102 -0.99,56.027 -2.971,57.916C-4.95,59.807 -7.92,60.751 -11.881,60.751L-16.291,60.751L-16.291,55.352L-12.87,55.352C-10.53,55.352 -8.852,54.857 -7.83,53.867C-6.811,52.876 -6.301,51.211 -6.301,48.871L-6.301,-11.609L0,-11.609L0,49.142Z%22 fill=%22%23000%22/%3E%3C/g%3E%3Cg transform=%22matrix(0.15,0,0,0.189,248.26,-244.219)%22%3E%3Cpath d=%22M2785.777,2249.44L2785.777,2531.266L2740.931,2531.266L2740.931,2482.827C2721.866,2501.305 2700.472,2515.206 2676.75,2524.532C2653.027,2533.857 2627.083,2538.519 2598.919,2538.519C2548.874,2538.519 2506.14,2524.057 2470.718,2495.131C2435.296,2466.206 2417.586,2431.021 2417.586,2389.576C2417.586,2348.994 2435.459,2314.284 2471.206,2285.445C2506.952,2256.607 2549.957,2242.187 2600.219,2242.187C2629.25,2242.187 2655.518,2247.109 2679.024,2256.952C2694.685,2263.51 2709.072,2272.252 2722.184,2283.179C2728.753,2288.653 2735.002,2294.676 2740.931,2301.246L2740.931,2249.44L2785.777,2249.44ZM2603.794,2277.156C2578.446,2277.156 2555.048,2282.116 2533.6,2292.034C2512.152,2301.953 2495.091,2315.883 2482.417,2333.824C2469.743,2351.761 2463.406,2370.734 2463.406,2390.742C2463.406,2410.579 2469.797,2429.553 2482.58,2447.664C2495.362,2465.775 2512.531,2479.876 2534.087,2489.967C2555.644,2500.058 2578.771,2505.104 2603.469,2505.104C2628.383,2505.104 2651.998,2500.102 2674.312,2490.097C2696.627,2480.091 2713.796,2466.552 2725.82,2449.477C2737.844,2432.4 2743.856,2413.167 2743.856,2391.778C2743.856,2359.178 2730.37,2331.924 2703.397,2310.017C2676.425,2288.11 2643.223,2277.156 2603.794,2277.156Z%22 fill=%22%23000%22/%3E%3C/g%3E%3Cg transform=%22matrix(0.15,0,0,0.189,248.26,-244.219)%22%3E%3Cpath d=%22M2888.143,2249.44L2933.639,2249.44L2933.639,2299.951C2951.837,2280.61 2971.985,2266.148 2994.083,2256.563C3016.181,2246.979 3040.229,2242.187 3066.227,2242.187C3092.658,2242.187 3116.11,2247.54 3136.583,2258.247C3157.056,2268.954 3172.167,2283.373 3181.916,2301.505C3191.665,2319.638 3196.54,2347.872 3196.54,2386.209L3196.54,2531.266L3151.369,2531.266L3151.369,2396.829C3151.369,2364.364 3149.636,2342.691 3146.17,2331.812C3140.753,2313.162 3130.571,2299.131 3115.622,2289.719C3100.674,2280.308 3081.175,2275.602 3057.128,2275.602C3029.613,2275.602 3004.97,2282.855 2983.197,2297.361C2961.424,2311.867 2947.071,2329.826 2940.138,2351.239C2935.805,2365.227 2933.639,2390.785 2933.639,2427.913L2933.639,2531.266L2888.143,2531.266L2888.143,2249.44Z%22 fill=%22%23000%22/%3E%3C/g%3E%3Cg transform=%22matrix(0.15,0,0,0.189,248.26,-244.219)%22%3E%3Cpath d=%22M3471.79,2280.265L3442.543,2304.355C3418.278,2285.532 3394.555,2276.12 3371.374,2276.12C3356.642,2276.12 3344.022,2280.006 3333.515,2287.777C3323.008,2295.548 3317.754,2304.614 3317.754,2314.975C3317.754,2324.127 3322.087,2332.848 3330.753,2341.137C3339.419,2349.599 3357.617,2359.528 3385.348,2370.926C3419.145,2384.913 3442.109,2398.383 3454.242,2411.335C3466.157,2424.459 3472.115,2439.224 3472.115,2455.629C3472.115,2478.769 3461.933,2498.369 3441.568,2514.429C3421.203,2530.489 3395.747,2538.519 3365.2,2538.519C3344.835,2538.519 3325.391,2534.979 3306.867,2527.899C3288.344,2520.819 3273.016,2511.062 3260.884,2498.628L3289.482,2472.725C3312.663,2493.62 3337.252,2504.068 3363.25,2504.068C3381.448,2504.068 3396.939,2499.405 3409.721,2490.08C3422.503,2480.755 3428.894,2469.79 3428.894,2457.183C3428.894,2446.822 3424.669,2437.583 3416.22,2429.467C3407.771,2421.523 3388.706,2411.507 3359.025,2399.419C3327.178,2386.295 3305.513,2373.343 3294.031,2360.565C3282.549,2347.786 3276.808,2333.194 3276.808,2316.788C3276.808,2295.375 3285.961,2277.588 3304.268,2263.428C3322.574,2249.267 3345.701,2242.187 3373.649,2242.187C3406.146,2242.187 3438.86,2254.88 3471.79,2280.265Z%22 fill=%22%23000%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.logo {
  display: flex;
  align-items: center;
  gap: .85rem;
  line-height: 1;
  color: var(--fg);
  transition: color .6s var(--e-out);
}

.logo__mark {
  display: block;
  flex: none;
  width: clamp(112px, 10.5vw, 148px);
  aspect-ratio: var(--logo-ratio);
  background-color: currentColor;
  -webkit-mask: var(--logo-mask) no-repeat center / contain;
  mask: var(--logo-mask) no-repeat center / contain;
}

/* Açık (beyaz) zeminli başlıkta gerçek marka renkleri gösterilir:
   "Beste" turuncu, "Ajans" mürekkep rengi. Koyu hero üzerindeyken
   (.hdr.is-over-hero) tek renkli .logo__mark kullanılmaya devam eder. */
.logo__mark-brand {
  display: none;
  position: relative;
  flex: none;
  width: clamp(112px, 10.5vw, 148px);
  aspect-ratio: var(--logo-ratio);
}
.logo__mark-brand__beste,
.logo__mark-brand__ajans {
  position: absolute;
  inset: 0;
  display: block;
}
.logo__mark-brand__beste {
  background-color: #eb6209;
  -webkit-mask: var(--logo-mask-beste) no-repeat center / contain;
  mask: var(--logo-mask-beste) no-repeat center / contain;
}
.logo__mark-brand__ajans {
  background-color: currentColor;
  -webkit-mask: var(--logo-mask-ajans) no-repeat center / contain;
  mask: var(--logo-mask-ajans) no-repeat center / contain;
}
.hdr:not(.is-over-hero) .logo__mark { display: none; }
.hdr:not(.is-over-hero) .logo__mark-brand { display: block; }

.logo__sub {
  font-size: 9px;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--fg-soft);
  padding-left: .85rem;
  border-left: 1px solid var(--line);
  /* İki satırda kırılsın: "SEZONLUK MEKÂN / TASARIMI" */
  max-width: 11.5em;
  line-height: 1.45;
  transition: color .6s var(--e-out), border-color .6s var(--e-out);
}

@media (max-width: 620px) {
  .logo__sub { display: none; }
}

.nav { display: flex; align-items: center; gap: clamp(1rem, 2vw, 2.25rem); }
.nav__link {
  position: relative;
  font-size: var(--t-sm);
  font-weight: 450;
  letter-spacing: .01em;
  padding-block: .5rem;
  color: var(--fg);
  opacity: .78;
  transition: opacity var(--d-fast) var(--e-out);
}
.nav__link::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 0;
  height: 1px; background: var(--accent);
  transform: scaleX(0); transform-origin: right;
  transition: transform .5s var(--e-out);
}
.nav__link:hover, .nav__link.is-active { opacity: 1; }
.nav__link:hover::after, .nav__link.is-active::after { transform: scaleX(1); transform-origin: left; }

.hdr__actions { display: flex; align-items: center; gap: clamp(.6rem, 1.4vw, 1.25rem); }

.lang {
  display: flex; align-items: center; gap: .4rem;
  font-size: var(--t-cap); letter-spacing: .14em; text-transform: uppercase;
}
.lang__item { opacity: .45; transition: opacity var(--d-fast); padding: .3rem .1rem; }
.lang__item:hover { opacity: .9; }
.lang__item.is-active { opacity: 1; color: var(--accent); }
.lang__sep { opacity: .3; }

/* --------------------------------------------------------------------------
   9. DÜĞMELER
   -------------------------------------------------------------------------- */
.btn {
  position: relative;
  display: inline-flex; align-items: center; justify-content: center;
  gap: .7rem;
  padding: 1.05rem 2rem;
  font-size: var(--t-sm);
  font-weight: 500;
  letter-spacing: .02em;
  border-radius: 100px;
  overflow: hidden;
  isolation: isolate;
  transition: color var(--d-fast) var(--e-out), border-color var(--d-fast) var(--e-out);
  will-change: transform;
}
.btn__label { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: .7rem; }

/* Dolgunun aşağıdan yukarı süpürmesi */
.btn::before {
  content: "";
  position: absolute; inset: 0;
  z-index: 1;
  transform: translateY(101%);
  transition: transform .6s var(--e-out);
  border-radius: inherit;
}
.btn:hover::before { transform: translateY(0); }

.btn--solid { background: var(--fg); color: var(--bg); }
.btn--solid::before { background: var(--accent); }
.btn--solid:hover { color: var(--bg); }

.btn--ghost { border: 1px solid var(--line); color: var(--fg); }
.btn--ghost::before { background: var(--fg); }
.btn--ghost:hover { color: var(--bg); border-color: var(--fg); }

.btn--accent { background: var(--accent); color: var(--bg); }
.btn--accent::before { background: var(--fg); }

.btn--sm { padding: .72rem 1.4rem; font-size: var(--t-cap); letter-spacing: .1em; text-transform: uppercase; }
.btn--lg { padding: 1.35rem 2.75rem; font-size: 1rem; }

.btn svg { flex: none; transition: transform .5s var(--e-out); }
.btn:hover svg { transform: translateX(4px); }

/* Alt çizgili metin bağlantısı */
.link-u {
  position: relative;
  display: inline-flex; align-items: center; gap: .5rem;
  font-size: var(--t-sm); font-weight: 500;
  padding-bottom: 3px;
}
.link-u::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: currentColor; opacity: .35;
  transform-origin: right; transition: transform .5s var(--e-out), opacity .3s;
}
.link-u:hover::after { transform: scaleX(0); }
.link-u::before {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: var(--accent);
  transform: scaleX(0); transform-origin: left;
  transition: transform .5s var(--e-out) .08s;
}
.link-u:hover::before { transform: scaleX(1); }

/* --------------------------------------------------------------------------
   10. MOBİL MENÜ
   -------------------------------------------------------------------------- */
.burger {
  display: none;
  width: 44px; height: 44px;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
}
.burger__lines { display: block; width: 17px; height: 9px; position: relative; }
.burger__lines i {
  position: absolute; left: 0; right: 0; height: 1px;
  background: var(--fg);
  transition: transform .45s var(--e-out), opacity .3s;
}
.burger__lines i:first-child { top: 0; }
.burger__lines i:last-child  { bottom: 0; }
.is-menu-open .burger__lines i:first-child { transform: translateY(4px) rotate(45deg); }
.is-menu-open .burger__lines i:last-child  { transform: translateY(-4px) rotate(-45deg); }

.mobile-menu {
  position: fixed; inset: 0;
  z-index: 890;
  background: var(--bg);
  padding: calc(var(--hdr-h) + 3vh) var(--gut) 4vh;
  display: flex; flex-direction: column; justify-content: space-between;
  clip-path: inset(0 0 100% 0);
  transition: clip-path .85s var(--e-io);
  overflow-y: auto;
  visibility: hidden;
}
.is-menu-open .mobile-menu { clip-path: inset(0 0 0 0); visibility: visible; }

.mobile-menu__link {
  display: block;
  font-family: var(--f-display);
  font-size: clamp(2rem, 9vw, 3.4rem);
  letter-spacing: -0.03em;
  line-height: 1.18;
  padding-block: .18em;
  border-bottom: 1px solid var(--line-soft);
  opacity: 0; transform: translateY(24px);
}
.is-menu-open .mobile-menu__link { opacity: 1; transform: none; transition: opacity .6s var(--e-out) var(--d, 0s), transform .6s var(--e-out) var(--d, 0s); }
.mobile-menu__foot { display: flex; flex-wrap: wrap; gap: 1rem 2rem; justify-content: space-between; align-items: center; padding-top: 2rem; }

@media (max-width: 1080px) {
  .nav { display: none; }
  .burger { display: grid; }
  .hdr__cta { display: none; }
}

/* --------------------------------------------------------------------------
   11. ALT BİLGİ (FOOTER)
   -------------------------------------------------------------------------- */
.ftr {
  background: var(--ink);
  color: var(--bone);
  padding-top: clamp(4rem, 9vw, 8rem);
  position: relative;
  overflow: hidden;
}
.ftr__cta { padding-bottom: clamp(4rem, 8vw, 7rem); border-bottom: 1px solid rgba(242,238,230,.12); }
.ftr__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr));
  gap: clamp(2rem, 4vw, 4rem);
  padding-block: clamp(3rem, 6vw, 5rem);
}
.ftr__col-title {
  font-size: var(--t-cap);
  letter-spacing: .24em;
  text-transform: uppercase;
  color: rgba(242,238,230,.4);
  margin-bottom: 1.5rem;
  display: block;
}
.ftr__link {
  display: block;
  padding-block: .42rem;
  font-size: var(--t-sm);
  color: rgba(242,238,230,.72);
  transition: color var(--d-fast), transform var(--d-fast) var(--e-out);
}
.ftr__link:hover { color: var(--gold); transform: translateX(5px); }
.ftr__bar {
  display: flex; flex-wrap: wrap; gap: 1rem 2rem;
  justify-content: space-between; align-items: center;
  padding-block: 2rem;
  border-top: 1px solid rgba(242,238,230,.12);
  font-size: var(--t-cap);
  letter-spacing: .08em;
  color: rgba(242,238,230,.38);
}

/* Sayfanın en altındaki tasarım/yazılım imzası — sürekli, yumuşak bir
   altın parıltı ile "hareketli" ama dikkat dağıtmayacak kadar sakin. */
.ftr__credit { white-space: nowrap; }
.ftr__credit-brand {
  display: inline-block;
  font-weight: 600;
  letter-spacing: .1em;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color .35s var(--e-out);
  background-image: linear-gradient(
    100deg,
    rgba(242, 238, 230, .45) 0%,
    rgba(242, 238, 230, .45) 35%,
    var(--gold) 47%,
    #f4dfae 50%,
    var(--gold) 53%,
    rgba(242, 238, 230, .45) 65%,
    rgba(242, 238, 230, .45) 100%
  );
  background-size: 260% 100%;
  background-position: 100% 0;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: ftr-shimmer 7s linear infinite;
}
.ftr__credit-brand:hover { border-color: var(--gold); }
@keyframes ftr-shimmer {
  0%   { background-position: 160% 0; }
  100% { background-position: -60% 0; }
}
@media (prefers-reduced-motion: reduce) {
  .ftr__credit-brand {
    animation: none;
    background-image: none;
    -webkit-text-fill-color: currentColor;
    color: var(--gold);
  }
}
/* Alt bilgiye gömülü dev marka logosu — aynı maske, çok düşük kontrast */
.ftr__wordmark {
  width: min(90%, 1320px);
  margin: clamp(1rem, 3vw, 2.5rem) auto 0;
  aspect-ratio: var(--logo-ratio);
  background-color: rgba(242, 238, 230, .07);
  -webkit-mask: var(--logo-mask) no-repeat center / contain;
  mask: var(--logo-mask) no-repeat center / contain;
  user-select: none;
}
@media (max-width: 900px) {
  .ftr__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .ftr__grid { grid-template-columns: 1fr; }
}

/* --------------------------------------------------------------------------
   12. CMS İÇERİĞİ — yönetim panelinden gelen zengin metin
   -------------------------------------------------------------------------- */
.cms { max-width: 76ch; font-size: 1.05rem; line-height: 1.8; color: var(--fg-soft); }
.cms > * + * { margin-top: 1.35em; }
.cms h2 { font-family: var(--f-display); font-size: var(--t-d3); color: var(--fg); line-height: 1.1; letter-spacing: -.025em; margin-top: 2.2em; }
.cms h3 { font-family: var(--f-display); font-size: var(--t-d4); color: var(--fg); line-height: 1.2; margin-top: 1.8em; }
.cms h4 { font-size: 1.05rem; font-weight: 600; color: var(--fg); margin-top: 1.6em; }
.cms a { color: var(--fg); text-decoration: underline; text-underline-offset: .22em; text-decoration-color: var(--accent); text-decoration-thickness: 1px; }
.cms a:hover { color: var(--accent); }
.cms ul, .cms ol { padding-left: 1.3em; }
.cms ul li { list-style: none; position: relative; padding-left: 1.1em; margin-block: .5em; }
.cms ul li::before { content: ""; position: absolute; left: 0; top: .72em; width: 14px; height: 1px; background: var(--accent); }
.cms ol { list-style: decimal; }
.cms ol li { margin-block: .5em; padding-left: .35em; }
.cms img { border-radius: 3px; margin-block: 2em; }
.cms blockquote {
  border-left: 1px solid var(--accent);
  padding-left: 1.6em;
  font-family: var(--f-display);
  font-size: var(--t-d4);
  line-height: 1.4;
  color: var(--fg);
}
.cms table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.cms th, .cms td { text-align: left; padding: .85em 1em; border-bottom: 1px solid var(--line); }
.cms th { font-weight: 600; color: var(--fg); font-size: var(--t-cap); letter-spacing: .12em; text-transform: uppercase; }

/* --------------------------------------------------------------------------
   13. FORMLAR
   -------------------------------------------------------------------------- */
.field { position: relative; display: block; }
.field + .field { margin-top: 1.6rem; }
.field__label {
  display: block;
  font-size: var(--t-cap);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--fg-soft);
  margin-bottom: .7rem;
}
.field__input,
.field__area {
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--line);
  padding: .85rem 0;
  font-size: 1.02rem;
  color: var(--fg);
  transition: border-color var(--d-fast) var(--e-out);
}
.field__area { resize: vertical; min-height: 130px; }
.field__input:focus,
.field__area:focus { outline: none; border-bottom-color: var(--accent); }
.field__input::placeholder,
.field__area::placeholder { color: var(--fg-soft); opacity: .45; }

.form-note { font-size: var(--t-sm); color: var(--fg-soft); }
.form-msg {
  padding: 1rem 1.25rem;
  border-left: 2px solid var(--accent);
  background: color-mix(in oklab, var(--accent) 8%, transparent);
  font-size: var(--t-sm);
}
.form-msg--error { border-left-color: #a8442c; background: rgba(168, 68, 44, .08); }

/* --------------------------------------------------------------------------
   14. YARDIMCI SINIFLAR
   -------------------------------------------------------------------------- */
.u-center { text-align: center; }
.u-right  { text-align: right; }
.u-max-none { max-width: none; }
.u-accent { color: var(--accent); }
.u-soft { color: var(--fg-soft); }
.u-mt-s { margin-top: 1rem; }
.u-mt-m { margin-top: 2rem; }
.u-mt-l { margin-top: 3.5rem; }
.u-flex { display: flex; }
.u-wrap { flex-wrap: wrap; }
.u-gap-s { gap: .75rem; }
.u-gap-m { gap: 1.5rem; }
.u-between { justify-content: space-between; }
.u-items-c { align-items: center; }
.u-items-e { align-items: flex-end; }
.u-hide { display: none; }

@media (max-width: 700px) {
  .u-hide-sm { display: none; }
}