/* ═══ Yazı tipleri — sitenin içinden (assets/font/; Google'a istek gitmez → KVKK, CSP) ═══ */
/* Archivo · latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url(../assets/font/archivo-100-900-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Archivo · latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url(../assets/font/archivo-100-900-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* JetBrains Mono · latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/font/jetbrains-mono-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* JetBrains Mono · latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/font/jetbrains-mono-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* JetBrains Mono · latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../assets/font/jetbrains-mono-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* JetBrains Mono · latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../assets/font/jetbrains-mono-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ═══════════════════════════════════════════════════════
   Karel Kreatif Ajansı
   Renk kaynağı: assets/logo.png (ölçülerek çıkarıldı)
   ═══════════════════════════════════════════════════════ */

:root{
  --blue:#3570EE;        /* alan / panel — BBDO kırmızısıyla aynı enerji bandı */
  --blue-deep:#0B3288;   /* logodan ölçülen marka mavisi */
  --ink:#0B0B0D;
  --ink-2:#141418;
  --paper:#FAFAF8;
  --mute:#8A8A93;

  --mono:"JetBrains Mono",ui-monospace,monospace;
  --ease:cubic-bezier(.16,1,.3,1);
  --pad:clamp(16px,3.6vw,56px);
  --bar:clamp(9px,1.25vw,17px);   /* çerçeve kalınlığı */
  --navh:50px;                     /* yapışkan menü yüksekliği (işler filtre çubuğu) */
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--ink);color:var(--paper);
  font-family:"Archivo",system-ui,sans-serif;
  font-variation-settings:"wdth" 100,"wght" 400;
  font-size:clamp(15px,1vw,16.5px);line-height:1.55;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
body.lock{overflow:hidden}
[hidden]{display:none !important}   /* gizlenen bölüm, display kuralına rağmen gizli kalsın */
h1,h2,h3{margin:0;font-weight:400}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:var(--blue);color:#fff}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px}

.mono{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase}
.big{
  font-variation-settings:"wdth" 116,"wght" 800;
  font-size:clamp(2.4rem,8.5vw,7.5rem);line-height:.82;
  letter-spacing:-.05em;text-transform:uppercase;
}

/* ═══ AÇILIŞ EKRANI ═══════════════════════════════════ */
.boot{
  position:fixed;inset:0;z-index:9999;background:var(--ink);
  display:grid;place-items:center;
  transition:clip-path 1s var(--ease);
  clip-path:inset(0 0 0 0);
}
.boot.out{clip-path:inset(0 0 100% 0)}
.boot.gone{display:none}
.boot__mid{display:flex;flex-direction:column;align-items:center;gap:24px;width:min(250px,58vw)}
.boot__k{width:100%;height:auto;overflow:visible;fill:var(--paper)}

/* üç blok kendi yönünden gelip yerine oturur */
.kp{opacity:0;transition:transform .78s cubic-bezier(.3,1.2,.4,1),opacity .35s linear}
.kp1{transform:translate(-68px,0)}
.kp2{transform:translate(56px,-52px)}
.kp3{transform:translate(56px,52px)}
.boot.go .kp{opacity:1;transform:translate(0,0)}
.boot.go .kp1{transition-delay:.10s}
.boot.go .kp2{transition-delay:.30s}
.boot.go .kp3{transition-delay:.46s}
/* bloklar oturunca kısa bir kilitlenme */
.boot.lockin .boot__k{animation:lockin .5s var(--ease)}
@keyframes lockin{40%{transform:scale(.975)}100%{transform:scale(1)}}

.boot__txt{
  width:100%;display:flex;justify-content:space-between;gap:14px;
  padding-top:14px;border-top:1px solid rgba(250,250,248,.18);
  color:var(--mute);font-variant-numeric:tabular-nums;
}
.boot__pct{color:var(--blue)}

/* ═══ NAV ═════════════════════════════════════════════ */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:900;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:16px var(--pad);
  transition:background .5s var(--ease),transform .5s var(--ease),padding .5s var(--ease);
}
.nav.stuck{background:rgba(11,11,13,.86);backdrop-filter:blur(14px);padding-block:11px}
.nav.up{transform:translateY(-101%)}
/* ana sayfa: üstteki mavi çerçeve çizgisinin altında başlasın */
.nav--hero:not(.stuck){padding-top:calc(16px + var(--bar))}
.nav__wm{display:flex;align-items:center;gap:11px;color:var(--paper)}
.nav__wm svg{width:26px;height:auto;flex:none}
.nav__wm b{font-variation-settings:"wdth" 116,"wght" 800;font-weight:400;font-size:17px;letter-spacing:-.03em}
.nav__end{display:flex;align-items:center;gap:clamp(16px,2.2vw,28px);flex:none}
.nav__reach{display:flex;align-items:center;gap:clamp(10px,1.2vw,16px)}
.nav__cta,.nav__tel{
  font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(250,250,248,.7);white-space:nowrap;
  transition:color .3s;
}
.nav__cta:hover,
.nav__cta[aria-current="page"],
.nav__tel:hover{color:var(--paper)}
@media (max-width:600px){.nav__tel{display:none}}
/* tek gezinme: her ekran boyutunda hamburger */
.burger{display:flex;align-items:center;gap:13px;padding:6px 0}
.burger__lbl{color:rgba(250,250,248,.7);transition:color .3s}
.burger:hover .burger__lbl{color:var(--paper)}
.burger__ic{position:relative;display:block;width:30px;height:16px;flex:none}
.burger__ic i{
  position:absolute;left:0;width:30px;height:2px;background:var(--paper);
  transition:transform .45s var(--ease),width .45s var(--ease);
}
.burger__ic i:nth-child(1){top:4px}
.burger__ic i:nth-child(2){top:11px;width:19px}
.burger:hover .burger__ic i:nth-child(2){width:30px}
.burger[aria-expanded="true"] .burger__ic i:nth-child(1){transform:translateY(3.5px) rotate(45deg)}
.burger[aria-expanded="true"] .burger__ic i:nth-child(2){transform:translateY(-3.5px) rotate(-45deg);width:30px}

.menu{
  position:fixed;inset:0;z-index:880;
  background:var(--ink);color:var(--paper);
  display:flex;flex-direction:column;justify-content:center;
  padding:clamp(92px,13vh,140px) var(--pad) clamp(26px,5vh,52px);
  clip-path:inset(0 0 100% 0);transition:clip-path .7s var(--ease);
}
.menu.open{clip-path:inset(0 0 0 0)}

.menu__nav{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(4px,1.2vh,14px)}
.menu__nav a{
  font-variation-settings:"wdth" 108,"wght" 700;
  font-size:clamp(2rem,6.4vw,4.4rem);line-height:1.18;letter-spacing:-.045em;
  text-transform:uppercase;
  transition:color .35s var(--ease);
}
.menu__nav a:hover{color:var(--blue)}

/* Hizmetler: tıklayınca alt linkler açılır */
.menu__grp{display:flex;flex-direction:column;align-items:flex-start}
.menu__tog{
  display:inline-flex;align-items:center;gap:.3em;
  font-variation-settings:"wdth" 108,"wght" 700;
  font-size:clamp(2rem,6.4vw,4.4rem);line-height:1.18;letter-spacing:-.045em;
  text-transform:uppercase;color:inherit;
  transition:color .35s var(--ease);
}
.menu__tog:hover,.menu__tog[aria-expanded="true"]{color:var(--blue)}
.menu__tog i{position:relative;width:.42em;height:.42em;flex:none}
.menu__tog i::before,.menu__tog i::after{
  content:"";position:absolute;left:0;top:50%;width:100%;height:.08em;
  background:currentColor;transform:translateY(-50%);
  transition:transform .45s var(--ease);
}
.menu__tog i::after{transform:translateY(-50%) rotate(90deg)}
.menu__tog[aria-expanded="true"] i::before{transform:translateY(-50%) rotate(45deg)}
.menu__tog[aria-expanded="true"] i::after{transform:translateY(-50%) rotate(135deg)}

.menu__sub{
  display:grid;grid-template-rows:0fr;
  transition:grid-template-rows .55s var(--ease);
}
.menu__sub > div{
  overflow:hidden;min-height:0;
  display:flex;flex-wrap:wrap;gap:8px clamp(18px,2.2vw,32px);
  max-width:min(760px,100%);
  visibility:hidden;transition:visibility 0s .55s;
}
.menu__sub.open{grid-template-rows:1fr}
.menu__sub.open > div{visibility:visible;transition:visibility 0s}
.menu__nav .menu__sub a{
  font-variation-settings:"wdth" 104,"wght" 560;
  font-size:clamp(1rem,1.7vw,1.35rem);line-height:1.3;letter-spacing:-.01em;
  text-transform:none;color:rgba(250,250,248,.62);
  opacity:0;transform:translateY(8px);
  transition:color .3s var(--ease),opacity .4s var(--ease),transform .5s var(--ease);
}
.menu__sub > div::before{content:"";flex-basis:100%;height:clamp(4px,.8vh,10px)}
.menu__sub > div::after{content:"";flex-basis:100%;height:clamp(6px,1.4vh,16px)}
.menu__sub.open a{opacity:1;transform:none}
.menu__nav .menu__sub a:hover{color:var(--blue)}

.menu__foot{
  margin-top:auto;display:flex;align-items:center;justify-content:space-between;
  gap:clamp(16px,2.4vw,40px);flex-wrap:wrap;
  font-family:var(--mono);font-size:clamp(13px,1.35vw,16px);letter-spacing:.1em;color:var(--mute);
}
.menu__reach,.menu__soc{
  display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;
  gap:clamp(14px,2.2vw,36px);
}
.menu__soc{flex:none;margin-right:clamp(0px,2vw,44px)}
.menu__foot a{transition:color .3s;white-space:nowrap}
.menu__reach a:hover{color:var(--paper)}
.menu__soc a:hover{color:var(--blue)}

/* ── menüdeki logo: bloklar gelip oturur, döngüde ──
   Linklerle aynı satırda duruyor; hizalamayı yerleşim yapıyor,
   sabit bir üst değerle itilmiyor. */
.menu__row{
  display:flex;align-items:center;justify-content:space-between;
  gap:clamp(18px,5vw,80px);
}
.menu__logo{
  width:min(31vw,330px);height:auto;overflow:visible;flex:none;
  fill:var(--paper);pointer-events:none;
  margin-right:clamp(0px,2vw,44px);
}
.mk{opacity:0}
.menu.open .mk1{animation:mk-bar 4.4s var(--ease) infinite}
.menu.open .mk2{animation:mk-ust 4.4s var(--ease) .14s infinite}
.menu.open .mk3{animation:mk-alt 4.4s var(--ease) .28s infinite}

@keyframes mk-bar{
  0%  {transform:translate(-68px,0);opacity:0}
  14% {transform:translate(0,0);opacity:1}
  72% {transform:translate(0,0);opacity:1}
  88%,100%{transform:translate(-68px,0);opacity:0}
}
@keyframes mk-ust{
  0%  {transform:translate(56px,-52px);opacity:0}
  14% {transform:translate(0,0);opacity:1}
  72% {transform:translate(0,0);opacity:1}
  88%,100%{transform:translate(56px,-52px);opacity:0}
}
@keyframes mk-alt{
  0%  {transform:translate(56px,52px);opacity:0}
  14% {transform:translate(0,0);opacity:1}
  72% {transform:translate(0,0);opacity:1}
  88%,100%{transform:translate(56px,52px);opacity:0}
}

/* menü açıkken üst şerit saydam kalsın */
body.lock .nav,body.lock .nav.stuck{
  background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;
  border-bottom-color:transparent;
}

