/* FMA – kurumsal tasarım sistemi */
@font-face{font-family:"Montserrat";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/montserrat-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/montserrat-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/plex-latin-ext-400.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/plex-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/plex-latin-ext-600.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/plex-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --color-primary:#202020;--color-secondary:#303030;--color-accent:#B8945A;--color-accent-light:#D8BD8A;
  --color-background:#F5F2EC;--color-background-secondary:#EAE5DC;--color-surface:#FFFFFF;
  --color-text:#252525;--color-text-secondary:#6B6B6B;--color-border:#DEDAD2;
  --on-dark:#F5F2EC;--on-dark-muted:#CFCAC0;
  --font-head:"Montserrat","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --font-body:"IBM Plex Sans","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --wrap:1200px;--gutter:clamp(1.1rem,4vw,2.5rem);--header-h:92px;
  --ease:cubic-bezier(.22,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 12px);scroll-behavior:smooth}
body{margin:0;background:var(--color-background);color:var(--color-text);font:400 1.0625rem/1.65 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--font-head);color:var(--color-primary);margin:0;font-weight:700;letter-spacing:-.015em;line-height:1.15;text-wrap:balance}
h2{font-size:clamp(1.6rem,1.15rem + 1.7vw,2.4rem)}
h3{font-size:1.15rem;font-weight:600;letter-spacing:-.005em}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
.sr,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip:focus{position:fixed;z-index:100;left:1rem;top:1rem;width:auto;height:auto;clip:auto;padding:.7rem 1rem;background:var(--color-primary);color:#fff}
.wrap{width:100%;max-width:calc(var(--wrap) + 2*var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.ic{width:1.15em;height:1.15em;flex:none}
:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;border-radius:2px}
.on-dark :focus-visible,.on-dark:focus-visible{outline-color:var(--color-accent-light)}

/* ---------- Butonlar ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:2px;font:600 .95rem/1.2 var(--font-head);letter-spacing:.005em;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}
.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:inset 0 -3px 0 var(--color-accent)}
.btn-primary:hover{background:var(--color-secondary);box-shadow:inset 0 -3px 0 var(--color-accent-light)}
.btn-secondary{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-accent)}
.btn-secondary:hover{background:var(--color-background-secondary)}
.btn-gold{background:var(--color-accent-light);color:var(--color-primary);border-color:var(--color-accent-light)}
.btn-gold:hover{background:#E6D2A8;border-color:#E6D2A8}
.btn-ghost{background:transparent;color:var(--on-dark);border-color:rgba(216,189,138,.7)}
.btn-ghost:hover{background:rgba(216,189,138,.14);border-color:var(--color-accent-light)}
.btn-sm{min-height:44px;padding:.55rem 1.1rem;font-size:.9rem}
.link{font-weight:600;text-decoration:none;border-bottom:2px solid var(--color-accent);padding-bottom:1px;transition:border-color .2s,color .2s}
.link:hover{border-color:var(--color-primary)}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:var(--color-background);border-bottom:1px solid var(--color-border)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:var(--header-h)}
.brand{display:block;flex:none;line-height:0}
.brand-logo{height:72px;width:auto;max-width:none}
.nav{display:flex;align-items:center;gap:1.75rem}
.nav ul{display:flex;gap:.25rem}
.nav li a{display:block;padding:.65rem .85rem;font:600 .95rem/1 var(--font-head);text-decoration:none;color:var(--color-text);position:relative}
.nav li a::after{content:"";position:absolute;left:.85rem;right:.85rem;bottom:.25rem;height:2px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.nav li a:hover::after,.nav li a[aria-current]::after{transform:scaleX(1)}
.nav-toggle{display:none;width:48px;height:48px;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:2px;color:var(--color-primary);cursor:pointer}
.nav-toggle .ic{width:26px;height:26px}.nav-toggle .ic-close{display:none}
.nav-toggle[aria-expanded=true] .ic-open{display:none}.nav-toggle[aria-expanded=true] .ic-close{display:block}

/* ---------- Hero / slider ---------- */
.hero{position:relative;background:var(--color-primary);color:var(--on-dark);overflow:hidden;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 46px),50% 100%,0 calc(100% - 46px));margin-bottom:-1px}
.slides{display:grid}
.slide{grid-area:1/1;position:relative;display:flex;align-items:flex-end;min-height:clamp(540px,82vh,720px);opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s}
.slide.is-active{opacity:1;visibility:visible}
.slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(32,32,32,.88) 0%,rgba(32,32,32,.62) 46%,rgba(32,32,32,.1) 100%)}
.slide-body{position:relative;z-index:2;padding-block:4rem 9rem}
.slide-title{color:#fff;font-size:clamp(2.1rem,1.2rem + 3.6vw,3.9rem);line-height:1.07;max-width:15ch;letter-spacing:-.025em}
.slide-text{max-width:46ch;margin:1.4rem 0 2rem;font-size:1.15rem;color:var(--on-dark-muted)}
.btn-row{display:flex;flex-wrap:wrap;gap:.8rem}
.lightline{display:block;height:3px;width:112px;margin-top:1.6rem;background:linear-gradient(90deg,var(--color-accent-light),var(--color-accent));box-shadow:0 0 18px 2px rgba(216,189,138,.55);border-radius:2px}
.slide.is-active .lightline{animation:draw 1.3s var(--ease) .15s both}
@keyframes draw{from{width:0;opacity:.2}to{width:112px;opacity:1}}
.slider-ctrl{position:absolute;z-index:3;left:0;right:0;bottom:70px;display:flex;align-items:center;justify-content:space-between}
.dots{display:flex;gap:.2rem}
.dot{width:44px;height:44px;background:none;border:0;cursor:pointer;position:relative;padding:0}
.dot::before{content:"";position:absolute;left:6px;right:6px;top:50%;height:3px;margin-top:-1.5px;background:rgba(245,242,236,.4);transition:background .25s}
.dot.is-active::before{background:var(--color-accent-light)}
.arrows{display:flex;gap:.4rem}
.arrow{width:44px;height:44px;display:grid;place-items:center;background:rgba(32,32,32,.55);border:1px solid rgba(216,189,138,.6);color:var(--on-dark);cursor:pointer;border-radius:2px;transition:background .2s}
.arrow:hover{background:rgba(216,189,138,.22)}
.js .slide:not(.is-active) .lightline{width:0}

/* ---------- Bölümler ---------- */
.section{padding-block:clamp(3.5rem,7vw,6rem)}
.section-tint{background:var(--color-background-secondary)}
.section-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:2rem}
.intro{padding-top:clamp(3rem,6vw,5rem)}
.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(1.5rem,5vw,4.5rem);align-items:start}
.intro h2{max-width:20ch}
.prose{max-width:62ch}.prose-lg{font-size:1.125rem}.narrow{margin-bottom:2.5rem}
.prose p:last-child{margin-bottom:0}

