@font-face{font-family:"Playfair";src:url(font/pf-normal-latin-ext.woff2) format("woff2");font-style:normal;font-weight:500 700;font-display:swap;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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Playfair";src:url(font/pf-normal-latin.woff2) format("woff2");font-style:normal;font-weight:500 700;font-display:swap;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:"Playfair";src:url(font/pf-italic-latin-ext.woff2) format("woff2");font-style:italic;font-weight:500 700;font-display:swap;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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Playfair";src:url(font/pf-italic-latin.woff2) format("woff2");font-style:italic;font-weight:500 700;font-display:swap;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{--gece:#0e1a2b;--lacivert:#13233a;--lacivert2:#1b2f4d;--altin:#c4a173;--altin2:#a8865a;--yazi:#1c2430;--soluk:#5b6676;--cizgi:#e4e7ec;--zemin:#f4f5f7;--serif:"Playfair",Georgia,"Times New Roman",serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--yazi);background:#fff;line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.12;letter-spacing:-.01em;font-variant-numeric:lining-nums}
.sar{max-width:1180px;margin:0 auto;padding:0 24px}
.etiket{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--altin2);font-weight:600;margin-bottom:14px}

/* üst menü */
header{background:var(--lacivert);position:sticky;top:0;z-index:20;transition:background .35s,box-shadow .35s}
.ana header{position:fixed;left:0;right:0;background:transparent}
.ana header.dolu,header.dolu{background:rgba(14,26,43,.94);box-shadow:0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(8px)}
.ust{display:flex;align-items:center;justify-content:space-between;height:78px}
nav{display:flex;gap:30px}
nav a{color:#dfe5ee;text-decoration:none;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:6px 0;position:relative}
nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--altin);transform:scaleX(0);transform-origin:left;transition:transform .3s}
nav a:hover::after,nav a.aktif::after{transform:scaleX(1)}
nav a:hover,nav a.aktif{color:#fff}
#m,label[for=m]{display:none}

/* kapak */
.kapak{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;color:#fff;overflow:hidden;background:var(--gece)}
.kapfoto{position:absolute;inset:-4%;background:url(img/hakkimizda.jpg?v=8) center/cover;opacity:.42;animation:yakin 18s ease-out both}
.kapak::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,26,43,.92) 0%,rgba(14,26,43,.55) 60%,rgba(14,26,43,.35) 100%)}
.kap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:120px 24px 80px;width:100%}
.kapak .etiket{color:var(--altin)}
.kapak h1{font-size:clamp(52px,9vw,112px);margin-bottom:26px}
.kapak h1 em{font-style:italic;color:var(--altin)}
.kapak p{max-width:48ch;font-size:18px;color:#cfd7e3;margin-bottom:36px}
.btn{display:inline-flex;align-items:center;min-height:48px;background:var(--altin);color:var(--gece);border:1px solid var(--altin);padding:0 28px;border-radius:2px;text-decoration:none;font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;margin:0 12px 12px 0;transition:background .25s,color .25s}
.btn:hover{background:transparent;color:var(--altin)}
.btn.hayalet{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.btn.hayalet:hover{border-color:#fff}
.asagi{position:absolute;z-index:1;left:50%;bottom:28px;width:1px;height:56px;background:linear-gradient(var(--altin),transparent);animation:akis 2.2s ease-in-out infinite}
.gel{opacity:0;transform:translateY(24px);animation:gel .9s cubic-bezier(.2,.7,.2,1) forwards}
.gel:nth-child(2){animation-delay:.15s}.gel:nth-child(3){animation-delay:.3s}.gel:nth-child(4){animation-delay:.45s}
@keyframes gel{to{opacity:1;transform:none}}
@keyframes yakin{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes akis{0%,100%{transform:scaleY(.3);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}

/* bilgi şeridi */
.seritler{border-bottom:1px solid var(--cizgi)}
.serit{display:grid;grid-template-columns:repeat(3,1fr)}
.serit div{padding:38px 28px;border-left:1px solid var(--cizgi)}
.serit div:first-child{border-left:0;padding-left:0}
.serit b{display:block;font-family:var(--serif);font-size:30px;color:var(--lacivert);font-weight:600}
.serit span{color:var(--soluk);font-size:14px}

/* foto + yazı bölümleri */
.bolum{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center;padding-top:110px;padding-bottom:110px}
.bolum.ters .foto{order:2}
.foto{position:relative}
.foto img{width:100%;aspect-ratio:4/5;object-fit:cover}
.foto::before{content:"";position:absolute;inset:24px -24px -24px 24px;border:1px solid var(--altin);z-index:-1}
.bolum.ters .foto::before{inset:24px 24px -24px -24px}
.yazi h2{font-size:clamp(36px,4.4vw,54px);color:var(--lacivert);margin-bottom:22px}
.yazi p{color:#424c5a;margin-bottom:28px;max-width:52ch}
.ok{color:var(--lacivert);text-decoration:none;font-weight:600;font-size:14px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--altin);padding-bottom:4px}
.ok::after{content:" →";transition:margin .25s}
.ok:hover::after{margin-left:6px}

/* alıntı */
.alinti{background:var(--gece);padding:110px 0;text-align:center}
.alinti p{font-family:var(--serif);font-style:italic;font-size:clamp(28px,3.6vw,44px);line-height:1.3;color:#fff;max-width:28ch;margin:0 auto}

/* markalar bandı */
.markabant{background:var(--zemin);padding:100px 0;text-align:center}
.markabant h2{font-size:clamp(34px,4vw,48px);color:var(--lacivert);margin-bottom:46px}
.logolar{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.logolar a{background:var(--lacivert);padding:18px 26px;transition:transform .3s,background .3s}
.logolar a:hover{transform:translateY(-4px);background:var(--lacivert2)}
.logolar img{height:74px;width:auto}

/* iç sayfalar */
.sayfabas{background:var(--gece);color:#fff;padding:150px 0 70px}
.ana .sayfabas{padding-top:150px}
.sayfabas h1{font-size:clamp(44px,6vw,76px)}
.metin{padding-top:90px;padding-bottom:90px}
.metin p{margin-bottom:18px;color:#3e4856}
.metin p:first-child::first-letter{font-family:var(--serif);font-size:64px;float:left;line-height:.8;margin:8px 10px 0 0;color:var(--altin2)}
.metin h2{color:var(--lacivert);font-size:42px;margin-bottom:18px}
.iki{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:start}
.iki>img{width:100%;aspect-ratio:4/5;object-fit:cover}
.ters{padding-top:0}
.markalar{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1px;background:var(--cizgi);border:1px solid var(--cizgi);margin-top:90px;margin-bottom:90px;padding:0}
.marka{background:#fff;padding:40px 34px;transition:background .3s}
.marka:hover{background:var(--zemin)}
.mlogo{display:flex;align-items:center;justify-content:center;background:var(--lacivert);height:110px;margin-bottom:26px}
.mlogo img{max-height:74px}
.mlogo.yazi{color:#fff;font-family:var(--serif);font-size:32px;font-weight:600}
.marka h3{color:var(--lacivert);font-size:30px;margin-bottom:10px}
.marka p{color:var(--soluk)}
.iletisim{padding-top:90px;padding-bottom:90px}
.iletisim h2{color:var(--lacivert);font-size:42px;margin-bottom:18px}
.iletisim p{margin-bottom:18px;color:#3e4856}
.iletisim a{color:var(--lacivert);font-weight:600}
form{display:grid;gap:16px;background:var(--zemin);padding:36px}
label{display:grid;gap:6px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--lacivert)}
input,textarea{font:inherit;font-size:16px;letter-spacing:0;text-transform:none;padding:12px 14px;border:1px solid #cfd6df;border-radius:2px;background:#fff}
input:focus,textarea:focus{outline:2px solid var(--altin);outline-offset:1px}
.harita{width:100%;height:380px;border:0;display:block;filter:grayscale(.7)}

/* alt bilgi */
footer{background:var(--gece);color:#aab5c5;padding:70px 0 26px;font-size:14px}
.alt{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.alt img{margin-bottom:14px}
.alt a{color:#fff;text-decoration:none}
.telif{text-align:center;margin-top:50px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);color:#6f7d91;font-size:12px;letter-spacing:.1em}

/* kaydırınca beliren öğeler (JS varsa) */
.js .belir{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.js .belir.gorundu{opacity:1;transform:none}
.serit .belir:nth-child(2),.logolar .belir:nth-child(2){transition-delay:.12s}
.serit .belir:nth-child(3),.logolar .belir:nth-child(3){transition-delay:.24s}
.logolar .belir:nth-child(4){transition-delay:.36s}

@media(max-width:900px){
 label[for=m]{display:block;color:#fff;font-size:28px;cursor:pointer;padding:8px;line-height:1}
 nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--gece);flex-direction:column;gap:0;padding:8px 24px 20px}
 nav a{padding:14px 0}
 #m:checked~nav{display:flex}
 .bolum,.iki,.serit{grid-template-columns:1fr}
 .bolum{gap:56px;padding-top:80px;padding-bottom:80px}
 .bolum.ters .foto{order:0}
 .foto::before{inset:16px -12px -16px 12px}
 .serit div{border-left:0;border-top:1px solid var(--cizgi);padding:26px 0}
 .serit div:first-child{border-top:0}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important}
 .gel,.js .belir{opacity:1;transform:none}
}
.wordmark{display:inline-flex;align-items:baseline;gap:8px;font-family:var(--serif);font-size:28px;font-weight:600;color:#fff;letter-spacing:.06em;text-decoration:none}
.wordmark b{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.38em;color:var(--altin)}
header a:has(.wordmark){text-decoration:none}
footer .wordmark{margin-bottom:14px}
.mlogo,.logolar a{background:#fff;border:1px solid var(--cizgi)}
.logolar a:hover{background:#fff;border-color:var(--altin)}
.mlogo.yazi{background:var(--lacivert);border:0}
.logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.logo img{height:36px;width:auto}
.logo span{font-family:var(--sans);font-weight:800;font-size:19px;letter-spacing:.06em;color:#fff;border-bottom:3px solid #1f7a62;padding-bottom:2px;line-height:1.2}
header a:has(.logo){text-decoration:none}
footer .logo{margin-bottom:16px}
.metin b{color:var(--lacivert)}
/* özgün logo renkleri: beyaz başlık */
header,.ana header,.ana header.dolu,header.dolu{background:#fff;box-shadow:0 1px 0 var(--cizgi)}
.ana header.dolu,header.dolu{box-shadow:0 6px 24px rgba(14,26,43,.08)}
nav a{color:var(--yazi)}
nav a:hover,nav a.aktif{color:var(--lacivert)}
label[for=m]{color:var(--lacivert)!important}
header .logo{flex-direction:column;align-items:center;gap:2px}
header .logo img{height:34px}
header .logo span{color:#111;font-size:15px;letter-spacing:.08em;border-bottom:4px solid #0e5a48;padding:0 4px 1px}
footer .logo img{filter:brightness(0) invert(1)}
footer .logo span{color:#fff;border-color:#2c8a70}
.kap{padding-top:140px}
@media(max-width:900px){nav{background:#fff;border-bottom:1px solid var(--cizgi)}}
header .logo img{height:44px}
.ust{height:88px}
header .logo span{font-size:16px}
@media(max-width:900px){nav{top:88px}}
/* logonun basamaklı altlığı: üstte ince geniş çizgi, altında daha kalın ve dar blok */
.logo span{border-bottom:0!important;position:relative;padding:0 6px 10px!important}
.logo span::before{content:"";position:absolute;left:-4px;right:-4px;bottom:7px;height:2px;border-radius:2px;background:#0e5a48}
.logo span::after{content:"";position:absolute;left:10%;right:10%;bottom:0;height:7px;background:#0e5a48}
footer .logo span::before,footer .logo span::after{background:#2c8a70}