:root{--ink:#202a2b;--paper:#f5f3ee;--muted:#53605f;--line:#d0d5ce;--accent:#364f43}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:.3em}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip-link{position:absolute;top:-100px;left:16px;padding:12px;background:white;z-index:2}.skip-link:focus{top:16px}.site-header{max-width:1280px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{font-size:24px;letter-spacing:.15em;font-weight:700;text-decoration:none}.brand span{display:block;font-size:9px;letter-spacing:.23em;font-weight:400}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{font-size:14px;text-decoration:none;padding:8px 0}nav a:hover,nav a[aria-current]{border-bottom:2px solid var(--accent)}main{max-width:1280px;margin:auto;padding:0 40px 80px}.hero{padding:100px 0 84px;max-width:900px}.page-heading{padding:72px 0 48px;max-width:900px}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--accent)}h1{font-size:clamp(2.4rem,6vw,5.1rem);font-weight:400;line-height:1.08;letter-spacing:-.045em;margin:24px 0}h2{font-size:24px;font-weight:400;line-height:1.3}.lead{font-size:19px;max-width:640px;color:var(--muted)}.button{display:inline-flex;gap:35px;margin-top:24px;padding:14px 24px;background:var(--ink);color:white;text-decoration:none}.button:hover{background:var(--accent)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}article{padding:32px 24px}article+article{border-left:1px solid var(--line)}article p{color:var(--muted)}.number{font-size:12px;color:var(--accent)}.panel{border-top:1px solid var(--line);padding:24px 0;max-width:800px}.note{font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:35px 40px;max-width:1280px;margin:auto}footer p{font-size:14px}@media(max-width:760px){.site-header{align-items:flex-start;flex-direction:column;padding:24px;gap:18px}nav{gap:8px 20px}main{padding:0 24px 48px}.hero,.page-heading{padding:48px 0}.grid{grid-template-columns:1fr}article{padding:24px 0}article+article{border-left:0;border-top:1px solid var(--line)}footer{padding:28px 24px}.lead{font-size:17px}}
/* Örnek içerik bölümleri: mevcut renkler ve yerleşim korunur. */
.demo-notice{font-size:12px;letter-spacing:.04em;padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted);margin:0}
.content-section{margin-top:64px}.content-section>h2{font-size:clamp(1.7rem,3vw,2.5rem);max-width:650px}
h3{font-weight:400;font-size:20px}ul{padding-left:20px;color:var(--muted);font-size:14px}
.contact-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:64px;padding:32px;background:#e5e8df}.contact-strip h2{margin:10px 0}.contact-strip .button{margin:0;flex-shrink:0}
.project-art{height:180px;position:relative;overflow:hidden;background:#dce3df;border-bottom:8px solid #a6b0a4}
.project-art:before{content:"";position:absolute;inset:38px 22px 0;border:8px solid #45554d;border-bottom:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 42px,#45554d 43px,#45554d 47px)}
.art-terrace:after{content:"";position:absolute;top:30px;left:14px;right:14px;height:15px;background:repeating-linear-gradient(90deg,#45554d 0,#45554d 5px,#b6c0b4 5px,#b6c0b4 16px)}
.art-cafe{background:#e4ddcf}.art-cafe:before{inset:25px 18px 0;border-color:#6b6559;background:repeating-linear-gradient(90deg,transparent 0,transparent 55px,#6b6559 56px,#6b6559 61px)}
.art-facade{background:#cddce0}.art-facade:before{inset:12px 25px 0;background:repeating-linear-gradient(0deg,transparent 0,transparent 51px,#45554d 52px,#45554d 58px),repeating-linear-gradient(90deg,transparent 0,transparent 51px,#45554d 52px,#45554d 58px)}
article, .panel{overflow-wrap:anywhere}@media(max-width:760px){.contact-strip{flex-direction:column;align-items:flex-start;padding:24px}.content-section,.contact-strip{margin-top:40px}}