/* ==========================================================================
   Sözcü Otomotiv v3: atölye sineması
   Tek koyu tema. Montserrat (değişken, 200-900) başlık, Barlow metin.
   Köşeler her yerde keskin (0). Tek vurgu: kırmızı. Lacivert yalnızca bantta.
   ========================================================================== */

@font-face{font-family:'Montserrat V';font-style:normal;font-weight:200 900;font-display:swap;src:url('../fonts/mont-var-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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat V';font-style:normal;font-weight:200 900;font-display:swap;src:url('../fonts/mont-var-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat V';font-style:italic;font-weight:200 900;font-display:swap;src:url('../fonts/mont-var-italic-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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat V';font-style:italic;font-weight:200 900;font-display:swap;src:url('../fonts/mont-var-italic-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}

:root{
  --ink:#0B0C11;
  --ink-2:#12141B;
  --paper:#ECEAE4;
  --paper-soft:rgba(236,234,228,.7);
  --paper-mute:rgba(236,234,228,.5);
  --line:rgba(236,234,228,.14);
  --red:#BE202F;
  --red-hover:#A51B28;
  --navy:#2C3789;

  --f-disp:'Montserrat V','Montserrat',system-ui,sans-serif;
  --f-text:'Barlow',system-ui,sans-serif;

  --gut:clamp(20px,4vw,64px);
  --bolum:clamp(112px,18vh,220px);
  --ease:cubic-bezier(.16,1,.3,1);
  --nav-h:72px;

  /* z katmanları */
  --z-film-metin:5;
  --z-kare:30;
  --z-hizli:40;
  --z-nav:50;
  --z-menu:45;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{margin:0;background:var(--ink);color:var(--paper);font:400 18px/1.55 var(--f-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,figure,blockquote,ul,dl,dd{margin:0}
ul{padding:0;list-style:none}
em{font-style:italic;font-weight:760}
::selection{background:var(--red);color:#fff}
:focus-visible{outline:2px solid var(--paper);outline-offset:3px}

.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:12px;top:-80px;z-index:100;background:var(--red);color:#fff;padding:12px 18px;font-weight:600}
.atla:focus{top:12px}

/* ---------- Ortak tipografi ---------- */
.maske{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.satir-cik,.satir{display:block;will-change:transform}
h1,h2{font-family:var(--f-disp);font-weight:260;letter-spacing:-.035em;line-height:1.04}

/* ---------- Düğmeler ---------- */
.dugme{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 28px;font:600 14px/1 var(--f-text);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),transform .15s}
.dugme:active{transform:translateY(1px)}
.dugme-kirmizi{background:var(--red);color:#fff}
.dugme-kirmizi:hover{background:var(--red-hover)}
.dugme-cizgi{border:1px solid rgba(236,234,228,.55);color:var(--paper);background:rgba(11,12,17,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.04em}
.dugme-cizgi:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.dugme-kucuk{height:42px;padding:0 20px;font-size:13px}

.bag{display:inline-flex;align-items:center;gap:10px;font:600 14px/1 var(--f-text);letter-spacing:.1em;text-transform:uppercase;padding:10px 0;border-bottom:1px solid var(--line);transition:border-color .3s,gap .4s var(--ease)}
.bag:hover{border-color:var(--paper);gap:16px}
.bag svg{width:18px;height:18px}

/* ==========================================================================
   Üst menü
   ========================================================================== */
.nav{position:fixed;inset:0 0 auto;height:var(--nav-h);z-index:var(--z-nav);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 var(--gut);transition:background-color .5s var(--ease),border-color .5s;border-bottom:1px solid transparent}
.nav.dolu{background:rgba(11,12,17,.8);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-color:var(--line)}
.nav-logo img{height:26px;width:auto;filter:brightness(0) invert(.93)}
.nav-menu ul{display:flex;gap:clamp(18px,2.2vw,34px)}
.nav-menu a{font:500 14px/1 var(--f-text);letter-spacing:.06em;color:var(--paper-soft);transition:color .3s}
.nav-menu a:hover{color:var(--paper)}
.nav-menu-tel{display:none}
.nav-eylem{display:flex;align-items:center;gap:20px}
.nav-tel{font:500 14px/1 var(--f-text);letter-spacing:.04em;color:var(--paper-soft)}
.nav-tel:hover{color:var(--paper)}
.nav-ac{display:none}

@media (max-width:1180px){.nav-tel{display:none}}
@media (max-width:960px){
  .nav-menu{position:fixed;inset:0;z-index:var(--z-menu);background:var(--ink);display:flex;flex-direction:column;justify-content:center;gap:40px;padding:var(--nav-h) var(--gut) 40px;clip-path:inset(0 0 100% 0);transition:clip-path .7s var(--ease);visibility:hidden}
  .menu-acik .nav-menu{clip-path:inset(0);visibility:visible}
  .nav-menu ul{flex-direction:column;gap:6px}
  .nav-menu a{font:260 clamp(2.2rem,9vw,3.4rem)/1.2 var(--f-disp);letter-spacing:-.03em;color:var(--paper)}
  .nav-menu-tel{display:block;font:500 16px/1 var(--f-text)!important;letter-spacing:.04em!important;color:var(--paper-soft)!important}
  .nav-logo,.nav-eylem{position:relative;z-index:calc(var(--z-menu) + 1)}
  .nav-ac{display:grid;place-content:center;gap:7px;width:44px;height:44px;margin-right:-10px;background:none;border:0;cursor:pointer}
  .nav-ac i{display:block;width:24px;height:1.5px;background:var(--paper);transition:transform .5s var(--ease)}
  .menu-acik .nav-ac i:first-of-type{transform:translateY(4.25px) rotate(45deg)}
  .menu-acik .nav-ac i:last-of-type{transform:translateY(-4.25px) rotate(-45deg)}
}
@media (max-width:420px){.nav-eylem .dugme-kucuk{padding:0 14px;height:40px}}

/* ==========================================================================
   FİLM (hero): yapışkan sahne, kaydırma zaman çizelgesi
   ========================================================================== */
.film{position:relative;height:560vh}
.film-sahne{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--ink)}

.paneller{position:absolute;inset:0;z-index:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.panel{position:relative;overflow:hidden;background:var(--ink-2)}
.panel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.panel-perde{position:absolute;inset:0;background:var(--ink);opacity:.5}
.panel-ilerleme{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:0 50%;opacity:0}

/* açılışta paneller alttan açılır (yalnızca yükleme anı, sonra kaydırma devralır) */
.js:not(.az-hareket) .panel{animation:panelAc 1.6s var(--ease) backwards}
.js:not(.az-hareket) .panel[data-panel="1"]{animation-delay:.12s}
.js:not(.az-hareket) .panel[data-panel="2"]{animation-delay:.24s}
@keyframes panelAc{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}

.film-sahne::before{content:"";position:absolute;inset:0 0 auto;height:180px;z-index:2;background:linear-gradient(to bottom,rgba(11,12,17,.6),rgba(11,12,17,0));pointer-events:none}
.film-golge{position:absolute;inset:auto 0 0;height:62%;background:linear-gradient(to top,rgba(11,12,17,.82),rgba(11,12,17,0));pointer-events:none}

/* giriş */
.giris{position:absolute;left:var(--gut);right:var(--gut);bottom:clamp(40px,8vh,96px);z-index:var(--z-film-metin);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:48px}
.giris-etiket{grid-column:1/-1;font:500 13px/1.4 var(--f-text);letter-spacing:.22em;text-transform:uppercase;color:var(--paper-soft)}
.giris-baslik{font-size:clamp(3rem,7.4vw,8rem);font-weight:230;letter-spacing:-.045em;line-height:1.02}
.giris-baslik em{font-weight:780;letter-spacing:-.04em}
.giris-alt{max-width:380px;padding-bottom:.6em}
.giris-alt p{color:var(--paper-soft);font-size:18px;line-height:1.5;margin-bottom:24px}
.giris-eylem{display:flex;flex-wrap:wrap;gap:12px}
.js:not(.az-hareket) .giris .satir{animation:yukari 1.4s var(--ease) backwards}
.js:not(.az-hareket) .giris .maske+.maske .satir{animation-delay:.1s}
.js:not(.az-hareket) .giris-etiket,.js:not(.az-hareket) .giris-alt{animation:belir 1.2s .5s var(--ease) backwards}
@keyframes yukari{from{transform:translateY(125%)}}
@keyframes belir{from{opacity:0;transform:translateY(14px)}}

/* sahne metinleri */
.sahne{position:absolute;z-index:var(--z-film-metin);bottom:clamp(48px,12vh,140px);pointer-events:none}
.sahne-1{left:calc(33.34% + var(--gut));right:var(--gut)}
.sahne-2{left:var(--gut);right:calc(33.34% + var(--gut))}
.sahne-3{left:var(--gut);right:var(--gut);display:grid;grid-template-columns:repeat(3,1fr);column-gap:calc(var(--gut) * 2);align-items:end}
.sahne-3 .sahne-etiket,.sahne-3 .sahne-baslik{grid-column:1}
.sahne-3 .sahne-metin{grid-column:3;grid-row:2}
.sahne-etiket{font:500 13px/1.4 var(--f-text);letter-spacing:.22em;text-transform:uppercase;color:var(--paper-soft);margin-bottom:22px;opacity:0}
.sahne-baslik{font-size:clamp(2.6rem,5.4vw,6.2rem);font-weight:240;letter-spacing:-.04em}
.sahne-3 .sahne-baslik{font-size:clamp(2.2rem,3.7vw,4.4rem)}
.sahne-metin{max-width:38ch;margin-top:28px;color:var(--paper-soft);font-size:18px;opacity:0}
.sahne-3 .sahne-metin{margin-top:0}
.js .sahne .satir-cik{transform:translateY(125%)}

/* final: marka bantları */
.final{position:absolute;inset:0;z-index:var(--z-film-metin);display:flex;flex-direction:column;justify-content:center;pointer-events:none}
.bant{display:block;width:114%;margin-left:-7%;text-align:center;clip-path:inset(0 calc((1 - var(--b, 0)) * 100%) 0 0)}
.bant span{display:block;font:italic 900 clamp(2.4rem,6.2vw,7.2rem)/1.08 var(--f-disp);text-transform:uppercase;letter-spacing:-.02em;color:#fff;padding:.06em 0 .1em}
.bant-lacivert{background:var(--navy);transform:rotate(-3.6deg);--b:var(--b1)}
.bant-kirmizi{background:var(--red);transform:rotate(2.8deg);margin-top:3.6vw;--b:var(--b2)}
.final-metin{align-self:center;max-width:44ch;margin-top:clamp(40px,7vh,80px);text-align:center;color:var(--paper);font-size:18px;opacity:0;padding:0 var(--gut)}

/* ---------- Film: telefon ---------- */
@media (max-width:767px){
  .film{height:470vh}
  .paneller{display:block}
  .panel{position:absolute;inset:0}
  .panel[data-panel="0"]{z-index:1}
  .panel[data-panel="2"]{z-index:2;clip-path:inset(100% 0 0 0)}
  .panel[data-panel="1"]{z-index:3;clip-path:inset(100% 0 0 0)}
  .js:not(.az-hareket) .panel{animation:none}
  .js:not(.az-hareket) .panel[data-panel="0"]{animation:panelAc 1.4s var(--ease) backwards}
  .panel-perde{opacity:.2}
  .panel-ilerleme{height:3px}
  .film-golge{height:78%;background:linear-gradient(to top,rgba(11,12,17,.96) 22%,rgba(11,12,17,.55) 55%,rgba(11,12,17,0))}

  .giris{grid-template-columns:1fr;gap:22px;bottom:calc(28px + env(safe-area-inset-bottom))}
  .giris-etiket{font-size:12px;letter-spacing:.18em}
  .giris-baslik{font-size:clamp(2rem,9.3vw,3.2rem)}
  .giris-alt{max-width:none;padding:0}
  .giris-alt p{font-size:17px;margin-bottom:20px}
  .giris-eylem .dugme{flex:1 1 auto;padding:0 18px}

  .sahne,.sahne-1,.sahne-2,.sahne-3{left:20px;right:20px;bottom:calc(120px + env(safe-area-inset-bottom));display:block}
  .sahne-baslik,.sahne-3 .sahne-baslik{font-size:clamp(2rem,9.3vw,3rem)}
  .sahne-metin,.sahne-3 .sahne-metin{margin-top:18px;font-size:17px}
  .sahne-etiket{margin-bottom:16px;font-size:12px}

  .bant{width:130%;margin-left:-15%}
  .bant span{font-size:clamp(1.7rem,8.2vw,2.8rem)}
  .bant-kirmizi{margin-top:7vw}
  .final-metin{font-size:16px}
}

/* ==========================================================================
   MANİFESTO
   ========================================================================== */
.manifesto{padding:var(--bolum) var(--gut) calc(var(--bolum) * .8)}
.manifesto-metin{font:260 clamp(2rem,4.6vw,4.9rem)/1.12 var(--f-disp);letter-spacing:-.035em;max-width:17.5em}
.manifesto-metin .k{opacity:.16;transition:opacity .12s linear}
.az-hareket .manifesto-metin .k{opacity:1}

/* ==========================================================================
   SÜREÇ RAYI (masaüstü: dikey kaydırma yatay yolculuk olur)
   ========================================================================== */
.ray{position:relative;border-top:1px solid var(--line)}
.ray-sahne{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;grid-template-columns:clamp(300px,30vw,480px) minmax(0,1fr);align-items:center;padding-left:var(--gut)}
.ray-bas{padding-right:clamp(24px,3vw,56px)}
.ray-bas h2{font-size:clamp(2.6rem,4.4vw,5rem)}
.ray-bas p{margin-top:28px;color:var(--paper-soft);max-width:26ch}
.ray-pencere{overflow:hidden;height:100%;display:flex;align-items:center}
.ray-serit{display:flex;align-items:flex-start;gap:clamp(32px,4vw,80px);padding-right:var(--gut);will-change:transform}
.ray-kart{flex:0 0 min(24vw,46vh,400px)}
.ray-kart:nth-of-type(odd){margin-top:10vh}
.ray-gorsel{aspect-ratio:4/5;overflow:hidden;background:var(--ink-2)}
.ray-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.ray-kart:hover .ray-gorsel img{transform:scale(1.04)}
.ray-kart figcaption{padding-top:24px}
.ray-kart h3{font:italic 760 clamp(1.5rem,2vw,2rem)/1.15 var(--f-disp);letter-spacing:-.02em}
.ray-kart p{margin-top:12px;color:var(--paper-soft);font-size:17px;max-width:34ch}

@media (max-width:767px){
  .ray{height:auto!important;padding:var(--bolum) 0}
  .ray-sahne{position:static;height:auto;display:block;overflow:visible;padding:0}
  .ray-bas{padding:0 20px 40px}
  .ray-bas h2{font-size:clamp(2.2rem,9.4vw,3rem)}
  .ray-pencere{height:auto;display:block}
  .ray-serit{overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;gap:16px;padding:0 20px 8px;scrollbar-width:none;transform:none!important}
  .ray-serit::-webkit-scrollbar{display:none}
  .ray-kart{flex:0 0 78vw;scroll-snap-align:start}
  .ray-kart:nth-of-type(odd){margin-top:0}
  .ray-kart p{font-size:16px}
}

/* ==========================================================================
   GARANTİ
   ========================================================================== */
.garanti{padding:var(--bolum) var(--gut);display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;row-gap:clamp(48px,8vh,96px);border-top:1px solid var(--line)}
.garanti-rakamlar{grid-column:1/-1;display:grid;grid-template-columns:1fr;row-gap:clamp(12px,2vh,24px)}
.garanti-rakamlar .maske{padding-bottom:.24em;margin-bottom:-.24em}
.garanti-rakamlar .maske:last-child{justify-self:end}
.garanti-rakam{display:block;font:200 clamp(4rem,12vw,13.5rem)/1 var(--f-disp);letter-spacing:-.06em;white-space:nowrap}
.garanti-rakam[data-g="1"]{font-style:italic;font-weight:760;letter-spacing:-.05em;padding-right:.08em}
.garanti-cizgi{display:block;height:2px;background:var(--red);transform-origin:0 50%}
.js .garanti-rakam{transform:translateY(130%)}
.js .garanti-cizgi{transform:scaleX(0)}
.garanti-metin{grid-column:7/13}
.garanti-giris{font:300 clamp(1.4rem,2.2vw,2.2rem)/1.3 var(--f-disp);letter-spacing:-.02em}
.garanti-giris strong{font-weight:700;white-space:nowrap}
.garanti-metin ul{margin-top:36px;border-top:1px solid var(--line)}
.garanti-metin li{padding:18px 0 0;color:var(--paper-soft)}
.dipnot{margin-top:32px;font-size:14px;color:var(--paper-mute)}

@media (max-width:767px){
  .garanti{display:block}
  .garanti-rakam{font-size:clamp(3.4rem,17vw,6rem)}
  .garanti-metin{margin-top:56px}
}

/* ==========================================================================
   HİZMET DİZİNİ
   ========================================================================== */
.dizin{padding:var(--bolum) var(--gut);border-top:1px solid var(--line)}
.dizin-baslik{font-size:clamp(2.4rem,5vw,5.6rem);max-width:12em;margin-bottom:clamp(56px,9vh,110px)}
.dizin-liste li{border-top:1px solid var(--line)}
.dizin-liste li:last-child{border-bottom:1px solid var(--line)}
.dizin-liste a{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 40px;align-items:center;gap:32px;padding:clamp(22px,3vh,34px) 0}
.dizin-ad{font:280 clamp(1.7rem,3.2vw,3.4rem)/1.08 var(--f-disp);letter-spacing:-.03em;transition:transform .7s var(--ease),color .4s;color:var(--paper-soft)}
.dizin-ad small{display:table;margin-top:14px;font:600 12px/1 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--red);padding:7px 9px 6px}
.dizin-ozet{font-size:16px;line-height:1.5;color:var(--paper-mute);transition:color .4s}
.dizin-ok{justify-self:end;opacity:.4;transition:opacity .4s,transform .6s var(--ease)}
.dizin-ok svg{width:22px;height:22px}
.dizin-liste a:hover .dizin-ad{color:var(--paper);transform:translateX(14px)}
.dizin-liste a:hover .dizin-ozet{color:var(--paper-soft)}
.dizin-liste a:hover .dizin-ok{opacity:1;transform:translateX(6px)}
.dizin-kare{position:fixed;left:0;top:0;width:clamp(220px,19vw,300px);aspect-ratio:4/5;height:auto;object-fit:cover;z-index:var(--z-kare);pointer-events:none;opacity:0;transition:opacity .35s var(--ease);will-change:transform}
.dizin-kare.acik{opacity:1}
@media (hover:none),(max-width:960px){.dizin-kare{display:none}}
@media (max-width:767px){
  .dizin-liste a{grid-template-columns:1fr;gap:10px}
  .dizin-ok{display:none}
  .dizin-ad{color:var(--paper)}
  .dizin-ad small{display:table;margin:12px 0 0;transform:none}
  .dizin-ozet{font-size:15px}
}

/* ==========================================================================
   USTALAR
   ========================================================================== */
.ustalar{padding:var(--bolum) var(--gut);display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;border-top:1px solid var(--line)}
.ustalar-buyuk{grid-column:1/8}
.ustalar-kadraj{aspect-ratio:1080/770;overflow:hidden;background:var(--ink-2)}
.ustalar-kadraj img{width:100%;height:112%;object-fit:cover;margin-top:-6%;will-change:transform}
.ustalar figcaption{margin-top:14px;font-size:14px;color:var(--paper-mute)}
.ustalar-metin{grid-column:9/13;padding-top:clamp(40px,12vh,160px)}
.ustalar-metin h2{font-size:clamp(2.2rem,3.6vw,4rem)}
.ustalar-metin>p{margin-top:28px;color:var(--paper-soft)}
.ustalar-bag{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:36px}
.ustalar-kucuk{margin-top:clamp(56px,10vh,120px);width:78%;margin-left:auto;aspect-ratio:6/5;overflow:hidden}
.ustalar-kucuk img{width:100%;height:100%;object-fit:cover}
@media (max-width:960px){
  .ustalar{display:block}
  .ustalar-metin{padding-top:56px}
  .ustalar-kucuk{width:70%}
}

/* ==========================================================================
   YORUMLAR
   ========================================================================== */
.yorumlar{padding:var(--bolum) var(--gut);border-top:1px solid var(--line)}
.yorumlar h2{font-size:clamp(2.2rem,4.4vw,4.8rem);max-width:12em}
.yorum-akis{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;row-gap:clamp(56px,9vh,110px);margin:clamp(64px,10vh,120px) 0}
.alinti blockquote p{font:300 clamp(1.35rem,2.1vw,2.1rem)/1.32 var(--f-disp);letter-spacing:-.02em}
.alinti figcaption{margin-top:20px;font-size:15px;color:var(--paper-mute)}
.alinti-1{grid-column:1/8}
.alinti-2{grid-column:6/13}
.alinti-3{grid-column:2/8}
@media (max-width:767px){
  .yorum-akis{display:block}
  .alinti+.alinti{margin-top:56px}
  .alinti-2{padding-left:12%}
}

/* ==========================================================================
   KAPANIŞ
   ========================================================================== */
.kapanis{padding:var(--bolum) var(--gut) clamp(64px,10vh,120px);display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:end;border-top:1px solid var(--line)}
.kapanis-gorsel{grid-column:8/13;grid-row:1;aspect-ratio:4/5;overflow:hidden;clip-path:inset(10% 10% 10% 10%);background:var(--ink-2)}
.kapanis-gorsel img{width:100%;height:100%;object-fit:cover}
.kapanis-ic{grid-column:1/8;grid-row:1;padding-right:clamp(0px,3vw,48px)}
.kapanis h2{font-size:clamp(2.8rem,6.2vw,7rem);font-weight:230;letter-spacing:-.045em}
.kapanis-eylem{display:flex;flex-wrap:wrap;gap:12px;margin-top:44px}
.kapanis-bilgi{display:grid;grid-template-columns:1.25fr 1fr 1.15fr;gap:28px;margin-top:clamp(56px,9vh,110px);padding-top:28px;border-top:1px solid var(--line)}
.kapanis-bilgi dt{font:500 12px/1 var(--f-text);letter-spacing:.2em;text-transform:uppercase;color:var(--paper-mute);margin-bottom:12px}
.kapanis-bilgi dd{font-size:16px;color:var(--paper-soft)}
.kapanis-bilgi a{color:var(--paper);border-bottom:1px solid var(--line);white-space:nowrap}
.kapanis-bilgi a:hover{border-color:var(--paper)}
@media (max-width:960px){.kapanis-bilgi{grid-template-columns:1fr}}
@media (max-width:767px){
  .kapanis{display:block}
  .kapanis-gorsel{margin-bottom:48px}
  .kapanis-eylem .dugme{flex:1 1 auto}
}

/* ---------- Görünüme girince (tek seferlik) ---------- */
.js [data-belir]{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1.2s var(--ease)}
.js [data-belir].in{opacity:1;transform:none}
.js [data-maske] .satir-cik{transform:translateY(125%);transition:transform 1.3s var(--ease)}
.js [data-maske] .maske+.maske .satir-cik{transition-delay:.1s}
.js [data-maske].in .satir-cik{transform:none}

/* ==========================================================================
   ALT BİLGİ
   ========================================================================== */
.son{padding:clamp(72px,12vh,140px) var(--gut) 40px;border-top:1px solid var(--line)}
.son-ust{display:grid;grid-template-columns:1fr auto auto;gap:48px;align-items:start}
.son-marka{font:italic 800 clamp(1.8rem,3vw,2.8rem)/1 var(--f-disp);text-transform:uppercase;letter-spacing:-.02em}
.son-menu ul{columns:2;column-gap:48px}
.son-menu li{padding:5px 0}
.son-menu a,.son-sosyal a{color:var(--paper-soft);font-size:16px;transition:color .3s}
.son-menu a:hover,.son-sosyal a:hover{color:var(--paper)}
.son-sosyal{display:flex;flex-direction:column;gap:10px;padding-top:5px}
.son-alt{margin-top:clamp(56px,9vh,100px);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;font-size:13px;color:var(--paper-mute)}
@media (max-width:767px){
  .son-ust{grid-template-columns:1fr;gap:36px}
  .son{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
}

/* ---------- Telefon hızlı çubuğu (filmden sonra görünür) ---------- */
.hizli{display:none}
@media (max-width:767px){
  .hizli{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-hizli);display:grid;grid-template-columns:1fr 1fr 1.3fr;padding:0 0 env(safe-area-inset-bottom);background:rgba(11,12,17,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .6s var(--ease)}
  .film-gecti .hizli{transform:none}
  .menu-acik .hizli{transform:translateY(110%)}
  .hizli a{display:grid;place-items:center;height:60px;font:600 14px/1 var(--f-text);letter-spacing:.08em;text-transform:uppercase;color:var(--paper)}
  .hizli a+a{border-left:1px solid var(--line)}
  .hizli .hizli-ana{background:var(--red);color:#fff;border:0}
}

/* ---------- Az hareket ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}