/* ==========================================================================
   POLİN YAPI — CINEMA TEMA (v15)
   Tüm renkler/fontlar aşağıdaki değişkenlerden değiştirilebilir.
   ========================================================================== */
:root{
  --cbg:#07090a; --cbg2:#0d1113; --cbg3:#13181a;
  --cink:#f4efe7; --cmut:#9ea4a1; --cline:rgba(244,239,231,.14);
  --cgold:#cdb083; --cgold2:#ead7ae; --cgold-d:#8d7248;
  --cserif:'Cormorant Garamond','Cormorant','Playfair Display',Georgia,'Times New Roman',serif;
  --csans:'Manrope','DM Sans',Arial,sans-serif;
  --ce:cubic-bezier(.16,1,.3,1);
  --cw:1560px;
}
html{scroll-behavior:auto}
body.cx-dark{background:var(--cbg);color:var(--cink);font-family:var(--csans)}
body.cx-dark ::selection{background:var(--cgold);color:#07090a}
body.cx-dark{scrollbar-width:thin;scrollbar-color:var(--cgold-d) var(--cbg)}
body.menu-open{overflow:hidden}
.cx-wrap{max-width:var(--cw);margin-inline:auto;padding-inline:clamp(20px,5vw,92px)}
.cx-dark img{display:block;width:100%;height:100%;object-fit:cover}

/* ---------- film grain + progress ---------- */
.cx-grain{position:fixed;inset:0;z-index:9000;pointer-events:none;opacity:.07;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.cx-progress{position:fixed;left:0;top:0;height:3px;width:100%;z-index:9500;background:linear-gradient(90deg,var(--cgold-d),var(--cgold2));transform-origin:0 50%;transform:scaleX(0);pointer-events:none}

/* ---------- preloader ---------- */
.cx-pre{position:fixed;inset:0;z-index:9800;background:var(--cbg);display:none;align-items:center;justify-content:center;color:var(--cink);
  transition:transform 1.1s var(--ce) .1s}
html.cx-pre-on .cx-pre{display:flex}
html.cx-pre-on body{overflow:hidden}
.cx-pre.out{transform:translateY(-101%)}
.cx-pre-in{text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px;transition:opacity .5s,transform .8s var(--ce)}
.cx-pre.out .cx-pre-in{opacity:0;transform:translateY(-30px)}
.cx-pre-logo{font:600 clamp(80px,14vw,150px)/1 var(--cserif);color:var(--cgold);letter-spacing:-.02em;animation:cxLogo 1.6s var(--ce) both}
.cx-pre-logo i{font-style:normal;color:var(--cink);font-size:.5em;vertical-align:.5em}
.cx-pre-name{font:700 11px var(--csans);letter-spacing:.55em;text-indent:.55em;color:var(--cmut);animation:cxFade 1s .4s both}
.cx-pre-bar{width:min(240px,60vw);height:1px;background:var(--cline);position:relative;overflow:hidden}
.cx-pre-bar i{position:absolute;inset:0;background:var(--cgold);transform-origin:0 50%;transform:scaleX(0)}
.cx-pre-num{font:500 13px var(--csans);letter-spacing:.25em;color:var(--cgold);font-variant-numeric:tabular-nums}
@keyframes cxLogo{from{opacity:0;transform:scale(.82);filter:blur(12px)}to{opacity:1;transform:none;filter:none}}
@keyframes cxFade{from{opacity:0}to{opacity:1}}

/* ---------- custom cursor ---------- */
.cx-cur{position:fixed;left:0;top:0;z-index:9700;pointer-events:none;opacity:0;transition:opacity .3s}
.cx-cur.on{opacity:1}
.cx-cur-dot{width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--cgold2)}
.cx-cur-ring{width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:1px solid rgba(234,215,174,.7);
  display:grid;place-items:center;font:800 9px var(--csans);letter-spacing:.2em;color:#07090a;
  transition:width .45s var(--ce),height .45s var(--ce),margin .45s var(--ce),background .3s,border-color .3s,backdrop-filter .3s}
.cx-cur-ring span{opacity:0;transition:opacity .25s;text-indent:.2em}
.cx-cur.hov .cx-cur-ring{width:76px;height:76px;margin:-38px 0 0 -38px;background:rgba(205,176,131,.12);backdrop-filter:blur(2px)}
.cx-cur.lbl .cx-cur-ring{width:96px;height:96px;margin:-48px 0 0 -48px;background:var(--cgold2);border-color:var(--cgold2)}
.cx-cur.lbl .cx-cur-ring span{opacity:1}
.cx-cur.lbl .cx-cur-dot{opacity:0}
.cx-cur.down .cx-cur-ring{transform:scale(.8)}
@media (hover:hover) and (pointer:fine){
  html.cx-cur-on body.cx-dark,html.cx-cur-on body.cx-dark a,html.cx-cur-on body.cx-dark button,html.cx-cur-on body.cx-dark [data-cur]{cursor:none}
  html.cx-cur-on body.cx-dark input,html.cx-cur-on body.cx-dark textarea,html.cx-cur-on body.cx-dark select{cursor:text}
}
@media (hover:none),(pointer:coarse){.cx-cur{display:none}}

/* ---------- header (glass, shrink) ---------- */
body.cx .topbar.polin-header{transition:height .55s var(--ce),background .5s,backdrop-filter .5s,border-color .5s,transform .5s var(--ce)!important}
body.cx.cx-hero .topbar.polin-header{position:fixed!important;inset:0 0 auto 0!important;width:100%;height:98px!important;
  background:linear-gradient(rgba(7,9,10,.55),transparent)!important;border-bottom:1px solid transparent!important}
body.cx.cx-hero.scrolled .topbar.polin-header,
body.cx:not(.cx-hero) .topbar.polin-header{height:68px!important;min-height:68px!important;
  background:rgba(8,10,11,.62)!important;-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);
  border-bottom:1px solid rgba(205,176,131,.2)!important}
