/* =====================================================================
   Stüdyo Harmoni — Çorlu Düğün Fotoğrafçısı · demo tema
   Yazı: Bodoni Moda (başlık) · Jost (metin) · Pinyon Script (imza)
   ===================================================================== */

/* ---------- 0. Değişkenler ---------- */
:root{
  --ivory:#f6f1ea; --paper:#fbf8f4; --sand:#ede3d6; --blush:#f1dfd8; --blush-2:#e7c9be;
  --gold:#a8834f; --gold-d:#86683c; --gold-2:#c9a979; --gold-3:#e6d3b3;
  --ink:#1c1815; --ink-2:#4a423b; --ink-3:#857a70;
  --night:#14110f; --night-2:#1e1916; --night-3:#2a2420;
  --line:rgba(28,24,21,.13); --line-2:rgba(28,24,21,.24); --line-l:rgba(255,255,255,.16);
  --err:#b3261e;
  --serif:"Bodoni Moda",Didot,"Times New Roman",serif;
  --sans:"Jost","Helvetica Neue",Arial,sans-serif;
  --script:"Pinyon Script","Snell Roundhand",cursive;
  --wrap:1340px; --gut:clamp(18px,4.2vw,56px); --hdr:88px;
  --ease:cubic-bezier(.22,.61,.36,1); --out:cubic-bezier(.16,1,.3,1); --io:cubic-bezier(.77,0,.18,1);
}

/* ---------- 1. Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:110px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--ivory);color:var(--ink-2);font:400 17px/1.75 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,video,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
p{margin:0 0 1.1em}
h1,h2,h3,h4{margin:0;font-weight:400;color:var(--ink)}
ul,ol{margin:0;padding:0;list-style:none}
em{font-style:italic}
::selection{background:var(--gold-3);color:var(--ink)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.skip{position:fixed;left:16px;top:-60px;z-index:200;background:var(--ink);color:#fff;padding:10px 16px;transition:top .3s}
.skip:focus{top:16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.wrap{width:100%;max-width:calc(var(--wrap) + 2*var(--gut));margin:0 auto;padding:0 var(--gut)}
.wrap--n{max-width:calc(1040px + 2*var(--gut))}
.sec{padding:clamp(84px,11vw,168px) 0;position:relative}
.sec--t0{padding-top:0}
.sec--b0{padding-bottom:0}
.bg-paper{background:var(--paper)}
.bg-sand{background:var(--sand)}
.bg-blush{background:var(--blush)}
.bg-night{background:var(--night);color:rgba(255,255,255,.74)}
.bg-night h2,.bg-night h3{color:#fff}

/* ince film greni */
body::after{content:"";position:fixed;inset:0;z-index:300;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- 2. Tipografi ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:14px;font:500 12px/1.2 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--gold-d)}
.eyebrow::before{content:"";width:42px;height:1px;background:currentColor;opacity:.8}
.eyebrow--c{justify-content:center}
.eyebrow--l{color:var(--gold-2)}
.h-xl{font:400 clamp(46px,7.2vw,118px)/.95 var(--serif);letter-spacing:-.02em}
.h-l{font:400 clamp(38px,5.2vw,82px)/1.02 var(--serif);letter-spacing:-.015em}
.h-m{font:400 clamp(30px,3.4vw,52px)/1.08 var(--serif);letter-spacing:-.01em}
.h-s{font:400 clamp(22px,2vw,30px)/1.2 var(--serif)}
.h-xl em,.h-l em,.h-m em,.h-s em{font-style:italic;color:var(--gold)}
.bg-night .h-xl em,.bg-night .h-l em,.bg-night .h-m em{color:var(--gold-2)}
.lead{font:300 clamp(18px,1.5vw,22px)/1.65 var(--sans);color:var(--ink-2)}
.bg-night .lead{color:rgba(255,255,255,.78)}
.script{font-family:var(--script);font-weight:400;color:var(--gold);line-height:1}
.muted{color:var(--ink-3)}
.mt-s{margin-top:18px}.mt-m{margin-top:32px}.mt-l{margin-top:56px}
.center{text-align:center}
.head-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,80px);align-items:end;margin-bottom:clamp(44px,6vw,84px)}
.head-row .eyebrow{margin-bottom:22px}
.head-row p{margin:0}
.head-c{max-width:820px;margin:0 auto clamp(44px,6vw,80px);text-align:center}
.head-c .eyebrow{margin-bottom:22px}
.head-c .lead{margin:22px auto 0;max-width:640px}

/* satır satır yükselen başlık */
.lines>span{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.lines>span>span{display:block}
.js .lines[data-r]>span>span{transform:translateY(108%);transition:transform 1.25s var(--out)}
.js .lines[data-r].in>span>span{transform:none}
.js .lines[data-r]>span:nth-child(2)>span{transition-delay:.09s}
.js .lines[data-r]>span:nth-child(3)>span{transition-delay:.18s}
.js .lines[data-r]>span:nth-child(4)>span{transition-delay:.27s}

/* görünürlük animasyonları */
.js [data-r]:not(.lines){opacity:0;transform:translateY(34px);transition:opacity 1.1s var(--out),transform 1.3s var(--out)}
.js [data-r="fade"]:not(.lines){transform:none}
/* perde açılışı: gözlenen öğe kırpılmaz (IntersectionObserver kırpılmış hedefi görmez), çocukları kırpılır */
.js [data-r="img"]:not(.lines){opacity:1;transform:none}
.js [data-r="img"]>*{clip-path:inset(100% 0 0 0);transition:clip-path 1.5s var(--io),opacity .8s,transform 1.4s var(--out)}
.js [data-r="img"].in>*{clip-path:inset(0 0 0 0)}
.js [data-r="img"] img{transition:transform 1.8s var(--out)}
.js [data-r="img"]:not(.in) img{transform:scale(1.18)}
.js [data-r].in:not(.lines){opacity:1;transform:none}
.d1{transition-delay:.1s!important}.d2{transition-delay:.2s!important}.d3{transition-delay:.3s!important}
.d4{transition-delay:.4s!important}.d5{transition-delay:.5s!important}.d6{transition-delay:.6s!important}

.op-t{object-position:center 26%}
.stk__img,.mega__vis,.st-quote,.zz figure{margin:0}

/* ---------- 3. Düğmeler & bağlantılar ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:0 34px;border:1px solid var(--ink);
  font:500 12px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--ink);background:transparent;cursor:pointer;overflow:hidden;isolation:isolate;transition:color .5s var(--out),border-color .5s}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:scaleY(0);transform-origin:bottom;transition:transform .6s var(--out)}
.btn:hover{color:#fff}
.btn:hover::before{transform:scaleY(1)}
.btn svg{width:16px;height:16px;transition:transform .6s var(--out)}
.btn:hover svg{transform:translateX(5px)}
.btn--gold{background:var(--gold);border-color:var(--gold);color:#fff}
.btn--gold::before{background:var(--ink)}
.btn--light{border-color:rgba(255,255,255,.55);color:#fff}
.btn--light::before{background:#fff}
.btn--light:hover{color:var(--ink);border-color:#fff}
.btn--wa svg{width:18px;height:18px}
.btn--block{width:100%}
.lnk{display:inline-flex;align-items:center;gap:12px;font:500 12px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--ink);padding:10px 0;position:relative}
.lnk::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform-origin:right;transition:transform .6s var(--out)}
.lnk:hover::after{transform:scaleX(0)}
.lnk svg{width:16px;height:16px;transition:transform .5s var(--out)}
.lnk:hover svg{transform:translate(4px,-4px)}
.lnk--l{color:#fff}
.ico{width:20px;height:20px;flex:none}

/* ---------- 4. Ön yükleyici & ilerleme ---------- */
.pre{display:none}
.js.pre-on .pre{display:flex;position:fixed;inset:0;z-index:250;background:var(--night);align-items:center;justify-content:center;flex-direction:column;gap:26px;transition:transform 1.1s var(--io)}
.pre__name{font:400 clamp(64px,10vw,140px)/1.2 var(--script);color:var(--gold-2);clip-path:inset(0 100% 0 0);animation:preName 1.3s var(--io) .15s forwards;padding:0 .2em}
.pre__sub{font:500 11px/1 var(--sans);letter-spacing:.5em;text-transform:uppercase;color:rgba(255,255,255,.55);opacity:0;animation:preSub .8s ease .7s forwards}
.pre__bar{width:160px;height:1px;background:rgba(255,255,255,.14);position:relative;overflow:hidden}
.pre__bar i{position:absolute;inset:0;background:var(--gold-2);transform:scaleX(0);transform-origin:left;animation:preBar 1.5s var(--io) .1s forwards}
.pre.is-done{transform:translateY(-100%)}
@keyframes preName{to{clip-path:inset(0 0 0 0)}}
@keyframes preSub{to{opacity:1}}
@keyframes preBar{to{transform:scaleX(1)}}
.prog{position:fixed;left:0;top:0;right:0;height:2px;z-index:120;background:var(--gold);transform:scaleX(0);transform-origin:left;pointer-events:none}

/* ---------- 5. Üst bilgi ---------- */
.hdr{position:fixed;left:0;right:0;top:0;z-index:100;height:var(--hdr);color:#fff;transition:transform .55s var(--out),background-color .45s,color .45s,box-shadow .45s}
.hdr::before{content:"";position:absolute;inset:0 0 -40px;background:linear-gradient(180deg,rgba(15,12,10,.62),rgba(15,12,10,0));pointer-events:none;transition:opacity .45s}
.hdr.is-solid{background:rgba(246,241,234,.94);color:var(--ink);box-shadow:0 1px 0 var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.hdr.is-solid::before{opacity:0}
.hdr.is-up{transform:translateY(-100%)}
.hdr.menu-open{transform:none}
.hdr__in{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.hdr:has(.has-mega:hover),.hdr:has(.has-mega.is-open){background:var(--paper);color:var(--ink);box-shadow:0 1px 0 var(--line)}
.hdr:has(.has-mega:hover)::before,.hdr:has(.has-mega.is-open)::before{opacity:0}
.hdr.menu-open{background:transparent!important;color:#fff!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.hdr.menu-open::before{opacity:0}
.nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;justify-items:flex-start;column-gap:8px;padding-right:clamp(24px,3vw,56px)}
.nav--r{padding-right:0;padding-left:clamp(24px,3vw,56px);justify-items:flex-end}
.nav>*{white-space:nowrap}
.nav__a{position:relative;font:500 12px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;padding:14px 0;display:inline-flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer}
.nav__a::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--out)}
.nav__a:hover::after,.nav__a.is-on::after{transform:scaleX(1);transform-origin:left}
.nav__a.is-on{color:var(--gold-2)}
.hdr.is-solid .nav__a.is-on{color:var(--gold-d)}
.nav__a svg{width:10px;height:10px;transition:transform .4s}

.logo{display:flex;flex-direction:column;align-items:center;line-height:1;gap:6px;text-align:center}
.logo__top{font:500 9.5px/1 var(--sans);letter-spacing:.62em;text-transform:uppercase;padding-left:.62em;opacity:.85;display:flex;align-items:center;gap:10px}
.logo__top::before,.logo__top::after{content:"";width:18px;height:1px;background:currentColor;opacity:.6}
.logo__name{font:400 34px/1 var(--serif);letter-spacing:.01em}
.logo__name i{font-style:italic;color:var(--gold-2)}
.hdr.is-solid .logo__name i{color:var(--gold)}
.hdr:not(.is-solid) .logo,.hdr:not(.is-solid) .nav__a{text-shadow:0 1px 16px rgba(15,12,10,.45)}

.burger{display:none;width:48px;height:48px;border:0;background:none;cursor:pointer;position:relative;justify-self:end}
.burger span{position:absolute;left:12px;right:12px;height:1px;background:currentColor;transition:transform .5s var(--out),opacity .3s}
.burger span:nth-child(1){top:19px}.burger span:nth-child(2){top:28px;left:20px}
.menu-open .burger span:nth-child(1){transform:translateY(4.5px) rotate(45deg)}
.menu-open .burger span:nth-child(2){transform:translateY(-4.5px) rotate(-45deg);left:12px}

/* hizmetler mega menü */
.has-mega{position:static}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--paper);color:var(--ink);box-shadow:0 30px 60px -30px rgba(20,17,15,.35);border-top:1px solid var(--line);
  opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .4s,transform .5s var(--out),visibility .4s}
