@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(gorsel/font/CormorantGaramond-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(gorsel/font/CormorantGaramond-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(gorsel/font/CormorantGaramond-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(gorsel/font/CormorantGaramond-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(gorsel/font/CormorantGaramond-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(gorsel/font/CormorantGaramond-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(gorsel/font/Manrope-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(gorsel/font/Manrope-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(gorsel/font/Manrope-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(gorsel/font/Manrope-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(gorsel/font/Manrope-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(gorsel/font/Manrope-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(gorsel/font/Manrope-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(gorsel/font/Manrope-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(gorsel/font/Manrope-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
  color-scheme: light;
  --bg:#f4efe8; --bg-2:#ebe4da; --card:#faf7f2;
  --ink:#231a13; --muted:#6b5d50; --faint:#706252;
  --line:#dcd2c5; --line-2:#c7baa9;
  --bronze:#806140; --bronze-2:#a8845d;
  --dark:#1d1612; --dark-2:#2a211b; --dark-ink:#efe7dc; --dark-muted:#b9ab9a;
  --f-serif:"Cormorant Garamond",Georgia,serif;
  --f-sans:"Manrope",-apple-system,"Segoe UI",Roboto,sans-serif;
  --w:1200px; --gut:clamp(16px,4vw,32px);
}
html[dir="rtl"]{ --f-serif:"Noto Kufi Arabic",serif; --f-sans:"Noto Kufi Arabic",sans-serif; }
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0; background:var(--bg); color:var(--ink); font-family:var(--f-sans);
  font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; overflow-x:hidden}
img{max-width:100%; display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--bronze); outline-offset:3px}
.wrap{max-width:var(--w); margin:0 auto; padding-inline:var(--gut)}
.skip{position:absolute; inset-inline-start:-9999px; top:0; background:var(--ink); color:#fff; padding:10px 16px; z-index:99}
.skip:focus{inset-inline-start:0}
.sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}

/* ---------- üst bar ---------- */
.top{position:sticky; top:0; z-index:40; background:rgba(244,239,232,.93);
  backdrop-filter:blur(10px); border-bottom:1px solid var(--line)}
.topin{display:flex; align-items:center; gap:24px; height:70px}
.brand{display:flex; align-items:center; gap:14px; text-decoration:none; color:var(--ink); flex:none}
.brand svg{height:34px; width:auto; display:block}
.brand .sep{width:1px; height:26px; background:var(--line-2)}
.brand b{font-family:"Manrope",sans-serif; font-size:11px; font-weight:600; letter-spacing:.32em; text-transform:uppercase}
nav.main{display:flex; gap:26px; margin-inline-start:auto; align-items:center}
nav.main>a,.nav-grup>a{color:var(--muted); text-decoration:none; font-size:14px; white-space:nowrap}
nav.main a:hover,nav.main a[aria-current]{color:var(--ink)}
.nav-grup{position:relative}
.nav-grup>a::after{content:""; display:inline-block; width:5px; height:5px; margin-inline-start:7px;
  border-inline-end:1.2px solid currentColor; border-bottom:1.2px solid currentColor;
  transform:translateY(-3px) rotate(45deg); opacity:.6}
.nav-alt{position:absolute; top:calc(100% + 14px); inset-inline-start:-18px; min-width:230px;
  background:var(--card); border:1px solid var(--line); padding:8px 0; display:none; flex-direction:column;
  box-shadow:0 14px 34px rgba(35,26,19,.10)}
.nav-alt::before{content:""; position:absolute; inset-inline:0; top:-16px; height:16px}
.nav-grup:hover .nav-alt,.nav-grup:focus-within .nav-alt{display:flex}
.nav-alt a{padding:9px 18px; font-size:14px; text-decoration:none; color:var(--muted)}
.nav-alt a:hover{background:var(--bg-2); color:var(--ink)}
.btn{display:inline-flex; align-items:center; gap:10px; padding:12px 20px; font-size:13px;
  font-weight:600; letter-spacing:.06em; text-transform:uppercase; text-decoration:none;
  border:1px solid var(--ink); background:var(--ink); color:var(--bg); cursor:pointer;
  font-family:var(--f-sans); transition:background .2s,color .2s}
.btn:hover{background:transparent; color:var(--ink)}
.btn.ghost{background:transparent; color:var(--ink)}
.btn.ghost:hover{background:var(--ink); color:var(--bg)}
.btn.light{background:var(--dark-ink); color:var(--dark); border-color:var(--dark-ink)}
.btn.light:hover{background:transparent; color:var(--dark-ink)}
.btn.lightghost{background:transparent; color:var(--dark-ink); border-color:rgba(239,231,220,.5)}
.btn.lightghost:hover{border-color:var(--dark-ink)}
.ar{display:inline-block}
html[dir="rtl"] .ar{transform:scaleX(-1)}
html[dir="rtl"] .hero::after{transform:scaleX(-1)}
nav.main .btn{padding:10px 16px; color:var(--bg)}
nav.main .btn:hover{color:var(--ink)}
nav.main .btn[aria-current]{color:var(--bg)}
nav.main .btn[aria-current]:hover{color:var(--ink)}
.langs{display:flex; gap:2px; flex:none}
.langs a{font-size:11px; letter-spacing:.1em; color:var(--faint); text-decoration:none; padding:5px 7px}
.langs a:hover{color:var(--ink)}
.langs a[aria-current]{color:var(--ink); box-shadow:inset 0 -1px 0 var(--ink)}
.menu-btn{display:none}
@media(max-width:980px){
  .topin{height:62px; gap:12px}
  .brand svg{height:28px}
  .menu-btn{display:inline-flex; margin-inline-start:auto; background:none; border:1px solid var(--line-2);
    padding:8px 12px; font:600 12px var(--f-sans); letter-spacing:.1em; text-transform:uppercase; color:var(--ink)}
  nav.main{display:none; position:absolute; top:100%; inset-inline:0; background:var(--bg);
    border-bottom:1px solid var(--line); flex-direction:column; align-items:stretch; gap:0; padding:8px var(--gut) 20px;
    max-height:calc(100vh - 62px); overflow:auto}
  .top.acik nav.main{display:flex}
  nav.main>a,.nav-grup>a{padding:12px 0; border-bottom:1px solid var(--line); display:block; font-size:15px}
  .nav-grup>a::after{display:none}
  .nav-alt{position:static; display:flex; border:none; box-shadow:none; background:none; padding:0 0 6px}
  .nav-alt::before{display:none}
  .nav-alt a{padding:8px 16px}
  nav.main .btn{margin-top:14px; justify-content:center}
  .langs{order:2}
}
.langs.m{display:none}
@media(max-width:480px){
  .topin>.langs{display:none}
  .langs.m{display:flex; margin-top:16px; gap:6px}
  .langs.m a{border:1px solid var(--line-2); padding:8px 14px; font-size:12px}
  .brand{gap:10px}
  .brand svg{height:26px}
  .brand b{font-size:10px; letter-spacing:.26em}
}

/* ---------- tipografi ---------- */
.eyebrow{font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:var(--bronze);
  font-weight:600; display:block; margin-bottom:20px}
h1,h2,h3,.h1{font-family:var(--f-serif); font-weight:500; margin:0}
h1,.h1{font-size:clamp(40px,6.4vw,82px); line-height:1.02; letter-spacing:-.01em; white-space:pre-line; text-wrap:balance}
h2{font-size:clamp(30px,3.8vw,48px); line-height:1.08; text-wrap:balance}
h3{font-size:clamp(22px,2vw,26px); line-height:1.2}
html[dir="rtl"] h1,html[dir="rtl"] .h1{font-size:clamp(32px,5vw,60px); line-height:1.35; font-weight:600}
html[dir="rtl"] h2{font-size:clamp(26px,3.2vw,38px); line-height:1.4; font-weight:600}
html[dir="rtl"] h3{font-size:19px; line-height:1.5; font-weight:600}
html[dir="rtl"] .eyebrow,html[dir="rtl"] .btn,html[dir="rtl"] .k,html[dir="rtl"] .num{letter-spacing:0}
.lede{font-size:clamp(16px,1.5vw,19px); color:var(--muted); max-width:60ch; margin:22px 0 0; line-height:1.65}
.num{font-size:12px; letter-spacing:.2em; color:var(--bronze); font-weight:600; display:block; margin-bottom:14px}

/* ---------- hero ---------- */
.hero{position:relative; min-height:min(88vh,860px); display:flex; align-items:flex-end; color:var(--dark-ink); background:var(--dark)}
.hero>img,.hero-video,.hero-kapak{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.hero-video{opacity:0; transition:opacity .6s ease}
.hero-video.oynuyor{opacity:1}
.vid-btn{position:absolute; z-index:3; inset-inline-end:var(--gut); top:20px; width:40px; height:40px; border-radius:50%; border:1px solid rgba(239,231,220,.45); background:rgba(29,22,18,.35); color:var(--dark-ink); font-size:12px; cursor:pointer; display:flex; align-items:center; justify-content:center; backdrop-filter:blur(4px)}
.vid-btn:hover{border-color:var(--dark-ink)}
.hero::after{content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(29,22,18,.2) 0%,rgba(29,22,18,.35) 35%,rgba(29,22,18,.9) 100%),
    linear-gradient(90deg,rgba(29,22,18,.55) 0%,rgba(29,22,18,0) 65%)}
.hero .wrap{position:relative; z-index:1; width:100%; padding-block:120px clamp(48px,7vw,88px)}
.hero .eyebrow{color:#d9c3a5}
.hero-metin>*{transition:opacity .38s ease, transform .38s ease}
.hero-metin.degis>*{opacity:0; transform:translateY(8px)}
.hkutu{display:grid; align-items:end}
.hkutu>*{grid-area:1/1}
.hayalet{visibility:hidden; pointer-events:none; user-select:none}
@media(prefers-reduced-motion:reduce){.hero-metin>*{transition:none}}
.hero .lede{color:var(--dark-muted)}
.ctas{display:flex; flex-wrap:wrap; gap:12px; margin-top:34px}
.tag{position:absolute; z-index:2; inset-inline-end:var(--gut); bottom:18px; font-size:10.5px;
  letter-spacing:.14em; text-transform:uppercase; color:rgba(239,231,220,.6)}

/* sayfa başı (alt sayfalar) */
.phead{padding-block:clamp(48px,7vw,100px) clamp(40px,5vw,64px); border-bottom:1px solid var(--line)}
.phead .split{display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(28px,5vw,72px); align-items:center}
.phead figure{margin:0}
.phead figure img{width:100%; aspect-ratio:4/3.4; object-fit:cover}
figcaption,.cap{font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--faint); margin-top:10px}
@media(max-width:900px){.phead .split{grid-template-columns:1fr}}

/* ---------- bölümler ---------- */
section{padding-block:clamp(64px,8vw,120px)}
section+section{border-top:1px solid var(--line)}
.shead{display:grid; grid-template-columns:1fr 1fr; gap:24px 64px; align-items:end; margin-bottom:clamp(36px,4vw,56px)}
.shead p{margin:0; color:var(--muted); max-width:56ch}
@media(max-width:860px){.shead{grid-template-columns:1fr}}

/* sektör kartları */
.sgrid{display:grid; grid-template-columns:repeat(6,1fr); gap:20px}
.scard{grid-column:span 2; text-decoration:none; color:inherit; display:flex; flex-direction:column; background:var(--card); border:1px solid var(--line)}
.scard:nth-child(1),.scard:nth-child(2){grid-column:span 3}
.scard .im{overflow:hidden; aspect-ratio:4/3; background:var(--bg-2)}
.scard:nth-child(1) .im,.scard:nth-child(2) .im{aspect-ratio:16/10}
.scard img{width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.scard:hover img{transform:scale(1.04)}
.scard .tx{padding:22px 24px 26px; display:flex; flex-direction:column; gap:8px; flex:1}
.scard p{margin:0; color:var(--muted); font-size:14.5px}
.scard .go{margin-top:auto; padding-top:12px; font-size:12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--bronze)}
.scard.cta{background:var(--dark); color:var(--dark-ink); border-color:var(--dark); justify-content:flex-end}
.scard.cta p{color:var(--dark-muted)}
.scard.cta .go{color:var(--bronze-2)}
@media(max-width:900px){.sgrid{grid-template-columns:1fr 1fr}.scard,.scard:nth-child(1),.scard:nth-child(2){grid-column:span 1}}
@media(max-width:560px){.sgrid{grid-template-columns:1fr}}

/* süreç şeridi */
.steps{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(7,1fr); border-top:1px solid var(--ink)}
.steps li{padding:18px 16px 0 0; position:relative}
html[dir="rtl"] .steps li{padding:18px 0 0 16px}
.steps li::before{content:""; position:absolute; top:-5px; inset-inline-start:0; width:9px; height:9px; border-radius:50%; background:var(--bronze)}
.steps b{display:block; font-size:12px; letter-spacing:.14em; color:var(--bronze); margin-bottom:8px}
.steps span{font-family:var(--f-serif); font-size:21px; line-height:1.2; display:block}
html[dir="rtl"] .steps span{font-size:15px; line-height:1.6}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr; row-gap:28px}}
.more{margin-top:40px}

/* neden */
.why{display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line)}
.why>div{padding:28px 24px 8px 0; border-inline-end:1px solid var(--line)}
.why>div+div{padding-inline-start:24px}
.why>div:last-child{border-inline-end:none}
.k{font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--bronze); font-weight:600; display:block; margin-bottom:10px}
.why h3{margin-bottom:12px}
.why p{margin:0; color:var(--muted); font-size:15px}
@media(max-width:900px){.why{grid-template-columns:1fr 1fr}.why>div{border-inline-end:none; padding:24px 16px 24px 0 !important; border-bottom:1px solid var(--line)}}
@media(max-width:560px){.why{grid-template-columns:1fr}}

/* koleksiyon şeridi */
.kgrid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px}
.kgrid a{text-decoration:none; color:inherit}
.kgrid .im{aspect-ratio:3/4; overflow:hidden; background:var(--bg-2)}
.kgrid img{width:100%; height:100%; object-fit:cover; transition:transform .8s}
.kgrid a:hover img{transform:scale(1.04)}
.kgrid span{display:block; margin-top:12px; font-size:14px; color:var(--muted)}
.kgrid span::after{content:" ↗"; color:var(--bronze)}
@media(max-width:900px){.kgrid{grid-template-columns:1fr 1fr}}

/* ana sayfa: gerçek proje kartları */
.rgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.rkart{text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:6px}
.rkart .im{aspect-ratio:4/3; overflow:hidden; background:var(--bg-2); margin-bottom:8px}
.rkart img{width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.rkart:hover img{transform:scale(1.04)}
.rkart .k{font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--bronze); font-weight:600}
html[dir="rtl"] .rkart .k{letter-spacing:0}
.rkart b{font-family:var(--f-serif); font-weight:500; font-size:21px; line-height:1.25}
html[dir="rtl"] .rkart b{font-size:17px; font-weight:600; line-height:1.5}
@media(max-width:900px){.rgrid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.rgrid{grid-template-columns:1fr}}

/* koyu bant */
.dark{background:var(--dark); color:var(--dark-ink); border-top:none !important}
.dark p{color:var(--dark-muted)}
.dark .num,.dark .eyebrow,.dark .k{color:var(--bronze-2)}
.band{display:grid; grid-template-columns:1.2fr .8fr; gap:40px; align-items:end}
.band p{margin:18px 0 0; max-width:56ch}
.band .ctas{justify-content:flex-end; margin-top:0}
@media(max-width:860px){.band{grid-template-columns:1fr}.band .ctas{justify-content:flex-start}}

/* kapsam listesi + odak */
.two{display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(28px,5vw,80px)}
.two h2{margin-bottom:24px}
@media(max-width:860px){.two{grid-template-columns:1fr}}
.list{list-style:none; margin:0; padding:0; border-top:1px solid var(--line); counter-reset:li}
.list li{padding:15px 0; border-bottom:1px solid var(--line); display:flex; gap:16px; font-size:16px}
.list li::before{content:counter(li,decimal-leading-zero); counter-increment:li; font-size:12px; color:var(--bronze); letter-spacing:.1em; padding-top:3px; min-width:22px}
.cells{display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); border:1px solid var(--line)}
.cells>div{background:var(--card); padding:28px 26px}
.cells h3{margin-bottom:10px}
.cells p{margin:0; color:var(--muted); font-size:15px}
.dark .cells{background:rgba(239,231,220,.14); border-color:rgba(239,231,220,.14)}
.dark .cells>div{background:var(--dark-2)}
.dark .cells p,.dark .shead p{color:var(--dark-muted)}
.cells.g3{grid-template-columns:repeat(3,1fr)}
@media(max-width:860px){.cells,.cells.g3{grid-template-columns:1fr}}
.others{display:flex; flex-wrap:wrap; gap:10px; margin-top:28px}
.others a{padding:10px 16px; border:1px solid var(--line-2); text-decoration:none; font-size:14px}
.others a:hover{border-color:var(--ink)}

/* süreç zaman çizelgesi */
.tl{list-style:none; margin:0; padding:0}
.tl li{display:grid; grid-template-columns:90px 1fr .8fr; gap:16px 48px; padding:34px 0; border-top:1px solid var(--line)}
.tl li:last-child{border-bottom:1px solid var(--line)}
.tl .n{font-family:var(--f-serif); font-size:44px; line-height:1; color:var(--bronze)}
.tl p{margin:10px 0 0; color:var(--muted)}
.tl .out{align-self:start; background:var(--card); border:1px solid var(--line); padding:16px 18px; font-size:14.5px}
.tl .out b{display:block; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--bronze); margin-bottom:6px}
@media(max-width:860px){.tl li{grid-template-columns:1fr; gap:10px}}
.faq details{border-top:1px solid var(--line); padding:20px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer; font-family:var(--f-serif); font-size:23px; list-style:none; display:flex; justify-content:space-between; gap:20px}
html[dir="rtl"] .faq summary{font-size:17px; font-weight:600}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+"; color:var(--bronze); font-family:var(--f-sans); font-size:22px; line-height:1}
.faq details[open] summary::after{content:"–"}
.faq p{margin:12px 0 0; color:var(--muted); max-width:70ch}

/* görseller */
.wide{margin:0}
.wide img{width:100%; max-height:78vh; object-fit:cover}
.pair{display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(28px,5vw,72px); align-items:center}
.pair figure{margin:0}
.pair img{width:100%; aspect-ratio:4/5; object-fit:cover}
.pair p{color:var(--muted)}
@media(max-width:860px){.pair{grid-template-columns:1fr}}

/* projeler */
.empty{border:1px dashed var(--line-2); padding:clamp(28px,5vw,56px); display:grid; grid-template-columns:1.2fr .8fr; gap:32px; align-items:center; background:var(--card)}
.empty p{color:var(--muted); margin:14px 0 0; max-width:58ch}
@media(max-width:860px){.empty{grid-template-columns:1fr}}
.pgrid{display:grid; grid-template-columns:repeat(2,1fr); gap:28px}
.pgrid article img{width:100%; aspect-ratio:3/2; object-fit:cover}
.pgrid .meta{font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--bronze); margin:16px 0 6px}
.pgrid p{margin:8px 0 0; color:var(--muted); font-size:15px}
@media(max-width:760px){.pgrid{grid-template-columns:1fr}}

/* form */
.formgrid{display:grid; grid-template-columns:1.35fr .65fr; gap:clamp(28px,5vw,72px); align-items:start}
@media(max-width:900px){.formgrid{grid-template-columns:1fr}}
form .row{display:grid; grid-template-columns:1fr 1fr; gap:0 20px}
@media(max-width:600px){form .row{grid-template-columns:1fr}}
label{display:flex; flex-direction:column; gap:7px; font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); margin-bottom:18px}
html[dir="rtl"] label,html[dir="rtl"] legend{letter-spacing:0}
input,select,textarea{font:400 16px var(--f-sans); color:var(--ink); background:var(--card); border:1px solid var(--line-2);
  padding:13px 14px; border-radius:0; width:100%; text-transform:none; letter-spacing:0}
textarea{min-height:140px; resize:vertical}
input:focus,select:focus,textarea:focus{outline:none; border-color:var(--ink)}
fieldset{border:none; padding:0; margin:0 0 22px}
legend{font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); margin-bottom:10px; padding:0}
.chips{display:flex; flex-wrap:wrap; gap:8px}
.chips label{flex-direction:row; align-items:center; gap:8px; margin:0; text-transform:none; letter-spacing:0; font-size:14px; font-weight:500; color:var(--ink);
  border:1px solid var(--line-2); padding:9px 14px; cursor:pointer; background:var(--card)}
.chips input{width:auto; margin:0; accent-color:var(--bronze)}
.chips label:has(input:checked){border-color:var(--ink); background:var(--bg-2)}
.fnote{font-size:13px; color:var(--faint); margin-top:14px; max-width:60ch}
.side{background:var(--dark); color:var(--dark-ink); padding:32px 28px; position:sticky; top:96px}
.side h2{margin-bottom:18px; font-size:clamp(22px,2vw,26px); line-height:1.2}
html[dir="rtl"] .side h2{font-size:19px; line-height:1.5; font-weight:600}
.side ol{margin:0; padding-inline-start:20px; color:var(--dark-muted)}
.side li{margin-bottom:10px}
.side .mail{margin-top:26px; padding-top:20px; border-top:1px solid rgba(239,231,220,.18); font-size:14px; color:var(--dark-muted)}
.side .mail a{color:var(--dark-ink); display:block; margin-top:6px; font-size:16px; word-break:break-all}

/* form: tuzak alan, durum, teşekkür */
.hp{position:absolute; inset-inline-start:-10000px; width:1px; height:1px; overflow:hidden}
.fdurum{margin:14px 0 0; font-size:14px; color:var(--bronze)}
.btn:disabled{opacity:.55; cursor:progress}
.tesekkur{background:var(--card); border:1px solid var(--line); padding:clamp(28px,5vw,48px); align-self:start}
.tesekkur[hidden]{display:none}
.tesekkur .k{font-size:28px; color:var(--bronze); margin-bottom:12px}
.tesekkur h2{margin-bottom:12px}
.tesekkur p{color:var(--muted); margin:0; max-width:52ch}

/* altbilgi */
footer{background:var(--dark); color:var(--dark-muted); padding-block:64px 28px; font-size:14px}
footer .cols{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:36px}
footer .brand{color:var(--dark-ink); margin-bottom:18px}
footer address,.side address{font-style:normal; line-height:1.55}
footer address span[dir],.side address span[dir]{display:block; unicode-bidi:isolate}
html[dir="rtl"] footer address span[dir],html[dir="rtl"] .side address span[dir]{text-align:right}
footer address .ofis,.side address>span:first-child{display:block; font-size:11px; letter-spacing:.14em; text-transform:uppercase; opacity:.7; margin-bottom:4px}
html[dir="rtl"] footer address .ofis,html[dir="rtl"] .side address>span:first-child{letter-spacing:0}
form .onay{text-transform:none; letter-spacing:0; font-weight:400; font-size:14px}
.onay{display:flex; gap:10px; align-items:flex-start; font-size:14px; line-height:1.5; color:var(--muted); margin:6px 0 18px}
.onay input{width:18px; height:18px; margin-top:2px; flex:none; accent-color:var(--bronze)}
.onay a{color:var(--ink)}
.kvkk{max-width:76ch}
.kvkk h2{font-size:clamp(20px,2vw,24px); margin:40px 0 12px}
.kvkk p,.kvkk li{line-height:1.7; color:var(--ink)}
.kvkk ul{padding-inline-start:20px}
.kvkk .meta{font-size:13px; color:var(--faint); margin-top:36px}
footer .alt a{color:inherit}
.filmkutu{margin:0}
.filmkutu video{display:block; width:100%; aspect-ratio:16/9; background:var(--dark); border-radius:2px}
.film-not{font-size:12.5px; letter-spacing:0; text-transform:none; color:var(--faint); margin-top:12px; max-width:80ch; line-height:1.5}
footer .fh{font-family:var(--f-sans); font-size:11px; line-height:1.4; letter-spacing:.2em; text-transform:uppercase; color:var(--dark-ink); margin:0 0 14px; font-weight:600}
html[dir="rtl"] footer .fh{letter-spacing:0; font-size:13px}
footer ul{list-style:none; margin:0; padding:0}
footer li{margin-bottom:8px}
footer a{color:var(--dark-muted); text-decoration:none}
footer a:hover{color:var(--dark-ink)}
footer p{margin:0; max-width:40ch}
footer .alt{margin-top:48px; padding-top:20px; border-top:1px solid rgba(239,231,220,.14); display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; font-size:12.5px}
@media(max-width:860px){footer .cols{grid-template-columns:1fr 1fr}}
@media(max-width:520px){footer .cols{grid-template-columns:1fr}}


/* projeler: sayfa içi gezinme */
.pnav{display:flex; flex-wrap:wrap; gap:10px; margin-top:30px}
.pnav a{padding:10px 16px; border:1px solid var(--line-2); text-decoration:none; font-size:14px}
.pnav a:hover{border-color:var(--ink)}
.pnav i,.fchip i{font-style:normal; color:var(--faint); font-size:12px; margin-inline-start:4px}
/* galeri filtre */
.filtre{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px}
.fchip{font:500 14px var(--f-sans); padding:10px 16px; border:1px solid var(--line-2); background:transparent; color:var(--ink); cursor:pointer}
.fchip:hover{border-color:var(--ink)}
.fchip[aria-pressed="true"]{background:var(--ink); color:var(--bg); border-color:var(--ink)}
.fchip[aria-pressed="true"] i{color:var(--line-2)}
.fchip:disabled{opacity:.4; cursor:default}
.galeri{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
.gk{margin:0; position:relative}
.gk[hidden]{display:none}
.gk button{display:block; width:100%; padding:0; border:0; background:var(--bg-2); cursor:zoom-in; overflow:hidden; aspect-ratio:4/3}
.gk img{width:100%; height:100%; object-fit:cover; transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.gk button:hover img{transform:scale(1.04)}
.gk figcaption{position:absolute; inset-inline:0; bottom:0; padding:28px 16px 12px; color:#fff; pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(29,22,18,.78)); display:flex; flex-direction:column; font-size:12.5px}
.gk figcaption b{font-family:var(--f-serif); font-weight:500; font-size:19px; line-height:1.2}
.gk figcaption span{opacity:.8; letter-spacing:.04em}
.gbos{color:var(--muted); padding:30px 0}
@media(max-width:900px){.galeri{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.filtre{flex-wrap:nowrap; overflow-x:auto; margin-inline:calc(-1*var(--gut)); padding-inline:var(--gut); padding-bottom:6px; scrollbar-width:none}
  .filtre::-webkit-scrollbar{display:none}
  .fchip{flex:none; white-space:nowrap}}
@media(max-width:520px){.galeri{grid-template-columns:1fr}}
/* lightbox */
.lb{position:fixed; inset:0; z-index:100; background:rgba(20,15,12,.97); display:flex; align-items:center; justify-content:center; padding:56px 70px}
.lb[hidden]{display:none}
.lb figure{margin:0; max-width:100%; max-height:100%; display:flex; flex-direction:column; align-items:center}
.lb img{max-width:100%; max-height:calc(100vh - 150px); object-fit:contain}
.lb figcaption{color:var(--dark-muted); font-size:13.5px; margin-top:14px; text-align:center; letter-spacing:.02em; text-transform:none}
.lb button{position:absolute; background:none; border:1px solid rgba(239,231,220,.3); color:var(--dark-ink); cursor:pointer; width:48px; height:48px; font-size:22px}
.lb button:hover{border-color:var(--dark-ink)}
.lb-x{top:16px; inset-inline-end:16px}
.lb-p{inset-inline-start:14px; top:50%; transform:translateY(-50%)}
.lb-n{inset-inline-end:14px; top:50%; transform:translateY(-50%)}
@media(max-width:700px){.lb{padding:64px 10px 90px}.lb-p,.lb-n{top:auto; bottom:22px; transform:none}}
/* devam eden projeler */
.dgrid{display:grid; grid-template-columns:repeat(2,1fr); gap:20px; align-items:start}
@media(max-width:800px){.dgrid{grid-template-columns:1fr}}
.dk{background:var(--card); border:1px solid var(--line); display:flex; flex-direction:column}
.dk .im{aspect-ratio:16/9; overflow:hidden}
.dk .im img{width:100%; height:100%; object-fit:cover}
.dk .tx{padding:24px 26px 26px}
.dk .meta{font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--bronze); margin-bottom:8px}
.dk p{color:var(--muted); margin:10px 0 0; font-size:15px}
.asama{margin-top:20px}
.asama ol{list-style:none; margin:10px 0 0; padding:0; display:grid; grid-template-columns:repeat(5,1fr); gap:4px}
.asama li{font-size:11px; color:var(--faint); padding-top:10px; border-top:3px solid var(--line); line-height:1.35}
.asama li.ok{border-color:var(--bronze); color:var(--muted)}
.asama li.su{border-color:var(--ink); color:var(--ink); font-weight:600}
.dmeta{margin-top:16px; font-size:14px; color:var(--muted)}
.dmeta b{color:var(--ink)}

@media(prefers-reduced-motion:reduce){*{transition:none !important; scroll-behavior:auto !important}}