body.cx:not(.cx-hero) .topbar.polin-header{position:sticky!important;top:0;background:rgba(8,10,11,.9)!important}
.polin-header .brand-symbol{font-family:var(--cserif)!important;font-weight:600!important;border-radius:0;transition:transform .6s var(--ce)}
.polin-header .brand:hover .brand-symbol{transform:rotate(-8deg) scale(1.08)}
.polin-header .brand strong{letter-spacing:.3em!important;font-weight:700!important}
.polin-nav>a,.polin-nav .nav-parent{letter-spacing:.06em;font-weight:600!important;text-transform:uppercase;font-size:11.5px!important}
.polin-nav>a:after,.polin-nav .nav-parent:after{background:var(--cgold)!important;bottom:calc(50% - 18px)!important}
.polin-nav>a:hover,.polin-nav .nav-parent:hover,.polin-nav>a[aria-current]{color:var(--cgold2)!important}
.polin-header .nav-cta{background:transparent!important;border:1px solid var(--cgold)!important;color:var(--cgold2)!important;border-radius:0;
  letter-spacing:.14em;text-transform:uppercase;font-size:11px!important;padding:14px 22px!important;transition:background .4s,color .4s!important}
.polin-header .nav-cta:hover{background:var(--cgold)!important;color:#07090a!important}
.polin-header .menu-button{border-radius:0!important;border-color:rgba(205,176,131,.5)!important;gap:7px!important;position:relative;z-index:1105}
.polin-header .menu-button span{transition:transform .5s var(--ce)!important}
.polin-header .menu-button[aria-expanded="true"] span:first-child{transform:translateY(4.5px) rotate(45deg)}
.polin-header .menu-button[aria-expanded="true"] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}

@media(max-width:960px){
  body.cx .topbar.polin-header{height:72px!important}
  body.cx .polin-header .polin-nav{position:fixed!important;inset:0!important;top:0!important;max-height:none!important;height:100dvh;
    background:radial-gradient(120% 80% at 100% 0,#1a1d1b,#07090a 70%)!important;padding:104px 28px 40px!important;display:flex!important;
    flex-direction:column;justify-content:flex-start;clip-path:circle(0 at calc(100% - 38px) 36px);transition:clip-path .9s var(--ce);
    visibility:hidden;border:0!important;box-shadow:none!important}
  body.cx .polin-header .polin-nav.open{clip-path:circle(150% at calc(100% - 38px) 36px);visibility:visible}
  body.cx .polin-nav>a,body.cx .polin-nav .nav-parent{font:500 clamp(30px,8.5vw,44px)/1.1 var(--cserif)!important;text-transform:none;letter-spacing:0;min-height:68px!important;
    border-bottom:1px solid var(--cline)!important;color:var(--cink)!important}
  body.cx .polin-nav .nav-sub{background:transparent!important}
  body.cx .polin-nav .nav-sub a{font:500 18px var(--csans);color:var(--cmut)!important;min-height:48px}
}

/* ---------- shared type / buttons ---------- */
.cx-eyebrow{display:inline-flex;align-items:center;gap:16px;font:700 11px var(--csans);letter-spacing:.38em;text-transform:uppercase;color:var(--cgold)}
.cx-eyebrow:before{content:"";width:44px;height:1px;background:var(--cgold)}
.cx-h2{font:500 clamp(42px,6.6vw,118px)/.96 var(--cserif);letter-spacing:-.015em;margin:22px 0 0;color:var(--cink)}
.cx-h2 em,.cx-mega-sub,.cx-num-d em{font-style:italic;font-weight:500;color:var(--cgold)}
.cx-p{font:400 clamp(15px,1.12vw,18px)/1.9 var(--csans);color:var(--cmut);margin:0}
.cx-btn{position:relative;display:inline-flex;align-items:center;gap:16px;padding:20px 32px;border:1px solid var(--cgold);color:var(--cgold2);background:transparent;
  font:700 11px var(--csans);letter-spacing:.24em;text-transform:uppercase;overflow:hidden;isolation:isolate;transition:color .5s var(--ce)}
.cx-btn:before{content:"";position:absolute;inset:0;background:var(--cgold);transform:translateY(101%);transition:transform .6s var(--ce);z-index:-1}
.cx-btn:hover{color:#07090a}.cx-btn:hover:before{transform:none}
.cx-btn.solid{background:var(--cgold);color:#07090a}.cx-btn.solid:before{background:var(--cink)}
.cx-btn .ar{transition:transform .5s var(--ce)}.cx-btn:hover .ar{transform:translateX(6px)}
.cx-play{display:inline-flex;align-items:center;gap:16px;color:var(--cink);background:none;border:0;padding:0;font:700 11px var(--csans);letter-spacing:.24em;text-transform:uppercase}
.cx-play i{width:62px;height:62px;border-radius:50%;border:1px solid var(--cline);display:grid;place-items:center;font-style:normal;font-size:13px;color:var(--cgold2);position:relative;transition:background .4s,color .4s,border-color .4s}
.cx-play i:after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid var(--cgold);animation:cxPulse 2.4s infinite}
.cx-play:hover i{background:var(--cgold);color:#07090a;border-color:var(--cgold)}
@keyframes cxPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.6);opacity:0}}

