/* Layout: koyu zemin üzerinde altın çizgili, kurumsal katalog ritmi — tam genişlik bantlar, içeride 1180px sütun */
:root{
  --ink:#0b0a08; --ink-2:#14120e; --line:#3a3226; --gold:#c9a24e; --gold-2:#e2c27a;
  --text:#ece6da; --muted:#a79d8b;
  --f-display:"Cormorant Garamond","Cochin","Georgia",serif;
  --f-body:"Mulish","Segoe UI",system-ui,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--text);font:400 16px/1.65 var(--f-body)}
img{max-width:100%;display:block}
a{color:var(--gold-2)}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:600;line-height:1.12;margin:0;text-wrap:balance;color:var(--text)}
h2{font-size:clamp(2rem,4vw,2.9rem)}
h3{font-size:1.8rem}
h4{font-size:1.3rem;color:var(--gold-2)}
p{margin:0}
.eyebrow{font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:700}
:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}

body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--ink)}
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--ink) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);min-width:0}
.brand img{width:40px;height:auto}
.brand b{display:block;font-family:var(--f-display);font-size:1.3rem;letter-spacing:.06em;color:var(--gold-2);line-height:1}
.brand small{display:block;font-size:.72rem;color:var(--muted);letter-spacing:.08em}
nav{display:flex;gap:22px;align-items:center}
nav a{color:var(--text);text-decoration:none;font-size:.92rem;font-weight:600}
nav a:hover{color:var(--gold-2)}
nav a.cta{border:1px solid var(--gold);padding:8px 16px;color:var(--gold-2)}

.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--gold)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--ink) 72%,transparent) 0%,color-mix(in srgb,var(--ink) 30%,transparent) 45%,transparent 75%)}
.hero h1,.hero .eyebrow{text-shadow:0 2px 18px rgba(0,0,0,.6)}
.hero-in{position:relative;z-index:1;padding-block:clamp(80px,14vw,170px);display:grid;gap:24px}
.hero h1{font-size:clamp(2.4rem,5.6vw,4.4rem);max-width:15ch;font-weight:500}
.hero h1 em{font-style:normal;color:var(--gold-2);font-weight:700}
.hero-act{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-block;background:var(--gold);color:var(--ink);text-decoration:none;font-weight:700;padding:13px 26px;letter-spacing:.04em;border:1px solid var(--gold);transition:background .2s}
.btn:hover{background:var(--gold-2)}
.btn.ghost{background:transparent;color:var(--gold-2)}
.btn.ghost:hover{background:color-mix(in srgb,var(--gold) 14%,transparent)}

.figures{border-bottom:1px solid var(--line);background:var(--ink-2)}
.figs{display:grid;grid-template-columns:repeat(4,1fr);padding-block:28px}
.figs div{display:grid;gap:2px;padding-inline:12px;border-left:1px solid var(--line)}
.figs div:first-child{border-left:0;padding-left:0}
.figs b{font-family:var(--f-display);font-size:clamp(2rem,4vw,3rem);color:var(--gold-2);font-weight:600;font-variant-numeric:tabular-nums;line-height:1}
.figs span{font-size:.78rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}

.band{padding-block:clamp(64px,9vw,110px)}
.about{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;align-items:start}
.about-t{display:grid;gap:18px;min-width:0}
.about-t>p{color:var(--muted);max-width:62ch}
.about-t b{color:var(--text)}
.mv{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:12px;padding-top:24px;border-top:1px solid var(--line)}
.mv p{color:var(--muted);font-size:.95rem;margin-top:6px}
.logo-story{border:1px solid var(--gold);padding:32px;display:grid;gap:16px;background:var(--ink-2)}
.logo-story img{width:110px}
.logo-story ul{margin:0;padding-left:18px;display:grid;gap:10px;color:var(--muted);font-size:.95rem}
.logo-story b{color:var(--text)}

