/* ───────────────────────────────────────────────
   AYVALIK REKLAM AJANSI — açık zemin sistemi
   Zemin: kireç badanalı Ayvalık cephesi.
   Aksan: pirinç (logodaki dikey çubuk).
   Tipografi: tek aile, 900/300 ağırlık kontrastı (logonun kendi mantığı).
   ─────────────────────────────────────────────── */
:root{
  --ar-plaster:   #EDECE6;
  --ar-plaster-2: #E4E2D9;
  --ar-plaster-3: #F6F5F1;

  --ar-ink:       #16171A;
  --ar-ink-deep:  #0E0F11;

  --ar-mute:      #5F5C55;
  --ar-mute-soft: #86837B;

  --ar-brass:      #E4B33C;
  --ar-brass-deep: #7A5A0E;
  --ar-brass-hi:   #F6DFA6;

  /* Ajans imzası — Vinterro Digital'in kendi vurgu rengi.
     Sitenin pirinç paletinin dışında, bilinçli olarak ayrı durur. */
  --ar-credit: #E0492B;

  --ar-line:      rgba(22,23,26,.15);
  --ar-line-soft: rgba(22,23,26,.09);
  --ar-line-dark: rgba(246,245,241,.16);

  --ar-shell: 1280px;
  --ar-pad: clamp(20px, 4.5vw, 64px);

  /* Yarıçap ölçeği — "tüm köşeli yerler" buradan yönetilir.
     Tek tek border-radius yazmak yerine rol bazlı değer veriyoruz;
     sistemin tamamını sertleştirmek/yumuşatmak tek yerden mümkün. */
  --ar-r-xs:  8px;   /* etiket, küçük rozet */
  --ar-r-sm:  12px;  /* menü bağlantısı, mega öğesi */
  --ar-r-md:  16px;  /* yüzen çubuk, mega kart */
  --ar-r-lg:  20px;  /* panel, proje çerçevesi, sekme */
  --ar-r-pill: 999px;

  /* Üç rol, üç aile:
     disp = gösterim (tabela, başlıklar, logo kilidi) — ağırlık kontrastı buna bağlı
     text = okuma metni — Archivo paragraf boyutunda düz kalıyordu
     mono = veri, etiket, künye */
  --ar-f-disp: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --ar-f-text: "Instrument Sans", "Archivo", "Helvetica Neue", Arial, sans-serif;
  --ar-f-mono: "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;
}

/* Ampullü anahtar bütün site paletini değiştirir; alt sayfalar da aynı
   değişkenleri kullandığı için sayfa geçişlerinde görünüm korunur. */
html[data-ar-mode="night"]{
  --ar-plaster:#111214;
  --ar-plaster-2:#18191C;
  --ar-ink:#F6F5F1;
  --ar-mute:#A8A49A;
  --ar-mute-soft:#807C73;
  --ar-line:rgba(246,245,241,.16);
  --ar-line-soft:rgba(246,245,241,.09);
  --ar-brass-deep:#E4B33C;
  color-scheme:dark;
}

body.ar-page *, body.ar-page *::before, body.ar-page *::after{ box-sizing:border-box; }
#wpadminbar, #wpadminbar *{ box-sizing:content-box; }

body.ar-page{
  margin:0;
  background:var(--ar-plaster);
  color:var(--ar-ink);
  font-family:var(--ar-f-text);
  font-weight:400; font-size:16px; line-height:1.65;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
  transition:background-color .55s ease, color .55s ease;
}

/* Gösterim rolü metin ailesini devralmasın — ağırlık kontrastı (900/300)
   yalnızca Archivo'da doğru çalışıyor. */
.ar-sign, .ar-sec-title, .ar-svc-name, .ar-quote-h, .ar-hail-h, .ar-step h3, .ar-work-cap h3,
.ar-lock-stack, .ar-lock-name, .ar-frame-sign, .ar-tab-txt, .ar-hero-lede b{
  font-family:var(--ar-f-disp);
}
.ar-page img{ max-width:100%; display:block; }
.ar-page a{ color:inherit; text-decoration:none; }
.ar-page :focus-visible{ outline:2px solid var(--ar-brass-deep); outline-offset:3px; }

html.ar-html{ scroll-behavior:smooth; overflow-x:hidden; }
@media (prefers-reduced-motion: reduce){
  html.ar-html{ scroll-behavior:auto; }
  .ar-page *,.ar-page *::before,.ar-page *::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
}

/* ── yardımcılar ─────────────────────────────── */
.ar-shell{ width:100%; max-width:var(--ar-shell); margin-inline:auto; padding-inline:var(--ar-pad); }

.ar-eyebrow{
  margin:0; font-family:var(--ar-f-mono); font-size:11px; font-weight:400;
  letter-spacing:.22em; text-transform:uppercase; color:var(--ar-brass-deep);
}
.ar-rule-brass{ width:36px; height:2px; background:var(--ar-brass); border:0; margin:14px 0 0; }