.has-mega:hover .mega,.has-mega:focus-within .mega,.has-mega.is-open .mega{opacity:1;visibility:visible;transform:none}
.has-mega:hover .nav__a svg,.has-mega.is-open .nav__a svg{transform:rotate(180deg)}
.mega__in{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:48px;padding:40px 0 44px}
.mega__list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.mega__a{display:grid;grid-template-columns:34px 1fr;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line);transition:padding .5s var(--out)}
.mega__a span{font:italic 400 14px var(--serif);color:var(--gold)}
.mega__a b{font:400 22px/1.2 var(--serif);transition:color .3s,transform .5s var(--out);display:block}
.mega__a small{grid-column:2;font-size:13px;color:var(--ink-3);line-height:1.4;margin-top:4px}
.mega__a:hover b{color:var(--gold-d);transform:translateX(8px)}
.mega__vis{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--sand)}
.mega__vis img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .6s,transform 1.2s var(--out)}
.mega__vis img.is-on{opacity:1;transform:none}
.mega__vis figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px 20px;color:#fff;font:italic 400 20px var(--serif);background:linear-gradient(0deg,rgba(20,17,15,.7),transparent)}

/* mobil menü */
.mnav{position:fixed;inset:0;z-index:90;background:var(--night);color:#fff;display:flex;flex-direction:column;padding:calc(var(--hdr) + 20px) var(--gut) 32px;overflow-y:auto;
  clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .9s var(--io),visibility .9s}
.mnav.is-open{clip-path:inset(0 0 0 0);visibility:visible}
.mnav__list{border-top:1px solid var(--line-l)}
.mnav__item{border-bottom:1px solid var(--line-l);opacity:0;transform:translateY(30px);transition:opacity .6s,transform .8s var(--out)}
.mnav.is-open .mnav__item{opacity:1;transform:none}
.mnav.is-open .mnav__item:nth-child(2){transition-delay:.05s}.mnav.is-open .mnav__item:nth-child(3){transition-delay:.1s}
.mnav.is-open .mnav__item:nth-child(4){transition-delay:.15s}.mnav.is-open .mnav__item:nth-child(5){transition-delay:.2s}
.mnav.is-open .mnav__item:nth-child(6){transition-delay:.25s}.mnav.is-open .mnav__item:nth-child(7){transition-delay:.3s}
.mnav.is-open .mnav__item:nth-child(8){transition-delay:.35s}
.mnav__a{display:flex;align-items:baseline;gap:16px;padding:16px 0;font:400 clamp(30px,8vw,44px)/1.1 var(--serif);width:100%;background:none;border:0;text-align:left;cursor:pointer;color:#fff}
.mnav__a span{font:italic 400 14px var(--serif);color:var(--gold-2);min-width:26px}
.mnav__a svg{width:18px;height:18px;margin-left:auto;align-self:center;transition:transform .4s}
.mnav__item.is-open .mnav__a svg{transform:rotate(45deg)}
.mnav__sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--out)}
.mnav__item.is-open .mnav__sub{grid-template-rows:1fr}
.mnav__sub>div{overflow:hidden}
.mnav__sub a{display:block;padding:9px 0 9px 42px;font-size:16px;color:rgba(255,255,255,.75)}
.mnav__sub a:last-child{padding-bottom:22px}
.mnav__foot{margin-top:auto;padding-top:36px;display:grid;gap:14px;font-size:15px;color:rgba(255,255,255,.7)}
.mnav__foot a{display:flex;align-items:center;gap:12px}
.mnav__foot svg{width:18px;height:18px;color:var(--gold-2)}

/* ---------- 6. Anasayfa hero (triptik) ---------- */
.hero{position:relative;height:100vh;height:100svh;min-height:640px;background:var(--night);color:#fff;overflow:hidden;isolation:isolate}
.hero__panels{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1.22fr 1fr;gap:clamp(3px,.42vw,7px)}
.hero__panel{position:relative;overflow:hidden;background:var(--night-2)}
.hero__slide{position:absolute;inset:0;z-index:1;clip-path:inset(0 0 100% 0);transition:clip-path 1.6s var(--io)}
.hero__slide.is-on{z-index:3;clip-path:inset(0 0 0 0)}
.hero__slide.is-prev{z-index:2;clip-path:inset(0 0 0 0);transition:none}
.hero__slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.16);transition:transform 9s linear}
.hero__slide.is-on img,.hero__slide.is-prev img{transform:scale(1.02)}
.hero__panel:nth-child(2) .hero__slide{transition-delay:.22s}
.hero__panel:nth-child(3) .hero__slide{transition-delay:.44s}
.hero__slide.is-prev{transition-delay:0s!important}
.hero::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;
  background:linear-gradient(180deg,rgba(20,17,15,.5) 0%,rgba(20,17,15,0) 18%,rgba(20,17,15,.1) 34%,rgba(20,17,15,.62) 56%,rgba(20,17,15,.88) 78%,rgba(20,17,15,.95) 100%)}
