/* Nest · Web v2 — CRM kimliği (gece laciverti, altın) + nestgyo.com tipografisi (Manrope gövde/başlık, Poppins menü/etiket); cam ve parlama yok × casamomo grameri (tek ağırlık, sabit ölçek, sahne ritmi). Ayrıntı: DESIGN.md */
:root{
  --night:#071A30; --night-deep:#040A14; --night-2:#0C2440; --night-3:#12304F;
  --sand:#EFE9DC; --sand-2:#E4DCCB; --ink:#0B1626;
  --gold:#C9A23A; --gold-hi:#EBCB6E; --azure:#2F8FD8; --live:#2ECC71;
  /* Açık tema varsayılan (G 2026-11-03): fildişi zemin, gece laciverti metin. Koyu yalnız vurgu: .dark */
  --bg:#F7F3EC; --bg-2:#EFE8DA; --surface:#FFFFFF;
  --fg:#0B1626; --fg-2:rgba(11,22,38,.66); --fg-3:rgba(11,22,38,.44);
  --line:rgba(11,22,38,.12); --glass:rgba(11,22,38,.04); --glass-line:rgba(11,22,38,.12);
  --accent:#8A6A12; --bar:rgba(247,243,236,.96); --bar-2:rgba(247,243,236,.86);
  --f-display:"Manrope","Helvetica Neue",Arial,sans-serif;
  --f-sans:"Manrope","Helvetica Neue",Arial,sans-serif;
  --f-ui:"Poppins","Manrope",Arial,sans-serif; /* nestgyo.com menü fontu: menü, buton, etiket */
  --f-air:"Manrope","Helvetica Neue",Arial,sans-serif; /* Ege hayali başlığı: ince Manrope */
  --f-mark:"Jost","Futura","Century Gothic",sans-serif; /* logodaki ince geometrik harfe en yakın açık font; yayında logo SVG'si gelir */
  /* casamomo ölçeği, 1440px'te birebir */
  --t-ui:15px; --t-card:21px; --t-h3:28px;
  --t-h2:clamp(44px,5vw,72px); --t-st:clamp(38px,6.95vw,100px); --t-hello:clamp(52px,9.3vw,134px); --t-mark:clamp(64px,12.4vw,178px);
  --g:clamp(16px,2.6vw,40px); --r:16px; --r-lg:22px;
  --ease:cubic-bezier(.22,.7,.12,1);
  color-scheme:light;
}
/* Koyu vurgu kapsamı: bölüm ve menü için */
.dark,.nav.on-dark{
  --bg:#040A14; --bg-2:#071A30; --surface:#071A30;
  --fg:#EFE9DC; --fg-2:rgba(239,233,220,.66); --fg-3:rgba(239,233,220,.4);
  --line:rgba(239,233,220,.12); --glass:rgba(255,255,255,.045); --glass-line:rgba(255,255,255,.09);
  --accent:#EBCB6E; --bar:rgba(4,10,20,.98); --bar-2:rgba(4,10,20,.9);
  color-scheme:dark;color:var(--fg)}
:where(section.dark,div.dark){background:var(--bg)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:400 var(--t-ui)/1.5 var(--f-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
b,strong{font-weight:600}
:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pad{padding-left:var(--g);padding-right:var(--g)}
.num{font-variant-numeric:tabular-nums}

/* CRM etiket: altın çizgi + büyük harf */
.label{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2)}
.label::before{content:"";width:3px;height:14px;border-radius:2px;background:linear-gradient(var(--gold-hi),var(--gold))}
/* CRM durum noktası */
.live{display:inline-flex;align-items:center;gap:8px}
.live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px rgba(46,204,113,.18);animation:pulse 2.4s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(46,204,113,0)}}
/* çip */
.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:8px;background:var(--glass);border:1px solid var(--glass-line);font-size:13px;color:var(--fg);white-space:nowrap}
.chip svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.4;opacity:.75}
.chip.done{background:rgba(11,22,38,.06);border-color:rgba(11,22,38,.14);color:var(--fg-2)}
.chip.done::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--fg-3)}
.chip.dark.done{background:rgba(4,10,20,.55);color:rgba(239,233,220,.85);border-color:rgba(255,255,255,.12)}
.vt-item .chip.done{justify-self:start;margin-bottom:-4px}
.chip.dark{background:rgba(4,10,20,.78);color:#EFE9DC;border-color:rgba(255,255,255,.12)}
.count{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 10px;border-radius:8px;background:var(--glass);border:1px solid var(--glass-line);font-size:13px}
.count i{font-style:normal;color:var(--accent)}
/* altın birincil buton (CRM "Giriş Yap") */
.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 24px;border-radius:12px;border:0;cursor:pointer;
  background:var(--gold);color:#1A1405;font:500 15px var(--f-sans);}
.btn-gold:hover{filter:brightness(1.06)}
.btn-line{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--glass-line);background:var(--glass);font-size:15px}
.btn-line:hover{border-color:var(--gold)}

/* harf yuvarlama (casamomo) */
.roll{position:relative;display:inline-flex;overflow:hidden;vertical-align:bottom}
.roll>span{display:block;transition:transform .5s var(--ease)}
.roll>span+span{position:absolute;inset:100% 0 auto}
a:hover .roll>span{transform:translateY(-100%)}

/* ---------- NAV ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:20px calc(var(--g) + 10px);pointer-events:none}
.nav>*{pointer-events:auto}
.nav::before{content:"";position:absolute;inset:0 0 -24px;z-index:-1;background:linear-gradient(180deg,var(--bar) 0%,var(--bar-2) 65%,transparent 100%);opacity:0;transition:opacity .4s}
.nav.solid::before{opacity:1}
.lockup{display:inline-flex;flex-direction:column;align-items:center;line-height:1;gap:2px}
.lockup img{height:30px;width:auto;filter:brightness(0) saturate(100%) invert(9%) sepia(22%) saturate(2300%) hue-rotate(190deg);transition:filter .4s}
.nav.on-dark .lockup img{filter:none}
.lockup span{font-size:9px;letter-spacing:.42em;margin-right:-.42em;color:var(--fg-2)}
.menu{display:flex;align-items:center;gap:2px;padding:4px;border-radius:12px;background:var(--bar-2);border:1px solid var(--glass-line)}
.menu a{height:34px;display:inline-flex;align-items:center;padding:0 12px;border-radius:8px;font-size:14px;color:var(--fg)}
.menu a:hover{background:var(--glass)}
.menu .lang{font-size:12px;color:var(--fg-3);padding:0 10px}
.menu .lang b{color:var(--fg)}
.menu a.cta{background:var(--gold);color:#1A1405;font-weight:500}
/* Danışman rozeti: saat içi lacivert sonar halka (yeşil nokta değil), mesai dışı ince saat ikonu */
.menu a.cta-live{display:inline-flex;align-items:center;gap:9px;padding-left:12px}
.menu a.cta-live .sig{position:relative;width:14px;height:14px;flex:0 0 auto;display:none}
.menu a.cta-live .sig::before,.menu a.cta-live .sig::after{content:"";position:absolute;inset:0;border-radius:50%}
.menu a.cta-live .sig::before{inset:4px;background:#1A1405}
.menu a.cta-live .sig::after{border:1px solid rgba(26,20,5,.7);animation:sonar 2.6s cubic-bezier(.2,.6,.3,1) infinite}
.menu a.cta-live .clk{width:15px;height:15px;stroke:#1A1405;fill:none;stroke-width:1.5;stroke-linecap:round;flex:0 0 auto;display:none}
.menu a.cta-live.on .sig{display:block}
.menu a.cta-live:not(.on) .clk{display:block}
.menu a.cta-live:not(.on){background:transparent;color:var(--fg);border:1px solid var(--line)}
.nav.on-dark .menu a.cta-live:not(.on){color:#EFE9DC;border-color:rgba(239,233,220,.3)}
.nav.on-dark .menu a.cta-live:not(.on) .clk{stroke:#EFE9DC}
@keyframes sonar{0%{transform:scale(.55);opacity:.9}70%{transform:scale(1.25);opacity:0}100%{transform:scale(1.25);opacity:0}}
@media (prefers-reduced-motion:reduce){.menu a.cta-live .sig::after{animation:none;transform:none;opacity:.6}}
@media (max-width:820px){.menu a:not(.cta),.menu .lang{display:none}}

/* ---------- HERO (casamomo: çerçeveli tam ekran) ---------- */
.hero{height:100svh;min-height:600px;padding:10px;background:transparent}
.hero .frame{position:relative;height:100%;border-radius:var(--r-lg);overflow:hidden;isolation:isolate;background:var(--night)}
.hero .frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.1);animation:kb 22s var(--ease) forwards}
@keyframes kb{to{transform:scale(1)}}
/* Okunurluk: gökyüzünü üstte alacakaranlığa çeker (yazı burada), altta H1 için koyu katman */
.hero .frame::after{content:"";position:absolute;inset:0;z-index:-1;background:
  radial-gradient(70% 55% at 50% 22%,rgba(4,10,20,.42) 0%,rgba(4,10,20,0) 75%),
  linear-gradient(180deg,rgba(4,10,20,.62) 0%,rgba(4,10,20,.22) 34%,rgba(4,10,20,0) 52%,rgba(4,10,20,.35) 74%,rgba(4,10,20,.9) 100%)}
/* Marka logosu gökyüzünde, ortada. casamomo gibi hero = marka adı; düzen CRM logosundan */
.hero .brand{position:absolute;left:0;right:0;top:clamp(96px,11vh,130px);display:grid;justify-items:center;text-align:center;gap:clamp(10px,1.4vw,20px);color:#fff;
  will-change:transform,opacity}
.hero .brand .w{display:block;font-family:var(--f-mark);font-weight:200;font-size:clamp(116px,18.5vw,290px);line-height:.78;letter-spacing:-.03em;white-space:nowrap;
  text-shadow:0 2px 30px rgba(4,10,20,.28),0 0 80px rgba(4,10,20,.18)}
.hero .brand .ch{display:inline-block}
.hero .brand .s{font-family:var(--f-mark);font-weight:300;font-size:clamp(12px,1.2vw,18px);letter-spacing:.62em;margin-right:-.62em;text-transform:uppercase;text-shadow:0 1px 16px rgba(4,10,20,.5)}
.hero .brand .s b{color:var(--gold-hi);font-weight:300}
/* "Ön satışta" durum etiketi: logonun üstünde, ilk görünen öğe (CRM yeşil noktası + cam) */
.hero .brand .status{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 16px;border-radius:999px;margin-bottom:clamp(6px,1vw,14px);
  background:rgba(4,10,20,.7);border:1px solid rgba(239,233,220,.22);
  font-family:var(--f-sans);font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--fg)}
.hero.intro .brand .status{animation:up 1s var(--ease) .1s both}
.hero .brand .rule{width:clamp(56px,6vw,96px);height:1px;background:linear-gradient(90deg,transparent,var(--gold-hi),transparent)}
/* Proje sayfası: küçük "nest" üstte, proje adı büyük ve aralıklı */
.hero .brand.project .s.top{letter-spacing:.04em;margin-right:0;text-transform:none;font-size:clamp(26px,3vw,46px);font-weight:200}
.hero .brand.project .w{font-weight:300;letter-spacing:.16em;margin-right:-.16em;font-size:clamp(76px,13vw,200px)}
.hero .brand.project.compact .w{font-size:clamp(76px,11.5vw,166px)}
.hero .under{position:absolute;left:clamp(16px,4vw,64px);right:clamp(16px,4vw,64px);bottom:30px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(239,233,220,.18);padding-top:18px}
.hero .under .cta-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hero .under .cta-row .btn-line{color:#EFE9DC;border-color:rgba(239,233,220,.28);background:rgba(4,10,20,.35)}
.hero .under h1,.hero .under p{margin:0;max-width:46ch;font-size:clamp(15px,1.2vw,18px);font-weight:400;line-height:1.4;color:var(--fg)}
@media (max-width:640px){.hero .brand{top:118px}.hero .under{flex-direction:column;align-items:flex-start}}

/* Giriş koreografisi (≈2,6 sn). Sınıf JS ile eklenir; JS yoksa yazı durağan görünür */
.hero.intro .frame>img{animation:kb 22s var(--ease) forwards,dawn 2.4s ease-out both}
@keyframes dawn{from{filter:brightness(.55) saturate(.8)}to{filter:none}}
.hero.intro .brand .ch{animation:rise 1.5s cubic-bezier(.16,.84,.24,1) both;animation-delay:calc(.25s + var(--i) * .11s)}
@keyframes rise{from{opacity:0;transform:translateY(.32em) scale(.96);filter:blur(18px)}60%{filter:blur(0)}to{opacity:1;transform:none;filter:none}}
.hero.intro .brand .rule{animation:draw 1.2s cubic-bezier(.65,0,.35,1) 1.05s both}
@keyframes draw{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
.hero.intro .brand .s{animation:track 1.8s cubic-bezier(.16,.84,.24,1) 1.15s both}
.hero.intro .brand .s.top{animation-delay:.1s}
@keyframes track{from{opacity:0;letter-spacing:1.4em;margin-right:-1.4em}to{opacity:1}}
.hero.intro .under,.hero.intro .nav-in{animation:up 1s var(--ease) 1.7s both}
@keyframes up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* Altın ışık, yazının üzerinden bir kez geçer */
.hero .brand .w{position:relative}
.hero .brand .w::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0;text-shadow:none;
  color:transparent;-webkit-background-clip:text;background-clip:text;
  background-image:linear-gradient(105deg,transparent 38%,rgba(255,232,170,1) 50%,transparent 62%);background-size:250% 100%;background-position:120% 0}
.hero.intro .brand .w::after{animation:glint 2.2s cubic-bezier(.4,0,.2,1) 2.2s both}
@keyframes glint{0%{opacity:0;background-position:120% 0}15%{opacity:1}85%{opacity:1}100%{opacity:0;background-position:-20% 0}}

/* ---------- İFADE (casamomo statement) ---------- */
.statement{padding-block:clamp(110px,18vh,200px) clamp(80px,12vh,140px)}
.statement p{margin:0;font-size:var(--t-st);line-height:1;letter-spacing:-.02em}
.statement p .l{display:block}
.statement p .l:nth-child(2){padding-left:5%}
.statement p .l:nth-child(3){padding-left:10%}
.statement p .l:nth-child(4){padding-left:15%}
.statement p .l:nth-child(5){padding-left:20%}
.statement p .w{color:var(--fg-3);transition:color .3s linear}
.statement p .w.on{color:var(--fg)}
.statement p em{font-family:var(--f-display);font-weight:500;font-style:normal;letter-spacing:-.01em}
.statement p.cite{margin-top:clamp(28px,4vw,48px);padding-left:20%;font-size:var(--t-ui);letter-spacing:.02em;line-height:1.5;color:var(--fg-2);display:flex;align-items:center;gap:14px}
.statement p.cite::before{content:"";width:40px;height:1px;background:var(--gold-hi)}
@media (max-width:640px){.statement p.cite{padding-left:0}}

/* ---------- POSTER (Biz kimiz) — dokulu fotoğraf + ince çerçeve çizgileri + yıldız köşeler ---------- */
.poster{position:relative;margin:0 10px;border-radius:var(--r-lg);overflow:hidden;isolation:isolate;min-height:clamp(640px,100svh,960px);display:grid}
.poster picture{position:absolute;inset:0;z-index:-3}
.poster picture img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 2.4s var(--ease)}
.poster.in picture img{transform:scale(1)}
/* Akşamdan sabaha video: fotoğrafın üstünde belirir, son karede (sabah) durur */
.poster video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;opacity:0;transition:opacity 1.2s ease}
.poster.vid video{opacity:1}
/* Renk: sol yarı metin için koyu. --day (0 gece → 1 sabah) arttıkça katman koyulaşır, metin hep okunur */
.poster{--day:0}
.poster::before{content:"";position:absolute;inset:0;z-index:-2;background:
  linear-gradient(90deg,rgba(4,10,20,calc(.86 + var(--day) * .06)) 0%,rgba(4,10,20,calc(.62 + var(--day) * .2)) 42%,rgba(4,10,20,calc(.18 + var(--day) * .12)) 75%,rgba(4,10,20,calc(.35 + var(--day) * .05)) 100%),
  linear-gradient(180deg,rgba(4,10,20,.25) 0%,rgba(4,10,20,0) 40%,rgba(4,10,20,calc(.55 + var(--day) * .15)) 100%)}
