/* Onat İnşaat — lacivert, turuncu ve yumuşak yüzeyler */
:root {
  --ink:#0b1e38; --navy:#08172c; --muted:#5c6b7e; --orange:#fd6b23;
  --orange-dark:#b84008; --soft:#f3f6fa; --line:#e5eaf1; --white:#fff;
  --radius:24px; --small-radius:16px; --shadow:0 12px 42px #0b1e380b;
  --max:1200px;
}
* { box-sizing:border-box }
html { scroll-behavior:smooth; scroll-padding-top:110px; -webkit-text-size-adjust:100% }
body { margin:0; color:var(--ink); background:#fff; font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; -webkit-font-smoothing:antialiased }
a { color:inherit; text-decoration:none }
button { font:inherit; cursor:pointer }
img { display:block; max-width:100% }
svg { width:24px; height:24px; flex-shrink:0 }
h1,h2,h3,p { margin-top:0 }
h1,h2,h3 { line-height:1.18; font-weight:700; letter-spacing:-.035em }
h1 { font-size:clamp(2.6rem,4.5vw,4.3rem) }
h2 { font-size:clamp(2rem,3.1vw,2.9rem); margin-bottom:24px }
h3 { font-size:1.3rem; letter-spacing:-.02em }
p { margin-bottom:1.25rem }
a,button { touch-action:manipulation }
a:focus-visible,button:focus-visible { outline:3px solid var(--orange); outline-offset:5px }
::selection { background:#ffd8c3; color:var(--ink) }
.wrap { width:min(var(--max),calc(100% - 80px)); margin-inline:auto }
.topbar { background:var(--navy); color:#d6deea; font-size:12px; letter-spacing:.05em }
.topbar .wrap { display:flex; justify-content:space-between; align-items:center; min-height:36px; gap:20px }
.topbar .wrap>div { display:flex; gap:26px; letter-spacing:0 }
.topbar a { display:inline-flex; align-items:center; gap:8px }
.topbar svg { width:14px; height:14px; color:#ff985d }
.topbar-separator { color:#ff985d; margin-inline:13px }
.site-header { position:sticky; top:0; z-index:20; background:#fffffff5; backdrop-filter:blur(16px); border-bottom:1px solid #edf0f5; box-shadow:0 5px 28px #0b1e3805 }
.header-inner { display:flex; justify-content:space-between; align-items:center; gap:24px; min-height:85px }
.brand { display:flex; width:138px; min-height:44px; flex-shrink:0; align-items:center }
.brand img { width:auto; max-height:54px }
nav { display:flex; gap:5px; align-items:center }
nav a { padding:10px 13px; font-size:14px; font-weight:550; white-space:nowrap; border-radius:999px; transition:background .2s,color .2s }
nav a:hover { color:var(--orange-dark); background:#fff4ed }
nav a[aria-current=page] { color:var(--orange-dark); background:#fff0e6 }
nav a:last-child { display:flex; gap:12px; align-items:center; background:var(--orange); color:var(--navy); margin-left:12px; padding:12px 21px; font-weight:650; box-shadow:0 6px 18px #fd6b2325 }
nav a:last-child svg { width:18px; height:18px }
.menu-toggle { display:none }
.skip-link { position:fixed; top:-80px; left:20px; z-index:100; background:#fff; padding:12px 22px; border-radius:12px }
.skip-link:focus { top:12px }
/* Ana sayfa: fotoğraf, yumuşak geçişler ve üst üste gelen bilgi kartı */
.hero { width:calc(100% - 40px); max-width:1600px; margin:20px auto 0; border-radius:30px; position:relative; isolation:isolate; overflow:hidden; background:var(--navy); color:#fff; min-height:660px; display:flex; align-items:center }
.hero-image { position:absolute; inset:0; z-index:-2 }
.hero-image img { width:100%; height:100%; object-fit:cover; object-position:center 52% }
.hero:after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#08172cf7 0%,#08172cec 22%,#08172caf 46%,#08172c23 79%),linear-gradient(0deg,#08172c65,transparent 50%) }
.hero-content { width:min(var(--max),calc(100% - 88px)); padding:73px 0 105px }
.hero h1 { font-size:clamp(3rem,4.9vw,4.7rem); line-height:1.1; max-width:760px; margin:0 0 24px; letter-spacing:-.045em }
.hero h1 span { color:#ff985d }
.hero-content>p:not(.eyebrow) { color:#e0e6ee; font-size:18px; max-width:515px; line-height:1.8; margin-bottom:29px }
.eyebrow { display:flex; align-items:center; gap:11px; color:var(--orange-dark); font-size:12px; line-height:1.6; letter-spacing:.13em; font-weight:700; margin-bottom:15px }
.eyebrow:before { content:''; width:23px; height:2px; border-radius:4px; background:var(--orange); flex-shrink:0 }
.eyebrow.light { color:#ffb48a }
.hero .eyebrow { margin-bottom:25px; letter-spacing:.17em }
.button { display:inline-flex; align-items:center; justify-content:center; gap:20px; background:var(--orange); color:var(--navy); border:1px solid transparent; padding:15px 26px; border-radius:999px; font-size:14px; line-height:1.5; font-weight:650; min-height:54px; box-shadow:0 8px 25px #fd6b2322; transition:transform .2s,background .2s,box-shadow .2s }
.button svg { width:19px; height:19px }
.button:hover { background:#ff884a; transform:translateY(-2px); box-shadow:0 12px 28px #fd6b2335 }
.button.ghost { background:#ffffff08; border-color:#ffffff4d; box-shadow:none; color:#fff; backdrop-filter:blur(8px) }
.button.ghost:hover { background:#ffffff20 }
.hero-actions { display:flex; flex-wrap:wrap; gap:13px }
.hero-note { margin-top:37px; display:flex; align-items:center; gap:14px; color:#acbdd2; font-size:12px; line-height:1.8 }
.hero-note svg { width:34px; height:34px; color:#ffb48a }
.hero-note strong { color:#eef2f7; font-weight:500 }
.hero-caption { position:absolute; bottom:105px; right:5%; padding:21px 75px 21px 24px; border:1px solid #ffffff3d; background:#ffffff13; backdrop-filter:blur(18px); border-radius:20px; min-width:260px }
.hero-caption>span { font-size:10px; color:#e2e8ee; letter-spacing:.16em; font-weight:650 }
.hero-caption p { font-size:23px; line-height:1.3; font-weight:550; margin:11px 0 0; letter-spacing:-.03em }
.hero-caption a { position:absolute; bottom:22px; right:20px; width:34px; height:34px; border-radius:50%; display:grid; place-items:center; background:#ffffff24 }
.hero-caption svg { width:18px }
.intro-strip { position:relative; margin-top:-53px; z-index:2 }
.strip-grid { display:grid; grid-template-columns:repeat(4,1fr); background:#fff; border:1px solid #edf0f5; border-radius:22px; box-shadow:0 15px 45px #0b1e3810; padding:28px 10px }
.stat { padding:0 30px; border-right:1px solid var(--line) }
.stat:last-child { border:0 }
.stat strong { font-size:43px; line-height:1.25; font-weight:700; letter-spacing:-.045em; color:var(--orange-dark) }
.stat strong span { color:var(--orange); font-weight:500 }
.stat:last-child strong { color:var(--ink) }
.stat p { font-size:13px; color:var(--muted); margin:5px 0 0; line-height:1.5 }
/* Bölümler ve kartlar */
.section { padding:92px 0 }
.section.soft { background:var(--soft) }
.section-head { display:flex; justify-content:space-between; gap:35px; align-items:end; margin-bottom:37px }
.section-head h2 { margin:0 }
.section-head.centered { display:block; text-align:center; max-width:710px; margin:0 auto 38px }
.section-head.centered .eyebrow { justify-content:center }
.section-head.centered>p:last-child:not(.eyebrow) { color:var(--muted); margin:19px auto 0; max-width:580px }
.section-head h2 span { color:var(--muted); font-weight:500 }
.text-link { display:inline-flex; align-items:center; justify-content:center; gap:13px; padding:12px 21px; border:1px solid #dce3ed; border-radius:999px; color:var(--ink); font-size:14px; line-height:1.6; font-weight:600; flex-shrink:0; transition:background .2s,transform .2s }
.text-link svg { width:18px; height:18px }
.text-link:hover { background:var(--ink); border-color:var(--ink); color:#fff; transform:translateY(-2px) }
.values-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:23px }
.value { border:1px solid var(--line); border-radius:22px; padding:30px; background:#fff; box-shadow:var(--shadow); transition:transform .25s,box-shadow .25s }
.value:hover { transform:translateY(-4px); box-shadow:0 20px 44px #0b1e3810 }
.value-icon,.service-icon,.contact-icon { width:51px; height:51px; background:#fff0e6; color:var(--orange-dark); border-radius:15px; display:grid; place-items:center; margin-bottom:25px }
.value h3 { margin-bottom:13px }
.value p { font-size:15px; color:var(--muted); margin:0 }
.two-col { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:80px }
.body-copy p { color:var(--muted); font-size:16px }
.body-copy .eyebrow { color:var(--orange-dark); font-size:12px }
.image-stack { position:relative; padding:0 48px 40px 0 }
.stack-main { width:100%; height:425px; object-fit:cover; border-radius:26px; box-shadow:0 22px 50px #0b1e3814 }
.stack-detail { width:49%; height:220px; object-fit:cover; border-radius:22px; border:7px solid var(--soft); position:absolute; bottom:0; right:0; box-shadow:0 16px 35px #0b1e381c }
.experience-badge { position:absolute; left:-17px; bottom:72px; border:5px solid var(--soft); background:var(--orange); border-radius:23px; padding:18px 24px; box-shadow:0 12px 30px #0b1e3810 }
.experience-badge strong { display:block; font-size:41px; letter-spacing:-.04em; line-height:1.2 }
.experience-badge strong span { font-weight:400; font-size:30px }
.experience-badge>span { display:block; font-size:12px; line-height:1.5; margin-top:7px; font-weight:550 }
.story-section .text-link { margin-top:8px; background:#fff }
.story-section .text-link:hover { background:var(--ink) }
.service-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:23px }
.service-item { position:relative; padding:31px; border:1px solid var(--line); border-radius:22px; background:#fff; overflow:hidden; box-shadow:var(--shadow); transition:transform .25s,border-color .25s }
.service-item:hover { transform:translateY(-4px); border-color:#fd6b2370 }
.service-number { position:absolute; top:28px; right:28px; font-size:35px; line-height:1; font-weight:700; color:#e5eaf1; letter-spacing:-.04em }
.service-item h3 { font-size:20px; max-width:245px; line-height:1.35; margin-bottom:13px }
.service-item p { color:var(--muted); font-size:15px; line-height:1.75; margin:0 }
.project-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px }
.project-card { position:relative; display:flex; min-height:400px; flex-direction:column; justify-content:flex-end; overflow:hidden; border-radius:25px; background:var(--ink); color:#fff; box-shadow:0 14px 35px #0b1e3816; isolation:isolate }
.project-image { position:absolute; inset:0; z-index:-2 }
.project-image img { width:100%; height:100%; object-fit:cover; transition:transform .55s }
.project-card:after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(0deg,#07172cf5 1%,#07172ca6 35%,#07172c00 74%) }
.project-card:hover img { transform:scale(1.055) }
.project-content { padding:28px 25px }
.project-meta { display:flex; gap:7px; align-items:center; flex-wrap:wrap; margin-bottom:14px; font-size:10px; font-weight:650; letter-spacing:.04em }
.project-meta span { border:1px solid #ffffff32; background:#ffffff15; backdrop-filter:blur(12px); padding:5px 10px; border-radius:999px; line-height:1.3 }
.project-meta span:last-child { color:#ffbc94; border-color:#ffc9a630 }
.project-card h3 { font-size:24px; line-height:1.22; margin-bottom:10px; padding-right:10px }
.project-card p { color:#dae3ee; font-size:13px; line-height:1.6; max-width:85%; margin:0 }
.project-card p>span { display:none }
.project-arrow { position:absolute; bottom:29px; right:22px; width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:#ffffff16; border:1px solid #ffffff34 }
.project-arrow svg { width:17px; height:17px }
.reference-row { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:17px }
.reference-tile { display:grid; place-items:center; padding:18px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:var(--shadow) }
.reference-tile img { width:100%; max-width:200px; height:100px; object-fit:contain }
.center-link { display:flex; justify-content:center; margin-top:32px }
/* İç sayfalarda fotoğraflı başlıklar */
.page-intro { position:relative; isolation:isolate; overflow:hidden; margin:20px; padding:27px 0 63px; border-radius:28px; background:var(--navy); color:#fff }
.page-intro-image { position:absolute; z-index:-2; top:0; right:0; height:100%; width:100%; object-fit:cover; object-position:center 46% }
.page-intro:after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#08172c 22%,#08172ce8 45%,#08172c55 100%) }
.page-intro .wrap { width:min(var(--max),calc(100% - 88px)) }
.breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:11px; font-size:12px; color:#bdcadc; margin:0 0 42px }
.breadcrumb a:hover { color:#fff }
.breadcrumb>span { color:#8e9db2 }
.page-intro .eyebrow { color:#ffb48a }
.page-intro h1 { font-size:clamp(2.5rem,4vw,3.8rem); max-width:910px; margin:0 0 21px; line-height:1.13 }
.lead { max-width:670px; font-size:17px; color:#d5dfed; line-height:1.8; margin:0 }
.photo-frame { position:relative; padding-bottom:25px }
.photo-frame img { width:100%; height:505px; object-fit:cover; border-radius:25px; box-shadow:var(--shadow) }
.photo-label { position:absolute; left:22px; right:22px; bottom:0; background:#fff; padding:21px 24px; border:1px solid var(--line); box-shadow:0 16px 40px #0b1e3814; border-radius:17px; color:var(--ink); font-size:14px; font-weight:600 }
.statement { padding:30px 36px; margin:55px 0 0; background:#fff3ea; border:1px solid #ffe1cc; border-radius:22px; font-size:24px; font-weight:550; line-height:1.6; letter-spacing:-.02em }
.mission-grid { display:grid; grid-template-columns:1fr 1fr; gap:27px }
.mission-grid article { background:#fff; border:1px solid var(--line); border-radius:24px; padding:38px; box-shadow:var(--shadow) }
.mission-grid h2 { font-size:30px }
.mission-grid article p:not(.eyebrow) { color:var(--muted); margin:0 }
.quotes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px }
.quotes figure { margin:0; padding:32px; border:1px solid var(--line); border-radius:23px; background:#fff; box-shadow:var(--shadow) }
.quote-mark { display:block; color:var(--orange-dark); font-family:Georgia,serif; font-size:70px; line-height:.8 }
.quotes blockquote { margin:20px 0 26px; font-size:16px; color:var(--muted) }
.quotes figcaption { font-size:14px; font-weight:650; display:flex; align-items:center; gap:12px }
.quotes figcaption:before { content:''; height:2px; width:20px; border-radius:2px; background:var(--orange) }
.reference-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:23px }
.reference-card { padding:30px 24px; border:1px solid var(--line); border-radius:24px; text-align:center; background:#fff; box-shadow:var(--shadow) }
.reference-card img { width:235px; height:135px; margin:0 auto 21px; object-fit:contain }
.reference-card h2 { font-size:15px; font-weight:600; line-height:1.5; letter-spacing:0; margin:0 }
.project-register { list-style:none; padding:0; margin:0; counter-reset:projects; display:grid; gap:17px }
.project-register li { position:relative; counter-increment:projects; background:#fff; border:1px solid var(--line); border-radius:18px; padding:25px 25px 25px 80px; color:var(--muted); font-size:15px; line-height:1.8; scroll-margin-top:115px; box-shadow:0 7px 20px #0b1e3804 }
.project-register li:before { content:counter(projects,decimal-leading-zero); position:absolute; left:22px; top:26px; width:36px; height:36px; background:#fff0e6; color:var(--orange-dark); border-radius:11px; display:grid; place-items:center; font-size:12px; font-weight:700 }
.completed-register { grid-template-columns:1fr 1fr }
.ongoing-register { margin-top:35px!important }
.gallery-grid { columns:3; column-gap:22px }
.gallery-item { display:block; position:relative; break-inside:avoid; border-radius:21px; overflow:hidden; background:var(--soft); margin:0 0 22px; box-shadow:var(--shadow) }
.gallery-item img { width:100%; height:auto; transition:transform .4s,filter .4s }
.gallery-item:hover img { transform:scale(1.035); filter:brightness(.9) }
.gallery-item:after { content:'↗'; position:absolute; bottom:15px; right:15px; width:39px; height:39px; display:grid; place-items:center; background:#fffffff2; border-radius:50%; font-size:23px; color:var(--ink); box-shadow:0 6px 20px #0b1e3820 }
.gallery-dialog { width:94vw; max-width:1100px; border:1px solid #ffffff20; padding:0; border-radius:24px; background:var(--navy); color:#fff; box-shadow:0 25px 100px #0005 }
.gallery-dialog::backdrop { background:#040e1bdf; backdrop-filter:blur(10px) }
.lightbox-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 22px }
.lightbox-toolbar p { font-size:14px; margin:0 }
.lightbox-toolbar button,.lightbox-controls button { border:1px solid #ffffff40; border-radius:999px; background:#ffffff0d; color:#fff; padding:9px 18px; font-size:14px; min-height:44px }
.lightbox-image { width:100%; height:70vh; object-fit:contain; background:#050f1d }
.lightbox-controls { display:flex; align-items:center; justify-content:center; gap:23px; padding:17px }
.image-counter { font-size:13px; font-variant-numeric:tabular-nums }
.contact-grid { display:grid; grid-template-columns:1fr 1.2fr; gap:42px; align-items:start }
.contact-details { display:grid; gap:18px }
.contact-detail { position:relative; border:1px solid var(--line); background:#fff; border-radius:22px; box-shadow:var(--shadow); padding:25px 25px 25px 94px }
.contact-detail .contact-icon { position:absolute; left:24px; top:25px; width:47px; height:47px; margin:0 }
.contact-detail h2 { font-size:11px; font-weight:650; letter-spacing:.1em; color:var(--muted); margin:0 0 10px }
.contact-detail a,.contact-detail p { font-size:21px; line-height:1.55; letter-spacing:-.02em; font-weight:550; margin:0 }
.map-frame { width:100%; height:545px; background:var(--soft); border:1px solid var(--line); border-radius:24px; box-shadow:var(--shadow) }
.map-caption { color:var(--muted); font-size:13px; margin:10px 0 0 7px }
/* Fotoğraf üzerinde iletişim alanı ve lacivert alt bilgi */
.contact-band { padding:0 0 0; position:relative; background:linear-gradient(#fff 50%,var(--navy) 50%) }
.contact-panel { position:relative; isolation:isolate; overflow:hidden; background:var(--ink); color:#fff; border:1px solid #ffffff15; border-radius:28px; padding:50px 56px; display:flex; justify-content:space-between; align-items:center; gap:38px; box-shadow:0 18px 45px #07172c1c }
.contact-panel:before { content:''; position:absolute; inset:0; z-index:-2; background:url('../images/galeri-18.jpg') center 50%/cover }
.contact-panel:after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(100deg,#0b1e38f5 15%,#0b1e38e8 57%,#0b1e3899) }
.contact-panel .eyebrow { margin-bottom:15px }
.contact-panel h2 { font-size:clamp(1.8rem,2.6vw,2.5rem); line-height:1.25; margin:0 }
.contact-actions { display:flex; flex-direction:column; gap:16px; align-items:center; flex-shrink:0 }
.cta-phone { display:flex; gap:9px; align-items:center; font-size:13px; color:#d4dfef }
.cta-phone svg { width:15px; height:15px; color:#ffb48a }
.site-footer { background:var(--navy); color:#aebed3; padding-top:66px }
.footer-grid { display:grid; grid-template-columns:1.2fr .7fr 1fr; gap:70px; padding-bottom:47px }
.footer-brand { font-size:22px; letter-spacing:.025em; font-weight:750; color:#fff; margin-bottom:22px }
.footer-grid p { font-size:14px; line-height:1.9; max-width:360px }
.footer-grid h3 { color:#fff; font-size:13px; letter-spacing:.04em; font-weight:600; margin:5px 0 22px }
.footer-grid a { font-size:14px }
.footer-grid a:hover { color:#ffb48a }
.footer-links { display:grid; gap:8px }
.footer-grid>div:last-child>a { display:block }
.footer-grid .footer-phone { font-size:24px; color:#fff; font-weight:600; letter-spacing:-.02em; margin-bottom:5px }
.footer-grid>div:last-child p { margin-top:16px }
.footer-grid .text-link { display:inline-flex!important; border-color:#ffffff28; padding:8px 15px; font-size:12px; background:transparent }
.footer-grid .text-link:hover { background:#ffffff12 }
.footer-bottom { border-top:1px solid #ffffff12; padding:22px 0; display:flex; justify-content:space-between; gap:20px; font-size:12px }
@media(min-width:1600px) { .hero-content{width:var(--max)} }
@media(max-width:1190px) {
  .wrap{width:calc(100% - 64px)} .header-inner{gap:15px} nav{gap:0} nav a{font-size:13px;padding:10px}
  .brand{width:105px} nav a:last-child{margin-left:5px;padding:12px 16px}
  .hero{min-height:615px}.hero-content{width:calc(100% - 88px)}.hero h1{font-size:60px}.hero-content>p:not(.eyebrow){max-width:480px;font-size:17px}
  .hero-caption{right:4%;min-width:250px;padding-right:70px}.hero-caption p{font-size:21px}
  .two-col{gap:50px}.service-item{padding:26px}.project-card{min-height:380px}.project-content{padding:24px 22px}.project-card h3{font-size:22px}
  .contact-panel{padding:42px}.footer-grid{gap:45px}.stat{padding:0 23px}
}
@media(max-width:980px) {
  .wrap{width:calc(100% - 48px)}.header-inner{min-height:75px}.menu-toggle{display:flex;align-items:center;gap:14px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:10px 15px;font-size:14px;color:var(--ink)}
  .menu-lines{display:block;width:20px;height:12px;border-block:1.5px solid;border-radius:1px}
  .site-header nav{display:none;position:absolute;top:calc(100% + 8px);left:16px;right:16px;max-height:calc(100dvh - 135px);overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:17px;box-shadow:0 20px 60px #0b1e3826}
  .site-header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:3px}nav a{padding:12px 17px;border-radius:12px;font-size:16px}nav a:last-child{justify-content:center;padding:13px 20px;margin:9px 0 0}
  .hero{margin-top:14px;width:calc(100% - 28px);border-radius:25px;min-height:615px}.hero-content{width:calc(100% - 62px)}.hero-caption{display:none}.hero-image{left:0}
  .hero h1{font-size:60px}.hero-content>p:not(.eyebrow){max-width:480px}.stat{padding:0 18px}.stat strong{font-size:36px}.stat p{font-size:12px}
  .section{padding:75px 0}.two-col{gap:35px}.stack-main{height:390px}.image-stack{padding-right:30px}.stack-detail{height:175px;width:53%}.experience-badge{left:-10px;padding:15px 19px;bottom:58px}
  .service-list{grid-template-columns:repeat(2,minmax(0,1fr))}.value{padding:25px}.project-grid{gap:17px}.project-card{min-height:350px}.project-content{padding:22px 18px}.project-card h3{font-size:21px}.project-card p{font-size:12px;max-width:90%}.project-arrow{right:17px;bottom:18px;width:27px;height:27px}.project-meta{font-size:9px;gap:5px}.project-meta span{padding:5px 7px}
  .reference-row{gap:12px}.reference-tile{padding:12px}.reference-tile img{height:85px}.page-intro{margin:14px}.page-intro .wrap{width:calc(100% - 62px)}
  .contact-grid{gap:25px}.contact-detail{padding-left:75px;padding-right:18px}.contact-detail .contact-icon{left:17px;width:40px;height:40px}.contact-detail a,.contact-detail p{font-size:18px}
  .gallery-grid{columns:2}.contact-panel{padding:35px;gap:25px}.contact-panel h2{font-size:30px}.footer-grid{gap:40px}.quotes figure{padding:24px}.quotes blockquote{font-size:15px}
}
@media(max-width:700px) {
  .wrap{width:calc(100% - 40px)}.topbar .wrap{font-size:10px;min-height:34px;width:calc(100% - 32px);letter-spacing:.015em;gap:6px}.topbar-separator{margin-inline:6px}.topbar .wrap>div a:last-child{display:none}.topbar a{gap:6px}.topbar svg{width:12px;height:12px}
  .header-inner{min-height:71px}.hero{width:calc(100% - 24px);margin-top:12px;min-height:630px;border-radius:23px;align-items:start}.hero-image{left:0}.hero-image img{object-position:63% center}.hero:after{background:linear-gradient(90deg,#08172ced,#08172ca3),linear-gradient(0deg,#08172c99,transparent)}
  .hero-content{width:calc(100% - 44px);padding:51px 0 104px}.hero .eyebrow{font-size:10px;letter-spacing:.10em;margin-bottom:23px}.hero h1{font-size:clamp(2.4rem,8.2vw,3.5rem);letter-spacing:-.04em;line-height:1.12;margin-bottom:24px}.hero-content>p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:470px;margin-bottom:26px}
  .hero-actions{gap:10px}.button{font-size:13px;padding:14px 21px;min-height:51px;gap:14px}.hero .button.ghost{padding-inline:22px}.hero-note{font-size:11px;margin-top:31px;gap:11px}.hero-note svg{width:28px;height:28px}
  .intro-strip{margin-top:-50px;width:calc(100% - 56px)}.strip-grid{grid-template-columns:1fr 1fr;padding:5px 17px;border-radius:19px}.stat{padding:20px 12px;border-bottom:1px solid var(--line)}.stat:nth-child(2){border-right:0}.stat:nth-child(n+3){border-bottom:0}.stat strong{font-size:34px}.stat p{font-size:11px;line-height:1.6;margin-top:3px}.stat:nth-child(2n){padding-left:21px}
  .section{padding:62px 0}.section-head{display:block;margin-bottom:29px}.section-head h2{font-size:32px;line-height:1.2}.section-head>.text-link{margin-top:22px}.section-head.centered{margin-bottom:29px}.section-head.centered>p:last-child:not(.eyebrow){font-size:15px}.eyebrow{font-size:11px;letter-spacing:.11em}.text-link{font-size:13px;padding:11px 18px}
  .values-grid{grid-template-columns:1fr;gap:15px}.value{padding:25px 25px 25px 88px;position:relative}.value-icon{position:absolute;top:26px;left:23px;width:45px;height:45px;border-radius:13px;margin:0}.value h3{font-size:20px;margin-bottom:10px}.value p{font-size:14px;line-height:1.75}
  .two-col{grid-template-columns:1fr;gap:38px}.image-stack{padding:0 37px 35px 5px;margin-right:0}.stack-main{height:370px;border-radius:22px}.stack-detail{width:48%;height:180px;border-width:6px}.experience-badge{left:0;bottom:55px;padding:14px 20px;border-radius:20px}.experience-badge strong{font-size:35px}.experience-badge>span{font-size:11px}.body-copy p{font-size:15px}
  .service-list{grid-template-columns:1fr;gap:16px}.service-item{padding:26px;min-height:0;border-radius:20px}.service-icon{width:47px;height:47px;margin-bottom:20px;border-radius:13px}.service-number{font-size:32px;top:28px;right:27px}.service-item h3{font-size:21px;max-width:none}.service-item p{font-size:15px}.project-grid{grid-template-columns:1fr;gap:21px}.project-card{min-height:425px;border-radius:23px}.project-card h3{font-size:27px}.project-content{padding:28px}.project-card p{font-size:14px;max-width:87%}.project-meta{font-size:10px;gap:8px}.project-meta span{padding:6px 11px}.project-arrow{bottom:30px;right:24px;width:34px;height:34px}
  .reference-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.reference-tile{padding:16px;border-radius:17px}.reference-tile:last-child{grid-column:1/-1;max-width:calc(50% - 6px);width:100%;justify-self:center}.reference-tile img{height:85px;max-width:190px}
  .page-intro{margin:12px;padding:22px 0 40px;border-radius:22px}.page-intro .wrap{width:calc(100% - 40px)}.page-intro-image{width:100%}.page-intro:after{background:linear-gradient(90deg,#08172cec,#08172cbf)}.breadcrumb{font-size:11px;margin-bottom:32px}.page-intro h1{font-size:clamp(2rem,7.8vw,2.9rem);line-height:1.2;letter-spacing:-.035em}.page-intro .eyebrow{font-size:10px}.lead{font-size:15px;line-height:1.85}.photo-frame img{height:390px}.photo-label{left:15px;right:15px;padding:18px;font-size:13px}.statement{margin-top:35px;padding:25px;font-size:19px;border-radius:20px}
  .mission-grid{grid-template-columns:1fr;gap:18px}.mission-grid article{padding:28px}.mission-grid h2{font-size:28px}.mission-grid article p:not(.eyebrow){font-size:15px}.quotes{grid-template-columns:1fr;gap:19px}.quotes figure{padding:30px}.quotes blockquote{font-size:16px}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.reference-card{padding:20px 12px;border-radius:18px}.reference-card img{height:90px;margin-bottom:15px}.reference-card h2{font-size:12px;line-height:1.6}
  .completed-register{grid-template-columns:1fr}.project-register li{padding:22px 20px 22px 66px;font-size:14px;border-radius:17px}.project-register li:before{left:17px;top:24px;width:31px;height:31px;border-radius:9px;font-size:11px}.gallery-grid{column-gap:12px}.gallery-item{margin-bottom:12px;border-radius:14px}.gallery-item:after{width:29px;height:29px;bottom:10px;right:10px;font-size:19px}.gallery-dialog{border-radius:19px}.lightbox-toolbar{padding:14px;gap:14px}.lightbox-toolbar p{font-size:12px}.lightbox-toolbar button{font-size:12px;padding:8px 13px;white-space:nowrap}.lightbox-image{height:62vh}.lightbox-controls{gap:16px;padding:14px}.lightbox-controls button{font-size:12px;padding:9px 14px}
  .contact-grid{grid-template-columns:1fr;gap:28px}.contact-detail{padding:25px 23px 25px 89px;border-radius:20px}.contact-detail .contact-icon{left:24px;width:44px;height:44px}.contact-detail a,.contact-detail p{font-size:18px}.contact-detail h2{font-size:10px}.map-frame{height:370px;border-radius:21px}.contact-panel{padding:34px 26px;flex-direction:column;align-items:start;gap:27px;border-radius:23px}.contact-panel h2{font-size:27px;line-height:1.3}.contact-panel .eyebrow{font-size:10px}.contact-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:17px}.cta-phone{font-size:12px}.contact-panel .button{padding:13px 24px}
  .site-footer{padding-top:49px}.footer-grid{grid-template-columns:1fr;gap:30px;padding-bottom:34px}.footer-grid h3{margin-bottom:17px}.footer-grid p{max-width:none;font-size:14px}.footer-brand{font-size:23px;margin-bottom:18px}.footer-links{grid-template-columns:1fr 1fr;gap:9px 20px}.footer-bottom{font-size:10px;gap:12px;padding:21px 0}
}
@media(max-width:370px) {
  .hero{min-height:660px}.hero-actions{gap:11px}.hero .button{font-size:12px;padding-inline:17px;min-height:47px}.hero .button.ghost{padding-inline:17px}.hero h1{font-size:35px}.hero .eyebrow{font-size:9px}.hero-content>p:not(.eyebrow){font-size:15px}.value{padding:23px}.value-icon{position:static;margin-bottom:19px}.contact-detail{padding-left:73px}.contact-detail .contact-icon{left:18px;width:38px;height:38px}.contact-detail a,.contact-detail p{font-size:16px}.topbar{letter-spacing:0}.topbar .wrap{font-size:9px}.topbar-separator{margin-inline:5px}.stat{padding-inline:9px}.stat:nth-child(2n){padding-left:16px}.stat p{font-size:10px}.stat strong{font-size:31px}
}
@media(prefers-reduced-motion:reduce) { html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important} }

/* Değer başlıklarında belirgin, yan yana ikonlar. */
.value-heading { display:flex; align-items:center; gap:17px; margin-bottom:19px; }
.value-heading .value-icon { position:static; width:58px; height:58px; flex:0 0 58px; margin:0; border:1px solid #ffd7bf; border-radius:17px; color:#b84008; background:linear-gradient(145deg,#fff3e9,#ffe2cd); box-shadow:0 6px 16px #fd6b2310; }
.value-heading .value-icon svg { width:30px; height:30px; stroke-width:1.9; }
.value-heading h3 { margin:0; }
.home-page .hero-content { padding-bottom:78px; }
.home-page .hero-caption { bottom:70px; }
.home-page .hero-image img { object-position:center center; }
.home-page .project-meta span { color:#fff; border-color:#ffffff32; }
@media (max-width:700px) {
  .value { padding:25px; }
  .value-heading { gap:16px; margin-bottom:17px; }
  .value-heading .value-icon { width:54px; height:54px; flex-basis:54px; border-radius:16px; }
  .value-heading h3 { font-size:21px; }
  .home-page .hero-content { padding-bottom:49px; }
  .home-page .hero { min-height:585px; }
  .home-page .hero-image img { object-position:75% center; }
  .home-page .hero:after { background:linear-gradient(90deg,#08172cdd,#08172c80),linear-gradient(0deg,#08172c66,transparent 70%); }
}

/* Proje kayıtları: iş başlığı, kapsam ve kurum ayrı satırlarda. */
.page-projelerimiz .project-register { gap:22px; }
.page-projelerimiz .ongoing-register { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:36px!important; }
.page-projelerimiz .project-register li { padding:27px; border:1px solid #dfe6ef; border-radius:22px; box-shadow:0 9px 28px #0b1e3808; color:var(--ink); }
.page-projelerimiz .project-register li:before { top:27px; left:27px; width:37px; height:37px; border-radius:12px; background:#ffede1; font-size:12px; }
.register-card { display:flex; flex-direction:column; height:100%; }
.register-title { color:var(--ink); font-size:19px; font-weight:750; letter-spacing:-.018em; line-height:1.5; margin:0 0 18px; padding-left:53px; min-height:40px; overflow-wrap:anywhere; }
.register-detail { color:var(--muted); font-size:14px; line-height:1.75; margin:0 0 21px; }
.register-client { margin-top:auto; padding-top:17px; border-top:1px solid var(--line); }
.register-client>span { display:block; color:var(--orange-dark); font-size:10px; letter-spacing:.13em; font-weight:700; margin-bottom:7px; }
.register-client p { color:#485d75; font-size:14px; font-weight:550; line-height:1.65; margin:0; }
@media(max-width:700px) {
  .page-projelerimiz .ongoing-register { grid-template-columns:1fr; }
}
@media(max-width:700px) {
  .page-projelerimiz .project-register { gap:17px; }
  .page-projelerimiz .project-register li { padding:23px; border-radius:19px; }
  .page-projelerimiz .project-register li:before { top:24px; left:23px; width:32px; height:32px; border-radius:10px; }
  .register-title { font-size:18px; line-height:1.5; padding-left:47px; margin-bottom:16px; min-height:34px; }
  .register-client p,.register-detail { font-size:14px; }
}

/* Hizmetlere özel büyük inşaat ve mimarlık ikonları. */
.service-icon { width:72px; height:72px; border-radius:20px; }
.service-icon svg { width:44px; height:44px; }
@media(max-width:700px) {
  .service-icon { width:64px; height:64px; border-radius:18px; }
  .service-icon svg { width:40px; height:40px; }
}

/* Firma logosu: özgün oran, beyaz zemin ve duyarlı boyutlar. */
.brand { width:180px; }
.brand img { width:100%; height:auto; max-height:none; }
.footer-brand { display:inline-block; width:210px; padding:12px; background:#fff; border-radius:14px; line-height:0; }
.footer-brand img { width:100%; height:auto; }
@media(min-width:981px) and (max-width:1190px) {
  .brand { width:150px; }
}
@media(max-width:980px) {
  .brand { width:155px; }
}

/* Tamamlanan Kirazlı projesi, görseliyle öne çıkarılır. */
.ongoing-project-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.completed-feature { display:grid; grid-template-columns:1fr 1fr; overflow:hidden; margin-bottom:36px; background:#fff; border:1px solid var(--line); border-radius:28px; box-shadow:var(--shadow); scroll-margin-top:110px; }
.completed-feature-image { min-width:0; }
.completed-feature-image img { width:100%; height:100%; aspect-ratio:1.3; object-fit:cover; object-position:center; }
.completed-feature-content { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:clamp(28px,4vw,56px); }
.completion-badge { display:inline-flex; align-items:center; gap:8px; padding:8px 15px; margin-bottom:28px; border:1px solid #cde4d9; border-radius:999px; background:#edf7f1; color:#236348; font-size:13px; font-weight:650; }
.completion-badge svg { width:19px; height:19px; }
.completed-feature-content .eyebrow { font-size:11px; margin-bottom:17px; }
.completed-feature-content h3 { font-size:clamp(25px,2.6vw,36px); line-height:1.25; margin-bottom:19px; }
.completed-feature-location { color:var(--muted); font-size:15px; margin:0; }
@media(max-width:700px) {
  .ongoing-project-grid,.completed-feature { grid-template-columns:1fr; }
  .completed-feature { border-radius:23px; margin-bottom:25px; }
  .completed-feature-image img { aspect-ratio:1.15; }
  .completed-feature-content { padding:28px; }
  .completion-badge { margin-bottom:23px; }
}