.hero .eyebrow{color:var(--gold-3);text-shadow:0 1px 14px rgba(0,0,0,.55)}
.hero__title,.ph__title{text-shadow:0 2px 30px rgba(20,17,15,.35)}
.hero__c{position:absolute;z-index:5;left:0;right:0;bottom:clamp(104px,14vh,150px)}
.hero__title{color:#fff;margin-top:22px;font:400 clamp(50px,7.6vw,128px)/.94 var(--serif);letter-spacing:-.022em}
.hero__title em{font-style:italic;color:var(--gold-3)}
.hero__row{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:34px}
.hero__sub{max-width:540px;margin:0;color:rgba(255,255,255,.84);font:300 clamp(16px,1.3vw,19px)/1.7 var(--sans)}
.hero__btns{display:flex;flex-wrap:wrap;gap:12px;flex:none}
.hero__bar{position:absolute;z-index:5;left:0;right:0;bottom:0;border-top:1px solid var(--line-l)}
.hero__bar .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;gap:20px;padding-right:calc(var(--gut) + 72px)}
.hero__count{display:flex;align-items:center;gap:16px;white-space:nowrap;font:500 12px/1 var(--sans);letter-spacing:.22em;color:rgba(255,255,255,.8);font-variant-numeric:tabular-nums}
.hero__count b{font-weight:500;color:#fff;min-width:2ch}
.hero__track{width:120px;height:1px;background:rgba(255,255,255,.22);position:relative;overflow:hidden}
.hero__track i{position:absolute;inset:0;background:var(--gold-2);transform:scaleX(0);transform-origin:left}
.hero__track i.run{animation:heroRun var(--dur,6.5s) linear forwards}
@keyframes heroRun{to{transform:scaleX(1)}}
.hero__cap{font:italic 400 15px/1.2 var(--serif);color:rgba(255,255,255,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.hero__scroll{display:flex;flex-direction:column;align-items:center;gap:8px;font:500 10px/1 var(--sans);letter-spacing:.36em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.hero__scroll i{width:1px;height:26px;background:rgba(255,255,255,.25);position:relative;overflow:hidden}
.hero__scroll i::after{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:var(--gold-2);animation:scrollDot 2s var(--io) infinite}
@keyframes scrollDot{0%{transform:translateY(-12px)}100%{transform:translateY(30px)}}
.hero__ig{justify-self:end;display:flex;align-items:center;gap:12px;font:500 12px/1 var(--sans);letter-spacing:.18em;color:rgba(255,255,255,.85)}
.hero__ig svg{width:18px;height:18px;color:var(--gold-2)}
.hero__ig:hover{color:#fff}

/* ---------- 7. Alt sayfa hero ---------- */
.ph{position:relative;height:80vh;height:80svh;min-height:560px;max-height:940px;display:flex;align-items:flex-end;background:var(--night);color:#fff;overflow:hidden;isolation:isolate}
.ph--s{height:70vh;height:70svh;min-height:540px}
.ph__bg{position:absolute;left:0;right:0;top:-10%;bottom:-10%;z-index:-2}
.ph__bg img{width:100%;height:100%;object-fit:cover;animation:phZoom 2.4s var(--out) both}
.ph__bg--top img{object-position:center 25%}
@keyframes phZoom{from{transform:scale(1.14)}to{transform:none}}
.ph::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,17,15,.55) 0%,rgba(20,17,15,.1) 30%,rgba(20,17,15,.35) 60%,rgba(20,17,15,.88) 100%)}
.ph__c{width:100%;padding-bottom:clamp(48px,8vh,92px)}
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:500 11px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.crumb a:hover{color:#fff}
.crumb svg{width:5px;height:5px;color:var(--gold-2)}
.crumb [aria-current]{color:var(--gold-3)}
.ph__title{margin-top:22px;color:#fff;font:400 clamp(46px,7vw,112px)/.96 var(--serif);letter-spacing:-.02em}
.ph__title em{font-style:italic;color:var(--gold-3)}
.ph__row{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:26px}
.ph__lead{max-width:600px;margin:0;color:rgba(255,255,255,.84);font:300 clamp(16px,1.3vw,19px)/1.7 var(--sans)}
.ph__meta{display:flex;gap:28px;flex:none}
.ph__meta div{border-left:1px solid var(--line-l);padding-left:16px}
.ph__meta b{display:block;font:400 30px/1 var(--serif);color:#fff}
.ph__meta span{font:500 10px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.62)}

/* ---------- 8. Tanıtım (anasayfa) ---------- */
.intro{overflow:hidden}
.intro__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center}
.intro__text{grid-column:1/span 6}
.intro__text .eyebrow{margin-bottom:26px}
.intro__text .lead{margin-top:30px}
.intro__sign{display:flex;align-items:center;gap:20px;margin-top:30px}
.intro__sign .script{font-size:54px}
.intro__sign small{font:500 11px/1.5 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3)}
.intro__media{grid-column:8/span 5;position:relative;padding:0 0 12% 0}
.arch{border-radius:999px 999px 0 0;overflow:hidden;position:relative}
.arch img{width:100%;height:100%;object-fit:cover}
.intro__img1{aspect-ratio:4/5.2}
.intro__img2{position:absolute;left:-30%;bottom:0;width:52%;aspect-ratio:4/5;overflow:hidden;border:10px solid var(--ivory)}
.intro__img2 img{width:100%;height:100%;object-fit:cover}
.rot{position:absolute;right:-7%;top:-5%;width:clamp(118px,11vw,156px);aspect-ratio:1;z-index:2}
.rot svg{width:100%;height:100%;animation:spin 26s linear infinite}
.rot text{font:500 10.5px var(--sans);letter-spacing:.32em;text-transform:uppercase;fill:var(--ink)}
.rot__c{position:absolute;inset:32%;border-radius:50%;background:var(--gold);color:#fff;display:grid;place-items:center}
.rot__c svg{width:42%;height:42%;animation:none}
@keyframes spin{to{transform:rotate(360deg)}}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px;padding-top:30px;border-top:1px solid var(--line)}
.stat b{display:block;font:400 clamp(36px,3.6vw,56px)/1 var(--serif);color:var(--ink);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
.stat b sup{font-size:.42em;color:var(--gold);vertical-align:top;margin-left:2px;top:.3em;position:relative}
.stat>span{display:block;margin-top:10px;font:500 11px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.bg-night .stat b{color:#fff}

/* ---------- 9. Kayan yazı bandı ---------- */
.mq{overflow:hidden;padding:clamp(26px,3.6vw,52px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--ivory)}
.mq__track{display:flex;width:max-content;animation:mq 52s linear infinite}
.mq:hover .mq__track{animation-play-state:paused}
.mq__group{display:flex;align-items:center}
.mq__item{display:flex;align-items:center;gap:clamp(22px,3vw,48px);padding-right:clamp(22px,3vw,48px);font:italic 400 clamp(46px,7vw,116px)/1.05 var(--serif);color:var(--ink);white-space:nowrap}
.mq__item.o{color:transparent;-webkit-text-stroke:1px var(--ink)}
.mq__item svg{width:.34em;height:.34em;color:var(--gold);flex:none}
.mq--night{background:var(--night);border-color:var(--line-l)}
.mq--night .mq__item{color:#fff}
.mq--night .mq__item.o{-webkit-text-stroke-color:rgba(255,255,255,.6)}
@keyframes mq{to{transform:translateX(-50%)}}

/* ---------- 10. Hizmet listesi ---------- */
.svc__list{border-bottom:1px solid var(--line)}
.svc__row{position:relative;display:grid;grid-template-columns:70px minmax(0,1.1fr) minmax(0,1fr) 58px;gap:28px;align-items:center;padding:30px 22px;margin:0 -22px;border-top:1px solid var(--line);color:var(--ink);isolation:isolate}
.svc__row::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--sand);transform:scaleY(0);transform-origin:bottom;transition:transform .6s var(--out)}
.svc__row:hover::before{transform:scaleY(1);transform-origin:top}
.svc__num{font:italic 400 18px/1 var(--serif);color:var(--gold)}
.svc__title{font:400 clamp(28px,3.1vw,48px)/1.05 var(--serif);transition:transform .7s var(--out)}
.svc__title em{color:var(--gold)}
.svc__row:hover .svc__title{transform:translateX(16px)}
.svc__desc{margin:0;font-size:15px;line-height:1.6;color:var(--ink-3)}
.svc__tags{display:block;margin-top:8px;font:500 10.5px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-d)}
.svc__arr{width:58px;height:58px;border:1px solid var(--line-2);border-radius:50%;display:grid;place-items:center;transition:background .45s,color .45s,border-color .45s,transform .7s var(--out)}
.svc__arr svg{width:18px;height:18px}
.svc__row:hover .svc__arr{background:var(--ink);border-color:var(--ink);color:#fff;transform:rotate(-45deg)}
.svc__thumb{display:none}
.flt-img{position:fixed;left:0;top:0;z-index:45;pointer-events:none;width:clamp(220px,20vw,300px);aspect-ratio:3/4;margin:-200px 0 0 -150px}
.flt-img__in{width:100%;height:100%;border-radius:999px 999px 0 0;overflow:hidden;transform:scale(.4) rotate(-6deg);opacity:0;transition:transform .6s var(--out),opacity .4s;box-shadow:0 30px 60px -20px rgba(20,17,15,.5)}
.flt-img.is-on .flt-img__in{transform:none;opacity:1}
.flt-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s}
.flt-img__in{position:relative}
.flt-img img.is-on{opacity:1}

/* ---------- 11. Üst üste kayan hikâye kartları ---------- */
.stk{position:relative}
.stk__card{position:sticky;top:calc(var(--hdr) + 18px);height:min(76vh,760px);min-height:540px;margin-bottom:7vh;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  background:var(--paper);border:1px solid var(--line);overflow:hidden;transform-origin:50% 0;will-change:transform}
.stk__card:last-child{margin-bottom:0}
.stk__card.c2{top:calc(var(--hdr) + 34px);background:var(--blush)}
.stk__card.c3{top:calc(var(--hdr) + 50px);background:var(--night);border-color:var(--night);color:rgba(255,255,255,.74)}
.stk__card.c4{top:calc(var(--hdr) + 66px);background:var(--sand)}
.stk__img{position:relative;overflow:hidden}
.stk__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--out)}
.stk__card:hover .stk__img img{transform:scale(1.04)}
.stk__img figcaption{position:absolute;left:24px;top:24px;font:500 10.5px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:#fff;background:rgba(20,17,15,.45);padding:10px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.stk__body{display:flex;flex-direction:column;padding:clamp(28px,3.6vw,60px)}
.stk__n{font:italic 400 clamp(64px,7vw,120px)/.8 var(--serif);color:var(--gold);opacity:.9}
.stk__meta{margin-top:auto;font:500 11px/1.6 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-d)}
.c3 .stk__meta{color:var(--gold-2)}
.stk__title{margin-top:14px;font:400 clamp(34px,3.6vw,58px)/1.02 var(--serif)}
.stk__title em{font-style:italic;color:var(--gold)}
.c3 .stk__title{color:#fff}
.c3 .stk__title em{color:var(--gold-2)}
.stk__body p{margin:18px 0 0;font-size:16px;line-height:1.7}
.stk__body .stk__meta{margin-top:auto}
.stk__foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.c3 .stk__foot{border-color:var(--line-l)}
.stk__thumbs{display:flex}
.stk__thumbs img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--paper);margin-left:-12px}
.stk__thumbs img:first-child{margin-left:0}
.c2 .stk__thumbs img{border-color:var(--blush)}.c3 .stk__thumbs img{border-color:var(--night)}.c4 .stk__thumbs img{border-color:var(--sand)}
.c3 .lnk{color:#fff}

/* ---------- 12. Film bölümü ---------- */
.film__frame{position:relative;display:block;width:100%;aspect-ratio:16/8;overflow:hidden;margin-top:clamp(40px,5vw,72px);cursor:pointer;background:var(--night-2);border:0;padding:0}
.film__frame>img,.film__frame>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--out)}
.film__frame:hover>img,.film__frame:hover>video{transform:scale(1.03)}
.film__frame::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(20,17,15,.1),rgba(20,17,15,.6))}
.play{position:absolute;left:50%;top:50%;z-index:2;width:clamp(120px,12vw,168px);aspect-ratio:1;transform:translate(-50%,-50%)}
.play svg.play__ring{width:100%;height:100%;animation:spin 20s linear infinite}
.play__ring text{font:500 10px var(--sans);letter-spacing:.38em;text-transform:uppercase;fill:#fff}
.play__btn{position:absolute;inset:27%;border-radius:50%;background:var(--gold);display:grid;place-items:center;color:#fff;transition:transform .6s var(--out),background .4s}
.play__btn::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(230,211,179,.6);animation:pulse 2.4s var(--out) infinite}
.play__btn svg{width:30%;height:30%;margin-left:6%}
.film__frame:hover .play__btn{transform:scale(1.1);background:var(--gold-d)}
@keyframes pulse{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.5);opacity:0}}
.film__feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(40px,5vw,64px);border-top:1px solid var(--line-l)}
.film__feat{padding:30px 30px 0 0}
.film__feat+.film__feat{padding-left:30px;border-left:1px solid var(--line-l)}
.film__feat b{display:block;font:400 clamp(30px,3vw,44px)/1 var(--serif);color:var(--gold-3)}
.film__feat b em{font-style:italic}
.film__feat span{display:block;margin-top:12px;font-size:15px;line-height:1.6;color:rgba(255,255,255,.7)}