.groups{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.25rem,3vw,2.25rem)}
.group{background:var(--color-surface);border:1px solid var(--color-border);display:flex;flex-direction:column}
.group-media{display:block;aspect-ratio:16/8;overflow:hidden;border-bottom:3px solid var(--color-accent);background:var(--color-primary)}
.group-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.group:hover .group-media img{transform:scale(1.03)}
.group-body{padding:clamp(1.4rem,3vw,2.2rem);display:flex;flex-direction:column;flex:1}
.group-body h2{font-size:clamp(1.35rem,1rem + 1.2vw,1.8rem);margin-bottom:.7rem}
.group-body>p{color:var(--color-text-secondary)}
.svc-list{margin-top:auto;border-top:1px solid var(--color-border)}
.svc-list li{border-bottom:1px solid var(--color-border)}
.svc-list a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:52px;padding:.75rem .1rem;text-decoration:none;font-weight:600;font-family:var(--font-head);font-size:.98rem;transition:padding .25s var(--ease),background-color .2s}
.svc-list a .ic{color:var(--color-accent);transition:transform .25s var(--ease)}
.svc-list a:hover{padding-left:.7rem;background:var(--color-background)}
.svc-list a:hover .ic{transform:translateX(3px)}

.process{background:var(--color-primary);color:var(--on-dark)}
.process h2{color:#fff;margin-bottom:2.2rem}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s;border-top:1px solid rgba(216,189,138,.45)}
.steps li{counter-increment:s;padding:1.6rem 1.6rem 0 0;position:relative}
.steps li::before{content:counter(s);display:block;font:700 .95rem var(--font-head);color:var(--color-accent-light);margin-bottom:.9rem}
.steps li::after{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;background:var(--color-accent-light);transform:rotate(45deg)}
.steps h3{color:#fff;margin-bottom:.5rem}
.steps p{color:var(--on-dark-muted);font-size:.98rem}

.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.proj-grid-lg .proj:first-child{grid-column:span 2}
.proj{display:grid;gap:.15rem;text-decoration:none}
.proj-img{aspect-ratio:4/3;overflow:hidden;background:var(--color-background-secondary);margin-bottom:.7rem}
.proj-grid-lg .proj:first-child .proj-img{aspect-ratio:auto;height:100%;min-height:0}
.proj-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.proj:hover .proj-img img{transform:scale(1.03)}
.proj-title{font:600 1.08rem var(--font-head);color:var(--color-primary)}
.proj-cat{color:var(--color-text-secondary);font-size:.95rem}
.empty{max-width:60ch;padding:2.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--color-accent)}
.empty h2{margin-bottom:.8rem;font-size:1.5rem}

.cta-band{background:var(--color-background-secondary);border-top:1px solid var(--color-border)}
.cta-in{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:clamp(2.5rem,5vw,3.8rem);flex-wrap:wrap}
.cta-in h2{font-size:clamp(1.4rem,1.1rem + 1.1vw,2rem);margin-bottom:.5rem}
.cta-in p{margin:0;color:var(--color-text-secondary);max-width:52ch}
.cta-actions{display:flex;gap:.8rem;flex-wrap:wrap}

/* ---------- Alt sayfalar ---------- */
.banner{background:var(--color-primary);color:var(--on-dark);padding-block:clamp(2.2rem,5vw,3.8rem) clamp(2.6rem,5vw,4rem);clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),50% 100%,0 calc(100% - 26px));margin-bottom:-1px}
.banner h1{color:#fff;font-size:clamp(1.9rem,1.2rem + 2.6vw,3rem);max-width:22ch}
.banner .lead{margin:1rem 0 0;max-width:56ch;color:var(--on-dark-muted);font-size:1.12rem}
.banner .lightline{margin-top:1.5rem;animation:draw 1.1s var(--ease) .1s both}
.crumbs{margin-bottom:1.4rem;font-size:.92rem}
.crumbs ol{display:flex;flex-wrap:wrap;gap:.4rem}
.crumbs li+li::before{content:"/";margin-right:.4rem;color:var(--color-accent-light)}
.crumbs a{color:var(--on-dark-muted);text-underline-offset:3px}.crumbs a:hover{color:#fff}
.crumbs [aria-current]{color:#fff}
.banner+.section{padding-top:clamp(3.5rem,6vw,5rem)}

.about-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.about-media{border:1px solid var(--color-border);background:var(--color-surface)}
.about-media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.about-logo{display:grid;place-items:center;padding:2.2rem;aspect-ratio:4/3}
.about-logo .brand-logo{height:auto;width:min(100%,380px)}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,3vw,2.5rem);margin-top:2rem}
.principles>div{padding-top:1.1rem;border-top:3px solid var(--color-accent)}
.principles h3{margin-bottom:.5rem}.principles p{color:var(--color-text-secondary);margin:0}

.cat-head{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:clamp(1.2rem,4vw,3rem);align-items:center;margin-bottom:2.2rem}
.cat-media{aspect-ratio:3/2;overflow:hidden;border-bottom:3px solid var(--color-accent);background:var(--color-primary)}
.cat-media img{width:100%;height:100%;object-fit:cover}
.cat-head h2{margin-bottom:.6rem}.cat-head p{color:var(--color-text-secondary);max-width:52ch;margin:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);text-decoration:none;transition:border-color .2s,transform .25s var(--ease)}
.card:hover{border-color:var(--color-accent);transform:translateY(-2px)}
.card-img{aspect-ratio:16/10;overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover}
.card-body{display:flex;flex-direction:column;gap:.5rem;padding:1.4rem;flex:1;border-top:3px solid var(--color-accent)}
.card-img+.card-body{border-top:0}
.card-body p{margin:0;color:var(--color-text-secondary);font-size:.98rem}
.card-more{margin-top:auto;padding-top:.8rem;display:inline-flex;align-items:center;gap:.3rem;font:600 .92rem var(--font-head);color:var(--color-primary)}
.card-more .ic{color:var(--color-accent)}