.ar-reveal{ opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
.ar-reveal.ar-is-in{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){ .ar-reveal{ opacity:1; transform:none; } }

/* ── logo kilidi (logonun HTML rekonstrüksiyonu) ─ */
.ar-lock{ display:inline-flex; align-items:stretch; gap:11px; color:var(--ar-ink); }
.ar-lock--asset{ display:block; width:150px; flex:none; }
.ar-lock-logo{ display:block; width:100%; height:auto; max-width:100%; }
.ar-lock-stack{
  display:flex; flex-direction:column;
  font-weight:900; font-size:26px; line-height:.86;
  letter-spacing:-.005em; text-transform:uppercase;
}
.ar-lock-rule{ width:5px; background:var(--ar-brass); align-self:stretch; }
.ar-lock-name{
  align-self:center; font-weight:300; font-size:26px; line-height:1.06;
  letter-spacing:.1em; text-transform:uppercase;
}
.ar-lock--lg .ar-lock-stack{ font-size:26px; }
.ar-lock--lg .ar-lock-rule{ width:5px; }
.ar-lock--lg .ar-lock-name{ font-size:30px; letter-spacing:.11em; }
.ar-lock--inv{ color:var(--ar-plaster-3); }
[data-ar-mode="night"] .ar-lock--asset .ar-lock-logo{ filter:brightness(0) invert(1); }
@media (max-width: 940px){
  .ar-lock--asset{ width:126px; }
}
@media (max-width: 400px){
  .ar-lock--asset{ width:112px; }
}

/* ── yüzen navbar ─────────────────────────────
   Sayfadan kopuk, ortalanmış bir çubuk. Yarıçap iki kademeli:
   çubuk hafif (10px), CTA tam hap. Sayfanın geri kalanı keskin kalır,
   böylece yuvarlaklık sistemi dağıtmadan bir vurgu olur. */
.ar-hdr{
  position:fixed; inset:0 0 auto 0; z-index:60;
  padding:22px var(--ar-pad) 0;
  pointer-events:none; /* çubuğun yanındaki sayfa tıklanabilir kalsın */
  /* Sütun akışı: mega menü sihirli bir "top" değeri olmadan çubuğun
     hemen altına oturur. Çubuk yüksekliği değişse de hizalama bozulmaz. */
  display:flex; flex-direction:column; align-items:center; gap:10px;
}
.ar-hdr-bar{
  pointer-events:auto;
  width:fit-content; max-width:100%; margin-inline:auto;
  display:flex; align-items:center; gap:30px;
  padding:18px 16px 18px 24px;
  background:rgba(246,245,241,.72);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
  backdrop-filter:blur(22px) saturate(135%);
  border:1px solid rgba(255,255,255,.72);
  border-radius:24px;
  box-shadow:0 12px 34px rgba(22,23,26,.11), 0 2px 6px rgba(22,23,26,.05),
    inset 0 1px 0 rgba(255,255,255,.58);
  transition:background .5s ease, border-color .5s ease, box-shadow .5s ease;
}
.ar-hdr-sep{ width:1px; align-self:stretch; background:var(--ar-line); flex:none; }

.ar-nav{ display:flex; align-items:center; gap:2px; }
.ar-nav a{
  font-family:var(--ar-f-mono); font-size:10.2px; letter-spacing:.13em;
  text-transform:uppercase; color:var(--ar-mute);
  padding:6px 9px; border-radius:var(--ar-r-pill);
  transition:color .25s, background .25s;
}
.ar-nav a:hover{ color:var(--ar-ink); background:rgba(22,23,26,.06); }
.ar-nav-sep{
  font-size:13px; line-height:1; color:var(--ar-mute-soft);
  user-select:none; flex:none;
}

/* "Hizmetler" bir <button>, çünkü bir yere gitmiyor — panel açıyor.
   Görünüşü diğer bağlantılarla aynı. */
.ar-nav-link{
  display:inline-flex; align-items:center; gap:7px;
  font-family:var(--ar-f-mono); font-size:10.2px; letter-spacing:.13em;
  text-transform:uppercase; color:var(--ar-mute);
  background:none; border:0; cursor:pointer;
  padding:6px 9px; border-radius:var(--ar-r-pill);
  transition:color .25s, background .25s;
}
.ar-nav-link:hover{ color:var(--ar-ink); background:rgba(22,23,26,.06); }
.ar-nav-caret{ transition:transform .3s cubic-bezier(.2,.7,.2,1); }
.ar-nav-link[aria-expanded="true"]{ color:var(--ar-ink); background:rgba(22,23,26,.06); }
.ar-nav-link[aria-expanded="true"] .ar-nav-caret{ transform:rotate(180deg); }

/* ── mega menü ────────────────────────────────
   Çubukla aynı dil: yüzen kart, hafif yarıçap, bulanık zemin. */
.ar-mega{
  pointer-events:none;
  width:min(940px, 100%);
  background:rgba(246,245,241,.9);
  backdrop-filter:blur(16px);
  border:1px solid var(--ar-line);
  border-radius:var(--ar-r-md);
  box-shadow:0 16px 44px rgba(22,23,26,.13), 0 2px 6px rgba(22,23,26,.05);
  padding:22px 18px;
  opacity:0; transform:translateY(-8px);
  transition:opacity .3s ease, transform .3s cubic-bezier(.2,.7,.2,1);
}
.ar-mega.ar-is-open{ opacity:1; transform:none; pointer-events:auto; }

.ar-mega-grid{ display:grid; grid-template-columns:repeat(6,1fr); gap:6px; }

.ar-mega-a{
  display:flex; flex-direction:column; align-items:center; gap:12px;
  padding:16px 8px 14px; border-radius:var(--ar-r-sm);
  text-align:center; transition:background .25s;
}
.ar-mega-a:hover{ background:rgba(22,23,26,.05); }

.ar-mega-ico{
  width:44px; height:44px; flex:none;
  fill:none; stroke:var(--ar-ink); stroke-width:1.3;
  /* Keskin uçlar: ürün kesilmiş metal, yuvarlak uç sistemi yumuşatırdı. */
  stroke-linecap:square; stroke-linejoin:miter;
  transition:stroke .25s, transform .35s cubic-bezier(.2,.7,.2,1);
}
.ar-mega-a:hover .ar-mega-ico{ stroke:var(--ar-brass-deep); transform:translateY(-2px); }

.ar-mega-t{
  font-family:var(--ar-f-mono); font-size:10.5px; line-height:1.6;
  letter-spacing:.11em; text-transform:uppercase; color:var(--ar-mute);
  transition:color .25s;
}
.ar-mega-a:hover .ar-mega-t{ color:var(--ar-ink); }

[data-ar-mode="night"] .ar-mega{
  background:rgba(16,16,19,.86); border-color:var(--ar-line-dark);
  box-shadow:0 16px 44px rgba(0,0,0,.5);
}
[data-ar-mode="night"] .ar-mega-a:hover{ background:rgba(246,245,241,.07); }
[data-ar-mode="night"] .ar-mega-ico{ stroke:var(--ar-plaster-3); }
[data-ar-mode="night"] .ar-mega-a:hover .ar-mega-ico{ stroke:var(--ar-brass); }
[data-ar-mode="night"] .ar-mega-t{ color:#918D84; }
[data-ar-mode="night"] .ar-mega-a:hover .ar-mega-t{ color:var(--ar-plaster-3); }

@media (max-width: 1080px){
  .ar-mega-grid{ grid-template-columns:repeat(3,1fr); }
}

.ar-cta{
  flex:none;
  border:0; cursor:pointer; white-space:nowrap;
  font-family:var(--ar-f-mono); font-size:14px; font-weight:500;
  letter-spacing:.13em; text-transform:uppercase;
  background:var(--ar-brass); color:#1A1305;
  padding:17px 25px; border-radius:999px;
  transition:background .25s;
}
.ar-cta:hover{ background:var(--ar-brass-hi); }

/* Header'daki gündüz/gece kontrolü: metin butonu yerine gerçek bir switch. */
.ar-header-switch{
  flex:none; display:inline-flex; align-items:center; gap:12px; padding:0;
  border:0; background:transparent; color:var(--ar-mute); cursor:pointer;
  margin-left:auto;
}
.ar-header-switch:focus-visible{ outline:2px solid var(--ar-brass-deep); outline-offset:5px; border-radius:var(--ar-r-pill); }
.ar-header-switch-label{
  font-family:var(--ar-f-mono); font-size:10px; line-height:1.55; letter-spacing:.18em;
  text-align:right; text-transform:uppercase; white-space:nowrap;
}
.ar-header-switch-track{
  position:relative; display:block; width:70px; height:42px; padding:4px;
  border:2px solid rgba(22,23,26,.18); border-radius:999px; background:rgba(22,23,26,.035);
  transition:background .35s ease, border-color .35s ease;
}
.ar-header-switch-knob{
  display:grid; place-items:center; width:30px; height:30px; border-radius:50%;
  background:#8F8D87; color:#F6F5F1; box-shadow:0 2px 5px rgba(22,23,26,.14);
  transition:transform .35s cubic-bezier(.2,.7,.2,1), background .35s ease, color .35s ease;
}
.ar-header-switch-knob svg{ width:16px; height:16px; }
.ar-header-switch[aria-checked="true"] .ar-header-switch-track{ border-color:var(--ar-brass-deep); background:rgba(228,179,60,.25); }
.ar-header-switch[aria-checked="true"] .ar-header-switch-knob{ transform:translateX(28px); background:var(--ar-brass); color:#1A1305; }
[data-ar-mode="night"] .ar-header-switch{ color:var(--ar-plaster-3); }
[data-ar-mode="night"] .ar-header-switch-track{ border-color:rgba(246,245,241,.24); background:rgba(246,245,241,.08); }
[data-ar-mode="night"] .ar-header-switch[aria-checked="true"] .ar-header-switch-track{ border-color:var(--ar-brass); background:rgba(228,179,60,.18); }

/* gece modunda çubuk da koyuya geçer */
[data-ar-mode="night"] .ar-hdr-bar{
  background:rgba(16,16,19,.66); border-color:rgba(255,255,255,.14);
  box-shadow:0 12px 34px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.08);
}
[data-ar-mode="night"] .ar-hdr-sep{ background:var(--ar-line-dark); }
[data-ar-mode="night"] .ar-lock{ color:var(--ar-plaster-3); }
[data-ar-mode="night"] .ar-nav a,
[data-ar-mode="night"] .ar-nav-link{ color:#D8D5CC; }
[data-ar-mode="night"] .ar-nav a:hover,
[data-ar-mode="night"] .ar-nav-link:hover{ color:var(--ar-plaster-3); background:rgba(246,245,241,.09); }
[data-ar-mode="night"] .ar-nav-sep{ color:#5E5A52; }
[data-ar-mode="night"] .ar-nav-toggle{ color:var(--ar-plaster-3); }

.ar-btn{
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--ar-f-mono); font-size:12px; letter-spacing:.14em; text-transform:uppercase;
  padding:13px 22px; border:1px solid transparent; cursor:pointer;
  border-radius:var(--ar-r-pill);
  transition:background .25s, color .25s, border-color .25s;
}
.ar-btn--brass{ background:var(--ar-brass); color:#1A1305; font-weight:500; }
.ar-btn--brass:hover{ background:var(--ar-brass-hi); }
.ar-btn--ghost{ border-color:var(--ar-line); color:var(--ar-ink); background:transparent; }
.ar-btn--ghost:hover{ border-color:var(--ar-brass-deep); color:var(--ar-brass-deep); }
.ar-btn--sm{ padding:11px 18px; }
.ar-btn .ar-arw{ transition:transform .25s; }
.ar-btn:hover .ar-arw{ transform:translateX(4px); }

.ar-nav-toggle{
  display:none; place-items:center; width:56px; height:56px; padding:0;
  background:none; border:1px solid transparent; border-radius:12px;
  color:var(--ar-ink); cursor:pointer;
}
.ar-nav-toggle svg{ width:46px; height:30px; }

/* ── mobil menü ───────────────────────────────
   Ayrı bir tam ekran katman açmıyoruz: yüzen çubuğun kendisi sararak
   karta dönüşüyor. Böylece mobil menü masaüstüyle aynı dilde kalıyor. */
@media (max-width: 940px){
  .ar-hdr{ padding:14px var(--ar-pad) 0; }
  .ar-hdr-bar{ width:100%; flex-wrap:wrap; gap:9px; padding:7px 8px 7px 12px; border-radius:16px; }
  .ar-lock{ gap:7px; }
  .ar-lock-stack{ font-size:16px; }
  .ar-lock-rule{ width:4px; }
  .ar-lock-name{ font-size:15px; letter-spacing:.08em; }
  .ar-hdr-sep{ display:none; }
  .ar-cta{ margin-left:auto; }
  .ar-cta{ font-size:10.5px; padding:9px 14px; }
  .ar-header-switch{ gap:7px; }
  .ar-header-switch-label{ font-size:8px; letter-spacing:.14em; }
  .ar-header-switch-track{ width:56px; height:34px; padding:3px; }
  .ar-header-switch-knob{ width:24px; height:24px; }
  .ar-header-switch-knob svg{ width:13px; height:13px; }
  .ar-header-switch[aria-checked="true"] .ar-header-switch-knob{ transform:translateX(20px); }
  .ar-nav-toggle{ display:grid; width:42px; height:42px; border-radius:10px; }
  .ar-nav-toggle svg{ width:22px; height:14px; }

  .ar-nav{
    order:5; flex-basis:100%;
    flex-direction:column; align-items:stretch; gap:0;
    display:none;
    margin-top:9px; padding-top:9px;
    border-top:1px solid var(--ar-line);
  }
  .ar-nav.ar-is-open{ display:flex; }
  .ar-nav-sep{ display:none; }
  .ar-nav a, .ar-nav-link{
    padding:15px 10px; font-size:12.5px; border-radius:6px;
    justify-content:space-between; text-align:left;
  }
  .ar-nav a + a, .ar-nav-link + a{ border-top:1px solid var(--ar-line-soft); }

  /* mega menü mobilde ayrı kart olarak çubuğun altında kalır */
  .ar-mega{ padding:14px 10px; }
  .ar-mega-grid{ grid-template-columns:repeat(2,1fr); gap:4px; }
  .ar-mega-a{ flex-direction:row; align-items:center; gap:12px; text-align:left; padding:12px 10px; }
  .ar-mega-ico{ width:34px; height:34px; }
  .ar-mega-a:hover .ar-mega-ico{ transform:none; }
}

@media (max-width: 940px){
  [data-ar-mode="night"] .ar-nav{ border-top-color:var(--ar-line-dark); }
  [data-ar-mode="night"] .ar-nav a + a,
  [data-ar-mode="night"] .ar-nav-link + a{ border-top-color:var(--ar-line-dark); }
}

@media (max-width: 400px){
  .ar-lock-name{ display:block; font-size:13px; letter-spacing:.06em; }
}

/* Masaüstü eski yapısına döner: tam navigasyon görünür, hamburger yalnızca mobilde kalır. */
@media (min-width: 941px){
  .ar-hdr-bar{ width:min(1640px,83vw); gap:22px; padding:10px 12px 10px 18px; border-radius:20px; }
  .ar-lock-stack{ font-size:24px; }
  .ar-lock-rule{ width:4px; }
  .ar-lock-name{ font-size:24px; }
  .ar-nav{ display:flex; order:initial; flex-basis:auto; flex-direction:row; align-items:center; gap:2px; margin:0; padding:0; border-top:0; }
  .ar-nav-toggle{ display:none; }
  .ar-nav-sep{ display:block; }
  .ar-nav a, .ar-nav-link{
    padding:6px 9px; font-size:10.2px; border-radius:var(--ar-r-pill);
    justify-content:initial; text-align:initial;
  }
  .ar-nav a + a, .ar-nav-link + a{ border-top:0; }
  .ar-hdr-bar:has(.ar-nav.ar-is-open){ width:min(1640px,83vw); flex-wrap:nowrap; }
  [data-ar-mode="night"] .ar-nav{ border-top-color:var(--ar-line-dark); }
  [data-ar-mode="night"] .ar-nav a + a,
  [data-ar-mode="night"] .ar-nav-link + a{ border-top-color:var(--ar-line-dark); }
}

/* ── HERO: badanalı cepheye monte pirinç tabela ─ */
.ar-hero{
  --ar-h-fg:var(--ar-ink);
  --ar-h-mute:var(--ar-mute);
  --ar-h-line:var(--ar-line);
  /* Yüzen çubuk ~76px yer kaplıyor. Üst boşluk bunun hemen altından
     başlamalı; fazlası banner ile başlık arasını kopuk gösteriyor. */
  position:relative; padding:clamp(98px, 10vw, 118px) 0 0; overflow:hidden;
  background:
    radial-gradient(115% 78% at 68% 6%, rgba(255,238,198,.5) 0%, rgba(255,238,198,0) 58%),
    linear-gradient(184deg, #F4F3EE 0%, #E7E5DC 100%),
    repeating-linear-gradient(93deg, rgba(22,23,26,.022) 0 1px, transparent 1px 9px);
  transition:background 1s ease;
}
[data-ar-mode="night"] .ar-hero{
  --ar-h-fg:#F4F2EC;
  --ar-h-mute:#8E8A80;
  --ar-h-line:var(--ar-line-dark);
  background:
    radial-gradient(115% 78% at 50% 40%, #1B1710 0%, #0A0A0C 60%),
    repeating-linear-gradient(93deg, rgba(246,245,241,.012) 0 1px, transparent 1px 9px);
}
/* Dikkat: buraya `.ar-hero h1` YAZMA — .ar-sign'in color:transparent'ini ezer
   ve background-clip:text ile yapılan pirinç dolgu sessizce kaybolur. */
.ar-hero{ color:var(--ar-h-fg); }

.ar-hero-top{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.ar-hero .ar-eyebrow{ color:var(--ar-brass-deep); transition:color .8s ease; }
[data-ar-mode="night"] .ar-hero .ar-eyebrow{ color:var(--ar-brass); }

/* gündüz / gece anahtarı — ürünün iki hâli */
.ar-lamp{ display:flex; align-items:center; gap:14px; }
.ar-lamp-label{
  font-family:var(--ar-f-mono); font-size:11px; letter-spacing:.18em;
  text-transform:uppercase; text-align:right; line-height:1.5; color:var(--ar-h-mute) !important;
}
.ar-lamp-sw{
  width:58px; height:30px; border:1px solid var(--ar-h-line); background:rgba(22,23,26,.05);
  border-radius:var(--ar-r-pill);
  position:relative; cursor:pointer; padding:0; flex:none;
  transition:border-color .35s, background .35s;
}
.ar-lamp-sw::after{
  content:""; position:absolute; top:4px; left:4px; width:20px; height:20px;
  background:var(--ar-mute-soft); border-radius:var(--ar-r-pill);
  transition:transform .35s cubic-bezier(.2,.7,.2,1), background .35s, box-shadow .35s;
}
[data-ar-mode="night"] .ar-lamp-sw{ border-color:var(--ar-brass-deep); background:#191308; }
[data-ar-mode="night"] .ar-lamp-sw::after{
  transform:translateX(28px); background:var(--ar-brass);
  box-shadow:0 0 14px 2px rgba(228,179,60,.75);
}

/* tabela bloğu */
.ar-sign-wrap{ position:relative; margin:34px 0 0; }
.ar-sign-wrap::before{
  content:""; position:absolute; inset:-14% -8%;
  background:radial-gradient(58% 62% at 50% 50%, rgba(255,201,102,.4), rgba(255,201,102,0) 72%);
  filter:blur(38px); opacity:0; transition:opacity 1s ease; pointer-events:none;
}
[data-ar-mode="night"] .ar-sign-wrap::before{ opacity:1; }

.ar-sign{
  margin:0; font-weight:900; text-transform:uppercase;
  font-size:clamp(38px, 8.4vw, 116px); line-height:.9; letter-spacing:-.035em;
  position:relative;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.6)) drop-shadow(5px 9px 13px rgba(22,23,26,.3));
  transition:filter 1s ease;
}
[data-ar-mode="night"] .ar-sign{
  filter:drop-shadow(0 0 26px rgba(255,197,92,.62)) drop-shadow(0 0 70px rgba(255,170,40,.34));
}
/* Gradyan satır bazında — tüm bloğa verilirse her satır geçişin farklı
   yerine düşer ve satırlar birbirinden kopuk renkte görünür. */
.ar-sign span{
  display:block;
  /* line-height .9 satır kutusunu font boyutundan kısa yapıyor; background-clip:text
     kutunun dışını boyamadığı için İ ve Ü'nün üst aksanları kayboluyordu.
     Kutuyu dikeyde büyütüp aynı miktarda geri çekiyoruz — düzen değişmiyor. */
  padding-block:.16em; margin-block:-.16em;
  background-image:linear-gradient(178deg, #C89822 0%, #8B6412 32%, #6A4D0D 51%, #C99A26 76%, #8A6412 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
[data-ar-mode="night"] .ar-sign span{
  background-image:linear-gradient(178deg, #FFFBF0 0%, #FFEEC4 46%, #FFDFA0 100%);
}
.ar-sign .ar-thin{ font-weight:300; letter-spacing:-.01em; }

.ar-hero-body{
  display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(28px,5vw,80px);
  align-items:end; padding:52px 0 60px; border-bottom:1px solid var(--ar-h-line);
}
.ar-hero-lede{
  margin:0; font-size:clamp(16px,1.5vw,19px); font-weight:300; line-height:1.62;
  max-width:52ch; color:var(--ar-h-mute) !important;
}
.ar-hero-closing{
  margin:12px 0 0; max-width:46ch; color:var(--ar-h-fg) !important;
  font-family:var(--ar-f-mono); font-size:12px; line-height:1.55;
  letter-spacing:.08em; text-transform:uppercase;
}
.ar-hero-lede b{ font-weight:600; color:var(--ar-h-fg) !important; }
.ar-hero-acts{ display:flex; gap:12px; flex-wrap:wrap; justify-self:end; }
[data-ar-mode="night"] .ar-hero .ar-btn--ghost{ border-color:var(--ar-line-dark); color:#F4F2EC; }
[data-ar-mode="night"] .ar-hero .ar-btn--ghost:hover{ border-color:var(--ar-brass); color:var(--ar-brass); }

/* Gece modu landing'in bütün açık yüzeylerine yayılır. */
[data-ar-mode="night"] .ar-strip{ background:#17181B; }
[data-ar-mode="night"] .ar-sec:not(.ar-sec--dark){ background:#111214; }
[data-ar-mode="night"] .ar-sec--tint{ background:#18191C; }
[data-ar-mode="night"] .ar-sec--dark{ background:#0E0F11; }
[data-ar-mode="night"] .ar-field input,
[data-ar-mode="night"] .ar-field select,
[data-ar-mode="night"] .ar-field textarea,
[data-ar-mode="night"] .ar-select-trigger{ color:var(--ar-plaster-3); }
[data-ar-mode="night"] .ar-field input::placeholder,
[data-ar-mode="night"] .ar-field textarea::placeholder{ color:#77736B; }
[data-ar-mode="night"] .ar-hail{ background:#151619; color:var(--ar-plaster-3); border-color:#34353A; }
[data-ar-mode="night"] .ar-hail-x{ color:var(--ar-plaster-3); border-color:var(--ar-line-dark); }
[data-ar-mode="night"] .ar-hail-tab{ border-color:var(--ar-brass); }
[data-ar-mode="night"] .ar-hail-tab .ar-tab-ico{ background:#0E0F11; color:#F6F5F1; }

@media (max-width: 860px){
  .ar-hero{ padding-top:120px; }
  .ar-hero-body{ grid-template-columns:1fr; align-items:start; gap:28px; }
  .ar-hero-acts{ justify-self:start; }
}

/* künye rayı */
.ar-rail{
  display:flex; flex-wrap:wrap; gap:0 46px; padding:22px 0 30px;
  font-family:var(--ar-f-mono); font-size:11.5px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--ar-h-mute) !important;
}
.ar-rail span{ display:inline-flex; align-items:center; gap:10px; padding:5px 0; }
.ar-rail i{ width:5px; height:5px; background:var(--ar-brass); flex:none; }

/* Dar ekranda flex-wrap satırları düzensiz dolduruyor (biri tek başına,
   ikisi yan yana). Tek sütuna indiriyoruz — madde işaretleri hizalanıyor. */
@media (max-width: 860px){
  .ar-rail{
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0;
    padding:22px 0 28px; border-top:1px solid var(--ar-line); counter-reset:ar-rail-item;
  }
  .ar-rail span{
    display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:start; gap:10px;
    min-width:0; min-height:86px; padding:16px 12px 16px 0;
    border-bottom:1px solid var(--ar-line); font-size:10.5px; line-height:1.55; letter-spacing:.14em;
    counter-increment:ar-rail-item;
  }
  .ar-rail span:nth-child(odd){ padding-right:14px; border-right:1px solid var(--ar-line); }
  .ar-rail span:nth-child(even){ padding-left:14px; padding-right:0; }
  .ar-rail span::after{
    content:"0" counter(ar-rail-item); align-self:end;
    font-family:var(--ar-f-mono); font-size:9px; letter-spacing:.12em; color:var(--ar-brass-deep);
  }
  .ar-rail i{ width:6px; height:6px; margin-top:4px; }
}
@media (max-width: 360px){
  .ar-rail{ grid-template-columns:1fr; }
  .ar-rail span:nth-child(odd), .ar-rail span:nth-child(even){ padding-inline:0; border-right:0; }
}

/* ── kapasite şeridi ─────────────────────────── */
.ar-strip{ border-block:1px solid var(--ar-line); background:var(--ar-plaster-2); overflow:hidden; }
.ar-strip-track{
  display:flex; width:max-content; animation:slide 46s linear infinite;
  font-family:var(--ar-f-mono); font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--ar-mute);
}
.ar-strip:hover .ar-strip-track{ animation-play-state:paused; }
.ar-strip-track span{ display:inline-flex; align-items:center; gap:26px; padding:17px 26px 17px 0; white-space:nowrap; }
.ar-strip-track span::after{ content:""; width:4px; height:4px; background:var(--ar-brass); }
@keyframes slide{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

/* ── bölüm iskeleti ──────────────────────────── */
.ar-sec{ padding:clamp(72px,9vw,132px) 0; }
.ar-sec--tint{ background:var(--ar-plaster-2); }
.ar-sec--dark{ background:var(--ar-ink-deep); color:var(--ar-plaster-3); }
.ar-sec--dark .ar-eyebrow{ color:var(--ar-brass); }

.ar-sec-head{
  display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(24px,5vw,72px);
  align-items:end; padding-bottom:clamp(34px,4vw,56px);
}
.ar-sec-title{
  margin:16px 0 0; font-weight:800; letter-spacing:-.03em; line-height:1.02;
  font-size:clamp(30px,4.4vw,58px); text-wrap:balance;
}
.ar-sec-title .ar-thin{ font-weight:300; }
.ar-sec-note{ margin:0; font-weight:300; line-height:1.65; color:var(--ar-mute); max-width:46ch; }
.ar-sec--dark .ar-sec-note{ color:#A5A199; }
@media (max-width: 860px){ .ar-sec-head{ grid-template-columns:1fr; align-items:start; } }

/* ── hizmetler: tam genişlik editorial satırlar ─ */
.ar-svc{ border-top:1px solid var(--ar-line); }
.ar-svc-row{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) auto;
  gap:clamp(18px,4vw,56px); align-items:baseline;
  padding:30px 0 30px 20px; border-bottom:1px solid var(--ar-line);
  position:relative; color:inherit; text-decoration:none; transition:padding-left .35s cubic-bezier(.2,.7,.2,1);
}
.ar-svc-row::before{
  content:""; position:absolute; left:0; top:26px; bottom:26px; width:3px;
  background:var(--ar-brass); transform:scaleY(0); transform-origin:top;
  transition:transform .4s cubic-bezier(.2,.7,.2,1);
}
.ar-svc-row:hover{ padding-left:32px; }
.ar-svc-row:hover::before{ transform:scaleY(1); }
.ar-svc-row::after{ content:"↗"; position:absolute; right:0; bottom:18px; color:var(--ar-brass-deep); font-family:var(--ar-f-mono); font-size:15px; opacity:.55; transition:transform .25s ease, opacity .25s ease; }
.ar-svc-row:hover::after{ transform:translate(3px,-3px); opacity:1; }
.ar-svc-name{ margin:0; font-size:clamp(20px,2.5vw,30px); font-weight:600; letter-spacing:-.02em; line-height:1.15; }
.ar-svc-desc{ margin:0; font-weight:300; color:var(--ar-mute); line-height:1.6; max-width:44ch; }
.ar-svc-tags{
  font-family:var(--ar-f-mono); font-size:10.5px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--ar-brass-deep); text-align:right; white-space:nowrap;
}
@media (max-width: 860px){
  .ar-svc-row{ grid-template-columns:1fr; gap:10px; padding-left:16px; }
  .ar-svc-tags{ text-align:left; white-space:normal; }
}

/* ── işler: yatay editoryal carousel ─────────── */
.ar-works-carousel{ position:relative; min-width:0; }
.ar-works-viewport{ min-width:0; overflow:visible; }
.ar-works{
  display:flex; align-items:flex-start; gap:clamp(16px,2.4vw,30px);
  width:100%; min-width:0; overflow-x:auto; overflow-y:hidden;
  padding:4px 0 20px; scroll-snap-type:x mandatory; scroll-behavior:smooth;
  scrollbar-width:none; overscroll-behavior-inline:contain; touch-action:pan-x;
}
.ar-works::-webkit-scrollbar{ display:none; }
.ar-work{
  /* Gerçek iş fotoğraflarını kaynak genişliklerinin üzerinde gereksizce
     büyütme; masaüstünde 480 px sınırı kartların keskinliğini korur. */
  flex:0 0 min(480px,42vw); min-width:0; scroll-snap-align:start;
}
.ar-works-controls{
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  margin-top:4px; padding:16px clamp(58px,9vw,128px) 0 0; border-top:1px solid var(--ar-line);
}
.ar-works-count{
  margin:0; font-family:var(--ar-f-mono); font-size:11px; letter-spacing:.16em;
  color:var(--ar-mute); font-variant-numeric:tabular-nums;
}
.ar-works-count span:first-child{ color:var(--ar-brass-deep); }
.ar-works-actions{ display:flex; gap:8px; }
.ar-works-btn{
  width:44px; height:44px; display:grid; place-items:center; padding:0;
  border:1px solid var(--ar-line); border-radius:var(--ar-r-pill); background:transparent;
  color:var(--ar-ink); font-family:var(--ar-f-mono); font-size:18px; line-height:1;
  cursor:pointer; transition:background .25s, border-color .25s, color .25s, opacity .25s;
}
.ar-works-btn:hover:not(:disabled){ background:var(--ar-brass); border-color:var(--ar-brass); color:#1A1305; }
.ar-works-btn:disabled{ opacity:.35; cursor:default; }
[data-ar-mode="night"] .ar-works-btn{ border-color:var(--ar-line-dark); color:var(--ar-plaster-3); }
[data-ar-mode="night"] .ar-works-btn:hover:not(:disabled){ border-color:var(--ar-brass); color:#1A1305; }

/* fotoğraf yuvası — CSS ile kurulmuş sahne */
.ar-frame{
  position:relative; overflow:hidden; display:grid; place-items:center;
  padding:clamp(28px,5vw,58px); border:1px solid var(--ar-line);
  border-radius:var(--ar-r-lg); 
  background:
    radial-gradient(120% 100% at 50% 0%, #2A2A2E 0%, #131316 72%),
    repeating-linear-gradient(90deg, rgba(0,0,0,.2) 0 1px, transparent 1px 26px);
}
.ar-work:nth-child(1) .ar-frame, .ar-work:nth-child(4) .ar-frame{ aspect-ratio:16/10; }
.ar-work:nth-child(2) .ar-frame, .ar-work:nth-child(3) .ar-frame{ aspect-ratio:4/5; }
.ar-frame::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.5) 100%);
}
.ar-frame-sign{
  margin:0; font-weight:900; text-transform:uppercase; letter-spacing:-.02em; line-height:.95;
  font-size:clamp(22px,3.4vw,46px); text-align:center;
  padding-block:.16em; margin-block:-.16em; /* aynı aksan kırpılması koruması */
  background-image:linear-gradient(176deg,#F7E3AF,#D9AB3C 40%,#8B6716 62%,#E8C86C);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.6)) drop-shadow(0 12px 22px rgba(0,0,0,.5));
  transition:filter .9s ease;
}
[data-ar-mode="night"] .ar-frame-sign{
  background-image:linear-gradient(176deg,#FFFBF0,#FFEEC4 50%,#FFDFA0);
  filter:drop-shadow(0 0 20px rgba(255,197,92,.6)) drop-shadow(0 0 54px rgba(255,170,40,.3));
}
.ar-frame-sub{
  display:block; margin-top:12px;
  font-family:var(--ar-f-mono); font-size:10px; letter-spacing:.3em; text-transform:uppercase;
  color:#8A8378; -webkit-text-fill-color:#8A8378;
}
.ar-work-cap{ display:flex; justify-content:space-between; gap:16px; padding:16px 0 0; border-top:1px solid var(--ar-line); margin-top:16px; }
.ar-work-cap h3{ margin:0; font-size:16px; font-weight:600; letter-spacing:-.01em; }
.ar-work-cap p{ margin:4px 0 0; font-family:var(--ar-f-mono); font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--ar-mute); }
.ar-work-cap .ar-yr{ font-family:var(--ar-f-mono); font-size:11px; color:var(--ar-brass-deep); font-variant-numeric:tabular-nums; }

@media (max-width: 860px){
  .ar-work{ flex-basis:min(78vw,460px); }
}
@media (max-width: 620px){
  .ar-works{ gap:14px; padding-bottom:16px; }
  .ar-work{ flex-basis:calc(100% - 28px); }
  .ar-works-controls{ margin-top:2px; }
}

.ar-note{
  margin:34px 0 0; padding:14px 18px; border:1px dashed var(--ar-line);
  border-radius:var(--ar-r-sm);
  font-family:var(--ar-f-mono); font-size:11px; letter-spacing:.1em; color:var(--ar-mute);
}
.ar-sec--dark .ar-note{ border-color:var(--ar-line-dark); color:#A5A199; }

/* ── atölye: teknik künye tablosu ────────────── */
.ar-spec-wrap{ overflow-x:auto; }
.ar-spec{ width:100%; border-collapse:collapse; min-width:560px; }
.ar-spec caption{
  text-align:left; padding-bottom:18px;
  font-family:var(--ar-f-mono); font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--ar-brass);
}
.ar-spec th{
  text-align:left; padding:0 20px 12px 0; border-bottom:1px solid var(--ar-line-dark);
  font-family:var(--ar-f-mono); font-size:10.5px; font-weight:400; letter-spacing:.18em;
  text-transform:uppercase; color:#8E8A80;
}
.ar-spec td{
  padding:17px 20px 17px 0; border-bottom:1px solid var(--ar-line-dark);
  font-size:15px; font-weight:300; color:#CFCBC1; vertical-align:top;
}
.ar-spec td:first-child{ font-weight:600; color:var(--ar-plaster-3); }
.ar-spec td.ar-num{ font-family:var(--ar-f-mono); font-variant-numeric:tabular-nums; color:var(--ar-brass); font-size:13px; }

/* ── süreç: gerçek sıra, bu yüzden numaralı ──── */
.ar-steps{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--ar-line); }
/* Padding simetrik olmalı: tek taraflı boşluk metni ayırıcı çizgiye
   yapıştırıyor ve son sütunu kenardan taşırıyordu. */
.ar-step{
  padding:36px 26px;
  border-right:1px solid var(--ar-line);
  display:flex; flex-direction:column; align-items:center; text-align:center;
}
.ar-step:nth-child(3n){ border-right:0; }
.ar-step-n{ font-family:var(--ar-f-mono); font-size:11px; letter-spacing:.2em; color:var(--ar-brass-deep); font-variant-numeric:tabular-nums; }
.ar-step h3{ margin:15px 0 9px; font-size:19px; font-weight:600; letter-spacing:-.015em; }
.ar-step p{ margin:0; max-width:28ch; font-size:14.5px; line-height:1.65; color:var(--ar-mute); }
@media (max-width: 860px){
  .ar-steps{ grid-template-columns:1fr; }
  .ar-step{ border-right:0; border-bottom:1px solid var(--ar-line); padding:28px 16px; }
  .ar-step:last-child{ border-bottom:0; }
}

/* ── teklif ──────────────────────────────────── */
.ar-quote{ display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(30px,6vw,90px); align-items:start; }
@media (max-width: 860px){ .ar-quote{ grid-template-columns:1fr; } }
.ar-quote-h{ margin:16px 0 0; font-size:clamp(28px,4vw,52px); font-weight:800; letter-spacing:-.03em; line-height:1.04; text-wrap:balance; }
.ar-quote-h .ar-thin{ font-weight:300; }
.ar-quote-side{ margin:26px 0 0; display:grid; gap:14px; }
.ar-quote-side a, .ar-quote-side span{
  display:flex; align-items:center; gap:12px;
  font-family:var(--ar-f-mono); font-size:12px; letter-spacing:.1em; color:var(--ar-mute);
}
.ar-quote-side i{ width:5px; height:5px; background:var(--ar-brass); flex:none; }
.ar-quote-side a:hover{ color:var(--ar-brass-deep); }

.ar-form{ display:grid; grid-template-columns:1fr 1fr; gap:30px 24px; }
.ar-field{ display:flex; flex-direction:column; gap:10px; }
.ar-field--full{ grid-column:1 / -1; }
.ar-field label{ font-family:var(--ar-f-mono); font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--ar-mute); }
.ar-field input, .ar-field select, .ar-field textarea{
  background:transparent; border:0; border-bottom:1px solid var(--ar-line);
  color:var(--ar-ink); font-family:var(--ar-f-disp); font-size:17px; font-weight:300;
  padding:10px 0 11px; border-radius:0; transition:border-color .3s;
}
.ar-field textarea{ resize:vertical; min-height:82px; }
.ar-field select{ appearance:none; cursor:pointer; }
.ar-field input:focus, .ar-field select:focus, .ar-field textarea:focus{ outline:none; border-bottom-color:var(--ar-brass-deep); }
.ar-field input::placeholder, .ar-field textarea::placeholder{ color:#9B978E; }
.ar-select-wrap{ position:relative; min-width:0; }
.ar-select-wrap select{
  position:absolute; width:1px; height:1px; inset:auto auto 0 0;
  opacity:0; pointer-events:none; clip-path:inset(50%); overflow:hidden;
}
.ar-select-trigger{
  width:100%; min-height:44px; display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:10px 0 11px; border:0; border-bottom:1px solid var(--ar-line);
  background:transparent; color:var(--ar-ink); font-family:var(--ar-f-disp); font-size:17px; font-weight:300;
  text-align:left; cursor:pointer; transition:border-color .3s, color .3s;
}
.ar-select-trigger:hover{ color:var(--ar-brass-deep); }
.ar-select-trigger:focus-visible{ outline:2px solid var(--ar-brass-deep); outline-offset:4px; }
.ar-select-wrap.ar-is-open .ar-select-trigger{ border-bottom-color:var(--ar-brass-deep); }
.ar-select-caret{
  width:9px; height:9px; flex:none; margin:0 3px 4px 0;
  border-right:1px solid currentColor; border-bottom:1px solid currentColor;
  transform:rotate(45deg); transition:transform .25s ease, color .25s ease;
}
.ar-select-wrap.ar-is-open .ar-select-caret{ transform:rotate(225deg); margin-bottom:-4px; color:var(--ar-brass-deep); }
.ar-select-menu{
  position:absolute; z-index:12; top:calc(100% + 10px); left:-10px; right:-10px;
  display:grid; gap:2px; max-height:260px; overflow:auto; padding:6px;
  background:rgba(246,245,241,.97); color:var(--ar-ink);
  -webkit-backdrop-filter:blur(18px) saturate(135%); backdrop-filter:blur(18px) saturate(135%);
  border:1px solid rgba(22,23,26,.16); border-radius:12px;
  box-shadow:0 18px 40px rgba(22,23,26,.16), 0 2px 8px rgba(22,23,26,.06);
}
.ar-select-menu.ar-is-up{ top:auto; bottom:calc(100% + 10px); }
.ar-select-menu[hidden]{ display:none; }
.ar-select-option{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:10px 12px; border:0; border-radius:7px; background:transparent; color:var(--ar-mute);
  font-family:var(--ar-f-text); font-size:15px; font-weight:400; line-height:1.35;
  text-align:left; cursor:pointer; transition:background .2s, color .2s;
}
.ar-select-option:hover, .ar-select-option:focus-visible, .ar-select-option.ar-is-selected{ background:rgba(228,179,60,.16); color:var(--ar-ink); outline:none; }
.ar-select-option.ar-is-selected::after{ content:""; width:5px; height:5px; flex:none; background:var(--ar-brass); }
[data-ar-mode="night"] .ar-select-menu{ background:rgba(16,16,19,.96); color:var(--ar-plaster-3); border-color:var(--ar-line-dark); box-shadow:0 18px 40px rgba(0,0,0,.42), 0 2px 8px rgba(0,0,0,.2); }
[data-ar-mode="night"] .ar-select-option{ color:#918D84; }
[data-ar-mode="night"] .ar-select-option:hover, [data-ar-mode="night"] .ar-select-option:focus-visible, [data-ar-mode="night"] .ar-select-option.ar-is-selected{ background:rgba(228,179,60,.18); color:var(--ar-plaster-3); }
.ar-form-foot{ grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; padding-top:8px; border-top:1px solid var(--ar-line-soft); }
.ar-form-foot small{ font-family:var(--ar-f-mono); font-size:10.5px; letter-spacing:.08em; color:#9B978E; }
.ar-form-foot .ar-btn{ min-height:50px; padding:13px 24px; }
@media (max-width: 620px){
  .ar-form{ grid-template-columns:1fr; }
  /* space-between dar ekranda not ile butonu kopuk gösteriyor */
  .ar-form-foot{ flex-direction:column; align-items:stretch; gap:12px; }
  .ar-form-foot .ar-btn{ justify-content:center; }
}

/* ── alt bilgi ───────────────────────────────── */
.ar-ftr{ background:var(--ar-ink-deep); color:var(--ar-plaster-3); padding:clamp(50px,7vw,84px) 0 30px; }
.ar-ftr-top{ display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:clamp(28px,5vw,64px); padding-bottom:44px; }
.ar-ftr-col h4{
  margin:0 0 16px; font-family:var(--ar-f-mono); font-size:10.5px; letter-spacing:.2em;
  text-transform:uppercase; color:var(--ar-brass); font-weight:400;
}
/* `:not(.ar-lock)` şart — aksi hâlde bu kural logo kilidinin inline-flex'ini
   ezip logoyu footer'da parçalıyor (pirinç çubuk 0 piksele iniyor). */
.ar-ftr-col p, .ar-ftr-col a:not(.ar-lock){ margin:0 0 9px; display:block; font-weight:300; font-size:14.5px; color:#B4B0A7; }
.ar-ftr-col a:not(.ar-lock):hover{ color:var(--ar-brass); }
/* inline-flex bir satır kutusu ürettiği için alttaki sloganın margin'i
   görsel olarak yutuluyordu; blok seviyesine alıyoruz */
.ar-ftr .ar-lock{ display:flex; width:fit-content; }
.ar-ftr-tag{ margin:26px 0 0; font-weight:300; font-size:14px; color:#8E8A80; max-width:34ch; line-height:1.6; }
.ar-ftr-bot{
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;
  padding-top:24px; border-top:1px solid var(--ar-line-dark);
  font-family:var(--ar-f-mono); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#6E6A62;
}
@media (max-width: 860px){
  .ar-ftr-top{ grid-template-columns:1fr; }
  /* telif ile imza space-between yüzünden iki uca dağılıyordu */
  .ar-ftr-bot{ flex-direction:column; align-items:flex-start; gap:14px; }
}

/* ── ajans imzası ─────────────────────────────
   .ar-ftr-bot mono/uppercase/letter-spacing miras bırakıyor; imza kendi
   tipografisini taşıdığı için bu üç değeri açıkça geri alıyoruz. */
.ar-credit{
  display:inline-flex; align-items:center; gap:12px;
  font-family:var(--ar-f-text); text-transform:none; letter-spacing:0;
}
.ar-credit-rule{ width:26px; height:2px; background:var(--ar-credit); flex:none; }
.ar-credit-label{ font-size:13px; font-weight:400; color:#8C8880; }
.ar-credit-name{ font-size:13px; font-weight:700; color:#F2F0EA; transition:color .25s; }
.ar-credit:hover .ar-credit-name{ color:var(--ar-credit); }

@media (max-width: 520px){
  .ar-credit{ gap:9px; }
  .ar-credit-rule{ width:18px; }
  .ar-credit-label, .ar-credit-name{ font-size:12px; }
}

/* ── sağ kenar sekmesi + sağdan açılan iletişim paneli ─ */
/* Referans dili: kenardan boşluklu yüzen dikdörtgen, yuvarlatılmış köşe,
   kalın koyu kontur, üstte daire içinde ikon. Kontur olmadan kart zeminde
   yüzmüyor, yapıştırılmış etiket etkisi kayboluyor. */
.ar-hail-tab{
  position:fixed; right:18px; top:50%; transform:translateY(-50%);
  z-index:70; display:grid; justify-items:center; gap:14px;
  width:112px; padding:15px 10px 16px;
  background:var(--ar-brass); color:#17130A;
  border:2px solid var(--ar-ink); border-radius:18px;
  box-shadow:0 10px 26px rgba(22,23,26,.18);
  cursor:pointer; text-align:center;
  transition:transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease, background .25s ease;
}
.ar-hail-tab:hover{
  transform:translateY(-50%) translateX(-5px);
  box-shadow:0 18px 42px rgba(22,23,26,.3);
  background:var(--ar-brass-hi);
}
.ar-tab-ico{
  width:36px; height:36px; flex:none;
  display:grid; place-items:center;
  background:var(--ar-ink); color:var(--ar-plaster-3);
  border-radius:var(--ar-r-pill);
}
.ar-tab-ico svg{ display:block; }
.ar-tab-txt{
  font-family:var(--ar-f-disp); font-weight:800; font-size:13px;
  line-height:1.25; letter-spacing:.01em; text-transform:uppercase;
}
.ar-tab-sub{
  display:block; margin-top:6px;
  font-weight:400; font-size:11px; line-height:1.4;
  letter-spacing:0; text-transform:none;
}

.ar-hail-scrim{
  position:fixed; inset:0; z-index:80; background:rgba(14,15,17,.52);
  opacity:0; pointer-events:none; transition:opacity .4s ease;
  border:0; padding:0; cursor:pointer;
}
.ar-hail-scrim.ar-is-open{ opacity:1; pointer-events:auto; }

/* Panel de sekmeyle aynı dilde: kenardan boşluklu, yuvarlatılmış,
   koyu konturlu yüzen dikdörtgen — ekrana yapışık bir çekmece değil. */
.ar-hail{
  position:fixed; top:16px; right:16px; bottom:16px; z-index:90;
  width:min(430px, calc(100vw - 32px)); overflow-y:auto;
  background:var(--ar-plaster-3); color:var(--ar-ink);
  border:2px solid var(--ar-ink); border-radius:var(--ar-r-lg);
  box-shadow:0 24px 60px rgba(22,23,26,.28);
  padding:clamp(26px,3.6vw,38px);
  /* Kapalıyken görünürlük yerine `inert` kullanıyoruz: visibility:hidden olsaydı
     açılış anında odak görünmez elemana gitmeye çalışıp sessizce başarısız olurdu.
     `inert` hem odak sırasından hem ekran okuyucudan çıkarır, zamanlamaya bağlı değil. */
  transform:translateX(calc(100% + 24px)); /* kenar boşluğu kadar fazladan */
  transition:transform .45s cubic-bezier(.2,.7,.2,1);
}
.ar-hail.ar-is-open{ transform:none; }


.ar-hail-x{
  position:absolute; top:16px; right:16px; width:38px; height:38px;
  display:grid; place-items:center;
  background:transparent; border:1px solid var(--ar-line); color:var(--ar-ink);
  border-radius:var(--ar-r-pill);
  cursor:pointer; transition:border-color .25s, color .25s;
}
.ar-hail-x:hover{ border-color:var(--ar-brass-deep); color:var(--ar-brass-deep); }

.ar-hail-h{ margin:14px 0 10px; font-size:clamp(26px,3.2vw,32px); font-weight:800; letter-spacing:-.028em; line-height:1.06; text-wrap:balance; }
.ar-hail-h .ar-thin{ font-weight:300; }
.ar-hail-p{ margin:0 0 26px; font-weight:300; color:var(--ar-mute); line-height:1.62; }

.ar-wa{
  display:flex; align-items:center; justify-content:center; gap:12px;
  background:var(--ar-brass); color:#1A1305; padding:17px 22px;
  border-radius:var(--ar-r-pill);
  font-family:var(--ar-f-mono); font-size:12px; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase;
  transition:background .25s;
}
.ar-wa:hover{ background:var(--ar-brass-hi); }
.ar-wa-sub{
  margin:10px 0 0; font-family:var(--ar-f-mono); font-size:10.5px;
  letter-spacing:.08em; color:#9B978E; text-align:center;
}

.ar-hail-list{ margin:30px 0 0; padding:0; border-top:1px solid var(--ar-line); }
.ar-hail-row{
  display:grid; grid-template-columns:86px 1fr; gap:16px;
  padding:15px 0; border-bottom:1px solid var(--ar-line); align-items:baseline;
}
.ar-hail-row dt{ font-family:var(--ar-f-mono); font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--ar-mute); }
.ar-hail-row dd{ margin:0; font-size:15px; font-weight:400; }
.ar-hail-row a:hover{ color:var(--ar-brass-deep); }
.ar-hail-note{ margin:26px 0 0; font-family:var(--ar-f-mono); font-size:10.5px; letter-spacing:.1em; color:#9B978E; line-height:1.75; }

/* Sekme sabit bir katman; dar ekranda içeriğin üstüne biner.
   1280px altında sadece ikona iniyor ki metni kapatmasın. */
@media (max-width: 1280px){
  .ar-hail-tab{ width:auto; padding:15px 14px; gap:0; }
  .ar-hail-tab .ar-tab-txt{ display:none; }
}

/* ─────────────────────────────────────────────
   WordPress eklentisine özel ekler
   (mockup'ta karşılığı yok — gerçek proje görselleri için)
   ───────────────────────────────────────────── */

/* Dinamik proje sayısı da carousel ritmini korur. */
.ar-works .ar-work:nth-child(n){ grid-column:auto; align-self:flex-start; }
.ar-works .ar-work .ar-frame{ aspect-ratio:4/3; }

/* Gerçek fotoğraflar. Gece görseli varsa "Tabelayı yakın" anahtarıyla
   gündüz görselinin üzerine geçiş yapar. */
.ar-frame:has(.ar-shot){ display:block; padding:0; }
.ar-shot{
  position:absolute; inset:0;
  width:100%; height:100%; object-fit:cover;
  max-width:none; /* tema img kurallarına karşı */
  transition:transform .7s cubic-bezier(.2,.7,.2,1), filter .35s ease;
}
.ar-work:hover .ar-shot{ transform:scale(1.035); filter:saturate(1.04) contrast(1.02); }
.ar-frame-source{
  position:absolute; right:14px; bottom:14px; z-index:2;
  display:inline-flex; align-items:center; min-height:30px; padding:7px 10px;
  border:1px solid rgba(255,255,255,.28); border-radius:var(--ar-r-pill);
  background:rgba(14,15,17,.72); color:#F6F5F1;
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  font-family:var(--ar-f-mono); font-size:9px; letter-spacing:.12em;
  text-transform:uppercase; transition:background .25s, border-color .25s;
}
.ar-frame-source:hover{ background:rgba(14,15,17,.9); border-color:var(--ar-brass); color:#FFF8E8; }
.ar-shot--night{ opacity:0; transition:opacity .9s ease; }
[data-ar-mode="night"] .ar-shot--night{ opacity:1; }

/* Yönetici çubuğu açıkken sabit başlık altında kalmasın */
.admin-bar .ar-hdr{ top:32px; }
@media screen and (max-width:782px){ .admin-bar .ar-hdr{ top:46px; } }

/* Mobil navbar: gerçek dokunma alanı, açık menü durumu ve alt CTA. */
@media (max-width: 940px){
  .ar-nav-toggle{
    width:42px; height:42px; padding:0;
    display:grid; place-items:center;
    border:1px solid transparent; border-radius:10px;
    transition:background .25s, border-color .25s, color .25s;
  }
  .ar-nav-toggle:focus-visible{
    outline:2px solid var(--ar-brass); outline-offset:3px;
  }
  .ar-hdr-bar:has(.ar-nav.ar-is-open) .ar-nav-toggle{
    color:var(--ar-brass-deep);
    background:rgba(197,161,74,.12);
    border-color:var(--ar-brass-deep);
  }
}

@media (max-width: 680px){
  body{ padding-bottom:0; }
  .ar-hail{ top:10px; bottom:auto; max-height:calc(100vh - 20px); }
  .ar-hail-tab{
    left:auto; right:10px; top:50%; bottom:auto; transform:translateY(-50%);
    width:48px; min-height:48px; display:grid; justify-items:center; gap:0;
    padding:7px 6px; border-radius:16px 0 0 16px; border-right:0;
    transition:opacity .25s, transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease, background .25s ease;
  }
  .ar-hail-tab:hover{ transform:translateY(-50%) translateX(-3px); }
  .ar-hail-tab .ar-tab-ico{ width:30px; height:30px; }
  .ar-hail-tab .ar-tab-txt{ display:none; }
  .ar-hail-tab .ar-tab-sub{ display:none; }
  /* Üst header sabit kalır; mobil iletişim erişimi sağ kenardaki sekmededir. */
  .ar-hdr:has(.ar-nav.ar-is-open) ~ .ar-hail-tab{
    opacity:1; pointer-events:auto; transform:translateY(-50%);
  }
}

/* Mobil footer: kolonlar birbirine karışmak yerine okunabilir bloklara ayrılır. */
@media (max-width: 680px){
  .ar-ftr{ padding:48px 0 24px; }
  .ar-ftr-top{ gap:0; padding-bottom:0; }
  .ar-ftr .ar-lock-name{ display:block !important; font-size:22px; letter-spacing:.1em; }
  .ar-ftr-col{
    padding:0 0 24px; margin:0 0 24px;
    border-bottom:1px solid var(--ar-line-dark);
  }
  .ar-ftr-col:first-child{ padding-bottom:28px; margin-bottom:26px; }
  .ar-ftr-col:last-child{ padding-bottom:0; margin-bottom:0; border-bottom:0; }
  .ar-ftr-col h4{ margin-bottom:12px; }
  .ar-ftr-col p, .ar-ftr-col a:not(.ar-lock){ line-height:1.65; }
  .ar-ftr-bot{ align-items:center; padding-top:26px; gap:17px; text-align:center; }
  .ar-ftr-bot > span{ width:100%; line-height:1.7; }
  .ar-credit{
    width:auto; display:grid; grid-template-columns:auto auto;
    justify-content:center; justify-items:center; gap:3px 7px;
  }
  .ar-credit-rule{ grid-column:1 / -1; width:32px; margin-bottom:5px; }
}

/* ── Hizmet detay sayfaları ───────────────────
   Altı kategori aynı editoryal iskeleti paylaşır; içerik ve gerçek
   referans görselleri seçilen hizmete göre service.php içinde değişir. */
.ar-service-page{
  background:
    radial-gradient(100% 52% at 76% 0%, rgba(246,223,166,.44), transparent 64%),
    var(--ar-plaster);
}
.ar-service-page .ar-service-shell{
  width:min(1180px, calc(100% - 40px));
  margin-inline:auto;
}
.ar-service-main{ padding-top:112px; }
.ar-service-crumb{
  margin:0; padding:26px 0 30px;
  color:var(--ar-brass-deep); font-family:var(--ar-f-mono);
  font-size:10px; letter-spacing:.17em; text-transform:uppercase;
}
.ar-service-eyebrow{
  margin:0 0 13px; color:var(--ar-brass-deep);
  font-family:var(--ar-f-mono); font-size:10px;
  letter-spacing:.19em; text-transform:uppercase;
}
.ar-service-hero{
  display:grid; grid-template-columns:minmax(0,1.04fr) minmax(370px,.78fr);
  gap:clamp(42px,6vw,86px); align-items:center;
  min-height:650px; padding:10px 0 88px;
}
.ar-service-title{
  margin:0; max-width:760px; font-family:var(--ar-f-disp);
  font-size:clamp(62px,8vw,112px); font-weight:900;
  line-height:.88; letter-spacing:-.075em; text-wrap:balance;
}
.ar-service-title span{
  display:block; margin-top:12px; color:var(--ar-mute);
  font-weight:300; letter-spacing:-.07em;
}
.ar-service-lede{
  max-width:49ch; margin:31px 0 0; color:var(--ar-mute);
  font-size:clamp(18px,2vw,24px); font-weight:300;
  line-height:1.4; letter-spacing:-.025em;
}
.ar-service-actions{ display:flex; flex-wrap:wrap; gap:11px; margin-top:34px; }
.ar-service-hero-visual{
  position:relative; margin:0; aspect-ratio:.83; overflow:hidden;
  border:1px solid rgba(22,23,26,.13); background:var(--ar-plaster-2);
  box-shadow:0 26px 55px rgba(22,23,26,.14);
}
.ar-service-hero-visual::after{
  content:""; position:absolute; inset:0;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22); pointer-events:none;
}
.ar-service-hero-visual img{ width:100%; height:100%; object-fit:cover; }
.ar-service-hero-mark{
  position:absolute; top:18px; left:18px; z-index:2;
  padding:9px 11px; border:1px solid rgba(255,255,255,.32);
  border-radius:var(--ar-r-pill); background:rgba(14,15,17,.72); color:#F6F5F1;
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  font-family:var(--ar-f-mono); font-size:9px; letter-spacing:.12em;
  text-transform:uppercase;
}
.ar-service-hero-visual figcaption{
  position:absolute; right:0; bottom:0; left:0; z-index:2;
  display:flex; justify-content:space-between; gap:12px;
  padding:16px 18px; background:linear-gradient(transparent,rgba(14,15,17,.82));
  color:#F6F5F1; font-family:var(--ar-f-mono); font-size:9px;
  letter-spacing:.12em; text-transform:uppercase;
}
.ar-service-section{ padding:88px 0; border-top:1px solid var(--ar-line); }
.ar-service-section--tint{
  margin-inline:calc((100vw - min(1180px, calc(100vw - 40px))) / -2);
  padding-inline:calc((100vw - min(1180px, calc(100vw - 40px))) / 2);
  background:rgba(246,245,241,.58);
}
.ar-service-section-head{
  display:grid; grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);
  gap:48px; align-items:end; margin-bottom:45px;
}
.ar-service-section-head h2,
.ar-service-detail h2,
.ar-service-cta h2{
  margin:0; font-family:var(--ar-f-disp); font-size:clamp(38px,5vw,68px);
  font-weight:900; line-height:.97; letter-spacing:-.06em; text-wrap:balance;
}
.ar-service-section-head h2 span{ color:var(--ar-mute); font-weight:300; }
.ar-service-section-note{
  margin:0; max-width:39ch; color:var(--ar-mute);
  font-size:15px; font-weight:300; line-height:1.7;
}
.ar-service-proof{ display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid var(--ar-line); }
.ar-service-proof article{
  min-height:250px; padding:29px 30px 31px 0; border-right:1px solid var(--ar-line);
}
.ar-service-proof article + article{ padding-left:30px; }
.ar-service-proof article:last-child{ border-right:0; }
.ar-service-proof-number{
  display:block; margin-bottom:56px; color:var(--ar-brass-deep);
  font-family:var(--ar-f-mono); font-size:10px; letter-spacing:.14em;
}
.ar-service-proof h3,
.ar-service-process h3{
  margin:0 0 10px; font-family:var(--ar-f-disp);
  font-size:23px; line-height:1.08; letter-spacing:-.035em;
}
.ar-service-proof p,
.ar-service-process p{
  margin:0; max-width:34ch; color:var(--ar-mute);
  font-size:14px; font-weight:300; line-height:1.64;
}
.ar-service-gallery{
  display:grid; grid-template-columns:1.35fr .8fr;
  grid-template-rows:repeat(2,minmax(250px,1fr)); gap:14px;
}
.ar-service-shot{
  position:relative; min-height:260px; margin:0; overflow:hidden;
  border:1px solid rgba(22,23,26,.12); background:var(--ar-plaster-2);
}
.ar-service-shot--lead{ grid-row:1 / span 2; }
.ar-service-shot img{
  width:100%; height:100%; min-height:260px; object-fit:cover;
  transition:transform .65s cubic-bezier(.2,.7,.2,1), filter .35s ease;
}
.ar-service-shot:hover img{ transform:scale(1.03); filter:saturate(1.04) contrast(1.02); }
.ar-service-shot figcaption{
  position:absolute; right:0; bottom:0; left:0; z-index:2;
  display:grid; grid-template-columns:1fr auto; gap:2px 13px; align-items:end;
  padding:45px 17px 15px; color:#F6F5F1;
  background:linear-gradient(transparent,rgba(14,15,17,.88));
}
.ar-service-shot figcaption > span{ font-weight:650; line-height:1.2; }
.ar-service-shot figcaption small{
  grid-row:2; color:#C5C0B6; font-family:var(--ar-f-mono);
  font-size:9px; letter-spacing:.1em; text-transform:uppercase;
}
.ar-service-shot figcaption a{
  grid-column:2; grid-row:1 / span 2; align-self:center;
  padding:7px 9px; border:1px solid rgba(255,255,255,.32);
  border-radius:var(--ar-r-pill); background:rgba(14,15,17,.35);
  font-family:var(--ar-f-mono); font-size:8px; letter-spacing:.1em;
  text-transform:uppercase; transition:border-color .25s, background .25s;
}
.ar-service-shot figcaption a:hover{ border-color:var(--ar-brass); background:rgba(14,15,17,.72); }
.ar-service-source-note{
  max-width:78ch; margin:19px 0 0; color:var(--ar-mute);
  font-family:var(--ar-f-mono); font-size:10px; line-height:1.75; letter-spacing:.04em;
}
.ar-service-detail{
  display:grid; grid-template-columns:1.08fr .92fr;
  gap:clamp(48px,8vw,108px); align-items:start;
}
.ar-service-detail-copy{
  margin:0 0 29px; color:var(--ar-mute);
  font-size:17px; font-weight:300; line-height:1.7;
}
.ar-service-specs{ margin:0; border-top:1px solid var(--ar-line); }
.ar-service-specs > div{
  display:grid; grid-template-columns:100px 1fr; gap:17px;
  padding:15px 0; border-bottom:1px solid var(--ar-line);
}
.ar-service-specs dt{
  color:var(--ar-brass-deep); font-family:var(--ar-f-mono);
  font-size:9px; letter-spacing:.14em; text-transform:uppercase;
}
.ar-service-specs dd{ margin:0; font-size:14px; line-height:1.5; }
.ar-service-process{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.ar-service-process article{
  min-height:260px; padding:26px; border:1px solid var(--ar-line);
  background:rgba(237,236,230,.56);
}
.ar-service-process article > span{
  color:var(--ar-brass-deep); font-family:var(--ar-f-mono);
  font-size:10px; letter-spacing:.13em;
}
.ar-service-process h3{ margin-top:62px; }
.ar-service-cta{
  display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center;
  padding:58px 0 98px;
}
.ar-service-cta h2{ max-width:18ch; }
.ar-service-footer .ar-ftr-top{ grid-template-columns:1.3fr .8fr .9fr; }

[data-ar-mode="night"] .ar-service-page{
  --ar-mute:#A19D93; --ar-line:rgba(246,245,241,.16);
  background:radial-gradient(85% 50% at 75% 0%,rgba(122,90,14,.22),transparent 65%),#101113;
  color:var(--ar-plaster-3);
}
[data-ar-mode="night"] .ar-service-section--tint{ background:rgba(246,245,241,.035); }
[data-ar-mode="night"] .ar-service-process article{ background:rgba(246,245,241,.035); }
[data-ar-mode="night"] .ar-btn--ghost{ color:var(--ar-plaster-3); border-color:var(--ar-line-dark); }
[data-ar-mode="night"] .ar-service-title{
  color:#FFF7DE;
  text-shadow:0 0 10px rgba(255,242,211,.46),0 0 28px rgba(255,208,113,.38),0 0 68px rgba(228,179,60,.24);
  filter:brightness(1.04) drop-shadow(0 0 9px rgba(228,179,60,.22)) drop-shadow(0 9px 18px rgba(0,0,0,.36));
}
[data-ar-mode="night"] .ar-service-title span{
  color:#EFC65F;
  text-shadow:0 0 16px rgba(255,207,91,.38),0 0 48px rgba(228,179,60,.22);
}

@media (max-width:940px){
  .ar-service-main{ padding-top:87px; }
  .ar-service-page .ar-service-shell{ width:calc(100% - 32px); }
  .ar-service-crumb{ padding-top:24px; }
  .ar-service-hero{ grid-template-columns:1fr; gap:43px; min-height:0; padding-bottom:62px; }
  .ar-service-title{ font-size:clamp(55px,16vw,92px); }
  .ar-service-hero-visual{ width:min(100%,620px); margin-inline:auto; aspect-ratio:1.05; }
  .ar-service-section{ padding:64px 0; }
  .ar-service-section--tint{ margin-inline:-16px; padding-inline:16px; }
  .ar-service-section-head{ grid-template-columns:1fr; gap:22px; margin-bottom:31px; }
  .ar-service-section-note{ max-width:55ch; }
  .ar-service-proof{ grid-template-columns:1fr; }
  .ar-service-proof article{ min-height:0; padding:21px 0 25px; border-right:0; border-bottom:1px solid var(--ar-line); }
  .ar-service-proof article + article{ padding-left:0; }
  .ar-service-proof article:last-child{ border-bottom:0; }
  .ar-service-proof-number{ margin-bottom:22px; }
  .ar-service-gallery{ grid-template-columns:1fr; grid-template-rows:auto; }
  .ar-service-shot,.ar-service-shot--lead{ grid-row:auto; min-height:0; aspect-ratio:1.2; }
  .ar-service-shot--lead{ aspect-ratio:1.05; }
  .ar-service-shot img{ min-height:0; }
  .ar-service-detail{ grid-template-columns:1fr; gap:38px; }
  .ar-service-process{ grid-template-columns:1fr; }
  .ar-service-process article{ min-height:170px; }
  .ar-service-process h3{ margin-top:31px; }
  .ar-service-cta{ grid-template-columns:1fr; gap:28px; padding-bottom:72px; }
  .ar-service-footer .ar-ftr-top{ grid-template-columns:1fr; }
}

@media (max-width:520px){
  .ar-service-main{ padding-top:77px; }
  .ar-service-crumb{ padding:22px 0 24px; font-size:8px; letter-spacing:.12em; }
  .ar-service-title{ font-size:52px; }
  .ar-service-lede{ font-size:19px; }
  .ar-service-actions .ar-btn{ width:100%; justify-content:center; }
  .ar-service-section-head h2,.ar-service-detail h2,.ar-service-cta h2{ font-size:40px; }
  .ar-service-shot figcaption{ grid-template-columns:1fr; }
  .ar-service-shot figcaption a{ grid-column:1; grid-row:auto; justify-self:start; margin-top:8px; }
  .ar-service-specs > div{ grid-template-columns:78px 1fr; gap:12px; }
}

/* ─────────────────────────────────────────────
   2.0.0 — ŞEKİLLİ HERO / MOCKUP UYUMU
   Mevcut tasarım sistemi korunur; yalnızca ilk bölüm yeni çerçeve diline geçer.
   ───────────────────────────────────────────── */
.ar-hero{ padding-top:clamp(108px,10vw,132px); }
.ar-hero-stage{
  display:grid; grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);
  gap:clamp(34px,5vw,82px); align-items:center;
  min-height:clamp(610px,72vh,760px); padding:clamp(42px,5vw,76px) 0 34px;
}
.ar-hero-copy{ position:relative; z-index:3; }
.ar-hero-copy .ar-eyebrow{ margin:0 0 24px; }
.ar-sign--hero{
  font-size:clamp(48px,5.9vw,90px); line-height:.94; text-transform:none;
  letter-spacing:-.05em; filter:none; margin:0 0 32px;
}
.ar-sign--hero span{ padding-block:.08em; margin-block:-.08em; }
.ar-sign--hero .ar-thin{ font-weight:300; }
.ar-hero-copy .ar-hero-lede{ max-width:43ch; margin:0 0 30px; }
.ar-hero-copy .ar-hero-acts{ justify-self:auto; justify-content:flex-start; }

.ar-hero-shape{
  position:relative; z-index:2; margin:0; min-height:560px;
  filter:drop-shadow(0 24px 42px rgba(0,0,0,.23));
  isolation:isolate;
}
.ar-hero-shape::before{
  content:""; position:absolute; inset:-2px; z-index:-2;
  clip-path:polygon(12% 0,100% 2%,98% 26%,100% 51%,96% 73%,84% 84%,63% 92%,42% 91%,22% 84%,7% 73%,0 53%,4% 27%);
  background:linear-gradient(140deg,var(--ar-brass-hi),var(--ar-brass-deep) 45%,rgba(228,179,60,.2) 76%,var(--ar-brass));
}
.ar-hero-shape-inner{
  position:absolute; inset:2px; overflow:hidden;
  clip-path:polygon(12% 0,100% 2%,98% 26%,100% 51%,96% 73%,84% 84%,63% 92%,42% 91%,22% 84%,7% 73%,0 53%,4% 27%);
  background:#0d0e10;
}
.ar-hero-main-photo{
  width:100%; height:100%; object-fit:cover; object-position:50% 54%;
  transform:scale(1.035); filter:saturate(.9) contrast(1.02) brightness(.94);
  transition:transform 1.2s cubic-bezier(.2,.7,.2,1), filter 1s ease;
}
.ar-hero-shape:hover .ar-hero-main-photo{ transform:scale(1.065); }
.ar-hero-photo-shade{
  position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(90deg,rgba(4,5,6,.42) 0%,rgba(4,5,6,.06) 38%,rgba(4,5,6,.03) 68%,rgba(4,5,6,.18) 100%),
             linear-gradient(0deg,rgba(5,5,7,.33),transparent 45%);
  transition:opacity .8s ease;
}
.ar-hero-photo-glow{
  position:absolute; inset:0; pointer-events:none; opacity:.18;
  background:radial-gradient(45% 44% at 47% 26%,rgba(255,196,86,.62),transparent 70%);
  mix-blend-mode:screen; transition:opacity 1s ease;
}
[data-ar-mode="night"] .ar-hero-main-photo{ filter:saturate(.86) contrast(1.08) brightness(.58) sepia(.06); }
[data-ar-mode="night"] .ar-hero-photo-shade{ opacity:.92; }
[data-ar-mode="night"] .ar-hero-photo-glow{ opacity:.74; animation:arHeroGlow 2.2s ease-out both; }
@keyframes arHeroGlow{ from{opacity:.08;filter:blur(2px)} to{opacity:.74;filter:blur(0)} }
.ar-hero-shape figcaption{
  position:absolute; left:10%; right:7%; bottom:4%; z-index:4;
  display:flex; justify-content:space-between; gap:18px;
  font-family:var(--ar-f-mono); font-size:9px; letter-spacing:.16em; text-transform:uppercase;
  color:rgba(255,255,255,.78); text-shadow:0 1px 10px rgba(0,0,0,.65);
}
.ar-hero .ar-rail{ border-top:1px solid var(--ar-h-line); border-bottom:0; }

/* Hail bandı mockuptaki sağ kenar diline biraz daha yakın. */
.ar-hail-tab{ right:0; border-radius:18px 0 0 18px; border-right:0; }
.ar-hail-tab:hover{ transform:translateY(-50%) translateX(-7px); }
.ar-panel-open .ar-hail-tab{ opacity:0; pointer-events:none; }

/* Teklif formu durumları. */
#ar-form-msg{ min-height:1.4em; display:inline-block; color:var(--ar-mute); }
#ar-quote-form button[disabled]{ opacity:.58; cursor:wait; }

/* Hizmet başlıkları: sayfa açılışında kademeli tabela ışığı. */
.ar-service-title{ transition:text-shadow 2s ease,color 2s ease,filter 2s ease; }
.ar-service-title--ignite{ filter:drop-shadow(0 0 14px rgba(228,179,60,.18)); }
[data-ar-mode="night"] .ar-service-title--ignite{
  text-shadow:0 0 12px rgba(255,227,167,.20),0 0 28px rgba(228,179,60,.18),0 0 54px rgba(228,179,60,.10);
}

@media (max-width: 980px){
  .ar-hero-stage{ grid-template-columns:1fr; min-height:auto; padding-top:32px; gap:32px; }
  .ar-hero-copy{ max-width:700px; }
  .ar-hero-shape{ min-height:500px; }
  .ar-hero-shape-inner,.ar-hero-shape::before{
    clip-path:polygon(8% 0,100% 2%,98% 28%,100% 57%,92% 78%,74% 89%,48% 94%,23% 88%,7% 75%,0 52%,3% 24%);
  }
}
@media (max-width: 640px){
  .ar-hero{ padding-top:104px; }
  .ar-hero-stage{ padding-top:18px; gap:24px; }
  .ar-sign--hero{ font-size:clamp(46px,14vw,68px); }
  .ar-hero-shape{ min-height:390px; }
  .ar-hero-shape-inner,.ar-hero-shape::before{
    clip-path:polygon(7% 0,97% 1%,100% 25%,97% 54%,100% 75%,83% 91%,55% 96%,26% 92%,6% 78%,0 53%,3% 24%);
  }
  .ar-hero-shape figcaption{ left:10%; right:8%; bottom:5%; }
  .ar-hail-tab{ right:0; }
}

/* ─────────────────────────────────────────────
   2.1.0 — Müşteri görselleri ve içerik aktarımı
   ───────────────────────────────────────────── */
html[data-ar-mode="day"] .ar-hero-slider .ar-hero-copy{
  color:#151412;
  text-shadow:none;
}
html[data-ar-mode="day"] .ar-hero-slider .ar-hero-copy .ar-eyebrow{
  color:#9B711C!important;
}
html[data-ar-mode="day"] .ar-hero-slider .ar-sign--hero{
  color:#151412!important;
  -webkit-text-fill-color:#151412!important;
  text-shadow:none;
}
html[data-ar-mode="day"] .ar-hero-slider .ar-sign--hero .ar-thin{
  color:#A66F00!important;
  -webkit-text-fill-color:#A66F00!important;
  text-shadow:none;
}
html[data-ar-mode="day"] .ar-hero-slider .ar-hero-lede{
  color:rgba(21,20,18,.76)!important;
}

/* 2.1.6 — final service decorative bounds */
html[data-ar-mode="day"] .ar-service-editorial--dark::before,
html[data-ar-mode="day"] .ar-service-cta--full::before{
  right:0!important;
}

/* 2.4.2 — final mobile readability and two-column process grid */
@media (max-width:680px){
  .ar-hero-slider .ar-hero-copy{
    width:100%;
    max-width:none;
    min-width:0;
    padding:18px 16px 20px!important;
    border-radius:20px!important;
    background:linear-gradient(90deg,rgba(7,10,14,.82) 0%,rgba(7,10,14,.68) 72%,rgba(7,10,14,.38) 100%)!important;
    -webkit-backdrop-filter:blur(7px);
    backdrop-filter:blur(7px);
    box-shadow:0 16px 34px rgba(0,0,0,.22);
    text-shadow:0 2px 10px rgba(0,0,0,.38);
  }
  .ar-hero-slider .ar-hero-copy .ar-eyebrow{
    margin-bottom:16px;
    color:#ffd166!important;
    text-shadow:0 1px 8px rgba(0,0,0,.42);
  }
  .ar-hero-slider .ar-sign--hero{
    max-width:10.5ch;
    font-size:clamp(35px,10.8vw,48px);
    line-height:.94;
    margin-bottom:16px;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 4px 18px rgba(0,0,0,.48);
  }
  .ar-hero-slider .ar-sign--hero .ar-thin{
    color:#ffd166!important;
    -webkit-text-fill-color:#ffd166!important;
    text-shadow:0 3px 16px rgba(0,0,0,.42);
  }
  .ar-hero-slider .ar-hero-lede{
    max-width:34ch;
    color:rgba(255,255,255,.94)!important;
    font-size:14px;
    line-height:1.55;
    text-shadow:0 2px 8px rgba(0,0,0,.44);
  }
  .ar-hero-slider .ar-hero-closing{
    color:rgba(255,246,219,.96)!important;
    font-size:11px;
    line-height:1.5;
    text-shadow:0 2px 8px rgba(0,0,0,.44);
  }

  .ar-steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ar-step{
    min-width:0;
    padding:22px 12px;
    border-right:1px solid var(--ar-line);
    border-bottom:1px solid var(--ar-line);
    align-items:flex-end;
    text-align:right;
  }
  .ar-step:nth-child(3n){ border-right:1px solid var(--ar-line); }
  .ar-step:nth-child(2n){ border-right:0; }
  .ar-step:nth-last-child(-n+2){ border-bottom:0; }
  .ar-step-n{ font-size:10px; }
  .ar-step h3{
    width:100%;
    margin:11px 0 8px;
    font-size:18px;
    line-height:1.15;
  }
  .ar-step p{
    width:100%;
    max-width:none;
    font-size:12px;
    line-height:1.5;
  }
}

/* 2.4.2 — mobil hero okunabilirliği ve süreç grid'i
   Hero metnini yoğun fotoğrafın üzerinde güvenli bir okuma yüzeyine alır;
   süreç kartlarını mobilde iki sütunda tutarak gereksiz dikey uzamayı önler. */
@media (max-width:680px){
  .ar-hero-slider .ar-hero-copy{
    width:100%;
    max-width:none;
    min-width:0;
    padding:18px 16px 20px!important;
    border-radius:20px!important;
    background:linear-gradient(90deg,rgba(7,10,14,.82) 0%,rgba(7,10,14,.68) 72%,rgba(7,10,14,.38) 100%)!important;
    -webkit-backdrop-filter:blur(7px);
    backdrop-filter:blur(7px);
    box-shadow:0 16px 34px rgba(0,0,0,.22);
    text-shadow:0 2px 10px rgba(0,0,0,.38);
  }
  .ar-hero-slider .ar-hero-copy .ar-eyebrow{
    margin-bottom:16px;
    color:#ffd166!important;
    text-shadow:0 1px 8px rgba(0,0,0,.42);
  }
  .ar-hero-slider .ar-sign--hero{
    max-width:10.5ch;
    font-size:clamp(35px,10.8vw,48px);
    line-height:.94;
    margin-bottom:16px;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 4px 18px rgba(0,0,0,.48);
  }
  .ar-hero-slider .ar-sign--hero .ar-thin{
    color:#ffd166!important;
    -webkit-text-fill-color:#ffd166!important;
    text-shadow:0 3px 16px rgba(0,0,0,.42);
  }
  .ar-hero-slider .ar-hero-lede{
    max-width:34ch;
    color:rgba(255,255,255,.94)!important;
    font-size:14px;
    line-height:1.55;
    text-shadow:0 2px 8px rgba(0,0,0,.44);
  }
  .ar-hero-slider .ar-hero-closing{
    color:rgba(255,246,219,.96)!important;
    font-size:11px;
    line-height:1.5;
    text-shadow:0 2px 8px rgba(0,0,0,.44);
  }

  .ar-steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ar-step{
    min-width:0;
    padding:22px 12px;
    border-right:1px solid var(--ar-line);
    border-bottom:1px solid var(--ar-line);
    align-items:flex-end;
    text-align:right;
  }
  .ar-step:nth-child(3n){ border-right:1px solid var(--ar-line); }
  .ar-step:nth-child(2n){ border-right:0; }
  .ar-step:nth-last-child(-n+2){ border-bottom:0; }
  .ar-step-n{ font-size:10px; }
  .ar-step h3{
    width:100%;
    margin:11px 0 8px;
    font-size:18px;
    line-height:1.15;
  }
  .ar-step p{
    width:100%;
    max-width:none;
    font-size:12px;
    line-height:1.5;
  }
}

/* 2.4.1 — mobil teknik künye yatay taşmasın
   Tablo tüm içeriği koruyarak ekran genişliğine oturur; uzun hücreler
   satır içinde kırılır ve sayfanın tamamını sağa doğru itmez. */
@media (max-width:680px){
  #ar-atolye .ar-spec-wrap{
    width:100%;
    max-width:100%;
    overflow:visible;
    padding-inline:10px;
  }
  #ar-atolye .ar-spec{
    width:100%;
    min-width:0!important;
    max-width:100%;
    table-layout:fixed;
  }
  #ar-atolye .ar-spec th,
  #ar-atolye .ar-spec td{
    min-width:0;
    max-width:0;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  #ar-atolye .ar-spec th:nth-child(1),
  #ar-atolye .ar-spec td:nth-child(1){ width:36%; }
  #ar-atolye .ar-spec th:nth-child(2),
  #ar-atolye .ar-spec td:nth-child(2){ width:22%; }
  #ar-atolye .ar-spec th:nth-child(3),
  #ar-atolye .ar-spec td:nth-child(3){ width:42%; }
  #ar-atolye .ar-spec th{
    padding-right:8px;
    font-size:9px;
    line-height:1.35;
    letter-spacing:.12em;
  }
  #ar-atolye .ar-spec td{
    padding:14px 8px 14px 0;
    font-size:14px;
    line-height:1.5;
  }
  #ar-atolye .ar-spec td.ar-num{
    padding-right:6px;
    font-size:11px;
    line-height:1.45;
  }
}

/* ─────────────────────────────────────────────
   2.1.6 — FINAL SERVICE DECOR BOUNDS
   Bu kural dosyanın sonunda tutulur; önceki dekoratif katmanların
   right:-120px değerini mobil belge genişliğine taşırmamasını garanti eder.
   ───────────────────────────────────────────── */
html[data-ar-mode="day"] .ar-service-editorial--dark::before,
html[data-ar-mode="day"] .ar-service-cta--full::before{
  right:0!important;
}

/* ─────────────────────────────────────────────
   2.1.3 — CLOSED CONTACT DRAWER SAFE POSITION
   Kapalı sabit panel sağda transform ile taşındığında dar ekranlarda
   documentElement.scrollWidth büyüyebiliyordu. Kapalıyken viewport dışı
   sol konuma alınır; açık durumdaki sağdan açılma korunur.
   ───────────────────────────────────────────── */
html.ar-html .ar-hail:not(.ar-is-open){
  left:calc(-100% - 24px);
  right:auto;
  width:min(430px, calc(100vw - 32px));
  transform:none;
}
html.ar-html .ar-hail.ar-is-open{
  left:auto;
  right:16px;
  transform:none;
}
@media (max-width:520px){
  html.ar-html .ar-hail.ar-is-open{
    left:8px;
    right:8px;
  }
}

/* Hizmet içi indeks mobilde yatay belge taşması oluşturmasın; bağlantılar
   okunabilir iki veya daha fazla satıra sarılır. */
@media (max-width:620px){
  .ar-service-index{
    overflow:visible;
    flex-wrap:wrap;
    row-gap:0;
  }
  .ar-service-index a{
    margin-right:16px;
  }
}

/* Sayfa genişliğini artırmaması için koyu editoryal dekor daireleri bölüm
   sınırlarının içinde kalır; görünüm ritmi korunur. */
html[data-ar-mode="day"] .ar-service-editorial--dark::before,
html[data-ar-mode="day"] .ar-service-cta--full::before{
  right:0;
}
html[data-ar-mode="day"] .ar-hero-slider .ar-btn--hero-ghost{
  color:#151412!important;
  background:rgba(255,255,255,.58);
  border-color:rgba(21,20,18,.36);
}
html[data-ar-mode="day"] .ar-hero-slide-overlay{
  background:
    linear-gradient(90deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 42%,rgba(255,255,255,0) 74%),
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 62%,rgba(21,20,18,.08));
}
.ar-atolye-photo{
  position:relative;
  margin:0 0 34px;
  overflow:hidden;
  background:#201f1c;
  aspect-ratio:2.05 / 1;
}
.ar-atolye-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 58%;
  filter:saturate(.92) contrast(1.03);
}
.ar-atolye-photo figcaption{
  position:absolute;
  left:18px;
  bottom:16px;
  padding:8px 11px;
  color:#f6f1e8;
  background:rgba(17,18,20,.72);
  font-family:var(--ar-f-mono);
  font-size:10px;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.ar-lead-photo--main img{
  object-position:center top;
}
.ar-service-page,
.ar-service-page .ar-service-shell,
.ar-service-page .ar-service-main{
  min-width:0;
  max-width:100%;
}
body.ar-page{ overflow-x:hidden; }
@media (max-width: 680px){
  .ar-atolye-photo{ aspect-ratio:1.18 / 1; }
  .ar-atolye-photo img{ object-position:center top; }
  .ar-atolye-photo figcaption{ left:12px; bottom:12px; font-size:9px; }
}
@media (prefers-reduced-motion: reduce){
  .ar-hero-main-photo,.ar-hero-photo-glow,.ar-service-title{ transition:none!important; animation:none!important; }
}


/* ── teknoloji / bilgi / kalite ─────────────────────────────
   Signbox'taki güçlü manifesto alanından ilhamla, Ayvalık Reklam'ın
   açık zemin / pirinç sistemine uyarlanmış özgün bölüm. */
.ar-lead{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 12% 18%, rgba(222,197,164,.28), transparent 34%),
    radial-gradient(circle at 88% 70%, rgba(193,210,198,.26), transparent 32%),
    var(--ar-plaster-3);
  transition:background-color .55s ease,color .55s ease;
}
.ar-lead::before{
  content:""; position:absolute; inset:auto -8vw -120px auto;
  width:min(46vw,680px); aspect-ratio:1.35;
  background:rgba(229,187,178,.18);
  transform:rotate(-7deg); border-radius:48% 38% 52% 42%;
  filter:blur(2px); z-index:-2;
}
.ar-lead-layout{ display:grid; gap:clamp(34px,5vw,68px); min-width:0; }
.ar-lead-heading{ width:100%; min-width:0; }
.ar-lead-story{
  display:grid; grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);
  gap:clamp(42px,6vw,92px); align-items:start; min-width:0; width:100%;
}
.ar-lead-copy{ padding-block:clamp(10px,2vw,28px); max-width:610px; min-width:0; }
.ar-lead-title{
  margin:18px 0 24px; font-family:var(--ar-f-disp);
  font-size:clamp(44px,5.6vw,86px); line-height:.94; letter-spacing:-.055em;
  font-weight:900; text-transform:uppercase; color:var(--ar-ink);
  max-width:none; min-width:0;
}
.ar-lead-line{ display:block; white-space:nowrap; }
.ar-lead-line--strong{ font-weight:900; color:var(--ar-ink); }
.ar-lead-line--soft{ font-weight:300; color:var(--ar-brass-deep); }
.ar-lead-intro{
  max-width:none; margin:0 0 34px; color:var(--ar-mute);
  font-size:clamp(16px,1.3vw,19px); line-height:1.75;
}
.ar-lead-intro p{ margin:0 0 18px; }
.ar-lead-intro p:last-child{ margin-bottom:0; }
.ar-lead-intro--desktop{ max-width:1120px; }
.ar-lead-intro--mobile{ display:none; }
.ar-lead-continuation{ color:var(--ar-mute); font-size:15px; line-height:1.75; }
.ar-lead-continuation p{ margin:0 0 18px; }
.ar-lead-continuation p:last-child{ margin-bottom:0; }
.ar-lead-more{
  margin:0 0 34px; border-top:1px solid var(--ar-line); border-bottom:1px solid var(--ar-line);
}
.ar-lead-more--mobile{ display:none; }
.ar-lead-more summary{
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:16px 0; cursor:pointer; list-style:none;
  font-family:var(--ar-f-mono); font-size:10px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--ar-ink);
}
.ar-lead-more summary::-webkit-details-marker{ display:none; }
.ar-lead-more summary:focus-visible{ outline:2px solid var(--ar-brass); outline-offset:5px; }
.ar-lead-more__icon{
  display:grid; place-items:center; width:27px; height:27px; flex:none;
  border:1px solid var(--ar-line); border-radius:50%;
  font-family:var(--ar-f-disp); font-size:18px; font-weight:300; line-height:1;
  transition:transform .25s ease,background-color .25s ease,color .25s ease;
}
.ar-lead-more[open] .ar-lead-more__icon{ transform:rotate(45deg); background:var(--ar-ink); color:var(--ar-plaster-3); }
.ar-lead-more__body{ padding:0 0 18px; color:var(--ar-mute); font-size:15px; line-height:1.75; }
.ar-lead-more__body p{ margin:0 0 16px; }
.ar-lead-more__body p:last-child{ margin-bottom:0; }
.ar-lead-points{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--ar-line); min-width:0; width:100%;
}
.ar-lead-point{
  display:grid; grid-template-columns:44px minmax(0,1fr);
  grid-template-areas:"n h" "n p";
  gap:10px 18px; align-items:start; padding:22px 26px 22px 0;
  border-right:1px solid var(--ar-line); border-bottom:0;
}
.ar-lead-point:nth-child(3n){ border-right:0; padding-right:0; }
.ar-lead-n{ grid-area:n; font-family:var(--ar-f-mono); font-size:10px; letter-spacing:.16em; color:var(--ar-brass-deep); padding-top:4px; }
.ar-lead-point h3{ grid-area:h; margin:0; font-family:var(--ar-f-disp); font-size:17px; line-height:1.25; text-transform:uppercase; }
.ar-lead-point p{ grid-area:p; margin:0; color:var(--ar-mute); font-size:13.5px; line-height:1.65; }
.ar-lead-visual{ min-height:clamp(560px,44vw,700px); position:relative; min-width:0; width:100%; }
.ar-lead-pastel{ position:absolute; display:block; z-index:-1; filter:saturate(.85); }
.ar-lead-pastel--sand{
  width:78%; height:64%; right:4%; top:2%;
  background:#E7D6BC; opacity:.74;
  clip-path:polygon(9% 3%,96% 0,100% 72%,80% 100%,5% 92%,0 25%);
  transform:rotate(3deg);
}
.ar-lead-pastel--sage{
  width:58%; height:45%; left:-2%; bottom:2%;
  background:#C9D3C6; opacity:.62;
  clip-path:polygon(12% 0,100% 10%,92% 100%,0 82%);
  transform:rotate(-6deg);
}
.ar-lead-photo{ position:absolute; margin:0; overflow:hidden; background:var(--ar-plaster-2); box-shadow:0 24px 70px rgba(22,23,26,.16); }
.ar-lead-photo img{ width:100%; height:100%; object-fit:cover; transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .55s ease; }
.ar-lead-photo:hover img{ transform:scale(1.035); }
.ar-lead-photo--main{
  width:89%; height:88%; right:0; top:2%;
  clip-path:polygon(8% 1%,95% 0,100% 18%,94% 93%,70% 100%,4% 91%,0 34%);
  transform:rotate(1.2deg);
}
.ar-lead-photo--small{
  width:35%; height:31%; left:0; bottom:1%; z-index:3;
  clip-path:polygon(8% 5%,96% 0,100% 86%,17% 100%,0 76%);
  transform:rotate(-3deg);
  border:3px solid rgba(246,245,241,.75);
}
.ar-lead-stamp{
  position:absolute; right:3%; bottom:4%; z-index:4;
  display:flex; flex-direction:column; gap:4px; min-width:220px;
  padding:16px 20px; background:rgba(246,245,241,.82);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.72); border-radius:var(--ar-r-sm);
  box-shadow:0 14px 36px rgba(22,23,26,.12);
}
.ar-lead-stamp span{ font-family:var(--ar-f-mono); font-size:10px; letter-spacing:.17em; text-transform:uppercase; color:var(--ar-brass-deep); }
.ar-lead-stamp strong{ font-family:var(--ar-f-disp); font-size:13px; text-transform:uppercase; }

html[data-ar-mode="night"] .ar-lead{
  background:
    radial-gradient(circle at 12% 18%, rgba(164,119,67,.16), transparent 34%),
    radial-gradient(circle at 88% 70%, rgba(86,105,91,.16), transparent 32%),
    #141517;
}
html[data-ar-mode="night"] .ar-lead::before{ background:rgba(119,73,68,.14); }
html[data-ar-mode="night"] .ar-lead-pastel--sand{ background:#5C4D3B; opacity:.36; }
html[data-ar-mode="night"] .ar-lead-pastel--sage{ background:#445047; opacity:.34; }
html[data-ar-mode="night"] .ar-lead-photo{ box-shadow:0 26px 80px rgba(0,0,0,.34); }
html[data-ar-mode="night"] .ar-lead-stamp{ background:rgba(20,21,23,.82); border-color:rgba(246,245,241,.15); }

@media (max-width:980px){
  .ar-lead-story{ grid-template-columns:1fr; gap:28px; }
  .ar-lead-copy{ max-width:none; }
  .ar-lead-visual{ min-height:clamp(520px,72vw,680px); }
  .ar-lead-title{ font-size:clamp(42px,9vw,70px); }
}
@media (max-width:620px){
  .ar-lead-visual{ min-height:clamp(390px,108vw,500px); }
  .ar-lead-title{ max-width:100%; overflow-wrap:anywhere; }
  .ar-lead-line{ white-space:normal; }
  .ar-lead-intro--desktop{ display:none; }
  .ar-lead-intro--mobile{ display:block; }
  .ar-lead-continuation--desktop{ display:none; }
  .ar-lead-more--mobile{ display:block; }
  .ar-lead-photo--main{ width:92%; height:80%; }
  .ar-lead-photo--small{ width:44%; height:29%; }
  .ar-lead-stamp{ min-width:0; right:0; bottom:0; padding:12px 14px; }
  .ar-lead-points{ grid-template-columns:1fr; }
  .ar-lead-point,
  .ar-lead-point:nth-child(3n){
    grid-template-columns:34px minmax(0,1fr);
    grid-template-areas:"n h" "n p";
    border-right:0; border-bottom:1px solid var(--ar-line); padding:18px 0;
  }
  .ar-lead-point:last-child{ border-bottom:0; }
  .ar-lead-point h3{ font-size:14px; }
  .ar-lead-point p{ font-size:12px; }
}

/* ─────────────────────────────────────────────
   2.0.3 — HİZMET SAYFALARI / EDITORYAL SERVİS MİMARİSİ
   Büyük başlık + uzmanlık blokları + üretim/kalite/teknoloji/montaj akışı.
   Mevcut Ayvalık Reklam kimliği, gece modu ve iletişim paneli korunur.
   ───────────────────────────────────────────── */
.ar-service-page{
  --ar-service-sand:#EEE7DA;
  --ar-service-sage:#E4E9E1;
  --ar-service-blush:#EFE2DE;
  --ar-service-cloud:#E7ECEB;
}
.ar-service-hero--editorial{ min-height:700px; padding-bottom:72px; }
.ar-service-hero-visual--angled{
  clip-path:polygon(7% 0,100% 2%,97% 27%,100% 55%,94% 86%,75% 98%,24% 96%,0 82%,3% 41%);
  border:0; box-shadow:0 30px 80px rgba(24,24,23,.18);
}
.ar-service-index{
  display:flex; gap:0; overflow:auto; margin:0 0 34px; border-block:1px solid var(--ar-line);
  scrollbar-width:none;
}
.ar-service-index::-webkit-scrollbar{ display:none; }
.ar-service-index a{
  flex:0 0 auto; padding:17px 22px 16px 0; margin-right:22px;
  color:var(--ar-mute); font-family:var(--ar-f-mono); font-size:9px;
  letter-spacing:.15em; text-transform:uppercase; white-space:nowrap;
  transition:color .2s ease,transform .2s ease;
}
.ar-service-index a:hover{ color:var(--ar-brass-deep); transform:translateY(-1px); }

.ar-service-editorial{
  position:relative; padding:clamp(82px,9vw,132px) 0;
  border-top:1px solid var(--ar-line); overflow:hidden;
}
.ar-service-editorial--sand{ background:var(--ar-service-sand); }
.ar-service-editorial--sage{ background:var(--ar-service-sage); }
.ar-service-editorial--blush{ background:var(--ar-service-blush); }
.ar-service-editorial--dark{ background:var(--ar-ink-deep); color:var(--ar-plaster-3); }
.ar-service-editorial--dark .ar-service-eyebrow{ color:var(--ar-brass); }
.ar-service-editorial--dark p{ color:var(--ar-mute); }
.ar-service-editorial--dark h2 span{ color:var(--ar-brass-hi); }

.ar-service-editorial-head{ margin-bottom:clamp(34px,5vw,64px); }
.ar-service-editorial-head h2,
.ar-service-editorial-copy h2,
.ar-service-delivery h2,
.ar-service-cta--full h2{
  margin:0; font-family:var(--ar-f-disp); font-weight:900;
  font-size:clamp(42px,5.7vw,78px); line-height:.95;
  letter-spacing:-.06em; text-wrap:balance;
}
.ar-service-editorial-head h2 span,
.ar-service-editorial-copy h2 span,
.ar-service-delivery h2 span{ color:var(--ar-mute); font-weight:300; }
.ar-service-editorial-head--split{
  display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:clamp(34px,6vw,90px); align-items:end;
}
.ar-service-editorial-head--split > p{
  margin:0; max-width:44ch; color:var(--ar-mute);
  font-size:15px; line-height:1.75; font-weight:300;
}
.ar-service-editorial-two{
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);
  gap:clamp(50px,8vw,120px); align-items:start;
}
.ar-service-editorial-copy p{
  margin:0 0 24px; max-width:58ch; color:var(--ar-mute);
  font-size:16px; line-height:1.82; font-weight:300;
}
.ar-service-editorial-copy .ar-service-editorial-lead{
  color:currentColor; font-size:clamp(21px,2.1vw,29px); line-height:1.46;
  letter-spacing:-.025em; font-weight:400;
}
.ar-service-editorial-copy--large h2{ margin-bottom:30px; }

.ar-service-customer-copy p{
  margin:0 0 21px; max-width:62ch; color:var(--ar-mute);
  font-size:16px; line-height:1.82; font-weight:300;
}
.ar-service-customer-copy p:first-child{
  color:currentColor; font-size:clamp(21px,2.1vw,29px); line-height:1.46;
  letter-spacing:-.025em; font-weight:400;
}
.ar-service-customer-copy h3{
  margin:34px 0 12px; color:var(--ar-ink); font-family:var(--ar-f-disp);
  font-size:clamp(23px,2.4vw,34px); line-height:1.05; letter-spacing:-.035em;
}
.ar-service-customer-copy ul{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px;
  margin:0 0 26px; padding:0; list-style:none; border-top:1px solid var(--ar-line);
}
.ar-service-customer-copy li{
  position:relative; margin:0; padding:13px 0 13px 20px; color:var(--ar-mute);
  font-size:14px; line-height:1.5; border-bottom:1px solid var(--ar-line);
}
.ar-service-customer-copy li::before{
  content:'+'; position:absolute; left:0; top:13px; color:var(--ar-brass-deep);
  font-family:var(--ar-f-mono); font-size:12px;
}

.ar-service-capabilities{ border-top:1px solid rgba(20,20,20,.16); }
.ar-service-capabilities > div{
  display:grid; grid-template-columns:110px 1fr; gap:24px;
  padding:21px 0; border-bottom:1px solid rgba(20,20,20,.16);
}
.ar-service-capabilities span{
  color:var(--ar-brass-deep); font-family:var(--ar-f-mono); font-size:9px;
  letter-spacing:.13em; text-transform:uppercase;
}
.ar-service-capabilities strong{ font-size:15px; line-height:1.45; font-weight:550; }

.ar-service-media-copy{
  display:grid; grid-template-columns:minmax(380px,.92fr) minmax(0,1.08fr);
  gap:clamp(48px,8vw,118px); align-items:center;
}
.ar-service-media-copy--reverse{ grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr); }
.ar-service-editorial-media{
  position:relative; min-height:560px; margin:0; overflow:hidden;
  background:var(--ar-plaster-2); box-shadow:0 28px 76px rgba(20,20,20,.16);
}
.ar-service-editorial-media--left{ clip-path:polygon(7% 0,100% 3%,96% 91%,76% 100%,0 94%,3% 34%); }
.ar-service-editorial-media--right{ clip-path:polygon(3% 4%,93% 0,100% 24%,96% 91%,70% 98%,6% 100%,0 68%); }
.ar-service-editorial-media img{ width:100%; height:100%; object-fit:cover; transition:transform .9s cubic-bezier(.2,.7,.2,1); }
.ar-service-editorial-media:hover img{ transform:scale(1.035); }
.ar-service-editorial-media figcaption{
  position:absolute; left:22px; bottom:20px; padding:8px 11px;
  background:rgba(13,14,16,.72); color:#F6F5F1;
  font-family:var(--ar-f-mono); font-size:8px; letter-spacing:.12em; text-transform:uppercase;
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}

.ar-service-checks{ margin-top:34px; border-top:1px solid var(--ar-line); }
.ar-service-checks > div{
  display:grid; grid-template-columns:14px 1fr; gap:14px; padding:16px 0;
  border-bottom:1px solid var(--ar-line);
}
.ar-service-checks i{ width:7px; height:7px; margin-top:8px; border-radius:50%; background:var(--ar-brass-deep); box-shadow:0 0 0 4px rgba(194,145,41,.10); }
.ar-service-checks span{ display:grid; grid-template-columns:minmax(145px,.65fr) 1fr; gap:16px; color:var(--ar-mute); font-size:13px; line-height:1.55; }
.ar-service-checks strong{ color:currentColor; font-size:14px; font-weight:650; }

.ar-service-tech-band{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  border-block:1px solid rgba(20,20,20,.16);
}
.ar-service-tech-band > div{
  min-height:210px; padding:28px 30px 30px 0; border-right:1px solid rgba(20,20,20,.16);
}
.ar-service-tech-band > div + div{ padding-left:30px; }
.ar-service-tech-band > div:last-child{ border-right:0; }
.ar-service-tech-band small{
  display:block; margin-bottom:64px; color:var(--ar-brass-deep);
  font-family:var(--ar-f-mono); font-size:9px; letter-spacing:.13em;
}
.ar-service-tech-band strong{
  display:block; max-width:12ch; font-family:var(--ar-f-disp);
  font-size:clamp(25px,3vw,42px); line-height:1; letter-spacing:-.045em;
}

.ar-service-process--editorial{ gap:0; border-top:1px solid rgba(20,20,20,.16); }
.ar-service-process--editorial article{
  min-height:300px; background:transparent; border:0; border-right:1px solid rgba(20,20,20,.16);
  padding:30px 30px 28px 0;
}
.ar-service-process--editorial article + article{ padding-left:30px; }
.ar-service-process--editorial article:last-child{ border-right:0; }
.ar-service-process--editorial h3{ margin-top:84px; }

.ar-service-delivery{
  display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  gap:clamp(48px,8vw,120px); align-items:end;
}
.ar-service-delivery p{ margin:0 0 28px; max-width:49ch; font-size:16px; line-height:1.78; font-weight:300; }
.ar-text-link{
  display:inline-flex; align-items:center; gap:12px; color:#F4F1E9;
  border-bottom:1px solid rgba(244,241,233,.38); padding-bottom:7px;
  font-family:var(--ar-f-mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase;
}
.ar-text-link span{ color:var(--ar-brass); }

.ar-service-benefits{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--ar-line);
}
.ar-service-benefits > div{
  display:grid; grid-template-columns:44px 1fr; gap:18px; align-items:center;
  min-height:76px; border-bottom:1px solid var(--ar-line);
}
.ar-service-benefits > div:nth-child(odd){ padding-right:34px; border-right:1px solid var(--ar-line); }
.ar-service-benefits > div:nth-child(even){ padding-left:34px; }
.ar-service-benefits span{ color:var(--ar-brass-deep); font-family:var(--ar-f-mono); font-size:9px; letter-spacing:.13em; }
.ar-service-benefits strong{ font-size:15px; line-height:1.3; font-weight:550; }

.ar-service-proof--editorial{ border-color:rgba(20,20,20,.16); }
.ar-service-proof--editorial article{ border-color:rgba(20,20,20,.16); }

.ar-service-gallery--angled{ gap:22px; }
.ar-service-gallery--angled .ar-service-shot--lead{
  clip-path:polygon(5% 0,100% 2%,97% 92%,76% 100%,0 95%,3% 33%);
}
.ar-service-gallery--angled .ar-service-shot:nth-child(2){
  clip-path:polygon(0 4%,94% 0,100% 17%,96% 100%,6% 96%);
}
.ar-service-gallery--angled .ar-service-shot:nth-child(3){
  clip-path:polygon(4% 0,100% 5%,95% 94%,72% 100%,0 96%);
}

.ar-service-related-wrap{ padding-top:86px; }
.ar-service-related{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.ar-service-related a{
  position:relative; min-height:230px; padding:24px; border:1px solid var(--ar-line);
  background:rgba(255,255,255,.22); transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.ar-service-related a:hover{ transform:translateY(-4px); border-color:rgba(186,138,36,.55); background:rgba(255,255,255,.38); }
.ar-service-related small{ color:var(--ar-brass-deep); font-family:var(--ar-f-mono); font-size:9px; letter-spacing:.15em; }
.ar-service-related strong{
  display:block; max-width:12ch; margin-top:82px; font-family:var(--ar-f-disp);
  font-size:26px; line-height:1.02; letter-spacing:-.04em;
}
.ar-service-related strong em{ display:block; color:var(--ar-mute); font-style:normal; font-weight:300; }
.ar-service-related > a > span{ position:absolute; right:20px; top:18px; color:var(--ar-brass-deep); font-size:18px; }

.ar-service-cta--full{ display:block; margin:0; padding:0; background:#111214; color:#F4F1E9; }
.ar-service-cta--full .ar-service-shell{ padding-block:clamp(70px,8vw,110px); }
.ar-service-cta--full .ar-service-eyebrow{ color:var(--ar-brass); }
.ar-service-cta-row{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:40px; align-items:end; }
.ar-service-cta--full h2{ max-width:17ch; }

html[data-ar-mode="night"] .ar-service-page{
  --ar-service-sand:#191817;
  --ar-service-sage:#171B18;
  --ar-service-blush:#1C1717;
  --ar-service-cloud:#171A1B;
}
html[data-ar-mode="night"] .ar-service-editorial--sand,
html[data-ar-mode="night"] .ar-service-editorial--sage,
html[data-ar-mode="night"] .ar-service-editorial--blush{ color:#F4F1E9; }
html[data-ar-mode="night"] .ar-service-capabilities,
html[data-ar-mode="night"] .ar-service-capabilities > div,
html[data-ar-mode="night"] .ar-service-tech-band,
html[data-ar-mode="night"] .ar-service-tech-band > div,
html[data-ar-mode="night"] .ar-service-process--editorial,
html[data-ar-mode="night"] .ar-service-process--editorial article,
html[data-ar-mode="night"] .ar-service-proof--editorial,
html[data-ar-mode="night"] .ar-service-proof--editorial article{ border-color:rgba(246,245,241,.13); }
html[data-ar-mode="night"] .ar-service-related a{ background:rgba(246,245,241,.025); }
html[data-ar-mode="night"] .ar-service-related a:hover{ background:rgba(246,245,241,.055); }

@media (max-width:940px){
  .ar-service-hero--editorial{ min-height:0; }
  .ar-service-hero-visual--angled{ clip-path:polygon(5% 0,100% 2%,97% 88%,78% 100%,0 94%,2% 35%); }
  .ar-service-editorial-head--split,
  .ar-service-editorial-two,
  .ar-service-media-copy,
  .ar-service-media-copy--reverse,
  .ar-service-delivery{ grid-template-columns:1fr; }
  .ar-service-media-copy--reverse .ar-service-editorial-media{ order:-1; }
  .ar-service-editorial-media{ min-height:520px; }
  .ar-service-tech-band{ grid-template-columns:1fr; }
  .ar-service-tech-band > div,.ar-service-tech-band > div + div{ min-height:0; padding:24px 0; border-right:0; border-bottom:1px solid var(--ar-line); }
  .ar-service-tech-band > div:last-child{ border-bottom:0; }
  .ar-service-tech-band small{ margin-bottom:20px; }
  .ar-service-tech-band strong{ max-width:none; }
  .ar-service-process--editorial{ grid-template-columns:1fr; }
  .ar-service-process--editorial article,.ar-service-process--editorial article + article{ min-height:0; padding:24px 0 28px; border-right:0; border-bottom:1px solid var(--ar-line); }
  .ar-service-process--editorial h3{ margin-top:36px; }
  .ar-service-benefits{ grid-template-columns:1fr; }
  .ar-service-benefits > div:nth-child(odd),.ar-service-benefits > div:nth-child(even){ padding:0; border-right:0; }
  .ar-service-related{ grid-template-columns:1fr; }
  .ar-service-related a{ min-height:170px; }
  .ar-service-related strong{ margin-top:44px; }
  .ar-service-cta-row{ grid-template-columns:1fr; align-items:start; }
}

@media (max-width:620px){
  .ar-service-index{ margin-inline:-16px; padding-inline:16px; }
  .ar-service-editorial{ padding:66px 0; }
  .ar-service-editorial-head h2,
  .ar-service-editorial-copy h2,
  .ar-service-delivery h2,
  .ar-service-cta--full h2{ font-size:clamp(38px,12vw,54px); }
  .ar-service-editorial-media{ min-height:390px; }
  .ar-service-editorial-media--left,.ar-service-editorial-media--right{ clip-path:polygon(5% 0,100% 3%,96% 92%,72% 100%,0 96%,2% 34%); }
  .ar-service-capabilities > div{ grid-template-columns:88px 1fr; gap:14px; }
  .ar-service-customer-copy ul{ grid-template-columns:1fr; }
  .ar-service-checks span{ grid-template-columns:1fr; gap:4px; }
  .ar-service-gallery--angled{ gap:14px; }
  .ar-service-benefits > div{ grid-template-columns:36px 1fr; min-height:68px; }
}

/* ─────────────────────────────────────────────
   2.0.4 — TAM BOY HERO SLIDER / PRINCIPLE ESİNTİSİ
   Ana görsel artık bölümün tamamını kaplar; tipografi doğrudan görsel
   üzerinde durur. Turuncu çizgisel katman ayrı bir dekoratif motion layer'dır.
   ───────────────────────────────────────────── */
.ar-hero-slider{
  position:relative;
  min-height:100svh;
  padding:0!important;
  overflow:hidden;
  isolation:isolate;
  background:#0a0b0d!important;
  color:#fff;
}
.ar-hero-slides,.ar-hero-slide,.ar-hero-slide img,.ar-hero-slide-overlay{
  position:absolute; inset:0;
}
.ar-hero-slides{ z-index:0; }
.ar-hero-slide{
  opacity:0;
  visibility:hidden;
  transform:scale(1.035);
  transition:opacity 1s ease, visibility 1s ease, transform 6.5s cubic-bezier(.18,.74,.18,1);
}
.ar-hero-slide.ar-is-active{
  opacity:1;
  visibility:visible;
  transform:scale(1);
  z-index:2;
}
.ar-hero-slide img{
  width:100%; height:100%; object-fit:cover; object-position:68% center;
  filter:saturate(1.08) contrast(1.01) brightness(1.04);
  transition:filter 1.9s ease, transform 6.5s cubic-bezier(.18,.74,.18,1);
}
.ar-hero-slide-overlay{
  background:
    linear-gradient(90deg,rgba(16,20,28,.44) 0%,rgba(16,20,28,.24) 28%,rgba(16,20,28,.08) 58%,rgba(16,20,28,.02) 100%),
    linear-gradient(180deg,rgba(255,249,241,.10) 0%,rgba(255,249,241,0) 34%,rgba(12,15,20,.18) 100%),
    radial-gradient(72% 72% at 12% 18%, rgba(203,233,255,.16), rgba(203,233,255,0) 58%),
    radial-gradient(55% 60% at 26% 68%, rgba(255,233,193,.14), rgba(255,233,193,0) 62%);
  pointer-events:none;
}
.ar-hero-slide-overlay::after{
  content:""; position:absolute; inset:-6%;
  background:
    radial-gradient(42% 38% at 68% 36%, rgba(255,194,84,.58), rgba(255,194,84,0) 72%),
    radial-gradient(28% 26% at 78% 58%, rgba(255,167,44,.28), rgba(255,167,44,0) 74%);
  opacity:0; filter:blur(18px); mix-blend-mode:screen;
  transition:opacity 2s ease, filter 2s ease;
}
[data-ar-mode="night"] .ar-hero-slide img{ filter:saturate(.88) contrast(1.08) brightness(.62) sepia(.05); }
[data-ar-mode="night"] .ar-hero-slide-overlay{
  background:
    linear-gradient(90deg,rgba(4,5,7,.84) 0%,rgba(4,5,7,.66) 30%,rgba(4,5,7,.28) 63%,rgba(4,5,7,.22) 100%),
    linear-gradient(180deg,rgba(4,5,7,.28),rgba(4,5,7,.08) 44%,rgba(4,5,7,.72) 100%);
}
[data-ar-mode="night"] .ar-hero-slide.ar-is-active .ar-hero-slide-overlay::after{
  opacity:.56; filter:blur(0); animation:arHeroIgnite 2.1s ease-out both;
}
@keyframes arHeroIgnite{
  0%{ opacity:.04; filter:blur(22px); }
  55%{ opacity:.62; filter:blur(5px); }
  100%{ opacity:.56; filter:blur(0); }
}

.ar-hero-overlay-shell{
  position:relative; z-index:5;
  min-height:100svh;
  display:flex;
  align-items:center;
  padding-top:clamp(128px,13vh,170px);
  padding-bottom:clamp(132px,17vh,190px);
}
.ar-hero-slider .ar-hero-copy{
  width:min(760px,68vw);
  max-width:none;
  margin:0;
  color:#fff;
  text-shadow:0 2px 24px rgba(0,0,0,.28);
}
.ar-hero-slider .ar-hero-copy .ar-eyebrow{
  margin:0 0 22px;
  color:#f6c963!important;
  font-size:11px;
  letter-spacing:.22em;
}
.ar-hero-slider .ar-sign--hero{
  margin:0 0 28px;
  font-size:clamp(58px,7vw,112px);
  line-height:.88;
  letter-spacing:-.055em;
  text-transform:none;
  background:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  filter:none;
  text-shadow:0 5px 28px rgba(0,0,0,.36);
  transition:color 1.6s ease, text-shadow 1.9s ease, filter 1.9s ease;
}
.ar-hero-slider .ar-sign--hero span{ display:block; }
.ar-hero-slider .ar-sign--hero .ar-thin{
  margin-top:.08em;
  color:#f1b52d!important;
  -webkit-text-fill-color:#f1b52d!important;
  font-weight:300;
  transition:color 1.6s ease, text-shadow 1.9s ease;
}
.ar-hero-slider .ar-hero-lede{
  max-width:52ch;
  margin:0 0 30px;
  color:rgba(255,255,255,.84)!important;
  font-size:clamp(15px,1.2vw,19px);
  line-height:1.68;
}
.ar-hero-slider .ar-hero-closing{
  margin:13px 0 30px; max-width:52ch; color:rgba(255,255,255,.92)!important;
  font-family:var(--ar-f-mono); font-size:12px; line-height:1.55;
  letter-spacing:.08em; text-transform:uppercase;
}
[data-ar-mode="night"] .ar-hero-slider .ar-hero-closing{ color:rgba(255,236,187,.95)!important; }
[data-ar-mode="night"] .ar-hero-slider .ar-sign--hero{
  text-shadow:
    0 0 8px rgba(255,250,231,.42),
    0 0 24px rgba(255,205,102,.40),
    0 0 58px rgba(255,161,38,.26),
    0 8px 34px rgba(0,0,0,.50);
  filter:brightness(1.03) drop-shadow(0 0 9px rgba(255,190,74,.24));
}
[data-ar-mode="night"] .ar-hero-slider .ar-sign--hero .ar-thin{
  text-shadow:
    0 0 7px rgba(255,226,155,.62),
    0 0 22px rgba(255,193,69,.52),
    0 0 54px rgba(255,145,28,.32);
  filter:drop-shadow(0 0 7px rgba(255,181,48,.30));
}
[data-ar-mode="night"] .ar-hero-slider .ar-hero-lede{
  color:rgba(255,255,255,.9)!important;
}

.ar-btn--hero-ghost{
  color:#fff!important;
  background:rgba(8,9,11,.22);
  border:1px solid rgba(255,255,255,.5);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
}
.ar-btn--hero-ghost:hover{ border-color:#f1b52d; color:#f1b52d!important; background:rgba(8,9,11,.42); }

.ar-hero-slider-ui{
  position:absolute;
  right:var(--ar-pad);
  bottom:clamp(132px,17vh,182px);
  z-index:7;
  display:grid;
  justify-items:end;
  gap:15px;
  color:#fff;
}
.ar-hero-count{ display:flex; align-items:baseline; gap:8px; font-family:var(--ar-f-mono); }
.ar-hero-count strong{ font-size:16px; color:#f1b52d; }
.ar-hero-count span{ font-size:10px; color:rgba(255,255,255,.58); }
.ar-hero-dots{ display:flex; gap:8px; }
.ar-hero-dots button{
  width:22px; height:2px; padding:0; border:0; background:rgba(255,255,255,.34); cursor:pointer;
  transition:width .35s ease,background .35s ease;
}
.ar-hero-dots button.ar-is-active{ width:42px; background:#f1b52d; }
.ar-hero-arrows{ display:flex; gap:10px; }
.ar-hero-arrows button{
  width:44px; height:44px; border-radius:50%; border:1px solid rgba(255,255,255,.42);
  color:#fff; background:rgba(5,6,8,.22); cursor:pointer; font-size:20px;
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  transition:background .25s ease,border-color .25s ease,transform .25s ease;
}
.ar-hero-arrows button:hover{ background:rgba(241,181,45,.16); border-color:#f1b52d; transform:scale(1.05); }

.ar-hero-rail-wrap{
  position:absolute; left:0; right:0; bottom:0; z-index:8;
  background:linear-gradient(180deg,transparent,rgba(6,7,9,.68));
}
.ar-hero-slider .ar-rail{
  color:rgba(255,255,255,.76);
  border-top:1px solid rgba(255,255,255,.2)!important;
  padding-bottom:22px;
}
.ar-hero-slider .ar-rail i{ background:#f1b52d; }

/* Principle benzeri hareketli turuncu çizgisel katman. */
.ar-principle-line{
  position:absolute; inset:-6% -4%; z-index:4; pointer-events:none;
  opacity:.84; mix-blend-mode:screen;
  animation:arPrincipleFloat 10s ease-in-out infinite alternate;
}
.ar-principle-line svg{ width:100%; height:100%; overflow:visible; }
.ar-principle-line path{
  fill:none; stroke:#ff5a1f; stroke-width:4; vector-effect:non-scaling-stroke;
  stroke-linejoin:miter; stroke-linecap:square;
  stroke-dasharray:1600 110;
  animation:arPrincipleTrace 13s linear infinite;
  filter:drop-shadow(0 0 5px rgba(255,90,31,.24));
}
@keyframes arPrincipleFloat{
  0%{ transform:translate3d(-2%,0,0) rotate(-.35deg) scale(1.03); }
  100%{ transform:translate3d(2.2%,1.8%,0) rotate(.75deg) scale(1.065); }
}
@keyframes arPrincipleTrace{ to{ stroke-dashoffset:-1710; } }

@media (max-width:980px){
  .ar-hero-slider{ min-height:860px; }
  .ar-hero-overlay-shell{ min-height:860px; align-items:flex-end; padding-top:130px; padding-bottom:170px; }
  .ar-hero-slider .ar-hero-copy{ width:min(680px,88vw); }
  .ar-hero-slider .ar-sign--hero{ font-size:clamp(54px,10vw,84px); }
  .ar-hero-slider-ui{ right:var(--ar-pad); bottom:118px; }
  .ar-principle-line{ inset:-3% -20%; opacity:.65; }
}
@media (max-width:640px){
  .ar-hero-slider{ min-height:760px; }
  .ar-hero-overlay-shell{ min-height:760px; padding-top:118px; padding-bottom:158px; align-items:flex-end; }
  .ar-hero-slider .ar-hero-copy{ width:100%; }
  .ar-hero-slider .ar-sign--hero{ font-size:clamp(46px,14vw,66px); line-height:.9; }
  .ar-hero-slider .ar-hero-lede{ max-width:34ch; font-size:14px; }
  .ar-hero-slider .ar-hero-acts{ gap:9px; }
  .ar-hero-slider .ar-btn{ padding:13px 15px; font-size:9.5px; }
  .ar-hero-slider-ui{ left:var(--ar-pad); right:var(--ar-pad); bottom:100px; display:flex; align-items:center; justify-content:space-between; }
  .ar-hero-count{ display:none; }
  .ar-hero-dots{ order:1; }
  .ar-hero-arrows{ order:2; }
  .ar-hero-arrows button{ width:40px; height:40px; }
  .ar-hero-slider .ar-rail{ display:none; }
  .ar-hero-slide img{ object-position:58% center; }
  .ar-principle-line{ inset:0 -45%; opacity:.52; }
  .ar-principle-line path{ stroke-width:3; }
}

/* 2.0.6 — Tabelayı Yak: görünür, kademeli ışık açılışı. */
html.ar-lighting-up[data-ar-mode="night"] .ar-hero-slide.ar-is-active img{
  animation:arLampPhotoIgnite 2.45s cubic-bezier(.2,.72,.18,1) both;
}
html.ar-lighting-up[data-ar-mode="night"] .ar-hero-slide.ar-is-active .ar-hero-slide-overlay::after{
  animation:arLampAuraIgnite 2.45s cubic-bezier(.16,.74,.16,1) both!important;
}
html.ar-lighting-up[data-ar-mode="night"] .ar-hero-slider .ar-sign--hero{
  animation:arLampTitleIgnite 2.35s ease-out both;
}
html.ar-lighting-up[data-ar-mode="night"] .ar-hero-slider .ar-sign--hero .ar-thin{
  animation:arLampAccentIgnite 2.55s ease-out both;
}
html.ar-lighting-up[data-ar-mode="night"] .ar-header-switch-track{
  animation:arLampSwitchIgnite 2.1s ease-out both;
}
html.ar-lighting-up[data-ar-mode="night"] .ar-service-title{
  animation:arLampServiceTitleIgnite 2.45s ease-out both;
}
html.ar-lighting-up[data-ar-mode="night"] .ar-service-hero-visual{
  animation:arLampServiceVisualIgnite 2.45s ease-out both;
}
@keyframes arLampPhotoIgnite{
  0%{ filter:saturate(.70) contrast(1.02) brightness(.34) sepia(.12); }
  32%{ filter:saturate(.78) contrast(1.05) brightness(.43) sepia(.10); }
  68%{ filter:saturate(.88) contrast(1.08) brightness(.58) sepia(.06); }
  100%{ filter:saturate(.88) contrast(1.08) brightness(.62) sepia(.05); }
}
@keyframes arLampAuraIgnite{
  0%{ opacity:0; filter:blur(28px); }
  34%{ opacity:.16; filter:blur(18px); }
  66%{ opacity:.70; filter:blur(7px); }
  82%{ opacity:.46; filter:blur(3px); }
  100%{ opacity:.56; filter:blur(0); }
}
@keyframes arLampTitleIgnite{
  0%{ text-shadow:0 4px 24px rgba(0,0,0,.52); filter:brightness(.48) drop-shadow(0 0 0 rgba(255,190,74,0)); }
  28%{ text-shadow:0 0 5px rgba(255,244,218,.10),0 5px 26px rgba(0,0,0,.48); filter:brightness(.66) drop-shadow(0 0 2px rgba(255,190,74,.04)); }
  58%{ text-shadow:0 0 13px rgba(255,247,222,.30),0 0 33px rgba(255,203,92,.28),0 0 72px rgba(255,156,31,.18); filter:brightness(.92) drop-shadow(0 0 7px rgba(255,190,74,.16)); }
  78%{ text-shadow:0 0 12px rgba(255,252,238,.58),0 0 34px rgba(255,211,111,.54),0 0 86px rgba(255,151,24,.38),0 8px 34px rgba(0,0,0,.48); filter:brightness(1.16) drop-shadow(0 0 13px rgba(255,190,74,.38)); }
  100%{ text-shadow:0 0 8px rgba(255,250,231,.42),0 0 24px rgba(255,205,102,.40),0 0 58px rgba(255,161,38,.26),0 8px 34px rgba(0,0,0,.50); filter:brightness(1.03) drop-shadow(0 0 9px rgba(255,190,74,.24)); }
}
@keyframes arLampAccentIgnite{
  0%{ text-shadow:none; filter:brightness(.42) drop-shadow(0 0 0 rgba(255,181,48,0)); opacity:.55; }
  32%{ text-shadow:0 0 5px rgba(241,181,45,.12); filter:brightness(.68); opacity:.74; }
  62%{ text-shadow:0 0 12px rgba(255,220,143,.34),0 0 32px rgba(255,184,53,.30); filter:brightness(.96) drop-shadow(0 0 5px rgba(255,181,48,.14)); opacity:.94; }
  80%{ text-shadow:0 0 10px rgba(255,236,184,.76),0 0 30px rgba(255,199,80,.66),0 0 68px rgba(255,143,22,.44); filter:brightness(1.18) drop-shadow(0 0 11px rgba(255,181,48,.42)); opacity:1; }
  100%{ text-shadow:0 0 7px rgba(255,226,155,.62),0 0 22px rgba(255,193,69,.52),0 0 54px rgba(255,145,28,.32); filter:brightness(1.04) drop-shadow(0 0 7px rgba(255,181,48,.30)); opacity:1; }
}
@keyframes arLampSwitchIgnite{
  0%{ box-shadow:0 0 0 rgba(228,179,60,0); }
  55%{ box-shadow:0 0 18px rgba(228,179,60,.55),0 0 42px rgba(228,179,60,.20); }
  100%{ box-shadow:0 0 8px rgba(228,179,60,.24); }
}
@keyframes arLampServiceTitleIgnite{
  0%{ color:#7f7a70; text-shadow:none; filter:brightness(.55); }
  45%{ color:#d7c79d; text-shadow:0 0 10px rgba(255,214,128,.14); filter:brightness(.82); }
  78%{ color:#fff7de; text-shadow:0 0 18px rgba(255,220,137,.42),0 0 56px rgba(228,179,60,.28); filter:brightness(1.08); }
  100%{ color:#fff7de; text-shadow:0 0 18px rgba(255,220,137,.32),0 0 52px rgba(228,179,60,.18); filter:brightness(1); }
}
@keyframes arLampServiceVisualIgnite{
  0%{ box-shadow:0 26px 55px rgba(22,23,26,.14),0 0 0 rgba(228,179,60,0); filter:brightness(.58); }
  70%{ box-shadow:0 26px 60px rgba(0,0,0,.34),0 0 42px rgba(228,179,60,.24); filter:brightness(1.06); }
  100%{ box-shadow:0 26px 55px rgba(0,0,0,.28),0 0 20px rgba(228,179,60,.10); filter:brightness(1); }
}

@media (prefers-reduced-motion:reduce){
  .ar-hero-slide,.ar-principle-line,.ar-principle-line path,.ar-lighting-up *{ animation:none!important; transition:none!important; }
}


/* ─────────────────────────────────────────────
   2.0.8 — MOBILE HARDENING
   Küçük ekranlarda taşma, sıkışma ve okunabilirlik sorunlarını topluca düzeltir.
   ───────────────────────────────────────────── */
@media (max-width: 860px){
  :root{ --ar-pad: 16px; }
  .ar-shell,
  .ar-service-shell{ width:calc(100% - 32px); }

  .ar-hdr{ padding-top:12px; }
  .ar-hdr-bar{
    align-items:center;
    justify-content:space-between;
    padding:10px 10px 10px 14px;
    gap:10px;
    border-radius:16px;
  }
  .ar-lock{ gap:9px; min-width:0; }
  .ar-lock-stack{ font-size:18px; line-height:.84; }
  .ar-lock-rule{ width:4px; }
  .ar-lock-name{ font-size:18px; letter-spacing:.08em; line-height:1.03; }

  .ar-cta{
    padding:10px 14px;
    font-size:12px;
    letter-spacing:.08em;
  }

  .ar-nav{
    width:100%;
    max-height:calc(100svh - 148px);
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }
  .ar-mega{ width:100%; padding:16px 14px; }
}

@media (max-width: 680px){
  body.ar-page{ font-size:15px; }

  .ar-hdr{ padding-inline:12px; }
  .ar-hdr-bar{ padding:10px; gap:8px; }
  .ar-lock-stack{ font-size:16px; }
  .ar-lock-name{ font-size:16px; }
  .ar-nav a, .ar-nav-link{
    font-size:10px;
    letter-spacing:.12em;
    padding:13px 4px;
  }
  .ar-mega-grid{ grid-template-columns:1fr; }

  .ar-hero,
  .ar-hero-slider{ min-height:auto; }
  .ar-hero-overlay-shell{
    min-height:100svh;
    align-items:flex-end;
    padding-top:112px;
    padding-bottom:122px;
  }
  .ar-hero-slider .ar-hero-copy,
  .ar-hero-copy,
  .ar-service-copy,
  .ar-lead-copy{ min-width:0; width:100%; }
  .ar-hero-slider .ar-sign--hero{ font-size:clamp(38px,12vw,54px); }
  .ar-sign--hero{ font-size:clamp(38px,11.5vw,56px); }
  .ar-hero-slider .ar-hero-lede,
  .ar-hero-copy .ar-hero-lede,
  .ar-lead-intro,
  .ar-sec-note,
  .ar-service-lede{ max-width:100%; }
  .ar-hero-slider .ar-hero-acts,
  .ar-hero-copy .ar-hero-acts,
  .ar-service-actions{ width:100%; }
  .ar-hero-slider .ar-btn,
  .ar-hero-copy .ar-btn,
  .ar-service-actions .ar-btn{
    width:100%;
    justify-content:center;
  }
  .ar-hero-slider-ui{
    left:16px; right:16px; bottom:76px;
    display:flex; align-items:center; justify-content:space-between;
    gap:14px;
  }
  .ar-hero-dots{ flex:1; min-width:0; }
  .ar-hero-dots button{ flex:1; width:auto; }
  .ar-principle-line{ inset:0 -55%; opacity:.45; }

  .ar-hero-stage{
    grid-template-columns:1fr;
    min-height:auto;
    gap:22px;
    padding-top:8px;
    padding-bottom:14px;
  }
  .ar-hero-shape{ min-height:330px; }
  .ar-hero-shape figcaption{
    left:8%; right:8%; bottom:4%;
    gap:10px; font-size:8px;
  }
  .ar-hero-shape figcaption span:last-child{ text-align:right; }

  .ar-strip-track span{ gap:18px; padding-right:18px; }
  .ar-sec{ padding:56px 0; }
  .ar-sec-title{ font-size:clamp(34px,10.5vw,48px); }
  .ar-svc-row{ padding-left:0; }
  .ar-svc-name{ font-size:clamp(27px,8vw,40px); }
  .ar-svc-tags{ font-size:11px; letter-spacing:.12em; }

  .ar-works{ gap:14px; }
  .ar-work{ flex-basis:88vw; }
  .ar-work-cap{ gap:10px; }
  .ar-work-cap h3{ font-size:15px; }
  .ar-works-controls{
    margin-top:18px;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }
  .ar-works-actions{ width:100%; }
  .ar-works-btn{ flex:1; min-width:0; }

  .ar-steps article{ padding:18px 0; }
  .ar-step h3{ font-size:24px; }

  .ar-quote{ gap:26px; }
  .ar-form{ gap:18px; }
  .ar-field input,
  .ar-field select,
  .ar-field textarea,
  .ar-select-trigger{ padding:14px 14px; }
  .ar-select-menu{ left:0; right:0; width:auto; }

  .ar-ftr{ padding-top:38px; }
  .ar-ftr-top{ gap:22px; padding-bottom:26px; }
  .ar-ftr-bot{ gap:10px; }

  .ar-hail{
    top:auto; right:8px; bottom:8px;
    width:calc(100vw - 16px);
    max-height:min(82svh, 760px);
    padding:20px 18px 20px;
    border-radius:18px;
  }
  .ar-hail-tab{
    top:auto; bottom:22px; transform:none;
    width:auto; padding:12px 12px;
    border-radius:16px 0 0 16px;
  }
  .ar-hail-tab:hover{ transform:translateX(-3px); }
  .ar-hail-row{ grid-template-columns:1fr; gap:6px; }
}

@media (max-width: 520px){
  :root{ --ar-pad: 14px; }

  .ar-hdr{ padding-top:10px; }
  .ar-hdr-bar{ border-radius:14px; }
  .ar-lock-stack{ font-size:14px; }
  .ar-lock-name{ font-size:14px; letter-spacing:.07em; }
  .ar-cta{ font-size:11px; padding:9px 12px; }

  .ar-hero-slider .ar-sign--hero,
  .ar-sign--hero,
  .ar-lead-title,
  .ar-service-title,
  .ar-service-section-head h2,
  .ar-service-detail h2,
  .ar-service-cta h2{ text-wrap:pretty; }

  .ar-hero-overlay-shell{ padding-top:104px; padding-bottom:112px; }
  .ar-hero-slider .ar-sign--hero{ font-size:clamp(34px,12.5vw,46px); }
  .ar-hero-slider .ar-hero-lede,
  .ar-hero-copy .ar-hero-lede{ font-size:14px; line-height:1.58; }
  .ar-hero-slider-ui{ left:14px; right:14px; bottom:64px; }
  .ar-hero-arrows button{ width:38px; height:38px; }
  .ar-hero-shape{ min-height:290px; }

  .ar-lead-layout{ gap:22px; }
  .ar-lead-title{ font-size:clamp(34px,12vw,46px); line-height:.98; }
  .ar-lead-points{ border-top:0; }
  .ar-lead-point{
    grid-template-columns:34px minmax(0,1fr);
    grid-template-areas:"n h" "n p";
    gap:8px 10px;
    padding:14px 0;
  }
  .ar-lead-n{ padding-top:0; }
  .ar-lead-visual{ min-height:clamp(390px,108vw,500px); }
  .ar-lead-photo--main{ width:92%; height:80%; }
  .ar-lead-photo--small{ width:44%; height:29%; }
  .ar-lead-stamp{
    left:8px; right:8px; bottom:0;
    min-width:0;
  }

  .ar-work{ flex-basis:calc(100vw - 36px); }
  .ar-work-cap{
    flex-direction:column;
    align-items:flex-start;
  }

  .ar-spec{ min-width:480px; }

  .ar-hail{
    inset:8px;
    width:auto;
    max-height:none;
    height:auto;
    border-radius:18px;
  }
  .ar-hail-tab{ bottom:14px; }

  .ar-service-main{ padding-top:74px; }
  .ar-service-title{ font-size:clamp(38px,12vw,50px); }
  .ar-service-lede{ font-size:17px; line-height:1.5; }
  .ar-service-hero-visual{ aspect-ratio:.92; }
  .ar-service-shot,
  .ar-service-shot--lead{ aspect-ratio:1.02; }
  .ar-service-specs > div{ grid-template-columns:1fr; gap:5px; }
  .ar-service-tech-band,
  .ar-service-capabilities,
  .ar-service-cta{ gap:18px; }
}

@media (max-width: 380px){
  .ar-lock-stack{ font-size:13px; }
  .ar-lock-name{ font-size:13px; }
  .ar-hero-slider .ar-sign--hero{ font-size:32px; }
  .ar-sign--hero{ font-size:34px; }
  .ar-work{ flex-basis:calc(100vw - 28px); }
  .ar-hail{ padding:18px 16px; }
}


/* ─────────────────────────────────────────────
   2.0.9 — CONCEPT VISUALS
   Müşteri yüksek çözünürlüklü proje arşivi gelene kadar kullanılan geçici görsel seti.
   ───────────────────────────────────────────── */
.ar-shot,
.ar-hero-slide img,
.ar-service-hero-visual img,
.ar-service-shot img,
.ar-service-editorial-media img,
.ar-lead-photo img{
  image-rendering:auto;
  backface-visibility:hidden;
}
.ar-frame-source--concept{
  cursor:default;
  pointer-events:none;
  border-color:rgba(255,255,255,.28);
  background:rgba(14,15,17,.62);
}
.ar-service-concept-badge{
  grid-column:2; grid-row:1 / span 2; align-self:center;
  padding:7px 9px; border:1px solid rgba(255,255,255,.32);
  border-radius:var(--ar-r-pill); background:rgba(14,15,17,.35);
  font-family:var(--ar-f-mono); font-size:8px; letter-spacing:.1em;
  text-transform:uppercase; color:#F6F5F1;
}
@media (max-width:520px){
  .ar-service-concept-badge{ grid-column:1; grid-row:auto; justify-self:start; margin-top:8px; }
}


/* 2.0.12 — Hizmet detay sayfalarında Hizmetler mega menüsü */
.ar-service-page .ar-service-mega{ z-index:70; }
.ar-service-page .ar-mega-a.ar-is-current{ background:rgba(228,179,60,.13); }
.ar-service-page .ar-mega-a.ar-is-current .ar-mega-ico{ stroke:var(--ar-brass-deep); }
.ar-service-page .ar-mega-a.ar-is-current .ar-mega-t{ color:var(--ar-ink); }
[data-ar-mode="night"] .ar-service-page .ar-mega-a.ar-is-current{ background:rgba(228,179,60,.16); }
[data-ar-mode="night"] .ar-service-page .ar-mega-a.ar-is-current .ar-mega-ico{ stroke:var(--ar-brass); }
[data-ar-mode="night"] .ar-service-page .ar-mega-a.ar-is-current .ar-mega-t{ color:var(--ar-plaster-3); }
@media (max-width:940px){
  .ar-service-page .ar-service-mega{ width:100%; max-height:calc(100svh - 150px); overflow:auto; }
}

/* ─────────────────────────────────────────────
   2.2.2 — mobil menü/panel katmanları
   Menü veya iletişim paneli açıkken gövde sabit kalır; kaydırma yalnızca
   açık katmanın kendi içindeki alanda gerçekleşir.
   ───────────────────────────────────────────── */
html.ar-scroll-locked,
body.ar-scroll-locked{ overflow:hidden; }

@media (max-width:940px){
  .ar-mega{
    max-height:calc(100svh - 128px);
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    scrollbar-width:thin;
  }
}

@media (max-width:680px){
  /* Header + açılmış mobil nav için kalan alan panelin iç scroll alanıdır. */
  #ar-mega{ max-height:max(180px, calc(100svh - 340px)); }
}

@media (max-width:680px){
  /* Sağ iletişim sekmesi ekranın kenarından erişilebilir kalır. */
  .ar-hail-tab{
    position:fixed;
    top:auto;
    right:0;
    bottom:calc(14px + env(safe-area-inset-bottom, 0px));
    z-index:115;
    width:48px;
    min-height:50px;
    padding:8px 6px;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    border-radius:16px 0 0 16px;
    border-right:0;
  }
  .ar-hail-tab:hover{ transform:translateX(-4px); }
  .ar-hail-tab .ar-tab-ico{ width:30px; height:30px; }
  .ar-hail-scrim{ z-index:110; }
  .ar-hail{
    z-index:120;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .ar-panel-open .ar-hail-tab{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(100%);
  }
}


/* ─────────────────────────────────────────────
   2.0.13 — LIGHT HOME + PASTEL SECTION SURFACES
   Gündüz modunda ana sayfa hero daha aydınlık; sayfa zeminleri Cindoruk
   benzeri parça parça pastel yüzeylerle desteklenir.
   ───────────────────────────────────────────── */
html[data-ar-mode="day"] .ar-hero-slider{
  background:#f7f2e7!important;
}
html[data-ar-mode="day"] .ar-hero-slider::before{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    radial-gradient(68% 54% at 14% 20%, rgba(196,231,255,.18), rgba(196,231,255,0) 56%),
    radial-gradient(44% 40% at 24% 72%, rgba(255,230,186,.20), rgba(255,230,186,0) 60%),
    linear-gradient(180deg, rgba(255,251,244,.10) 0%, rgba(255,251,244,0) 28%, rgba(255,251,244,.08) 100%);
}
html[data-ar-mode="day"] .ar-hero-slide img{
  filter:saturate(1.12) contrast(1.01) brightness(1.08);
}
html[data-ar-mode="day"] .ar-hero-slide-overlay{
  background:
    linear-gradient(90deg,rgba(12,18,28,.30) 0%,rgba(12,18,28,.14) 28%,rgba(12,18,28,.05) 58%,rgba(12,18,28,.01) 100%),
    linear-gradient(180deg,rgba(255,252,247,.08) 0%,rgba(255,252,247,0) 38%,rgba(10,11,13,.14) 100%),
    radial-gradient(82% 78% at 24% 16%, rgba(194,232,255,.18), rgba(194,232,255,0) 62%),
    radial-gradient(45% 34% at 32% 72%, rgba(255,227,175,.16), rgba(255,227,175,0) 58%);
}
html[data-ar-mode="day"] .ar-hero-slider .ar-hero-copy{
  text-shadow:0 4px 16px rgba(0,0,0,.18);
}
html[data-ar-mode="day"] .ar-hero-slider .ar-hero-lede{
  color:rgba(255,255,255,.95)!important;
}
html[data-ar-mode="day"] .ar-btn--hero-ghost{
  background:rgba(255,255,255,.22);
  border-color:rgba(255,255,255,.78);
}
html[data-ar-mode="day"] .ar-hero-slider .ar-sign--hero .ar-thin{
  color:#ffc93a!important;
  -webkit-text-fill-color:#ffc93a!important;
  text-shadow:0 0 18px rgba(255,212,90,.18);
}
html[data-ar-mode="day"] .ar-hero-slider .ar-sign--hero{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}


html[data-ar-mode="day"] .ar-sec,
html[data-ar-mode="day"] .ar-service-editorial,
html[data-ar-mode="day"] .ar-service-cta--full{
  position:relative;
  overflow:hidden;
}
html[data-ar-mode="day"] .ar-sec::before,
html[data-ar-mode="day"] .ar-service-editorial::before,
html[data-ar-mode="day"] .ar-service-cta--full::before,
html[data-ar-mode="day"] .ar-sec::after,
html[data-ar-mode="day"] .ar-service-editorial::after,
html[data-ar-mode="day"] .ar-service-cta--full::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  opacity:.78;
}
html[data-ar-mode="day"] .ar-sec > *,
html[data-ar-mode="day"] .ar-service-editorial > *,
html[data-ar-mode="day"] .ar-service-cta--full > *{ position:relative; z-index:1; }

html[data-ar-mode="day"] #ar-hizmetler::before{
  width:460px; height:460px; left:-140px; top:80px;
  border-radius:44% 56% 62% 38% / 46% 42% 58% 54%;
  background:rgba(231,214,188,.46);
}
html[data-ar-mode="day"] #ar-hizmetler::after{
  width:280px; height:280px; right:-70px; bottom:40px;
  border-radius:61% 39% 36% 64% / 54% 58% 42% 46%;
  background:rgba(211,222,206,.42);
}
html[data-ar-mode="day"] #ar-isler::before{
  width:520px; height:520px; right:-140px; top:30px;
  border-radius:50%; background:rgba(237,226,201,.40);
}
html[data-ar-mode="day"] #ar-isler::after{
  width:220px; height:220px; left:8%; bottom:12%;
  border-radius:42% 58% 63% 37% / 45% 40% 60% 55%;
  background:rgba(234,214,201,.32);
}
html[data-ar-mode="day"] #ar-standart::before{
  width:340px; height:340px; left:-70px; top:70px;
  border-radius:50%; background:rgba(231,214,188,.28);
}
html[data-ar-mode="day"] #ar-standart::after{
  width:300px; height:300px; right:-40px; bottom:40px;
  border-radius:50%; background:rgba(201,211,198,.24);
}
html[data-ar-mode="day"] #ar-teklif::before{
  width:420px; height:420px; right:-120px; top:-60px;
  border-radius:50%; background:rgba(228,205,191,.28);
}
html[data-ar-mode="day"] #ar-teklif::after{
  width:180px; height:180px; left:6%; bottom:10%;
  border-radius:50%; background:rgba(220,226,212,.30);
}

html[data-ar-mode="day"] .ar-sec--dark,
html[data-ar-mode="day"] .ar-service-editorial--dark,
html[data-ar-mode="day"] .ar-service-cta--full{
  background:#f6f1e8;
  color:var(--ar-ink);
}
html[data-ar-mode="day"] .ar-sec--dark .ar-eyebrow,
html[data-ar-mode="day"] .ar-service-editorial--dark .ar-service-eyebrow,
html[data-ar-mode="day"] .ar-service-cta--full .ar-service-eyebrow{ color:var(--ar-brass-deep); }
html[data-ar-mode="day"] .ar-sec--dark .ar-sec-note,
html[data-ar-mode="day"] .ar-service-editorial--dark p,
html[data-ar-mode="day"] .ar-service-cta--full p{ color:#655f55; }
html[data-ar-mode="day"] .ar-sec--dark .ar-step p,
html[data-ar-mode="day"] .ar-service-editorial--dark .ar-text-link{ color:#4e4a43; }
html[data-ar-mode="day"] .ar-sec--dark .ar-steps article,
html[data-ar-mode="day"] .ar-service-editorial--dark .ar-service-delivery{ border-color:rgba(146,126,78,.14); }
html[data-ar-mode="day"] .ar-service-editorial--dark::before,
html[data-ar-mode="day"] .ar-service-cta--full::before{
  width:360px; height:360px; right:-120px; top:10px;
  border-radius:50%; background:rgba(231,214,188,.34);
}
html[data-ar-mode="day"] .ar-service-editorial--dark::after,
html[data-ar-mode="day"] .ar-service-cta--full::after{
  width:230px; height:230px; left:-50px; bottom:-40px;
  border-radius:50%; background:rgba(205,218,206,.26);
}

html[data-ar-mode="day"] .ar-service-main{ background:#f4f0e8; }
html[data-ar-mode="day"] .ar-service-hero{
  background:linear-gradient(180deg,#f5f0e6 0%, #f2ece3 100%);
}
html[data-ar-mode="day"] .ar-service-hero::before{
  content:""; position:absolute; inset:auto; width:420px; height:420px; right:-130px; top:40px;
  border-radius:50%; background:rgba(229,213,190,.30); pointer-events:none; z-index:0;
}
html[data-ar-mode="day"] .ar-service-hero::after{
  content:""; position:absolute; width:220px; height:220px; left:8%; bottom:8%;
  border-radius:44% 56% 61% 39% / 42% 44% 56% 58%; background:rgba(206,216,204,.24); pointer-events:none; z-index:0;
}
html[data-ar-mode="day"] .ar-service-hero > *{ position:relative; z-index:1; }
html[data-ar-mode="day"] .ar-service-editorial--sand{ background:#f4efe6; }
html[data-ar-mode="day"] .ar-service-editorial--sage{ background:#eef1ea; }
html[data-ar-mode="day"] .ar-service-editorial--blush{ background:#f5ece7; }
html[data-ar-mode="day"] .ar-service-editorial:not(.ar-service-editorial--sand):not(.ar-service-editorial--sage):not(.ar-service-editorial--blush):not(.ar-service-editorial--dark){ background:#fbf8f3; }
html[data-ar-mode="day"] .ar-service-related a{ background:rgba(255,255,255,.56); }


/* ─────────────────────────────────────────────
   2.0.14 — ATÖLYE READABILITY + RICHER PASTEL LAYERS
   Atölye bölümünde metin kontrastını artırır ve daha fazla pastel/
   yuvarlak yüzey katmanı ekler.
   ───────────────────────────────────────────── */
html[data-ar-mode="day"] #ar-atolye{
  background:linear-gradient(180deg,#f7f2e9 0%, #f3ede4 100%);
}
html[data-ar-mode="day"] #ar-atolye::before{
  width:520px; height:520px; left:-180px; top:40px;
  border-radius:50%; background:rgba(232,214,188,.44);
}
html[data-ar-mode="day"] #ar-atolye::after{
  width:360px; height:360px; right:-110px; bottom:30px;
  border-radius:50%; background:rgba(207,220,207,.30);
}
html[data-ar-mode="day"] #ar-atolye .ar-shell{ position:relative; }
html[data-ar-mode="day"] #ar-atolye .ar-shell::before,
html[data-ar-mode="day"] #ar-atolye .ar-shell::after{
  content:""; position:absolute; pointer-events:none; z-index:0; opacity:.88;
}
html[data-ar-mode="day"] #ar-atolye .ar-shell::before{
  width:240px; height:240px; left:48%; top:72px;
  border-radius:47% 53% 58% 42% / 44% 41% 59% 56%;
  background:rgba(245,228,210,.36);
}
html[data-ar-mode="day"] #ar-atolye .ar-shell::after{
  width:160px; height:160px; right:12%; top:310px;
  border-radius:50%; background:rgba(232,214,188,.34);
}
html[data-ar-mode="day"] #ar-atolye .ar-shell > *{ position:relative; z-index:1; }

html[data-ar-mode="day"] #ar-atolye .ar-sec-note{
  color:#5f584e;
  font-size:clamp(17px,1.7vw,19px);
  line-height:1.6;
}
html[data-ar-mode="day"] #ar-atolye .ar-sign{
  color:var(--ar-ink);
}
html[data-ar-mode="day"] #ar-atolye .ar-sign .ar-thin{
  color:#635d54;
}
html[data-ar-mode="day"] #ar-atolye .ar-spec-wrap{
  margin-top:18px;
  background:rgba(255,255,255,.54);
  border:1px solid rgba(156,135,86,.16);
  border-radius:28px;
  box-shadow:0 18px 40px rgba(99,86,67,.08);
  padding:12px 20px 8px;
  backdrop-filter:blur(6px);
}
html[data-ar-mode="day"] #ar-atolye .ar-spec caption{
  color:var(--ar-brass-deep);
}
html[data-ar-mode="day"] #ar-atolye .ar-spec th{
  color:#857b6b;
  border-bottom-color:rgba(126,107,68,.14);
}
html[data-ar-mode="day"] #ar-atolye .ar-spec td{
  color:#5b544b;
  border-bottom-color:rgba(126,107,68,.12);
}
html[data-ar-mode="day"] #ar-atolye .ar-spec td:first-child{
  color:#232127;
  font-weight:600;
}
html[data-ar-mode="day"] #ar-atolye .ar-spec td.ar-num{
  color:var(--ar-brass-deep);
  font-weight:600;
}
html[data-ar-mode="day"] #ar-atolye .ar-steps{
  margin-top:18px;
  border-top-color:rgba(126,107,68,.16);
  background:rgba(255,255,255,.34);
  border-radius:28px;
  overflow:hidden;
}
html[data-ar-mode="day"] #ar-atolye .ar-step{
  border-right-color:rgba(126,107,68,.12);
}
html[data-ar-mode="day"] #ar-atolye .ar-step h3{
  color:#26242a;
}
html[data-ar-mode="day"] #ar-atolye .ar-step p{
  color:#615a50;
}
@media (max-width: 860px){
  html[data-ar-mode="day"] #ar-atolye .ar-shell::before{ left:auto; right:-30px; top:180px; width:170px; height:170px; }
  html[data-ar-mode="day"] #ar-atolye .ar-shell::after{ right:2%; top:auto; bottom:180px; width:120px; height:120px; }
  html[data-ar-mode="day"] #ar-atolye .ar-spec-wrap{ padding:10px 16px 6px; border-radius:22px; }
  html[data-ar-mode="day"] #ar-atolye .ar-steps{ border-radius:22px; }
}


/* ─────────────────────────────────────────────
   2.0.15 — STRONGER PASTEL CIRCLES
   Pastel daireler/organik arka plan formları daha görünür hale gelir.
   ───────────────────────────────────────────── */
html[data-ar-mode="day"] .ar-sec::before,
html[data-ar-mode="day"] .ar-service-editorial::before,
html[data-ar-mode="day"] .ar-service-cta--full::before,
html[data-ar-mode="day"] .ar-sec::after,
html[data-ar-mode="day"] .ar-service-editorial::after,
html[data-ar-mode="day"] .ar-service-cta--full::after,
html[data-ar-mode="day"] #ar-atolye .ar-shell::before,
html[data-ar-mode="day"] #ar-atolye .ar-shell::after{
  opacity:.98;
  filter:blur(1px);
  box-shadow:0 24px 60px rgba(180,152,96,.10), inset 0 0 0 1px rgba(255,255,255,.18);
}

html[data-ar-mode="day"] #ar-hizmetler::before{ background:rgba(227,206,171,.62); }
html[data-ar-mode="day"] #ar-hizmetler::after{ background:rgba(194,214,196,.56); }
html[data-ar-mode="day"] #ar-isler::before{ background:rgba(233,219,190,.56); }
html[data-ar-mode="day"] #ar-isler::after{ background:rgba(233,206,190,.48); }
html[data-ar-mode="day"] #ar-standart::before{ background:rgba(229,209,175,.42); }
html[data-ar-mode="day"] #ar-standart::after{ background:rgba(193,209,194,.38); }
html[data-ar-mode="day"] #ar-teklif::before{ background:rgba(229,201,183,.40); }
html[data-ar-mode="day"] #ar-teklif::after{ background:rgba(211,221,206,.40); }

html[data-ar-mode="day"] #ar-atolye::before{ background:rgba(229,206,171,.62); }
html[data-ar-mode="day"] #ar-atolye::after{ background:rgba(195,213,194,.46); }
html[data-ar-mode="day"] #ar-atolye .ar-shell::before{ background:rgba(241,221,197,.52); }
html[data-ar-mode="day"] #ar-atolye .ar-shell::after{ background:rgba(229,206,171,.46); }

html[data-ar-mode="day"] .ar-service-hero::before{ background:rgba(228,208,177,.44); }
html[data-ar-mode="day"] .ar-service-hero::after{ background:rgba(195,214,196,.34); }
html[data-ar-mode="day"] .ar-service-editorial--dark::before,
html[data-ar-mode="day"] .ar-service-cta--full::before{ background:rgba(229,208,176,.48); }
html[data-ar-mode="day"] .ar-service-editorial--dark::after,
html[data-ar-mode="day"] .ar-service-cta--full::after{ background:rgba(196,214,198,.36); }

html[data-ar-mode="day"] .ar-service-editorial--sand{ background:#f6efe3; }
html[data-ar-mode="day"] .ar-service-editorial--sage{ background:#edf2e9; }
html[data-ar-mode="day"] .ar-service-editorial--blush{ background:#f7ebe5; }
html[data-ar-mode="day"] .ar-service-editorial:not(.ar-service-editorial--sand):not(.ar-service-editorial--sage):not(.ar-service-editorial--blush):not(.ar-service-editorial--dark){ background:#fcf7f1; }


/* ─────────────────────────────────────────────
   2.0.17 — HERO CLARITY + COPY POSITION FIX
   Ana banner görseli daha anlaşılır olur; yazılar ilk ekranda tam görünür.
   ───────────────────────────────────────────── */
.ar-hero-slide img{
  object-position:center center;
}
.ar-principle-line{
  opacity:.46;
}
.ar-hero-overlay-shell{
  display:block;
  min-height:100svh;
  padding-top:clamp(110px,12vh,142px);
  padding-bottom:clamp(118px,13vh,148px);
}
.ar-hero-slider .ar-hero-copy{
  width:min(640px,54vw);
  max-width:min(640px,54vw);
  padding:clamp(18px,2.1vw,28px);
  border-radius:30px;
  background:linear-gradient(145deg, rgba(10,14,20,.24), rgba(10,14,20,.08));
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  box-shadow:0 24px 60px rgba(0,0,0,.12);
}
.ar-hero-slider .ar-sign--hero{
  font-size:clamp(46px,6vw,92px);
  line-height:.9;
  max-width:10.5ch;
  margin:0 0 20px;
}
.ar-hero-slider .ar-hero-lede{
  max-width:34ch;
}
.ar-hero-slider .ar-hero-acts{
  margin-top:20px;
}
.ar-hero-slider-ui{
  bottom:clamp(108px,12vh,138px);
}
.ar-hero-rail-wrap{
  background:linear-gradient(180deg,transparent,rgba(10,12,16,.34));
}
html[data-ar-mode="day"] .ar-hero-slider .ar-hero-copy{
  background:linear-gradient(145deg, rgba(12,18,28,.18), rgba(255,255,255,.08));
  box-shadow:0 20px 50px rgba(121,103,71,.12);
}
html[data-ar-mode="day"] .ar-principle-line{
  opacity:.34;
}
html[data-ar-mode="day"] .ar-hero-slide img{
  filter:saturate(1.15) contrast(1.01) brightness(1.12);
}
html[data-ar-mode="day"] .ar-hero-slide-overlay{
  background:
    linear-gradient(90deg,rgba(12,18,28,.24) 0%,rgba(12,18,28,.12) 22%,rgba(12,18,28,.04) 48%,rgba(12,18,28,0) 100%),
    linear-gradient(180deg,rgba(255,252,247,.04) 0%,rgba(255,252,247,0) 34%,rgba(10,11,13,.08) 100%),
    radial-gradient(70% 70% at 12% 16%, rgba(193,232,255,.16), rgba(193,232,255,0) 58%),
    radial-gradient(38% 28% at 28% 70%, rgba(255,226,165,.14), rgba(255,226,165,0) 56%);
}
@media (max-width: 1100px){
  .ar-hero-slider .ar-hero-copy{
    width:min(620px,62vw);
    max-width:min(620px,62vw);
  }
}
@media (max-width: 860px){
  .ar-hero-overlay-shell{
    padding-top:calc(var(--ar-header-h, 86px) + 28px);
    padding-bottom:116px;
  }
  .ar-hero-slider .ar-hero-copy{
    width:100%; max-width:none;
    padding:18px 16px;
    border-radius:24px;
  }
  .ar-hero-slider .ar-sign--hero{
    font-size:clamp(38px,11vw,58px);
    max-width:11ch;
  }
}


/* ─────────────────────────────────────────────
   2.0.18 — SYNCED SIGN LIGHT / WHITE HERO
   Beyaz-tonlu hero fotoğrafı kullanır. Tabelayı Yak ile fotoğraftaki
   tabela aydınlatması ve tipografi aynı anda kademeli olarak açılır.
   ───────────────────────────────────────────── */
.ar-hero-slide .ar-hero-img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  object-position:center center;
  transition:opacity 2.1s ease, filter 2.1s ease, transform 6.5s cubic-bezier(.18,.74,.18,1);
}
.ar-hero-img--day{ opacity:1; z-index:0; filter:saturate(1.04) brightness(1.04) contrast(.99); }
.ar-hero-img--night{ opacity:0; z-index:1; filter:saturate(1.02) brightness(.98) contrast(1.01); }
[data-ar-mode="night"] .ar-hero-img--day{ opacity:1; }
[data-ar-mode="night"] .ar-hero-img--night{ opacity:1; }
html.ar-lighting-up[data-ar-mode="night"] .ar-hero-slide.ar-is-active .ar-hero-img--night{
  animation:arPhotoSignIgnite 2.15s ease-out both;
}
@keyframes arPhotoSignIgnite{
  0%{ opacity:0; filter:saturate(.88) brightness(.92) contrast(1); }
  42%{ opacity:.34; filter:saturate(.96) brightness(.96) contrast(1); }
  72%{ opacity:.78; filter:saturate(1.04) brightness(1.04) contrast(1.01); }
  100%{ opacity:1; filter:saturate(1.08) brightness(1.06) contrast(1.01); }
}

/* Metnin arkasındaki cam/gölge panel kaldırıldı. */
.ar-hero-slider .ar-hero-copy,
html[data-ar-mode="day"] .ar-hero-slider .ar-hero-copy{
  background:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
}

/* İlk açılış hizası: başlık header altında, CTA ve alt bilgi ilk ekranda. */
.ar-hero-overlay-shell{
  display:flex;
  align-items:flex-start;
  min-height:100svh;
  padding-top:clamp(148px,17vh,184px);
  padding-bottom:118px;
}
.ar-hero-slider .ar-hero-copy{
  width:min(700px,54vw);
  max-width:min(700px,54vw);
}
.ar-hero-slider .ar-sign--hero{
  font-size:clamp(50px,6.4vw,98px);
  line-height:.88;
  max-width:11ch;
  margin-bottom:20px;
}
.ar-hero-slider .ar-hero-lede{ max-width:38ch; }
.ar-hero-slider-ui{ bottom:108px; }

/* Beyaz, açık görselin anlaşılır kalması için sadece sol metin tarafında hafif okuma gradyanı. */
html[data-ar-mode="day"] .ar-hero-slide-overlay{
  background:
    linear-gradient(90deg,rgba(12,21,34,.22) 0%,rgba(12,21,34,.10) 28%,rgba(12,21,34,.02) 50%,rgba(12,21,34,0) 72%),
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 55%,rgba(10,15,20,.06) 100%);
}
[data-ar-mode="night"] .ar-hero-slide-overlay{
  background:
    linear-gradient(90deg,rgba(4,7,12,.46) 0%,rgba(4,7,12,.24) 30%,rgba(4,7,12,.06) 58%,rgba(4,7,12,.02) 100%),
    linear-gradient(180deg,rgba(4,7,12,.06),rgba(4,7,12,0) 45%,rgba(4,7,12,.22) 100%);
}

@media (max-width: 860px){
  .ar-hero-overlay-shell{
    align-items:flex-start;
    padding-top:118px;
    padding-bottom:116px;
  }
  .ar-hero-slider .ar-hero-copy{ width:100%; max-width:none; }
  .ar-hero-slider .ar-sign--hero{ font-size:clamp(38px,11.5vw,58px); max-width:10.5ch; }
}


/* ─────────────────────────────────────────────
   2.0.19 — HEADER CONTRAST + HERO RAIL READABILITY
   Header menü aralığını açar; menü tonunu koyulaştırır.
   Hero alt bilgi şeridi daha koyu ve okunur hale gelir.
   ───────────────────────────────────────────── */
html[data-ar-mode="day"] .ar-hdr-bar{
  background:rgba(247,244,238,.90);
  border-color:rgba(115,102,79,.16);
  box-shadow:0 14px 32px rgba(71,62,49,.10), inset 0 1px 0 rgba(255,255,255,.65);
}
html[data-ar-mode="day"] .ar-nav{
  gap:10px;
}
html[data-ar-mode="day"] .ar-nav a,
html[data-ar-mode="day"] .ar-nav-link{
  color:#4f4a41;
  padding:6px 12px;
  letter-spacing:.15em;
}
html[data-ar-mode="day"] .ar-nav-sep{
  color:#7f786e;
  margin-inline:1px;
}
html[data-ar-mode="day"] .ar-nav a:hover,
html[data-ar-mode="day"] .ar-nav-link:hover,
html[data-ar-mode="day"] .ar-nav-link[aria-expanded="true"]{
  color:#1f1d1a;
  background:rgba(55,49,41,.07);
}

html[data-ar-mode="day"] .ar-hero-rail-wrap{
  background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(247,243,236,.72) 26%, rgba(241,235,226,.92) 100%);
  border-top:1px solid rgba(92,81,61,.10);
}
html[data-ar-mode="day"] .ar-hero-slider .ar-rail{
  color:#554d42;
  border-top:1px solid rgba(99,87,67,.22)!important;
  text-shadow:none;
}
html[data-ar-mode="day"] .ar-hero-slider .ar-rail span{
  color:#554d42;
}
html[data-ar-mode="day"] .ar-hero-slider .ar-rail i{
  background:#c49316;
  box-shadow:0 0 0 1px rgba(196,147,22,.15);
}

@media (max-width: 860px){
  html[data-ar-mode="day"] .ar-nav{
    gap:0;
  }
  html[data-ar-mode="day"] .ar-nav a,
  html[data-ar-mode="day"] .ar-nav-link{
    color:#454038;
    padding:13px 6px;
    letter-spacing:.13em;
  }
  html[data-ar-mode="day"] .ar-nav-sep{
    color:#8b847a;
  }
  html[data-ar-mode="day"] .ar-hero-slider .ar-rail{
    color:#4e473e;
  }
}


/* ─────────────────────────────────────────────
   2.0.20 — HERO KICKER READABILITY + SLIGHTLY DARKER IMAGE
   Hero üst etiketi daha okunur olur; gündüz hero görseli bir tık koyulaşır.
   ───────────────────────────────────────────── */
html[data-ar-mode="day"] .ar-hero-slider .ar-hero-copy .ar-eyebrow,
html[data-ar-mode="day"] .ar-hero .ar-eyebrow#ar-hero-kicker,
html[data-ar-mode="day"] #ar-hero-kicker{
  color:#7d5a12!important;
  text-shadow:0 1px 0 rgba(255,255,255,.18), 0 1px 8px rgba(0,0,0,.08);
  font-weight:700;
  letter-spacing:.24em;
}
html[data-ar-mode="day"] .ar-hero-img--day{
  filter:saturate(1.02) brightness(.94) contrast(1.01)!important;
}
html[data-ar-mode="day"] .ar-hero-slide img{
  filter:saturate(1.05) contrast(1.01) brightness(.96)!important;
}
html[data-ar-mode="day"] .ar-hero-slide-overlay{
  background:
    linear-gradient(90deg,rgba(12,21,34,.28) 0%,rgba(12,21,34,.13) 28%,rgba(12,21,34,.03) 50%,rgba(12,21,34,0) 72%),
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 55%,rgba(10,15,20,.10) 100%)!important;
}


/* ─────────────────────────────────────────────
   2.0.21 — HERO RAIL POSITION + SUBTLY DARKER DAY IMAGE
   Alt bilgi şeridi açılışta tam görünür; hero görseli bir tık daha koyu olur.
   ───────────────────────────────────────────── */
.ar-hero-overlay-shell{
  padding-bottom:clamp(96px,11vh,118px)!important;
}
.ar-hero-slider-ui{
  bottom:clamp(96px,11vh,118px)!important;
}
.ar-hero-rail-wrap{
  bottom:10px;
}
.ar-hero-slider .ar-rail{
  padding-bottom:10px;
}
html[data-ar-mode="day"] .ar-hero-img--day{
  filter:saturate(1.01) brightness(.90) contrast(1.01)!important;
}
html[data-ar-mode="day"] .ar-hero-slide img{
  filter:saturate(1.03) contrast(1.01) brightness(.92)!important;
}
html[data-ar-mode="day"] .ar-hero-slide-overlay{
  background:
    linear-gradient(90deg,rgba(12,21,34,.34) 0%,rgba(12,21,34,.17) 28%,rgba(12,21,34,.05) 50%,rgba(12,21,34,0) 72%),
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 55%,rgba(10,15,20,.14) 100%)!important;
}
@media (max-width: 860px){
  .ar-hero-overlay-shell{
    padding-bottom:92px!important;
  }
  .ar-hero-slider-ui{
    bottom:94px!important;
  }
  .ar-hero-rail-wrap{
    bottom:6px;
  }
  .ar-hero-slider .ar-rail{
    padding-bottom:8px;
  }
}


/* ─────────────────────────────────────────────
   2.0.22 — HERO BOTTOM RAIL SAFE AREA
   Alt bilgi şeridini viewport güvenli alanına taşır; hiçbir satır aşağıda kesilmez.
   ───────────────────────────────────────────── */
.ar-hero-rail-wrap{
  bottom:32px!important;
}
.ar-hero-slider .ar-rail{
  min-height:52px;
  padding:14px 0 10px!important;
  align-items:center;
}
.ar-hero-slider .ar-rail span{
  line-height:1.35;
}
.ar-hero-slider-ui{
  bottom:132px!important;
}
.ar-hero-overlay-shell{
  padding-bottom:148px!important;
}
html.admin-bar .ar-hero-rail-wrap{
  bottom:38px!important;
}
html.admin-bar .ar-hero-slider-ui{
  bottom:138px!important;
}
@media (max-width: 860px){
  .ar-hero-rail-wrap{ bottom:18px!important; }
  .ar-hero-slider-ui{ bottom:112px!important; }
  .ar-hero-overlay-shell{ padding-bottom:126px!important; }
  .ar-hero-slider .ar-rail{ min-height:46px; padding:10px 0 8px!important; }
}


/* ─────────────────────────────────────────────
   2.0.23 — STRONGER ORANGE MOTION LINE
   Hareketli turuncu çizgi daha belirgin görünür.
   ───────────────────────────────────────────── */
.ar-principle-line{
  opacity:.82!important;
  mix-blend-mode:normal;
  filter:none;
}
.ar-principle-line path{
  stroke:#ff6b2e!important;
  stroke-width:5.2!important;
  stroke-dasharray:1500 90!important;
  filter:drop-shadow(0 0 7px rgba(255,107,46,.30)) drop-shadow(0 0 18px rgba(255,141,61,.22));
}
html[data-ar-mode="day"] .ar-principle-line{
  opacity:.72!important;
}
html[data-ar-mode="day"] .ar-principle-line path{
  stroke:#ff6a2a!important;
  stroke-width:5.4!important;
  filter:drop-shadow(0 0 8px rgba(255,106,42,.34)) drop-shadow(0 0 20px rgba(255,165,84,.26));
}
@media (max-width: 980px){
  .ar-principle-line{
    opacity:.76!important;
  }
  .ar-principle-line path{
    stroke-width:4.8!important;
  }
  html[data-ar-mode="day"] .ar-principle-line{
    opacity:.66!important;
  }
}
@media (max-width: 640px){
  .ar-principle-line{
    opacity:.70!important;
  }
  .ar-principle-line path{
    stroke-width:4.4!important;
  }
  html[data-ar-mode="day"] .ar-principle-line{
    opacity:.60!important;
  }
}

/* ─────────────────────────────────────────────
   2.1.1 — DAY HERO TEXT CONTRAST
   Genel hero kuralları aşağıda tekrar tanımlandığı için müşteri görselindeki
   gündüz metnini son katmanda sabitler; gece görünümüne dokunmaz.
   ───────────────────────────────────────────── */
html[data-ar-mode="day"] .ar-hero-slider .ar-sign--hero,
html[data-ar-mode="day"] .ar-hero-slider .ar-sign--hero span{
  background-image:none!important;
  background-color:transparent!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  color:#151412!important;
  -webkit-text-fill-color:#151412!important;
  text-shadow:none!important;
}
html[data-ar-mode="day"] .ar-hero-slider .ar-sign--hero .ar-thin{
  color:#A66F00!important;
  -webkit-text-fill-color:#A66F00!important;
}
html[data-ar-mode="day"] .ar-hero-slider .ar-hero-copy{
  color:#151412!important;
  text-shadow:none!important;
}
html[data-ar-mode="day"] .ar-hero-slider .ar-hero-lede{
  color:rgba(21,20,18,.76)!important;
}

/* 2.1.6 — final service decorative bounds */
html[data-ar-mode="day"] .ar-service-editorial--dark::before,
html[data-ar-mode="day"] .ar-service-cta--full::before{
  right:0!important;
}

/* 2.4.2 — final mobile readability and two-column process grid */
@media (max-width:680px){
  .ar-hero-slider .ar-hero-copy{
    width:100%;
    max-width:none;
    min-width:0;
    padding:18px 16px 20px!important;
    border-radius:20px!important;
    background:linear-gradient(90deg,rgba(7,10,14,.82) 0%,rgba(7,10,14,.68) 72%,rgba(7,10,14,.38) 100%)!important;
    -webkit-backdrop-filter:blur(7px);
    backdrop-filter:blur(7px);
    box-shadow:0 16px 34px rgba(0,0,0,.22);
    text-shadow:0 2px 10px rgba(0,0,0,.38);
  }
  .ar-hero-slider .ar-hero-copy .ar-eyebrow{
    margin-bottom:16px;
    color:#ffd166!important;
    text-shadow:0 1px 8px rgba(0,0,0,.42);
  }
  .ar-hero-slider .ar-sign--hero{
    max-width:10.5ch;
    font-size:clamp(35px,10.8vw,48px);
    line-height:.94;
    margin-bottom:16px;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 4px 18px rgba(0,0,0,.48);
  }
  .ar-hero-slider .ar-sign--hero .ar-thin{
    color:#ffd166!important;
    -webkit-text-fill-color:#ffd166!important;
    text-shadow:0 3px 16px rgba(0,0,0,.42);
  }
  .ar-hero-slider .ar-hero-lede{
    max-width:34ch;
    color:rgba(255,255,255,.94)!important;
    font-size:14px;
    line-height:1.55;
    text-shadow:0 2px 8px rgba(0,0,0,.44);
  }
  .ar-hero-slider .ar-hero-closing{
    color:rgba(255,246,219,.96)!important;
    font-size:11px;
    line-height:1.5;
    text-shadow:0 2px 8px rgba(0,0,0,.44);
  }
  .ar-steps{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ar-step{
    min-width:0;
    padding:22px 12px;
    border-right:1px solid var(--ar-line);
    border-bottom:1px solid var(--ar-line);
    align-items:flex-end;
    text-align:right;
  }
  .ar-step:nth-child(3n){ border-right:1px solid var(--ar-line); }
  .ar-step:nth-child(2n){ border-right:0; }
  .ar-step:nth-last-child(-n+2){ border-bottom:0; }
  .ar-step-n{ font-size:10px; }
  .ar-step h3{ width:100%; margin:11px 0 8px; font-size:18px; line-height:1.15; }
  .ar-step p{ width:100%; max-width:none; font-size:12px; line-height:1.5; }
}

/* Gündüz modundaki yüksek özgüllüklü eski renk kurallarını mobil okuma
   yüzeyiyle birlikte son kez sabitler. */
@media (max-width:680px){
  html[data-ar-mode="day"] .ar-hero-slider .ar-hero-copy{
    color:#fff!important;
    padding:18px 16px 20px!important;
    border-radius:20px!important;
    background:linear-gradient(90deg,rgba(7,10,14,.82) 0%,rgba(7,10,14,.68) 72%,rgba(7,10,14,.38) 100%)!important;
    -webkit-backdrop-filter:blur(7px)!important;
    backdrop-filter:blur(7px)!important;
    box-shadow:0 16px 34px rgba(0,0,0,.22)!important;
    text-shadow:0 2px 10px rgba(0,0,0,.38)!important;
  }
  html[data-ar-mode="day"] .ar-hero-slider .ar-sign--hero,
  html[data-ar-mode="day"] .ar-hero-slider .ar-sign--hero span{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 4px 18px rgba(0,0,0,.48)!important;
  }
  html[data-ar-mode="day"] .ar-hero-slider .ar-sign--hero .ar-thin{
    color:#ffd166!important;
    -webkit-text-fill-color:#ffd166!important;
  }
  html[data-ar-mode="day"] .ar-hero-slider .ar-hero-lede{
    color:rgba(255,255,255,.94)!important;
    text-shadow:0 2px 8px rgba(0,0,0,.44)!important;
  }
}

/* 2.4.2 — tablet/mobile continuity */
@media (min-width:681px) and (max-width:860px){
  .ar-hero-slider .ar-hero-copy,
  html[data-ar-mode="day"] .ar-hero-slider .ar-hero-copy{
    width:100%;
    max-width:none;
    min-width:0;
    color:#fff!important;
    padding:22px 20px 24px!important;
    border-radius:24px!important;
    background:linear-gradient(90deg,rgba(7,10,14,.78) 0%,rgba(7,10,14,.60) 72%,rgba(7,10,14,.30) 100%)!important;
    -webkit-backdrop-filter:blur(7px);
    backdrop-filter:blur(7px);
    box-shadow:0 16px 34px rgba(0,0,0,.20);
    text-shadow:0 2px 10px rgba(0,0,0,.36);
  }
  .ar-hero-slider .ar-sign--hero,
  html[data-ar-mode="day"] .ar-hero-slider .ar-sign--hero,
  html[data-ar-mode="day"] .ar-hero-slider .ar-sign--hero span{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 4px 18px rgba(0,0,0,.46)!important;
  }
  .ar-hero-slider .ar-sign--hero .ar-thin,
  html[data-ar-mode="day"] .ar-hero-slider .ar-sign--hero .ar-thin{
    color:#ffd166!important;
    -webkit-text-fill-color:#ffd166!important;
  }
  .ar-hero-slider .ar-hero-lede,
  html[data-ar-mode="day"] .ar-hero-slider .ar-hero-lede{
    color:rgba(255,255,255,.94)!important;
    text-shadow:0 2px 8px rgba(0,0,0,.42)!important;
  }
  .ar-steps{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ar-step{
    min-width:0;
    padding:28px 18px;
    border-right:1px solid var(--ar-line);
    border-bottom:1px solid var(--ar-line);
    align-items:flex-end;
    text-align:right;
  }
  .ar-step:nth-child(3n){ border-right:1px solid var(--ar-line); }
  .ar-step:nth-child(2n){ border-right:0; }
  .ar-step:nth-last-child(-n+2){ border-bottom:0; }
  .ar-step h3{ width:100%; }
  .ar-step p{ width:100%; max-width:none; }
}