/* ---------- 13. Süreç adımları ---------- */
.steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,44px);padding-top:56px}
.steps__line{position:absolute;left:0;right:0;top:0;height:1px;background:var(--line-2)}
.steps__line i{position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 2.4s var(--io)}
.steps.in .steps__line i,.noanim .steps__line i{transform:none}
.step{position:relative}
.step::before{content:"";position:absolute;left:0;top:-62px;width:13px;height:13px;border-radius:50%;background:var(--ivory);border:1px solid var(--gold)}
.bg-paper .step::before{background:var(--paper)}
.step__n{font:italic 400 clamp(54px,5vw,78px)/.9 var(--serif);color:var(--gold)}
.step h3{margin-top:22px;font:400 clamp(22px,2vw,28px)/1.2 var(--serif)}
.step p{margin:14px 0 0;font-size:15.5px;line-height:1.7}

/* ---------- 14. Mozaik galeri ---------- */
.mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(8,clamp(64px,8.2vw,124px));gap:clamp(8px,1vw,16px)}
.mosaic>a{position:relative;overflow:hidden;display:block;background:var(--sand)}
.mosaic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--out)}
.mosaic>a:hover img{transform:scale(1.06)}
.m1{grid-column:1/6;grid-row:1/6}.m2{grid-column:6/9;grid-row:1/4}.m3{grid-column:9/13;grid-row:1/5}
.m4{grid-column:6/9;grid-row:4/9}.m5{grid-column:1/4;grid-row:6/9}.m6{grid-column:4/6;grid-row:6/9}.m7{grid-column:9/13;grid-row:5/9}

