:root{--bg:#f1ede4;--bg2:#e8e2d6;--fg:#1b1713;--mute:#6b6258;--line:rgba(27,23,19,.18);--brass:#8a6633;
--serif:'Instrument Serif',Georgia,'Times New Roman',serif;--sans:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;--mono:'DM Mono',ui-monospace,Menlo,monospace;
--gut:clamp(16px,4vw,56px)}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:300 clamp(15px,1.05vw,17px)/1.65 var(--sans)}
a{color:inherit}img{display:block;max-width:100%;height:auto}
.ust{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px var(--gut);border-bottom:1px solid var(--line)}
.logo img{height:30px;width:auto}
.ust nav{display:flex;gap:clamp(14px,2.4vw,32px);flex-wrap:wrap;justify-content:flex-end}
.ust nav a{text-decoration:none;font-size:14px;letter-spacing:.02em}.ust nav a:hover{color:var(--brass)}
main{padding:0 var(--gut) 40px;max-width:1320px;margin:0 auto}
.bas{padding:clamp(36px,6vw,84px) 0 18px}
.eb{font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0 0 14px}
h1{font:400 clamp(40px,7vw,96px)/1.02 var(--serif);margin:0;letter-spacing:-.01em}
h2{font:400 clamp(24px,2.6vw,36px)/1.15 var(--serif);margin:0 0 18px}
.kolon{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(24px,5vw,72px);margin:12px 0 36px;align-items:start}
.lead{font:300 clamp(18px,1.7vw,24px)/1.5 var(--sans);margin:0;max-width:52ch}
.girs{margin-bottom:36px}
.olgu{border-collapse:collapse;width:100%;font-size:14px}
.olgu th,.olgu td{text-align:left;padding:9px 0;border-top:1px solid var(--line);vertical-align:top}
.olgu th{font:500 12px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);width:34%}
.galeri{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(10px,1.6vw,22px)}
.galeri figure{margin:0;background:var(--bg2)}.galeri figure:first-child{grid-column:1/-1}
.galeri img{width:100%}
.sitede{margin:28px 0 0;font-size:14px}.sitede a{color:var(--brass)}
.benzer{margin:clamp(40px,6vw,88px) 0 0}
.kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:clamp(12px,1.8vw,24px)}
.kart{text-decoration:none;display:block}
.kart img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--bg2);margin-bottom:10px}
.kart span{display:block;font:400 20px/1.2 var(--serif)}
.kart small{display:block;color:var(--mute);font-size:13px;margin-top:2px}
.kart:hover span{color:var(--brass)}
.alt{padding:28px var(--gut) 40px;border-top:1px solid var(--line);color:var(--mute);font-size:13px;max-width:1320px;margin:40px auto 0}
.alt p{margin:0 0 6px}
@media(max-width:760px){.kolon{grid-template-columns:1fr}.galeri{grid-template-columns:1fr}}