.poster h2,.poster .copy{text-shadow:0 1px 24px rgba(4,10,20,calc(.25 + var(--day) * .35))}
.poster .st svg{opacity:calc(1 - var(--day) * .35)}
.poster .vlabel{position:absolute;right:16px;bottom:16px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(239,233,220,.7);display:flex;align-items:center;gap:8px}
.poster .vlabel i{width:28px;height:1px;background:rgba(239,233,220,.25);position:relative;overflow:hidden}
.poster .vlabel i::after{content:"";position:absolute;inset:0;background:var(--gold-hi);transform:scaleX(var(--day));transform-origin:left}
/* Film greni: SVG gürültü, hareketsiz */
.poster::after{content:"";position:absolute;inset:-50%;z-index:-1;pointer-events:none;opacity:.22;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.poster .grid{--x1:clamp(20px,7vw,110px);--x2:clamp(260px,46vw,720px);--y1:clamp(70px,11vh,120px);--y2:clamp(380px,56%,560px);position:absolute;inset:0}
.poster{margin-top:10px}
/* Çizgiler: iki dikey + iki yatay, kesişimlerde altın yıldız */
.poster .ln{position:absolute;background:rgba(239,233,220,.55);transform-origin:left top}
.poster .ln.h{height:1px;left:0;right:0}
.poster .ln.v{width:1px;top:0;bottom:0}
.poster .ln.h1{top:var(--y1);left:calc(var(--x1) - 24px);right:auto;width:calc(var(--x2) - var(--x1) + 48px)}
.poster .ln.h2{top:var(--y2)}
.poster .ln.v1{left:var(--x1);top:calc(var(--y1) - 24px);bottom:auto;height:calc(var(--y2) - var(--y1) + 48px)}
.poster .ln.v2{left:var(--x2)}
.poster .st{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;color:var(--gold-hi)}
.poster .st svg{width:100%;height:100%;fill:currentColor;filter:none}
.poster .st.a{left:var(--x1);top:var(--y1)} .poster .st.b{left:var(--x2);top:var(--y1)}
.poster .st.c{left:var(--x1);top:var(--y2)} .poster .st.d{left:var(--x2);top:var(--y2)}
/* Etiket + başlık tek blok: alt çizgiye yaslanır, etiket başlığın hemen üstünde */
.poster .headline{position:absolute;left:calc(var(--x1) + 28px);right:calc(100% - var(--x2) + 20px);bottom:calc(100% - var(--y2) + 28px);display:grid;justify-items:start;gap:clamp(14px,1.6vw,22px)}
.poster h2{margin:0;
  font-family:var(--f-display);font-weight:400;font-size:clamp(44px,5.4vw,80px);line-height:.98;letter-spacing:-.02em;color:var(--sand);text-wrap:balance}
.poster h2 em{font-style:normal;font-weight:300;color:var(--gold-hi)}
.poster .copy{position:absolute;left:calc(var(--x1) + 28px);top:calc(var(--y2) + 26px);width:min(36ch,calc(var(--x2) - var(--x1) - 48px));font-size:clamp(15px,1.25vw,19px);line-height:1.5;color:var(--fg)}
.poster .sig{position:absolute;left:calc(var(--x1) + 28px);bottom:clamp(28px,5vh,48px);display:flex;align-items:center;gap:18px;font-size:13px;color:var(--fg-2)}
.poster .sig b{font-family:var(--f-mark);font-weight:300;font-size:26px;color:var(--fg);letter-spacing:-.01em}
.poster .sig i{width:1px;height:34px;background:rgba(239,233,220,.35)}
.poster .badge{position:absolute;right:16px;top:16px}
/* Giriş: çizgiler çizilir, yıldızlar parlar, başlık ve metin belirir */
.poster.anim .ln.h{transform:scaleX(0)} .poster.anim .ln.v{transform:scaleY(0)}
.poster.anim .st,.poster.anim h2,.poster.anim .copy,.poster.anim .sig,.poster.anim .eyebrow{opacity:0}
.poster.in .ln.h,.poster.in .ln.v{transform:none;transition:transform 1.4s cubic-bezier(.65,0,.35,1)}
.poster.in .ln.v1{transition-delay:.15s}.poster.in .ln.h2{transition-delay:.3s}.poster.in .ln.v2{transition-delay:.45s}
.poster.in .st{opacity:1;animation:twinkle 1.1s cubic-bezier(.2,.8,.2,1) both}
.poster.in .st.a{animation-delay:.9s}.poster.in .st.b{animation-delay:1.05s}.poster.in .st.c{animation-delay:1.2s}.poster.in .st.d{animation-delay:1.35s}
@keyframes twinkle{0%{opacity:0;transform:scale(0) rotate(-90deg)}60%{opacity:1;transform:scale(1.35) rotate(10deg)}100%{opacity:1;transform:none}}
.poster.in .eyebrow,.poster.in h2,.poster.in .copy,.poster.in .sig{opacity:1;transition:opacity 1.2s ease,transform 1.2s var(--ease)}
.poster.in h2{transition-delay:.7s}.poster.in .copy{transition-delay:1.25s}.poster.in .sig{transition-delay:1.5s}.poster.in .eyebrow{transition-delay:.5s}
.poster.anim h2,.poster.anim .copy{transform:translateY(18px)} .poster.in h2,.poster.in .copy{transform:none}
@media (max-width:760px){
  .poster .grid{--x1:22px;--x2:calc(100% - 22px);--y1:84px;--y2:58%}
  .poster .ln.h1{width:auto;right:0}
  .poster picture img,.poster video{object-position:72% center}
  .poster .headline{left:44px;right:22px}
  .poster .copy{left:44px;width:auto;right:22px;top:calc(var(--y2) + 22px)}
  .poster .sig{left:44px}
  .poster::before{background:linear-gradient(180deg,rgba(4,10,20,.55) 0%,rgba(4,10,20,.75) 60%,rgba(4,10,20,.9) 100%)}
}

/* ---------- VİTRİN — sabitlenen sahne, yatay akan projeler; bilgi koyu panelde (okunur) ---------- */
.vitrin{--cw:clamp(360px,40vw,660px);--gap:clamp(16px,1.8vw,28px);position:relative;height:calc(var(--n) * 80vh + 100svh);margin:10px;border-radius:var(--r-lg);
  background:transparent}
.vt-pin{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:minmax(340px,.82fr) minmax(0,1.6fr);overflow:hidden;border-radius:var(--r-lg)}
.vt-side{position:relative;z-index:2;display:grid;grid-template-rows:auto 1fr auto;gap:clamp(20px,3vh,36px);padding:clamp(100px,14vh,140px) clamp(20px,2vw,32px) clamp(28px,5vh,48px) calc(var(--g) + 10px);
  background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 82%,rgba(247,243,236,0) 100%)}