/* ---------- 15. Yorumlar ---------- */
.quotes__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(36px,7vw,120px);align-items:center}
.quotes__imgs{display:grid;aspect-ratio:4/5}
.quotes__imgs figure{grid-area:1/1;margin:0;opacity:0;transform:scale(1.04);transition:opacity 1s,transform 1.6s var(--out)}
.quotes__imgs figure.is-on{opacity:1;transform:none}
.quotes__imgs img{width:100%;height:100%;object-fit:cover}
.quotes__mark{font:400 clamp(110px,12vw,180px)/1 var(--serif);color:var(--gold);height:.44em;display:block;margin:22px 0 4px}
.quotes__stage{display:grid}
.quote{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .8s,transform 1s var(--out),visibility .8s}
.quote.is-on{opacity:1;visibility:visible;transform:none}
.quote p{margin:0;font:italic 400 clamp(23px,2.5vw,36px)/1.38 var(--serif);color:var(--ink)}
.quote footer{margin-top:30px;display:flex;align-items:center;gap:16px}
.quote footer b{font:400 22px/1 var(--script);font-family:var(--script);font-size:34px;color:var(--gold-d)}
.quote footer span{font:500 11px/1.5 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3)}
.quotes__nav{display:flex;align-items:center;gap:16px;margin-top:44px}
.rbtn{width:56px;height:56px;border-radius:50%;border:1px solid var(--line-2);background:none;display:grid;place-items:center;cursor:pointer;color:var(--ink);transition:background .4s,color .4s,border-color .4s}
.rbtn svg{width:18px;height:18px}
.rbtn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.rbtn--l{border-color:var(--line-l);color:#fff}
.rbtn--l:hover{background:#fff;color:var(--ink);border-color:#fff}
.dots{display:flex;gap:10px;margin-left:12px}
.dots button{width:34px;height:2px;border:0;padding:0;background:var(--line-2);cursor:pointer;position:relative;overflow:hidden}
.dots button.is-on{background:var(--gold)}

/* ---------- 16. Paketler ---------- */
.pk__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:stretch}
.pk{position:relative;display:flex;flex-direction:column;padding:clamp(32px,3.4vw,52px) clamp(26px,2.8vw,44px);background:var(--paper);border:1px solid var(--line)}
.pk--feat{background:var(--night);border-color:var(--night);color:rgba(255,255,255,.75)}
.pk__tag{position:absolute;top:-1px;right:32px;padding:10px 16px;background:var(--gold);color:#fff;font:500 10px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase}
.pk__kicker{font:500 11px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-d)}
.pk--feat .pk__kicker{color:var(--gold-2)}
.pk__name{margin-top:18px;font:400 clamp(34px,3.2vw,48px)/1 var(--serif)}
.pk__name em{font-style:italic;color:var(--gold)}
.pk--feat .pk__name{color:#fff}.pk--feat .pk__name em{color:var(--gold-2)}
.pk__for{margin:16px 0 0;font-size:15.5px;line-height:1.65}
.pk__price{margin:26px 0 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:italic 400 22px/1.2 var(--serif);color:var(--ink)}
.pk__price small{display:block;margin-top:6px;font:400 13px/1.4 var(--sans);font-style:normal;color:var(--ink-3)}
.pk--feat .pk__price{color:#fff;border-color:var(--line-l)}.pk--feat .pk__price small{color:rgba(255,255,255,.55)}
.pk ul{margin:26px 0 34px;display:grid;gap:13px}
.pk li{display:grid;grid-template-columns:20px 1fr;gap:12px;font-size:15.5px;line-height:1.5}
.pk li svg{width:14px;height:14px;margin-top:5px;color:var(--gold)}
.pk li.no{color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--line-2)}
.pk li.no svg{color:var(--ink-3)}
.pk .btn{margin-top:auto}
.pk--feat .btn{border-color:var(--gold);background:var(--gold);color:#fff}
.pk--feat .btn::before{background:#fff}
.pk--feat .btn:hover{color:var(--ink)}

/* ---------- 17. Instagram ---------- */
.ig__head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px;flex-wrap:wrap}
.ig__user{display:flex;align-items:center;gap:22px}
.ig__avatar{width:84px;height:84px;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,var(--gold),var(--blush-2),var(--gold-2),var(--gold))}
.ig__avatar span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--ivory);font:italic 400 34px var(--serif);color:var(--ink)}
.ig__handle{font:400 clamp(30px,3.4vw,48px)/1 var(--serif);color:var(--ink)}
.ig__handle em{font-style:italic;color:var(--gold)}
.ig__stats{display:flex;gap:24px;margin-top:10px;font:500 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.ig__stats b{color:var(--ink);font-weight:600}
.ig__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.ig__grid a{position:relative;aspect-ratio:1;overflow:hidden;display:block;background:var(--sand)}
.ig__grid img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--out)}
.ig__grid a::after{content:"";position:absolute;inset:0;background:rgba(20,17,15,.45);opacity:0;transition:opacity .4s}
.ig__grid a svg{position:absolute;left:50%;top:50%;z-index:2;width:30px;height:30px;color:#fff;transform:translate(-50%,-50%) scale(.6);opacity:0;transition:transform .5s var(--out),opacity .4s}
.ig__grid a:hover img{transform:scale(1.08)}
.ig__grid a:hover::after{opacity:1}
.ig__grid a:hover svg{opacity:1;transform:translate(-50%,-50%) scale(1)}

/* ---------- 18. Tarih / takvim çağrısı ---------- */
.cta{position:relative;overflow:hidden;isolation:isolate;background:var(--night);color:rgba(255,255,255,.78)}
.cta__bg{position:absolute;inset:-10% 0;z-index:-2}
.cta__bg img{width:100%;height:100%;object-fit:cover;opacity:.32}
.cta::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,17,15,.94) 0%,rgba(20,17,15,.7) 55%,rgba(20,17,15,.55) 100%)}
.cta__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,7vw,120px);align-items:center}
.cta h2{color:#fff}
.cta .lead{color:rgba(255,255,255,.8)}
.ig.sec{padding-top:clamp(40px,5vw,80px)}
.cta__list{margin-top:34px;display:grid;gap:14px}
.cta__list li{display:flex;align-items:center;gap:14px;font-size:16px}
.cta__list svg{width:16px;height:16px;color:var(--gold-2)}
.cal{background:var(--paper);color:var(--ink);padding:clamp(22px,2.6vw,34px);box-shadow:0 50px 90px -40px rgba(0,0,0,.65);position:relative}
.cal__title{font:500 11px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-d);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.cal__title svg{width:16px;height:16px}
.cal__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.cal__month{font:400 26px/1 var(--serif);min-width:0}
.cal__month em{font-style:italic;color:var(--gold)}
.cal__nav{display:flex;gap:8px}
.cal__nav button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);background:none;cursor:pointer;display:grid;place-items:center;transition:background .3s,color .3s}
.cal__nav button svg{width:14px;height:14px}
.cal__nav button:hover:not(:disabled){background:var(--ink);color:#fff}
.cal__nav button:disabled{opacity:.3;cursor:not-allowed}
.cal__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.cal__wd{font:500 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);text-align:center;padding:8px 0 10px}
.cal__d{position:relative;aspect-ratio:1;border:0;border-radius:50%;background:none;cursor:pointer;font:500 15px/1 var(--sans);color:var(--ink);transition:background .25s,color .25s;font-variant-numeric:tabular-nums}
.cal__d:hover:not(:disabled){background:var(--sand)}
.cal__d.is-we::after{content:"";position:absolute;left:50%;bottom:16%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--gold)}
.cal__d.is-today{box-shadow:inset 0 0 0 1px var(--gold)}
.cal__d.is-sel{background:var(--ink);color:#fff}
.cal__d.is-sel::after{background:var(--gold-2)}
.cal__d:disabled{color:#cdc3b8;cursor:not-allowed}
.cal__d.is-x{visibility:hidden}
.cal__legend{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12.5px;color:var(--ink-3)}
.cal__legend i{width:6px;height:6px;border-radius:50%;background:var(--gold)}
.cal__foot{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:14px}
.cal__sel{font:italic 400 19px/1.3 var(--serif);color:var(--ink-3);min-height:1.3em}
.cal__sel.has{color:var(--ink)}
.cal--pop{position:absolute;left:0;top:calc(100% + 8px);z-index:30;width:100%;min-width:280px;max-width:360px;padding:20px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .3s,transform .4s var(--out),visibility .3s;box-shadow:0 30px 60px -20px rgba(20,17,15,.35);border:1px solid var(--line)}
.cal--pop.is-open{opacity:1;visibility:visible;transform:none}
.cal--pop .cal__month{font-size:22px}
.cal--pop .cal__d{font-size:14px}

/* ---------- 19. Alt bilgi ---------- */
.ft{background:var(--night);color:rgba(255,255,255,.66);padding-top:clamp(80px,10vw,140px);overflow:hidden;position:relative}
.ft__top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-bottom:clamp(48px,6vw,80px);border-bottom:1px solid var(--line-l)}
.ft__cta{font:400 clamp(40px,5.6vw,92px)/1 var(--serif);color:#fff;letter-spacing:-.015em}
.ft__cta em{font-style:italic;color:var(--gold-2)}
.ft__btns{display:flex;flex-wrap:wrap;gap:12px;flex:none}
.ft__cols{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.2fr);gap:40px;padding:clamp(48px,6vw,80px) 0}
.ft h4{font:500 11px/1.4 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--gold-2);margin-bottom:22px}
.ft__brand .logo{align-items:flex-start;color:#fff}
.ft__brand .logo__top{padding-left:0}
.ft__brand .logo__top::before{display:none}
.ft__brand p{margin-top:22px;font-size:15px;line-height:1.75;max-width:360px}
.ft__links{display:grid;gap:10px;font-size:15px}
.ft__links a{transition:color .3s;display:inline-block}
.ft__links a:hover{color:var(--gold-3)}
.ft__contact{display:grid;gap:16px;font-size:15px}
.ft__contact a,.ft__contact div{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start}
.ft__contact svg{width:17px;height:17px;margin-top:4px;color:var(--gold-2)}
.ft__contact a:hover{color:#fff}
.ft__social{display:flex;gap:10px;margin-top:24px}
.ft__social a{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-l);display:grid;place-items:center;transition:background .4s,border-color .4s,color .4s}
.ft__social a:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.ft__social svg{width:17px;height:17px}
.ft__giant{font:italic 400 clamp(110px,24vw,400px)/.78 var(--serif);color:transparent;-webkit-text-stroke:1px rgba(201,169,121,.42);text-align:center;white-space:nowrap;letter-spacing:-.02em;user-select:none;margin:0 0 -.06em;pointer-events:none}
.ft__bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 30px;padding:24px 0 28px;border-top:1px solid var(--line-l);font-size:13px;position:relative;z-index:1;background:var(--night)}
.ft__bot nav{display:flex;flex-wrap:wrap;gap:8px 22px}
.ft__bot a:hover{color:#fff}

/* ---------- 20. Yüzen öğeler ---------- */
.wa{position:fixed;right:clamp(14px,2vw,26px);bottom:clamp(14px,2vw,26px);z-index:80;display:flex;align-items:center}
.wa__btn{position:relative;width:62px;height:62px;border-radius:50%;background:var(--gold);color:#fff;display:grid;place-items:center;box-shadow:0 18px 40px -12px rgba(20,17,15,.55);transition:background .4s,transform .5s var(--out)}
.wa__btn::before{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid var(--gold);animation:pulse 2.6s var(--out) infinite}
.wa__btn svg{width:28px;height:28px}
.wa:hover .wa__btn{background:var(--ink);transform:scale(1.05)}
.wa__lbl{position:absolute;right:76px;white-space:nowrap;background:var(--paper);color:var(--ink);padding:12px 18px;font:500 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;box-shadow:0 14px 30px -14px rgba(20,17,15,.4);opacity:0;transform:translateX(10px);transition:opacity .4s,transform .5s var(--out);pointer-events:none}
.wa:hover .wa__lbl{opacity:1;transform:none}
.totop{position:fixed;right:clamp(14px,2vw,26px);bottom:calc(clamp(14px,2vw,26px) + 76px);z-index:79;width:48px;height:48px;border-radius:50%;border:1px solid var(--line-2);background:rgba(251,248,244,.9);color:var(--ink);display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .4s,transform .5s var(--out),visibility .4s}
.totop.is-on{opacity:1;visibility:visible;transform:none}
.totop svg{width:16px;height:16px}
.cur{position:fixed;left:0;top:0;z-index:85;pointer-events:none;width:96px;height:96px;margin:-48px 0 0 -48px}
.cur__in{width:100%;height:100%;border-radius:50%;background:rgba(251,248,244,.93);color:var(--ink);display:grid;place-items:center;font:500 10.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;transform:scale(0);transition:transform .45s var(--out);padding-left:.24em}
.cur.is-on .cur__in{transform:scale(1)}
.toasts{position:fixed;top:20px;right:20px;z-index:260;display:grid;gap:10px;width:min(380px,calc(100vw - 40px))}
.toast{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;background:var(--paper);color:var(--ink);padding:16px 18px;border-left:3px solid var(--err);box-shadow:0 20px 40px -18px rgba(20,17,15,.4);font-size:14.5px;line-height:1.5;transform:translateX(calc(100% + 30px));transition:transform .6s var(--out)}
.toast.is-on{transform:none}
.toast svg{width:20px;height:20px;color:var(--err)}
.toast--ok{border-color:var(--gold)}
.toast--ok svg{color:var(--gold)}
.toast b{display:block;font-weight:600}

/* ---------- 21. Işık kutusu & video penceresi ---------- */
.lb{position:fixed;inset:0;z-index:150;background:rgba(14,12,10,.97);color:#fff;display:grid;grid-template-rows:auto minmax(0,1fr) auto;opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s}
.lb.is-open{opacity:1;visibility:visible}
.lb__top{display:flex;justify-content:space-between;align-items:center;padding:16px var(--gut)}
.lb__count{font:500 12px/1 var(--sans);letter-spacing:.24em;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.7)}
.lb__close{width:52px;height:52px;border-radius:50%;border:1px solid var(--line-l);background:none;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .3s,color .3s}
.lb__close:hover{background:#fff;color:var(--ink)}
.lb__close svg{width:18px;height:18px}
.lb__stage{position:relative;display:grid;place-items:center;min-height:0;padding:0 clamp(12px,7vw,110px)}
.lb__img{max-width:100%;max-height:calc(100vh - 170px);max-height:calc(100svh - 170px);width:auto;height:auto;object-fit:contain;opacity:0;transform:scale(.98);transition:opacity .45s,transform .6s var(--out)}
.lb__img.is-on{opacity:1;transform:none}
.lb__prev,.lb__next{position:absolute;top:50%;margin-top:-28px}
.lb__prev{left:clamp(10px,2vw,32px)}.lb__next{right:clamp(10px,2vw,32px)}
.lb__cap{padding:16px var(--gut) 22px;text-align:center;font:italic 400 17px/1.4 var(--serif);color:rgba(255,255,255,.78);min-height:62px}
.vm{position:fixed;inset:0;z-index:150;background:rgba(14,12,10,.96);display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s}
.vm.is-open{opacity:1;visibility:visible}
.vm__box{width:min(1200px,100%);aspect-ratio:16/9;background:#000;position:relative}
.vm__box video{width:100%;height:100%;object-fit:contain}
.vm .lb__close{position:absolute;top:16px;right:16px}

/* ---------- 22. İç sayfa blokları ---------- */
/* zikzak satır */
.zz{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding:clamp(48px,7vw,104px) 0;border-top:1px solid var(--line)}
.zz:first-child{border-top:0;padding-top:0}
.zz__img{grid-column:1/8;position:relative;aspect-ratio:4/3;overflow:hidden;display:block}
.zz__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--out)}
.zz__img:hover img{transform:scale(1.04)}
.zz__txt{grid-column:9/13}
.zz--r .zz__img{grid-column:6/13;order:2}
.zz--r .zz__txt{grid-column:1/5;order:1}
.zz__n{font:italic 400 20px/1 var(--serif);color:var(--gold)}
.zz__title{margin-top:16px;font:400 clamp(34px,3.6vw,56px)/1.03 var(--serif)}
.zz__title em{font-style:italic;color:var(--gold)}
.zz__txt p{margin-top:20px}
.zz__tags{display:flex;flex-wrap:wrap;gap:8px 18px;margin:24px 0 30px;font:500 10.5px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-d)}
.zz__tags li{display:flex;align-items:center;gap:8px}
.zz__tags svg{width:8px;height:8px}
.zz__img--arch{border-radius:999px 999px 0 0;aspect-ratio:4/5}
.zz--arch .zz__img{grid-column:2/7}
.zz--arch.zz--r .zz__img{grid-column:7/12}
.zz--arch .zz__txt{grid-column:8/12}
.zz--arch.zz--r .zz__txt{grid-column:2/6}

/* hizmet atlama çubuğu */
.jump{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:clamp(40px,5vw,72px)}
.jump a{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 20px;border:1px solid var(--line-2);font:500 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;transition:background .3s,color .3s,border-color .3s}
.jump a span{font:italic 400 13px var(--serif);color:var(--gold);letter-spacing:0}
.jump a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}