/* ---------- reveal states (güvenli: JS yoksa her şey görünür) ---------- */
[data-r],[data-h],.cx-ch b{transition:opacity 1.1s var(--ce),transform 1.3s var(--ce),filter 1.1s var(--ce);transition-delay:var(--d,0s)}
html.cx-js:not(.cx-safe) [data-r]{opacity:0;transform:translateY(46px);filter:blur(6px)}
html.cx-js:not(.cx-safe) [data-r].in{opacity:1;transform:none;filter:none}
html.cx-js:not(.cx-safe):not(.cx-ready) [data-h]{opacity:0;transform:translateY(34px)}
html.cx-js:not(.cx-safe):not(.cx-ready) .cx-ch b{transform:translateY(118%) rotate(5deg)}
.cx-ch{display:inline-block;overflow:hidden;vertical-align:top;padding:.04em .02em .08em}
.cx-ch b{display:inline-block;font-weight:inherit;transition-delay:calc(var(--i)*.075s + .15s)}
[data-mask]{overflow:hidden;transition:clip-path 1.5s var(--ce);transition-delay:var(--d,0s)}
html.cx-js:not(.cx-safe) [data-mask]{clip-path:inset(0 0 100% 0)}
html.cx-js:not(.cx-safe) [data-mask].in{clip-path:inset(0)}
[data-mask] img{transition:transform 2.2s var(--ce)}
html.cx-js:not(.cx-safe) [data-mask] img{transform:scale(1.35)}
html.cx-js:not(.cx-safe) [data-mask].in img{transform:scale(1)}