.vt-head{display:grid;gap:14px}
.vt-head h2{margin:0;font-family:var(--f-display);font-weight:500;font-size:clamp(34px,3.4vw,56px);line-height:1.02;letter-spacing:-.02em}
.vt-head h2 em{font-style:normal;color:var(--accent)}
.vt-proof{list-style:none;margin:6px 0 0;padding:0;display:flex;gap:28px}
.vt-proof li{display:grid;gap:2px}
.vt-proof b{font-family:var(--f-display);font-weight:500;font-size:clamp(28px,2.4vw,40px);line-height:1}
.vt-proof span{font-size:12px;letter-spacing:.06em;color:var(--fg-2)}
.vt-info{display:grid;align-content:center}
.vt-item{grid-area:1/1;display:grid;gap:14px;align-content:start;opacity:0;transform:translateY(18px);filter:blur(4px);pointer-events:none;transition:opacity .6s ease,transform .8s var(--ease),filter .6s ease}
.vt-item.on{opacity:1;transform:none;filter:none;pointer-events:auto}
.vt-place{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.vt-item h3{margin:0;font-family:var(--f-display);font-weight:500;font-size:clamp(42px,4.2vw,72px);line-height:.98;letter-spacing:-.02em}
.vt-item p{margin:0;max-width:36ch;font-size:clamp(16px,1.2vw,18px);line-height:1.5;color:var(--fg)}
.vt-item dl{margin:4px 0 6px;display:grid;border-top:1px solid var(--line)}
.vt-item dl div{display:grid;grid-template-columns:118px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}
.vt-item dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);padding-top:3px}
.vt-item dd{margin:0;font-size:15px;color:var(--fg)}
.vt-item .btn-gold,.vt-item .btn-line{justify-self:start}
.vt-nav{display:grid;gap:12px}
.vt-nav-list{display:flex;flex-wrap:wrap;gap:4px 18px}
.vt-nav button{font:400 13px var(--f-sans);letter-spacing:.04em;color:var(--fg-3);background:none;border:0;padding:4px 0;cursor:pointer;transition:color .3s}
.vt-nav button:hover{color:var(--fg-2)}
.vt-nav button.on{color:var(--fg)}
.vt-bar{display:block;height:1px;background:var(--line);position:relative}
.vt-bar em{position:absolute;left:0;top:-.5px;height:2px;width:calc(var(--prog,0) * 100%);background:var(--gold)}
.vt-stage{position:relative;display:flex;align-items:center;padding-left:clamp(12px,2vw,32px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 clamp(12px,2vw,32px));mask-image:linear-gradient(90deg,transparent 0,#000 clamp(12px,2vw,32px))}
.vt-track{display:flex;gap:var(--gap);will-change:transform}
.vt-card{--s:1;--o:1;--sat:1;flex:0 0 var(--cw);height:min(72vh,800px);margin:0;position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--bg-2);
  transform:scale(var(--s));transform-origin:0 50%;opacity:var(--o);filter:saturate(var(--sat));box-shadow:0 30px 70px -36px rgba(11,22,38,.45)}
.vt-card img{position:absolute;inset:0;width:118%;height:100%;max-width:none;object-fit:cover;transform:translateX(var(--px,0))}
.vt-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,20,.25) 0%,rgba(4,10,20,0) 30%,rgba(4,10,20,0) 60%,rgba(4,10,20,.65) 100%)}
.vt-card figcaption{position:absolute;left:16px;top:16px;z-index:1;display:flex;gap:6px;flex-wrap:wrap}
.vt-name{position:absolute;left:24px;right:24px;bottom:18px;z-index:1;font-family:var(--f-display);font-weight:500;font-size:clamp(40px,4.6vw,84px);line-height:1;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 30px rgba(4,10,20,.5)}
@media (max-width:960px){
  .vitrin{height:auto;margin:10px}
  .vt-pin{position:relative;height:auto;display:flex;flex-direction:column;overflow:visible}
  .vt-head{order:1}.vt-stage{order:2}.vt-info{order:3}.vt-nav{order:4}
  .vt-side{display:contents}
  .vt-head{padding:72px var(--g) 24px}
  .vt-stage{padding:0;overflow:visible;-webkit-mask-image:none;mask-image:none}
  .vt-track{width:100%;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--g) 6px;scrollbar-width:none;transform:none!important}
  .vt-track::-webkit-scrollbar{display:none}
  .vt-card{flex:0 0 82%;height:auto;aspect-ratio:4/5;scroll-snap-align:center;transform:none;opacity:1;filter:none}
  .vt-card img{width:100%;transform:none}
  .vt-name{font-size:40px}
  .vt-info{padding:24px var(--g) 8px}
  .vt-nav{padding:8px var(--g) 36px}
}
@media (prefers-reduced-motion:reduce){.vt-item{transition:none}}

/* ---------- BÜYÜYEN GÖRSEL ---------- */
.grow{height:230vh;position:relative}
.grow .stick{position:sticky;top:0;height:100svh;padding:10px}
.grow figure{margin:0;width:100%;height:100%;position:relative;--p:0;border-radius:var(--r-lg);overflow:hidden;
  clip-path:inset(calc((1 - var(--p)) * 18%) calc((1 - var(--p)) * 30%) round calc(var(--r-lg) + (1 - var(--p)) * 200px))}
.grow figure img{width:100%;height:100%;object-fit:cover;transform:scale(calc(1.3 - var(--p) * .3))}
.grow figcaption{position:absolute;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;gap:12px;opacity:calc(var(--p) * 1.4 - .4)}

/* ---------- BÖLÜM BAŞI (casamomo) ---------- */
.sec{padding-block:clamp(90px,14vh,150px)}
.head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:clamp(28px,4vw,56px)}
.head h2{margin:0;font-size:var(--t-h2);line-height:1;letter-spacing:-.0125em;font-weight:400;text-align:right}
.head h2 em{font-family:var(--f-display);font-weight:500}
.head .side{display:grid;gap:14px;max-width:34ch;color:var(--fg-2)}
.head .side p{margin:0}
@media (max-width:560px){.head{flex-direction:column;gap:14px}.head h2{text-align:left}}

/* ---------- KARTLAR (kaydırmalı 2 sütun) ---------- */
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,40px) clamp(12px,1.4vw,20px)}
.cards>*:nth-child(even){transform:translateY(clamp(0px,14vw,220px))}
.cards{padding-bottom:clamp(0px,14vw,220px)}
@media (max-width:760px){.cards{grid-template-columns:1fr;padding-bottom:0}.cards>*:nth-child(even){transform:none}}
.card{display:grid;gap:14px}
.card .im{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--bg-2)}
.card .im img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.card:hover .im img{transform:scale(1.04)}
.card .im .chip{position:absolute;top:14px}
.card .im .tl{left:14px} .card .im .tr{right:14px}
.card .row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.card h3{margin:0;font-size:var(--t-card);font-weight:400;letter-spacing:-.005em}
.card h3 small{font-size:13px;color:var(--fg-3);margin-left:6px}
.card .meta{display:flex;gap:6px;flex-wrap:wrap}
.card p{margin:0;color:var(--fg-2);max-width:46ch}

/* ---------- MERHABA (sakin) — görselsiz, bol boşluk; ağır görselli bölümler arasında dinlenme alanı ---------- */
.hn{padding-block:clamp(110px,18vh,190px)}
.hn-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(40px,8vw,140px);align-items:end}
.hn-main{display:grid;gap:22px;justify-items:start}
.hn-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--accent);color:var(--accent);
  font-family:var(--f-mark);font-weight:300;font-size:26px;line-height:1;padding-bottom:4px;margin-bottom:6px}
.hn h2{margin:0;font-family:var(--f-display);font-weight:500;font-size:clamp(40px,4.6vw,72px);line-height:1.02;letter-spacing:-.02em;color:var(--fg)}
.hn h2 em{font-style:normal;color:var(--accent)}
.hn-main p{margin:0;max-width:48ch;font-size:clamp(16px,1.15vw,18px);line-height:1.65;color:var(--fg-2)}
.hn-main .hn-lead{font-size:clamp(19px,1.55vw,23px);line-height:1.5;color:var(--fg);max-width:42ch}
.hn-facts{margin:0;display:grid;border-top:1px solid var(--line)}
.hn-facts div{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.hn-facts dt{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);padding-top:3px}
.hn-facts dd{margin:0;font-size:16px;color:var(--fg)}
@media (max-width:860px){.hn-in{grid-template-columns:1fr;gap:44px}}

/* ---------- MERHABA (eski, kullanılmıyor) ---------- */
.hello{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end}
@media (max-width:860px){.hello{grid-template-columns:1fr}}
.hello h2{grid-column:1/-1;margin:0;font-size:var(--t-hello);line-height:1;letter-spacing:-.02em;font-weight:400}
.hello h2 em{font-family:var(--f-display);font-weight:500}
.hello .im{border-radius:var(--r);overflow:hidden;aspect-ratio:4/3}
.hello .im img{width:100%;height:100%;object-fit:cover}
.hello .txt{display:grid;gap:22px;font-size:clamp(17px,1.5vw,21px);line-height:1.45;color:var(--fg-2)}
.hello .txt p{margin:0;max-width:44ch}
.figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.figs div{padding:18px 0;display:grid;gap:2px}
.figs div+div{padding-left:20px;border-left:1px solid var(--line)}
.figs b{font-family:var(--f-display);font-weight:500;font-size:clamp(40px,4.4vw,64px);line-height:1;color:var(--fg)}
.figs span{font-size:13px}