/* iki sütun yazı */
.cols2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,100px)}
.big-lead{font:400 clamp(26px,2.6vw,40px)/1.3 var(--serif);color:var(--ink)}
.big-lead em{font-style:italic;color:var(--gold)}
.bg-night .big-lead{color:#fff}

/* neler dahil */
.inc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(30px,5vw,80px);border-top:1px solid var(--line)}
.inc li{display:grid;grid-template-columns:28px 1fr;gap:14px;padding:22px 0;border-bottom:1px solid var(--line)}
.inc svg{width:16px;height:16px;margin-top:6px;color:var(--gold)}
.inc b{display:block;font:400 21px/1.3 var(--serif);color:var(--ink)}
.inc span{display:block;margin-top:4px;font-size:15px;line-height:1.6;color:var(--ink-3)}
.bg-night .inc,.bg-night .inc li{border-color:var(--line-l)}
.bg-night .inc b{color:#fff}
.bg-night .inc span{color:rgba(255,255,255,.62)}

/* üçlü / ikili galeri */
.g3{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(8px,1vw,16px)}
.g3>a,.g2>a,.g4>a{position:relative;display:block;overflow:hidden;background:var(--sand)}
.g3>a{aspect-ratio:3/4}
.g3>a:first-child{aspect-ratio:auto}
.g3 img,.g2 img,.g4 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--out)}
.g3>a:hover img,.g2>a:hover img,.g4>a:hover img{transform:scale(1.05)}
.g2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(8px,1vw,16px)}
.g2>a{aspect-ratio:4/5}
.g2--l>a{aspect-ratio:3/2}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1vw,16px)}
.g4>a{aspect-ratio:3/4}

/* SSS akordiyon */
.acc{border-top:1px solid var(--line)}
.acc__item{border-bottom:1px solid var(--line)}
.acc__q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;background:none;border:0;text-align:left;cursor:pointer;font:400 clamp(19px,1.7vw,24px)/1.35 var(--serif);color:var(--ink);transition:color .3s}
.acc__q:hover{color:var(--gold-d)}
.acc__i{position:relative;width:40px;height:40px;flex:none;border-radius:50%;border:1px solid var(--line-2);transition:background .4s,border-color .4s,transform .5s var(--out)}
.acc__i::before,.acc__i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1px;margin:-.5px 0 0 -6px;background:currentColor;transition:transform .5s var(--out)}
.acc__i::after{transform:rotate(90deg)}
.acc__item.is-open .acc__i{background:var(--ink);border-color:var(--ink);color:#fff;transform:rotate(180deg)}
.acc__item.is-open .acc__i::after{transform:rotate(0)}
.acc__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--out)}
.acc__item.is-open .acc__a{grid-template-rows:1fr}
.acc__a>div{overflow:hidden}
.acc__a p{margin:0;padding:0 64px 28px 0;font-size:16px;line-height:1.75}
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,100px);align-items:start}
.faq-grid .st{position:sticky;top:calc(var(--hdr) + 30px)}
.faq-cat{margin-bottom:clamp(40px,5vw,72px)}
.faq-cat h3{display:flex;align-items:baseline;gap:14px;margin-bottom:18px;font:400 clamp(26px,2.4vw,34px)/1.1 var(--serif)}
.faq-cat h3 span{font:italic 400 16px var(--serif);color:var(--gold)}

/* diğer hizmetler kartları */
.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
.card{display:block;position:relative}
.card__img{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--sand)}
.card__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--out)}
.card:hover .card__img img{transform:scale(1.06)}
.card__n{position:absolute;top:18px;left:18px;z-index:2;font:italic 400 16px var(--serif);color:#fff}
.card__t{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;font:400 clamp(22px,2vw,28px)/1.2 var(--serif);color:var(--ink)}
.card__t svg{width:18px;height:18px;flex:none;transition:transform .5s var(--out)}
.card:hover .card__t svg{transform:translate(4px,-4px)}
.card__d{margin:8px 0 0;font-size:15px;line-height:1.6;color:var(--ink-3)}
.bg-night .card__t{color:#fff}

/* bilgi satırı (künye) */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.facts div{padding:26px 24px 26px 0}
.facts div+div{padding-left:24px;border-left:1px solid var(--line)}
.facts span{display:block;font:500 10.5px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-d)}
.facts b{display:block;margin-top:10px;font:400 22px/1.25 var(--serif);color:var(--ink)}

/* portfolyo filtre + masonry */
.flt{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 30px;margin-bottom:clamp(36px,4vw,56px)}
.flt button{position:relative;background:none;border:0;padding:10px 0;cursor:pointer;font:500 12px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);transition:color .3s}
.flt button sup{font:italic 400 12px var(--serif);letter-spacing:0;color:var(--gold);margin-left:4px}
.flt button::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--ink);transform:scaleX(0);transition:transform .5s var(--out)}
.flt button:hover,.flt button.is-on{color:var(--ink)}
.flt button.is-on::after{transform:scaleX(1)}
.msn{columns:3 300px;column-gap:clamp(8px,1vw,16px)}
.msn__it{display:block;position:relative;overflow:hidden;margin-bottom:clamp(8px,1vw,16px);break-inside:avoid;background:var(--sand)}
.msn__it img{width:100%;transition:transform 1.4s var(--out)}
.msn__it:hover img{transform:scale(1.05)}
.msn__it figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;color:#fff;font:italic 400 17px/1.3 var(--serif);background:linear-gradient(0deg,rgba(20,17,15,.7),transparent);opacity:0;transform:translateY(10px);transition:opacity .4s,transform .5s var(--out)}
.msn__it:hover figcaption{opacity:1;transform:none}
.msn__it.is-hide{display:none}
.msn__it.is-pop{animation:pop .7s var(--out)}
@keyframes pop{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

/* hikâye listesi */
.sl{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;padding:clamp(56px,7vw,110px) 0;border-top:1px solid var(--line)}
.sl:first-child{border-top:0;padding-top:0}
.sl__media{grid-column:1/8;position:relative;padding-bottom:8%}
.sl__main{display:block;aspect-ratio:3/2;overflow:hidden;position:relative}
.sl__main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--out)}
.sl:hover .sl__main img{transform:scale(1.04)}
.sl__sub{position:absolute;right:-8%;bottom:0;width:34%;aspect-ratio:4/5;overflow:hidden;border:8px solid var(--ivory)}
.sl__sub img{width:100%;height:100%;object-fit:cover}
.sl__txt{grid-column:9/13}
.sl--r .sl__media{grid-column:6/13;order:2}
.sl--r .sl__sub{right:auto;left:-8%}
.sl--r .sl__txt{grid-column:1/5;order:1}
.sl__n{font:italic 400 clamp(56px,6vw,96px)/.8 var(--serif);color:var(--gold)}
.sl__meta{margin-top:24px;font:500 11px/1.6 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-d)}
.sl__title{margin-top:12px;font:400 clamp(36px,4vw,64px)/1 var(--serif)}
.sl__title em{font-style:italic;color:var(--gold)}
.sl__txt p{margin-top:20px}

