.hero-auto{position:relative;display:block;width:100%;height:min(900px,calc(100svh - 42px));min-height:700px;overflow:hidden;isolation:isolate;background:#18232a}
.hero-auto::before{display:none}.hero-auto-visual,.hero-auto-image,.hero-auto-shade{position:absolute;inset:0;width:100%;height:100%}.hero-auto-image{max-width:none;object-fit:cover;object-position:center 54%}.hero-auto-open{z-index:0}.hero-auto-closed{z-index:1;clip-path:inset(0 0 0 0);will-change:clip-path}.hero-auto-divider{position:absolute;z-index:2;top:0;bottom:0;left:100%;width:2px;background:#ffd600;box-shadow:0 0 22px rgba(255,214,0,.48);will-change:left}.hero-auto-divider::after{content:"";position:absolute;left:50%;top:47%;width:38px;height:38px;border-radius:50%;border:2px solid #fff;background:#ffd600;transform:translate(-50%,-50%);box-shadow:0 8px 24px rgba(0,0,0,.22)}
.hero-auto-shade{z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(7,9,10,.9) 0%,rgba(7,9,10,.7) 31%,rgba(7,9,10,.12) 58%,rgba(7,9,10,.02) 100%),linear-gradient(0deg,rgba(7,9,10,.42),transparent 46%)}
.hero-auto-content{position:relative;z-index:4;height:100%;pointer-events:none}.hero-auto-copy{position:absolute;left:0;bottom:8svh;width:min(620px,47vw);pointer-events:auto}.hero-auto-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--yellow);font-size:12px;font-weight:760;letter-spacing:.12em;text-transform:uppercase}.hero-auto-copy h1{margin:0;color:#fff;font-size:clamp(50px,5.25vw,82px);font-weight:760;letter-spacing:-.054em;line-height:.98;text-wrap:balance}.hero-auto-copy h1 span{color:var(--yellow)}.hero-auto-lead{max-width:540px;margin:22px 0 0;color:rgba(255,255,255,.82);font-size:17px;line-height:1.55}.hero-auto-copy .hero-actions{margin-top:28px;gap:18px}.hero-auto-status{position:absolute;z-index:5;right:30px;bottom:26px;display:inline-flex;align-items:center;gap:9px;margin:0;padding:10px 14px;color:#fff;background:rgba(13,15,17,.72);border:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:680;backdrop-filter:blur(9px)}.hero-auto-status i{color:var(--yellow)}
.engineering-story{position:relative;height:300svh;background:#f4f2ed}.engineering-stage{position:sticky;top:0;display:grid;grid-template-columns:minmax(0,1.72fr) minmax(360px,.78fr);height:100svh;min-height:720px;overflow:hidden;background:#f4f2ed}.engineering-visual{position:relative;min-width:0;overflow:hidden;background:#101315}.engineering-visual>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.engineering-open{z-index:0}.engineering-closed{z-index:1;clip-path:inset(0 0 0 0);will-change:clip-path}.engineering-visual::after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(7,9,10,.8),rgba(7,9,10,.24) 55%,rgba(7,9,10,.04))}.engineering-intro{position:absolute;z-index:4;left:clamp(28px,5vw,76px);bottom:clamp(34px,8vh,92px);width:min(470px,48%);color:#fff}.engineering-intro h2{margin:14px 0 16px;font-size:clamp(38px,4vw,62px);line-height:1;letter-spacing:-.045em}.engineering-intro h2 span{color:var(--yellow)}.engineering-intro>p:not(.eyebrow){max-width:430px;color:rgba(255,255,255,.8);line-height:1.55}.engineering-intro .button{margin-top:22px}.engineering-focus{--focus-y:18%;position:absolute;z-index:5;right:7%;top:var(--focus-y);width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 1px var(--yellow),0 0 0 9px rgba(255,214,0,.18);transition:top .45s ease;transform:translateY(-50%)}.engineering-panel{position:relative;z-index:4;display:flex;flex-direction:column;padding:clamp(38px,6vh,72px) clamp(28px,4vw,62px);background:#f4f2ed}.engineering-panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #d6d2ca}.engineering-panel-head span{color:#a58a00;font-size:12px;font-weight:800;letter-spacing:.12em}.engineering-panel-head p{margin:0;color:#596069;font-size:12px}.engineering-details{display:flex;flex:1;flex-direction:column;justify-content:center}.engineering-details article{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:center;padding:18px 0;opacity:.36;transform:translateX(8px);transition:opacity .35s ease,transform .35s ease}.engineering-details article.active{opacity:1;transform:none}.engineering-detail-image{width:88px;height:88px;overflow:hidden;border:3px solid transparent;border-radius:50%;background:#ddd}.engineering-details article.active .engineering-detail-image{border-color:var(--yellow)}.engineering-detail-image img{width:100%;height:100%;max-width:none;object-fit:cover}.engineering-details small{display:block;color:#a58a00;font-size:10px;font-weight:800}.engineering-details h3{margin:4px 0 6px;font-size:20px}.engineering-details p{margin:0;color:#596069;font-size:13px;line-height:1.45}.engineering-progress{position:absolute;right:18px;top:12%;bottom:12%;width:2px;background:#d6d2ca}.engineering-progress span{display:block;width:100%;height:100%;background:var(--yellow);transform:scaleY(.05);transform-origin:top}.engineering-actions{display:grid;grid-template-columns:80px 1fr;gap:18px;padding-top:22px;border-top:1px solid #d6d2ca}.engineering-actions strong{font-size:22px}.engineering-actions p{margin:0;color:#596069;font-size:13px;line-height:1.5}
@media(max-width:760px){.hero-auto{height:calc(100svh - 42px);min-height:700px}.hero-auto-image{object-position:64% center}.hero-auto-shade{background:linear-gradient(0deg,rgba(7,9,10,.96) 0%,rgba(7,9,10,.76) 43%,rgba(7,9,10,.16) 72%,rgba(7,9,10,.04) 100%)}.hero-auto-copy{left:0;right:0;bottom:28px;width:auto}.hero-auto-kicker{margin-bottom:10px;font-size:10px}.hero-auto-copy h1{font-size:clamp(39px,11vw,54px)}.hero-auto-lead{max-width:420px;margin-top:13px;font-size:14px;line-height:1.45}.hero-auto-copy .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.hero-auto-copy .button{min-width:0;padding:13px 11px;font-size:11px}.hero-auto-status{display:none}.hero-auto-divider::after{width:30px;height:30px}.engineering-story{height:270svh}.engineering-stage{grid-template-columns:1fr;grid-template-rows:55svh 45svh;height:100svh;min-height:680px}.engineering-visual>img{object-position:62% center}.engineering-visual::after{background:linear-gradient(0deg,rgba(7,9,10,.88),rgba(7,9,10,.06) 60%)}.engineering-intro{left:18px;right:18px;bottom:18px;width:auto}.engineering-intro h2{margin:7px 0 8px;font-size:30px}.engineering-intro>p:not(.eyebrow){display:none}.engineering-intro .button{display:none}.engineering-focus{right:8%;width:13px;height:13px}.engineering-panel{padding:14px 18px 20px}.engineering-panel-head{padding-bottom:9px}.engineering-details{min-height:0}.engineering-details article{display:none;grid-template-columns:68px 1fr;gap:14px;padding:10px 0}.engineering-details article.active{display:grid}.engineering-detail-image{width:64px;height:64px}.engineering-details h3{font-size:17px}.engineering-details p{font-size:12px}.engineering-progress{right:8px;top:8%;bottom:8%}.engineering-actions{grid-template-columns:58px 1fr;gap:12px;padding:10px 54px 0 0}.engineering-actions strong{font-size:18px}.engineering-actions p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-auto-closed{clip-path:inset(0 50% 0 0)!important}.hero-auto-divider{left:50%!important}.hero-auto-status{display:none}.engineering-story{height:auto}.engineering-stage{position:relative}.engineering-closed{clip-path:inset(0 70% 0 0)!important}}

/* Ortak sinematik hareket dili */
.cinematic-section{position:relative;overflow:clip;isolation:isolate;--cinematic-progress:0;--cinematic-y:0px}
.cinematic-section::after{content:"";position:absolute;z-index:20;inset:-2px;pointer-events:none;background:#f4f2ed;clip-path:polygon(0 0,100% 0,100% 100%,14% 100%);transform:translate3d(calc(var(--cinematic-progress)*115%),0,0) skewX(-4deg);transform-origin:right center;transition:transform 1.05s cubic-bezier(.2,.8,.2,1)}
.cinematic-section.is-in-view::after{transform:translate3d(115%,0,0) skewX(-4deg)}
.cinematic-section>.wrap,.cinematic-section>.container{opacity:.7;transform:translate3d(0,28px,0);transition:opacity .8s ease .12s,transform .9s cubic-bezier(.2,.8,.2,1) .12s}
.cinematic-section.is-in-view>.wrap,.cinematic-section.is-in-view>.container{opacity:1;transform:none}
.cinematic-section img[data-motion-image],.cinematic-section [data-motion-media] img{transform:translate3d(0,var(--cinematic-y),0) scale(1.055);will-change:transform;transition:transform .12s linear}
.inner-hero{background-position:center calc(50% + var(--hero-parallax,0px));background-size:cover;will-change:background-position}
.engineering-detail-icon{display:grid;width:88px;height:88px;place-items:center;border:3px solid transparent;border-radius:50%;background:#e9e5dc;color:#111;font-size:28px;transition:border-color .35s ease,background .35s ease,color .35s ease}
.engineering-details article.active .engineering-detail-icon{border-color:var(--yellow);background:#111;color:var(--yellow)}
.product-engineering-visual>img{transform:translate3d(0,var(--product-motion,0px),0) scale(1.08);will-change:transform}
.product-engineering .engineering-visual::after{background:linear-gradient(90deg,rgba(7,9,10,.76),rgba(7,9,10,.16) 68%,rgba(7,9,10,.04))}
.product-engineering{height:100svh;min-height:720px}
.product-engineering .engineering-stage{position:relative;top:auto}
.product-engineering .engineering-progress span{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.product-engineering .engineering-focus{transition:top .7s cubic-bezier(.2,.8,.2,1),opacity .4s ease}
.product-engineering .engineering-details article{transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
.product-engineering-visual>img{animation:product-image-drift 14s ease-in-out infinite alternate;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
@keyframes product-image-drift{from{scale:1.08}to{scale:1.13}}

@media(max-width:760px){.cinematic-section::after{clip-path:polygon(0 0,100% 0,100% 100%,0 94%)}.cinematic-section>.wrap,.cinematic-section>.container{transform:translate3d(0,18px,0)}.engineering-detail-icon{width:64px;height:64px;font-size:22px}.product-engineering{height:100svh;min-height:680px}.product-engineering .engineering-panel-title>p,.product-engineering .engineering-panel-title>h2{display:none}.product-engineering .engineering-panel-title>p:last-child{display:block;margin:0 28px 8px 0;font-size:11px;line-height:1.35}.product-engineering .engineering-visual::after{background:linear-gradient(0deg,rgba(7,9,10,.9),rgba(7,9,10,.06) 68%)}}
@media(prefers-reduced-motion:reduce){.cinematic-section::after{display:none}.cinematic-section>.wrap,.cinematic-section>.container{opacity:1;transform:none;transition:none}.cinematic-section img[data-motion-image],.cinematic-section [data-motion-media] img,.product-engineering-visual>img{transform:none!important;transition:none;animation:none}.inner-hero{background-position:center!important}}

/* Maskeli mimari geçiş */
@media(min-width:761px){
  .engineering-stage{display:block}
  .engineering-visual{position:absolute;inset:0}
  .engineering-panel{position:absolute;inset:0 0 0 auto;width:clamp(520px,43vw,680px);margin:0;padding-left:clamp(108px,9vw,154px);clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);filter:drop-shadow(-3px 0 0 var(--yellow));transform:translateX(calc((1 - var(--panel-reveal,0))*18%));will-change:transform}
  .engineering-panel::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(244,242,237,.94))}
  .engineering-panel-title{padding:0 0 24px;border-bottom:1px solid #d6d2ca}
  .engineering-panel-title>p:first-child{margin:0 0 8px;color:#827100;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
  .engineering-panel-title h2{max-width:340px;margin:0;color:#11161a;font-size:clamp(34px,3.15vw,52px);line-height:.96;letter-spacing:-.045em}
  .engineering-panel-title h2 span{display:block;color:#c7a900}
  .engineering-panel-title>p:last-child{max-width:360px;margin:17px 0 0;color:#4e565d;font-size:14px;line-height:1.55}
  .engineering-panel-head{padding-top:18px;padding-bottom:14px}
  .engineering-details article{padding:11px 0}
  .engineering-detail-image{width:76px;height:76px}
  .engineering-details article{grid-template-columns:82px 1fr;gap:16px}
  .engineering-actions{padding-top:15px}
  .engineering-intro{width:min(610px,58%)}
  .engineering-intro h2{font-size:clamp(46px,4.9vw,76px)}
  .engineering-focus{right:41.5%}
}

@media(max-width:760px){
  .engineering-panel-title{display:none}
  .engineering-panel{margin-left:0;clip-path:none;filter:none;transform:none!important}
  .engineering-intro h2{font-size:clamp(29px,8vw,35px)}
}

@media(prefers-reduced-motion:reduce){
  .engineering-panel{transform:none!important}
}

/* Bölümler arası farklılaştırılmış geçişler */
.cinematic-section{--transition-surface:#f4f2ed}
.cinematic-section::before,.cinematic-section::after{background:var(--transition-surface)}
.cinematic-wipe::after{clip-path:polygon(0 0,100% 0,100% 100%,14% 100%);transform:translate3d(0,0,0) skewX(-4deg)}
.cinematic-wipe.is-in-view::after{transform:translate3d(116%,0,0) skewX(-4deg)}

.cinematic-rise::after{clip-path:polygon(0 0,100% 7%,100% 100%,0 100%);transform:translate3d(0,0,0);transition-duration:.95s}
.cinematic-rise.is-in-view::after{transform:translate3d(0,-108%,0)}
.cinematic-rise>.wrap,.cinematic-rise>.container{transform:translate3d(0,42px,0)}

.cinematic-split::before,.cinematic-split::after{content:"";position:absolute;z-index:20;top:-2px;bottom:-2px;width:51%;pointer-events:none;transition:transform .95s cubic-bezier(.2,.8,.2,1)}
.cinematic-split::before{left:-1px;transform:translateX(0)}
.cinematic-split::after{right:-1px;inset-block:-2px;inset-inline:auto -1px;width:51%;clip-path:none;transform:translateX(0)}
.cinematic-split.is-in-view::before{transform:translateX(-104%)}
.cinematic-split.is-in-view::after{transform:translateX(104%)}
.cinematic-split>.wrap,.cinematic-split>.container{transform:scale(.975);filter:saturate(.82)}
.cinematic-split.is-in-view>.wrap,.cinematic-split.is-in-view>.container{transform:scale(1);filter:saturate(1)}

.cinematic-focus::after{display:none}
.cinematic-focus>.wrap,.cinematic-focus>.container{opacity:0;transform:translate3d(0,26px,0) scale(.965);filter:blur(8px);transition:opacity .75s ease,transform .95s cubic-bezier(.2,.8,.2,1),filter .75s ease}
.cinematic-focus.is-in-view>.wrap,.cinematic-focus.is-in-view>.container{opacity:1;transform:none;filter:none}

@media(max-width:760px){
  .cinematic-section::after,.cinematic-split::before{transition-duration:.72s}
  .cinematic-wipe::after{clip-path:polygon(0 0,100% 0,100% 100%,0 92%);transform:none}
  .cinematic-wipe.is-in-view::after{transform:translate3d(105%,0,0)}
  .cinematic-rise>.wrap,.cinematic-rise>.container{transform:translate3d(0,24px,0)}
  .cinematic-focus>.wrap,.cinematic-focus>.container{filter:blur(4px);transform:translate3d(0,16px,0) scale(.985)}
}

@media(prefers-reduced-motion:reduce){
  .cinematic-section::before,.cinematic-section::after{display:none!important}
  .cinematic-section>.wrap,.cinematic-section>.container{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
}