/* Geometri Architects — site stilleri */
@font-face{font-family:Denton;src:url(../fonts/Denton-Thin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Montreal;src:url(../fonts/Montreal-Book.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Montreal;src:url(../fonts/Montreal-Medium.woff2) format("woff2");font-weight:450;font-style:normal;font-display:swap}
@font-face{font-family:Montreal;src:url(../fonts/Montreal-Bold.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}
/* Rusça (Kiril) harfler için Denton'a yakın serif; yalnızca Kiril aralığında devreye girer (SIL OFL lisanslı) */
@font-face{font-family:"Denton Cyrillic";src:url(../fonts/NotoSerifDisplay-Cyrillic.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;font-variation-settings:"wdth" 80,"wght" 320;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Denton Fallback";src:local(Georgia),local("Times New Roman");size-adjust:92%}
@font-face{font-family:"Montreal Fallback";src:local(Arial);size-adjust:94.46%;ascent-override:101.42%;descent-override:25.62%}

:root{
  --serif:Denton,"Denton Cyrillic","Denton Fallback",Georgia,serif;
  --sans:Montreal,"Montreal Fallback",Arial,sans-serif;
  --ink:#111;--grey:#8a8a8a;--light:#c9c9c9;--line:#e3e3e3;--bg:#fff;
  --pad:20px;--hdr:44px;
  --ease:cubic-bezier(.19,1,.22,1);
  /* arka plan renk geçişleri: panelden değiştirilir (Genel Ayarlar › Renkler) */
  --c1:236 178 140;--c2:140 174 214;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.45;font-weight:400}picture{display:contents}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,p{margin:0;font-weight:400}
svg{width:1em;height:1em}
.wrap{padding-left:var(--pad);padding-right:var(--pad)}
[hidden]{display:none!important}
::selection{background:#111;color:#fff}

/* ---------- gradyan lekeler ---------- */
.blobs{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.blobs i{position:absolute;border-radius:50%;filter:blur(30px);will-change:transform}
.blobs .b1{width:62vw;height:62vw;left:-22vw;top:-24vw;background:radial-gradient(circle,rgb(var(--c1) / .62) 0%,rgb(var(--c1) / 0) 62%);animation:drift1 18s ease-in-out infinite alternate}
.blobs .b2{width:70vw;height:70vw;right:-22vw;bottom:-28vw;background:radial-gradient(circle,rgb(var(--c2) / .55) 0%,rgb(var(--c2) / 0) 62%);animation:drift2 22s ease-in-out infinite alternate}
.blobs-top .b1{width:46vw;height:46vw;left:-18vw;top:-20vw;background:radial-gradient(circle,rgb(var(--c2) / .45),rgb(var(--c2) / 0) 62%)}
.blobs-peach .b1{width:120vw;height:40vw;left:-10vw;top:-22vw;background:radial-gradient(ellipse,rgb(var(--c1) / .5),rgb(var(--c1) / 0) 62%)}
@keyframes drift1{to{transform:translate(8vw,6vw) scale(1.08)}}
@keyframes drift2{to{transform:translate(-8vw,-5vw) scale(1.1)}}

/* ---------- üst menü ---------- */
.hdr{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--hdr);display:flex;align-items:center;padding:0 var(--pad) 0 10px;gap:20px}
.hdr::before{content:"";position:absolute;inset:0 0 -18px 0;z-index:-1;background:linear-gradient(#fff 0%,rgba(255,255,255,.86) 45%,rgba(255,255,255,0));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent);pointer-events:none}
.logo{display:inline-flex;align-items:center;gap:7px;font-family:var(--sans);font-weight:500;font-size:19px;letter-spacing:-.02em;line-height:1}
.logo-g{width:24px;height:24px;flex:none;color:currentColor;fill:currentColor;margin-top:-1px;position:relative;top:-.5px}
.hdr-back{display:inline-flex;align-items:center;gap:8px;font-weight:450;font-size:14px}
.back-ic{width:18px;height:18px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}
.back-ic svg{width:10px;height:10px;transform:rotate(180deg)}
.nav{margin-left:auto;display:flex;gap:20px;font-family:var(--serif);font-size:16px}
.nav a,.lang a{position:relative;padding:2px 0}
.hdr-tools{display:flex;align-items:center;gap:14px}
.lang{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 2px;font-size:11.5px;font-weight:450;letter-spacing:.04em;color:var(--ink);cursor:pointer}
.lang-ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.1;transition:transform .8s var(--ease)}
.lang-btn:hover .lang-ic,.lang.open .lang-ic{transform:rotate(-30deg)}
.lang-menu{position:absolute;top:calc(100% + 10px);right:-10px;min-width:150px;margin:0;padding:6px;list-style:none;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 18px 40px -18px rgba(0,0,0,.25);opacity:0;transform:translateY(-6px);transition:opacity .25s var(--ease),transform .35s var(--ease);z-index:60}
.lang.open .lang-menu{opacity:1;transform:none}
.lang-menu a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 10px;border-radius:6px;font-family:var(--serif);font-size:16px;color:var(--grey);transition:background .2s,color .2s}
.lang-menu a small{font-family:var(--sans);font-size:10px;letter-spacing:.08em;color:var(--light)}
.lang-menu a:hover,.lang-menu a:focus-visible{background:rgba(0,0,0,.04);color:var(--ink);outline:none}
.lang-menu a.on{color:var(--ink)}
.lang-menu a.on small{color:var(--ink)}
.mm-lang{position:relative;z-index:1;display:flex;gap:20px;font-size:14px;letter-spacing:.02em}
.mm-lang a{color:var(--grey)}.mm-lang a.on{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
img,video{-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none}
.search-btn{display:grid;place-items:center;width:20px;height:20px}
.search-btn svg{width:15px;height:15px}
.menu-btn{display:none;font-family:var(--serif);font-size:16px}

.mmenu{position:fixed;inset:0;z-index:45;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:44px;padding:var(--pad)}
.mmenu nav{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;font-family:var(--serif);font-size:44px;line-height:1.1}

.search{position:fixed;inset:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;padding:0 var(--pad)}
.search form{display:flex;align-items:center;border-bottom:1px solid var(--ink);max-width:1100px;width:100%;margin:0 auto}
.search input{flex:1;border:0;outline:0;background:none;font-family:var(--serif);font-size:clamp(28px,4vw,56px);padding:10px 0;color:var(--ink)}
.search form button svg{width:26px;height:26px}
.search-close{position:absolute;top:12px;right:var(--pad);font-family:var(--serif);font-size:16px}

/* ---------- ortak öğeler ---------- */
main{display:block}
.label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:14px}
.big-serif{font-family:var(--serif);font-size:clamp(30px,3.3vw,50px);line-height:1.1;letter-spacing:-.01em;text-align:center}
.page-t{font-family:var(--serif);font-size:clamp(30px,2.95vw,44px);line-height:1.12;letter-spacing:-.01em;max-width:18em}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 6px}
.card{display:block}.card-img{display:block;overflow:hidden;aspect-ratio:4/2.4;background:#f2f0ee;position:relative}.card-img.tall{aspect-ratio:auto;height:100%}.card-img img,.card-img video{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}.card:hover .card-img img,.card:hover .card-img video{transform:scale(1.04)}
.card-cat{display:block;margin-top:10px;font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}
.card-t{display:block;font-family:var(--serif);font-size:20px;line-height:1.15;margin-top:2px;letter-spacing:-.005em}
.mosaic{grid-template-rows:auto auto;grid-auto-flow:dense}
.mosaic .m-tall{grid-row:span 2;display:flex;flex-direction:column}.mosaic .m-tall .card-img{flex:1;min-height:420px}
.arrow-link{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;font-weight:450;font-size:14px}
.arrow-link svg{width:14px;height:14px;transition:transform .5s var(--ease)}
.arrow-link:hover svg{transform:translateX(4px)}
.pill{display:inline-block;border:1px solid var(--ink);border-radius:30px;padding:9px 20px;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:450;transition:background .3s,color .3s}
.pill:hover{background:var(--ink);color:#fff}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

/* resimli çiftler */
.pair{display:grid;grid-template-columns:minmax(0,2.22fr) minmax(0,1fr);gap:6px;align-items:stretch}
.pair>div{overflow:hidden;min-height:320px}
.pair-a{aspect-ratio:3/2}.pair img,.pair video{width:100%;height:100%;object-fit:cover}
.pair-rev{grid-template-columns:minmax(0,1fr) minmax(0,2.22fr)}
.pair-txt{display:grid;grid-template-columns:minmax(0,2.22fr) minmax(0,1fr);gap:6px;margin-top:12px;font-size:15px}
.pair-txt p{max-width:42em}
.pair-txt .arrow-link{align-self:start}
.pair-txt-rev{grid-template-columns:minmax(0,1fr) minmax(0,2.22fr)}

/* ---------- animasyon ---------- */
.js .reveal{opacity:0;transform:translateY(34px);transition:opacity 1.2s var(--ease),transform 1.4s var(--ease)}
.js .reveal.in{opacity:1;transform:none}.js .reveal-img{clip-path:inset(18% 0 0 0);opacity:0;transition:clip-path 1.6s var(--ease),opacity 1s var(--ease)}.js .reveal-img.in{clip-path:inset(0 0 0 0);opacity:1}
.parallax-wrap{overflow:hidden}img.parallax,video.parallax{transform:translate3d(0,var(--py,0px),0) scale(1.14);will-change:transform}
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.split .w>span{display:inline-block;transform:translateY(105%);transition:transform 1.2s var(--ease);transition-delay:calc(var(--i,0) * 28ms)}
.split.in .w>span{transform:none}
@media (prefers-reduced-motion:reduce){.js .reveal,.js .reveal-img,.split .w>span{transition:none!important;transform:none!important;opacity:1!important;clip-path:none!important}
  .blobs i{animation:none}
}

/* ---------- ana sayfa ---------- */
.h-we{position:relative;height:300vh}
.h-we-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}
.h-we-row{position:relative;z-index:1;display:flex;align-items:baseline;gap:.32em;font-family:var(--serif);font-size:clamp(30px,2.6vw,40px);line-height:1.18;transform:translateX(-6vw)}
.h-we-list{position:relative;height:1.18em;overflow:visible}
.h-we-track{display:block;transform:translateY(calc(var(--k,0) * -1.18em));transition:transform .9s var(--ease)}
.h-we-w{display:block;white-space:nowrap;color:var(--light);transition:color .6s,opacity .6s}
.h-we-w.on{color:var(--ink)}
.h-hero{padding-top:var(--hdr)}
.h-hero-t{font-family:var(--serif);font-size:clamp(28px,2.6vw,40px);line-height:1.1;padding:0 var(--pad) 26px}.h-hero-img{height:calc(100vh - 130px);min-height:420px}.h-hero-img img,.h-hero-img video{width:100%;height:100%;object-fit:cover}
.h-feat{padding:12px var(--pad) 0}
.card-lead{margin-bottom:56px}
.card-lead .card-cat{margin-top:0}
.grid-row{margin-bottom:28px}
.h-statement,.h-culture{min-height:92vh;display:flex;align-items:center;justify-content:center;padding:12vh var(--pad)}
.h-insights{padding-top:4vh}
.h-insights .label,.h-practice .label{max-width:66%}.ins .card-img{aspect-ratio:4/2.4}
.h-practice{padding-top:8vh;padding-bottom:22vh}
.h-practice .pair-a{aspect-ratio:3/2}

/* ---------- dikey sekmeler (projeler, ofis) ---------- */
.tabs-layout,.side-layout{display:flex;min-height:100vh}
.tabs-body,.side-body{flex:1;min-width:0}
.vtab{flex:0 0 23px;position:relative;border-left:1px solid var(--line);font-size:12.5px;font-weight:400;color:var(--ink);transition:background .5s,color .5s}
.vtab:last-of-type{border-right:1px solid var(--line)}
.vtab span{position:sticky;top:calc(50vh - 120px);display:block;writing-mode:vertical-rl;transform:rotate(180deg);padding:14px 0;margin:0 auto;width:23px;text-align:right;white-space:nowrap}
.vtab:hover{background:#f6f6f6}
.vtab.on{background:#111;color:#fff}
.side-tabs{display:flex;flex:0 0 auto}
.p-head{padding:calc(var(--hdr) + 7vh) 24px 9vh}
.p-head.wrap{padding-left:var(--pad);padding-right:var(--pad)}
.p-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 6px;padding:0 24px}
.p-grid .card:first-child{grid-row:span 2;display:flex;flex-direction:column}.p-grid .card:first-child .card-img{flex:1}
.p-grid .card.hide{display:none}
.p-more{text-align:center;padding:8vh 0 14vh}
.p-count{font-size:10px;color:var(--light);margin-bottom:10px;letter-spacing:.02em}

/* ---------- proje / haber detay ---------- */
.pd-intro{position:relative;min-height:46vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--hdr) + 8vh) var(--pad) 10vh;text-align:center}
.pd-intro>*:not(.blobs){position:relative;z-index:1}
.pd-intro .card-cat{margin-bottom:18px}
.pd-lead{font-family:var(--serif);font-size:clamp(28px,2.6vw,40px);line-height:1.12;max-width:15.5em;letter-spacing:-.01em}
.pd-cover{width:75%;aspect-ratio:16/10}.pd-cover img,.pd-cover video,.pd-full img,.pd-full video,.pd-wide figure img,.pd-wide figure video,.pr-hero img,.pr-hero video,.pr-careers figure img,.pr-careers figure video{width:100%;height:100%;object-fit:cover}
.pd-wide{padding:0 var(--pad);margin-bottom:16vh}
.pd-wide figure{aspect-ratio:16/7}
.pd-txt{max-width:44em;font-size:15.5px;line-height:1.5}
.pd-txt p+p{margin-top:1em}
.pd-sec{padding:6vh var(--pad) 14vh;display:flex;flex-direction:column;align-items:center}
.pd-sec .pd-txt{margin-top:28px;max-width:44em;text-align:left;align-self:center}
.pd-h{font-family:var(--serif);font-size:clamp(26px,2.3vw,36px);line-height:1.12;text-align:center;letter-spacing:-.01em}
.pd-sec-left .pd-txt{align-self:flex-start;max-width:30em}
.pd figure{margin:0}
.pd figure.pd-cover{margin:0 auto 9vh}
.pd .pd-wide figure{margin:0 0 14px}
.pd .pair{margin-bottom:16vh}
.pd-full{height:92vh;margin:0 0 6vh!important}
.pd-body{padding-top:4vh}
.pd-meta{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding-top:8vh;padding-bottom:14vh}
.pd-meta dl{display:grid;grid-template-columns:150px 1fr;gap:6px 10px;margin:0;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase}
.pd-meta dt{color:var(--grey)}
.pd-meta dd{margin:0}
.pd-share p{display:flex;gap:18px;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase}
.pd-share a:hover{text-decoration:underline}
.pd-related{padding-bottom:16vh}

/* ---------- ofis ---------- */
.pr-head{position:relative;padding:calc(var(--hdr) + 7vh) var(--pad) 12vh}
.pr-head .page-t{position:relative;z-index:1;max-width:16em}
.pr-hero{margin:0;height:86vh}
.pr-acc{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding-top:12vh;padding-bottom:16vh;align-items:start}
.acc-i{border-bottom:1px solid var(--line)}
.acc-i:first-child{border-top:1px solid var(--line)}
.acc-h{display:grid;grid-template-columns:82px 1fr 20px;width:100%;text-align:left;padding:14px 0;align-items:center}
.acc-n{font-size:11px;color:var(--grey)}
.acc-t{font-weight:450;font-size:15px}
.acc-i:not(.open) .acc-t{color:var(--grey)}
.acc-pm{position:relative;width:10px;height:10px;justify-self:end}
.acc-pm::before,.acc-pm::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:currentColor;transition:transform .5s var(--ease)}
.acc-pm::after{transform:rotate(90deg)}
.open .acc-pm::after{transform:rotate(0)}
.acc-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .8s var(--ease)}
.open .acc-b{grid-template-rows:1fr}
.acc-in{overflow:hidden;padding-left:82px;font-size:13.5px;line-height:1.5;max-width:520px}
.acc-in p{margin-bottom:1em}
.open .acc-in{padding-bottom:12px}
.pr-side{margin:0;aspect-ratio:4/5}.pr-side img,.pr-side video{width:100%;height:100%;object-fit:cover}
.pr-statement{min-height:72vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10vh var(--pad);gap:5vh}
.pr-statement .big-serif{text-align:left;max-width:16em}
.pr-people{padding-bottom:18vh}
.pr-careers figure{margin:0 0 12px;height:90vh}
.pr-careers{padding-bottom:18vh}

/* ---------- iletişim ---------- */
.c-head{padding-top:calc(var(--hdr) + 7vh);padding-left:calc(var(--pad) + 36px)}
.c-list{list-style:none;margin:0;padding:0;font-family:var(--serif);font-size:clamp(32px,2.9vw,44px);line-height:1.12}
.c-tab{color:var(--light);text-align:left;transition:color .4s;text-decoration:underline transparent 1px;text-underline-offset:.12em}
.c-tab.on,.c-tab:hover{color:var(--ink)}
.c-tab.on{text-decoration-color:currentColor}
.c-panels{position:relative;padding-left:calc(var(--pad) + 36px);margin-top:14vh;min-height:60vh}
.c-panel{display:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.c-panel.on{display:grid;animation:fade .8s var(--ease)}
@keyframes fade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.c-img{margin:0;aspect-ratio:3/2;overflow:hidden;background:#f2f0ee}.c-img img,.c-img video{width:100%;height:100%;object-fit:cover}
.c-info{font-size:15px;line-height:1.45}
.c-info p+p{margin-top:1em}
.c-info a:hover{text-decoration:underline}
.c-form{padding-top:14vh;padding-bottom:16vh}
.c-form .pd-h{text-align:left;margin-bottom:5vh}
.cform{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px;max-width:1100px}
.cform label{display:flex;flex-direction:column;gap:6px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}
.cform .full{grid-column:1/-1}
.cform input,.cform textarea,.news-row input{font:inherit;font-size:15px;letter-spacing:0;text-transform:none;color:var(--ink);border:0;border-bottom:1px solid var(--line);background:transparent;padding:8px 0;outline:0;border-radius:0;transition:border-color .3s}
.cform input:focus,.cform textarea:focus,.news-row input:focus{border-color:var(--ink)}
.cform textarea{resize:vertical;min-height:110px}
.cform-foot{display:flex;justify-content:space-between;align-items:center;gap:20px}
.form-msg{font-size:13px;min-height:1.2em}

/* ---------- altbilgi ---------- */
.ftr{position:relative;overflow:hidden;padding:14vh var(--pad) 22px}
.ftr .blobs .b1{left:-10vw;top:auto;bottom:-30vw;width:60vw;height:60vw}
.ftr .blobs .b2{right:-15vw;bottom:-25vw}
.ftr-in{position:relative;z-index:1}
.office a:hover{text-decoration:underline}
.news-form .form-msg{margin-top:8px;font-size:12px}
.totop{flex:none;margin-left:auto;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}
.totop svg{width:10px;height:10px;transform:rotate(-90deg)}

/* ---------- arama ---------- */
.s-form input{width:100%;border:0;border-bottom:1px solid var(--ink);font-family:var(--serif);font-size:clamp(30px,3vw,46px);padding:8px 0;outline:0;background:none}
.is-search .p-head{padding-bottom:5vh}

/* ---------- mobil ---------- */
@media (max-width:1000px){
  .grid3,.p-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .p-grid .card:first-child{grid-row:auto}.p-grid .card:first-child .card-img{aspect-ratio:4/2.4}
}
@media (max-width:760px){
  :root{--pad:16px}
  .nav{display:none}
  .hdr-tools{margin-left:auto}
  .menu-btn{display:block}
  .grid3,.p-grid,.pair,.pair-rev,.pair-txt,.pair-txt-rev,.pr-acc,.pd-meta,.c-panel,.cform{grid-template-columns:minmax(0,1fr)}.card,.card-img{min-width:0;max-width:100%}
  .mosaic .m-tall{grid-row:auto}.mosaic .m-tall .card-img{min-height:0;aspect-ratio:4/3;flex:none}
  .pair>div{min-height:0;aspect-ratio:4/3}
  .pair-txt{gap:14px}
  .h-we-row{transform:none;font-size:26px}.h-hero-img{height:70vh;min-height:0}
  .pd-cover{width:100%}
  .pd-wide figure{aspect-ratio:4/3}
  .pd-full{height:60vh}
  .tabs-layout{flex-wrap:wrap;padding-top:var(--hdr);min-height:0}
  .tabs-layout>.vtab{flex:1 1 0;border:0;border-bottom:1px solid var(--line)}
  .tabs-body{flex:0 0 100%}
  .vtab span{position:static;writing-mode:horizontal-tb;transform:none;width:auto;text-align:center;padding:10px 4px}
  .side-layout{flex-direction:column}
  .side-tabs{display:none}
  .p-head{padding:5vh var(--pad) 6vh}
  .p-grid{padding:0 var(--pad)}
  .acc-h{grid-template-columns:40px 1fr 20px}
  .acc-in{padding-left:40px}
  .c-head,.c-panels{padding-left:var(--pad)}
  .c-panels{margin-top:8vh}
  .pd-meta dl{grid-template-columns:110px 1fr}
}
html,body{overflow-x:clip}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(img){height:auto;max-width:100%}
video{object-fit:cover;background:transparent;pointer-events:none}
video::-webkit-media-controls,video::-webkit-media-controls-enclosure,video::-webkit-media-controls-panel,video::-webkit-media-controls-start-playback-button,video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none;opacity:0!important}

/* ---------- sabitlenmiş video sahnesi (ana sayfa) ---------- */
.h-hero-pin{height:var(--pin,260vh);padding-top:0;position:relative}
.h-hero-stick{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;padding-top:var(--hdr);overflow:hidden}
.h-hero-pin .h-hero-img{flex:1 1 auto;height:auto;min-height:0}
video[data-scrub]{background:#f2f0ee}

/* ---------- kaydırmaya bağlı video tuvali ---------- */
canvas.scrub-canvas{display:block;width:100%;height:100%;object-fit:cover;background:#f2f0ee}
canvas.parallax{transform:translate3d(0,var(--py,0px),0) scale(1.14);will-change:transform}
/* ---------- yumuşak sayfa geçişleri ---------- */
@view-transition{navigation:auto}
.hdr{view-transition-name:site-header}
::view-transition-group(site-header){animation:none}
::view-transition-old(root){animation:pt-out .38s cubic-bezier(.4,0,.2,1) both}
::view-transition-new(root){animation:pt-in .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes pt-out{to{opacity:0;transform:translateY(-10px)}}
@keyframes pt-in{from{opacity:0;transform:translateY(14px)}}
html.pt-enter main,html.pt-enter .ftr{opacity:0;transform:translateY(14px)}
main,.ftr{transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}
html.pt-leave main,html.pt-leave .ftr{opacity:0;transform:translateY(-10px);transition-duration:.32s}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}

/* ---------- footer ---------- */
.ftr-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px 60px;flex-wrap:wrap;padding-bottom:48px;border-bottom:1px solid rgba(20,20,20,.14)}
.ftr-cta{display:inline-flex;align-items:center;gap:.35em;font-family:var(--serif);font-size:clamp(40px,5.2vw,84px);line-height:1;letter-spacing:-.02em}
.ftr-cta svg{width:.55em;height:.55em;transition:transform .7s var(--ease)}
.ftr-cta:hover svg{transform:translateX(.18em)}
.ftr-reach{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-family:var(--serif);font-size:clamp(18px,1.6vw,24px)}
.ftr-reach a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .6s var(--ease)}
.ftr-reach a:hover{background-size:100% 1px}
.ftr-cols{display:flex;flex-wrap:wrap;gap:40px 56px;padding:40px 0 56px}.ftr-col{flex:1 1 160px;min-width:0}.ftr-col-off{flex:2.2 1 380px}.ftr-col-news{flex:1.5 1 260px;max-width:440px}
.ftr-h{font-family:var(--sans);font-size:10.5px;font-weight:450;letter-spacing:.14em;text-transform:uppercase;color:#52525b;margin:0 0 18px}
.ftr-offices{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:28px 36px;margin:0}
.office h4{font-family:var(--serif);font-size:19px;font-weight:400;margin:0 0 10px}
.office p{font-size:12px;line-height:1.55;letter-spacing:.005em;margin:0}
.office p+p{margin-top:10px}
.ftr-map{display:inline-block;margin-top:4px;color:#52525b}
.ftr-links{list-style:none;margin:0;padding:0;font-family:var(--serif);font-size:19px;line-height:1.55}
.ftr-links a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .6s var(--ease)}
.ftr-links a:hover{background-size:100% 1px}
.ftr-col-news .news-t{font-size:13px;margin:0 0 14px;max-width:30em}
.ftr-col-news .news-row{display:grid;grid-template-columns:1fr;gap:0;border:0}
.ftr-col-news .news-row input{border-bottom:1px solid rgba(20,20,20,.35);font-size:13px;padding:11px 0}
.ftr-col-news .news-row button{justify-self:start;display:inline-flex;align-items:center;gap:10px;margin-top:16px;font-size:13px;font-weight:450;padding:9px 16px;border:1px solid #141414;border-radius:40px;transition:background .3s,color .3s}
.ftr-col-news .news-row button svg{width:12px;height:12px}
.ftr-col-news .news-row button:hover{background:#141414;color:#fff}
.ftr-big{display:flex;align-items:center;width:max-content;max-width:100%;font-family:var(--sans);font-weight:500;font-size:clamp(56px,16vw,300px);line-height:1;letter-spacing:-.055em;margin:0 0 22px;padding-bottom:.04em;white-space:nowrap}
.ftr-big-g{width:.62em;height:.62em;flex:none;fill:currentColor;margin-right:.08em}
.ftr-bottom{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:10px 26px;padding-top:18px;border-top:1px solid rgba(20,20,20,.14);font-size:11px}
.ftr-bottom .legal{display:flex;flex-wrap:wrap;gap:6px 18px}
.ftr-bottom .legal a{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat}
.ftr-bottom .legal a:hover{background-size:0 1px;background-position:100% 100%;transition:background-size .5s var(--ease)}

@media (max-width:760px){.ftr{padding-top:10vh}.ftr-top{align-items:flex-start}.ftr-reach{align-items:flex-start}.ftr-col-news{max-width:none}}

/* ---------- iletişim formu: dosya eki ---------- */
.cfile{position:relative}
.cfile input[type=file]{position:absolute;inset:auto 0 0 0;height:100%;opacity:0;cursor:pointer}
.cfile-ui{display:flex;align-items:center;gap:14px;font-style:normal;text-transform:none;letter-spacing:0;font-size:13px;color:var(--ink);border-bottom:1px solid var(--line);padding:8px 0 10px}
.cfile-btn{font-weight:450;border:1px solid #141414;border-radius:30px;padding:5px 14px;font-size:12px;transition:background .3s,color .3s}
.cfile:hover .cfile-btn,.cfile input:focus-visible+.cfile-ui .cfile-btn{background:#141414;color:#fff}
.cfile-name{font-style:normal;color:var(--grey);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cfile.has .cfile-name{color:var(--ink)}
.cfile.bad .cfile-name{color:#b91c1c}

/* ---------- açılış yükleme ekranı ---------- */
.ld{--vu:min(1vw,1.7902vh);--in:calc(2.5*var(--vu));--tu:calc(.0546875*var(--vu));--gap:calc(8*var(--tu));--cell:calc(2.9492*var(--vu));--head:var(--cell);--gr:calc(5.625*var(--vu) - var(--in));--fg:#e0e0e0;--acc:rgb(var(--c2,140 174 214));--cta:max(11px,.7813*var(--vu));--cta-gap:calc(.5*var(--vu));
  position:fixed;inset:0;z-index:200;background:#141414;color:var(--fg);overflow:hidden;font-family:var(--sans);transition:opacity .9s cubic-bezier(.4,0,.2,1),visibility .9s cubic-bezier(.4,0,.2,1)}
html:not(.js) .ld,html.ld-skip .ld{display:none}
html.ld-lock,html.ld-lock body{overflow:hidden}
.ld.out{opacity:0;visibility:hidden;pointer-events:none}
.ld-grid{position:absolute;top:var(--in);bottom:var(--in);left:var(--in);right:var(--gr);background-image:linear-gradient(rgba(232,232,232,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(232,232,232,.06) 1px,transparent 1px);background-size:var(--cell) var(--cell);background-position:-1px -1px;-webkit-mask-image:linear-gradient(to bottom right,#000 50%,transparent);mask-image:linear-gradient(to bottom right,#000 50%,transparent);pointer-events:none}
.ld-line{position:absolute;background:rgba(232,232,232,.12);pointer-events:none}
.ld-l{left:var(--in);width:1px;top:0;bottom:0}.ld-r{right:var(--gr);width:1px;top:0;bottom:0}
.ld-t{top:var(--in);height:1px;left:0;right:0}.ld-b{bottom:var(--in);height:1px;left:0;right:0}
.ld-head{position:absolute;top:var(--in);left:var(--in);display:flex;flex-direction:column;gap:calc(.2326*var(--head))}
.ld-brand,.ld-role{font-weight:500;letter-spacing:-.07em;line-height:1;white-space:nowrap}
.ld-brand{font-size:calc(2*var(--head)/.66 * var(--fit,1));margin:-.02em 0 -.2em -.04em}
.ld-role{font-size:calc(1.2912*var(--head));text-transform:uppercase;margin:-.1em 0 -.12em -.03em}
.ld-logo{position:absolute;top:var(--in);right:var(--gr);width:var(--cell);height:var(--cell);padding:calc(.3*var(--vu));fill:var(--fg)}
.ld-prog{--g:0;--bl:calc(var(--in) + 4*var(--cell));--bw:calc(8*var(--cell));--bwg:calc(11.7188*var(--vu));position:absolute;top:calc(var(--in) + 50vh - var(--in));left:calc(var(--bl) + var(--g)*(var(--bw) - var(--bwg))/2);width:calc(var(--bw) + var(--g)*(var(--bwg) - var(--bw)));transition:left .6s cubic-bezier(.45,0,.55,1) .25s,width .6s cubic-bezier(.45,0,.55,1) .25s}
.ld.gate .ld-prog{--g:1}
.ld-st{position:absolute;left:0;bottom:calc(100% + .39*var(--vu));max-width:100%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:max(9px,.5078*var(--vu));letter-spacing:.04em;text-transform:uppercase;color:#b8b8b8;transition:opacity .3s}
.ld-st small{font-size:1em;font-weight:400;color:#8f8f8f}
.ld.gate .ld-st,.ld.out .ld-st{opacity:0}
.ld-track{position:relative;height:1px;background:rgba(232,232,232,.12);overflow:hidden}
.ld-track i{position:absolute;inset:0 auto 0 0;width:0;background:var(--fg);will-change:width}
.ld.warm .ld-track i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(5,5,5,.55),transparent);animation:ldShim 1.4s ease-in-out infinite}
@keyframes ldShim{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.ld-cta{position:absolute;left:50%;bottom:1px;translate:-50% 0;display:flex;justify-content:center;width:max-content;min-width:100%;padding:calc(.6*var(--vu)) 0 0;margin:0;overflow:hidden;pointer-events:none;color:var(--fg)}
.ld.gate .ld-cta{pointer-events:auto}
.ld-cta:focus-visible{outline:1px solid rgba(232,232,232,.6);outline-offset:4px}
.ld-cta-in{display:inline-flex;text-transform:uppercase;padding-bottom:var(--cta-gap);font-weight:450;font-size:var(--cta);letter-spacing:.05em;line-height:1;white-space:nowrap;opacity:0;transform:translateY(120%);transition:transform .25s,opacity .25s}
.ld.gate .ld-cta-in{opacity:1;transform:none;transition:transform .5s cubic-bezier(.22,1,.36,1) .55s,opacity .5s .55s}
.ld-ch{display:inline-grid;clip-path:inset(0 -.06em)}
.ld-ch b{grid-area:1/1;display:block;font-weight:inherit;transition:transform .45s cubic-bezier(.22,1,.36,1) calc(var(--i)*18ms)}
.ld-ch b+b{transform:translateY(110%)}
.ld-cta:hover .ld-ch b,.ld-cta:focus-visible .ld-ch b{transform:translateY(-110%)}
.ld-cta:hover .ld-ch b+b,.ld-cta:focus-visible .ld-ch b+b{transform:none}
.ld-img{position:absolute;right:calc(var(--gr) + 2*var(--gap) + 250*var(--tu));bottom:calc(var(--in) + var(--gap) + 95*var(--tu));width:calc(247*var(--tu));height:calc(310*var(--tu));border:1px solid rgba(224,224,224,.18);border-radius:calc(8*var(--tu));overflow:hidden;background:#181818}
.ld-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08) brightness(.82);opacity:0;transition:opacity 1.2s}
.ld-img img.on{opacity:1}
.ld-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,20,20,.75),transparent 55%)}
.ld-num{--p:0;position:absolute;right:calc(var(--gr) + 2*var(--gap) + 250*var(--tu));bottom:calc(var(--in) + var(--gap) - 13.2*var(--tu));margin:0;font-weight:500;font-size:calc(60.5*var(--tu));line-height:1;font-variant-numeric:proportional-nums;white-space:nowrap;transform:translateX(calc((var(--p) - 1)*(247*var(--tu) - 100%)));will-change:transform}
.ld-card{position:absolute;right:calc(var(--gr) + var(--gap));bottom:calc(var(--in) + var(--gap));width:calc(250*var(--tu));height:calc(405*var(--tu));border:1px solid rgba(224,224,224,.18);border-radius:calc(8*var(--tu));background:#161616;overflow:hidden;font-weight:500;line-height:1}
.ld-card>*{position:absolute}
.ld-card svg{fill:none;stroke:var(--fg);stroke-width:1}
.ld-art{top:calc(18*var(--tu));left:calc(39*var(--tu));width:calc(177*var(--tu));height:calc(184*var(--tu));border:1px solid #2e2e2e;background-image:linear-gradient(#2e2e2e 1px,transparent 1px),linear-gradient(90deg,#2e2e2e 1px,transparent 1px);background-size:calc(13.62*var(--tu)) calc(14.15*var(--tu))}
.ld-art svg{position:absolute;left:calc(38*var(--tu));top:calc(10*var(--tu));width:calc(100*var(--tu));height:calc(168*var(--tu));stroke:rgba(224,224,224,.72);stroke-width:.6;vector-effect:non-scaling-stroke}
.ld-art svg path{vector-effect:non-scaling-stroke}
.ld-var,.ld-tag{text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}
.ld-var{left:calc(26*var(--tu));top:calc(19*var(--tu));display:inline-flex;align-items:center;gap:calc(3*var(--tu));font-size:calc(14*var(--tu));letter-spacing:.06em}
.ld-var em,.ld-made em{font-style:normal;color:var(--acc)}
.ld-chev{width:calc(9*var(--tu));height:calc(9*var(--tu));transform:rotate(90deg)}
.ld-tag{left:calc(22*var(--tu));top:calc(138*var(--tu));font-size:calc(17*var(--tu));letter-spacing:.04em}
.ld-spark{right:calc(9*var(--tu));top:calc(25*var(--tu));width:calc(20*var(--tu));height:calc(20*var(--tu));fill:var(--fg)!important;stroke:none!important}
.ld-planet{right:calc(11*var(--tu));top:calc(169*var(--tu));width:calc(18*var(--tu));height:calc(18*var(--tu))}
.ld-dots{right:calc(11*var(--tu));top:calc(191*var(--tu));width:calc(18*var(--tu));height:calc(12*var(--tu));fill:var(--fg)!important;stroke:none!important}
.ld-sep{left:calc(17*var(--tu));right:calc(10*var(--tu));top:calc(222*var(--tu));height:1px;background:rgba(224,224,224,.14)}
.ld-layers{left:calc(23*var(--tu));top:calc(236*var(--tu));width:calc(60*var(--tu));height:calc(40*var(--tu))}
.ld-rings{right:calc(107*var(--tu));top:calc(235*var(--tu));width:calc(26*var(--tu));height:calc(14*var(--tu))}
.ld-pill{right:calc(103*var(--tu));top:calc(256*var(--tu));width:calc(38*var(--tu));height:calc(11*var(--tu));display:flex;align-items:center;justify-content:center;border:1px solid rgba(224,224,224,.45);border-radius:calc(6*var(--tu));font-size:calc(5*var(--tu));letter-spacing:.14em;text-transform:uppercase;color:rgba(224,224,224,.6);white-space:nowrap}
.ld-cnum{right:calc(103*var(--tu));top:calc(272*var(--tu));font-size:calc(24*var(--tu));letter-spacing:.02em;font-variant-numeric:proportional-nums}
.ld-made{right:calc(25*var(--tu));top:calc(234*var(--tu));font-size:calc(13.5*var(--tu));letter-spacing:.02em;text-transform:uppercase;text-align:right;line-height:1.05}
.ld-plus{right:calc(25*var(--tu));top:calc(266*var(--tu));display:grid;grid-template-columns:repeat(4,calc(17*var(--tu)));row-gap:calc(2*var(--tu));justify-items:end;font-weight:400;font-size:calc(15*var(--tu));color:rgba(224,224,224,.75)}
.ld-plus i{font-style:normal}
.ld-title{left:calc(24*var(--tu));top:calc(297*var(--tu));width:calc(123*var(--tu));display:flex;justify-content:space-between;font-size:calc(20*var(--tu));text-transform:uppercase}
.ld-title i{font-style:normal}
.ld-bar{left:calc(24*var(--tu));top:calc(326*var(--tu));width:calc(123*var(--tu));height:calc(48*var(--tu));fill:var(--fg)!important;stroke:none!important}
.ld-code{left:calc(24*var(--tu));top:calc(380*var(--tu));width:calc(123*var(--tu));display:flex;justify-content:space-between;font-size:calc(11*var(--tu));letter-spacing:.5em;text-transform:uppercase;white-space:nowrap;overflow:hidden}
.ld-mark{left:calc(179*var(--tu));top:calc(330*var(--tu));width:calc(44*var(--tu));height:calc(44*var(--tu));fill:var(--fg)!important;stroke:none!important}
.ld-copy{left:calc(179*var(--tu));top:calc(382*var(--tu));width:calc(44*var(--tu));text-align:center;font-weight:400;font-size:calc(6.5*var(--tu));letter-spacing:.04em;color:rgba(224,224,224,.6)}
@supports (width:round(down,10px,3px)){
  .ld{--gr:calc(100vw - var(--in) - round(down,100vw - 5.625*var(--vu),var(--cell)))}
  .ld-prog{top:calc(var(--in) + round(nearest,50vh - var(--in),var(--cell)))}
}
@media (orientation:portrait){
  .ld{--in:max(16px,4vw);--gr:var(--in);--col:calc((100vw - 2*var(--in))/12);--cell:var(--col);--head:calc(.9*var(--cell));--cta:clamp(13px,3.4vw,20px);--cta-gap:2vw;--ctab:calc(var(--cta) + var(--cta-gap) + 1px);--H:100vh;
    --cw:max(4*var(--col),min(8*var(--col),(var(--H) - 2*var(--in) - 6*var(--cell) - var(--ctab))/1.78));--tu:calc(var(--cw)/250);--ncap:calc(60.5*var(--tu)*.7);--ctop:calc(var(--in) + 3*var(--cell) + 1.5*var(--cell))}
  @supports (height:100svh){.ld{--H:100svh}}
  .ld-logo{width:calc(2*var(--head));height:calc(2*var(--head));padding:0}
  .ld-img{display:none}
  .ld-card{top:var(--ctop);bottom:auto;left:50%;right:auto;transform:translateX(-50%)}
  .ld-num{right:var(--in);bottom:var(--in);margin-bottom:-.12em;transform:translateX(calc((var(--p) - 1)*(100vw - 2*var(--in) - 100%)))}
  .ld-prog{--bl:calc(var(--in) + var(--col));--bw:calc(10*var(--col));--bwg:calc(6*var(--col));top:calc((var(--H) - var(--in) - var(--ncap) + var(--ctop) + 405*var(--tu) + var(--ctab))/2)}
  .ld-st{font-size:clamp(10px,2.2vw,14px);bottom:calc(100% + 1.6vw)}
  .ld-cta{padding-top:2.4vw}
}
@media (prefers-reduced-motion:reduce){
  .ld{transition:opacity .2s}
  .ld-prog,.ld-st,.ld-cta-in,.ld.gate .ld-cta-in,.ld-ch b{transition:none}
  .ld.warm .ld-track i::after{animation:none}
}
/* ---------- çerez onayı bandı ---------- */
.ck{position:fixed;left:var(--pad);bottom:var(--pad);z-index:150;width:min(420px,calc(100vw - 2*var(--pad)));padding:18px 18px 16px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px -24px rgba(17,17,17,.35);font-size:12.5px;line-height:1.5;color:var(--ink);opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .7s var(--ease)}
.ck.on{opacity:1;transform:none}
.ck-t{margin:0 0 14px}
.ck-t b{display:block;font-family:var(--serif);font-weight:400;font-size:19px;line-height:1.15;margin-bottom:6px}
.ck-t a{text-decoration:underline;text-underline-offset:2px}
.ck-b{display:flex;gap:8px;justify-content:flex-end}
.ck .pill{background:transparent;cursor:pointer}
.ck .ck-yes{background:var(--ink);color:#fff}
.ck .ck-yes:hover{background:#333}
.ck-open{font:inherit;color:inherit;opacity:.75;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.ck-open:hover{opacity:1}
@media (max-width:560px){.ck{left:12px;right:12px;bottom:12px;width:auto}.ck-b .pill{flex:1;text-align:center}}
@media (prefers-reduced-motion:reduce){.ck{transition:none}}