:root{--bg:#030d1b;--panel:#071a2d;--panel2:#0a2035;--text:#f7f8fb;--muted:#aab8cb;--red:#ff3653;--line:rgba(184,209,242,.16);--content:1480px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,'Segoe UI',Arial,sans-serif;overflow-x:hidden}button,a{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}img{display:block;max-width:100%}.wrap{width:min(calc(100% - clamp(32px,8vw,136px)),var(--content));margin-inline:auto}
header{height:78px;position:sticky;top:0;z-index:30;background:rgba(3,11,24,.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;justify-content:space-between;height:100%;gap:22px}.logo{display:flex;align-items:center;gap:12px;white-space:nowrap}.logo-mark{font-size:38px;color:var(--red);line-height:1;transform:skew(-15deg)}.logo b{font-size:clamp(18px,1.6vw,25px);letter-spacing:.02em}.logo small{display:block;letter-spacing:.28em;font-size:8px;color:#b5c0d1;margin-top:4px}.nav{display:flex;align-items:center;gap:clamp(12px,2vw,35px)}.nav a{font-size:11px;font-weight:750;letter-spacing:.025em;white-space:nowrap;transition:color .2s}.nav a:hover,.nav a.active{color:var(--red)}.nav .cta{border:1px solid var(--red);padding:13px 16px;color:var(--red)}.menu{display:none;background:transparent;color:white;border:1px solid #64748b;padding:6px 11px;font-size:22px}
.hero{min-height:clamp(560px,53vw,760px);position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden}.hero:before{display:none}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#030d1b 0%,transparent 28%);z-index:-1}.hero-content{padding:88px 0 120px}.eyebrow{display:flex;align-items:center;gap:13px;letter-spacing:.12em;font-size:clamp(10px,.85vw,13px);font-weight:700}.eyebrow:before{content:'';width:48px;height:3px;background:var(--red);flex-shrink:0}.hero h1{font-size:clamp(39px,5vw,79px);line-height:1.02;letter-spacing:-.055em;margin:30px 0 22px;max-width:800px}.hero h1 em{font-style:normal;color:var(--red)}.hero p{font-size:clamp(15px,1.3vw,19px);line-height:1.75;max-width:545px;color:#e0e7f2}.btn{display:inline-flex;align-items:center;gap:28px;border:1px solid var(--red);padding:16px 23px;color:var(--red);font-size:12px;font-weight:800;letter-spacing:.04em;transition:background .2s,transform .2s;margin-top:20px}.btn:hover{background:var(--red);color:white;transform:translateY(-2px)}.hero .btn{color:white}.hero-index{position:absolute;right:4%;top:45%;display:grid;gap:20px;color:#c6d0df;font-size:12px}.hero-index span:first-child{color:var(--red)}.hero-index span{border-right:2px solid #ffffff55;padding-right:15px}
.feature-strip{background:#041121;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.feature{display:flex;align-items:center;gap:19px;padding:26px 20px;border-right:1px solid var(--line)}.feature:first-child{padding-left:0}.feature:last-child{border:0}.feature-icon{font-size:32px;line-height:1;color:#fff}.feature b{font-size:clamp(10px,.86vw,13px);display:block}.feature p{font-size:clamp(10px,.78vw,12px);color:var(--muted);line-height:1.5;margin:7px 0 0}
.projects-section{padding:clamp(60px,6vw,100px) 0 95px;background:radial-gradient(ellipse at 50% 0%,#0b2847 0%,#03101e 55%,#030d1b 100%)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:33px}.section-top h2,.expertise h2,.about h2,.contact h2{font-size:clamp(29px,3vw,47px);line-height:1.15;letter-spacing:-.035em;margin:13px 0}.section-top .btn{margin:0}.subtext{color:var(--muted);font-size:14px;line-height:1.6}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project{padding:0;text-align:left;border:1px solid var(--line);background:#08192c;color:white;min-width:0;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden}.project:hover{transform:translateY(-7px);border-color:#e44a61;box-shadow:0 20px 55px #0007}.photo{position:relative;overflow:hidden;aspect-ratio:16/9}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project:hover .photo img{transform:scale(1.07)}.view{position:absolute;right:12px;bottom:12px;background:#041323c9;border:1px solid #ffffff88;font-size:10px;font-weight:800;letter-spacing:.04em;padding:11px 13px}.project-meta{padding:20px 22px 24px}.project-meta>span{font-size:11px;color:var(--red);font-weight:800}.project-meta i{font-style:normal;color:#b0bed0}.project h3{font-size:24px;margin:8px 0 7px}.project p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}
.expertise{padding:85px 0 95px;background:linear-gradient(180deg,#03101e8c,#030d1be8),url('assets/0e1b0951f8858627.jpg') center/cover}.expert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:35px;background:var(--line);border:1px solid var(--line)}.expert{background:#061527b5;padding:34px;min-height:188px;transition:background .2s}.expert:hover{background:#102a45}.expert-icon{font-size:32px}.expert h3{font-size:17px;margin:18px 0 8px}.expert p{font-size:13px;color:#b7c5d6;line-height:1.6;margin:0}.about{padding:95px 0;background:#071728}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}.about p,.contact p{font-size:15px;line-height:1.85;color:#b7c5d6}.about-visual{height:350px;border:1px solid var(--line);background:linear-gradient(135deg,#05152922,#061527ee),url('assets/e79c820a428978c2.jpg') 70% center/cover}.contact{padding:85px 0 100px;background:#03101e}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact .btn{flex-shrink:0}.footer{padding:27px 0;color:#93a6be;font-size:12px;border-top:1px solid var(--line)}
.modal{border:0;background:#061728;color:white;padding:0;max-width:min(900px,calc(100vw - 32px));width:100%;box-shadow:0 30px 90px #000b}.modal::backdrop{background:#010713dd;backdrop-filter:blur(8px)}.modal-img{width:100%;max-height:500px;object-fit:contain;background:#071421}.modal-content{padding:26px 32px 35px}.modal-content small{color:var(--red);font-weight:800;letter-spacing:.1em}.modal-content h2{font-size:30px;margin:10px 0}.modal-content p{color:#b8c6d5;line-height:1.75}.close{position:absolute;right:12px;top:12px;border:1px solid #ffffff77;background:#04101ddf;color:white;font-size:23px;width:42px;height:42px}.modal{position:relative}
@keyframes heroDrift{from{transform:scale(1)}to{transform:scale(1.065)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(max-width:1100px){.nav{gap:15px}.nav a{font-size:10px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature:nth-child(2){border-right:0}.feature:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:800px){header{height:72px}.menu{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#041222;flex-direction:column;align-items:stretch;padding:25px 5%;gap:23px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{font-size:13px}.hero{min-height:620px}.hero-content{padding:70px 0}.hero-index{display:none}.projects{grid-template-columns:repeat(2,1fr)}.expert-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}.about-visual{height:290px;order:-1}.contact-row{display:block}}@media(max-width:560px){.wrap{width:calc(100% - 34px)}.hero{min-height:550px}.hero:before{background-position:64% center}.hero h1{font-size:clamp(34px,9vw,48px)}.feature-grid,.projects,.expert-grid{grid-template-columns:1fr}.feature{padding:18px 0;border-right:0!important;border-bottom:1px solid var(--line)}.feature:last-child{border-bottom:0}.section-top{display:block}.section-top .btn{margin-top:14px}.project h3{font-size:22px}.photo{aspect-ratio:16/10}.expert{min-height:unset;padding:25px}.contact{padding:60px 0}.logo b{font-size:19px}}

/* Bölüm şablonları: esnek ana görsel, kartlar, uzmanlık, hakkımızda, iletişim */
:root{--section-space:clamp(48px,6vw,96px);--content:1440px}
body{overflow-x:clip}section[id]{scroll-margin-top:90px}
.wrap{width:min(calc(100% - clamp(32px,6vw,96px)),var(--content))}
.header-row>*{min-width:0}.logo-mark{font-size:clamp(28px,3vw,38px)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:center;gap:clamp(20px,4vw,64px);min-height:0;width:min(calc(100% - clamp(32px,6vw,96px)),var(--content));margin:auto;padding:clamp(32px,5vw,76px) 0}
.hero:before,.hero:after{display:none}.hero-media{grid-column:2;grid-row:1;min-width:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 20px 70px #0006}
.hero-media img{width:100%;height:auto;animation:none;object-fit:contain}
.hero-content{grid-column:1;grid-row:1;width:100%;padding:0;min-width:0}
.hero h1{font-size:clamp(30px,3.75vw,60px);line-height:1.08;margin:clamp(18px,2vw,30px) 0;overflow-wrap:anywhere;letter-spacing:-.045em}
.hero p{font-size:clamp(14px,1.25vw,18px);margin-bottom:0}.hero-index{display:none}
.eyebrow{line-height:1.7;letter-spacing:.08em;overflow-wrap:anywhere}.eyebrow:before{width:clamp(22px,3vw,48px)}
.btn{max-width:100%;gap:clamp(12px,2vw,28px);white-space:normal;line-height:1.5;padding:clamp(12px,1.2vw,16px) clamp(14px,1.8vw,23px)}
.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature{min-width:0;padding:22px 16px;gap:14px}.feature:first-child{padding-left:0}.feature-icon{flex-shrink:0}.feature b{line-height:1.5}
.projects-section,.expertise,.about,.contact{padding:var(--section-space) 0}.section-top>*{min-width:0}
.projects{gap:clamp(16px,2vw,28px);grid-template-columns:repeat(3,minmax(0,1fr))}
.photo{aspect-ratio:16/10;background:#041222}.photo img{object-fit:contain;transform:none!important}
.project-meta{padding:clamp(16px,1.8vw,24px)}.project h3{font-size:clamp(20px,2vw,26px)}
.expert-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.expert{min-width:0;padding:clamp(22px,2.6vw,36px)}
.about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px)}
.about-visual{height:auto;background:none;order:initial;border-radius:8px;overflow:hidden}.about-visual img{width:100%;height:auto;object-fit:contain}
.contact-row>*{min-width:0}.modal{max-height:calc(100dvh - 32px);overflow:auto}.modal-img{max-height:60dvh;height:auto}.modal-content{padding:clamp(18px,3vw,32px)}
a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:1100px){header{height:72px}.menu{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#041222;flex-direction:column;align-items:stretch;padding:24px 5%;gap:20px;border-bottom:1px solid var(--line);max-height:calc(100dvh - 72px);overflow:auto}.nav.open{display:flex}.nav a{font-size:13px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature:nth-child(2){border-right:0}.feature:nth-child(-n+2){border-bottom:1px solid var(--line)}.feature:nth-child(3){padding-left:0}}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);gap:26px}.hero-content{grid-column:1;grid-row:1}.hero-media{grid-column:1;grid-row:2;width:100%}.hero h1{font-size:clamp(32px,6vw,54px)}.hero p{max-width:650px}.projects,.expert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid{grid-template-columns:1fr}.about-visual{order:initial}.contact-row{display:flex;flex-wrap:wrap;align-items:flex-start}.section-top{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:560px){.wrap,.hero{width:calc(100% - 32px)}.hero{padding:30px 0 40px}.hero h1{font-size:clamp(27px,7.4vw,41px)}.hero .eyebrow{font-size:10px}.logo b{font-size:18px}.logo small{font-size:7px;letter-spacing:.18em}.header-row{gap:12px}.projects,.expert-grid,.feature-grid{grid-template-columns:1fr}.feature,.feature:first-child,.feature:nth-child(3){padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.feature:last-child{border-bottom:0}.feature b{font-size:12px}.feature p{font-size:12px}.photo{aspect-ratio:16/10}.section-top .btn{margin-top:12px}.contact .btn{flex-shrink:1}.modal-content h2{font-size:25px}}


/* V12: sade ana sayfa ve menü üzerinden açılan bağımsız bölüm görünümleri */
[hidden]{display:none!important}
main{min-height:calc(100dvh - 140px)}
.home-services{padding:clamp(36px,5vw,72px) 0;background:#041121}
.home-services h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.03em;margin:14px 0 28px}
.service-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,5vw,72px)}
.service-list li{display:flex;align-items:flex-start;gap:18px;padding:22px 0;border-top:1px solid var(--line);min-width:0}
.service-list li>span{font-size:12px;color:var(--red);font-weight:700;padding-top:5px;flex-shrink:0}
.service-list h3{font-size:clamp(16px,1.5vw,20px);line-height:1.5;margin:0 0 6px}
.service-list p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}
@media(max-width:700px){.service-list{grid-template-columns:1fr}.service-list li{padding:18px 0}}


/* Görselli çalışma alanları */
.home-services{background:radial-gradient(ellipse at 80% 0%,#102c46 0%,#041121 65%);padding:clamp(48px,7vw,100px) 0}
.home-services h2{font-size:clamp(30px,3.7vw,54px);margin-bottom:36px}
.service-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.5vw,32px)}
.service-list li{display:block;padding:0;border:1px solid var(--line);background:#091b2c;border-radius:12px;overflow:hidden;transition:transform .25s,border-color .25s}
.service-list li:hover{transform:translateY(-4px);border-color:#61849f}
.service-visual{aspect-ratio:16/10;overflow:hidden;background:#071727}
.service-visual img,.service-visual svg{width:100%;height:100%;display:block;object-fit:cover}
.service-copy{position:relative;padding:clamp(22px,2.4vw,32px)}
.service-number{display:block;color:var(--red);font-size:12px;letter-spacing:.1em;margin-bottom:12px}
.service-list h3{font-size:clamp(18px,1.6vw,23px);line-height:1.4;margin:0 0 10px}
.service-list p{font-size:14px;line-height:1.7}
.hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);padding:clamp(38px,5vw,80px) 0}
.hero-media{border-radius:14px}
@media(max-width:1000px){.service-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.service-list{grid-template-columns:1fr}.service-list li{padding:0}.service-copy{padding:24px}.home-services h2{margin-bottom:26px}}


main > section[id]{display:block}main > #anasayfa{display:grid}.nav a.active{color:var(--red)}header{width:100%}.nav a{display:inline-flex;align-items:center}