/* ---------- EGE HAYALİ — dalgalanan deniz videosu; başlık ufuktan doğar, denizde dalgalı yansıması ---------- */
/* Sahne sabitlenir; kaydırma: kamera ufka ilerler (--zoom), gün alacakaranlığa döner (--dusk), sis ve ışık zerreleri artar, kanca belirir (--hook) */
.sea{position:relative;height:calc(100svh + 150vh);padding:0 10px}
.sea-frame{--hz:35.2%;--rise:0;--dusk:0;--zoom:1;--hook:0;--mist:0;--mx:0;--my:0;position:sticky;top:10px;height:calc(100svh - 20px);border-radius:var(--r-lg);overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#8FA9C6 0%,#C9D3DC 34%,#5E7E9E 36%,#1E4466 100%)}
.sea-frame picture,.sea-frame video{position:absolute;inset:0;z-index:-3}
.sea-frame picture img,.sea-frame video{width:100%;height:100%;object-fit:cover;object-position:50% var(--hz);transform:scale(var(--zoom));transform-origin:50% var(--hz)}
.sea-frame video{opacity:0;transition:opacity 1.4s ease}
.sea-frame.vid video{opacity:1}
/* Alacakaranlık renk katmanı: gökyüzü mor-pembe-altın, deniz derin lacivert */
.sea-dusk{position:absolute;inset:0;z-index:-2;pointer-events:none;mix-blend-mode:multiply;opacity:calc(var(--dusk) * .6);background:
  linear-gradient(180deg,#98A0C8 0%,#DDB6B4 calc(var(--hz) * .5),#F7C29C calc(var(--hz) - 3%),#FFDDB0 var(--hz),#C2BCD2 calc(var(--hz) + 4%),#6E7FAA 70%,#475A88 100%)}
/* Ufukta güneş; fareyle hafifçe kayar */
.sea-sun{position:absolute;z-index:-2;pointer-events:none;left:calc(50% + var(--mx) * 6%);top:var(--hz);width:80vmax;height:80vmax;transform:translate(-50%,-50%);
  mix-blend-mode:screen;opacity:calc(.08 + var(--dusk) * .57);
  background:radial-gradient(circle,rgba(255,236,190,.8) 0%,rgba(255,206,140,.42) 5%,rgba(255,170,120,.14) 18%,rgba(255,150,110,0) 42%)}
/* Denizde güneş yolu */
.sea-path{position:absolute;z-index:-2;pointer-events:none;left:calc(50% + var(--mx) * 6%);top:var(--hz);width:min(46vw,700px);height:calc(100% - var(--hz));transform:translateX(-50%);
  mix-blend-mode:soft-light;opacity:calc(var(--dusk) * .5);
  background:radial-gradient(50% 90% at 50% 0%,rgba(255,226,180,.6) 0%,rgba(255,210,160,.15) 40%,rgba(255,200,150,0) 75%)}
/* Ufuk sisi: iki katman ters yönde süzülür */
.sea-mist{position:absolute;z-index:-1;pointer-events:none;left:-15%;right:-15%;top:calc(var(--hz) - 11%);height:24%;opacity:calc(.06 + var(--mist) * .2);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 35%,#000 60%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 35%,#000 60%,transparent 100%)}
.sea-mist i{position:absolute;inset:0;mix-blend-mode:screen;filter:blur(10px);background-size:1100px 100%;animation:mist 60s linear infinite;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1100' height='260'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004 .03' numOctaves='3' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .97 0 0 0 0 .94 0 0 0 1.3 -.45'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E")}
.sea-mist i+i{animation-duration:95s;animation-direction:reverse;opacity:.7;background-position:400px 0}
@keyframes mist{to{background-position:1100px 0}}
.sea-motes{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;mix-blend-mode:screen}
.sea-frame::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  linear-gradient(180deg,rgba(255,255,255,calc(.18 - var(--dusk) * .18)) 0%,rgba(255,255,255,0) calc(var(--hz) - 4%),rgba(4,10,20,0) calc(var(--hz) + 18%),rgba(4,10,20,calc(.35 + var(--hook) * .3)) 82%,rgba(4,10,20,calc(.6 + var(--hook) * .25)) 100%)}
.sea-sky{position:absolute;left:0;right:0;top:0;height:var(--hz);overflow:hidden;display:flex;align-items:flex-end;justify-content:center;z-index:1}
/* Başlık: gökyüzü koyulaştıkça lacivertten kreme döner; sona doğru hafifçe havalanır */
.sea-title{margin:0;padding:0 24px .06em;text-align:center;font-family:var(--f-air);font-weight:300;font-size:clamp(34px,4.6vw,72px);line-height:1.02;
  letter-spacing:calc(-.015em + var(--dusk) * .015em);
  color:color-mix(in oklab,#3E4C6E,#4E4270 calc(var(--dusk) * 100%));
  text-shadow:none;
  transform:translateY(calc((1 - var(--rise)) * 110%));will-change:transform}
.sea-title em{font-style:normal;font-weight:400;letter-spacing:-.02em;color:color-mix(in oklab,#1F5E93,#7A4A78 calc(var(--dusk) * 100%))}
.sea-water{position:absolute;left:0;right:0;top:var(--hz);height:28%;overflow:hidden;display:flex;justify-content:center;pointer-events:none;z-index:1;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 80%);mask-image:linear-gradient(180deg,#000 0%,transparent 80%)}
.sea-reflect{display:block;padding:.06em 24px 0;text-align:center;font-family:var(--f-air);font-weight:300;font-size:clamp(34px,4.6vw,72px);line-height:1.02;letter-spacing:calc(-.012em + var(--dusk) * .02em);
  color:color-mix(in oklab,#fff,#FFD8A0 calc(var(--dusk) * 100%));opacity:calc(var(--rise) * (.3 + var(--dusk) * .25));filter:url(#dalga) blur(.6px);mix-blend-mode:soft-light;
  transform:translateY(calc((1 - var(--rise)) * -110%)) scaleY(-1);transform-origin:50% 50%}
.sea-reflect em{font-style:normal}
.sea-hook{position:absolute;left:0;right:0;bottom:clamp(32px,7vh,72px);display:grid;justify-items:center;text-align:center;gap:18px;color:#EFE9DC;z-index:2;
  opacity:var(--hook);transform:translateY(calc((1 - var(--hook)) * 36px));filter:blur(calc((1 - var(--hook)) * 6px));pointer-events:none}
.sea-frame[style*="--hook: 1"] .sea-hook,.sea-hook.live-on{pointer-events:auto}
.sea-hook .label{color:rgba(239,233,220,.8)}
.sea-hook p{margin:0;max-width:none;font-family:var(--f-display);font-weight:500;font-size:clamp(26px,2.8vw,44px);line-height:1.12;letter-spacing:-.01em;text-wrap:balance;text-shadow:0 2px 24px rgba(4,10,20,.5)}
.sea-hook p em{font-style:normal;color:var(--gold-hi)}
.sea-tag{position:absolute;right:16px;top:16px;z-index:2}
.sea-fx{position:absolute}
@media (max-width:640px){.sea{height:calc(100svh + 110vh)}.sea-title,.sea-reflect{font-size:clamp(32px,9.6vw,42px)}}
@media (prefers-reduced-motion:reduce){.sea{height:auto;padding:10px}.sea-frame{position:relative;top:0;height:100svh;--rise:1;--hook:1;--dusk:.35}.sea-frame video,.sea-motes{display:none}.sea-mist i{animation:none}.sea-reflect{filter:blur(.6px)}}

/* ---------- YÜZEN NESNELER ---------- */
.float{position:relative;height:160vh}
.float .stick{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden}
.float h2{position:relative;z-index:2;margin:0;font-size:var(--t-hello);line-height:1;letter-spacing:-.02em;font-weight:400;text-align:center}
.float h2 em{font-family:var(--f-display);font-weight:500;color:var(--accent)}
.float .o{position:absolute;border-radius:14px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);will-change:transform}
.float .o img{width:100%;height:100%;object-fit:cover}
.float .o.c{border-radius:50%}
@media (max-width:640px){.float .o{scale:1.7}}

/* ---------- AÇIK BÖLÜM + ÜÇ KART ---------- */
.light{background:transparent;color:var(--fg);margin:0 10px;padding-top:clamp(90px,14vh,150px)}
.light .head h2{color:var(--fg)}
.light .head .side{color:rgba(11,22,38,.66)}
.light .count{background:rgba(11,22,38,.06);border-color:rgba(11,22,38,.12)}
.light .count i{color:#8A6A12}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:clamp(40px,8vh,96px)}
@media (max-width:860px){.trio{grid-template-columns:1fr}}
.tc{min-height:clamp(380px,34vw,500px);padding:24px;display:flex;flex-direction:column;justify-content:space-between;position:relative}
.tc:nth-child(1){background:var(--night);color:#EFE9DC}
.tc:nth-child(2){background:linear-gradient(160deg,var(--gold) 0%,#A9831F 100%);color:#1A1405;margin-top:clamp(0px,4vw,60px)}
.tc:nth-child(3){background:var(--sand-2);color:var(--ink);margin-top:clamp(0px,8vw,120px)}
@media (max-width:860px){.tc:nth-child(n){margin-top:0;min-height:300px}}
.tc .n{position:absolute;top:20px;right:20px;width:26px;height:26px;display:grid;place-items:center;border-radius:6px;background:rgba(0,0,0,.14);font-size:12px}
.tc svg{width:110px;height:110px;stroke:currentColor;fill:none;stroke-width:1;opacity:.85}
.tc h3{margin:0 0 8px;font-size:var(--t-h3);font-weight:400;letter-spacing:-.007em}
.tc p{margin:0;font-size:var(--t-ui);opacity:.8;max-width:34ch}

/* ---------- YAKLAŞIM DÖNGÜSÜ — kaydırmaya bağlı sonsuz şerit; kartlar arasında kurucu cümlesinin parçaları ---------- */
.loop{overflow:hidden;padding-block:clamp(48px,8vh,96px) clamp(80px,12vh,140px);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.lp-track{display:flex;width:max-content;will-change:transform}
.lp-set{display:flex;align-items:center;gap:clamp(20px,2.4vw,36px);padding-right:clamp(20px,2.4vw,36px)}
.lp-card{--lift:0px;position:relative;flex:0 0 clamp(290px,27vw,410px);height:clamp(380px,31vw,470px);border-radius:var(--r-lg);padding:clamp(24px,2.2vw,32px);
  display:grid;grid-template-rows:auto 1fr auto;gap:18px;transform:translateY(var(--lift));transition:transform .5s var(--ease),border-color .5s var(--ease);
  background:transparent;color:var(--night);border:1px solid rgba(7,26,48,.22)}
.lp-card:hover{--lift:-6px;border-color:var(--gold)}
.lp-card svg{width:72px;height:72px;stroke:var(--gold);fill:none;stroke-width:1;opacity:1}
.lp-body{align-self:end;display:grid;gap:10px}
.lp-card h3{margin:0;font-family:var(--f-display);font-weight:500;font-size:clamp(30px,2.4vw,40px);line-height:1;letter-spacing:-.015em}
.lp-card p{margin:0;font-size:15.5px;line-height:1.55;color:rgba(7,26,48,.72);max-width:30ch}
.lp-proof{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid rgba(7,26,48,.14);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.lp-proof::before{content:"";flex:0 0 6px;height:6px;border-radius:50%;background:var(--gold)}
/* Tek vurgu: ilk ilke lacivert dolu, altın ikon */
.lp-lok{background:var(--night);color:#EFE9DC;border-color:var(--night)}
.lp-lok p{color:rgba(239,233,220,.72)}
.lp-lok .lp-proof{border-top-color:rgba(239,233,220,.16);color:var(--gold-hi)}
.lp-lok .lp-proof::before{background:var(--gold-hi)}
.lp-lok svg{stroke:var(--gold-hi)}
/* Kart numarası: sıra duygusu ara cümle yerine buradan */
.lp-set{counter-reset:ilke}
.lp-card::before{counter-increment:ilke;content:"0" counter(ilke);position:absolute;top:clamp(24px,2.2vw,32px);right:clamp(24px,2.2vw,32px);font-family:var(--f-display);font-weight:500;font-size:15px;letter-spacing:.08em;color:var(--accent)}
.lp-lok::before{color:var(--gold-hi)}
@media (max-width:640px){.lp-card{flex-basis:78vw;height:400px}}
@media (prefers-reduced-motion:reduce){.loop{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.lp-set[aria-hidden]{display:none}}

/* ---------- KAYAN BAŞLIK (casamomo "Recent Reviews") ---------- */
/* Yer şeridi: yer adı + projeler; döngü JS'i ile ters yönde akar */
.ribbon{padding-block:0;border-block:1px solid var(--line)}
.ribbon .lp-set{gap:0;padding-right:0;align-items:stretch}
.rb{display:flex;align-items:baseline;gap:16px;padding:20px clamp(28px,3vw,48px);border-right:1px solid var(--line);white-space:nowrap}
.rb b{font-family:var(--f-display);font-weight:500;font-size:clamp(26px,2.4vw,38px);letter-spacing:-.015em;line-height:1;color:var(--night)}
.rb small{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.rb small::before{content:"";display:inline-block;width:5px;height:5px;margin:0 12px 2px 0;background:var(--gold);transform:rotate(45deg)}
@media (max-width:640px){.rb{flex-direction:column;align-items:flex-start;gap:6px;padding:16px 22px}.rb b{font-size:24px}}

/* ---------- YATAY GALERİ ---------- */
/* Sahadan: kanıt ızgarası */
.pg{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(150px,17vw,250px);gap:12px}
.pg figure{margin:0;position:relative;border-radius:var(--r);overflow:hidden;background:var(--bg-2)}
.pg figure img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform 1.2s var(--ease)}
.pg figure:hover img{transform:scale(1.06)}
.pg figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,20,0) 50%,rgba(4,10,20,.62) 100%);pointer-events:none}
.pg figcaption{position:absolute;inset:14px;z-index:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;color:#EFE9DC}
.pg-cap{display:grid;gap:2px}
.pg-cap b{font-family:var(--f-display);font-weight:500;font-size:clamp(20px,1.7vw,26px);line-height:1.05;letter-spacing:-.01em}
.pg-cap span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-hi)}
.pg-a{grid-column:1/8;grid-row:1/3}
.pg-b{grid-column:8/13;grid-row:1/3}
.pg-d{grid-column:1/6;grid-row:3/4}
.pg-e{grid-column:6/13;grid-row:3/4}
/* Kaydırmayla açılış: sırayla */
.pg>*{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform 1s var(--ease)}
.pg.in>*{opacity:1;transform:none}
.pg.in>:nth-child(2){transition-delay:.1s}.pg.in>:nth-child(3){transition-delay:.2s}.pg.in>:nth-child(4){transition-delay:.3s}
@media (max-width:860px){.pg{grid-template-columns:1fr 1fr;grid-auto-rows:clamp(170px,32vw,260px)}.pg-a{grid-column:1/3;grid-row:auto/span 2}.pg-b,.pg-d,.pg-e{grid-column:auto;grid-row:auto}}
@media (max-width:560px){.pg{grid-template-columns:1fr;grid-auto-rows:auto}.pg figure{aspect-ratio:4/3}.pg-a{grid-column:1;grid-row:auto}}
@media (prefers-reduced-motion:reduce){.pg>*{opacity:1;transform:none;transition:none}}
.rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.rail figure{flex:0 0 min(80vw,560px);margin:0;scroll-snap-align:start;display:grid;gap:12px}
.rail .im{border-radius:var(--r);overflow:hidden;aspect-ratio:16/11;position:relative}
.rail img{width:100%;height:100%;object-fit:cover}
.rail .im .chip{position:absolute;left:12px;bottom:12px}
.rail figcaption{display:flex;justify-content:space-between;font-size:var(--t-ui);color:var(--fg-2)}

/* ---------- OFİSLER ---------- */
/* Satış ofisi: tek ofis, fotoğraf + bilgi */
.office{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:end}
.of-im{margin:0;position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:1600/994;background:var(--bg-2)}
.of-im img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);transition:transform 1.6s var(--ease)}
.of-im:hover img{transform:scale(1.06)}
.of-im figcaption{position:absolute;left:14px;top:14px}
.of-info{display:grid;gap:16px;padding-bottom:6px}
.of-info h3{margin:0;font-family:var(--f-display);font-weight:500;font-size:clamp(44px,4.6vw,76px);line-height:.95;letter-spacing:-.02em}
.of-info p{margin:0;color:var(--fg-2);max-width:36ch;font-size:clamp(15px,1.15vw,17px);line-height:1.55}
.of-info dl{margin:4px 0 6px;display:grid;border-top:1px solid var(--line)}
.of-info dl div{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.of-info dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);padding-top:3px}
.of-info dd{margin:0;font-size:15px}
.of-info dd a{color:inherit;text-decoration:none}
.of-info .cta-row{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:860px){.office{grid-template-columns:1fr;align-items:start}}

/* ---------- HABER ---------- */
.news{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:center}
@media (max-width:760px){.news{grid-template-columns:1fr}}
.news .im{border-radius:var(--r);overflow:hidden;aspect-ratio:3/2}
.news .im img{width:100%;height:100%;object-fit:cover}
.news h3{margin:12px 0 14px;font-size:clamp(28px,2.6vw,40px);line-height:1.08;font-weight:400;letter-spacing:-.01em}
.news p{margin:0 0 22px;color:var(--fg-2);max-width:48ch}

/* ---------- İLETİŞİM (CRM giriş kartı dili) ---------- */
.contact{position:relative;margin:0 10px;border-radius:var(--r-lg);overflow:hidden;isolation:isolate;
  background:var(--bg-2)}
.contact canvas.stars{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.contact .in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:clamp(28px,6vw,96px);align-items:center;padding-block:clamp(80px,14vh,140px)}
@media (max-width:900px){.contact .in{grid-template-columns:1fr}}
.contact h2{margin:14px 0 18px;font-size:clamp(34px,3.6vw,54px);line-height:1.05;letter-spacing:-.02em;font-weight:500}
.contact h2 em{font-family:var(--f-display);font-weight:500;color:var(--accent)}
.contact .lead{margin:0;color:var(--fg-2);max-width:40ch;font-size:clamp(16px,1.3vw,19px)}
.contact .direct{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin-top:32px;font-size:var(--t-card)}
.contact .direct a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s}
.contact .direct a:hover{border-bottom-color:var(--gold)}
/* Nefes şeridi: hero ile poster arasında açık, kısa */
.breath{padding-block:clamp(56px,9vh,110px) clamp(48px,7vh,90px)}
.breath-line{margin:0 0 clamp(28px,4vh,44px);max-width:34ch;font-family:var(--f-display);font-weight:500;font-size:clamp(24px,2.6vw,40px);line-height:1.15;letter-spacing:-.015em}
.facts.four{grid-template-columns:repeat(4,minmax(0,1fr));margin-left:calc(100% / 7)} /* bilinçli girinti: cümle önde, veri bir adım içeride */
.facts.four b{font-size:clamp(24px,2.2vw,34px)}
@media (max-width:860px){.facts.four{margin-left:0}}
@media (max-width:860px){.facts.four{grid-template-columns:1fr 1fr}}
.vt-sub{margin:4px 0 0;max-width:30ch;font-size:15px;line-height:1.5;color:var(--fg-2)}
.statement.sm{padding-block:clamp(70px,10vh,120px) clamp(56px,8vh,96px)}
.statement.sm p{font-size:clamp(28px,3.4vw,54px)}
.lang a{color:inherit;text-decoration:none;opacity:.55;transition:opacity .3s}.lang a:hover{opacity:1}
.lang s{text-decoration:none;opacity:.45;cursor:help}
/* Azure hero: resim + gece→sabah video; --day scrim'i sürer */
.hero{--day:0}
.hero .frame>picture{position:absolute;inset:0;z-index:-2}
.hero .frame>picture img,.hero .frame>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.1);animation:kb 22s var(--ease) forwards}
.hero.intro .frame>picture img{animation:kb 22s var(--ease) forwards,dawn 2.4s ease-out both}
.hero .frame>video{z-index:-2;opacity:0;transition:opacity 1.6s ease}
.hero.vid .frame>video{opacity:1}
.hero .scrim{position:absolute;inset:0;z-index:-1;opacity:var(--day);background:linear-gradient(180deg,rgba(4,10,20,.12) 0%,rgba(4,10,20,0) 40%,rgba(4,10,20,.5) 100%)}
/* Yaşam: yapışkan sahne; görsel yaklaşır, olanaklar kaydırmayla birer birer yanar */
.yasam{position:relative;height:calc(100svh + 140vh);margin:10px}
.ys-frame{position:sticky;top:0;height:100svh;border-radius:var(--r-lg);overflow:hidden;isolation:isolate;background:var(--night);color:#EFE9DC}
.ys-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(calc(1.18 - var(--p) * .14));transform-origin:50% 60%}
.ys-tint{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,10,20,.15) 0%,rgba(4,10,20,0) 45%,rgba(4,10,20,.6) 100%),linear-gradient(180deg,rgba(4,10,20,.5) 0%,rgba(4,10,20,0) 35%,rgba(4,10,20,.45) 100%)}
.ys-badge{position:absolute;right:16px;top:16px}
.ys-head{position:absolute;left:clamp(20px,4vw,64px);bottom:clamp(28px,6vh,64px);display:grid;gap:14px;max-width:11ch;transform:translateY(calc((1 - min(1, var(--p) * 2.5)) * 40px));opacity:min(1, var(--p) * 3)}
.ys-head{max-width:min(42vw,480px)}
.ys-head .label{color:rgba(239,233,220,.75)}
.ys-head h2{margin:0;font-family:var(--f-display);font-weight:500;font-size:clamp(40px,5vw,84px);line-height:.98;letter-spacing:-.02em;color:#fff}
.ys-head h2 em{font-style:normal;color:var(--gold-hi)}
.ys-list{list-style:none;margin:0;padding:10px 22px;position:absolute;right:clamp(20px,4vw,64px);top:50%;transform:translateY(-50%);width:min(400px,40%);max-height:calc(100svh - 48px);display:grid;border-radius:var(--r);background:rgba(4,10,20,.42);border:1px solid rgba(239,233,220,.12)}
.ys-list li{display:grid;grid-template-columns:30px 1fr;gap:1px 14px;padding:11px 0;border-bottom:1px solid rgba(239,233,220,.14);opacity:.28;transform:translateX(16px);transition:opacity .5s ease,transform .7s var(--ease)}
.ys-list li.on{opacity:1;transform:none}
.ys-list svg{width:26px;height:26px;stroke:var(--gold-hi);fill:none;stroke-width:1.3;grid-row:span 2;align-self:center}
.ys-list b{font-size:16px;font-weight:500}
.ys-list span{font-size:13px;color:rgba(239,233,220,.72)}
@media (max-width:760px){.yasam{height:auto}.ys-frame{position:relative;height:auto;padding-bottom:24px}.ys-frame>img{position:relative;display:block;height:56svh;transform:none}.ys-tint{display:none}.ys-head{position:relative;left:0;bottom:0;padding:24px 20px 10px;transform:none;opacity:1;max-width:none}.ys-list{position:static;transform:none;width:auto;max-height:none;padding:0 20px}.ys-list li{opacity:1;transform:none}}
/* Konum (Azure): yolculuğun ilk sorusu */
.konum{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,5vw,80px);align-items:start}
.konum .lead{margin:0 0 24px;max-width:46ch}
.konum .cta-row{display:flex;gap:12px;flex-wrap:wrap}
.mesafe{margin:0;border-top:1px solid var(--line)}
.mesafe div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.mesafe dt{font-size:15px;color:var(--fg-2)}
.mesafe dd{margin:0}
.trust{list-style:none;margin:clamp(40px,6vh,72px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.trust li{background:var(--surface);padding:22px 20px;display:grid;gap:6px}
.trust b{font-family:var(--f-display);font-weight:400;font-size:20px}
.trust span{font-size:14px;color:var(--fg-2)}
@media (max-width:760px){.konum{grid-template-columns:1fr}.trust{grid-template-columns:1fr}}
/* Hızlı iletişim çubuğu: yalnız mobil, hero geçildikten sonra */
.quick{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:98;display:none;gap:6px;padding:6px;border-radius:16px;background:var(--night);border:1px solid rgba(235,203,110,.22);box-shadow:0 18px 40px -20px rgba(4,10,20,.7);transform:translateY(calc(100% + 24px));opacity:0;transition:transform .5s var(--ease),opacity .5s var(--ease)}
.quick.show{transform:none;opacity:1}
.quick a{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;border-radius:11px;font-size:14px;font-weight:500;color:#EFE9DC;text-decoration:none}
.quick a svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5}
.quick .q-main{flex:1.5;background:var(--gold);color:#1A1405}
@media (max-width:900px){.quick{display:flex}}
.contact .direct small{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);align-self:center}
.glass{background:var(--night-2);border:1px solid rgba(239,233,220,.1);border-radius:var(--r-lg);padding:24px}
/* Sohbet paneli (Gemini ajan) */
/* Sohbet: mesajlaşma uygulaması gibi — beyaz kart, ince sınır, ışıltı yok */
.chat{display:grid;grid-template-rows:auto auto 1fr auto auto auto auto;gap:12px;height:min(640px,80vh);padding:16px 16px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);color:var(--fg);box-shadow:0 1px 2px rgba(11,22,38,.04),0 12px 32px -18px rgba(11,22,38,.18)}
.ch-top{display:flex;align-items:center;gap:12px}
.ch-av{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:var(--bg-2)}
.ch-who{display:grid;gap:1px}.ch-who b{font-weight:600;font-size:15px}
.ch-st{font-size:12.5px;color:var(--fg-2);font-variant-numeric:tabular-nums}
.ch-not{margin:0;padding:9px 12px;border-radius:10px;background:var(--bg);font-size:12.5px;line-height:1.45;color:var(--fg-2)}
.ch-log{overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:2px 2px 0;scrollbar-width:thin;scrollbar-color:var(--line) transparent;min-height:0}
.ch-msg{max-width:84%;padding:9px 13px;border-radius:16px;font-size:14.5px;line-height:1.45;animation:up .3s var(--ease) both}
.ch-msg.ajan{align-self:flex-start;background:var(--bg-2);color:var(--fg);border-bottom-left-radius:5px}
.ch-msg.kisi{align-self:flex-end;background:var(--night);color:#F4EFE6;border-bottom-right-radius:5px}
.ch-msg.yaziyor{display:flex;gap:4px;padding:12px 14px}
.ch-msg.yaziyor i{width:6px;height:6px;border-radius:50%;background:var(--fg-3);animation:nokta 1.2s infinite}
.ch-msg.yaziyor i:nth-child(2){animation-delay:.2s}.ch-msg.yaziyor i:nth-child(3){animation-delay:.4s}
@keyframes nokta{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}
.ch-chips{display:flex;flex-wrap:wrap;gap:6px}.ch-chips:empty{display:none}
.ch-chips button{font-size:13px;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer;transition:border-color .2s,background .2s}
.ch-chips button:hover{border-color:var(--fg-3);background:var(--bg)}
.ch-done{display:grid;gap:8px;padding:14px;border-radius:12px;background:var(--bg);border:1px solid var(--line);animation:up .4s var(--ease) both}
.ch-done b{font-size:15px;font-weight:600}
.ch-done p{margin:0;font-size:13px;color:var(--fg-2)}
.ch-done .btn-gold{width:100%}
.ch-in{display:flex;gap:8px;padding-top:2px}
.ch-in input{flex:1;height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--fg);font:400 15px var(--f-sans)}
.ch-in input::placeholder{color:var(--fg-3)}
.ch-in input:focus{outline:none;border-color:var(--fg-3)}
.chat.bekliyor .ch-in input{border-color:var(--accent);box-shadow:0 0 0 3px rgba(138,106,18,.1)}
.chat.bekliyor .ch-in input::placeholder{color:var(--accent)}
.ch-in button{width:46px;height:46px;border-radius:12px;border:0;background:var(--night);color:#F4EFE6;font-size:19px;cursor:pointer}
.ch-in button:disabled{opacity:.45;cursor:default}
.ch-foot{margin:0;font-size:11.5px;color:var(--fg-3);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ch-form-btn{font:400 11.5px var(--f-sans);background:none;border:0;color:var(--fg-2);text-decoration:underline;cursor:pointer;padding:0}
.chat[hidden],.form[hidden],.ch-done[hidden]{display:none}
@media (max-width:640px){.chat{height:min(580px,76vh);padding:14px}}
/* Yedek form da açık zeminde */
.contact .glass{background:var(--surface);border-color:var(--line)}
.contact .field select option{background:#fff;color:#0B1626}
.form{display:grid;gap:12px}
.form fieldset{border:0;margin:0;padding:0;min-width:0;display:grid;gap:12px}
.form fieldset[hidden]{display:none}
.form .field.err{box-shadow:0 0 0 1px #E0754B inset}.form .ck.err span{color:#E0754B}
.form .step-ind{font-size:12px;color:var(--fg-3)}
.form .s2-lead{margin:0 0 4px;font-size:15px;color:var(--fg)}
.form .s2{animation:up .6s var(--ease) both}
/* Basında: footer üstü tek satır */
.press{padding-top:clamp(40px,6vh,64px);padding-bottom:0}
.press .label{display:block;margin-bottom:14px}
.press-item{display:grid;grid-template-columns:auto 1fr auto;gap:8px 28px;align-items:baseline;padding:22px 0;border-block:1px solid var(--line);color:inherit;text-decoration:none}
.press-item time{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);white-space:nowrap}
.press-title{font-family:var(--f-display);font-weight:500;font-size:clamp(19px,1.7vw,26px);line-height:1.2;letter-spacing:-.01em}
.press-go{font-size:14px;color:var(--accent);white-space:nowrap}
.press-item:hover .press-title{color:var(--accent)}
@media (max-width:640px){.press-item{grid-template-columns:1fr;gap:6px}}
.form .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.field{position:relative}
.field svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--fg-3);fill:none;stroke-width:1.5;pointer-events:none}
.field input,.field select{width:100%;height:48px;padding:0 14px 0 42px;border-radius:12px;border:1px solid var(--glass-line);background:rgba(255,255,255,.04);color:var(--fg);font:400 15px var(--f-sans);appearance:none;-webkit-appearance:none}
.field select{background-image:linear-gradient(45deg,transparent 50%,var(--fg-3) 50%),linear-gradient(-45deg,transparent 50%,var(--fg-3) 50%);background-size:5px 5px;background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-repeat:no-repeat}
.field select option{background:var(--night);color:var(--fg)}
.field input::placeholder{color:var(--fg-3)}
.field input:focus,.field select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,58,.18)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:520px){.two{grid-template-columns:1fr}}
.ck{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--fg-2)}
.ck input{margin-top:2px;accent-color:var(--gold)}
.ck a{color:var(--accent)}
.form .btn-gold{width:100%;margin-top:6px}
.form .ok{margin:0;font-size:14px;color:var(--live)}
.form .note{margin:0;text-align:center;font-size:12px;color:var(--fg-3)}

/* ---------- FOOTER ---------- */
footer{padding-top:clamp(64px,10vh,110px);padding-bottom:24px}
footer .cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media (max-width:760px){footer .cols{grid-template-columns:1fr}}
footer .cols div{display:grid;gap:8px;align-content:start}
footer .cols i{font-style:normal;display:flex;gap:10px;font-size:12px;color:var(--fg-3);margin-bottom:8px}
footer .cols i b{color:var(--accent)}
footer .cols a:hover{color:var(--accent)}
footer .big{font-family:var(--f-display);font-weight:500;font-size:clamp(110px,27vw,420px);line-height:.8;letter-spacing:-.04em;text-align:center;margin:clamp(48px,8vh,96px) 0 20px;
  background:linear-gradient(180deg,var(--fg) 30%,transparent);-webkit-background-clip:text;background-clip:text;color:transparent}
footer .legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--fg-3);border-top:1px solid var(--line);padding-top:18px}

/* ---------- PROJE SAYFASI ---------- */
.facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-block:1px solid var(--line)}
.facts div{padding:22px 18px;display:grid;gap:6px;border-left:1px solid var(--line)}
.facts div:first-child{border-left:0;padding-left:0}
.facts b{font-family:var(--f-display);font-weight:500;font-size:clamp(30px,3vw,46px);line-height:1}
.facts span{font-size:13px;color:var(--fg-2)}
@media (max-width:860px){.facts{grid-template-columns:1fr 1fr}.facts div{border-left:0;padding-left:0;border-top:1px solid var(--line)}.facts div:nth-child(-n+2){border-top:0}}
.units{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:1000px){.units{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.units{grid-template-columns:1fr}}
.u{display:grid;gap:14px;align-content:start}
.u .plan{aspect-ratio:1/1;border-radius:var(--r);background:var(--surface);border:1px solid var(--glass-line);display:grid;place-items:center;position:relative}
.u .plan svg{width:62%;height:62%;stroke:var(--fg-2);fill:none;stroke-width:1.1}
.u .plan .chip{position:absolute;top:12px;left:12px}
.u h3{margin:0;font-size:var(--t-card);font-weight:400}
.u p{margin:0;color:var(--fg-2)}
.pending{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:6px;border:1px dashed var(--accent);color:var(--accent);font-size:11px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.amen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(11,22,38,.14)}
@media (max-width:860px){.amen{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.amen{grid-template-columns:1fr}}
.amen div{padding:24px 18px 24px 0;border-bottom:1px solid rgba(11,22,38,.14);display:grid;grid-template-columns:40px 1fr;gap:2px 14px}
.amen svg{width:32px;height:32px;stroke:#8A6A12;fill:none;stroke-width:1.3;grid-row:span 2}
.amen b{font-size:17px}
.amen span{color:rgba(11,22,38,.62);font-size:14px}
.maket{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center}
@media (max-width:860px){.maket{grid-template-columns:1fr}}
.maket .im{border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;position:relative}
.maket .im img{width:100%;height:100%;object-fit:cover}
.maket h3{margin:14px 0;font-size:var(--t-h2);line-height:1;letter-spacing:-.0125em;font-weight:400}
.maket h3 em{font-family:var(--f-display);font-weight:500}
.maket p{margin:0 0 24px;color:var(--fg-2);max-width:42ch}
.faq{display:grid;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-size:var(--t-card)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:0 0 26px;height:26px;border-radius:8px;border:1px solid var(--glass-line);background:
  linear-gradient(var(--accent),var(--accent)) center/10px 1.5px no-repeat,linear-gradient(var(--accent),var(--accent)) center/1.5px 10px no-repeat;transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .a{padding:0 0 24px;color:var(--fg-2);max-width:68ch;display:grid;gap:10px;justify-items:start}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .grow{height:auto}.grow .stick{position:relative;height:80vh}.grow figure{--p:1!important}
  .float{height:auto}.float .stick{position:relative;height:90vh}
  .statement p .w{color:var(--fg)}
}

/* nestgyo.com menü fontu: arayüz öğeleri Poppins, metin Manrope */
.menu a,.menu .lang,.btn-gold,.btn-line,.chip,.count,.label,.vt-nav button,.ch-chips button,.quick a,.pending,.vt-place,.rb small{font-family:var(--f-ui)}
.label,.vt-place,.rb small{letter-spacing:.14em}
h1,h2,h3{letter-spacing:-.02em}

/* Çerez bandı: küçük, sakin; mobilde hızlı iletişim çubuğunun üstünde */
.cerez{position:fixed;left:16px;bottom:16px;z-index:120;max-width:420px;padding:16px;border-radius:14px;background:var(--surface);color:var(--fg);border:1px solid var(--line);box-shadow:0 12px 32px -16px rgba(11,22,38,.25);display:grid;gap:12px;font-size:14px;line-height:1.5}
.cerez p{margin:0;color:var(--fg-2)}
.cerez div{display:flex;gap:8px;justify-content:flex-end}
.cerez .btn-gold,.cerez .btn-line{height:38px;padding:0 14px;font-size:14px}
@media (max-width:900px){.cerez{left:12px;right:12px;bottom:84px;max-width:none}}
.cerez-ayar{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}

/* ── Yasal metinler sayfası (kvkk.html) ── */
.hukuk .doc{max-width:760px;margin:0 auto;padding:140px var(--g) 64px;font:400 16px/1.7 var(--f-sans);color:var(--fg)}
.doc-k{font:500 12px/1 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}
.doc h1{font:500 clamp(30px,4vw,46px)/1.12 var(--f-display);letter-spacing:-.02em;margin:0 0 14px}
.doc-g{color:var(--fg-2);margin:0 0 28px}
.doc-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 48px}
.doc-toc a{font:500 13px/1 var(--f-ui);padding:10px 14px;border:1px solid var(--line);border-radius:999px;color:var(--fg);text-decoration:none}
.doc-toc a:hover{border-color:var(--gold)}
.doc section{padding-top:24px;margin-bottom:40px;border-top:1px solid var(--line);scroll-margin-top:96px}
.doc h2{font:600 22px/1.3 var(--f-display);margin:12px 0 16px}
.doc h3{font:600 16px/1.4 var(--f-display);margin:28px 0 8px}
.doc p,.doc li{color:var(--fg-2)}
.doc b{color:var(--fg);font-weight:600}
.doc ul{padding-left:20px;margin:8px 0}
.doc li{margin:6px 0}
.doc a{color:var(--accent)}
.doc-t{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0;display:block;overflow-x:auto}
.doc-t th,.doc-t td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
.doc-t th{font:500 12px/1.3 var(--f-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3)}
.doc-t td:first-child{color:var(--fg);font-weight:500;white-space:nowrap}
.doc mark.eksik{background:#FFE8A3;color:#5A4300;padding:1px 4px;border-radius:4px}
.doc-s{font-size:13px;color:var(--fg-3)}
.doc-foot{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;max-width:760px;margin:0 auto;padding:24px var(--g) 48px;border-top:1px solid var(--line);font:400 13px/1.5 var(--f-ui);color:var(--fg-3)}
.doc-foot a{color:inherit}
@media (max-width:820px){.hukuk .menu a,.hukuk .menu .lang{display:inline-flex}.hukuk .menu{gap:14px;font-size:13px}.hukuk .doc{padding-top:110px}}
@media (max-width:600px){.doc-t{display:table}.doc-t thead{display:none}.doc-t tr{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.doc-t td{display:block;border:0;padding:2px 0}.doc-t td:first-child{white-space:normal;margin-bottom:4px}}
.hukuk .nav::before{opacity:1;inset:0;background:var(--bar);border-bottom:1px solid var(--line)}.hukuk .menu a{white-space:nowrap}

/* ── Proje sayfaları (nest-108, nest-of-soke, nest32) — tools/proje-sayfa.mjs ── */
.pj{--pa:var(--gold)}
.pj-108{--pa:#C9A23A}
.pj-soke{--pa:#B07A4F}   /* sıcak taş: rezidans, iç mekân */
.pj-32{--pa:#5E7D99}     /* çelik mavi: sanayi */
.pj .hero .frame::after{background:linear-gradient(180deg,rgba(4,10,20,.55) 0%,rgba(4,10,20,.08) 38%,rgba(4,10,20,.15) 62%,rgba(4,10,20,.78) 100%)}
.pj .hero .brand .rule{background:linear-gradient(90deg,transparent,var(--pa),transparent)}
.pj .facts.four{margin-left:0}
.pj .count i{color:var(--pa)}
.pj-hikaye p{font-size:clamp(24px,2.7vw,42px)!important;line-height:1.15}
.pj-hikaye p .l{padding-left:0!important;margin-bottom:.2em}
.pj-hikaye p .l:nth-child(2){color:var(--fg-2)}
.pj-hikaye p .l:nth-child(3){color:var(--fg-3)}

/* Kısa cevap + künye: AI aramaları için cevap önce, veri yanında */
.pj-ozet{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,5vw,80px);align-items:start}
.pj-ozet .lead{margin:0;font-size:clamp(17px,1.35vw,20px);line-height:1.6;color:var(--fg)}
.pj-ozet dl{margin:0;border-top:2px solid var(--pa)}
.pj-ozet dl div{display:grid;grid-template-columns:minmax(110px,.8fr) 1.4fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.pj-ozet dt{font:500 12px/1.5 var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}
.pj-ozet dd{margin:0;font-size:15px;line-height:1.5}

/* Özellik grupları */
.pj-spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg,18px);overflow:hidden}
.pj-spec>div{background:var(--bg);padding:clamp(22px,2.4vw,34px)}
.pj-spec h3{margin:0 0 16px;font:600 13px/1.3 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--pa)}
.pj-spec ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.pj-spec li{position:relative;padding-left:18px;font-size:15px;line-height:1.45;color:var(--fg)}
.pj-spec li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:1px;background:var(--pa)}

/* Galeri mozaiği: büyük/küçük ritim, 7'li döngü */
.pj-mozaik{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:clamp(120px,13vw,220px);gap:clamp(8px,1vw,14px)}
.pj-mozaik figure{margin:0;display:grid;grid-template-rows:1fr auto;gap:8px;min-height:0}
.pj-mozaik .im{position:relative;overflow:hidden;border-radius:14px;background:var(--bg-2);min-height:0}
.pj-mozaik img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease)}
.pj-mozaik figure:hover img{transform:scale(1.04)}
.pj-mozaik .chip{position:absolute;left:12px;top:12px}
.pj-mozaik figcaption{display:flex;justify-content:space-between;font-size:13px;color:var(--fg-2)}
.pj-mozaik .m0{grid-column:span 4;grid-row:span 3}
.pj-mozaik .m1{grid-column:span 2;grid-row:span 3}
.pj-mozaik .m2,.pj-mozaik .m3,.pj-mozaik .m4{grid-column:span 2;grid-row:span 2}
.pj-mozaik .m5{grid-column:span 3;grid-row:span 2}
.pj-mozaik .m6{grid-column:span 3;grid-row:span 2}

/* Konum noktaları (Nest32) */
.pj-nokta{list-style:none;margin:0;padding:0;border-top:2px solid var(--pa)}
.pj-nokta li{display:grid;grid-template-columns:40px 110px 1fr;gap:14px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line)}
.pj-nokta i{font-style:normal;color:var(--pa)}
.pj-nokta b{font-weight:600}
.pj-nokta span{color:var(--fg-2)}