/* hikâye detayı */
.dropcap::first-letter{float:left;font:400 5.4em/.78 var(--serif);color:var(--gold);margin:.08em .12em 0 0}
.st-text{max-width:780px;margin:0 auto;font-size:18px;line-height:1.85}
.st-text p+p{margin-top:0}
.st-full{position:relative;height:92vh;height:92svh;min-height:520px;overflow:hidden;background:var(--night)}
.st-full>a{position:absolute;inset:0;display:block}
.st-full img{position:absolute;left:0;right:0;top:-10%;width:100%;height:120%;object-fit:cover}
.st-full--top img{object-position:center 20%}
.st-quote{text-align:center;max-width:980px;margin:0 auto}
.st-quote p{margin:0;font:italic 400 clamp(28px,3.6vw,56px)/1.25 var(--serif);color:var(--ink)}
.st-quote cite{display:block;margin-top:24px;font:400 34px/1 var(--script);font-style:normal;color:var(--gold-d)}
.st-off{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
.st-off>a{position:relative;overflow:hidden;display:block}
.st-off>a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--out)}
.st-off>a:hover img{transform:scale(1.05)}
.st-off>a:nth-child(1){grid-column:1/8;aspect-ratio:4/5}
.st-off>a:nth-child(2){grid-column:8/13;aspect-ratio:4/5;margin-bottom:18%}
.st-off--r>a:nth-child(1){grid-column:1/6;margin-bottom:18%}
.st-off--r>a:nth-child(2){grid-column:6/13;margin-bottom:0}
.st-next{position:relative;display:block;min-height:76vh;overflow:hidden;color:#fff;isolation:isolate;background:var(--night)}
.st-next img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 2s var(--out)}
.st-next::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(20,17,15,.55);transition:background .6s}
.st-next:hover img{transform:scale(1.05)}
.st-next:hover::after{background:rgba(20,17,15,.4)}
.st-next__c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px var(--gut)}
.st-next__c b{margin-top:22px;font:400 clamp(50px,8vw,130px)/.95 var(--serif);color:#fff}
.st-next__c b em{font-style:italic;color:var(--gold-3)}
.st-next__c .lnk{margin-top:34px}

/* karşılaştırma tablosu */
.cmp-wrap{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);background:var(--paper)}
.cmp{width:100%;min-width:760px;border-collapse:collapse;font-size:15.5px}
.cmp th,.cmp td{padding:18px 22px;text-align:center;border-bottom:1px solid var(--line)}
.cmp thead th{font:400 24px/1.1 var(--serif);color:var(--ink);padding:28px 22px;vertical-align:bottom}
.cmp thead th small{display:block;margin-bottom:8px;font:500 10px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-d)}
.cmp thead th.is-feat{background:var(--night);color:#fff}
.cmp thead th.is-feat small{color:var(--gold-2)}
.cmp tbody th{text-align:left;font-weight:400;color:var(--ink)}
.cmp td.is-feat{background:rgba(168,131,79,.07)}
.cmp svg{width:16px;height:16px;margin:0 auto;color:var(--gold)}
.cmp .x{color:var(--ink-3)}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0}
.cmp tbody tr:hover th,.cmp tbody tr:hover td{background:rgba(237,227,214,.5)}

/* ek hizmetler */
.ext{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ext li{padding:clamp(24px,2.6vw,38px);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .4s}
.ext li:hover{background:var(--paper)}
.ext b{display:block;font:400 23px/1.2 var(--serif);color:var(--ink)}
.ext span{display:block;margin-top:10px;font-size:15px;line-height:1.65;color:var(--ink-3)}
.ext i{display:block;font:italic 400 15px var(--serif);color:var(--gold);margin-bottom:14px}

/* hizmet bölgeleri */
.areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,3vw,48px);border-top:1px solid var(--line);align-self:center}
.areas li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);font:400 clamp(20px,1.8vw,26px)/1.2 var(--serif);color:var(--ink)}
.areas li span{font:500 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}

/* ilkeler */
.prin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px)}
.prin li{border-top:1px solid var(--line-l);padding-top:30px}
.prin b{display:block;font:italic 400 clamp(56px,5.4vw,84px)/.9 var(--serif);color:var(--gold-2)}
.prin h3{margin-top:26px;font:400 clamp(26px,2.4vw,34px)/1.15 var(--serif)}
.prin p{margin-top:14px;font-size:16px;line-height:1.75}

/* ekip rolleri */
.team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
.team figure{margin:0}
.team__img{aspect-ratio:3/4;overflow:hidden;position:relative;background:var(--sand)}
.team__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.35);transition:filter .6s,transform 1.4s var(--out)}
.team figure:hover .team__img img{filter:none;transform:scale(1.04)}
.team figcaption{margin-top:18px}
.team figcaption b{display:block;font:400 24px/1.2 var(--serif);color:var(--ink)}
.team figcaption span{display:block;margin-top:6px;font-size:15px;line-height:1.6;color:var(--ink-3)}

/* iletişim */
.cc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:clamp(60px,8vw,120px)}
.cc>*{display:flex;flex-direction:column;padding:clamp(24px,2.4vw,36px);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .4s;min-height:220px}
.cc>a:hover{background:var(--paper)}
.cc svg{width:24px;height:24px;color:var(--gold)}
.cc span{margin-top:auto;padding-top:30px;font:500 10.5px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3)}
.cc b{display:block;margin-top:8px;font:400 23px/1.25 var(--serif);color:var(--ink)}
.cc small{display:block;margin-top:6px;font-size:14px;color:var(--ink-3)}
.contact-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,6vw,110px);align-items:start}
.map{position:relative;aspect-ratio:4/3.4;overflow:hidden;background:var(--sand);margin-top:40px;border:1px solid var(--line)}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.05) sepia(.15);transition:filter .6s}
.map:hover iframe{filter:none}
.hours{margin-top:30px;display:grid;gap:0;border-top:1px solid var(--line)}
.hours li{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15.5px}
.hours li b{font-weight:500;color:var(--ink)}

/* form */
.frm{background:var(--paper);border:1px solid var(--line);padding:clamp(26px,4vw,60px)}
.frm__title{font:400 clamp(30px,3vw,44px)/1.1 var(--serif);color:var(--ink)}
.frm__title em{font-style:italic;color:var(--gold)}
.frm__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 26px;margin-top:36px}
.fld{position:relative;display:flex;flex-direction:column;min-width:0}
.fld--w{grid-column:1/-1}
.fld label,.fld .fld__l{font:500 10.5px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}
.fld label b,.fld .fld__l b{color:var(--gold);font-weight:500}
.fld input,.fld textarea,.sel__btn{width:100%;border:0;border-bottom:1px solid var(--line-2);background:transparent;padding:10px 0 12px;font:400 17px/1.4 var(--sans);color:var(--ink);border-radius:0;transition:border-color .3s;outline:0}
.fld textarea{resize:vertical;min-height:120px;line-height:1.6}
.fld input::placeholder,.fld textarea::placeholder{color:#b1a598}
.fld input:focus,.fld textarea:focus,.sel.is-open .sel__btn,.sel__btn:focus-visible{border-color:var(--gold)}
.fld__bar{position:absolute;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--out)}
.fld__err{display:none;margin-top:8px;font-size:13px;color:var(--err)}
.fld.is-err input,.fld.is-err textarea,.fld.is-err .sel__btn{border-color:var(--err)}
.fld.is-err .fld__err{display:block}
.frm__foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:36px}
.frm__note{margin:0;font-size:13.5px;line-height:1.6;color:var(--ink-3);max-width:360px}
.frm__note a{text-decoration:underline;text-underline-offset:3px}
.sel{position:relative}
.sel__btn{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;cursor:pointer}
.sel__btn .is-ph{color:#b1a598}
.sel__btn svg{width:12px;height:12px;flex:none;transition:transform .4s}
.sel.is-open .sel__btn svg{transform:rotate(180deg)}
.sel__list{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;background:var(--paper);border:1px solid var(--line);box-shadow:0 30px 60px -20px rgba(20,17,15,.35);padding:8px;max-height:300px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .3s,transform .4s var(--out),visibility .3s}
.sel.is-open .sel__list{opacity:1;visibility:visible;transform:none}
.sel__opt{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;border:0;background:none;text-align:left;cursor:pointer;font:400 16px/1.3 var(--sans);color:var(--ink);transition:background .2s}
.sel__opt:hover,.sel__opt.is-act{background:var(--sand)}
.sel__opt svg{width:14px;height:14px;color:var(--gold);opacity:0}
.sel__opt[aria-selected="true"] svg{opacity:1}
.date-in{cursor:pointer}

/* blog / rehber */
.bl-feat{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center;margin-bottom:clamp(60px,8vw,110px)}
.bl-feat__img{display:block;position:relative;aspect-ratio:4/3;overflow:hidden}
.bl-feat__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--out)}
.bl-feat:hover .bl-feat__img img{transform:scale(1.04)}
.bl-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font:500 10.5px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-d)}
.bl-meta span+span::before{content:"·";margin-right:18px;color:var(--ink-3)}
.bl-title{margin-top:16px;font:400 clamp(30px,3.4vw,52px)/1.08 var(--serif);color:var(--ink)}
.bl-title em{font-style:italic;color:var(--gold)}
.bl-feat p{margin-top:20px}
.bl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,4vw,60px)}
.bl-card__img{display:block;position:relative;aspect-ratio:3/2;overflow:hidden;margin-bottom:24px}
.bl-card__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--out)}
.bl-card:hover .bl-card__img img{transform:scale(1.05)}
.bl-card .bl-title{font-size:clamp(26px,2.4vw,36px)}
.bl-card p{margin-top:14px;font-size:16px}

