/* SAKA V3 - responsive: 1920 / 1600 / 1440 / 1366 / 1024 / 768 / 430 / 390 / 375 */

@media (min-width:1700px){
  :root{--wrap:min(1760px,90vw)}
}

@media (max-width:1366px){
  .nav__link{font-size:.66rem;letter-spacing:.1em}
  .nav__list{gap:14px}
  .proc__grid{grid-template-columns:170px minmax(0,1fr) minmax(0,.85fr)}
}

/* menü tam ekrana dönüşür */
@media (max-width:1180px){
  .burger{display:block}
  .nav{position:fixed;inset:0;z-index:2;flex-direction:column;align-items:flex-start;justify-content:center;justify-content:safe center;gap:28px;padding:calc(var(--nav-h) + 20px) 8vw 40px;background:var(--black);clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .7s var(--ease-in-out),visibility 0s .7s;overflow-y:auto;overscroll-behavior:contain}
  .nav::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(43,99,150,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(43,99,150,.08) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000);mask-image:linear-gradient(90deg,transparent 30%,#000)}
  .menu-open .nav{clip-path:inset(0);visibility:visible;transition:clip-path .7s var(--ease-in-out),visibility 0s}
  .menu-open .hdr{background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
  .menu-open .hdr__prog{opacity:0}
  .nav__list{flex-direction:column;gap:2px;width:100%}
  .nav__list li{opacity:0;transform:translateY(26px);transition:opacity .3s ease,transform .4s var(--ease-out)}
  .menu-open .nav__list li{opacity:1;transform:none;transition:opacity .5s ease,transform .7s var(--ease-out);transition-delay:calc(.2s + var(--i) * 50ms)}
  .nav__link{display:flex;align-items:baseline;gap:16px;width:100%;font-size:clamp(1.2rem,4.4vw,2rem);letter-spacing:.06em;padding:8px 0;border-bottom:1px solid var(--line)}
  .nav__link::after{bottom:-1px}
  .nav__n{display:inline;font-size:.7rem;color:var(--accent-text);letter-spacing:.2em}
  .nav__cta{opacity:0;transition:opacity .3s ease}
  .menu-open .nav__cta{opacity:1;transition:opacity .5s ease .65s}
  .menu-open{overflow:hidden}
}

/* kısa ekran (yatay telefon): menü üstten başlar, tüm öğelere kaydırarak ulaşılır */
@media (max-width:1180px) and (max-height:560px){
  .nav{justify-content:flex-start;gap:16px;padding-bottom:24px}
  .nav__link{font-size:1.1rem;padding:6px 0}
}

@media (max-width:1024px){
  .hero__in{grid-template-columns:1fr}
  .hero__tags{grid-template-columns:repeat(2,1fr)}
  .hero__cam{width:min(46vw,470px);top:calc(var(--nav-h) + 3vh);opacity:0}
  .hero__cam.is-on{opacity:.55}
  .ph__grid,.intro__grid,.capsplit__grid,.corp__grid,.sector__grid,.ct__grid,.scene__grid,.cap--a .cap__grid,.cap--d .cap__edit{grid-template-columns:1fr}
  .corp--rev .corp__vis,.sector--rev .sector__vis{order:0}
  .ph__bp{width:46%;right:0}
  .intro__bp{left:0}
  .intro__img{max-height:70vh;max-height:70svh}
  .intro__img img{object-position:50% 70%}
  .capsplit__stage{position:relative;top:0;order:-1}
  .cap__sticky,.ct__formwrap{position:relative;top:0}
  .cap__diag{grid-template-columns:1fr;grid-template-areas:"t" "f" "s"}
  .cap__chips{grid-template-columns:1fr}
  .proc__grid{grid-template-columns:1fr}
  .proc__rail,.proc__imgs{display:none}
  .stage,.motion .stage{min-height:0;opacity:1}
  .stage__mobimg{display:block}
  .mx{grid-template-columns:repeat(2,1fr)}
  .mxvis{grid-template-columns:1fr 1fr}
  .mxvis__a{grid-column:1/-1}
  .ftr__in{grid-template-columns:1fr 1fr}
  .qline__list{grid-template-columns:repeat(2,1fr);row-gap:34px}
  .path{grid-template-columns:repeat(3,1fr);row-gap:34px}
  .path__line{display:none}
}

@media (max-width:768px){
  :root{--nav-h:68px}
  .stats{grid-template-columns:repeat(2,1fr);row-gap:18px}
  .tl__body{grid-template-columns:22px 1fr}
  .tl__rail{margin-left:6px}
  .tl__dot{left:calc(-1 * (clamp(12px,3vw,40px) + 22px))}
  .tl__card{grid-template-columns:1fr;padding:14px}
  .tl__ico{display:none}
  .cap__cols,.principles__list{grid-template-columns:1fr}
  .content-stack__item{grid-template-columns:42px minmax(0,1fr);gap:14px;padding:28px 0}
  .content-stack__n{font-size:.74rem;letter-spacing:.04em}
  .content-stack .h2{font-size:clamp(1.35rem,5.5vw,2.2rem);margin-bottom:12px}
  .cap__wide{--ar:16/10}
  .cap--b .cap__wide{--ar:16/10}
  .cap__full{min-height:0}
  .scene__meta div,.ct__blocks>div{grid-template-columns:1fr;gap:4px}
  .form__row{grid-template-columns:1fr}
  .field input,.field select,.field textarea{font-size:16px}
  .mstrip__foot{grid-template-columns:auto 1fr;gap:16px}
  .mstrip__hint{display:none}
  .capsplit__cap{min-width:0;right:0;height:2.8rem}
}

@media (max-width:560px){
  .hero{padding-top:calc(var(--nav-h) + 10px)}
  .hero__tags{grid-template-columns:1fr}
  .hero__cam{width:84vw;right:-6vw;top:calc(var(--nav-h) + 4px)}
  .hero__cam.is-on{opacity:.25}
  .hero__cta .btn,.cta .btn{width:100%;justify-content:space-between}
  .mx,.mxvis,.qline__list,.path,.ftr__in{grid-template-columns:1fr}
  .mx__c.w2{grid-column:auto}
  .mx__c{min-height:0}
  .callout{display:none}
  .ph__tags li{padding-right:14px;margin-right:14px}
  .brand__sub{display:none}
  .mcard{flex-basis:80vw}
  .stage__flow{flex-wrap:wrap}
  .boot__read{gap:12px;font-size:.6rem;letter-spacing:.1em}
  .boot__st{font-size:.56rem;letter-spacing:.18em}
  .hero__label{gap:10px;font-size:.62rem;letter-spacing:.2em}
  .hero__label i{width:24px}
  .ftr__bar{font-size:.64rem}
}

@media (max-width:390px){
  .btn{padding:14px 18px;letter-spacing:.1em}}