/* AZURE köprüsü */
.pj-kopru{padding-block:clamp(40px,6vh,80px)}
.pj-kopru .kp{display:grid;grid-template-columns:1.2fr 1fr;border-radius:var(--r-lg,18px);overflow:hidden;background:var(--night);color:#EFE9DC;text-decoration:none}
.pj-kopru .im{position:relative;min-height:320px}
.pj-kopru .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.pj-kopru .kp:hover .im img{transform:scale(1.04)}
.pj-kopru .im .chip{position:absolute;left:14px;top:14px}
.pj-kopru .tx{padding:clamp(28px,4vw,56px);display:grid;align-content:center;gap:16px}
.pj-kopru .label{color:rgba(239,233,220,.6)}
.pj-kopru h2{margin:0;font:400 clamp(34px,4vw,60px)/1 var(--f-display);letter-spacing:-.02em}
.pj-kopru h2 em{font-style:normal;color:var(--gold-hi)}
.pj-kopru p{margin:0;color:rgba(239,233,220,.75);line-height:1.6;max-width:44ch}
.pj-kopru .btn-gold{justify-self:start}

.pj-guncel{margin:20px 0 0;font-size:12px;color:var(--fg-3)}
.pj-diger{padding-block:0 clamp(60px,9vh,110px)}
.pj-diger ul{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pj-diger a{display:grid;gap:4px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;color:var(--fg);text-decoration:none;transition:border-color .3s}
.pj-diger a:hover{border-color:var(--pa)}
.pj-diger b{font-weight:600}
.pj-diger span{font-size:13px;color:var(--fg-2)}

@media (max-width:900px){
  .pj-ozet,.pj-kopru .kp{grid-template-columns:1fr}
  .pj-mozaik{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}
  .pj-mozaik figure[class]{grid-column:span 1;grid-row:span 2}
  .pj-mozaik .m0{grid-column:span 2!important}
  .pj-diger ul{grid-template-columns:1fr}
  .pj-kopru .im{min-height:220px}
  .pj-nokta li{grid-template-columns:28px 90px 1fr}
  .pj .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pj .facts div{border-left:0;padding-left:0}
}

/* ── Ana sayfa hero slider: Nest AZURE → Nest32 (index.html .hero.hs) ── */
.hero.hs{--hs-sure:7s}
.hero.hs .frame::after{display:none}
.hero.hs .hs-s{position:absolute;inset:0;isolation:isolate;opacity:0;visibility:hidden;transition:opacity 1.1s var(--ease),visibility 0s linear 1.1s}
.hero.hs .hs-s.on{opacity:1;visibility:visible;transition:opacity 1.1s var(--ease),visibility 0s}
.hero.hs .hs-s::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(70% 55% at 50% 22%,rgba(4,10,20,.42) 0%,rgba(4,10,20,0) 75%),
  linear-gradient(180deg,rgba(4,10,20,.62) 0%,rgba(4,10,20,.22) 34%,rgba(4,10,20,0) 52%,rgba(4,10,20,.35) 74%,rgba(4,10,20,.9) 100%)}
.hero.hs .hs-s>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.1)}
.hero.hs .hs-s.on>img{animation:kb 12s var(--ease) forwards}
/* Logo koreografisi her slayt açılışında yeniden oynar (JS sınıfı kaldırıp geri ekler) */
.hero.hs.intro .hs-s .brand .ch,.hero.hs.intro .hs-s .brand .rule,.hero.hs.intro .hs-s .brand .s,.hero.hs.intro .hs-s .brand .status,.hero.hs.intro .hs-s .under,.hero.hs.intro .hs-s .brand .w::after{animation:none}
.hero.hs.intro .hs-s.on .brand .ch{animation:rise 1.5s cubic-bezier(.16,.84,.24,1) both;animation-delay:calc(.25s + var(--i) * .11s)}
.hero.hs.intro .hs-s.on .brand .rule{animation:draw 1.2s cubic-bezier(.65,0,.35,1) 1.05s both}
.hero.hs.intro .hs-s.on .brand .s{animation:track 1.8s cubic-bezier(.16,.84,.24,1) 1.15s both}
.hero.hs.intro .hs-s.on .brand .s.top{animation-delay:.1s}
.hero.hs.intro .hs-s.on .brand .status{animation:up 1s var(--ease) .1s both}
.hero.hs.intro .hs-s.on .brand .w::after{animation:glint 2.2s cubic-bezier(.4,0,.2,1) 2.2s both}
.hero.hs.intro .hs-s.on .under{animation:up 1s var(--ease) 1.4s both}
.hero.hs.intro .hs-s.on>img{animation:kb 12s var(--ease) forwards,dawn 2.4s ease-out both}
/* Slayt seçici: sağda dikey, ilerleme çizgisiyle */
.hs-nav{position:absolute;right:clamp(16px,4vw,64px);top:50%;transform:translateY(-50%);z-index:3;display:grid;gap:10px}
.hs-nav button{position:relative;display:grid;grid-template-columns:auto auto;align-items:center;gap:10px;justify-content:end;padding:8px 0 12px;border:0;background:none;color:rgba(239,233,220,.55);font:500 13px/1 var(--f-ui);letter-spacing:.06em;cursor:pointer;text-align:right;transition:color .3s}
.hs-nav button span{font-size:11px;opacity:.7}
.hs-nav button b{font-weight:500}
.hs-nav button.on,.hs-nav button:hover{color:#fff}
.hs-nav button i{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(239,233,220,.22);overflow:hidden;border-radius:2px}
.hs-nav button i::after{content:"";position:absolute;inset:0;background:var(--gold-hi);transform:scaleX(0);transform-origin:left}
.hs-nav button.on i::after{animation:hs-ilerle var(--hs-sure) linear forwards}
.hero.hs.durdu .hs-nav button.on i::after{animation-play-state:paused}
@keyframes hs-ilerle{to{transform:scaleX(1)}}
.hs-nav button:focus-visible{outline:2px solid var(--gold-hi);outline-offset:4px;border-radius:4px}
@media (max-width:640px){
  .hs-nav{top:auto;bottom:auto;right:auto;left:clamp(16px,4vw,64px);transform:none;top:calc(100% - 250px);grid-auto-flow:column;gap:14px}
  .hs-nav button b{display:none}
  .hs-nav button{padding:6px 0 10px;min-width:44px;justify-content:start}
}
@media (prefers-reduced-motion:reduce){.hs-nav button.on i::after{animation:none;transform:scaleX(1)}}
.hs-nav button{text-shadow:0 1px 14px rgba(4,10,20,.75)}
.mesafe dd{display:flex;align-items:baseline;gap:10px;white-space:nowrap}
.mesafe dd b{font-weight:500;font-size:16px}
.mesafe dd .sure{font-size:13px;color:var(--fg-2)}
.mesafe-not{margin:12px 0 0;font-size:12px;color:var(--fg-3)}

.cerez p a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.cerez .cerez-ikon { font-size: 1.25em; margin-right: 8px; vertical-align: -2px; }

/* ── Hızlı yanıt çipleri v2: sabit satır, yan kaydırma, sıralı giriş, seçim onayı ── */
.ch-chips,.ch-chips:empty{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;height:44px;min-height:44px;overflow-x:auto;overflow-y:hidden;
  margin:0 -16px;padding:0 16px;scroll-padding-inline:16px;scrollbar-width:none;overscroll-behavior-x:contain;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 28px),transparent 100%)}