.principles{background:var(--ink-2);border-block:1px solid var(--line);padding-block:56px}
.stars{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.stars li{padding:0 20px;border-left:1px solid var(--line);display:grid;gap:6px;align-content:start}
.stars li:first-child{border-left:0;padding-left:0}
.stars span{color:var(--gold);letter-spacing:.15em;font-size:.85rem}
.stars p{color:var(--muted);font-size:.9rem}

.sec-head{display:grid;gap:12px;margin-bottom:48px}
.lead{color:var(--muted);font-size:1.05rem}
.projs{display:grid;gap:56px}
.proj{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:start;padding-bottom:56px;border-bottom:1px solid var(--line)}
.proj:nth-child(even) .proj-media{order:2}
.proj-img{position:relative;padding:0;border:1px solid var(--line);background:none;cursor:zoom-in;aspect-ratio:3/2;overflow:hidden;max-width:100%}
.proj-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.proj-img:hover img{transform:scale(1.04)}
.count{position:absolute;right:12px;bottom:12px;background:color-mix(in srgb,var(--ink) 80%,transparent);color:var(--text);font-size:.78rem;padding:5px 10px;border:1px solid var(--line)}
.badge{position:absolute;left:12px;top:12px;background:var(--gold);color:var(--ink);font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px}
#p-prestij .proj-img{aspect-ratio:4/5;max-height:640px}
.proj-body{display:grid;gap:14px;min-width:0}
.proj-body>p{color:var(--muted)}
.stats{display:flex;flex-wrap:wrap;gap:0;margin:6px 0 0;border-block:1px solid var(--line)}
.stats div{padding:12px 20px 12px 0;margin-right:20px;border-right:1px solid var(--line)}
.stats div:last-child{border-right:0;margin-right:0}
.stats dt{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.stats dd{margin:0;font-family:var(--f-display);font-size:1.6rem;color:var(--gold-2);font-variant-numeric:tabular-nums}
.feats{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;font-size:.92rem}
.feats li{padding-left:18px;position:relative}
.feats li::before{content:"★";position:absolute;left:0;color:var(--gold);font-size:.7rem;top:.35em}
.sub{margin:64px 0 24px}
.minis{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mini{border:1px solid var(--line);padding:24px;display:grid;gap:10px;align-content:start;background:var(--ink-2);min-width:0}
.mini h3{font-size:1.5rem}
.mini>p{color:var(--muted);font-size:.93rem}
.mini .stats dd{font-size:1.3rem}
.tbl-wrap{overflow-x:auto;margin-top:32px}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:420px}
caption{text-align:left;color:var(--gold);font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;padding-bottom:10px}
th,td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:right}
th:first-child,td:first-child{text-align:left}
th{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
tfoot td{color:var(--gold-2);font-weight:700;border-bottom:0}

.kk{background:var(--gold);color:var(--ink)}
.kk-in{display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between;padding-block:56px}
.kk-in>div{display:grid;gap:10px;max-width:60ch;min-width:0}
.kk h2,.kk .eyebrow{color:var(--ink)}
.kk .btn{background:var(--ink);color:var(--gold-2);border-color:var(--ink)}

.contact{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.contact>div{display:grid;gap:22px;min-width:0}
.cinfo{margin:0;display:grid;gap:16px}
.cinfo dt{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.cinfo dd{margin:2px 0 0;font-size:1.05rem}
.cinfo a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--line)}
.contact-img{border:1px solid var(--line);max-height:560px;width:100%;object-fit:cover}
.foot{border-top:1px solid var(--gold);padding-block:24px;font-size:.82rem;color:var(--muted)}
.foot .wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}

.lb{position:fixed;inset:0;z-index:50;background:color-mix(in srgb,var(--ink) 94%,transparent);display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.lb figure{margin:0;display:grid;gap:10px;max-width:min(1100px,100%)}
.lb img{max-height:80vh;width:auto;margin:auto;border:1px solid var(--line)}
.lb figcaption{text-align:center;color:var(--muted);font-size:.9rem}
.lb button{background:none;border:1px solid var(--line);color:var(--gold-2);font-size:2rem;width:48px;height:48px;cursor:pointer;line-height:1}
.lb-x{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px))}
.lb-n{flex:none}
@media (max-width:900px){
  .about,.contact,.proj{grid-template-columns:1fr}
  .proj:nth-child(even) .proj-media{order:0}
  .stars{grid-template-columns:1fr 1fr;gap:24px}
  .stars li,.stars li:first-child{border-left:0;padding:0}
  .minis{grid-template-columns:1fr}
  nav a:not(.cta){display:none}
}
@media (max-width:560px){
  .figs{grid-template-columns:1fr 1fr;gap:20px}
  .figs div{border-left:0;padding-left:0}
  .feats,.mv{grid-template-columns:1fr}
  .brand small{display:none}
  .brand b{font-size:1.05rem;white-space:nowrap}
  .brand img{width:32px}
  .lb-n{position:absolute;bottom:calc(20px + env(safe-area-inset-bottom,0px))}
  .lb-n.prev{left:24px}.lb-n.next{right:24px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.kk{padding-block:clamp(56px,8vw,96px)}
.kk .wrap{display:grid;gap:36px}
.kk-head{display:grid;gap:12px;max-width:70ch}
.kk-head p{color:color-mix(in srgb,var(--ink) 80%,transparent)}
.kk-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.kk-steps li{border-top:2px solid var(--ink);padding-top:14px;display:grid;gap:6px;align-content:start;min-width:0}
.kk-steps b{font-family:var(--f-display);font-size:2rem;line-height:1;color:var(--ink)}
.kk-steps h4{color:var(--ink);font-size:1.25rem}
.kk-steps p{color:color-mix(in srgb,var(--ink) 78%,transparent);font-size:.92rem}
.kk-why{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.kk-why li{border:1px solid color-mix(in srgb,var(--ink) 45%,transparent);padding:6px 14px;font-size:.88rem;font-weight:600}
.kk .btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.kk .btn.ghost:hover{background:color-mix(in srgb,var(--ink) 10%,transparent)}
.wa-float{position:fixed;z-index:40;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:10px;background:#25d366;color:#0b0a08;text-decoration:none;padding:10px 18px 10px 12px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.45);font-size:.82rem;line-height:1.2;transition:transform .2s}
.wa-float:hover{transform:translateY(-2px)}
.wa-float b{font-size:.95rem}
@media (max-width:900px){.kk-steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.kk-steps{grid-template-columns:1fr}.wa-float span{display:none}.wa-float{padding:12px}}

.proj-media{display:grid;gap:8px;min-width:0}
.proj-img{width:100%}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.thumbs button{padding:0;border:1px solid var(--line);background:none;cursor:zoom-in;aspect-ratio:3/2;overflow:hidden}
.thumbs img{width:100%;height:100%;object-fit:cover;transition:transform .4s,opacity .3s;opacity:.85}
.thumbs button:hover img{transform:scale(1.06);opacity:1}
.thumbs button:hover{border-color:var(--gold)}
/* --- v3: çok sayfa, form, harita --- */
.h4{font-size:1.3rem;color:var(--gold-2)}
.proj-body h3 a{color:inherit;text-decoration:none}
.proj-body h3 a:hover{color:var(--gold-2)}
.more{font-weight:700;text-decoration:none;color:var(--gold-2);justify-self:start}
.kk-form-row{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:start}
.lead-form{background:var(--ink);color:var(--text);padding:28px;display:grid;gap:14px;min-width:0}
.lead-form label{display:grid;gap:6px;font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--muted)}
.lead-form input,.lead-form select,.lead-form textarea{font:inherit;font-size:1rem;color:var(--text);background:var(--ink-2);border:1px solid var(--line);padding:11px 12px;width:100%;min-width:0}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{outline:2px solid var(--gold);outline-offset:0}
.lead-form .f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lead-form .f3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.lead-form .chk{display:flex;gap:10px;align-items:flex-start;font-weight:400;letter-spacing:0}
.lead-form .chk input{width:auto;margin-top:3px}
.lead-form .chk a{color:var(--gold-2)}
.lead-form .btn{justify-self:start;cursor:pointer;font:inherit;font-weight:700}
.kk-aside{display:grid;gap:14px;color:var(--ink)}
.kk-aside h4{color:var(--ink)}
.btn.dark{background:var(--ink);color:var(--gold-2);border-color:var(--ink)}
.map{width:100%;aspect-ratio:4/3;border:1px solid var(--line);filter:grayscale(.3) contrast(1.05);max-width:100%}
.foot-in{display:grid!important;grid-template-columns:2fr 1fr auto;gap:20px;align-items:start}
.foot-in b{color:var(--text)}
.foot a{color:var(--muted)}
.foot-nav{display:grid;gap:6px}
.page-head{padding-block:clamp(40px,6vw,72px) 8px}
.page-head .wrap{display:grid;gap:12px}
.page-head h1{font-size:clamp(2.4rem,5vw,3.6rem)}
.band.tight{padding-block:32px}
.crumb{font-size:.85rem;color:var(--muted)}
.crumb a{color:var(--muted)}
.proj.solo{border-bottom:0}
.others{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.others a{border:1px solid var(--line);padding:14px 16px;color:var(--text);text-decoration:none;font-family:var(--f-display);font-size:1.25rem;display:grid}
.others a:hover{border-color:var(--gold)}
.others small{font-family:var(--f-body);font-size:.78rem;color:var(--muted)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.pcard{display:grid;gap:6px;text-decoration:none;color:var(--text)}
.pcard img{aspect-ratio:3/2;object-fit:cover;width:100%;border:1px solid var(--line)}
.pcard b{font-family:var(--f-display);font-size:1.5rem;font-weight:600}
.pcard small{color:var(--muted)}
.pcard:hover img{border-color:var(--gold)}
.dist{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.dist li{border:1px solid var(--line);padding:5px 12px;font-size:.88rem}
.faq{display:grid;gap:12px;max-width:820px}
.faq details{border-bottom:1px solid var(--line);padding-block:14px}
.faq summary{cursor:pointer;font-weight:700;font-size:1.05rem}
.faq details p{color:var(--muted);margin-top:8px}
.legal{max-width:820px}
.legal h2{font-size:1.5rem;margin-top:12px}
.legal p{color:var(--muted)}
.thanks{max-width:720px}
@media (max-width:900px){.kk-form-row,.foot-in{grid-template-columns:1fr}}
@media (max-width:560px){.lead-form .f2,.lead-form .f3{grid-template-columns:1fr}.lead-form{padding:20px}}
.kk .lead-form .btn{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.kk .lead-form .btn:hover{background:var(--gold-2)}
.wa-float{bottom:calc(64px + env(safe-area-inset-bottom,0px))}
.ptext{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:start}
.prose{display:grid;gap:14px;max-width:68ch;min-width:0}
.prose p{color:var(--muted)}
.prose h2{font-size:2rem}
.dist a{color:var(--gold-2);text-decoration:none}
.wa-float{bottom:calc(72px + env(safe-area-inset-bottom,0px))}
@media (max-width:900px){.ptext{grid-template-columns:1fr}}
.venue{font-family:var(--f-display);font-size:1.6rem;color:var(--gold-2);margin-top:-6px}