.prose{max-width:760px;margin:0 auto;font-size:18px;line-height:1.85}
.prose>p:first-child{font:400 clamp(22px,2vw,28px)/1.55 var(--serif);color:var(--ink)}
.prose h2{margin:2em 0 .7em;font:400 clamp(30px,2.8vw,42px)/1.15 var(--serif)}
.prose h2 em{font-style:italic;color:var(--gold)}
.prose h3{margin:1.8em 0 .6em;font:400 26px/1.25 var(--serif)}
.prose p{margin:0 0 1.25em}
.prose ul,.prose ol{margin:0 0 1.4em;display:grid;gap:10px}
.prose ul li{position:relative;padding-left:28px}
.prose ul li::before{content:"";position:absolute;left:4px;top:.75em;width:8px;height:8px;border:1px solid var(--gold);transform:rotate(45deg)}
.prose ol{counter-reset:o}
.prose ol li{counter-increment:o;position:relative;padding-left:44px}
.prose ol li::before{content:counter(o,decimal-leading-zero);position:absolute;left:0;top:0;font:italic 400 18px/1.8 var(--serif);color:var(--gold)}
.prose strong{color:var(--ink);font-weight:500}
.prose a{color:var(--gold-d);text-decoration:underline;text-underline-offset:3px}
.prose blockquote{margin:2em 0;padding:8px 0 8px 30px;border-left:1px solid var(--gold);font:italic 400 clamp(22px,2vw,28px)/1.45 var(--serif);color:var(--ink)}
.prose figure{margin:2.4em 0}
.prose figure a{display:block;position:relative;aspect-ratio:3/2;overflow:hidden}
.prose figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.prose figcaption{margin-top:12px;font:italic 400 15px/1.5 var(--serif);color:var(--ink-3);text-align:center}
.tip{margin:2em 0;padding:28px 30px;background:var(--blush);font-size:16.5px;line-height:1.7}
.tip b{display:block;margin-bottom:8px;font:500 11px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-d)}
.share{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;max-width:760px;margin:56px auto 0;padding-top:28px;border-top:1px solid var(--line)}
.share div{display:flex;gap:10px}

/* 404 */
.nf{min-height:100vh;min-height:100svh;display:grid;place-items:center;text-align:center;background:var(--night);color:rgba(255,255,255,.75);position:relative;overflow:hidden;isolation:isolate;padding:120px var(--gut) 80px}
.nf__bg{position:absolute;inset:0;z-index:-1;opacity:.22}
.nf__bg img{width:100%;height:100%;object-fit:cover}
.nf__n{font:italic 400 clamp(140px,26vw,360px)/.8 var(--serif);color:transparent;-webkit-text-stroke:1px var(--gold-2)}
.nf .script{font-size:clamp(44px,6vw,72px);margin-top:-.3em;color:var(--gold-3)}
.nf p{max-width:520px;margin:26px auto 34px}
.nf .btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

/* ---------- 23. Animasyonsuz mod ---------- */
.noanim *,.noanim *::before,.noanim *::after{animation-duration:0s!important;animation-delay:0s!important;transition-duration:0s!important;transition-delay:0s!important}
.noanim [data-r],.noanim [data-r]>*{opacity:1!important;transform:none!important;clip-path:none!important}
.noanim [data-r] img,.noanim .lines>span>span{transform:none!important}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js [data-r],.js [data-r="img"]>*{opacity:1!important;transform:none!important;clip-path:none!important}
  .js .lines>span>span,.js [data-r] img{transform:none!important}
}

/* ---------- 24. Duyarlı düzen ---------- */
@media (max-width:1380px){
  .nav__a{letter-spacing:.15em;font-size:11.5px}
  .nav{padding-right:24px}
  .nav--r{padding-right:0;padding-left:24px}
}
@media (max-width:1240px){
  .nav{display:none}
  .burger{display:block}
  .hdr__in{grid-template-columns:48px 1fr 48px}
  .hdr__in .logo{grid-column:2}
  .hdr__in .burger{grid-column:3}
}
@media (max-width:1100px){
  .ft__cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cc{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
  :root{--hdr:76px}
  .head-row,.cols2,.faq-grid,.contact-grid,.bl-feat,.cta__grid,.quotes__grid{grid-template-columns:minmax(0,1fr)}
  .faq-grid .st{position:static}
  .intro__text,.intro__media{grid-column:1/-1}
  .intro__media{width:min(560px,82%);margin:30px 0 0 auto}
  .svc__row{grid-template-columns:44px minmax(0,1fr) 50px;gap:18px;margin:0 -14px;padding:24px 14px}
  .svc__desc{grid-column:2;grid-row:2}
  .svc__arr{grid-row:1/3;grid-column:3;width:50px;height:50px}
  .flt-img{display:none}
  .stk__card{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:min(84vh,760px);min-height:0}
  .stk__n{display:none}
  .stk__body{padding:24px}
  .stk__body p{display:none}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:64px}
  .steps__line{display:none}
  .step::before{display:none}
  .step{border-top:1px solid var(--gold);padding-top:26px}
  .pk__grid{grid-template-columns:minmax(0,1fr);max-width:620px;margin:0 auto}
  .ig__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .zz,.sl{grid-template-columns:minmax(0,1fr);gap:32px}
  .zz__img,.zz__txt,.zz--r .zz__img,.zz--r .zz__txt,.zz--arch .zz__img,.zz--arch .zz__txt,.zz--arch.zz--r .zz__img,.zz--arch.zz--r .zz__txt{grid-column:1/-1;order:0}
  .zz--arch .zz__img{width:min(480px,86%)}
  .sl__media,.sl__txt,.sl--r .sl__media,.sl--r .sl__txt{grid-column:1/-1;order:0}
  .sl__sub,.sl--r .sl__sub{right:0;left:auto}
  .sl__media{padding-bottom:14%}
  .cards3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prin{grid-template-columns:minmax(0,1fr)}
  .ext{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts div:nth-child(3){padding-left:0;border-left:0}
  .facts div:nth-child(n+3){border-top:1px solid var(--line)}
  .areas li{flex-basis:50%}
  .ph__row,.hero__row{flex-direction:column;align-items:flex-start;gap:26px}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .film__frame{aspect-ratio:16/10}
}
@media (max-width:760px){
  body{font-size:16px}
  .hero__panels{grid-template-columns:minmax(0,1fr)}
  .hero__panel:nth-child(1),.hero__panel:nth-child(3){display:none}
  .hero::after{background:linear-gradient(180deg,rgba(20,17,15,.5) 0%,rgba(20,17,15,.08) 16%,rgba(20,17,15,.3) 34%,rgba(20,17,15,.82) 56%,rgba(20,17,15,.95) 100%)}
  .hero__c{bottom:84px}
  .hero__title{font-size:clamp(44px,12.5vw,60px)}
  .hero__row{margin-top:22px;gap:22px}
  .hero__bar .wrap{grid-template-columns:1fr;height:60px;padding-right:var(--gut)}
  .hero__scroll,.hero__cap,.hero__ig{display:none}
  .hero__btns{width:100%;flex-wrap:nowrap}
  .hero__btns .btn{flex:1 1 0;min-width:0;padding:0 12px;letter-spacing:.14em;font-size:11px;min-height:52px}
  .hero__btns .btn svg{display:none}
  .ph{height:auto;min-height:78svh}
  .ph__meta{gap:18px;flex-wrap:wrap}
  .ft__top{flex-direction:column;align-items:flex-start}
  .ft__cols{grid-template-columns:minmax(0,1fr)}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:46vw}
  .mosaic>a{grid-column:auto!important;grid-row:auto!important}
  .mosaic>.m1,.mosaic>.m4{grid-row:span 2!important}
  .film__feats{grid-template-columns:minmax(0,1fr)}
  .film__feat,.film__feat+.film__feat{padding:24px 0;border-left:0;border-bottom:1px solid var(--line-l)}
  .steps{grid-template-columns:minmax(0,1fr);row-gap:44px}
  .frm__grid{grid-template-columns:minmax(0,1fr)}
  .cc{grid-template-columns:minmax(0,1fr)}
  .cc>*{min-height:0}
  .cards3,.team,.bl-grid,.ext{grid-template-columns:minmax(0,1fr)}
  .g3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .g3>a:first-child{grid-column:1/-1;aspect-ratio:4/3}
  .inc{grid-template-columns:minmax(0,1fr)}
  .areas li{flex-basis:100%}
  .st-off>a:nth-child(1),.st-off>a:nth-child(2),.st-off--r>a:nth-child(1),.st-off--r>a:nth-child(2){grid-column:1/-1;margin-bottom:0}
  .st-full{height:70svh}
  .acc__a p{padding-right:0}
  .stk__card{height:min(80svh,680px)}
  .stk__img figcaption{left:14px;top:14px}
  .stk__foot{margin-top:18px;padding-top:16px}
  .stk__thumbs{display:none}
  .quotes__imgs{width:min(420px,100%)}
  .lb__stage{padding:0 8px}
  .lb__prev,.lb__next{top:auto;bottom:-70px;margin:0}
  .lb__prev{left:var(--gut)}.lb__next{right:var(--gut)}
  .lb__cap{padding:16px 90px 22px}
  .wa__lbl{display:none}
  .cur{display:none}
  .ph__title,.hero__title{word-break:normal;overflow-wrap:break-word}
}
@media (max-width:480px){
  .intro__media{width:88%}
  .intro__img2{left:-14%;width:50%}
  .rot{right:-4%;top:-8%}
  .stat b{font-size:32px}
  .cal{padding:18px}
  .cal__d{font-size:14px}
  .ig__head{align-items:flex-start}
}
@media (hover:none){
  .cur,.flt-img{display:none}
}