/* ---------- HERO ---------- */
.cx-hero-s{position:relative;min-height:100svh;overflow:hidden;display:flex;align-items:flex-end;isolation:isolate;background:#050607}
.cx-hero-media{position:absolute;inset:-6% 0 -6%;z-index:-3;will-change:transform}
.cx-hero-media img{object-position:68% 50%;animation:cxKen 24s ease-in-out infinite alternate;transform-origin:70% 60%}
@keyframes cxKen{from{transform:scale(1.04)}to{transform:scale(1.2)}}
.cx-hero-shade{position:absolute;inset:0;z-index:-2;background:
  linear-gradient(180deg,rgba(7,9,10,.78) 0,rgba(7,9,10,0) 30%,rgba(7,9,10,.2) 52%,rgba(7,9,10,.96) 100%),
  linear-gradient(90deg,rgba(7,9,10,.82) 0,rgba(7,9,10,.2) 55%,rgba(7,9,10,0) 100%)}
.cx-hero-lines{position:absolute;inset:0;z-index:-1;pointer-events:none;display:grid;grid-template-columns:repeat(4,1fr);opacity:.5}
.cx-hero-lines i{border-left:1px solid rgba(244,239,231,.06)}.cx-hero-lines i:last-child{border-right:1px solid rgba(244,239,231,.06)}
.cx-hero-in{width:100%;padding-bottom:clamp(96px,14vh,150px);padding-top:150px}
.cx-kick{display:flex;align-items:center;gap:18px;font:700 11px var(--csans);letter-spacing:.4em;text-transform:uppercase;color:var(--cgold2);margin-bottom:clamp(10px,2vh,26px)}
.cx-kick:before{content:"";width:60px;height:1px;background:var(--cgold)}
.cx-mega{margin:0;white-space:nowrap;font:600 clamp(64px,17vw,330px)/.88 var(--cserif);letter-spacing:.01em;color:var(--cink);text-shadow:0 10px 60px rgba(0,0,0,.4)}
.cx-mega-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:clamp(18px,4vw,70px);margin-top:clamp(14px,3vh,34px)}
.cx-mega-sub{font:italic 500 clamp(40px,6.4vw,118px)/.9 var(--cserif);letter-spacing:-.01em}
.cx-hero-copy{max-width:420px;margin:0 0 .6em;color:#d8d6d0}
.cx-hero-act{display:flex;flex-wrap:wrap;align-items:center;gap:30px;margin-top:clamp(22px,4vh,44px)}
.cx-cue{position:absolute;right:clamp(20px,5vw,92px);bottom:clamp(96px,14vh,150px);display:flex;flex-direction:column;align-items:center;gap:16px;font:700 10px var(--csans);letter-spacing:.4em;writing-mode:vertical-rl;color:var(--cgold2)}
.cx-cue i{display:block;width:1px;height:78px;background:linear-gradient(var(--cgold),transparent);position:relative;overflow:hidden}
.cx-cue i:after{content:"";position:absolute;left:0;top:-30%;width:1px;height:35%;background:#fff;animation:cxDrop 2.2s var(--ce) infinite}
@keyframes cxDrop{to{top:110%}}
.cx-marq{position:absolute;left:0;right:0;bottom:0;border-top:1px solid var(--cline);background:rgba(7,9,10,.55);backdrop-filter:blur(8px);overflow:hidden;white-space:nowrap}
.cx-marq div{display:inline-flex;animation:cxMarq 38s linear infinite;padding:20px 0}
.cx-marq span{font:700 11px var(--csans);letter-spacing:.38em;text-transform:uppercase;color:var(--cmut);padding-right:2.4em}
.cx-marq span:after{content:"◆";color:var(--cgold);padding-left:2.4em;font-size:8px}
@keyframes cxMarq{to{transform:translateX(-50%)}}

/* ---------- manifesto ---------- */
.cx-man{padding:clamp(120px,24vh,260px) 0 clamp(90px,16vh,200px);background:var(--cbg)}
.cx-man-t{font:500 clamp(32px,5.1vw,88px)/1.1 var(--cserif);letter-spacing:-.012em;margin:34px 0 0;max-width:18em}
.cx-w{opacity:.16;transition:opacity .25s linear;display:inline}
html:not(.cx-js) .cx-w,html.cx-safe .cx-w{opacity:1}
.cx-w.g{color:var(--cgold)}
.cx-man-meta{display:flex;flex-wrap:wrap;gap:clamp(30px,6vw,110px);margin-top:clamp(50px,8vh,100px);padding-top:34px;border-top:1px solid var(--cline)}
.cx-man-meta div{max-width:320px}.cx-man-meta b{display:block;font:700 10px var(--csans);letter-spacing:.35em;color:var(--cgold);margin-bottom:12px}

/* ---------- horizontal gallery ---------- */
.cx-hs{position:relative;background:var(--cbg2);height:320vh}
.cx-hs-stick{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,4vh,44px)}
.cx-hs-head{width:100%;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.cx-hs-head .cx-h2{font-size:clamp(38px,5.2vw,92px);margin-top:14px}
.cx-hs-count{font:500 clamp(30px,4vw,64px)/1 var(--cserif);color:var(--cgold);font-variant-numeric:tabular-nums;text-align:right}
.cx-hs-count small{font:700 11px var(--csans);letter-spacing:.3em;color:var(--cmut);display:block;margin-top:8px}
.cx-hs-track{display:flex;gap:clamp(14px,2.2vw,36px);padding-inline:clamp(20px,5vw,92px);will-change:transform;width:max-content}
.cx-pan{margin:0;position:relative;flex:0 0 auto;width:clamp(300px,38vw,700px);height:clamp(300px,56svh,640px);overflow:hidden;background:#111}
.cx-pan:nth-child(even){margin-top:clamp(20px,5svh,56px);height:clamp(280px,50svh,580px)}
.cx-pan img{transition:transform 1.4s var(--ce),filter .8s;filter:saturate(.9) brightness(.86)}
.cx-pan:hover img{transform:scale(1.07);filter:none}
.cx-pan:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(7,9,10,.88))}
.cx-pan figcaption{position:absolute;left:26px;right:26px;bottom:24px;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.cx-pan figcaption b{font:500 clamp(24px,2.4vw,40px)/1 var(--cserif)}.cx-pan figcaption span{font:700 11px var(--csans);letter-spacing:.3em;color:var(--cgold)}
.cx-hs-bar{height:1px;background:var(--cline);margin-inline:clamp(20px,5vw,92px);position:relative}
.cx-hs-bar i{position:absolute;inset:0;background:var(--cgold);transform-origin:0 50%;transform:scaleX(0)}

/* ---------- film ---------- */
.cx-film{padding:clamp(100px,18vh,220px) 0;background:var(--cbg);position:relative;overflow:hidden}
.cx-film:before{content:"";position:absolute;width:60vw;height:60vw;right:-20vw;top:10%;background:radial-gradient(circle,rgba(205,176,131,.14),transparent 65%);pointer-events:none}
.cx-film-g{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,8vw,140px);align-items:center}
.cx-film-g .cx-p{max-width:480px;margin-top:30px}
.cx-film-act{margin-top:44px}
.cx-phone-w{perspective:1200px;display:flex;justify-content:center}
.cx-phone{position:relative;width:min(100%,380px);aspect-ratio:9/16;max-height:80svh;border-radius:34px;padding:10px;background:linear-gradient(145deg,#2b2f2e,#0b0d0e);
  border:1px solid rgba(205,176,131,.45);box-shadow:0 60px 120px -30px rgba(0,0,0,.9),0 0 90px rgba(205,176,131,.12);transition:transform .25s ease-out;transform-style:preserve-3d}
.cx-phone video,.cx-phone img{border-radius:25px;width:100%;height:100%;object-fit:cover;background:#000}
.cx-phone:before{content:"";position:absolute;left:50%;top:18px;width:28%;height:6px;border-radius:9px;background:#000;z-index:3;transform:translateX(-50%)}
.cx-phone-tag{position:absolute;left:-14%;bottom:12%;z-index:4;background:var(--cgold);color:#07090a;padding:14px 20px;font:700 10px var(--csans);letter-spacing:.3em;transform:translateZ(60px)}

/* ---------- numbers ---------- */
.cx-num{padding:clamp(90px,15vh,180px) 0;background:var(--cbg2);border-block:1px solid var(--cline)}
.cx-num-g{display:grid;grid-template-columns:repeat(4,1fr)}
.cx-num-i{padding:clamp(28px,5vh,60px) clamp(16px,2.4vw,40px);border-left:1px solid var(--cline);position:relative}
.cx-num-i:first-child{border-left:0;padding-left:0}
.cx-num-n{font:500 clamp(70px,10.5vw,200px)/.9 var(--cserif);color:var(--cink);font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.03em}
.cx-num-n sup{font-size:.34em;color:var(--cgold);vertical-align:top;margin-left:.06em}
.cx-num-d{margin-top:18px;font:700 11px/1.7 var(--csans);letter-spacing:.24em;text-transform:uppercase;color:var(--cmut);max-width:230px}
.cx-num-i:after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--cgold);transition:width 1.8s var(--ce) .3s}
.cx-num-i.in:after{width:100%}

/* ---------- services panels ---------- */
.cx-svc{padding:clamp(100px,18vh,220px) 0 clamp(60px,10vh,120px);background:var(--cbg)}
.cx-svc-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;margin-bottom:clamp(40px,7vh,90px)}
.cx-pn{display:flex;gap:14px;height:min(76svh,780px)}
.cx-pn-i{position:relative;flex:1;overflow:hidden;display:block;transition:flex .9s var(--ce);background:#111;min-width:0}
.cx-pn-i img{position:absolute;inset:0;filter:grayscale(.85) brightness(.55);transition:filter .9s,transform 1.6s var(--ce);transform:scale(1.08)}
.cx-pn-i:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(7,9,10,.92))}
.cx-pn-t{position:absolute;z-index:2;left:clamp(20px,2.4vw,40px);right:clamp(20px,2.4vw,40px);bottom:clamp(22px,3vw,44px)}
.cx-pn-t span{font:700 11px var(--csans);letter-spacing:.35em;color:var(--cgold)}
.cx-pn-t h3{font:500 clamp(28px,3vw,52px)/1.02 var(--cserif);margin:14px 0 0;white-space:normal}
.cx-pn-t p{font:400 14px/1.75 var(--csans);color:#c9cdc9;margin:16px 0 0;max-width:340px;max-height:0;opacity:0;overflow:hidden;transition:max-height .9s var(--ce),opacity .6s}
@media(hover:hover){
  .cx-pn:hover .cx-pn-i{flex:.7}
  .cx-pn .cx-pn-i:hover{flex:2.8}
  .cx-pn-i:hover img{filter:none;transform:scale(1)}
  .cx-pn-i:hover .cx-pn-t p{max-height:140px;opacity:1}
}

/* ---------- project list ---------- */
.cx-pl-s{padding:clamp(60px,10vh,120px) 0 clamp(100px,18vh,220px);background:var(--cbg)}
.cx-pl{list-style:none;margin:clamp(40px,7vh,80px) 0 0;padding:0;border-top:1px solid var(--cline)}
.cx-pl a{display:grid;grid-template-columns:90px 1fr auto 60px;align-items:center;gap:20px;padding:clamp(22px,3.6vh,40px) 0;border-bottom:1px solid var(--cline);position:relative;transition:padding .7s var(--ce),color .4s}
.cx-pl a:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(205,176,131,.1),transparent);transform:scaleX(0);transform-origin:0 50%;transition:transform .8s var(--ce)}
.cx-pl-n{font:600 12px var(--csans);letter-spacing:.3em;color:var(--cgold)}
.cx-pl-t{font:500 clamp(26px,3.7vw,64px)/1.05 var(--cserif);position:relative}
.cx-pl-m{font:700 10px var(--csans);letter-spacing:.28em;text-transform:uppercase;color:var(--cmut);text-align:right;position:relative}
.cx-pl-m b{color:var(--cgold);font-weight:700}
.cx-pl-a{font-size:26px;color:var(--cgold);text-align:right;transition:transform .6s var(--ce);position:relative}
.cx-pl-th{display:none}
@media(hover:hover){.cx-pl a:hover{padding-left:34px;padding-right:26px}.cx-pl a:hover:before{transform:none}.cx-pl a:hover .cx-pl-a{transform:translate(8px,-8px) rotate(0)}.cx-pl:hover a:not(:hover){opacity:.4}}
.cx-pl a{transition:padding .7s var(--ce),opacity .5s}
.cx-prev{position:fixed;left:0;top:0;width:min(340px,26vw);aspect-ratio:4/3;z-index:50;pointer-events:none;opacity:0;transform:scale(.7);transition:opacity .4s,transform .6s var(--ce);overflow:hidden;box-shadow:0 40px 80px -20px #000}
.cx-prev.on{opacity:1;transform:scale(1)}
.cx-prev img{position:absolute;inset:0}

/* ---------- CTA ---------- */
.cx-cta{position:relative;padding:clamp(110px,20vh,240px) 0;background:var(--cbg2);overflow:hidden;text-align:center;border-top:1px solid var(--cline)}
.cx-cta-big{font:600 clamp(70px,15vw,280px)/.95 var(--cserif);white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(205,176,131,.5);display:flex;width:max-content;animation:cxMarq 40s linear infinite;user-select:none}
.cx-cta-big span{padding-right:.5em}
.cx-cta-in{position:relative;z-index:2;margin-top:clamp(-120px,-9vw,-40px);padding-top:0;display:flex;flex-direction:column;align-items:center;gap:36px}
.cx-cta h2{font:500 clamp(40px,6.6vw,118px)/.98 var(--cserif);margin:0;letter-spacing:-.005em;color:var(--cink);text-shadow:0 0 50px var(--cbg2),0 0 20px var(--cbg2)}
.cx-cta h2 em{color:var(--cgold);font-style:italic}
.cx-circle{width:clamp(130px,12vw,190px);aspect-ratio:1;border-radius:50%;background:var(--cgold);color:#07090a;display:grid;place-items:center;font:800 11px var(--csans);letter-spacing:.24em;text-transform:uppercase;text-align:center;line-height:1.7;position:relative;transition:background .4s}
.cx-circle:hover{background:var(--cgold2)}

/* ---------- footer ---------- */
body.cx-dark .footer{background:#050607!important;border-top:1px solid rgba(205,176,131,.25)}
body.cx-dark .footer-intro h2{font:500 clamp(36px,4.2vw,70px)/1 var(--cserif);letter-spacing:-.005em}
body.cx-dark .footer-intro em{color:var(--cgold)!important;font-style:italic}
body.cx-dark .footer .eyebrow,body.cx-dark .footer-links b{color:var(--cgold)}
body.cx-dark .footer-word{font-family:var(--cserif);font-weight:600;letter-spacing:-.02em!important;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(244,239,231,.35)}
body.cx-dark .footer-word span{color:transparent;-webkit-text-stroke:1px var(--cgold)}
body.cx-dark .footer .pill-bright{background:transparent!important;color:var(--cgold2);border:1px solid var(--cgold);border-radius:0;letter-spacing:.18em;text-transform:uppercase}
body.cx-dark .footer .pill-bright:hover{background:var(--cgold)!important;color:#07090a}

/* ---------- REGNUM sayfası ---------- */
.cx-rg-hero{position:relative;height:100svh;min-height:640px;overflow:hidden;display:flex;align-items:flex-end;isolation:isolate}
.cx-rg-in{width:100%;padding-bottom:clamp(60px,12vh,120px)}
.cx-rg-in .backlink{font:700 11px var(--csans);letter-spacing:.3em;text-transform:uppercase;color:var(--cgold2);display:inline-block;margin-bottom:34px}
.cx-rg-in .cx-p{max-width:520px;margin-top:30px;color:#d8d6d0}
.cx-over{padding:clamp(110px,20vh,240px) 0;background:var(--cbg)}
.cx-over-g{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,8vw,140px);align-items:center}
.cx-over-img{aspect-ratio:4/5;position:relative}
.cx-over-img img{height:112%;position:absolute;inset:-6% 0 auto 0;will-change:transform}
.cx-over-txt .cx-p+.cx-p{margin-top:22px}
.cx-over-txt .cx-p{max-width:540px}.cx-over-txt .cx-h2{margin-bottom:34px}
.cx-mas{padding:clamp(90px,16vh,200px) 0;background:var(--cbg2)}
.cx-mas-g{column-count:3;column-gap:clamp(12px,1.6vw,24px);margin-top:clamp(40px,7vh,80px)}
.cx-mas-i{break-inside:avoid;position:relative;display:block;width:100%;padding:0;border:0;background:#111;margin:0 0 clamp(12px,1.6vw,24px);overflow:hidden;color:inherit;text-align:left}
.cx-mas-i img{height:auto;transition:transform 1.4s var(--ce),filter .6s;filter:brightness(.88)}
.cx-mas-i:hover img{transform:scale(1.06);filter:none}
.cx-mas-i span{position:absolute;left:0;bottom:0;right:0;padding:50px 22px 20px;background:linear-gradient(transparent,rgba(7,9,10,.9));font:500 24px var(--cserif);opacity:0;transform:translateY(14px);transition:opacity .5s,transform .7s var(--ce)}
.cx-mas-i:hover span,.cx-mas-i:focus-visible span{opacity:1;transform:none}
.cx-dark .photo-dialog{background:#050607;border:1px solid rgba(205,176,131,.3)}
.cx-dark .photo-dialog button{background:var(--cgold);color:#07090a;border-radius:0;font-weight:800}

/* ---------- video dialog ---------- */
.regnum-video-dialog{border:1px solid rgba(205,176,131,.35)!important;background:#050607!important;padding:0!important;max-width:min(92vw,520px)!important;max-height:94svh!important;overflow:hidden}
.regnum-video-dialog::backdrop{background:rgba(3,4,5,.92);backdrop-filter:blur(8px)}
.regnum-video-dialog video{max-height:92svh;width:100%;display:block;object-fit:contain}
.regnum-video-dialog .close-film{position:absolute;top:10px;right:10px;z-index:3;width:44px;height:44px;border:0;background:var(--cgold);color:#07090a;font-weight:800}

/* ---------- responsive ---------- */
@media(max-width:1100px){
  .cx-num-g{grid-template-columns:repeat(2,1fr)}
  .cx-num-i:nth-child(3){border-left:0;padding-left:0}
  .cx-num-i{border-top:1px solid var(--cline)}.cx-num-i:nth-child(-n+2){border-top:0}
  .cx-mas-g{column-count:2}
}
@media(max-width:820px){
  .cx-cue{display:none}
  .cx-hero-media img{object-position:72% 50%}
  .cx-hero-in{padding-top:120px}
  .cx-mega{font-size:clamp(60px,18.5vw,160px)}
  .cx-hero-copy{display:block}
  .cx-hero-act{gap:22px}
  .cx-hs{height:auto}
  .cx-hs-stick{position:static;height:auto;padding:clamp(80px,12vh,120px) 0}
  .cx-hs-track{overflow-x:auto;width:auto;scroll-snap-type:x mandatory;transform:none!important;padding-bottom:14px;scrollbar-width:none}
  .cx-hs-track::-webkit-scrollbar{display:none}
  .cx-pan,.cx-pan:nth-child(even){width:78vw;height:62svh;margin-top:0;scroll-snap-align:center}
  .cx-hs-bar{display:none}
  .cx-hs-head{flex-direction:column;align-items:flex-start;gap:14px}.cx-hs-count{display:none}
  .cx-film-g{grid-template-columns:1fr}
  .cx-phone-tag{left:0;bottom:6%}
  .cx-pn{flex-direction:column;height:auto}
  .cx-pn-i{flex:none!important;height:52svh}
  .cx-pn-i img{filter:brightness(.7)}
  .cx-pn-t p{max-height:none;opacity:1}
  .cx-pl a{grid-template-columns:78px 1fr 34px;gap:14px}
  .cx-pl-m{display:none}
  .cx-pl-th{display:block;width:78px;height:60px;overflow:hidden;grid-column:1;grid-row:1}
  .cx-pl-n{display:none}
  .cx-pl-a{font-size:22px}
  .cx-prev{display:none}
  .cx-over-g{grid-template-columns:1fr}
  .cx-mas-g{column-count:1}
  .cx-num-n{font-size:clamp(64px,19vw,120px)}
}
@media(max-width:520px){.cx-num-g{grid-template-columns:1fr 1fr}.cx-num-d{letter-spacing:.14em;font-size:10px}}
@media(prefers-reduced-motion:reduce){
  .cx-hero-media img,.cx-marq div,.cx-cta-big,.cx-cue i:after,.cx-play i:after{animation:none!important}
  .cx-pre{display:none!important}
}

/* ---------- düzeltmeler ---------- */
body.cx .polin-header .brand{position:relative;z-index:1105}
.cx-over-img{overflow:hidden}
@media(max-width:820px){.cx-kick{letter-spacing:.22em;font-size:10px;gap:12px}.cx-kick:before{width:30px}}

/* ==========================================================================
   İÇ SAYFALAR — aynı koyu sinematik dil
   ========================================================================== */
body.cx-dark:not(.cx-hero) main,body.cx-dark:not(.cx-hero){background:var(--cbg);color:var(--cink)}
body.cx-dark:not(.cx-hero) h1,body.cx-dark:not(.cx-hero) h2,body.cx-dark:not(.cx-hero) h3,body.cx-dark:not(.cx-hero) h4{font-family:var(--cserif);font-weight:500;letter-spacing:-.012em;line-height:1.02;color:var(--cink)}
body.cx-dark:not(.cx-hero) h1{font-size:clamp(48px,7.4vw,128px)}
body.cx-dark:not(.cx-hero) h2{font-size:clamp(38px,5vw,88px)}
body.cx-dark:not(.cx-hero) h1 em,body.cx-dark:not(.cx-hero) h2 em,body.cx-dark:not(.cx-hero) h3 em{font-style:italic;color:var(--cgold)}
body.cx-dark:not(.cx-hero) p{color:var(--cmut);font-size:clamp(15px,1.1vw,17px);line-height:1.9}
body.cx-dark:not(.cx-hero) .eyebrow,body.cx-dark:not(.cx-hero) .eyebrow.dark,body.cx-dark:not(.cx-hero) .section-kicker,body.cx-dark:not(.cx-hero) .overline,
body.cx-dark:not(.cx-hero) .proj-info>span,body.cx-dark:not(.cx-hero) .detail-meta span,body.cx-dark:not(.cx-hero) .contact-info span{color:var(--cgold);letter-spacing:.34em;font-size:11px;font-weight:700}
body.cx-dark:not(.cx-hero) section,body.cx-dark:not(.cx-hero) .page-content,body.cx-dark:not(.cx-hero) .contact-page-hero,body.cx-dark:not(.cx-hero) .contact-page-main{background:transparent;color:var(--cink)}
body.cx-dark .inner-hero,body.cx-dark .project-detail-hero{background:#050607;height:clamp(420px,62svh,640px)}
body.cx-dark .inner-hero p,body.cx-dark .project-detail-hero p,body.cx-dark .inner-hero h1,body.cx-dark .project-detail-hero h1{color:var(--cink)}
body.cx-dark .inner-hero p,body.cx-dark .project-detail-hero p{color:#d6d3cc}
body.cx-dark .inner-hero img,body.cx-dark .project-detail-hero img{filter:brightness(.42) saturate(.9)}
body.cx-dark .inner-hero:after,body.cx-dark .project-detail-hero:after{background:linear-gradient(90deg,transparent,var(--cgold),transparent)}
body.cx-dark .contact-page-hero{background:radial-gradient(90% 120% at 90% 0,#1b1f1c,#07090a 70%)!important;padding-top:150px}
body.cx-dark .contact-page-hero p{color:#b9bdb8}
body.cx-dark .project-heading{padding-top:150px}
body.cx-dark .portfolio-feature,body.cx-dark .regnum-contact{background:var(--cbg2)!important;border:1px solid var(--cline)}
body.cx-dark .portfolio-feature img{border-radius:0}
/* kartlar, listeler, formlar */
body.cx-dark .proj-info p,body.cx-dark .service-list p{color:var(--cmut)}
body.cx-dark .proj-info h2{font-size:clamp(26px,2.4vw,40px);color:var(--cink)}
body.cx-dark .proj-tile{border:1px solid var(--cline);padding:0 0 22px;background:var(--cbg2)}
body.cx-dark .proj-info{padding:20px 22px 0}
body.cx-dark .proj-count,body.cx-dark .proj-arrow{background:var(--cgold);color:#07090a;font-weight:800}
body.cx-dark .proj-tile:hover{box-shadow:0 30px 60px -20px #000,0 0 0 1px var(--cgold-d)}
body.cx-dark .filterbar button{color:var(--cmut);letter-spacing:.14em;text-transform:uppercase;font-size:12px}
body.cx-dark .filterbar button.active{color:var(--cgold2);border-color:var(--cgold)}
body.cx-dark .detail-meta{border-color:var(--cline)}
body.cx-dark .detail-meta b{color:var(--cink)}
body.cx-dark .service-list article{border-color:var(--cline)}
body.cx-dark .corporate-cards article,body.cx-dark .contact-aside{background:var(--cbg2)!important;border:1px solid var(--cline);color:var(--cink)}
body.cx-dark .contact-info{border-color:var(--cline)}
body.cx-dark .contact-info a,body.cx-dark .contact-info{color:var(--cink)}
body.cx-dark .contact-side-mark{font-family:var(--cserif);letter-spacing:-.02em;color:var(--cink)}
body.cx-dark .contact-form label{color:var(--cink);letter-spacing:.06em}
body.cx-dark .contact-form input,body.cx-dark .contact-form textarea,body.cx-dark .contact-form select{background:#0d1113;color:var(--cink);border:1px solid var(--cline);border-radius:0;transition:border-color .3s,box-shadow .3s}
body.cx-dark .contact-form input:focus,body.cx-dark .contact-form textarea:focus,body.cx-dark .contact-form select:focus{border-color:var(--cgold);box-shadow:0 0 0 3px rgba(205,176,131,.15);outline:0}
body.cx-dark .form-detail{color:var(--cmut)}
body.cx-dark .form-notice{background:#12171a;color:var(--cink)}
body.cx-dark .submit-btn,body.cx-dark .signature-btn.primary,body.cx-dark .pill-dark,body.cx-dark .arrow-link{border-radius:0}
body.cx-dark .submit-btn,body.cx-dark .pill-dark{background:var(--cgold)!important;color:#07090a!important;letter-spacing:.2em;text-transform:uppercase}
body.cx-dark .arrow-link,body.cx-dark .line-link{color:var(--cgold2)}
body.cx-dark .loc-heading,body.cx-dark .map-no-address{background:transparent}
body.cx-dark .map-no-address{background:#0d1113;border:1px solid var(--cline)}
body.cx-dark .contact-slice{background:var(--cbg2);border-block:1px solid var(--cline);color:var(--cink)}
body.cx-dark .contact-slice h2{font-family:var(--cserif)}.contact-slice h2 em{color:var(--cgold)}
body.cx-dark .circle-link{border-color:var(--cgold);color:var(--cgold)}
body.cx-dark .next-project a,body.cx-dark .backlink{color:var(--cgold2)}
body.cx-dark:not(.cx-hero) h1{font-size:clamp(44px,6.2vw,112px)}
body.cx-dark .backlink{display:block;margin-bottom:18px}
body.cx-dark .project-heading h1{max-width:12em}
@media(max-width:820px){body.cx-dark .project-heading,body.cx-dark .detail-description,body.cx-dark .contact-page-main{grid-template-columns:1fr}}