.ch-chips::-webkit-scrollbar{display:none}
.ch-chips button{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px 0 12px;border-radius:999px;
  border:1px solid rgba(201,162,58,.55);background:linear-gradient(180deg,#FFFBF0 0%,#FBF2DA 100%);color:#4E3C07;
  font-size:13.5px;font-weight:500;letter-spacing:.005em;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 1px 2px rgba(78,60,7,.08);
  transition:transform .18s var(--ease),border-color .2s,background .2s,box-shadow .2s,opacity .18s;
  animation:cip-gir .38s var(--ease) backwards;animation-delay:calc(var(--i,0) * 55ms)}
.ch-chips button::before{content:"";width:14px;height:14px;flex:0 0 auto;background:currentColor;opacity:.75;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E") center/contain no-repeat}
.ch-chips button:hover{border-color:var(--gold);background:linear-gradient(180deg,#FFF8E6 0%,#F7E7BD 100%);transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 4px 10px -4px rgba(138,106,18,.35)}
.ch-chips button:active{transform:scale(.96)}
.ch-chips button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.ch-chips button.secildi{background:var(--night);border-color:var(--night);color:#F4EFE6;transform:scale(1.04);box-shadow:0 6px 16px -6px rgba(7,26,48,.5)}
.ch-chips button.gidiyor{opacity:0;transform:translateY(6px) scale(.96);pointer-events:none}
.ch-chips.kilit button:not(.secildi){opacity:.4}
@keyframes cip-gir{from{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ch-chips button{animation:none}}
@media (max-width:640px){.ch-chips,.ch-chips:empty{margin:0 -14px;padding:0 14px}}
/* Sohbet kutusu: dikey akış. Yalnız mesaj alanı esner; çip satırı ve giriş sabit yerde kalır */
.chat{display:flex;flex-direction:column}
.chat>*{flex:0 0 auto}
.chat>.ch-log{flex:1 1 auto;min-height:0}
.ch-log>.ch-msg:first-child{margin-top:auto}
.ch-who{min-width:0}
.ch-st{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Tek satırlık çip ve durum satırları kutuyu genişletmesin */
.contact .in>*{min-width:0}
.chat,.chat>*,.ch-top,.ch-who{min-width:0;max-width:100%}

/* ── İletişim: lacivert zemin + sakin deniz ışığı (2026-11-05) ── */
.contact.deniz{background:linear-gradient(180deg,#071A30 0%,#0A2340 55%,#06172B 100%)}
/* Süzülen ışık: iki yumuşak leke, 26 sn'de bir gidip gelir */
.contact.deniz::before{content:"";position:absolute;inset:-20%;z-index:-2;pointer-events:none;
  background:
    radial-gradient(38% 42% at 22% 30%,rgba(235,203,110,.16) 0%,rgba(235,203,110,0) 70%),
    radial-gradient(42% 46% at 78% 72%,rgba(47,143,216,.20) 0%,rgba(47,143,216,0) 70%);
  animation:deniz-isik 26s ease-in-out infinite alternate}
@keyframes deniz-isik{
  0%{transform:translate3d(-4%,-2%,0) scale(1)}
  50%{transform:translate3d(3%,3%,0) scale(1.06)}
  100%{transform:translate3d(-2%,4%,0) scale(1.02)}}
/* İnce dalga çizgileri: altta, çok yavaş kayar */
.contact.deniz::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;z-index:-1;pointer-events:none;opacity:.55;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='120' viewBox='0 0 480 120'%3E%3Cg fill='none' stroke='%23EBCB6E' stroke-opacity='.22' stroke-width='1'%3E%3Cpath d='M0 30 Q60 18 120 30 T240 30 T360 30 T480 30'/%3E%3Cpath d='M0 62 Q60 50 120 62 T240 62 T360 62 T480 62' stroke-opacity='.15'/%3E%3Cpath d='M0 94 Q60 82 120 94 T240 94 T360 94 T480 94' stroke-opacity='.09'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:repeat-x;background-size:480px 120px;background-position:0 100%;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 60%);mask-image:linear-gradient(180deg,transparent 0%,#000 60%);
  animation:deniz-dalga 40s linear infinite}
@keyframes deniz-dalga{to{background-position:-480px 100%}}
@media (prefers-reduced-motion:reduce){.contact.deniz::before,.contact.deniz::after{animation:none}}
/* Sohbet ve yedek form açık kalır: okunurluk */
.contact.dark .chat,.contact.dark .form{
  --bg:#F7F3EC; --bg-2:#EFE8DA; --surface:#FFFFFF;
  --fg:#0B1626; --fg-2:rgba(11,22,38,.66); --fg-3:rgba(11,22,38,.44);
  --line:rgba(11,22,38,.12); --glass:rgba(11,22,38,.04); --glass-line:rgba(11,22,38,.12);
  --accent:#8A6A12; color-scheme:light; color:var(--fg)}
.contact.dark .chat{border-color:rgba(255,255,255,.08);box-shadow:0 30px 60px -30px rgba(0,0,0,.55),0 0 0 1px rgba(235,203,110,.08)}
.contact.dark .direct a{color:#EFE9DC}
.contact .direct a.num{white-space:nowrap}
/* Haber sayfası (medya-azure.html) */
.makale .doc h1{font-size:clamp(28px,3.4vw,42px)}
.mk-gorsel{margin:8px 0 32px}
.mk-gorsel img{display:block;width:100%;max-width:560px;height:auto;border-radius:14px}
.mk-alinti{margin:24px 0;padding:6px 0 6px 20px;border-left:2px solid var(--gold);font:500 clamp(19px,1.8vw,24px)/1.45 var(--f-display);color:var(--fg)}
.mk-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}