/* ═══ HERO ════════════════════════════════════════════ */
.hero{position:relative;height:100svh;min-height:540px;overflow:hidden;background:#000}
.hero__img{position:absolute;inset:-6% 0;will-change:transform}
.hero__img img{filter:grayscale(1) contrast(1.22) brightness(.42);transform:scale(1.06);animation:slowzoom 22s ease-in-out infinite alternate}
@keyframes slowzoom{to{transform:scale(1.15)}}
.hero__veil{
  position:absolute;inset:0;
  background:
    radial-gradient(105% 80% at 80% 88%, rgba(11,50,136,.55) 0%, rgba(11,50,136,0) 60%),
    linear-gradient(180deg, rgba(11,11,13,.78) 0%, rgba(11,11,13,.42) 38%, rgba(11,11,13,.92) 100%);
}

/* çerçeve — sade tutuldu: dış çerçeve + tek dikey + daire */
.frame{position:absolute;inset:0;z-index:5;pointer-events:none}
.frame i{position:absolute;background:var(--blue);display:block;transition:transform 1s var(--ease)}
.frame .f-t{top:0;left:0;right:0;height:var(--bar);transform:scaleX(0);transform-origin:left}
.frame .f-b{bottom:0;left:0;right:0;height:var(--bar);transform:scaleX(0);transform-origin:right}
.frame .f-l{top:0;bottom:0;left:0;width:var(--bar);transform:scaleY(0);transform-origin:bottom}
.frame .f-r{top:0;bottom:0;right:0;width:var(--bar);transform:scaleY(0);transform-origin:top}
.frame .f-v{top:0;bottom:56%;left:63%;width:var(--bar);transform:scaleY(0);transform-origin:top;transition-delay:.25s}
.frame .f-c{
  position:absolute;top:calc(var(--bar) * -.5 + 6vh);left:34%;
  width:clamp(58px,8.4vw,116px);aspect-ratio:1;border:var(--bar) solid var(--blue);border-radius:50%;
  transform:scale(0);transition:transform .9s var(--ease) .35s;
}
.ready .frame i,.ready .frame .f-c{transform:none}

.hero__say{
  position:absolute;z-index:8;left:50%;top:46%;translate:-50% -50%;
  width:min(680px,72vw);text-align:center;
  font-variation-settings:"wdth" 104,"wght" 300;
  font-size:clamp(.95rem,2vw,1.6rem);line-height:1.3;letter-spacing:-.02em;text-transform:uppercase;
  opacity:0;transform:translateY(14px);transition:opacity .9s var(--ease) .7s,transform .9s var(--ease) .7s;
}
.hero__say b{font-variation-settings:"wdth" 104,"wght" 700;font-weight:400}
.ready .hero__say{opacity:1;transform:none}

.hero__words{
  position:absolute;z-index:8;left:0;right:0;bottom:calc(var(--bar) + clamp(10px,2vw,26px));
  display:flex;justify-content:space-between;padding:0 clamp(20px,3vw,40px);pointer-events:none;
}
.hw{display:block;overflow:hidden;padding-bottom:.08em}
.hw i{
  display:block;font-style:normal;color:var(--blue);
  font-variation-settings:"wdth" 112,"wght" 800;
  font-size:clamp(2.1rem,7.6vw,7rem);line-height:.86;letter-spacing:-.045em;text-transform:uppercase;
  transform:translateY(105%);transition:transform 1s var(--ease) .55s;
}
.hw--r i{transition-delay:.68s}
.ready .hw i{transform:none}

/* ═══ MAVİ PANEL ══════════════════════════════════════ */
.panel{
  background:var(--blue);color:#fff;
  display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(26px,4vw,64px);
  padding:clamp(56px,8vw,120px) var(--pad);align-items:center;
}
.panel .mono{color:rgba(255,255,255,.7);margin-bottom:22px}
.panel__h{
  font-variation-settings:"wdth" 102,"wght" 350;
  font-size:clamp(1.6rem,4vw,3.3rem);line-height:1.14;letter-spacing:-.035em;margin-bottom:26px;
}
.ln{display:block;overflow:hidden;padding-bottom:.06em}
.ln i{display:block;font-style:normal;transform:translateY(105%);transition:transform .95s var(--ease)}
.ln.in i{transform:none}
.panel__p{max-width:44ch;color:rgba(255,255,255,.84);margin-bottom:34px}
.cta{
  display:block;border:2px solid rgba(255,255,255,.7);border-radius:999px;
  padding:clamp(15px,2vw,24px);text-align:center;overflow:hidden;position:relative;
  font-variation-settings:"wdth" 106,"wght" 600;
  font-size:clamp(.95rem,1.9vw,1.5rem);text-transform:uppercase;letter-spacing:.01em;
  transition:color .5s var(--ease),border-color .5s;
}
.cta::before{
  content:"";position:absolute;inset:0;background:#fff;
  transform:translateY(101%);transition:transform .55s var(--ease);
}
.cta span{position:relative;z-index:1}
.cta:hover{color:var(--blue);border-color:#fff}
.cta:hover::before{transform:none}
.panel__r{height:100%}
.ph{position:relative;overflow:hidden;background:var(--ink-2)}
.ph::after{
  content:"";position:absolute;inset:0;background:var(--blue-deep);
  mix-blend-mode:color;opacity:.9;transition:opacity .6s var(--ease);
}
.ph img{
  filter:grayscale(1) contrast(1.08);
  transform:scale(1.14);transition:transform 1.3s var(--ease),filter .6s var(--ease);
}
.in .ph img,[data-rv].in .ph img{transform:scale(1)}
.ph--tall{aspect-ratio:3/4}
/* mavi panelde görsel duotone olmaz — zeminle aynı renge düşerdi */
.panel__r .ph::after{opacity:0}
.panel__r .ph img{filter:grayscale(1) contrast(1.16) brightness(1.02)}

/* ═══ REFERANSLAR ═════════════════════════════════════ */
.refs{
  background:var(--ink);color:var(--paper);
  padding:clamp(40px,5.5vw,80px) 0 0;
}
.refs__hd{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:16px;flex-wrap:wrap;
  padding:0 var(--pad) clamp(20px,2.6vw,34px);
}
.refs__hd .mono{color:var(--blue);margin:0}
.refs__say{
  font-variation-settings:"wdth" 100,"wght" 360;
  font-size:clamp(.95rem,1.4vw,1.15rem);letter-spacing:-.02em;
  color:rgba(250,250,248,.5);
}
.refs__row{
  overflow:hidden;border-top:1px solid rgba(250,250,248,.1);
  padding-block:clamp(22px,3vw,40px);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%);
}
.refs__row:last-child{border-bottom:1px solid rgba(250,250,248,.1)}
.refs__track{display:flex;width:max-content;animation:refs-slide 42s linear infinite}
.refs__row--rev .refs__track{animation-duration:52s;animation-direction:reverse}
.refs:hover .refs__track{animation-play-state:paused}
@keyframes refs-slide{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.refs__set{display:flex;align-items:center}
.refs__logo{
  display:flex;align-items:center;justify-content:center;flex:none;
  margin-right:clamp(12px,1.4vw,20px);
  width:clamp(170px,15vw,250px);height:clamp(84px,7.4vw,112px);
  padding:clamp(14px,1.4vw,22px) clamp(20px,2vw,32px);
  border-radius:clamp(12px,1.2vw,18px);
  background:var(--paper);color:var(--ink);
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 18px 40px -24px rgba(0,0,0,.8);
  transition:transform .45s var(--ease),box-shadow .45s var(--ease);
  user-select:none;
}
.refs__logo:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 26px 50px -24px rgba(53,112,238,.55)}
.refs__logo b{   /* logosu olmayan marka: adı */
  font-variation-settings:"wdth" 110,"wght" 720;font-weight:400;
  font-size:clamp(1rem,1.5vw,1.3rem);letter-spacing:-.035em;text-transform:uppercase;
  line-height:1;text-align:center;
}
/* logolar kendi renklerinde, açık kartta (koyu logolar da okunur) — yüklemede boş kenarları kırpılır (api/_lib/logo.php) */
.refs__logo img{width:100%;height:100%;object-fit:contain}

/* ═══ İŞLER ═══════════════════════════════════════════ */
.work{background:var(--ink);padding:clamp(56px,8vw,120px) var(--pad)}
.work__hd{display:flex;align-items:center;gap:clamp(16px,3vw,44px);margin-bottom:clamp(30px,4.4vw,62px)}
.chev{width:clamp(44px,7vw,104px);flex:none;display:block}
.chev svg{width:100%;height:auto;fill:var(--blue)}
/* ═══ HİZMETLER — mavi alan üstünde kutular ═══════════ */
.serv{
  position:relative;overflow:hidden;
  background:var(--blue);color:#fff;
  padding:clamp(44px,6vw,86px) var(--pad);
}
.serv__in{padding-right:clamp(64px,11.5vw,240px)}
.serv__lbl{color:rgba(255,255,255,.72);margin-bottom:clamp(18px,2.4vw,32px)}

/* dev dikey bölüm adı — BBDO'daki "NEWS" mantığı */
.serv__word{
  position:absolute;right:clamp(14px,2.8vw,56px);top:clamp(34px,5vw,74px);
  writing-mode:vertical-rl;
  font-variation-settings:"wdth" 118,"wght" 800;
  font-size:clamp(2.6rem,7.4vw,8.6rem);line-height:.78;letter-spacing:-.045em;
  text-transform:uppercase;color:#fff;user-select:none;pointer-events:none;
}

.boxes{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(9px,1.15vw,17px)}

.bx{
  position:relative;overflow:hidden;isolation:isolate;
  border-radius:clamp(11px,1.35vw,19px);
  background:var(--ink-2);color:var(--paper);
  display:grid;min-width:0;
  transition:background .55s var(--ease),color .55s var(--ease);
}
.bx:not(.bx--photo):hover{
  background:var(--paper);color:var(--ink);
}
.bx__img{display:block;overflow:hidden}
.bx__img img{transition:transform 1.1s var(--ease),filter .6s var(--ease)}
.bx:hover .bx__img img{transform:scale(1.05)}

.bx__body{
  display:flex;flex-direction:column;align-items:flex-start;
  padding:clamp(20px,2.3vw,36px);min-width:0;
}
.bx__tag{color:var(--blue);margin-bottom:14px}
.bx__t{
  font-variation-settings:"wdth" 106,"wght" 740;
  font-size:clamp(1.3rem,2.7vw,2.4rem);line-height:.98;letter-spacing:-.04em;
  text-transform:uppercase;
}
.bx__d{
  margin-top:14px;font-size:.92rem;line-height:1.55;
  color:rgba(250,250,248,.62);max-width:42ch;
  transition:color .55s var(--ease);
}
.bx:not(.bx--photo):hover .bx__d{color:rgba(11,11,13,.58)}

.bx__peek{
  position:absolute;z-index:2;
  right:clamp(14px,1.8vw,26px);bottom:clamp(14px,1.8vw,26px);
  opacity:0;pointer-events:none;
  transform:translateY(8px);
  transition:opacity .45s var(--ease),transform .45s var(--ease);
}
.bx__peek span{
  display:inline-block;
  border:1.5px solid rgba(255,255,255,.88);border-radius:999px;
  padding:9px 16px;
  font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:#fff;background:rgba(11,11,13,.42);
  white-space:nowrap;
}
.bx:hover .bx__peek{opacity:1;transform:none}
.bx:not(.bx--photo):not(.bx--flip):hover .bx__peek span{
  color:var(--ink);border-color:rgba(11,11,13,.45);background:transparent;
}
.bx--sm .bx__peek,
.bx--photo .bx__peek{top:clamp(14px,1.8vw,26px);bottom:auto}

/* geniş kart: yarı foto / yarı koyu panel */
.bx--wide{grid-column:span 12;grid-template-columns:1fr 1fr;min-height:clamp(230px,25vw,380px)}
.bx--wide .bx__img{height:100%}
.bx--wide .bx__body{justify-content:center}
/* ters çevrilmiş: panel solda, foto sağda */
.bx--flip .bx__img{order:2}
.bx--flip .bx__body{order:1}

/* küçük kart: sadece tipografi */
.bx--sm{grid-column:span 5;min-height:clamp(210px,22vw,330px)}
.bx--sm .bx__body{justify-content:flex-end;height:100%}

/* büyük kart: tam foto, yazı üstte */
.bx--lg{grid-column:span 7;min-height:clamp(210px,22vw,330px)}
.bx--photo .bx__img{position:absolute;inset:0;z-index:-1}
.bx--photo .bx__img img{filter:grayscale(1) brightness(.62) contrast(1.1)}
.bx--photo:hover .bx__img img{filter:grayscale(0) brightness(.7) contrast(1.02)}
.bx--photo::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(11,11,13,0) 38%,rgba(11,11,13,.78) 100%);
}
.bx__over{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;
  padding:clamp(20px,2.3vw,36px);height:100%;
}
.bx--photo .bx__tag{color:#fff;opacity:.8}
/* ═══ İŞLER SAYFASI — kart ızgarası ═══════════════════ */
.wk{
  background:var(--ink);color:var(--paper);
  padding:clamp(96px,12vh,140px) var(--pad) clamp(52px,7vw,104px);
}
.wk__hd{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(8px,1.4vw,16px)}
.wk__back{
  display:inline-block;margin:0;position:relative;z-index:2;
  color:rgba(250,250,248,.55);transition:color .3s;
}
.wk__back:hover{color:var(--paper)}
.wk__t{
  color:var(--blue);
  font-variation-settings:"wdth" 112,"wght" 800;
  /* 9 harfli 'HİZMETLER' / 'YAPTIĞIMIZ' de sığsın diye ölçüldü (15vw taşıyordu) */
  font-size:clamp(2.9rem,13.2vw,10rem);line-height:.86;letter-spacing:-.055em;
  text-transform:uppercase;margin:0 0 clamp(18px,2.4vw,28px);
  padding-top:.12em;
}

/* ── işler sayfası: hero (başlık + öne çıkan üç işin destesi; iş yoksa .is-tek tek kolon) ── */
.wk--works{padding-top:clamp(100px,13vh,140px)}
.wk-hero{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;
  gap:clamp(32px,5vw,80px);min-height:min(66svh,660px);
}
.wk-hero__copy{min-width:0}
.wk-hero.is-tek{grid-template-columns:1fr;min-height:min(52svh,520px)}
.wk-hero__t{
  margin:0;padding-top:.06em;
  font-variation-settings:"wdth" 118,"wght" 800;
  font-size:clamp(2.8rem,6.4vw,6.6rem);line-height:.86;letter-spacing:-.06em;text-transform:uppercase;
}
.wk-hero__lead{margin:clamp(20px,2.4vw,30px) 0 0;max-width:30ch;color:rgba(250,250,248,.7);font-size:clamp(1.05rem,1.45vw,1.28rem);line-height:1.45}

.wk-stack{position:relative;height:clamp(420px,44vw,600px)}
.wk-stack::after{
  content:"Öne çıkan işler";position:absolute;z-index:5;left:50%;bottom:0;transform:translateX(-50%);
  padding:11px 16px;border-radius:999px;background:var(--paper);color:var(--ink);white-space:nowrap;
  font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  box-shadow:0 20px 40px -20px rgba(0,0,0,.8);
}
.wk-stack__c{
  position:absolute;top:46%;left:50%;width:clamp(150px,16vw,250px);
  padding:clamp(8px,.8vw,12px) clamp(8px,.8vw,12px) 0;border-radius:16px;background:#fff;color:var(--ink);
  box-shadow:0 50px 90px -40px rgba(0,0,0,.95);transition:transform .7s var(--ease);
}
.wk-stack__ph{position:relative;display:block;overflow:hidden;aspect-ratio:4/5;border-radius:10px;background:#ddd}
.wk-stack__ph img{position:absolute;inset:0;transition:transform 1s var(--ease)}
.wk-stack__cap{display:flex;flex-direction:column;gap:4px;padding:12px 4px 14px}
.wk-stack__cap b{   /* uzun müşteri adı: en çok 2 satır, sonu … (kart dar) */
  font-weight:normal;font-variation-settings:"wdth" 96,"wght" 760;font-size:clamp(.88rem,1.1vw,1.1rem);line-height:1.08;
  letter-spacing:-.02em;text-transform:uppercase;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:break-word;
}
.wk-stack__cap .mono{color:#8A8A93;font-size:10.5px}
.wk-stack__c--1{z-index:3;transform:translate(-50%,-50%) rotate(-2deg)}
.wk-stack__c--2{z-index:2;transform:translate(-102%,-44%) rotate(-11deg)}
.wk-stack__c--3{z-index:1;transform:translate(2%,-56%) rotate(9deg)}
.wk-stack:hover .wk-stack__c--1{transform:translate(-50%,-54%) rotate(0deg)}
.wk-stack:hover .wk-stack__c--2{transform:translate(-116%,-42%) rotate(-14deg)}
.wk-stack:hover .wk-stack__c--3{transform:translate(16%,-58%) rotate(12deg)}
.wk-stack__c:hover .wk-stack__ph img{transform:scale(1.06)}


.wk__filt{
  display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;
  margin:0 0 clamp(28px,4vw,52px);
}
/* işler: filtre çubuğu kayarken menünün altında sabit; menü gizlenince en üste çıkar */
.wk--works .wk__filt{
  position:sticky;top:var(--navh);z-index:20;flex-wrap:nowrap;
  margin:clamp(28px,4vw,56px) calc(var(--pad) * -1) clamp(36px,4.6vw,64px);
  padding:12px var(--pad);
  background:rgba(11,11,13,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-top:1px solid rgba(250,250,248,.12);border-bottom:1px solid rgba(250,250,248,.12);
  transition:top .5s var(--ease);
}
.nav.up ~ main .wk--works .wk__filt{top:0}
.wk-view{display:flex;gap:3px;flex:none;padding:3px;border-radius:999px;border:1px solid rgba(250,250,248,.18)}
.wk-view__b{width:36px;height:30px;border-radius:999px;display:grid;place-items:center;color:rgba(250,250,248,.6);transition:background .3s var(--ease),color .3s}
.wk-view__b:hover{color:var(--paper)}
.wk-view__b.is-on{background:var(--paper);color:var(--ink)}
.wk-view__ic{display:block;width:14px;height:12px}
.wk-view__ic--grid{background:
  linear-gradient(currentColor,currentColor) 0 0/6px 5px no-repeat,linear-gradient(currentColor,currentColor) 8px 0/6px 5px no-repeat,
  linear-gradient(currentColor,currentColor) 0 7px/6px 5px no-repeat,linear-gradient(currentColor,currentColor) 8px 7px/6px 5px no-repeat}
.wk-view__ic--list{background:
  linear-gradient(currentColor,currentColor) 0 0/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 5px/100% 2px no-repeat,
  linear-gradient(currentColor,currentColor) 0 10px/100% 2px no-repeat}
/* çip: okunur etiket + sağ üstte iş sayısı; seçili olan kâğıt renginde dolar */
.wk__chips{display:flex;flex-wrap:wrap;gap:4px;min-width:0;flex:1}
.wk__chip{
  display:inline-flex;align-items:flex-start;gap:5px;flex:none;
  padding:9px 14px 9px 16px;border-radius:999px;
  font-variation-settings:"wdth" 106,"wght" 600;font-size:clamp(.9rem,1vw,.98rem);line-height:1.1;
  color:rgba(250,250,248,.62);white-space:nowrap;
  transition:background .35s var(--ease),color .35s;
}
.wk__chip-n{
  position:static;margin-top:-1px;
  font-family:var(--mono);font-size:10px;letter-spacing:.06em;line-height:1;
  color:var(--mute);transition:color .35s;
}
.wk__chip:hover{background:rgba(250,250,248,.07);color:var(--paper)}
.wk__chip.is-on{background:var(--paper);color:var(--ink)}
.wk__chip.is-on .wk__chip-n{color:var(--blue)}

@media (max-width:700px){
  /* dar ekranda tek satır, yatay kayar; sağ kenar solarak devamı olduğunu gösterir */
  .wk__chips{
    flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;padding-right:28px;
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);
    mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);
  }
  .wk__chips::-webkit-scrollbar{display:none}
}

/* ── işler: kart ızgarası (kartlar js/projeler.js'ten basılır) ──
   Bütün kartlar aynı boyda: ikili sütun, 16:11 görsel. */
.wk-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(40px,4.6vw,76px) clamp(16px,2vw,32px)}
.wk-card{
  position:relative;grid-column:span 6;align-content:start;
  display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ph ph" "t k" "is y";gap:8px 18px;
}
.wk-card[hidden]{display:none}
.wk-card__ph{
  grid-area:ph;position:relative;overflow:hidden;margin-bottom:10px;
  aspect-ratio:16/11;border-radius:clamp(14px,1.5vw,22px);background:var(--ink-2);
}
.wk-card__ph img{position:absolute;inset:0;transform:scale(1.02);transition:transform 1.2s var(--ease)}
.wk-card__go{
  position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;
  padding:clamp(14px,1.6vw,20px) clamp(16px,2vw,26px);background:var(--blue);color:#fff;
  transform:translateY(101%);transition:transform .55s var(--ease);
}
.wk-card__go i{font-style:normal;font-size:1.2rem;letter-spacing:0}
.wk-card__n{display:none}
.wk-card__t{
  grid-area:t;font-variation-settings:"wdth" 112,"wght" 780;
  font-size:clamp(1.3rem,2.1vw,2rem);line-height:1;letter-spacing:-.04em;text-transform:uppercase;
  transition:color .35s var(--ease);
}
.wk-card__is{grid-area:is;color:rgba(250,250,248,.62);font-size:.95rem;line-height:1.4}
.wk-card__k{grid-area:k;justify-self:end;align-self:center;color:var(--mute);text-align:right}
.wk-card__y{grid-area:y;justify-self:end;color:var(--mute)}
.wk-card:hover .wk-card__ph img{transform:scale(1.07)}
.wk-card:hover .wk-card__go{transform:none}
.wk-card:hover .wk-card__t{color:var(--blue)}

/* liste görünümü: her iş tek satır, üzerine gelince satır maviyle dolar ve kapak belirir */
.wk-grid.is-list{display:block;border-top:1px solid rgba(250,250,248,.16)}
.wk-grid.is-list .wk-card{
  isolation:isolate;
  grid-template-columns:clamp(36px,4vw,64px) minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,.9fr) auto;
  grid-template-areas:"n t is k y";align-items:center;gap:10px clamp(14px,2.4vw,40px);
  padding:clamp(20px,2.4vw,32px) 0;border-bottom:1px solid rgba(250,250,248,.16);
}
.wk-grid.is-list .wk-card::before{
  content:"";position:absolute;z-index:-1;inset:-1px calc(var(--pad) * -1);background:var(--blue);
  transform:scaleY(0);transform-origin:bottom;transition:transform .5s var(--ease);
}
.wk-grid.is-list .wk-card__n{display:block;grid-area:n;color:var(--blue);transition:color .3s}
.wk-grid.is-list .wk-card .wk-card__t{font-size:clamp(1.4rem,3vw,2.8rem)}
.wk-grid.is-list .wk-card__k{justify-self:start;text-align:left}
.wk-grid.is-list .wk-card__is,.wk-grid.is-list .wk-card__k,.wk-grid.is-list .wk-card__y{transition:color .3s}
.wk-grid.is-list .wk-card .wk-card__ph{
  grid-area:auto;position:absolute;z-index:3;right:18%;top:50%;margin:0;
  width:clamp(180px,17vw,260px);aspect-ratio:4/3;pointer-events:none;
  opacity:0;transform:translateY(-50%) rotate(6deg) scale(.7);
  box-shadow:0 30px 60px -26px rgba(0,0,0,.9);
  transition:opacity .35s var(--ease),transform .6s var(--ease);
}
.wk-grid.is-list .wk-card__go{display:none}
@media (hover:hover){
  .wk-grid.is-list .wk-card:hover::before{transform:none}
  .wk-grid.is-list .wk-card:hover .wk-card__t{color:#fff}
  .wk-grid.is-list .wk-card:hover .wk-card__n,
  .wk-grid.is-list .wk-card:hover .wk-card__k,
  .wk-grid.is-list .wk-card:hover .wk-card__y{color:#fff}
  .wk-grid.is-list .wk-card:hover .wk-card__is{color:rgba(255,255,255,.9)}
  .wk-grid.is-list .wk-card:hover .wk-card__ph{opacity:1;transform:translateY(-50%) rotate(-3deg) scale(1)}
}
.sv-end__l{margin:clamp(56px,7vw,100px) 0 0;color:var(--mute)}
.sv-end__l + .sv-all{margin-top:16px}

@media (max-width:900px){
  .wk-hero{grid-template-columns:1fr;min-height:0}
  .wk-hero__t{font-size:clamp(2.2rem,11vw,5rem)}
  .wk-stack{height:clamp(380px,92vw,520px)}
  .wk-grid.is-list .wk-card{grid-template-columns:clamp(32px,6vw,48px) minmax(0,1fr) auto;grid-template-areas:"n t y" "n is is"}
  .wk-grid.is-list .wk-card__k{display:none}
  .wk-grid.is-list .wk-card .wk-card__ph{display:none}
}
@media (max-width:700px){
  .wk-card{grid-column:span 12}
  .wk-card__ph{aspect-ratio:4/3}
  .wk-grid{row-gap:44px}
  .wk-stack__c{width:46%}
  .wk-stack__c--2{transform:translate(-104%,-44%) rotate(-10deg)}
  .wk-stack__c--3{transform:translate(4%,-56%) rotate(8deg)}
}

.wk__not{
  margin:clamp(18px,2.4vw,30px) auto 0;text-align:center;
  color:rgba(250,250,248,.5);
}

/* alta kayınca: açılıştaki üç bloklu logo bir kez toplanır, sonra yeni işler */
.wk__more{
  display:grid;place-items:center;
  min-height:clamp(120px,16vw,168px);
  padding:clamp(12px,2vw,24px) 0 clamp(8px,1.2vw,16px);
}
.wk__more[hidden]{display:none}
.wk__load{
  width:min(96px,28vw);
  display:grid;place-items:center;
}
.wk__load-k{width:100%;height:auto;overflow:visible;fill:var(--paper)}
.wk__load.go .kp{opacity:1;transform:translate(0,0)}
.wk__load.go .kp1{transition-delay:.10s}
.wk__load.go .kp2{transition-delay:.30s}
.wk__load.go .kp3{transition-delay:.46s}
.wk__load.lockin .wk__load-k{animation:lockin .5s var(--ease)}
@media (prefers-reduced-motion:reduce){
  .wk__load .kp{opacity:1;transform:none}
}

/* ═══ "BÜTÜNÜNÜ GÖR" BUTONU — stadyum formu, ortada ═══ */
.more{
  /* dolgu rengi currentColor OLAMAZ: hover'da yazı rengi de değişiyor,
     ::before onu miras alıp dolguyu yazıyla aynı renge çeviriyordu → buton kayboluyordu */
  --fill:var(--paper);      /* içini dolduran renk */
  --on-fill:var(--ink);     /* dolgu üstündeki yazı rengi */

  display:flex;align-items:center;justify-content:center;text-align:center;
  width:fit-content;max-width:100%;
  margin:clamp(32px,4.4vw,64px) auto 0;
  padding:clamp(15px,1.85vw,23px) clamp(34px,5vw,74px);
  border:2px solid currentColor;border-radius:999px;
  position:relative;isolation:isolate;overflow:hidden;
  font-variation-settings:"wdth" 106,"wght" 680;
  font-size:clamp(.88rem,1.5vw,1.2rem);letter-spacing:.02em;text-transform:uppercase;
  line-height:1.1;
  transition:color .45s var(--ease),border-color .45s var(--ease);
}
.more::before{
  content:"";position:absolute;inset:-2px;z-index:-1;background:var(--fill);
  transform:translateY(101%);transition:transform .55s var(--ease);
}
.more:hover{color:var(--on-fill);border-color:var(--fill)}
.more:hover::before{transform:translateY(0)}


/* ═══ Bölge sayfaları (<şehir>-dijital-ajans.html — .claude/gen_bolge.py) ═══ */
.bolge-hero{
  position:relative;overflow:hidden;min-height:92svh;display:grid;align-items:center;
  grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);
  padding:clamp(110px,15vh,150px) var(--pad) clamp(48px,6vw,88px);background:var(--ink);color:var(--paper);
}
.bolge-hero__t{
  margin:0;padding-top:.06em;font-weight:normal;font-variation-settings:"wdth" 118,"wght" 800;
  font-size:clamp(2.8rem,7vw,7.4rem);line-height:.86;letter-spacing:-.055em;text-transform:uppercase;
}
.bolge-hero__lead{margin:clamp(20px,2.6vw,34px) 0 0;max-width:46ch;font-size:clamp(1.02rem,1.35vw,1.22rem);line-height:1.55;color:rgba(250,250,248,.72)}
.bolge-hero__harita{
  align-self:center;padding:clamp(20px,2.4vw,32px);border-radius:clamp(16px,1.8vw,26px);
  background:linear-gradient(160deg,rgba(53,112,238,.16),rgba(53,112,238,.02) 60%),var(--ink-2);
  border:1px solid rgba(250,250,248,.08);transform:rotate(1.5deg);transition:transform .6s var(--ease);
}
.bolge-hero__harita:hover{transform:rotate(0)}
.bolge-hero__harita > .mono{margin:0 0 16px;color:var(--mute)}
.bolge-cipler{display:flex;flex-wrap:wrap;gap:10px}
.bolge-cip{
  display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;
  border:1px solid rgba(250,250,248,.18);font-variation-settings:"wdth" 106,"wght" 600;font-size:clamp(.95rem,1.2vw,1.1rem);
  transition:background .3s,border-color .3s,color .3s;
}
.bolge-cip small{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.bolge-cip:hover{border-color:var(--blue);background:rgba(53,112,238,.12)}
.bolge-cip.is-on{background:var(--blue);border-color:var(--blue);color:#fff}
.bolge-cip.is-on small{color:#fff}
.bolge-cip.is-merkez:not(.is-on){border-color:rgba(53,112,238,.6)}
.sv-row__t a{color:inherit}
.sv-row__t a::after{content:"  →";opacity:.0;transition:opacity .3s}
.sv-row:hover .sv-row__t a::after{opacity:1}
.bolge-kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.bolge-kart{padding:clamp(22px,2.4vw,34px);border-radius:clamp(14px,1.4vw,20px);background:#fff;border:1px solid #E6E6E1}
.bolge-kart .mono{color:var(--blue)}
.bolge-kart h3{margin:14px 0 10px;font-weight:normal;font-variation-settings:"wdth" 108,"wght" 760;font-size:clamp(1.25rem,1.8vw,1.6rem);letter-spacing:-.02em;color:var(--ink)}
.bolge-kart p{margin:0;color:#4A4A52;line-height:1.6}
/* ana sayfa: hizmet bölgeleri bandı */
.bolgeler{padding:clamp(64px,9vw,140px) var(--pad);background:var(--ink);color:var(--paper);border-top:1px solid rgba(250,250,248,.08)}
.bolgeler__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:end}
.bolgeler__t{margin:.2em 0 0;font-weight:normal;font-variation-settings:"wdth" 118,"wght" 820;font-size:clamp(2.4rem,6vw,6rem);line-height:.88;letter-spacing:-.05em;text-transform:uppercase}
.bolgeler__t em{font-style:normal;color:var(--blue)}
.bolgeler__p{margin:0 0 22px;max-width:52ch;color:rgba(250,250,248,.72);line-height:1.65}
@media (max-width:900px){
  .bolge-hero,.bolgeler__in{grid-template-columns:1fr}
  .bolge-hero{min-height:0}
  .bolge-hero__harita{transform:none}
  .bolge-kartlar{grid-template-columns:1fr}
}

/* ═══ Yasal metinler (kvkk.html, gizlilik.html) ═══ */
.yasal{background:var(--ink);color:var(--paper);padding:calc(var(--navh) + clamp(48px,7vw,110px)) var(--pad) clamp(70px,9vw,140px)}
.yasal__hd,.yasal__metin{max-width:780px;margin:0 auto}
.yasal__t{margin:.25em 0 .3em;font-weight:normal;font-variation-settings:"wdth" 116,"wght" 840;font-size:clamp(2.3rem,6.4vw,5rem);line-height:.92;letter-spacing:-.04em;text-transform:uppercase}
.yasal__tarih{color:var(--mute)}
.yasal__metin{margin-top:clamp(36px,5vw,64px);color:rgba(250,250,248,.78);font-size:clamp(1rem,1.2vw,1.08rem);line-height:1.75}
.yasal__metin h2{margin:2.2em 0 .6em;color:var(--paper);font-weight:normal;font-variation-settings:"wdth" 104,"wght" 720;font-size:clamp(1.15rem,1.6vw,1.35rem);letter-spacing:-.01em}
.yasal__metin p,.yasal__metin ul{margin:0 0 1em}
.yasal__metin ul{padding-left:1.2em;list-style:disc}
.yasal__metin li{margin:.35em 0}
.yasal__metin li::marker{color:var(--blue)}
.yasal__metin strong{color:var(--paper);font-weight:normal;font-variation-settings:"wght" 640}
.yasal__metin a{color:#8FB0FF;text-decoration:underline;text-underline-offset:3px}
.foot__yasal{text-decoration:underline;text-underline-offset:3px}

/* ═══ Çerez onayı (Google Analytics — main.js §9) ═══ */
.cerez{
  position:fixed;left:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px);bottom:clamp(12px,2vw,24px);z-index:9000;
  display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap;max-width:880px;margin:0 auto;
  padding:16px 18px;border-radius:16px;background:rgba(20,20,24,.96);color:var(--paper);
  border:1px solid rgba(250,250,248,.12);box-shadow:0 24px 60px -20px rgba(0,0,0,.8);backdrop-filter:blur(10px);
}
.cerez p{flex:1 1 360px;margin:0;font-size:.92rem;line-height:1.55;color:rgba(250,250,248,.78)}
.cerez b{color:var(--paper);font-weight:normal;font-variation-settings:"wght" 640}
.cerez a{color:#8FB0FF;text-decoration:underline;text-underline-offset:3px}
.cerez__b{display:flex;gap:10px;flex:none}
.cerez__b button{padding:11px 18px;border-radius:999px;font-variation-settings:"wght" 640;font-size:.9rem;border:1px solid rgba(250,250,248,.25);color:var(--paper)}
.cerez__b .cerez__kabul{background:var(--blue);border-color:var(--blue);color:#fff}
.cerez__b button:hover{border-color:var(--paper)}

/* ═══ "İçeriğe geç" — yalnız klavyeyle (Tab) odaklanınca görünür ═══ */
.atla{
  position:fixed;left:12px;top:-60px;z-index:10000;padding:12px 18px;border-radius:10px;
  background:var(--blue);color:#fff;font-variation-settings:"wght" 640;transition:top .2s;
}
.atla:focus{top:12px;outline:2px solid #fff;outline-offset:2px}

/* ═══ 404 — olmayan sayfa (404.html / 404.php) ═══════ */
.e404{
  position:relative;overflow:hidden;display:grid;align-items:center;
  min-height:calc(100vh - 80px);min-height:calc(100svh - 80px);
  padding:calc(var(--navh) + clamp(40px,6vw,90px)) var(--pad) clamp(60px,8vw,120px);
  background:var(--ink);color:var(--paper);
}
.e404__n{   /* arkada dev, içi boş rakam */
  position:absolute;right:-.04em;bottom:-.18em;z-index:0;pointer-events:none;user-select:none;
  font-variation-settings:"wdth" 125,"wght" 900;font-size:clamp(12rem,38vw,34rem);line-height:.8;letter-spacing:-.06em;
  color:transparent;-webkit-text-stroke:1.5px rgba(53,112,238,.45);
}
.e404__in{position:relative;z-index:1;max-width:760px}
.e404__t{
  margin:.25em 0 .35em;font-weight:normal;font-variation-settings:"wdth" 118,"wght" 860;
  font-size:clamp(2.6rem,8vw,6.6rem);line-height:.9;letter-spacing:-.045em;text-transform:uppercase;
}
.e404__lead{max-width:46ch;color:rgba(250,250,248,.62);font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.6}
.e404__acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(26px,3vw,40px)}
.e404__acts .more{margin:0}
.more--ghost{border-color:rgba(250,250,248,.28)}

/* ═══ FOOTER — mavi kapanış ═══════════════════════════ */
.foot{background:var(--blue);color:#fff;padding:clamp(48px,6.5vw,92px) var(--pad) 18px;overflow:hidden}

.foot__head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:26px;
  padding-bottom:clamp(34px,4.6vw,64px);border-bottom:1px solid rgba(255,255,255,.34);
}
.foot__say{
  font-variation-settings:"wdth" 104,"wght" 350;
  font-size:clamp(1.8rem,5.6vw,4.6rem);line-height:1.02;letter-spacing:-.04em;
}
.foot__mark{width:clamp(56px,7vw,104px);height:auto;color:#fff;flex:none}

.foot__cols{
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,40px);
  padding:clamp(30px,4vw,54px) 0;
}
.foot__cols > div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.foot__cols .mono{color:rgba(255,255,255,.62);margin-bottom:6px}
.foot__cols a{position:relative;font-size:.93rem;color:rgba(255,255,255,.9)}
.foot__cols a::after{
  content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:currentColor;
  transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease);
}
.foot__cols a:hover::after{transform:scaleX(1);transform-origin:left}

.foot__bar{
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding-top:16px;border-top:1px solid rgba(255,255,255,.34);color:rgba(255,255,255,.7);
}
.foot__up{transition:color .3s}
.foot__up:hover{color:#fff}

/* ═══ GİRİŞ ANİMASYONU ════════════════════════════════ */
[data-rv]{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
[data-rv].in{opacity:1;transform:none}

/* ═══ DUYARLI ═════════════════════════════════════════ */
@media (max-width:900px){
  .menu__row{flex-direction:column;align-items:flex-start;gap:clamp(22px,4vh,44px)}
  .menu__logo{width:38vw;max-width:220px;margin:0;opacity:.6}
  .menu__soc{margin:0}
  .panel{grid-template-columns:1fr}
  .panel__r{display:none}
  .serv__in{padding-right:clamp(38px,7vw,70px)}
  .bx--sm,.bx--lg{grid-column:span 6}
  .bx--wide{grid-template-columns:1fr 1.05fr}
  .frame .f-v,.frame .f-c{display:none}
}
@media (max-width:700px){
  .burger__lbl{display:none}
  .hero__words{flex-direction:column;align-items:flex-start;gap:0;bottom:calc(var(--bar) + 18px)}
  .hw i{font-size:clamp(2.6rem,13.5vw,4.2rem)}
  .hero__say{top:38%;width:82vw}
  .serv__in{padding-right:0}
  .serv__word{
    position:static;writing-mode:horizontal-tb;display:block;
    font-size:clamp(2.6rem,13vw,4.4rem);margin-bottom:20px;
  }
  .bx--sm,.bx--lg,.bx--wide{grid-column:span 12}
  .bx--wide{grid-template-columns:1fr;min-height:0}
  .bx--wide .bx__img{aspect-ratio:16/10}
  .bx--flip .bx__img{order:1}
  .bx--flip .bx__body{order:2}
  .foot__head{flex-direction:column;align-items:flex-start;gap:26px}
  .foot__cols{grid-template-columns:1fr 1fr;gap:28px}
  .foot__bar{flex-direction:column;gap:8px}
}

/* ═══ HAREKET AZALTMA ═════════════════════════════════ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  html{scroll-behavior:auto}
  [data-rv],.ln i,.hw i,.hero__say,.mk{opacity:1 !important;transform:none !important}
  .frame i,.frame .f-c{transform:none !important}
  .hero__img img{animation:none}
  .refs__track{animation:none;flex-wrap:wrap;width:100%;justify-content:center}
  .refs__set[aria-hidden="true"]{display:none}
  .refs__row{-webkit-mask-image:none;mask-image:none}
}

/* ═══ İLETİŞİM SAYFASI ════════════════════════════════ */

.ct.wk{padding-bottom:clamp(56px,8vw,110px)}
.ct .wk__t{margin-bottom:clamp(22px,3.2vw,48px)}

.ct__row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);
  gap:clamp(40px,6vw,96px);
  align-items:start;
}
.ct__info,.ct__form-wrap{min-width:0}

/* Sol — editoryal dizin */
.ct__say{
  font-variation-settings:"wdth" 102,"wght" 350;
  font-size:clamp(1.45rem,3.2vw,2.55rem);line-height:1.12;letter-spacing:-.035em;
  margin-bottom:clamp(14px,1.8vw,22px);max-width:16ch;
}
.ct__say b{font-variation-settings:"wdth" 102,"wght" 700;font-weight:400}
.ct__lead{
  font-variation-settings:"wdth" 100,"wght" 360;
  font-size:clamp(.98rem,1.45vw,1.15rem);line-height:1.58;letter-spacing:-.015em;
  color:rgba(250,250,248,.68);max-width:min(42ch,100%);
  margin-bottom:clamp(28px,3.6vw,48px);
  overflow-wrap:break-word;
}

.ct__dir{display:flex;flex-direction:column}
.ct__dir li{
  padding:clamp(15px,1.7vw,22px) 0;
  border-bottom:1px solid rgba(250,250,248,.12);
}
.ct__dir li:first-child{border-top:1px solid rgba(250,250,248,.12)}
.ct__dir-lbl{display:block;color:var(--mute);margin-bottom:8px}
.ct__dir a,.ct__dir-plain{
  display:inline-flex;align-items:baseline;gap:10px;flex-wrap:wrap;
  max-width:100%;overflow-wrap:anywhere;
  font-variation-settings:"wdth" 104,"wght" 620;
  font-size:clamp(1.05rem,2vw,1.55rem);line-height:1.15;letter-spacing:-.03em;
  transition:color .35s var(--ease);
}
.ct__dir-plain{color:rgba(250,250,248,.72)}
.ct__dir a:hover{color:var(--blue)}
.ct__dir i{
  font-style:normal;font-size:.72em;color:rgba(250,250,248,.4);
  transition:transform .5s var(--ease),color .35s;
}
.ct__dir a:hover i{transform:translate(4px,-4px);color:var(--blue)}

.ct__ways{
  display:flex;flex-wrap:wrap;gap:8px 26px;
  margin-top:clamp(26px,3.4vw,44px);
}
.ct__ways a{
  font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(250,250,248,.42);transition:color .3s;
}
.ct__ways a:hover{color:var(--blue)}

/* Sağ — kağıt form (koyu üstünde mektup) */
.ct__form-wrap{
  background:var(--paper);color:var(--ink);
  border-radius:clamp(12px,1.5vw,22px);
  padding:calc(var(--bar) + clamp(26px,3.2vw,46px)) clamp(28px,3.6vw,52px) clamp(28px,3.6vw,52px);
  position:relative;
  box-shadow:0 24px 60px rgba(0,0,0,.28);
}
.ct__form-wrap::before{
  content:"";position:absolute;top:0;left:0;right:0;
  height:var(--bar);background:var(--blue);
  border-radius:clamp(12px,1.5vw,22px) clamp(12px,1.5vw,22px) 0 0;
}

.ct__form-kicker{margin-bottom:clamp(22px,2.8vw,36px);padding-top:6px}
.ct__form-kicker .mono{color:var(--blue);margin-bottom:10px}
.ct__form-hd{
  display:flex;align-items:center;justify-content:space-between;
  gap:clamp(12px,2vw,28px);margin-bottom:10px;
}
.ct__form-t{
  font-variation-settings:"wdth" 108,"wght" 780;
  font-size:clamp(1.7rem,3.2vw,2.7rem);line-height:.92;letter-spacing:-.045em;
  text-transform:uppercase;margin:0;min-width:0;
}
.ct__mark{
  width:clamp(52px,7.4vw,86px);height:auto;flex:none;
  fill:var(--blue);overflow:visible;pointer-events:none;
}
.ct__mark .mk1{animation:mk-bar 4.4s var(--ease) infinite}
.ct__mark .mk2{animation:mk-ust 4.4s var(--ease) .14s infinite}
.ct__mark .mk3{animation:mk-alt 4.4s var(--ease) .28s infinite}
.ct__form-d{color:rgba(11,11,13,.52);font-size:.95rem;max-width:40ch}

.ct__form{
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(4px, .6vw, 8px) clamp(16px,2vw,28px);
}
.ct__field{
  display:flex;flex-direction:column;gap:6px;min-width:0;
  padding-bottom:clamp(10px,1.2vw,16px);
}
.ct__field--full,.ct__legal,.ct__foot,.ct__status{grid-column:1 / -1}

.ct__label{
  color:rgba(11,11,13,.48);
  display:flex;align-items:center;gap:8px;
}
.ct__opt{
  color:rgba(11,11,13,.32);
  text-transform:none;letter-spacing:0;font-size:.9em;
}

.ct__input{
  background:transparent;color:var(--ink);
  border:0;border-bottom:1.5px solid rgba(11,11,13,.16);
  border-radius:0;width:100%;
  padding:10px 0 12px;
  font:inherit;font-size:clamp(.95rem,1.15vw,1.05rem);
  letter-spacing:-.01em;outline:none;
  transition:border-color .35s var(--ease);
}
.ct__input::placeholder{color:rgba(11,11,13,.34);font-variation-settings:"wdth" 100,"wght" 400}
.ct__input:focus{border-bottom-color:var(--blue);box-shadow:none}
.ct__input.error{border-bottom-color:#c43a3a}

.ct__select-wrap{position:relative}
.ct__select{
  appearance:none;-webkit-appearance:none;
  cursor:pointer;padding-right:36px;
}
.ct__chevron{
  position:absolute;right:0;top:14px;pointer-events:none;
  width:14px;color:rgba(11,11,13,.4);
  transition:color .3s,transform .3s var(--ease);
}
.ct__select:focus ~ .ct__chevron{color:var(--blue);transform:rotate(180deg)}
.ct__select option{background:var(--paper);color:var(--ink)}

.ct__textarea{
  resize:vertical;min-height:120px;line-height:1.55;
  border:1.5px solid rgba(11,11,13,.16);border-radius:8px;
  padding:12px 14px;margin-top:4px;
}
.ct__textarea:focus{border-color:var(--blue)}
.ct__textarea.error{border-color:#c43a3a}

.ct__err{
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:#c43a3a;min-height:14px;
}

.ct__legal{
  display:flex;flex-direction:column;gap:11px;
  margin-top:2px;padding-top:clamp(16px,2vw,22px);
  border-top:1.5px solid rgba(11,11,13,.12);
}
.ct__legal-lbl{color:var(--blue)}
.ct__check{
  position:relative;display:flex;align-items:flex-start;gap:12px;
  cursor:pointer;user-select:none;
}
.ct__check-input{
  position:absolute;opacity:0;width:18px;height:18px;margin:0;
  pointer-events:none;
}
.ct__check-ui{
  flex:none;width:18px;height:18px;margin-top:2px;
  border:1.5px solid rgba(11,11,13,.28);border-radius:4px;
  background:transparent;position:relative;
  transition:background .3s var(--ease),border-color .3s var(--ease);
}
.ct__check-ui::after{
  content:"";position:absolute;left:5px;top:1px;
  width:5px;height:9px;
  border:solid #fff;border-width:0 1.6px 1.6px 0;
  transform:rotate(45deg) scale(0);
  transition:transform .22s var(--ease);
}
.ct__check:hover .ct__check-ui{border-color:var(--blue)}
.ct__check-input:checked + .ct__check-ui{
  background:var(--blue);border-color:var(--blue);
}
.ct__check-input:checked + .ct__check-ui::after{transform:rotate(45deg) scale(1)}
.ct__check-input:focus-visible + .ct__check-ui{
  outline:2px solid var(--blue);outline-offset:3px;
}
.ct__check.is-err .ct__check-ui{border-color:#c43a3a}
.ct__check-txt{
  font-size:clamp(.78rem,.95vw,.88rem);line-height:1.5;
  color:rgba(11,11,13,.62);letter-spacing:-.01em;
}
.ct__check-txt a{
  color:var(--blue);text-decoration:underline;text-underline-offset:2px;
  text-decoration-thickness:1px;
  transition:color .3s;
}
.ct__check-txt a:hover{color:var(--blue-deep)}
.ct__check-txt em{
  display:inline;margin-left:6px;
  font-style:normal;font-family:var(--mono);
  font-size:9px;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(11,11,13,.34);
}
.ct__check--opt .ct__check-txt{color:rgba(11,11,13,.48)}
.ct__legal .ct__err{min-height:0}

.ct__foot{
  display:flex;align-items:center;gap:clamp(16px,2.4vw,28px);
  flex-wrap:wrap;padding-top:clamp(4px,.8vw,10px);
}

.ct__submit{
  display:inline-flex;align-items:center;gap:10px;flex:none;
  background:var(--blue);color:#fff;border:2px solid var(--blue);
  border-radius:999px;
  padding:clamp(13px,1.6vw,17px) clamp(26px,3.2vw,42px);
  font-variation-settings:"wdth" 106,"wght" 640;
  font-size:clamp(.88rem,1.15vw,1.02rem);text-transform:uppercase;letter-spacing:.03em;
  position:relative;overflow:hidden;isolation:isolate;
  transition:color .45s var(--ease),border-color .45s var(--ease);
}
.ct__submit::before{
  content:"";position:absolute;inset:-2px;z-index:-1;background:var(--ink);
  transform:translateY(101%);transition:transform .5s var(--ease);
}
.ct__submit-txt,.ct__submit-ic{position:relative;z-index:1}
.ct__submit-ic{font-style:normal;transition:transform .5s var(--ease)}
.ct__submit:hover{color:var(--paper);border-color:var(--ink)}
.ct__submit:hover::before{transform:none}
.ct__submit:hover .ct__submit-ic{transform:translate(3px,-3px)}
.ct__submit:disabled{opacity:.55;pointer-events:none}

.ct__status{
  display:flex;align-items:flex-start;gap:12px;
  padding:clamp(12px,1.4vw,18px) clamp(14px,1.6vw,20px);
  border-radius:10px;font-size:.92rem;line-height:1.5;
}
.ct__status.ok{background:rgba(22,140,70,.1);border:1px solid rgba(22,140,70,.28);color:#157a3a}
.ct__status.err{background:rgba(196,58,58,.08);border:1px solid rgba(196,58,58,.28);color:#c43a3a}
.ct__status-icon{font-size:1.1rem;flex:none;margin-top:.1em}

@media (min-width:901px){
  .ct__form-wrap{position:sticky;top:88px}
}

@media (max-width:900px){
  .ct__row{grid-template-columns:minmax(0,1fr);gap:clamp(36px,6vw,64px)}
  .ct__say{max-width:none}
  .ct__lead{max-width:none}
  .ct__form-wrap{position:static}
  .ct__form{grid-template-columns:1fr}
}
@media (max-width:600px){
  .ct__form-wrap{padding:calc(var(--bar) + clamp(20px,5vw,28px)) clamp(18px,4.5vw,26px) clamp(26px,5vw,36px)}
  .ct__foot{flex-direction:column;align-items:flex-start}
  .ct__submit{width:100%;justify-content:center}
  .ct__dir a,.ct__dir-plain{font-size:clamp(1.02rem,5.4vw,1.25rem)}
}

/* ═══ PROJE DETAY — tek şablon (proje.html?p=…) ═══════
   Bütün hizmetler için aynı sade sayfa. Alanlar js/projeler.js başındaki
   admin formu listesinde; boş isteğe bağlı bölümleri JS kaldırır.
   Sıra: üst bilgi → kapak → proje hakkında (+ teslimler) → video → galeri → önceki/sonraki
═══════════════════════════════════════════════════════ */
.pj{padding:clamp(104px,14vh,150px) var(--pad) 0}
.pj-back{display:inline-block;margin-bottom:clamp(36px,5vw,72px)}

/* — üst bilgi: solda ad, sağda bilgi tablosu — */
.pj-hd__row{
  display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);
  gap:clamp(28px,5vw,90px);align-items:end;
}
.pj-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:clamp(16px,2vw,26px)}
.pj-tag{
  padding:8px 14px;border-radius:999px;border:1px solid rgba(250,250,248,.2);
  font-variation-settings:"wdth" 104,"wght" 600;font-size:.88rem;color:rgba(250,250,248,.82);
  transition:background .35s var(--ease),border-color .35s,color .35s;
}
.pj-tag:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.pj-t{
  padding-top:.06em;overflow-wrap:anywhere;
  font-variation-settings:"wdth" 118,"wght" 800;
  font-size:clamp(3.2rem,10vw,9.6rem);line-height:.84;letter-spacing:-.06em;text-transform:uppercase;
}
.pj-is{
  margin-top:clamp(16px,2vw,26px);max-width:30ch;color:rgba(250,250,248,.75);
  font-variation-settings:"wdth" 102,"wght" 450;font-size:clamp(1.15rem,1.8vw,1.6rem);line-height:1.3;
}
.pj-facts{margin:0;border-top:1px solid rgba(250,250,248,.16)}
.pj-facts div{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid rgba(250,250,248,.16)}
.pj-facts dt{align-self:center;color:var(--mute)}
.pj-facts dd{margin:0;text-align:right;font-variation-settings:"wdth" 104,"wght" 600}
.pj-link{margin-top:20px}

/* — kapak — */
.pj-cover{
  position:relative;overflow:hidden;margin:clamp(40px,5vw,72px) 0 0;
  aspect-ratio:16/9;border-radius:clamp(14px,1.6vw,24px);background:var(--ink-2);
}
.pj-cover img{position:absolute;inset:0}

/* — proje hakkında — */
.pj-body{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);
  gap:clamp(20px,5vw,90px);padding:clamp(72px,9vw,140px) 0;
}
.pj-lbl{margin:0;color:var(--blue)}
.pj-ozet{
  max-width:26ch;
  font-variation-settings:"wdth" 104,"wght" 500;
  font-size:clamp(1.5rem,2.8vw,2.5rem);line-height:1.18;letter-spacing:-.025em;
}
.pj-txt{margin-top:clamp(24px,3vw,40px)}
.pj-txt:empty{display:none}
.pj-txt p{max-width:60ch;color:rgba(250,250,248,.7);font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.7}
.pj-txt p + p{margin-top:1em}
.pj-del{margin-top:clamp(36px,4vw,56px);padding-top:clamp(20px,2.4vw,28px);border-top:1px solid rgba(250,250,248,.16)}
.pj-del ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.pj-del li{padding:10px 16px;border-radius:999px;background:var(--ink-2);font-size:.95rem}
.pj-del li::before{content:"✓";margin-right:8px;color:var(--blue)}

/* — video (isteğe bağlı) — */
/* — video: galerinin üstünde ortada, oynat düğmeli kapak (projeler.js film) — */
.pj-gal{display:flex;flex-direction:column;gap:clamp(28px,3.4vw,56px)}
.pj-film{display:flex;justify-content:center}
.pj-film__box{
  --r:1.7778;position:relative;overflow:hidden;aspect-ratio:var(--r);
  width:min(100%, 1180px, calc(78vh * var(--r)));
  border-radius:clamp(14px,1.6vw,24px);background:#000;
  box-shadow:0 0 0 1px rgba(250,250,248,.08),0 30px 80px -30px rgba(53,112,238,.35);
}
.pj-film--tam .pj-film__box{width:min(100%, calc(85vh * var(--r)))}
.pj-film--dikey .pj-film__box{width:min(100%, calc(80vh * var(--r)), 520px)}
.pj-film__box video,.pj-film__box iframe,.pj-film__poster{position:absolute;inset:0;width:100%;height:100%;border:0}
.pj-film__box video{object-fit:contain;background:#000}
.pj-film__poster{object-fit:cover;transition:transform 1.2s var(--ease),opacity .4s}
.pj-film__oynat{
  position:absolute;inset:0;z-index:2;display:grid;place-items:center;cursor:pointer;
  background:radial-gradient(ellipse at center,rgba(11,11,13,.05) 0,rgba(11,11,13,.55) 100%);
  transition:background .4s;
}
.pj-film__oynat:hover{background:radial-gradient(ellipse at center,rgba(11,11,13,0) 0,rgba(11,11,13,.4) 100%)}
.pj-film__box:hover .pj-film__poster{transform:scale(1.03)}
.pj-film__ic{
  position:relative;display:grid;place-items:center;
  width:clamp(68px,7vw,96px);aspect-ratio:1;border-radius:50%;background:var(--blue);
  box-shadow:0 12px 40px rgba(53,112,238,.5);transition:transform .4s var(--ease),background .3s;
}
.pj-film__ic::before{   /* nefes alan halka */
  content:"";position:absolute;inset:-10px;border-radius:50%;border:1.5px solid rgba(250,250,248,.45);
  animation:filmHalka 2.4s var(--ease) infinite;
}
.pj-film__ic svg{width:38%;height:38%;margin-left:6%;fill:#fff}
.pj-film__oynat:hover .pj-film__ic{transform:scale(1.08)}
.pj-film__oynat:focus-visible{outline:none}
.pj-film__oynat:focus-visible .pj-film__ic{outline:3px solid #fff;outline-offset:6px}
@keyframes filmHalka{0%{transform:scale(.9);opacity:0}40%{opacity:1}100%{transform:scale(1.25);opacity:0}}
.pj-film__etiket{
  position:absolute;left:clamp(12px,1.4vw,20px);top:clamp(12px,1.4vw,20px);
  display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;
  background:rgba(11,11,13,.62);backdrop-filter:blur(8px);color:#fff;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;
}
.pj-film__etiket i{width:7px;height:7px;border-radius:50%;background:#ff4d4d;box-shadow:0 0 0 3px rgba(255,77,77,.25)}
.pj-film__sure{
  position:absolute;right:clamp(12px,1.4vw,20px);bottom:clamp(12px,1.4vw,20px);
  padding:6px 10px;border-radius:8px;background:rgba(11,11,13,.62);backdrop-filter:blur(8px);color:#fff;font-size:.75rem;
}
.pj-film__sure:empty{display:none}
@media (prefers-reduced-motion:reduce){.pj-film__ic::before{animation:none}}

/* — galeri: kutu boyutu + yeri admin'den; satırlar js/galeri-dizim.js (projeler.js diz) — */
.pj-gal__grid{display:flex;flex-direction:column;gap:clamp(10px,1.2vw,18px);width:100%;max-width:1440px;margin-inline:auto}
.pj-gal__row{display:flex;justify-content:center;align-items:flex-start;gap:inherit}
.pj-gal figure{position:relative;flex:none;overflow:hidden;margin:0;border-radius:clamp(12px,1.4vw,20px);background:var(--ink-2)}
.pj-gal figure img{position:absolute;inset:0;transition:transform 1.2s var(--ease)}
.pj-gal figure:hover img{transform:scale(1.03)}

/* — görseli büyüt: kapak + galeri tıklanır, tam ekranda kırpılmamış hali — */
.pj-zoom{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:flex-end;padding:clamp(10px,1.2vw,16px);cursor:zoom-in;background:none}
.pj-zoom svg{
  width:42px;height:42px;padding:11px;border-radius:50%;background:rgba(11,11,13,.62);backdrop-filter:blur(6px);
  fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
  opacity:0;transform:scale(.85);transition:opacity .3s,transform .3s var(--ease),background .3s;
}
.pj-zoomable:hover .pj-zoom svg,.pj-zoom:focus-visible svg{opacity:1;transform:none}
.pj-zoom:hover svg{background:var(--blue)}
.pj-zoom:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;border-radius:inherit}
.pj-zoomable:hover img{transform:scale(1.03)}
.pj-cover img{transition:transform 1.2s var(--ease)}
@media (hover:none){.pj-zoom svg{opacity:1;transform:none;width:36px;height:36px;padding:9px}}

.lb{
  position:fixed;inset:0;z-index:1000;display:grid;place-items:center;
  background:rgba(11,11,13,.97);opacity:0;transition:opacity .25s;
}
.lb.on{opacity:1}
.lb{--lb-y:clamp(56px,7vh,80px);--lb-x:clamp(16px,7vw,96px)}
.lb__fig{margin:0;display:grid;place-items:center;width:100%;height:100%;padding:var(--lb-y) var(--lb-x)}
.lb__fig img{
  width:auto;height:auto;object-fit:contain;
  max-width:calc(100vw - 2 * var(--lb-x));
  max-height:calc(100vh - 2 * var(--lb-y));max-height:calc(100dvh - 2 * var(--lb-y));
  border-radius:clamp(6px,.8vw,12px);transition:opacity .2s;user-select:none;
}
.lb__fig img.is-yuk{opacity:0}
.lb__b{
  position:absolute;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;
  background:rgba(250,250,248,.08);color:#fff;font-size:1.2rem;transition:background .25s;
}
.lb__b:hover,.lb__b:focus-visible{background:var(--blue);outline:none}
.lb__x{top:clamp(12px,2vh,22px);right:clamp(12px,2vw,24px)}
.lb__p,.lb__n{top:50%;translate:0 -50%}
.lb__p{left:clamp(10px,2vw,24px)}
.lb__n{right:clamp(10px,2vw,24px)}
.lb__say{position:absolute;top:clamp(26px,3.2vh,36px);left:50%;translate:-50% 0;color:rgba(250,250,248,.6);font-size:.8rem;letter-spacing:.08em}
html.lb-acik{overflow:hidden}
@media (max-width:700px){
  .lb{--lb-x:0px;--lb-y:76px}
  .lb__fig img{border-radius:0}
  .lb__p,.lb__n{top:auto;bottom:18px;translate:none}
  .lb__p{left:calc(50% - 58px)}
  .lb__n{right:calc(50% - 58px)}
}
@media (prefers-reduced-motion:reduce){.lb,.lb__fig img,.pj-zoom svg{transition:none}}

/* — önceki / sonraki — */
.pj-nav{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.2vw,18px);
  padding:clamp(72px,9vw,140px) 0;
}
.pj-nav__a:only-child{grid-column:2}   /* iki projede yalnız "sonraki" kalır: sağda dursun */
.pj-nav__a{
  display:flex;align-items:center;gap:clamp(14px,1.8vw,26px);min-width:0;
  padding:clamp(14px,1.6vw,20px);border-radius:clamp(14px,1.6vw,22px);background:var(--ink-2);
  transition:background .45s var(--ease);
}
.pj-nav__a--next{justify-content:flex-end;text-align:right}
.pj-nav__img{position:relative;flex:none;overflow:hidden;width:clamp(90px,10vw,150px);aspect-ratio:4/3;border-radius:10px}
.pj-nav__img img{position:absolute;inset:0;transition:transform 1s var(--ease)}
.pj-nav__txt{display:flex;flex-direction:column;gap:8px;min-width:0}
.pj-nav__txt .mono{color:var(--mute);transition:color .35s}
.pj-nav__t{
  font-weight:normal;font-variation-settings:"wdth" 114,"wght" 780;
  font-size:clamp(1.3rem,2.4vw,2.2rem);line-height:1;letter-spacing:-.04em;text-transform:uppercase;
}
.pj-nav__k{font-size:10.5px}
.pj-nav__a:hover{background:var(--blue)}
.pj-nav__a:hover .mono{color:rgba(255,255,255,.8)}
.pj-nav__a:hover .pj-nav__img img{transform:scale(1.08)}

@media (max-width:900px){
  .pj-hd__row,.pj-body{grid-template-columns:1fr}
}
@media (max-width:600px){
  .pj-cover{aspect-ratio:4/3}
  .pj-nav{grid-template-columns:1fr}
  .pj-nav__a:only-child{grid-column:auto}
  .pj-nav__a--next{flex-direction:row-reverse;justify-content:flex-end;text-align:left}
}

/* ═══ HİZMET SAYFALARI — ortak iskelet ════════════════
   Sıra: hero → .sv-say (mavi yaklaşım) → .sv-scope (kapsam satırları)
   → .sv-show (kağıt zemin, hizmete özel vitrin) → .sv-proc (süreç)
   → .sv-works → .sv-faq → .sv-end (teklif + sonraki hizmet)
   ═══════════════════════════════════════════════════════ */
.sv-hero{
  position:relative;overflow:hidden;min-height:100svh;
  display:grid;align-items:center;gap:clamp(32px,5vw,80px);
  padding:clamp(110px,15vh,150px) var(--pad) clamp(48px,6vw,88px);
}
.sv-hero--split{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.sv-copy{position:relative;z-index:2;min-width:0}
.sv-kick{display:flex;align-items:center;gap:12px;margin:0 0 clamp(14px,1.8vw,22px);color:var(--blue)}
.sv-kick::before{content:"";width:26px;height:2px;background:currentColor;flex:none}
.sv-t{
  margin:0;padding-top:.06em;
  font-variation-settings:"wdth" 118,"wght" 800;
  font-size:clamp(3rem,9.6vw,9.4rem);line-height:.84;
  letter-spacing:-.06em;text-transform:uppercase;
}
.sv-hero--split .sv-t{font-size:clamp(3rem,5.5vw,7rem)}   /* en uzun kelime ("REKLAMLARI") yarım sütuna sığsın */
.sv-lead{
  margin:clamp(20px,2.6vw,34px) 0 0;max-width:34ch;
  font-size:clamp(1.05rem,1.45vw,1.28rem);line-height:1.45;color:rgba(250,250,248,.72);
}
.sv-acts{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:clamp(26px,3vw,42px)}

/* düğmeler */
.sv-btn{
  display:inline-flex;align-items:center;gap:12px;
  padding:clamp(13px,1.3vw,17px) clamp(20px,2vw,28px);border-radius:999px;
  background:var(--blue);color:#fff;
  font-variation-settings:"wdth" 106,"wght" 650;font-size:clamp(.9rem,1vw,1rem);letter-spacing:.01em;
  transition:background .45s var(--ease),color .45s var(--ease);
}
.sv-btn i{font-style:normal;transition:transform .45s var(--ease)}
.sv-btn:hover{background:var(--paper);color:var(--ink)}
.sv-btn:hover i{transform:translate(3px,-3px)}
.sv-btn--lg{padding:clamp(18px,1.9vw,26px) clamp(30px,3vw,44px);font-size:clamp(1rem,1.3vw,1.2rem)}
.sv-link{
  padding-bottom:5px;border-bottom:1px solid rgba(250,250,248,.3);color:rgba(250,250,248,.72);
  transition:color .3s,border-color .3s;
}
.sv-link:hover{color:#fff;border-color:var(--blue)}

/* bölüm başlığı */
.sv-sec{position:relative;padding:clamp(80px,10vw,160px) var(--pad)}
.sv-sec--paper{background:var(--paper);color:var(--ink)}
.sv-hd{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:end;
  gap:20px clamp(24px,5vw,80px);margin-bottom:clamp(40px,5.4vw,84px);
}
.sv-hd__l{grid-column:1/-1;display:flex;gap:14px;margin:0;color:var(--blue)}
.sv-hd__l span{color:var(--mute)}
.sv-hd__t{
  margin:0;
  font-variation-settings:"wdth" 116,"wght" 800;
  font-size:clamp(2.3rem,5.6vw,5.4rem);line-height:.88;letter-spacing:-.05em;text-transform:uppercase;
}
.sv-hd__d{margin:0;max-width:36ch;color:rgba(250,250,248,.62);font-size:clamp(.98rem,1.15vw,1.1rem);line-height:1.5}
.sv-sec--paper .sv-hd__d{color:rgba(11,11,13,.62)}

/* ── mavi yaklaşım bandı ── */
.sv-say{
  position:relative;overflow:hidden;isolation:isolate;
  padding:clamp(80px,10vw,150px) var(--pad);background:var(--blue);color:#fff;
}
.sv-say__l{margin:0 0 clamp(22px,2.6vw,36px);color:rgba(255,255,255,.72)}
.sv-say__h{
  max-width:17ch;
  font-variation-settings:"wdth" 102,"wght" 380;
  font-size:clamp(2rem,5.2vw,4.9rem);line-height:1.04;letter-spacing:-.04em;
}
.sv-say__k{
  position:absolute;z-index:-1;right:calc(var(--pad) * -1);top:50%;
  width:clamp(260px,40vw,640px);height:auto;transform:translateY(-50%);
  fill:none;stroke:rgba(255,255,255,.22);stroke-width:.35;
}

/* ── kapsam satırları: üzerine gelince mavi dolar ── */
.sv-rows{list-style:none;margin:0;padding:0;border-top:1px solid rgba(250,250,248,.16)}
.sv-row{
  position:relative;isolation:isolate;
  display:grid;grid-template-columns:clamp(36px,5vw,84px) minmax(0,1.2fr) minmax(0,1fr);
  align-items:center;gap:clamp(14px,2.6vw,44px);
  padding:clamp(24px,2.8vw,42px) 0;border-bottom:1px solid rgba(250,250,248,.16);
}
.sv-row::before{
  content:"";position:absolute;z-index:-1;inset:-1px calc(var(--pad) * -1);background:var(--blue);
  transform:scaleY(0);transform-origin:bottom;transition:transform .55s var(--ease);
}
.sv-row__n{color:var(--blue);transition:color .4s var(--ease)}
.sv-row__t{
  font-variation-settings:"wdth" 114,"wght" 760;
  font-size:clamp(1.45rem,3.1vw,2.9rem);line-height:.95;letter-spacing:-.045em;text-transform:uppercase;
  transition:transform .6s var(--ease);
}
.sv-row__d{max-width:38ch;color:rgba(250,250,248,.62);line-height:1.5;transition:color .4s var(--ease)}
/* görselli satır listesi: dördüncü sütunda, üzerine gelince açılan küçük fotoğraf */
.sv-rows--foto .sv-row{grid-template-columns:clamp(36px,5vw,84px) minmax(0,1.2fr) minmax(0,1fr) clamp(120px,13vw,200px)}
.sv-row__img{position:relative;align-self:stretch}
.sv-row__img img{
  position:absolute;right:0;top:50%;width:100%;height:auto;aspect-ratio:4/3;border-radius:12px;
  opacity:0;transform:translateY(-50%) rotate(6deg) scale(.7);
  box-shadow:0 30px 60px -28px rgba(0,0,0,.9);
  transition:opacity .4s var(--ease),transform .7s var(--ease);
}
@media (hover:hover){
  .sv-row:hover::before{transform:none}
  .sv-row:hover .sv-row__n{color:#fff}
  .sv-row:hover .sv-row__t{transform:translateX(clamp(8px,1vw,18px))}
  .sv-row:hover .sv-row__d{color:rgba(255,255,255,.9)}
  .sv-row:hover .sv-row__img img{opacity:1;transform:translateY(-50%) rotate(-3deg) scale(1)}
}

/* ── süreç: solda yapışkan başlık, sağda ilerleme çizgili adımlar ── */
.sv-proc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(32px,6vw,110px);align-items:start}
.sv-proc__side{position:sticky;top:clamp(100px,14vh,140px)}
.sv-proc__side .sv-hd{grid-template-columns:1fr;margin-bottom:28px}
.sv-proc__list{position:relative;list-style:none;margin:0;padding:0 0 0 clamp(30px,3vw,46px)}
.sv-proc__list::before,
.sv-proc__list::after{content:"";position:absolute;left:5px;top:12px;bottom:12px;width:1px;background:rgba(250,250,248,.16)}
.sv-proc__list::after{width:2px;left:4.5px;background:var(--blue);transform-origin:top;transform:scaleY(var(--p,0))}
.sv-step{
  position:relative;display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);
  gap:6px clamp(18px,2.4vw,36px);align-items:start;
  padding:clamp(26px,3vw,44px) 0;border-bottom:1px solid rgba(250,250,248,.12);
}
.sv-step:first-child{padding-top:0}
.sv-step::before{
  content:"";position:absolute;z-index:1;left:calc(clamp(30px,3vw,46px) * -1);top:clamp(32px,3.4vw,50px);
  width:12px;height:12px;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 1.5px rgba(250,250,248,.35);
  transition:background .4s var(--ease),box-shadow .4s var(--ease);
}
.sv-step:first-child::before{top:6px}
.sv-step__n{
  font-variation-settings:"wdth" 118,"wght" 800;
  font-size:clamp(3rem,6vw,5.6rem);line-height:.8;letter-spacing:-.06em;
  color:transparent;-webkit-text-stroke:1px rgba(250,250,248,.32);
  transition:color .5s var(--ease),-webkit-text-stroke-color .5s var(--ease);
}
.sv-step__t{
  font-variation-settings:"wdth" 108,"wght" 720;
  font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.05;letter-spacing:-.03em;
}
.sv-step__d{margin-top:10px;max-width:40ch;color:rgba(250,250,248,.6);line-height:1.55}
.sv-step.on::before{background:var(--blue);box-shadow:inset 0 0 0 1.5px var(--blue),0 0 0 6px rgba(53,112,238,.18)}
.sv-step.on .sv-step__n{color:var(--blue);-webkit-text-stroke-color:var(--blue)}

/* ── örnek işler ── */
.sv-works{padding-top:0}
.sv-works .sv-hd{margin-bottom:clamp(28px,3.4vw,48px)}

/* ── sık sorulanlar ── */
.sv-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(32px,6vw,110px);align-items:start;padding-top:0}
.sv-faq .sv-hd{grid-template-columns:1fr;margin:0}
.sv-faq__list{border-top:1px solid rgba(250,250,248,.16)}
.sv-q{border-bottom:1px solid rgba(250,250,248,.16)}
.sv-q summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:clamp(22px,2.4vw,32px) 0;
  font-variation-settings:"wdth" 104,"wght" 620;
  font-size:clamp(1.08rem,1.6vw,1.45rem);line-height:1.2;letter-spacing:-.02em;
  transition:color .3s;
}
.sv-q summary::-webkit-details-marker{display:none}
.sv-q summary:hover{color:var(--blue)}
.sv-q summary i{position:relative;flex:none;width:34px;height:34px;border-radius:50%;border:1px solid rgba(250,250,248,.25);transition:background .4s var(--ease),border-color .4s var(--ease),transform .5s var(--ease)}
.sv-q summary i::before,
.sv-q summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.sv-q summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.sv-q[open] summary i{background:var(--blue);border-color:var(--blue);color:#fff;transform:rotate(45deg)}
.sv-q p{max-width:58ch;padding:0 50px clamp(24px,2.6vw,34px) 0;color:rgba(250,250,248,.66);line-height:1.6}
.sv-q p a{color:#8FB0FF;text-decoration:underline;text-underline-offset:3px}

/* ── son: teklif + sonraki hizmet + tüm hizmetler ── */
.sv-end{padding:clamp(80px,10vw,150px) var(--pad) clamp(56px,7vw,100px);border-top:1px solid rgba(250,250,248,.1)}
.sv-end__cta{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px clamp(32px,6vw,100px);align-items:end}
.sv-end__t{
  font-variation-settings:"wdth" 118,"wght" 800;
  font-size:clamp(3rem,9vw,8.6rem);line-height:.84;letter-spacing:-.06em;text-transform:uppercase;
}
.sv-end__t em{font-style:normal;color:var(--blue)}
.sv-end__side p{max-width:34ch;margin-bottom:28px;color:rgba(250,250,248,.7);font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.5}
.sv-next{
  position:relative;isolation:isolate;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 24px;
  margin-top:clamp(64px,8vw,130px);padding:clamp(24px,3vw,44px) 0;
  border-top:1px solid rgba(250,250,248,.16);border-bottom:1px solid rgba(250,250,248,.16);
}
.sv-next__l{grid-column:1/-1;color:var(--mute);transition:color .4s}
.sv-next__t{
  font-variation-settings:"wdth" 118,"wght" 800;
  font-size:clamp(2.2rem,6.4vw,6.2rem);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;
  transition:transform .7s var(--ease);
}
.sv-next__go{
  width:clamp(56px,6vw,96px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(250,250,248,.3);font-style:normal;font-size:clamp(1.3rem,2vw,2rem);
  transition:background .45s var(--ease),border-color .45s var(--ease),transform .6s var(--ease);
}
.sv-next__img{
  position:absolute;z-index:-1;right:clamp(90px,10vw,150px);top:50%;width:clamp(200px,24vw,380px);aspect-ratio:16/10;
  border-radius:14px;overflow:hidden;opacity:0;transform:translateY(-40%) rotate(4deg) scale(.85);
  transition:opacity .45s var(--ease),transform .8s var(--ease);
}
.sv-next:hover .sv-next__l{color:var(--blue)}
.sv-next:hover .sv-next__t{transform:translateX(clamp(10px,1.4vw,24px))}
.sv-next:hover .sv-next__go{background:var(--blue);border-color:var(--blue);transform:rotate(-45deg)}
.sv-next:hover .sv-next__img{opacity:1;transform:translateY(-50%) rotate(-2deg) scale(1)}
.sv-all{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(24px,2.6vw,36px)}
.sv-all a{
  padding:10px 16px;border-radius:999px;border:1px solid rgba(250,250,248,.18);color:rgba(250,250,248,.75);
  font-size:.92rem;transition:background .35s var(--ease),border-color .35s,color .35s;
}
.sv-all a:hover{border-color:var(--paper);color:#fff}
.sv-all a[aria-current]{background:var(--paper);border-color:var(--paper);color:var(--ink)}

/* kağıt zemindeki vitrin kutuları ortak */
.sv-tile__l{margin:0;color:rgba(11,11,13,.5)}


/* ─── 01 Web Yazılım — panel + bildirim ─── */
.yz-obj{position:relative;height:clamp(440px,46vw,620px)}
.yz-win{
  position:absolute;right:0;top:6%;width:90%;overflow:hidden;
  border-radius:14px;background:#fff;color:var(--ink);
  box-shadow:0 60px 100px -40px rgba(0,0,0,.95);
  transform:rotate(-2.5deg);transition:transform .7s var(--ease);
}
.yz-win__bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#F1F2F4;border-bottom:1px solid #E3E4E8}
.yz-win__bar i{width:9px;height:9px;border-radius:50%;background:#D5D7DD}
.yz-win__bar span{margin-left:12px;padding:4px 12px;border-radius:6px;background:#fff;color:#8A8A93;font-size:10px;letter-spacing:.04em;text-transform:none}
.yz-app{display:grid;grid-template-columns:clamp(40px,4vw,54px) minmax(0,1fr)}
.yz-side{display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px 0;background:var(--ink)}
.yz-side__logo{width:26px;height:26px;margin-bottom:8px;border-radius:7px;display:grid;place-items:center;background:var(--blue);color:#fff}
.yz-side__logo svg{width:14px;height:auto}
.yz-side i{width:16px;height:4px;border-radius:2px;background:rgba(255,255,255,.22)}
.yz-side i.on{width:20px;background:#fff}
.yz-main{display:flex;flex-direction:column;gap:clamp(9px,1vw,13px);padding:clamp(14px,1.5vw,20px)}
.yz-top{display:flex;align-items:center;justify-content:space-between}
.yz-top b{font-weight:normal;font-variation-settings:"wdth" 104,"wght" 720;font-size:clamp(.95rem,1.25vw,1.15rem);letter-spacing:-.02em}
.yz-top span{padding:5px 10px;border-radius:999px;background:#EEF3FE;color:var(--blue);font-size:9px}
.yz-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.yz-kpis div{display:flex;flex-direction:column;gap:3px;padding:9px 11px;border-radius:10px;background:#F5F6F8}
.yz-kpis span{font-size:8.5px;color:#8A8A93}
.yz-kpis b{font-weight:normal;font-variation-settings:"wdth" 100,"wght" 720;font-size:clamp(.82rem,1.15vw,1.08rem);letter-spacing:-.02em;white-space:nowrap}
.yz-kpis em{font-style:normal;font-size:.68rem;color:#1E9E5A}
.yz-chart{display:flex;align-items:flex-end;gap:5px;height:clamp(66px,7.4vw,104px);padding:10px 12px;border-radius:10px;background:#F5F6F8}
.yz-chart i{
  flex:1;height:var(--h);border-radius:3px 3px 1px 1px;background:#C9D7FA;
  transform-origin:bottom;transform:scaleY(0);
  animation:yz-grow .9s var(--ease) forwards;animation-delay:calc(.6s + var(--i) * .05s);
}
.yz-chart i:nth-last-child(-n+3){background:var(--blue)}
.yz-rows{list-style:none;margin:0;padding:0}
.yz-rows li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 2px;border-top:1px solid #EEEFF2;font-size:.78rem}
.yz-rows .mono{font-size:9px;letter-spacing:.06em;color:#8A8A93}
.yz-rows b{font-weight:normal;font-variation-settings:"wdth" 100,"wght" 600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yz-rows em{font-style:normal;font-size:.66rem;padding:4px 9px;border-radius:999px}
.yz-st--a{background:#FFF3DC;color:#9A6400}
.yz-st--b{background:#EEF3FE;color:var(--blue)}
.yz-st--c{background:#E3F5EA;color:#1E7A48}
.yz-ph{
  position:absolute;left:0;bottom:2%;z-index:2;width:clamp(150px,14.5vw,214px);aspect-ratio:9/18.5;
  padding:clamp(30px,3vw,40px) 8px 8px;border-radius:clamp(22px,2.2vw,32px);
  border:clamp(5px,.5vw,7px) solid #1b1b21;background:linear-gradient(165deg,#2C4A9A,#0B1430 62%,#07080C);
  box-shadow:0 50px 80px -34px rgba(0,0,0,.95);
  transform:rotate(-7deg);transition:transform .7s var(--ease);
}
.yz-ph__notch{position:absolute;top:7px;left:50%;width:34%;height:13px;border-radius:999px;background:#000;transform:translateX(-50%)}
.yz-ph__time{margin:4px 0 14px;text-align:center;color:#fff;font-variation-settings:"wdth" 100,"wght" 300;font-size:clamp(1.7rem,2.5vw,2.3rem);letter-spacing:-.02em}
.yz-note{
  display:flex;align-items:center;gap:8px;margin-top:6px;padding:8px;border-radius:12px;
  background:rgba(255,255,255,.9);color:var(--ink);font-size:.62rem;line-height:1.25;
  opacity:0;transform:translateY(10px);animation:yz-in .7s var(--ease) 1.7s forwards;
}
.yz-note + .yz-note{animation-delay:2.4s}
.yz-note__ic{flex:none;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:11px;font-style:normal}
.yz-note__ic svg{width:11px;height:auto}
.yz-note__ic--ok{background:#1E9E5A}
.yz-note b{display:block;font-weight:normal;font-variation-settings:"wdth" 100,"wght" 720}
.yz-note small{color:#6B6B75;font-size:inherit}
.yz-pill{
  position:absolute;right:-2%;top:1%;z-index:2;display:flex;align-items:center;gap:10px;
  padding:12px 18px;border-radius:999px;background:var(--paper);color:var(--ink);
  box-shadow:0 20px 40px -20px rgba(0,0,0,.8);
}
.yz-pill i{width:8px;height:8px;border-radius:50%;background:#1E9E5A;animation:yz-ping 1.8s infinite}
.yz-obj:hover .yz-win{transform:rotate(-1deg) translate(2%,-2%)}
.yz-obj:hover .yz-ph{transform:rotate(-10deg) translate(-5%,2%)}
@keyframes yz-grow{to{transform:none}}
@keyframes yz-in{to{opacity:1;transform:none}}
@keyframes yz-ping{0%{box-shadow:0 0 0 0 rgba(30,158,90,.55)}70%,100%{box-shadow:0 0 0 9px rgba(30,158,90,0)}}



/* ─── 02 Web Tasarım — çizim alanı + üç ekran ─── */
/* mini site: ölçüler kapsayıcıya göre (cqw); düzeni .wt-site--d/--t/--m sınıfı seçer */
.wt-frame{container-type:inline-size;overflow:hidden}
.wt-site{display:flex;flex-direction:column;gap:4cqw;height:100%;padding:3.6cqw 4.4cqw;background:#fff;color:var(--ink)}
.wt-site__nav{display:flex;align-items:center;gap:2.6cqw}
.wt-site__nav b{width:3cqw;aspect-ratio:1;border-radius:.7cqw;background:var(--blue);margin-right:auto}
.wt-site__nav i{width:6cqw;height:.9cqw;border-radius:1cqw;background:#D5D8DF}
.wt-site__nav em{width:10cqw;height:3.4cqw;border-radius:2cqw;background:var(--ink)}
.wt-site__nav u{display:none;width:6cqw;height:4cqw;background:linear-gradient(var(--ink),var(--ink)) top/100% 18% no-repeat,linear-gradient(var(--ink),var(--ink)) bottom/100% 18% no-repeat}
.wt-site__hero{display:grid;grid-template-columns:1.1fr 1fr;gap:4cqw;align-items:center}
.wt-site__h{position:relative;display:flex;flex-direction:column;gap:1.3cqw}
.wt-site__k{width:12cqw;height:.9cqw;margin-bottom:1.2cqw;border-radius:1cqw;background:var(--blue)}
.wt-site__hl{position:relative;display:flex;flex-direction:column;gap:inherit}
.wt-site__hl > i{height:3.6cqw;border-radius:.5cqw;background:var(--ink)}
.wt-site__hl > i:nth-child(2){width:86%}
.wt-site__hl > i:nth-child(3){width:58%}
.wt-site__p{display:flex;flex-direction:column;gap:1cqw;margin-top:1.8cqw}
.wt-site__p s{height:.9cqw;border-radius:1cqw;background:#D5D8DF;text-decoration:none}
.wt-site__p s:last-child{width:70%}
.wt-site__btn{width:16cqw;height:4.6cqw;margin-top:2.4cqw;border-radius:3cqw;background:var(--blue)}
.wt-site__img{position:relative;aspect-ratio:4/3.3;border-radius:1.4cqw;overflow:hidden}
.wt-site__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqw}
.wt-site__cards span{aspect-ratio:4/2.6;border-radius:1.2cqw;background:#EEF0F4}
.wt-site__cards span:nth-child(2){background:#DCE6FD}
/* tablet + mobil kırılım */
.wt-site.wt-site--t,.wt-site.wt-site--m{gap:5cqw;padding:5cqw 6cqw}
:is(.wt-site--t,.wt-site--m) .wt-site__nav i{display:none}
:is(.wt-site--t,.wt-site--m) .wt-site__nav b{width:6cqw;border-radius:1.4cqw}
:is(.wt-site--t,.wt-site--m) .wt-site__nav em{width:18cqw;height:6.4cqw;border-radius:4cqw}
:is(.wt-site--t,.wt-site--m) .wt-site__hero{grid-template-columns:1fr}
:is(.wt-site--t,.wt-site--m) .wt-site__img{order:-1;aspect-ratio:16/10;border-radius:3cqw}
:is(.wt-site--t,.wt-site--m) .wt-site__k{width:22cqw;height:1.6cqw}
:is(.wt-site--t,.wt-site--m) .wt-site__h{gap:2.2cqw}
:is(.wt-site--t,.wt-site--m) .wt-site__hl > i{height:6cqw;border-radius:1cqw}
:is(.wt-site--t,.wt-site--m) .wt-site__p{gap:1.8cqw}
:is(.wt-site--t,.wt-site--m) .wt-site__p s{height:1.6cqw}
:is(.wt-site--t,.wt-site--m) .wt-site__btn{width:32cqw;height:8.4cqw;border-radius:5cqw}
:is(.wt-site--t,.wt-site--m) .wt-site__cards{grid-template-columns:1fr 1fr;gap:3.4cqw}
:is(.wt-site--t,.wt-site--m) .wt-site__cards span{border-radius:2.4cqw}
:is(.wt-site--t,.wt-site--m) .wt-site__cards span:nth-child(3){display:none}
/* mobil kırılım */
.wt-site.wt-site--m{gap:7cqw;padding:12cqw 7cqw 7cqw}
.wt-site--m .wt-site__nav em{display:none}
.wt-site--m .wt-site__nav u{display:block;width:9cqw;height:6cqw}
.wt-site--m .wt-site__nav b{width:9cqw;border-radius:2cqw}
.wt-site--m .wt-site__img{aspect-ratio:1/1;border-radius:4cqw}
.wt-site--m .wt-site__k{width:30cqw;height:2.4cqw}
.wt-site--m .wt-site__h{gap:3cqw}
.wt-site--m .wt-site__hl > i{height:9cqw;border-radius:1.6cqw}
.wt-site--m .wt-site__p s{height:2.6cqw}
.wt-site--m .wt-site__btn{width:100%;height:13cqw;border-radius:8cqw}
.wt-site--m .wt-site__cards{grid-template-columns:1fr}
.wt-site--m .wt-site__cards span{aspect-ratio:16/8;border-radius:3.4cqw}
.wt-site--m .wt-site__cards span:nth-child(2){display:none}

.wt-obj{position:relative;height:clamp(440px,46vw,620px)}
.wt-obj::before{
  content:"";position:absolute;inset:-8% -6%;
  background-image:radial-gradient(rgba(250,250,248,.17) 1px,transparent 1.4px);background-size:20px 20px;
  -webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent);mask-image:radial-gradient(closest-side,#000 30%,transparent);
}
.wt-ab{position:absolute;transition:transform .7s var(--ease)}
.wt-ab__l{position:absolute;left:0;bottom:calc(100% + 10px);color:var(--mute);white-space:nowrap}
.wt-ab .wt-frame{height:100%;border-radius:8px;box-shadow:0 50px 90px -40px rgba(0,0,0,.95)}
.wt-ab--d{left:0;top:9%;width:84%;aspect-ratio:16/10}
.wt-ab--m{right:0;bottom:4%;z-index:2;width:27%;aspect-ratio:9/19}
.wt-ab--m .wt-frame{border-radius:14px}
.wt-sel{position:absolute;inset:-1.6cqw;border:1.5px solid var(--blue);opacity:0;animation:wt-on .5s var(--ease) 1.2s forwards}
.wt-sel i{position:absolute;width:7px;height:7px;background:#fff;border:1.5px solid var(--blue)}
.wt-sel i:nth-child(1){left:-4px;top:-4px}
.wt-sel i:nth-child(2){right:-4px;top:-4px}
.wt-sel i:nth-child(3){left:-4px;bottom:-4px}
.wt-sel i:nth-child(4){right:-4px;bottom:-4px}
.wt-sel span{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);padding:3px 7px;border-radius:4px;background:var(--blue);color:#fff;font-size:9px;letter-spacing:.06em;white-space:nowrap}
.wt-cur{position:absolute;z-index:3;left:40%;top:52%;display:flex;align-items:flex-start;gap:2px;animation:wt-cur 7s var(--ease) infinite}
.wt-cur svg{width:18px;height:auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}
.wt-cur span{margin-top:14px;padding:4px 9px;border-radius:999px 999px 999px 4px;background:var(--blue);color:#fff;font-size:.7rem;font-variation-settings:"wdth" 100,"wght" 650}
.wt-props{
  position:absolute;left:4%;bottom:0;z-index:2;width:clamp(170px,16vw,224px);
  padding:14px;border-radius:12px;background:#1C1C21;box-shadow:0 30px 60px -26px rgba(0,0,0,.95),inset 0 0 0 1px rgba(250,250,248,.08);
}
.wt-props p{margin:0 0 10px;color:var(--mute)}
.wt-props ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.wt-props li{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.74rem;color:rgba(250,250,248,.6)}
.wt-props li b{display:flex;align-items:center;gap:6px;font-weight:normal;color:var(--paper);font-variation-settings:"wdth" 100,"wght" 560}
.wt-props li b i{width:12px;height:12px;border-radius:3px;background:var(--blue)}
.wt-obj:hover .wt-ab--d{transform:translate(-2%,-2%)}
.wt-obj:hover .wt-ab--m{transform:translate(3%,2%) rotate(3deg)}
@keyframes wt-on{to{opacity:1}}
@keyframes wt-cur{0%,100%{transform:translate(0,0)}35%{transform:translate(-90%,-140%)}65%{transform:translate(120%,40%)}}

/* vitrin: aynı tasarım üç ekranda */
.wt-bp{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(12px,2.4vw,40px)}
.wt-scr{margin:0;min-width:0}
.wt-scr .wt-frame{border-radius:10px;box-shadow:0 40px 70px -40px rgba(11,11,13,.5),0 0 0 1px rgba(11,11,13,.08)}
.wt-scr--d{flex:0 1 56%}
.wt-scr--d .wt-frame{aspect-ratio:16/10}
.wt-scr--t{flex:0 1 25%}
.wt-scr--t .wt-frame{aspect-ratio:3/4;border-radius:16px}
.wt-scr--m{flex:0 1 13.5%}
.wt-scr--m .wt-frame{aspect-ratio:9/19.5;border-radius:18px}
.wt-scr figcaption{display:flex;align-items:baseline;gap:10px;margin-top:16px;color:rgba(11,11,13,.55)}
.wt-scr figcaption b{font-weight:normal;color:var(--blue)}
.wt-bp__note{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(36px,4vw,56px)}
.wt-bp__note span{padding:10px 16px;border-radius:999px;background:#EDEDE8;color:rgba(11,11,13,.75)}


/* ─── 03 Grafik — marka panosu ─── */
.gr-board{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(10px,1.1vw,16px)}
.gr-b{
  position:relative;overflow:hidden;min-width:0;margin:0;
  display:flex;flex-direction:column;gap:18px;
  min-height:clamp(260px,26vw,380px);padding:clamp(20px,2.4vw,34px);
  border-radius:clamp(14px,1.4vw,20px);background:#EDEDE8;
}
.gr-b--lock{grid-column:span 7;background:var(--blue);color:#fff}
.gr-b--lock .sv-tile__l{color:rgba(255,255,255,.7)}
.gr-lock{
  position:relative;margin:auto;display:flex;align-items:center;gap:clamp(12px,1.4vw,22px);
  padding:clamp(22px,3.2vw,52px);outline:1px dashed rgba(255,255,255,.55);
}
.gr-lock svg{width:clamp(56px,7vw,110px);height:auto;fill:#fff}
.gr-lock b{font-weight:normal;font-variation-settings:"wdth" 125,"wght" 800;font-size:clamp(2.2rem,5vw,4.6rem);line-height:.8;letter-spacing:-.04em}
.gr-lock__x{position:absolute;font-family:var(--mono);font-size:10px;color:rgba(255,255,255,.75)}
.gr-lock__x--t{left:50%;top:0;transform:translate(-50%,-140%)}
.gr-lock__x--l{left:0;top:50%;transform:translate(-160%,-50%)}
.gr-b--neg{grid-column:span 5;flex-direction:row;gap:0;padding:0}
.gr-neg{flex:1;display:grid;place-items:center;background:var(--ink);color:var(--paper)}
.gr-neg + .gr-neg{background:#fff;color:var(--ink)}
.gr-neg svg{width:44%;height:auto;fill:currentColor;transition:transform .7s var(--ease)}
.gr-b--neg:hover .gr-neg svg{transform:scale(1.08)}
.gr-b--neg .sv-tile__l{position:absolute;left:clamp(20px,2.4vw,34px);top:clamp(20px,2.4vw,34px);color:rgba(250,250,248,.6)}
.gr-b--pal{grid-column:span 4;padding:0;gap:0}
.gr-pal{display:flex;flex-direction:column;flex:1}
.gr-pal div{
  flex:1;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;
  padding:12px clamp(16px,1.8vw,24px);transition:flex-grow .6s var(--ease);
}
.gr-pal div:hover{flex-grow:2.2}
.gr-pal b{font-weight:normal;font-variation-settings:"wdth" 106,"wght" 700}
.gr-pal .mono{opacity:.75;letter-spacing:.08em}
.gr-b--type{grid-column:span 4}
.gr-type__aa{margin-top:auto;font-variation-settings:"wdth" 118,"wght" 800;font-size:clamp(4.6rem,8vw,7.6rem);line-height:.78;letter-spacing:-.06em;color:var(--blue)}
.gr-type__w{display:flex;flex-direction:column;gap:6px;padding-top:14px;border-top:1px solid rgba(11,11,13,.12)}
.gr-type__w span{display:flex;justify-content:space-between;font-size:clamp(.95rem,1.2vw,1.1rem)}
.gr-type__w span:nth-child(1){font-variation-settings:"wdth" 100,"wght" 400}
.gr-type__w span:nth-child(2){font-variation-settings:"wdth" 108,"wght" 620}
.gr-type__w span:nth-child(3){font-variation-settings:"wdth" 118,"wght" 820}
.gr-type__w em{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:rgba(11,11,13,.45);font-variation-settings:normal}
.gr-b--cards{grid-column:span 4;background:#D7DAE1}
.gr-bc{
  position:absolute;width:62%;aspect-ratio:85/55;border-radius:8px;
  box-shadow:0 26px 40px -22px rgba(11,11,13,.55);transition:transform .7s var(--ease);
}
.gr-bc--b{
  left:8%;top:26%;transform:rotate(-8deg);background:#fff;color:var(--ink);
  display:flex;flex-direction:column;justify-content:flex-end;padding:5% 6%;
  font-size:clamp(.72rem,.9vw,.86rem);line-height:1.35;
}
.gr-bc--b b{font-weight:normal;font-variation-settings:"wdth" 104,"wght" 700;font-size:1.15em}
.gr-bc--b .mono{margin-top:8px;color:var(--blue);font-size:9px}
.gr-bc--f{width:46%;right:7%;bottom:10%;transform:rotate(6deg);display:grid;place-items:center;background:var(--blue);color:#fff}
.gr-bc--f svg{width:32%;height:auto;fill:currentColor}
.gr-b--cards:hover .gr-bc--b{transform:rotate(-12deg) translate(-4%,-4%)}
.gr-b--cards:hover .gr-bc--f{transform:rotate(9deg) translate(4%,4%)}
.gr-b--ph{grid-column:span 6;padding:0;min-height:0;aspect-ratio:16/10}
.gr-b--ph img{position:absolute;inset:0;transition:transform 1.1s var(--ease)}
.gr-b--ph:hover img{transform:scale(1.04)}
.gr-b--ph figcaption{position:absolute;left:clamp(16px,2vw,28px);bottom:clamp(14px,1.8vw,24px);padding:8px 12px;border-radius:999px;background:rgba(11,11,13,.55);backdrop-filter:blur(6px);color:#fff}


/* ─── 04 Fotoğraf — makine ekranı + baskılar ─── */
.ft-obj{position:relative;height:clamp(440px,46vw,620px)}
.ft-print{
  position:absolute;margin:0;width:clamp(150px,15vw,230px);padding:clamp(7px,.7vw,10px) clamp(7px,.7vw,10px) clamp(30px,3vw,42px);
  background:#F4F3EF;box-shadow:0 40px 70px -30px rgba(0,0,0,.9);transition:transform .7s var(--ease);
}
.ft-print img{height:auto;aspect-ratio:4/5}
.ft-print figcaption{position:absolute;left:12px;bottom:10px;color:var(--ink);font-size:9px}
.ft-print figcaption::before{content:"★ ";color:var(--blue)}
.ft-print--a{left:9%;top:4%;transform:rotate(-10deg)}
.ft-print--b{right:3%;top:0;transform:rotate(8deg)}
.ft-cam{
  position:absolute;left:50%;bottom:4%;z-index:2;width:88%;
  display:grid;grid-template-columns:minmax(0,1fr) clamp(52px,6vw,84px);gap:clamp(12px,1.4vw,20px);
  padding:clamp(14px,1.6vw,22px);border-radius:clamp(18px,2vw,28px);
  background:linear-gradient(160deg,#26262C,#141418 60%);
  box-shadow:0 60px 100px -40px rgba(0,0,0,1),inset 0 1px 0 rgba(255,255,255,.08);
  transform:translateX(-50%) rotate(-1.5deg);transition:transform .7s var(--ease);
}
.ft-cam__scr{position:relative;overflow:hidden;aspect-ratio:3/2;border-radius:6px;background:#000;box-shadow:inset 0 0 0 2px #050506}
.ft-cam__hud{position:absolute;inset:0;padding:clamp(10px,1.2vw,16px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.ft-cam__t,.ft-cam__b{display:flex;gap:clamp(10px,1.4vw,20px);font-size:9px}
.ft-cam__t span:last-child{margin-left:auto}
.ft-cam__af{
  position:absolute;left:46%;top:42%;width:15%;aspect-ratio:1;transform:translate(-50%,-50%);
  background:
    linear-gradient(currentColor,currentColor) top left/12px 2px no-repeat,
    linear-gradient(currentColor,currentColor) top left/2px 12px no-repeat,
    linear-gradient(currentColor,currentColor) top right/12px 2px no-repeat,
    linear-gradient(currentColor,currentColor) top right/2px 12px no-repeat,
    linear-gradient(currentColor,currentColor) bottom left/12px 2px no-repeat,
    linear-gradient(currentColor,currentColor) bottom left/2px 12px no-repeat,
    linear-gradient(currentColor,currentColor) bottom right/12px 2px no-repeat,
    linear-gradient(currentColor,currentColor) bottom right/2px 12px no-repeat;
  color:#fff;animation:ft-af 3.6s var(--ease) infinite;
}
.ft-cam__hist{position:absolute;right:clamp(10px,1.2vw,16px);bottom:clamp(28px,3vw,40px);width:22%;height:auto;fill:rgba(255,255,255,.55)}
.ft-cam__ctl{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:4px 0}
.ft-cam__ctl i{width:clamp(18px,2vw,26px);aspect-ratio:1;border-radius:50%;background:#2E2E35;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.ft-cam__ctl .ft-dial{width:100%;background:repeating-conic-gradient(#2E2E35 0 6deg,#222227 6deg 12deg);box-shadow:inset 0 0 0 4px #1b1b20}
.ft-cam__ctl .ft-pad{width:80%;box-shadow:inset 0 0 0 6px #232329,inset 0 0 0 7px rgba(255,255,255,.06)}
.ft-cam__ctl .ft-rec{background:var(--blue)}
.ft-obj:hover .ft-print--a{transform:rotate(-14deg) translate(-8%,-4%)}
.ft-obj:hover .ft-print--b{transform:rotate(12deg) translate(8%,-4%)}
.ft-obj:hover .ft-cam{transform:translateX(-50%) rotate(0deg)}
@keyframes ft-af{0%,18%{color:#fff;transform:translate(-50%,-50%) scale(1.25)}30%,80%{color:var(--blue);transform:translate(-50%,-50%) scale(1)}100%{color:#fff;transform:translate(-50%,-50%) scale(1.25)}}

/* vitrin: tek kare, dört kırpım */
.ft-crops{display:flex;align-items:flex-end;gap:clamp(10px,1.6vw,26px)}
.ft-cr{flex:var(--g) 1 0;min-width:0;margin:0}
.ft-cr__f{position:relative;overflow:hidden;aspect-ratio:var(--r);border-radius:4px;background:#ddd}
.ft-cr__f img{object-position:var(--x) 50%;transition:transform 1.1s var(--ease)}
.ft-cr:hover .ft-cr__f img{transform:scale(1.05)}
.ft-cr__f::after{
  content:"";position:absolute;inset:clamp(8px,.9vw,12px);pointer-events:none;
  background:
    linear-gradient(#fff,#fff) top left/14px 1.5px no-repeat,
    linear-gradient(#fff,#fff) top left/1.5px 14px no-repeat,
    linear-gradient(#fff,#fff) top right/14px 1.5px no-repeat,
    linear-gradient(#fff,#fff) top right/1.5px 14px no-repeat,
    linear-gradient(#fff,#fff) bottom left/14px 1.5px no-repeat,
    linear-gradient(#fff,#fff) bottom left/1.5px 14px no-repeat,
    linear-gradient(#fff,#fff) bottom right/14px 1.5px no-repeat,
    linear-gradient(#fff,#fff) bottom right/1.5px 14px no-repeat;
}
.ft-cr figcaption{display:flex;flex-direction:column;gap:4px;margin-top:14px}
.ft-cr figcaption b{font-weight:normal;color:var(--blue)}
.ft-cr figcaption span{font-variation-settings:"wdth" 104,"wght" 620;font-size:clamp(.9rem,1.15vw,1.08rem)}
.ft-cr figcaption small{color:rgba(11,11,13,.55);font-size:.85rem}


/* ─── 05 Reklam — monitör, telefon, klaket ─── */
.rk-obj{position:relative;height:clamp(440px,46vw,620px)}
.rk-mon{
  position:absolute;right:0;top:8%;width:90%;padding:clamp(8px,.9vw,12px);
  border-radius:14px;background:#1b1b21;box-shadow:0 60px 100px -40px rgba(0,0,0,1),inset 0 1px 0 rgba(255,255,255,.07);
  transform:rotate(1.5deg);transition:transform .7s var(--ease);
}
.rk-mon__scr{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:5px;background:#000}
.rk-mon__scr img{animation:rk-push 14s ease-in-out infinite alternate}
.rk-hud{position:absolute;inset:0;padding:clamp(10px,1.2vw,16px);display:flex;justify-content:space-between;align-items:flex-start;gap:12px;color:#fff;font-size:9px;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.rk-rec{display:flex;align-items:center;gap:6px}
.rk-rec::before{content:"";width:8px;height:8px;border-radius:50%;background:#FF3B30;animation:rk-blink 1.2s steps(2) infinite}
.rk-safe{position:absolute;inset:9% 6%;border:1px dashed rgba(255,255,255,.35);pointer-events:none}
.rk-916{position:absolute;top:0;bottom:0;left:50%;width:31.6%;transform:translateX(-50%);border-left:1.5px solid var(--blue);border-right:1.5px solid var(--blue);background:linear-gradient(90deg,rgba(0,0,0,.35),transparent 1.5px,transparent calc(100% - 1.5px),rgba(0,0,0,.35))}
.rk-916 span{position:absolute;left:6px;bottom:8px;padding:3px 6px;border-radius:3px;background:var(--blue);color:#fff;font-size:8.5px}
.rk-ph{
  position:absolute;right:4%;bottom:0;z-index:2;width:clamp(120px,12vw,176px);aspect-ratio:9/16;overflow:hidden;
  border-radius:clamp(16px,1.8vw,24px);border:clamp(4px,.45vw,6px) solid #1b1b21;background:#000;
  box-shadow:0 50px 80px -34px rgba(0,0,0,1);transform:rotate(6deg);transition:transform .7s var(--ease);
}
.rk-ph img{object-position:50% 50%}
.rk-ph__tag{position:absolute;left:8px;top:10px;padding:4px 7px;border-radius:4px;background:rgba(0,0,0,.5);color:#fff;font-size:8px}
.rk-ph__bar{position:absolute;left:8px;right:8px;bottom:10px;height:2px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden}
.rk-ph__bar::after{content:"";position:absolute;inset:0;background:#fff;transform-origin:left;animation:rk-prog 15s linear infinite}
.rk-clap{
  position:absolute;left:0;bottom:6%;z-index:3;width:clamp(170px,17vw,250px);
  transform:rotate(-8deg);transition:transform .7s var(--ease);
  filter:drop-shadow(0 30px 40px rgba(0,0,0,.7));
}
.rk-clap__top{
  height:clamp(20px,2vw,28px);border-radius:4px 4px 0 0;transform-origin:4% 100%;
  background:repeating-linear-gradient(-55deg,#F4F3EF 0 14px,#111113 14px 28px);
  animation:rk-clap 4s var(--ease) infinite;
}
.rk-clap__stick{height:clamp(12px,1.2vw,16px);margin-top:2px;background:repeating-linear-gradient(55deg,#F4F3EF 0 14px,#111113 14px 28px)}
.rk-clap__body{
  display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px 10px;align-items:baseline;
  padding:12px 14px 14px;border-radius:0 0 6px 6px;background:#111113;color:#F4F3EF;
}
.rk-clap__body span{font-size:8px;color:rgba(244,243,239,.55)}
.rk-clap__body b{font-family:"Archivo",system-ui,sans-serif;letter-spacing:-.01em;font-weight:normal;font-variation-settings:"wdth" 110,"wght" 700;font-size:clamp(.9rem,1.2vw,1.15rem)}
.rk-clap__body .rk-clap__w{grid-column:span 3}
.rk-obj:hover .rk-mon{transform:rotate(0deg) translate(2%,-2%)}
.rk-obj:hover .rk-ph{transform:rotate(9deg) translate(5%,2%)}
.rk-obj:hover .rk-clap{transform:rotate(-12deg) translate(-4%,2%)}
@keyframes rk-push{from{transform:scale(1)}to{transform:scale(1.1) translate(-2%,1%)}}
@keyframes rk-blink{to{opacity:.2}}
@keyframes rk-prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes rk-clap{0%,62%,100%{transform:rotate(0)}70%{transform:rotate(-16deg)}78%{transform:rotate(0)}}

/* vitrin: kurgu masası */
.rk-ed{overflow:hidden;border-radius:clamp(14px,1.4vw,20px);background:#141418;color:var(--paper);box-shadow:0 60px 100px -50px rgba(11,11,13,.6)}
.rk-ed__bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid rgba(250,250,248,.08)}
.rk-ed__bar i{width:9px;height:9px;border-radius:50%;background:#2E2E35}
.rk-ed__bar span{margin-left:12px;color:var(--mute)}
.rk-ed__top{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(14px,2vw,28px);padding:clamp(14px,2vw,28px)}
.rk-ed__mon{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:6px;background:#000}
.rk-ed__tc{position:absolute;left:12px;bottom:12px;padding:5px 8px;border-radius:4px;background:rgba(0,0,0,.6);color:#fff}
.rk-ed__info{display:flex;flex-direction:column;gap:14px}
.rk-ed__info > p{margin:0;color:var(--mute)}
.rk-ed__info ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.rk-ed__info li{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 14px;align-items:center;
  padding:clamp(12px,1.4vw,18px);border-radius:10px;background:#1C1C21;transition:background .4s var(--ease);
}
.rk-ed__info li b{font-weight:normal;font-variation-settings:"wdth" 114,"wght" 780;font-size:clamp(1.3rem,2.2vw,2rem);letter-spacing:-.04em}
.rk-ed__info li span{grid-column:1;color:rgba(250,250,248,.6);font-size:.86rem}
.rk-ed__info li em{grid-row:1/3;grid-column:2;font-style:normal;color:var(--mute)}
.rk-ed__info li.on{background:var(--blue)}
.rk-ed__info li.on span,.rk-ed__info li.on em{color:rgba(255,255,255,.85)}
.rk-tl{position:relative;padding:0 clamp(14px,2vw,28px) clamp(18px,2.4vw,32px)}
.rk-tl__ruler{display:flex;justify-content:space-between;margin-left:46px;padding:10px 0 8px;border-top:1px solid rgba(250,250,248,.08);color:var(--mute);font-size:9px;letter-spacing:.06em}
.rk-tr{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;margin-top:5px}
.rk-tr > span{color:var(--mute);font-size:9px}
.rk-tr__lane{position:relative;height:clamp(30px,3.2vw,44px);border-radius:5px;background:#1A1A1F}
.rk-cl{
  position:absolute;top:2px;bottom:2px;left:calc(var(--s) * 1%);width:calc(var(--w) * 1% - 2px);
  overflow:hidden;display:flex;align-items:center;padding:0 8px;border-radius:4px;
  font-style:normal;font-size:.7rem;white-space:nowrap;
}
.rk-cl--g{background:var(--blue);color:#fff}
.rk-cl--v{background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.rk-cl--v::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,13,.1),rgba(11,11,13,.45))}
.rk-cl--a{padding:0;background:#1F3A7A}
.rk-cl--a svg{width:100%;height:80%;fill:#A9C1F7}
.rk-cl--m{background:#2E2E35;color:rgba(250,250,248,.75)}
.rk-tl__run{position:absolute;top:34px;bottom:clamp(18px,2.4vw,32px);left:calc(clamp(14px,2vw,28px) + 46px);right:clamp(14px,2vw,28px);pointer-events:none}
.rk-tl__ph{position:absolute;top:0;bottom:0;left:0;width:2px;background:#fff;animation:rk-run 12s linear infinite}
.rk-tl__ph::before{content:"";position:absolute;left:50%;top:-6px;width:12px;height:12px;border-radius:3px 3px 50% 50%;background:#fff;transform:translateX(-50%)}
@keyframes rk-run{to{left:100%}}


/* ─── 06 META — rapor ekranı (hero aşağıda korunuyor) ─── */
.mt-rep{overflow:hidden;border-radius:clamp(14px,1.4vw,20px);background:#fff;box-shadow:0 60px 100px -60px rgba(11,11,13,.5),0 0 0 1px rgba(11,11,13,.07)}
.mt-rep__hd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:clamp(18px,2.2vw,30px);border-bottom:1px solid #EEEFF2}
.mt-rep__hd p{margin:0 0 6px;color:#8A8A93}
.mt-rep__hd b{font-weight:normal;font-variation-settings:"wdth" 108,"wght" 720;font-size:clamp(1.1rem,1.7vw,1.5rem);letter-spacing:-.02em}
.mt-tabs{display:flex;gap:4px;padding:4px;border-radius:999px;background:#F1F2F4}
.mt-tabs span{padding:8px 12px;border-radius:999px;color:#6B6B75}
.mt-tabs .on{background:#fff;color:var(--ink);box-shadow:0 2px 6px rgba(11,11,13,.08)}
.mt-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #EEEFF2}
.mt-kpi{padding:clamp(16px,2vw,28px);border-right:1px solid #EEEFF2}
.mt-kpi:last-child{border-right:0}
.mt-kpi span{display:block;color:#8A8A93}
.mt-kpi b{display:block;margin:10px 0 6px;font-weight:normal;font-variation-settings:"wdth" 114,"wght" 780;font-size:clamp(1.5rem,2.8vw,2.6rem);line-height:1;letter-spacing:-.045em}
.mt-kpi em{font-style:normal;font-size:.82rem;color:#1E9E5A}
.mt-kpi--hi{background:var(--blue);color:#fff}
.mt-kpi--hi span,.mt-kpi--hi em{color:rgba(255,255,255,.8)}
.mt-rep__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);}
.mt-rep__c{display:flex;flex-direction:column;gap:16px;padding:clamp(18px,2.2vw,30px);border-right:1px solid #EEEFF2;border-bottom:1px solid #EEEFF2}
.mt-rep__c > p{margin:0;color:#8A8A93}
.mt-chart{grid-row:span 2}
.mt-chart svg{width:100%;height:auto;overflow:visible}
.mt-chart .grid{stroke:#EEEFF2;stroke-width:1}
.mt-chart .area{fill:url(#mtFill);opacity:0;transition:opacity 1s var(--ease) .9s}
.mt-chart .rev{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s var(--ease) .2s}
.mt-chart .spd{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:5 6;opacity:0;transition:opacity .8s var(--ease) 1s}
.mt-chart text{font-family:var(--mono);font-size:10px;letter-spacing:.1em;fill:#8A8A93}
.mt-rep.in .rev{stroke-dashoffset:0}
.mt-rep.in .area,.mt-rep.in .spd{opacity:1}
.mt-leg{display:flex;gap:18px;color:#6B6B75}
.mt-leg span{display:flex;align-items:center;gap:8px}
.mt-leg i{width:16px;height:3px;border-radius:2px;background:var(--blue)}
.mt-leg i.s{background:repeating-linear-gradient(90deg,var(--ink) 0 4px,transparent 4px 7px)}
.mt-ab{display:flex;flex-direction:column;gap:12px}
.mt-ab__r{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center}
.mt-ab__r img{width:44px;height:44px;border-radius:8px}
.mt-ab__r div{display:flex;flex-direction:column;gap:7px}
.mt-ab__r p{margin:0;display:flex;justify-content:space-between;font-size:.86rem}
.mt-ab__r p b{font-weight:normal;font-variation-settings:"wdth" 100,"wght" 700}
.mt-ab__r p em{font-style:normal;padding:2px 8px;border-radius:999px;background:#E3F5EA;color:#1E7A48;font-size:.72rem}
.mt-ab__bar{height:8px;border-radius:999px;background:#F1F2F4;overflow:hidden}
.mt-ab__bar i{display:block;height:100%;width:var(--w);border-radius:inherit;background:#A9C1F7;transform-origin:left;transform:scaleX(0);transition:transform 1.2s var(--ease) .4s}
.mt-ab__r--win .mt-ab__bar i{background:var(--blue)}
.mt-rep.in .mt-ab__bar i{transform:none}
.mt-fn{display:flex;flex-direction:column;gap:6px}
.mt-fn div{
  display:flex;justify-content:space-between;align-items:center;gap:10px;width:var(--w);
  padding:10px 12px;border-radius:8px;background:var(--blue);color:#fff;font-size:.8rem;
  transform-origin:left;transform:scaleX(.2);opacity:.3;transition:transform 1s var(--ease),opacity .6s;
}
.mt-fn div:nth-child(2){background:#5C8BF1;transition-delay:.12s}
.mt-fn div:nth-child(3){background:#86A8F4;transition-delay:.24s}
.mt-fn div:nth-child(4){background:#A9C1F7;color:var(--ink);transition-delay:.36s}
.mt-fn b{font-weight:normal;font-variation-settings:"wdth" 100,"wght" 700}
.mt-rep.in .mt-fn div{transform:none;opacity:1}


/* ─── 07 Sosyal — bir gün → bir ay (hero aşağıda korunuyor) ─── */
.sm-plan{display:grid;grid-template-columns:minmax(0,.8fr) auto minmax(0,1.6fr);gap:clamp(14px,2vw,30px);align-items:stretch}
.sm-shoot{position:relative;overflow:hidden;min-height:clamp(380px,38vw,560px);border-radius:clamp(14px,1.4vw,20px);background:var(--ink);color:#fff}
.sm-shoot img{position:absolute;inset:0;opacity:.6;transition:transform 1.2s var(--ease)}
.sm-shoot:hover img{transform:scale(1.05)}
.sm-shoot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(53,112,238,.1),rgba(11,11,13,.85))}
.sm-shoot__in{position:absolute;z-index:1;inset:auto 0 0;display:flex;flex-direction:column;gap:12px;padding:clamp(20px,2.4vw,34px)}
.sm-shoot__in p{margin:0;color:rgba(255,255,255,.75)}
.sm-shoot__in b{font-weight:normal;font-variation-settings:"wdth" 118,"wght" 800;font-size:clamp(2.2rem,4.2vw,3.8rem);line-height:.86;letter-spacing:-.05em;text-transform:uppercase}
.sm-shoot__in span{max-width:26ch;color:rgba(255,255,255,.8)}
.sm-arrow{align-self:center;display:grid;place-items:center;width:clamp(44px,4.4vw,64px);aspect-ratio:1;border-radius:50%;background:var(--blue);color:#fff;font-size:1.3rem}
.sm-month{display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2.2vw,30px);border-radius:clamp(14px,1.4vw,20px);background:#fff;box-shadow:0 0 0 1px rgba(11,11,13,.07)}
.sm-month__hd{display:flex;align-items:baseline;justify-content:space-between}
.sm-month__hd b{font-weight:normal;font-variation-settings:"wdth" 114,"wght" 780;font-size:clamp(1.4rem,2.4vw,2.2rem);letter-spacing:-.04em;text-transform:uppercase}
.sm-month__hd span{color:var(--blue)}
.sm-wd,.sm-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(4px,.5vw,8px)}
.sm-wd span{color:#8A8A93;font-size:9px}
.sm-d{
  position:relative;display:flex;flex-direction:column;gap:3px;min-height:clamp(54px,5.4vw,80px);
  padding:6px;border-radius:8px;background:#F5F6F8;
}
.sm-d--x{background:none}
.sm-d > span{font-family:var(--mono);font-size:9px;color:#8A8A93}
.sm-d i{display:block;height:clamp(5px,.5vw,7px);border-radius:3px;transform-origin:left;transform:scaleX(0);transition:transform .5s var(--ease);transition-delay:calc(.2s + var(--i) * 22ms)}
.sm-d i.r{background:var(--blue)}
.sm-d i.s{background:#B9BCC6}
.sm-d i.k{background:var(--ink)}
.sm-month.in .sm-d i{transform:none}
.sm-d.is-shoot{background:var(--blue)}
.sm-d.is-shoot > span{color:#fff}
.sm-d.is-shoot em{margin-top:auto;font-style:normal;font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.sm-leg{display:flex;flex-wrap:wrap;gap:10px 22px;padding-top:6px;color:#6B6B75}
.sm-leg span{display:flex;align-items:center;gap:8px}
.sm-leg i{width:14px;height:6px;border-radius:3px}
.sm-leg .r{background:var(--blue)}.sm-leg .s{background:#B9BCC6}.sm-leg .k{background:var(--ink)}


/* ─── 03 Grafik — hero: inşa çizgileri (korundu) ─── */
.gr-mark{position:relative;z-index:1}
.gr-mark svg{display:block;width:100%;height:auto;overflow:visible}
.gr-g{
  fill:none;stroke:rgba(250,250,248,.28);stroke-width:.35;
  stroke-dasharray:640;stroke-dashoffset:640;
  animation:gr-draw 2.2s var(--ease) forwards;animation-delay:calc(.2s + var(--i) * .14s);
}
.gr-k{fill:var(--blue);opacity:0;animation:gr-fill .9s var(--ease) forwards;animation-delay:calc(1.4s + var(--i) * .16s)}
.gr-pt{fill:var(--paper);opacity:0;animation:gr-fill .5s var(--ease) 2.1s forwards}
.gr-mark__cap{display:flex;justify-content:space-between;margin-top:18px;color:var(--mute)}
@keyframes gr-draw{to{stroke-dashoffset:0}}
@keyframes gr-fill{to{opacity:1}}

/* ─── 06 META — hero: A/B kartları (korundu) ─── */
.mt-ads{position:relative;height:clamp(440px,46vw,620px)}
.mt-ad{
  position:absolute;width:min(64%,340px);overflow:hidden;
  border-radius:16px;background:#fff;color:var(--ink);
  box-shadow:0 50px 90px -40px rgba(0,0,0,.95);
  transition:transform .7s var(--ease);
}
.mt-ad--a{left:2%;top:10%;transform:rotate(-5deg)}
.mt-ad--b{right:2%;top:0;transform:rotate(4deg);z-index:1}
.mt-ads:hover .mt-ad--a{transform:rotate(-7deg) translateX(-4%)}
.mt-ads:hover .mt-ad--b{transform:rotate(5deg) translateX(3%)}
.mt-ad__tag{
  position:absolute;top:58px;right:12px;z-index:1;width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;background:var(--ink);color:#fff;font-size:12px;letter-spacing:0;
}
.mt-ad--b .mt-ad__tag{background:var(--blue)}
.mt-ad__hd{display:flex;align-items:center;gap:10px;padding:12px 14px}
.mt-ad__av{width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;flex:none}
.mt-ad__av svg{width:15px;height:auto}
.mt-ad__hd p{margin:0;display:flex;flex-direction:column;line-height:1.2}
.mt-ad__hd b{font-weight:normal;font-variation-settings:"wdth" 100,"wght" 700;font-size:.86rem}
.mt-ad__hd small{font-size:.72rem;color:#8A8A93}
.mt-ad__img{aspect-ratio:1/1}
.mt-ad__cta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#F1F2F4;font-size:.84rem}
.mt-ad__btn{flex:none;padding:7px 14px;border-radius:6px;background:var(--blue);color:#fff;font-size:.78rem;font-variation-settings:"wdth" 100,"wght" 600}
.mt-ad__act{display:flex;gap:12px;padding:12px 14px}
.mt-ad__act i{width:18px;height:18px;border-radius:50%;border:1.6px solid var(--ink)}
.mt-win{
  position:absolute;z-index:2;left:30%;bottom:2%;
  padding:12px 18px;border-radius:999px;background:var(--paper);color:var(--ink);
  box-shadow:0 20px 40px -20px rgba(0,0,0,.8);
}
.mt-win::before{content:"↑ ";color:var(--blue)}

/* ─── 07 Sosyal — hero: telefonlar (korundu) ─── */
.sm-phones{position:relative;height:clamp(460px,48vw,660px)}
.sm-ph{
  position:absolute;top:50%;width:clamp(150px,15vw,232px);aspect-ratio:9/19;overflow:hidden;
  border-radius:clamp(20px,2.3vw,34px);border:clamp(5px,.5vw,7px) solid #1b1b21;background:#000;
  box-shadow:0 50px 80px -36px rgba(0,0,0,.95);
  transition:transform .7s var(--ease);
}
.sm-ph--l{left:2%;transform:translateY(-46%) rotate(-9deg)}
.sm-ph--c{left:50%;z-index:2;transform:translate(-50%,-54%);background:#0F0F12}
.sm-ph--r{right:2%;transform:translateY(-46%) rotate(9deg)}
.sm-phones:hover .sm-ph--l{transform:translate(-6%,-46%) rotate(-12deg)}
.sm-phones:hover .sm-ph--r{transform:translate(6%,-46%) rotate(12deg)}
.sm-prog{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:4px}
.sm-prog i{flex:1;height:2px;border-radius:2px;background:rgba(255,255,255,.4)}
.sm-prog i:first-child{background:#fff}
.sm-prof{display:flex;align-items:center;gap:10px;padding:16% 10px 10px}
.sm-prof__av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--blue);color:#fff;box-shadow:0 0 0 2px #0F0F12,0 0 0 3.5px var(--blue)}
.sm-prof__av svg{width:16px;height:auto}
.sm-prof div{display:flex;flex-direction:column;gap:3px;line-height:1.1}
.sm-prof b{font-weight:normal;font-variation-settings:"wdth" 100,"wght" 700;font-size:.82rem}
.sm-prof small{font-size:8px;color:var(--mute)}
.sm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:8px}
.sm-grid img{height:auto;aspect-ratio:1}
.sm-play{
  position:absolute;left:50%;top:50%;width:46px;height:46px;border-radius:50%;
  transform:translate(-50%,-50%);background:rgba(255,255,255,.22);backdrop-filter:blur(6px);
}
.sm-play::after{
  content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);
  border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #fff;
}
.sm-side{position:absolute;right:10px;bottom:16%;display:flex;flex-direction:column;gap:12px}
.sm-side i{width:20px;height:20px;border-radius:50%;border:1.6px solid #fff}


/* oranlı kutulardaki görseller: görselin kendi boyu kutuyu büyütmesin */
.ft-cr__f img,.ft-cam__scr img,.rk-mon__scr img,.rk-ed__mon img,.rk-ph img,.wt-site__img img,.sv-next__img img{position:absolute;inset:0}

/* ─── hizmet sayfaları: duyarlı ─── */
@media (max-width:1100px){
  .sv-rows--foto .sv-row{grid-template-columns:clamp(36px,5vw,84px) minmax(0,1.2fr) minmax(0,1fr)}
  .sv-row__img{display:none}
}
@media (max-width:900px){
  .sv-rows--foto .sv-row{grid-template-columns:clamp(32px,8vw,48px) minmax(0,1fr)}
}
@media (max-width:900px){
  .sv-hero--split{grid-template-columns:1fr;align-items:start}
  .sv-hero--split .sv-t{font-size:clamp(2.2rem,11vw,5rem)}
  .sv-hd{grid-template-columns:1fr}
  .sv-row{grid-template-columns:clamp(32px,8vw,48px) minmax(0,1fr);row-gap:10px}
  .sv-row__d{grid-column:2}
  .sv-proc,.sv-faq{grid-template-columns:1fr}
  .sv-proc__side{position:static}
  .sv-end__cta{grid-template-columns:1fr}
  .sv-next__img{display:none}

  .wt-bp{flex-wrap:wrap;justify-content:flex-start}
  .wt-scr--d{flex-basis:100%}
  .wt-scr--t{flex-basis:48%}
  .wt-scr--m{flex-basis:28%}
  .gr-b--lock,.gr-b--neg,.gr-b--ph{grid-column:span 12}
  .gr-b--pal,.gr-b--type,.gr-b--cards{grid-column:span 6}
  .gr-b--cards{grid-column:span 12}
  .ft-crops{display:grid;grid-template-columns:1fr 1fr;align-items:end}
  .rk-ed__top{grid-template-columns:1fr}
  .mt-kpis{grid-template-columns:1fr 1fr}
  .mt-kpi:nth-child(2){border-right:0}
  .mt-kpi:nth-child(-n+2){border-bottom:1px solid #EEEFF2}
  .mt-rep__grid{grid-template-columns:1fr}
  .mt-chart{grid-row:auto}
  .sm-plan{grid-template-columns:1fr}
  .sm-shoot{min-height:320px}
  .sm-arrow{transform:rotate(90deg);justify-self:center}
}
@media (max-width:600px){
  .sv-step{grid-template-columns:1fr}
  .sv-q p{padding-right:0}
  .sv-next{grid-template-columns:1fr}
  .sv-next__go{display:none}
  .yz-win{width:96%}
  .yz-kpis div:nth-child(3){display:none}
  .yz-kpis{grid-template-columns:1fr 1fr}
  .wt-props{display:none}
  .gr-b--pal,.gr-b--type{grid-column:span 12}
  .ft-print{width:38%}
  .ft-cam{width:96%}
  .rk-clap{width:44%}
  .rk-ph{width:30%}
  .mt-ad{width:70%}
}
@media (prefers-reduced-motion:reduce){
  .gr-g,.gr-k,.gr-pt{animation:none;opacity:1;stroke-dashoffset:0}
  .yz-chart i,.yz-note,.wt-sel{animation:none;opacity:1;transform:none}
  .wt-cur,.ft-cam__af,.rk-mon__scr img,.rk-clap__top,.rk-tl__ph,.rk-ph__bar::after,.yz-pill i{animation:none}
  .sv-proc__list::after{transform:none}
}