:root{
  --cam:#0C2F2B; --camkoyu:#061D1A; --teal:#14615A; --kum:#C9A77C; --acik:#EADFCF;
  --kagit:#F7F4EE; --beyaz:#FFFDF9; --ink:#16211F; --sog:#5C6F6B; --cizgi:#DFD8CC;
  --d:"Fraunces",Georgia,"Times New Roman",serif;
  --u:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gut:clamp(20px,5vw,60px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--beyaz);color:var(--ink);font-family:var(--u);
  font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
.in{max-width:1180px;margin:0 auto;padding-inline:var(--gut)}
.nar{max-width:720px}
img{max-width:100%;height:auto;display:block}
a{color:var(--teal)}
h1,h2,h3{font-family:var(--d);font-weight:300;letter-spacing:-.015em;text-wrap:balance;margin:0}

/* ---- ust bar ---- */
.top{background:var(--camkoyu);color:var(--acik);position:sticky;top:env(safe-area-inset-top,0px);z-index:30}
.top .in{display:flex;align-items:center;gap:10px 26px;flex-wrap:wrap;padding-block:13px}
.top .mark{font-family:var(--d);font-weight:400;font-size:17px;letter-spacing:.02em;
  color:var(--beyaz);text-decoration:none;margin-right:auto;white-space:nowrap}
.top nav{display:flex;gap:16px;flex-wrap:wrap}
.top nav a{font-size:12.5px;letter-spacing:.04em;color:rgba(234,223,207,.72);text-decoration:none;
  padding-block:3px;border-bottom:1px solid transparent}
.top nav a:hover,.top nav a[aria-current="page"]{color:var(--kum);border-bottom-color:rgba(201,167,124,.5)}
.top a:focus-visible,.krumb a:focus-visible{outline:2px solid var(--kum);outline-offset:3px}

/* ---- hero ---- */
.hero{position:relative;background:var(--cam);color:var(--beyaz);overflow:hidden}
.hero .bg{position:absolute;inset:0}
.hero .bg img{width:100%;height:100%;object-fit:cover}
.hero .bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(6,29,26,.62) 0%,rgba(6,29,26,.42) 45%,rgba(6,29,26,.9) 100%),
             linear-gradient(95deg,rgba(6,29,26,.9) 0%,rgba(6,29,26,.6) 45%,rgba(6,29,26,.25) 100%)}
.hero .ct{position:relative;padding-block:clamp(58px,10vw,116px) clamp(34px,5vw,54px)}
.krumb{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(234,223,207,.62);margin:0 0 18px}
.krumb a{color:rgba(234,223,207,.62);text-decoration:none;border-bottom:1px solid rgba(234,223,207,.3)}
.krumb a:hover{color:var(--kum)}
.krumb span{margin-inline:8px;opacity:.5}
.hero h1{font-size:clamp(30px,5.4vw,56px);line-height:1.08;max-width:19ch}
.hero h1 em{font-style:italic;font-weight:400}
.hero .alt{margin:20px 0 0;max-width:56ch;font-size:clamp(14px,1.5vw,16.5px);
  line-height:1.72;color:rgba(255,253,249,.86)}

/* ---- govde ---- */
main{padding-block:clamp(40px,6vw,72px) 0}
section.blk{padding-block:clamp(26px,4vw,44px);border-top:1px solid var(--cizgi)}
section.blk:first-of-type{border-top:0;padding-top:0}
.ey{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--sog);margin:0 0 13px;font-weight:600}
h2{font-size:clamp(21px,3vw,31px);line-height:1.2;margin-bottom:14px}
h3{font-size:clamp(17px,2vw,20px);line-height:1.3;font-weight:400;margin:26px 0 8px}
p{margin:0 0 16px;max-width:68ch}
.ld{font-size:clamp(16px,1.7vw,18.5px);line-height:1.65;color:#31403D;max-width:60ch}
ul.duz{list-style:none;margin:16px 0;padding:0;max-width:68ch}
ul.duz li{position:relative;padding-left:22px;margin-bottom:10px}
ul.duz li::before{content:"";position:absolute;left:2px;top:13px;width:9px;height:1px;background:var(--kum)}

/* ---- olgu sutunlari ---- */
.olgu{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:1px;
  background:var(--cizgi);border:1px solid var(--cizgi);margin:28px 0}
.olgu>div{background:var(--kagit);padding:17px 18px}
.olgu .k{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--sog);margin-bottom:6px;font-weight:600}
.olgu .v{font-family:var(--d);font-size:clamp(17px,2.2vw,22px);line-height:1.22;font-weight:300;
  font-variant-numeric:tabular-nums}
.olgu .v small{font-family:var(--u);font-size:12px;letter-spacing:.02em;display:block;
  margin-top:5px;color:var(--sog);font-variant-numeric:normal}

/* ---- vurgu seridi ---- */
.serit{background:var(--cam);color:var(--beyaz);margin-block:clamp(34px,5vw,54px)}
.serit .in{padding-block:clamp(34px,5vw,50px)}
.serit h2{color:var(--beyaz)}
.serit p{color:rgba(255,253,249,.84)}
.serit .ey{color:var(--kum)}

/* ---- kartlar ---- */
.baglar{display:grid;grid-template-columns:repeat(auto-fit,minmax(214px,1fr));gap:12px;margin:22px 0 0}
.baglar a{display:block;text-decoration:none;color:inherit;background:var(--kagit);
  border:1px solid var(--cizgi);padding:17px 18px;transition:border-color .15s,background .15s}
.baglar a:hover{border-color:var(--kum);background:var(--beyaz)}
.baglar .u{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--sog);margin-bottom:5px;font-weight:600}
.baglar .a{font-family:var(--d);font-size:20px;font-weight:300;line-height:1.2}
.baglar .n{font-size:12.5px;color:var(--sog);margin-top:7px;line-height:1.5}

.cta{display:inline-block;margin-top:6px;font-size:14px;letter-spacing:.02em;
  color:var(--teal);text-decoration:none;border-bottom:1px solid rgba(20,97,90,.4);padding-bottom:2px}
.cta:hover{border-bottom-color:var(--teal)}
.serit .cta{color:var(--kum);border-bottom-color:rgba(201,167,124,.45)}

.not{font-size:12.5px;line-height:1.65;color:var(--sog);max-width:74ch;margin:22px 0 0}
figure{margin:28px 0}
figcaption{font-size:12px;color:var(--sog);margin-top:9px}

/* ---- alt bilgi ---- */
footer{background:var(--camkoyu);color:rgba(234,223,207,.62);
  padding-block:clamp(38px,6vw,58px) 30px;margin-top:clamp(40px,6vw,72px);font-size:12.5px}
footer .fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:26px}
footer h4{font-family:var(--u);font-weight:400;font-size:9.5px;letter-spacing:.26em;
  text-transform:uppercase;color:var(--kum);margin:0 0 10px}
footer p{margin:0 0 6px;line-height:1.7;max-width:none}
footer a{color:rgba(234,223,207,.78)}
footer .fb{margin-top:30px;padding-top:18px;border-top:1px solid rgba(234,223,207,.16);
  display:flex;flex-wrap:wrap;gap:6px 26px;font-size:11.5px;color:rgba(234,223,207,.45)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}