:root{--orange:#f58216;--orange2:#ff9a32;--navy:#162b3d;--navy2:#0c1d2a;--text:#1c3449;--muted:#66798a;--bg:#f6f8fa;--line:#e2e8ed;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 "DM Sans",Arial,sans-serif}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 36px));margin:auto}.ey{color:var(--orange);font-size:12px;letter-spacing:3px;font-weight:800;text-transform:uppercase}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.08}header{height:82px;position:fixed;z-index:60;inset:0 0 auto;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:100%;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;min-width:245px}.brand img{width:150px;height:76px;object-fit:contain;object-position:center}.brand-name{display:none;font:800 18px Manrope;color:#263c50;margin-left:-5px;white-space:nowrap}.brand-name em{font-style:normal;color:var(--orange)}.menu{display:flex;align-items:center;justify-content:center;gap:29px;flex:1;font-size:14px;font-weight:700;color:#354a5d}.menu a{padding:31px 0}.phone{background:var(--orange);color:#fff;padding:12px 19px;border-radius:999px;font-weight:800;white-space:nowrap}.mobile{display:none;border:0;background:transparent;font-size:27px;margin-left:auto}
.hero{min-height:760px;padding-top:82px;display:flex;align-items:center;position:relative;overflow:hidden;color:#fff;background:var(--navy)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,17,27,.91) 0%,rgba(5,17,27,.70) 47%,rgba(5,17,27,.28) 100%),url("assets/projects/project-04.jpg") center/cover no-repeat;transform:scale(1.01)}.hero .container{position:relative;padding:95px 0}.hero h1{font-size:clamp(45px,5.6vw,72px);letter-spacing:-3px;max-width:760px;margin:17px 0 23px}.hero p{max-width:690px;font-size:18px;color:#e8eef2;margin:0 0 31px}.actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-weight:800;border:1px solid transparent;cursor:pointer}.primary{background:var(--orange);color:#fff}.primary:hover{background:var(--orange2)}.ghost{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.05);color:#fff}.trust{display:flex;gap:9px;flex-wrap:wrap;margin-top:38px}.trust span{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.09);border-radius:999px;padding:8px 13px;font-size:13px}
.section{padding:96px 0}.white{background:#fff}.head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:43px}.head h2{font-size:clamp(34px,4vw,52px);letter-spacing:-1.7px;margin:10px 0 0;max-width:720px}.head>p{max-width:535px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.25s}.card:hover{transform:translateY(-6px);box-shadow:0 20px 55px rgba(18,43,61,.12)}.card img{width:100%;height:220px;object-fit:cover}.card-body{padding:21px}.card h3{font-size:20px;margin:0 0 8px}.card p{font-size:14px;color:var(--muted);min-height:66px;margin:0 0 15px}.card a{color:var(--orange);font-size:14px;font-weight:800}
.dark{background:var(--navy);color:#fff}.dark .head>p{color:#b7c6d0}.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:145px;gap:15px}.project-card{position:relative;grid-column:span 4;grid-row:span 2;overflow:hidden;border:0;border-radius:19px;padding:0;background:#223e52;cursor:pointer}.project-card:nth-child(1),.project-card:nth-child(8),.project-card:nth-child(15){grid-column:span 6;grid-row:span 4}.project-card img{width:100%;height:100%;object-fit:cover;transition:.45s}.project-card:hover img{transform:scale(1.055)}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.7));opacity:.65}.caption{position:absolute;z-index:2;left:18px;right:18px;bottom:15px;text-align:left;opacity:0;transform:translateY(6px);transition:.25s}.project-card:hover .caption{opacity:1;transform:none}.caption b,.caption small{display:block}.caption small{opacity:.75}
.about{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.about-photo{position:relative;border-radius:25px;overflow:hidden}.about-photo img{width:100%;height:540px;object-fit:cover}.badge{position:absolute;right:18px;bottom:18px;background:var(--orange);color:#fff;border-radius:17px;padding:17px 21px;box-shadow:0 14px 35px rgba(0,0,0,.18)}.badge strong{display:block;font:800 24px Manrope}.about h2{font-size:clamp(36px,4vw,52px);margin:10px 0 21px}.about p{color:var(--muted)}.checks{list-style:none;padding:0;margin:25px 0}.checks li{padding:7px 0}.checks b{color:var(--orange);margin-right:9px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{padding:27px;border:1px solid var(--line);border-radius:19px;background:#fff}.step .num{color:var(--orange);font-size:12px;letter-spacing:2px;font-weight:900}.step h3{font-size:20px;margin:12px 0 7px}.step p{font-size:14px;color:var(--muted);margin:0}
.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:22px}.contact-box,.form{border:1px solid var(--line);border-radius:21px;padding:27px}.contact-box{display:grid;gap:13px}.contact-item{background:#f7f9fb;border-radius:15px;padding:17px}.contact-item small{display:block;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:1px}.contact-item strong{display:block;margin-top:3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-size:13px;font-weight:800}input,select,textarea{width:100%;margin-top:7px;border:1px solid #d5dee5;border-radius:12px;padding:13px;background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--orange)}textarea{min-height:135px;resize:vertical}.full{grid-column:1/-1}
footer{background:var(--navy2);color:#b7c4cc;padding:52px 0 22px}.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}.foot h3{color:#fff}.foot p{margin:7px 0}.copy{border-top:1px solid rgba(255,255,255,.1);margin-top:32px;padding-top:18px;font-size:12px}.chat{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#20c96a;color:#fff;font-size:25px;z-index:55;box-shadow:0 12px 35px rgba(0,0,0,.2)}
.modal{display:none;position:fixed;z-index:100;inset:0;background:rgba(4,11,17,.9);align-items:center;justify-content:center;padding:25px}.modal.open{display:flex}.modal img{max-width:94vw;max-height:88vh;border-radius:14px}.close{position:absolute;right:20px;top:10px;background:none;border:0;color:#fff;font-size:42px;cursor:pointer}
@media(max-width:950px){.brand{min-width:auto}.brand img{width:125px}.brand-name{font-size:16px}.menu{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:10px 20px 20px;flex-direction:column;gap:0;border-bottom:1px solid var(--line)}.menu.open{display:flex}.menu a{padding:12px 0}.mobile{display:block}.nav>.phone{display:none}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.about,.contact-grid{grid-template-columns:1fr}.project-card,.project-card:nth-child(1),.project-card:nth-child(8),.project-card:nth-child(15){grid-column:span 1;grid-row:span 2}.gallery{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.container{width:calc(100% - 28px)}header{height:72px}.menu{top:72px}.brand img{width:112px;height:60px}.brand-name{font-size:14px}.hero{padding-top:72px;min-height:690px}.hero .container{padding:75px 0}.hero h1{font-size:43px}.hero p{font-size:16px}.section{padding:70px 0}.head{display:block}.head>p{margin-top:15px}.cards,.steps,.gallery,.form-grid,.foot{grid-template-columns:1fr}.full{grid-column:auto}.project-card,.project-card:nth-child(1),.project-card:nth-child(8),.project-card:nth-child(15){grid-column:auto;grid-row:span 2}.about-photo img{height:420px}}

/* Professional polish: motion, interaction states, accessibility and responsive refinements */
:root { --shadow-soft: 0 18px 50px rgba(12, 29, 42, .09); --radius-lg: 22px; }
::selection { background: rgba(245,130,22,.22); color: var(--navy2); }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
header { transition: box-shadow .28s ease, background .28s ease, border-color .28s ease; }
header.scrolled { background: rgba(255,255,255,.96); box-shadow: 0 8px 30px rgba(12,29,42,.09); border-color: rgba(226,232,237,.8); }
.brand img { transition: transform .3s ease; }
.brand:hover img { transform: scale(1.035); }
.menu a { position: relative; transition: color .2s ease; }
.menu a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 22px; height: 2px; background: var(--orange); transform: scaleX(0); transform-origin: left; transition: transform .24s ease; }
.menu a:hover, .menu a:focus-visible { color: var(--orange); }
.menu a:hover::after, .menu a:focus-visible::after { transform: scaleX(1); }
.btn { position: relative; overflow: hidden; transition: transform .22s ease, box-shadow .22s ease, background .22s ease; }
.btn::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 25%, rgba(255,255,255,.2) 48%, transparent 70%); transform: translateX(-130%); transition: transform .55s ease; pointer-events: none; }
.btn:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(12,29,42,.16); }
.btn:hover::after { transform: translateX(130%); }
.primary { box-shadow: 0 8px 22px rgba(245,130,22,.22); }
.hero:before { animation: hero-settle 1.2s ease-out both; }
.hero .ey { display: inline-flex; align-items: center; gap: 10px; }
.hero .ey::before { content: ""; width: 28px; height: 2px; background: var(--orange); }
.hero h1 { animation: hero-rise .75s .08s both; }
.hero p { animation: hero-rise .75s .2s both; }
.hero .actions, .hero .trust { animation: hero-rise .75s .32s both; }
.trust span { transition: background .2s ease, border-color .2s ease, transform .2s ease; }
.trust span:hover { background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.45); transform: translateY(-2px); }
.card { box-shadow: 0 2px 12px rgba(18,43,61,.025); }
.card img { transition: transform .55s cubic-bezier(.2,.7,.2,1); }
.card:hover img { transform: scale(1.045); }
.card a { display: inline-flex; align-items: center; gap: 6px; transition: gap .2s ease; }
.card a:hover { gap: 11px; }
.project-card { isolation: isolate; }
.project-card:after { transition: opacity .3s ease; }
.project-card:hover:after { opacity: .95; }
.project-card:focus-visible, .btn:focus-visible, .phone:focus-visible, .chat:focus-visible, .mobile:focus-visible { outline: 3px solid #ffb45f; outline-offset: 4px; }
.about-photo { box-shadow: var(--shadow-soft); }
.about-photo img { transition: transform .65s cubic-bezier(.2,.7,.2,1); }
.about-photo:hover img { transform: scale(1.025); }
.step { transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.step:hover { transform: translateY(-5px); border-color: rgba(245,130,22,.42); box-shadow: var(--shadow-soft); }
.contact-item { transition: transform .22s ease, background .22s ease; }
.contact-item:hover { transform: translateX(4px); background: #fff3e7; }
input, select, textarea { transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
input:focus, select:focus, textarea:focus { border-color: var(--orange); box-shadow: 0 0 0 4px rgba(245,130,22,.12); }
.chat { transition: transform .22s ease, box-shadow .22s ease; animation: chat-pulse 3s 2s infinite; }
.chat:hover { transform: translateY(-4px) scale(1.04); box-shadow: 0 16px 36px rgba(32,201,106,.32); }
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .65s ease, transform .65s cubic-bezier(.2,.7,.2,1); transition-delay: var(--reveal-delay, 0ms); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.modal { opacity: 0; transition: opacity .22s ease; }
.modal.open { opacity: 1; }
.modal img { transform: scale(.97); transition: transform .25s ease; }
.modal.open img { transform: scale(1); }
body.modal-open { overflow: hidden; }
@keyframes hero-rise { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes hero-settle { from { transform: scale(1.06); filter: saturate(.8); } to { transform: scale(1.01); filter: saturate(1); } }
@keyframes chat-pulse { 0%, 82%, 100% { box-shadow: 0 12px 35px rgba(0,0,0,.2); } 88% { box-shadow: 0 0 0 10px rgba(32,201,106,.13), 0 12px 35px rgba(0,0,0,.2); } }
@media (max-width: 950px) {
  .menu a::after { bottom: 6px; }
  .menu { box-shadow: 0 18px 30px rgba(12,29,42,.08); }
  .hero h1 { letter-spacing: -2px; }
}
@media (max-width: 560px) {
  .hero h1 { letter-spacing: -1.6px; }
  .hero .actions .btn { width: 100%; }
  .trust span { font-size: 12px; }
  .chat { width: 54px; height: 54px; right: 15px; bottom: 15px; }
  .contact-box, .form { padding: 19px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}


/* HAN PREFABRIK — premium portfolio refresh */
:root{--orange:#e87812;--orange2:#ff9638;--navy:#10283a;--navy2:#091b28;--text:#193347;--muted:#667b8b;--bg:#f5f7f8;--line:#e1e7eb}
html{scroll-padding-top:88px}
body{letter-spacing:-.12px}
.container{width:min(1220px,calc(100% - 48px))}
h1,h2,h3{letter-spacing:-.035em}
.hero{min-height:780px}
.hero:before{background:linear-gradient(90deg,rgba(5,17,27,.94) 0%,rgba(5,17,27,.76) 44%,rgba(5,17,27,.22) 100%),url("assets/projects/project-04.jpg") center 52%/cover no-repeat}
.hero .container{padding:115px 0 105px}
.hero h1{max-width:790px;font-size:clamp(48px,6vw,78px);line-height:1.02;letter-spacing:-.06em}
.hero p{max-width:650px;line-height:1.8;color:#e1e9ee}
.ey{letter-spacing:2.5px}
.btn{min-height:50px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.12)}
.primary{box-shadow:0 9px 24px rgba(232,120,18,.2)}
.section{padding:104px 0}
.head{margin-bottom:38px}
.head h2{letter-spacing:-.055em;line-height:1.08}
.cards{gap:20px}
.card{border-radius:18px;box-shadow:0 5px 20px rgba(16,40,58,.025)}
.card img{height:230px}
.card-body{padding:23px}
.card a{display:inline-flex;align-items:center;gap:7px}
.dark{background:linear-gradient(135deg,#10283a,#0c2130)}
.gallery-tools{display:flex;gap:9px;flex-wrap:wrap;margin:-8px 0 25px}
.filter-btn{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:10px 16px;background:rgba(255,255,255,.04);color:#dbe5eb;font-size:13px;font-weight:800;cursor:pointer;transition:.2s}
.filter-btn:hover,.filter-btn.active{background:var(--orange);border-color:var(--orange);color:white}
.gallery{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:210px;gap:16px}
.project-card,.project-card:nth-child(1),.project-card:nth-child(8),.project-card:nth-child(15){grid-column:span 1;grid-row:span 1;border-radius:16px;background:#1b3547;isolation:isolate}
.project-card:nth-child(5n+1){grid-row:span 2}
.project-card img{object-fit:cover;filter:saturate(.94);transition:transform .6s cubic-bezier(.2,.75,.2,1),filter .4s}
.project-card:hover img{transform:scale(1.06);filter:saturate(1.06)}
.project-card:after{opacity:.85;background:linear-gradient(180deg,rgba(4,13,20,.02) 28%,rgba(4,13,20,.78) 100%);transition:opacity .25s}
.caption{opacity:1;transform:none;left:18px;bottom:17px}
.caption b{font-size:15px;letter-spacing:-.02em}
.caption small{font-size:12px;margin-top:2px;color:#e5edf2}
.zoom-mark{position:absolute;z-index:3;right:13px;top:13px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:white;background:rgba(9,27,40,.48);border:1px solid rgba(255,255,255,.32);opacity:0;transform:translateY(4px);transition:.25s}
.project-card:hover .zoom-mark{opacity:1;transform:none}
.project-card[hidden]{display:none}
.video-section{background:#f5f7f8}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.video-card{overflow:hidden;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 35px rgba(16,40,58,.055)}
.video-card video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#0b1720}
.video-card>div{padding:17px 19px 19px}
.video-card b,.video-card span{display:block}
.video-card b{font-family:Manrope,Arial,sans-serif;font-size:15px}
.video-card span{font-size:12px;color:var(--muted);margin-top:4px}
.about-photo{box-shadow:0 25px 70px rgba(16,40,58,.12)}
.about-photo img{min-height:460px}
.step{transition:transform .25s,box-shadow .25s;border-radius:17px}
.step:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft)}
.contact{background:linear-gradient(180deg,#fff,#f8fafb)}
.contact-box,.form{border-radius:20px;box-shadow:0 10px 35px rgba(16,40,58,.035)}
.contact-item{transition:background .2s,transform .2s}
.contact-item:hover{background:#fff1e5;transform:translateX(3px)}
input,select,textarea{transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(232,120,18,.11)}
footer{background:linear-gradient(135deg,#091b28,#10283a)}
.chat{font-size:0}
.chat:before{content:"";width:27px;height:27px;border:2.5px solid white;border-radius:50%;position:absolute}
.chat:after{content:"";position:absolute;width:8px;height:8px;border-left:2.5px solid white;border-bottom:2.5px solid white;left:17px;bottom:15px;transform:skew(-18deg) rotate(-15deg)}
@media(max-width:950px){
 .container{width:min(100% - 36px,760px)}
 .gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px}
 .project-card:nth-child(5n+1){grid-row:span 1}
 .video-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
 .container{width:calc(100% - 28px)}
 .hero{min-height:690px}
 .hero .container{padding:85px 0 75px}
 .hero h1{font-size:clamp(42px,12vw,56px);letter-spacing:-.055em}
 .section{padding:72px 0}
 .gallery{grid-template-columns:1fr 1fr;grid-auto-rows:150px;gap:10px}
 .project-card,.project-card:nth-child(1),.project-card:nth-child(8),.project-card:nth-child(15){grid-column:span 1;grid-row:span 1}
 .caption{left:11px;right:10px;bottom:11px}
 .caption b{font-size:12px}
 .caption small{font-size:10px}
 .zoom-mark{width:28px;height:28px;right:8px;top:8px}
 .video-grid{grid-template-columns:1fr}
 .video-card video{aspect-ratio:16/9}
 .filter-btn{padding:9px 12px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Galeri: daha sakin, dengeli ve tutarlı yerleşim */
#projeler .gallery{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:210px;gap:18px;margin-top:8px}
#projeler .project-card,#projeler .project-card:nth-child(5n+1),#projeler .project-card:nth-child(1),#projeler .project-card:nth-child(8),#projeler .project-card:nth-child(15){grid-column:span 1;grid-row:span 1;min-width:0}
#projeler .project-card img{width:100%;height:100%;object-fit:cover}
#projeler .caption{opacity:1;transform:none;left:14px;right:14px;bottom:13px}
#projeler .zoom-mark{opacity:.9}
#projeler .project-card:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.video-section .head{margin-bottom:28px}
.video-grid{gap:22px;align-items:start}
.video-card{border-radius:16px}
.video-card video{aspect-ratio:16/9;object-fit:cover}
@media(max-width:950px){#projeler .gallery{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:190px;gap:14px}}
@media(max-width:600px){#projeler .gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:155px;gap:10px}#projeler .caption{left:10px;right:10px;bottom:10px}#projeler .caption b{font-size:12px}#projeler .caption small{font-size:10px}.video-grid{grid-template-columns:1fr}}

/* 2026 premium art direction: editorial layout, quieter gallery, confident typography */
:root{--orange:#d96e12;--orange2:#f18b2e;--navy:#102536;--navy2:#071722;--text:#183247;--muted:#657887;--bg:#f4f6f7;--line:#dfe6ea}
.container{width:min(1240px,calc(100% - 64px))}
header{height:86px;box-shadow:0 4px 22px rgba(9,27,40,.035)}
.nav{gap:32px}.brand{min-width:210px}.brand img{width:138px;height:74px}.menu{gap:25px}.menu a{font-size:13px;letter-spacing:.01em}.phone{padding:13px 20px;font-size:13px}
.hero{min-height:760px;background:#0b1c28}.hero:before{background:linear-gradient(90deg,rgba(4,15,23,.94) 0%,rgba(4,15,23,.77) 43%,rgba(4,15,23,.26) 100%),linear-gradient(0deg,rgba(4,15,23,.25),transparent 45%),url("assets/projects/modern-prefabrik-ev.jpeg") center 48%/cover no-repeat}.hero .container{padding:125px 0 110px}.hero .ey{color:#ffb36c}.hero h1{max-width:790px;font-size:clamp(50px,6.2vw,82px);line-height:1.015;letter-spacing:-.065em;margin:22px 0 24px}.hero p{max-width:600px;font-size:17px;line-height:1.8;color:#e1e8ed}.actions{gap:12px}.btn{min-height:52px;padding:14px 23px;font-size:13px;letter-spacing:.01em}.primary{background:var(--orange)}.ghost{background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.trust{gap:10px;margin-top:32px}.trust span{font-size:12px;padding:8px 12px;border-color:rgba(255,255,255,.22)}.hero-note{display:flex;align-items:center;gap:12px;margin-top:38px;color:#fff}.hero-note-dot{width:9px;height:9px;border-radius:50%;background:#f18b2e;box-shadow:0 0 0 6px rgba(241,139,46,.15)}.hero-note b,.hero-note small{display:block}.hero-note b{font-size:12px}.hero-note small{font-size:11px;color:#b9c7d0;margin-top:2px;letter-spacing:.04em}
.section{padding:100px 0}.head{margin-bottom:36px}.head h2{font-size:clamp(34px,4vw,49px);max-width:660px;line-height:1.1}.head>p{font-size:14px;line-height:1.8}.white{background:#fff}.cards{gap:16px}.card{border:1px solid #e5eaed;border-radius:15px;box-shadow:0 8px 28px rgba(12,34,49,.035)}.card img{height:205px}.card-body{padding:21px}.card h3{font-size:18px}.card p{font-size:13px;line-height:1.75;min-height:68px}
.dark{background:#0d2434}.dark .head h2{max-width:620px}.gallery-tools{margin:0 0 25px;gap:8px}.filter-btn{padding:10px 15px;border-color:rgba(255,255,255,.16);font-size:12px}.gallery{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:205px;gap:14px}.project-card,.project-card:nth-child(1),.project-card:nth-child(8),.project-card:nth-child(15),.project-card:nth-child(5n+1){grid-column:span 1;grid-row:span 1;border-radius:13px}.project-card img{filter:saturate(.88);transition:transform .5s ease,filter .4s}.project-card:after{opacity:.9;background:linear-gradient(180deg,rgba(4,13,20,.02) 25%,rgba(4,13,20,.75) 100%)}.caption{left:14px;right:12px;bottom:13px}.caption b{font-size:13px}.caption small{font-size:10px;color:#d5e0e6}.zoom-mark{opacity:.85;width:30px;height:30px}.gallery-more-wrap{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:30px}.gallery-more{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);cursor:pointer}.gallery-more:hover{background:var(--orange);border-color:var(--orange)}.gallery-more[hidden]{display:none}.gallery-count{font-size:12px;color:#a9bac5}
.video-section{background:#f2f5f6}.video-grid{gap:16px}.video-card{border-radius:14px;box-shadow:0 8px 24px rgba(16,40,58,.045)}.video-card video{aspect-ratio:16/10;object-fit:cover}.video-card>div{padding:16px 18px 18px}.video-card b{font-size:14px}.video-card span{font-size:11px}.about{gap:66px}.about-photo{border-radius:16px}.about-photo img{height:510px}.badge{border-radius:12px;background:#102536;padding:16px 19px}.badge strong{font-size:19px}.steps{gap:13px}.step{padding:23px;border-radius:14px}.step h3{font-size:18px}.step p{line-height:1.75}.contact{background:#f7f8f9}.contact-box,.form{border-radius:15px;background:#fff;padding:25px}.contact-item{border:1px solid #edf0f2;background:#f8f9fa}.contact-item small{letter-spacing:1.4px}.form button{border:0}footer{padding-top:48px}.chat{width:56px;height:56px}
@media(max-width:950px){.container{width:min(100% - 36px,760px)}.hero h1{font-size:clamp(46px,7vw,66px)}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:185px}.cards{gap:14px}.brand img{width:120px}}
@media(max-width:600px){.container{width:calc(100% - 28px)}header{height:72px}.hero{min-height:690px}.hero .container{padding:85px 0 75px}.hero h1{font-size:clamp(42px,11.5vw,55px);letter-spacing:-.06em}.hero p{font-size:15px}.hero-note{margin-top:28px}.section{padding:68px 0}.head{margin-bottom:27px}.head h2{font-size:34px}.cards{grid-template-columns:1fr 1fr;gap:10px}.card img{height:145px}.card-body{padding:14px}.card h3{font-size:15px}.card p{font-size:12px;min-height:unset}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px;gap:10px}.project-card,.project-card:nth-child(1),.project-card:nth-child(8),.project-card:nth-child(15),.project-card:nth-child(5n+1){grid-column:span 1;grid-row:span 1}.caption{left:10px;right:8px;bottom:10px}.caption b{font-size:11px}.caption small{font-size:9px}.gallery-tools{gap:6px}.filter-btn{padding:8px 10px;font-size:11px}.video-grid{grid-template-columns:1fr}.video-card video{aspect-ratio:16/9}.about{gap:30px}.about-photo img{height:370px;min-height:0}.steps{grid-template-columns:1fr 1fr;gap:10px}.step{padding:17px}.step h3{font-size:16px}.step p{font-size:12px}.contact-box,.form{padding:16px}.foot{gap:20px}}

/* Conversion-focused redesign: clearer hierarchy, confidence, and strong next step */
:root{--orange:#d97718;--orange2:#f19a43;--navy:#102737;--navy2:#081923;--text:#183044;--muted:#637584;--line:#e1e7eb}
.hero{min-height:790px}
.hero:before{background:linear-gradient(90deg,rgba(4,15,23,.95) 0%,rgba(4,15,23,.80) 40%,rgba(4,15,23,.25) 100%),linear-gradient(0deg,rgba(4,15,23,.42),transparent 48%),url("assets/projects/modern-prefabrik-ev.jpeg") center 48%/cover no-repeat}
.hero .container{max-width:1240px;padding-top:145px;padding-bottom:115px}
.hero h1{max-width:780px;font-size:clamp(52px,6.4vw,84px);line-height:1.01;letter-spacing:-.067em;text-wrap:balance}
.hero p{max-width:570px;font-size:17px;line-height:1.85;color:#e4ebef}
.hero .actions{margin-top:30px}
.hero .primary{box-shadow:0 12px 30px rgba(217,119,24,.3)}
.hero .ghost{border-color:rgba(255,255,255,.38)}
.trust span{background:rgba(8,25,35,.34);backdrop-filter:blur(7px)}
.confidence-strip{position:relative;z-index:2;background:#fff;border-bottom:1px solid #e8edef;box-shadow:0 15px 45px rgba(12,34,49,.035)}
.confidence-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:28px;align-items:center;padding-top:30px;padding-bottom:30px}
.confidence-intro .ey{display:block;font-size:10px;letter-spacing:2px;margin-bottom:8px}
.confidence-intro strong{display:block;font:800 18px/1.35 Manrope,Arial,sans-serif;letter-spacing:-.035em;max-width:270px;color:var(--navy)}
.confidence-item{display:flex;align-items:flex-start;gap:12px}
.confidence-icon{display:grid;place-items:center;flex:0 0 37px;height:37px;border-radius:11px;background:#fff1e4;color:#b96310;font:800 12px Manrope}
.confidence-item b,.confidence-item small{display:block}
.confidence-item b{font:800 13px Manrope;color:var(--navy);margin:1px 0 5px}
.confidence-item small{font-size:11px;line-height:1.65;color:var(--muted)}
.section{padding:104px 0}
#hizmetler .head{align-items:end}
#hizmetler .cards{gap:18px}
#hizmetler .card{position:relative;box-shadow:0 10px 35px rgba(10,33,49,.045);transition:transform .28s,box-shadow .28s,border-color .28s}
#hizmetler .card:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(10,33,49,.12);border-color:#f0c9a4}
#hizmetler .card img{height:218px}
#hizmetler .card-body{padding:22px 21px 23px}
#hizmetler .card a{display:inline-flex;align-items:center;gap:7px}
#hizmetler .card a:after{content:'↗';transition:transform .2s}
#hizmetler .card a:hover:after{transform:translate(3px,-2px)}
#projeler{background:#0b202e;padding-top:100px;padding-bottom:100px}
#projeler .head{align-items:end}
#projeler .gallery{grid-auto-rows:225px;gap:15px}
#projeler .project-card{border-radius:11px;background:#172f40;box-shadow:0 8px 22px rgba(0,0,0,.1)}
#projeler .project-card img{filter:saturate(.91);transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .35s}
#projeler .project-card:hover img{filter:saturate(1.05);transform:scale(1.06)}
#projeler .project-card:after{background:linear-gradient(180deg,rgba(4,13,20,.02) 15%,rgba(4,13,20,.78) 100%)}
#projeler .caption{left:16px;bottom:15px}
#projeler .caption b{font-size:13px}
#projeler .caption small{font-size:11px;margin-top:3px}
.gallery-tools{display:flex;flex-wrap:wrap}
.filter-btn{border-radius:999px;transition:background .2s,border-color .2s,transform .2s}
.filter-btn:hover{transform:translateY(-1px)}
.video-section{background:#f5f7f8}
.video-card{border-color:#e7ecef;box-shadow:0 12px 35px rgba(12,34,49,.055)}
.video-card video{background:#071722}
.ready-cta{padding:68px 0;background:#f1f4f5}
.ready-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:42px 48px;border-radius:22px;background:linear-gradient(120deg,#102737,#18394d);color:#fff;position:relative;overflow:hidden}
.ready-cta-inner:after{content:'';position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:20%;top:-190px;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.02);pointer-events:none}
.ready-cta-inner>div,.ready-cta-actions{position:relative;z-index:1}
.ready-cta .ey{color:#ffb36c;font-size:10px}
.ready-cta h2{font:800 clamp(28px,3.3vw,42px)/1.12 Manrope,Arial,sans-serif;letter-spacing:-.05em;margin:11px 0 10px;max-width:620px}
.ready-cta p{font-size:13px;line-height:1.75;color:#c7d3db;max-width:560px;margin:0}
.ready-cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:13px;min-width:220px}
.ready-cta .primary{white-space:nowrap}
.cta-phone{font-size:11px;color:#c7d3db;line-height:1.6}
.cta-phone b{display:block;color:white;font-size:15px}
#iletisim{padding-top:95px}
.contact-box,.form{box-shadow:0 15px 45px rgba(10,33,49,.045)}
.contact-item{padding:19px}
.form button{min-height:52px}
.chat{width:auto;min-width:58px;padding:0 18px;display:flex;gap:10px;align-items:center;justify-content:center;border-radius:999px}
.chat-label{font-size:12px;font-weight:800;white-space:nowrap}
@media(max-width:1000px){.confidence-grid{grid-template-columns:1fr 1fr;gap:23px}.confidence-intro strong{max-width:360px}.ready-cta-inner{padding:35px}.hero .container{padding-top:125px}}
@media(max-width:700px){.container{width:calc(100% - 32px)}.hero{min-height:720px}.hero .container{padding:105px 0 75px}.hero h1{font-size:clamp(43px,11vw,59px);letter-spacing:-.06em}.hero p{font-size:15px;line-height:1.75}.hero .actions{align-items:stretch;flex-direction:column;max-width:330px}.hero .actions .btn{width:100%}.trust{margin-top:25px}.trust span{font-size:10px}.confidence-grid{grid-template-columns:1fr;gap:18px;padding-top:25px;padding-bottom:25px}.confidence-intro strong{font-size:20px;max-width:420px}.confidence-item small{font-size:12px}.section{padding:72px 0}.head h2{font-size:34px}.cards{grid-template-columns:1fr 1fr;gap:11px}#hizmetler .card img{height:150px}#hizmetler .card-body{padding:14px}.card h3{font-size:15px}.card p{font-size:12px;line-height:1.6}.card a{font-size:12px}#projeler .gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:160px;gap:10px}.ready-cta{padding:34px 0}.ready-cta-inner{display:block;padding:27px 22px;border-radius:17px}.ready-cta h2{font-size:31px}.ready-cta-actions{margin-top:22px;min-width:0}.ready-cta-actions .btn{width:100%}.chat{min-width:54px;width:54px;height:54px;padding:0}.chat-label{display:none}}
@media(prefers-reduced-motion:reduce){.hero:before{animation:none}}