.detail-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.detail-img{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:1.6rem;border-bottom:3px solid var(--color-accent)}
.side{background:var(--color-surface);border:1px solid var(--color-border);padding:1.5rem}
.side-h{font-size:1.1rem;margin-bottom:1rem}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.gal-item{display:block;overflow:hidden;aspect-ratio:4/3;background:var(--color-background-secondary)}
.gal-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.gal-item:hover img{transform:scale(1.03)}
.gal-first{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.back{margin-top:2rem}
dialog.lb{border:0;padding:0;background:transparent;max-width:96vw;max-height:94vh;overflow:visible}
dialog.lb::backdrop{background:rgba(20,20,20,.9)}
dialog.lb img{max-width:96vw;max-height:88vh;object-fit:contain;margin:auto}
dialog.lb button{position:absolute;right:0;top:-52px;min-width:48px;min-height:44px;background:var(--color-surface);border:0;font:600 .9rem var(--font-head);cursor:pointer;padding:0 1rem}

/* ---------- Form ---------- */
.contact-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.contact-grid.no-info{grid-template-columns:minmax(0,760px)}
.form{background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--color-accent);padding:clamp(1.3rem,3vw,2.2rem);display:grid;gap:1.1rem}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.f label{display:block;font:600 .92rem var(--font-head);margin-bottom:.4rem}
.f input[type=text],.f input[type=tel],.f input[type=email],.f select,.f textarea{width:100%;min-height:48px;padding:.7rem .85rem;font:inherit;color:var(--color-text);background:var(--color-background);border:1px solid #bdb8ad;border-radius:2px}
.f textarea{resize:vertical;min-height:140px}
.f input:focus,.f select:focus,.f textarea:focus{outline:3px solid var(--color-primary);outline-offset:1px;background:#fff}
.f-check{display:flex;gap:.7rem;align-items:flex-start}
.f-check input{width:22px;height:22px;margin-top:.2rem;flex:none;accent-color:var(--color-primary)}
.f-check label{font:400 .95rem/1.5 var(--font-body);margin:0}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.notice{padding:1.3rem 1.5rem;border:1px solid var(--color-border);border-left:4px solid var(--color-accent);background:var(--color-surface);margin-bottom:1.2rem}
.notice h2{font-size:1.3rem;margin-bottom:.4rem}.notice p{margin:0}
.notice-err{border-left-color:#8a2b1f}.notice-err ul{list-style:disc;padding-left:1.1rem}
.info{background:var(--color-surface);border:1px solid var(--color-border);padding:1.6rem}
.info-list{display:grid;gap:1rem}
.info-list li{display:flex;gap:.8rem;align-items:flex-start}
.info-list .ic{margin-top:.3rem;color:var(--color-accent)}
.info-list a{text-underline-offset:3px}
.legal-small{margin:1.4rem 0 0;color:var(--color-text-secondary);font-size:.9rem}

/* ---------- Footer ---------- */
.site-footer{background:var(--color-primary);color:var(--on-dark-muted);border-top:3px solid var(--color-accent)}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr;gap:clamp(1.8rem,4vw,3.5rem);padding-block:clamp(2.8rem,5vw,4rem)}
.foot-logo{display:inline-block;background:var(--color-background);padding:.9rem 1.2rem;line-height:0;border-radius:2px}
.foot-logo .brand-logo{height:76px}
.foot-logo.is-dark-variant{background:none;padding:0}
.foot-legal{margin:1rem 0 0;font-size:.95rem}
.foot-h{font:600 1rem var(--font-head);color:#fff;margin-bottom:1rem;padding-bottom:.7rem;border-bottom:1px solid rgba(216,189,138,.35);letter-spacing:0}
.foot-list{display:grid;gap:.15rem}
.foot-list a{display:inline-block;padding:.35rem 0;color:var(--on-dark);text-underline-offset:3px;text-decoration-color:rgba(216,189,138,.6)}
.foot-list a:hover{color:#fff;text-decoration-color:var(--color-accent-light)}
.foot-contact li{display:flex;gap:.7rem;align-items:flex-start;padding:.3rem 0}
.foot-contact .ic{margin-top:.3rem;color:var(--color-accent-light)}
.foot-list a.btn{color:var(--color-primary);padding:.55rem 1.1rem;text-decoration:none}.foot-list a.btn:hover{color:var(--color-primary)}.foot-contact .btn{margin-top:.6rem}
.foot-social{display:flex;gap:1.2rem;margin-top:1rem;flex-wrap:wrap}.foot-social a{color:var(--on-dark);text-underline-offset:3px}
.foot-base{border-top:1px solid rgba(216,189,138,.25);padding-block:1.2rem;font-size:.9rem}.foot-base p{margin:0}

/* ---------- Duyarlı ---------- */
@media (max-width:980px){
  :root{--header-h:76px}
  .brand-logo{height:58px}
  .nav-toggle{display:inline-flex}
  .nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:1rem;padding:1rem var(--gutter) 1.5rem;background:var(--color-background);border-bottom:1px solid var(--color-border);box-shadow:0 18px 30px -20px rgba(0,0,0,.35);display:none}
  .js .nav.is-open{display:flex}
  html:not(.js) .nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;padding:0}
  .nav ul{flex-direction:column;gap:0}
  .nav li a{padding:.95rem .2rem;border-bottom:1px solid var(--color-border);font-size:1.02rem}
  .nav li a::after{display:none}
  .nav li a[aria-current]{box-shadow:inset 3px 0 0 var(--color-accent);padding-left:.8rem}
  .nav-cta{width:100%}
  .groups,.intro-grid,.about-grid,.detail-grid,.contact-grid,.cat-head{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr;row-gap:1.5rem}
  .cards,.principles{grid-template-columns:1fr 1fr}
  .proj-grid{grid-template-columns:1fr 1fr}.proj-grid-lg .proj:first-child{grid-column:span 2}
  .foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}
  .gallery{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  body{font-size:1rem}
  .brand-logo{height:52px}
  .hero{clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),50% 100%,0 calc(100% - 30px))}
  .slide{min-height:600px}
  .slide-body{padding-block:3rem 8.5rem}
  .slide::before{background:linear-gradient(180deg,rgba(32,32,32,.55) 0%,rgba(32,32,32,.85) 100%)}
  .slider-ctrl{bottom:52px}
  .arrow[data-pause]{display:none}
  .btn-row .btn{width:100%}
  .steps,.cards,.principles,.proj-grid,.gallery,.f-row,.foot-grid{grid-template-columns:1fr}
  .proj-grid-lg .proj:first-child,.gal-first{grid-column:auto;grid-row:auto}
  .gal-first{aspect-ratio:4/3}
  .cta-actions,.cta-actions .btn{width:100%}
  .banner{clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),50% 100%,0 calc(100% - 18px))}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* düzeltmeler */
.about-logo .brand-logo{width:100%;max-width:380px;height:auto}
.cat-elektrik .cat-media img,.group-elektrik .group-media img{object-position:50% 0}