:root{--orange:#ee7540;--ink:#e7e6e4;--paper:#151514}
.header{background:#252422eb;border-bottom:1px solid #1b1a1812;color:#dddcda;transition:background .5s,color .5s}.header .brand svg{color:#e88b5d}.nav{height:82px}.nav .pill{background:#ee7540;color:#fff;border:0}.nav-links{font-size:11px;letter-spacing:.02em}.header.light-header{background:#252422d9;color:#dddcda}.header.light-header .pill{background:#ee7540;color:#fff}
.hero{background:radial-gradient(ellipse at 66% 54%,#100f0f 0%,#1b1a18 42%,#201f1d 100%);color:#dddcda;min-height:850px;height:100svh;max-height:1250px;padding:155px var(--gap) 0}.hero:before{content:"";position:absolute;inset:82px 0 0;background:linear-gradient(90deg,transparent 49.93%,#00000008 50%,transparent 50.07%);pointer-events:none}.hero-kicker{justify-content:flex-start!important;font-size:9px;letter-spacing:.2em;color:#9d9a95}.hero h1{text-align:left;font-size:clamp(66px,9.3vw,144px);line-height:.85;letter-spacing:-.085em;font-weight:500;margin:35px 0 0;pointer-events:none;z-index:2}.hero h1 span{font-size:clamp(23px,2.97vw,46px);letter-spacing:-.055em;color:#918d88;margin-top:21px}.hero-lead{text-align:left;margin:30px 0 0;color:#9d9a95;font-size:13px;line-height:1.7;max-width:200px}.hero-visual{width:87vw;height:74%;aspect-ratio:auto;left:auto;right:-4%;top:24%;transform:none;animation:none;z-index:1;cursor:grab}.hero-visual:active{cursor:grabbing}.hero-visual canvas{width:100%;height:100%;display:block;touch-action:pan-y;opacity:0;animation:canvasArrival 1.8s .15s both}.hero-visual>.product-model{height:100%}.hero-visual.has-webgl>.product-model,.story-visual.has-webgl>.product-model{display:none}.scene-index{position:absolute;right:var(--gap);top:174px;color:#9d9a95;font-size:9px;letter-spacing:.16em;writing-mode:vertical-rl}.hero-bottom{bottom:30px;padding-top:22px;border-top:1px solid #ffffff1a;align-items:center}.hero-info{color:#918d88;font-size:9px;max-width:300px}.hero-info b{color:#c9c7c5;font-size:9px;letter-spacing:.12em}.view-toggle{background:#151514c9;border-color:#00000014;padding:5px}.view-toggle button{color:#9d9a95;font-size:10px;padding:12px 22px}.view-toggle button[aria-pressed=true]{background:#ee7540;color:#fff;box-shadow:none}.scroll-label{color:#9d9a95;font-size:10px}.scroll-label i{border-color:#2d2c2a}.hero .dot{box-shadow:0 0 16px #f39959aa}.scene-tag{position:absolute;right:12%;bottom:25%;font:9px monospace;color:#a9a6a2;letter-spacing:.12em;pointer-events:none}
.intro{background:#252422;padding:115px 0 120px;position:relative}.intro-grid{grid-template-columns:1fr 2.7fr;gap:70px}.intro .eyebrow{font-size:9px}.intro h2{font-size:clamp(25px,3.71vw,56px);line-height:1.1;letter-spacing:-.06em}.intro h2 span{color:#9d9a95}.intro p{max-width:530px;font-size:15px;margin-top:40px}.intro:after{content:"GAZENTA / ENGINEERED TO ENDURE";display:block;margin:70px var(--gap) -100px;border-top:1px solid #201f1d;padding-top:17px;color:#918d88;font:9px monospace;letter-spacing:.12em}
.story{background:#151514;height:270svh}.story-sticky{background:radial-gradient(ellipse at 78% 45%,#2d2c2a88,transparent 60%)}.story-head{max-width:410px}.story-title{font-size:clamp(31px,3.64vw,55px)}.story-title span{color:#918d88}.story-copy{font-size:14px;max-width:280px}.story-visual{width:76vw;height:80vh;aspect-ratio:auto;right:-9%;top:15%;transform:none;opacity:1}.story-visual canvas{width:100%;height:100%;display:block}.story-note{color:#9d9a95;font-size:8px}.story-progress{gap:40px}.story-step{font-size:11px}.story-step.active:before{background:#2d2c2a}.solutions{padding-top:130px;background:#252422}.solution-panel{border-radius:3px;background:#201f1d;min-height:600px}.solution-photo img{filter:saturate(.6);transition:opacity .4s,transform 1.6s cubic-bezier(.16,1,.3,1)}.solution-tabs{gap:0;border-bottom:1px solid #201f1d;margin-bottom:35px;justify-content:space-between}.solution-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:17px 20px;font-size:11px}.solution-tabs button[aria-selected=true]{background:transparent;color:#d3d1cf;border-color:#ee7540}.solution-detail h3{font-size:clamp(24px,2.66vw,40px)}.solution-mark{opacity:.5}.section-heading{font-weight:500;letter-spacing:-.06em}.solution-caption{border-radius:2px;font-size:9px}.craft{background:#252422;padding-top:0}.craft-grid{gap:18px}.craft-card{border-radius:3px;aspect-ratio:1}.craft-card.light{background:#252422}.craft-text h3{font-size:clamp(29px,3.4vw,49px)}.craft-text{left:42px;bottom:36px}.quality{background:#2d2c2a}.cert h3{font-size:32px}.contact{background:#252422}.contact-main h2{font-size:clamp(46px,7.0vw,105px)}.contact-main h2 span{color:#9d9a95}.contact-main .pill{border-radius:2px;padding:19px 32px}.pill{transition:transform .4s,background .4s}.reveal.is-visible{clip-path:inset(0)}.js .reveal{transition:opacity 1.1s,transform 1.1s cubic-bezier(.16,1,.3,1)}
@keyframes canvasArrival{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}
@media(min-width:1700px){.hero-visual{width:80vw;right:0;top:20%}.hero-lead{font-size:16px}}
@media(max-width:1000px){.hero{min-height:850px}.hero h1{font-size:19vw}.hero h1 span{font-size:5vw}.hero-visual{width:104vw;left:50%;right:auto;top:32%;height:58%;transform:translateX(-50%)}.story-visual{width:92vw;left:50%;right:auto;transform:translateX(-50%)}.hero-lead{font-size:12px}}
@media(max-width:700px){.nav{height:68px}.hero{min-height:800px;height:100svh;padding-top:125px;max-height:none}.hero h1{font-size:clamp(41px,11.9vw,64px);margin-top:33px}.hero h1 span{font-size:clamp(24px,7vw,33px);line-height:1.05;max-width:290px;margin-top:15px}.hero-kicker{font-size:8px;letter-spacing:.15em}.hero-lead{margin-top:20px;font-size:12px}.hero-visual{width:116vw;left:50%;right:auto;top:42%;height:42%;transform:translateX(-50%)}.scene-index{display:none}.hero-bottom{bottom:20px;gap:15px;padding-top:17px}.hero-info{font-size:8px;width:100%;max-width:100%;order:2}.hero-info b{display:none}.view-toggle button{padding:10px 17px}.header .menu-btn{border-color:#25242230}.light-header .menu-btn{border-color:#25242230}.mobile-menu.open{background:#201f1d;color:#e7e6e4;inset:68px 0 0;box-shadow:0 40px 80px -40px #1b1a1840}.intro{padding:90px 0 100px}.intro-grid{display:block}.intro h2{font-size:30px}.intro:after{margin:45px var(--gap) -65px;font-size:7px}.story-sticky{min-height:760px}.story-head{padding-top:100px}.story-title{font-size:35px}.story-copy{font-size:12px;min-height:62px;max-width:290px}.story-visual{width:116vw;left:50%;right:auto;top:40%;height:46vh;min-height:300px;opacity:1;transform:translateX(-50%)}.story-progress{gap:16px;bottom:28px}.story-step{font-size:9px}.story-step span{font-size:8px}.solutions{padding-top:85px}.solution-tabs{justify-content:flex-start}.solution-tabs button{font-size:10px;padding:15px 14px}.solution-photo{min-height:330px}.craft-card{height:430px;aspect-ratio:auto;border-radius:3px}.craft-text{left:28px;right:28px}.contact-main h2{font-size:48px}.contact-main>p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero-visual canvas{animation:none;opacity:1}.story{height:auto}.story-sticky{min-height:850px}}
.hero h1 span{margin-top:52px}.hero-visual canvas{animation-duration:1.15s;animation-delay:.1s}@media(max-width:700px){.hero h1 span{margin-top:38px}}

/* Cinematic motion system */
html{overflow-x:hidden}
.brand-loader{position:fixed;inset:0;z-index:300;background:#151514;color:#f0f0ef;display:grid;place-content:center;justify-items:center;gap:28px;transition:clip-path 1.15s cubic-bezier(.76,0,.24,1),visibility 1.15s;clip-path:inset(0 0 0 0)}.brand-loader.done{clip-path:inset(0 0 100% 0);visibility:hidden}.loader-mark{display:flex;align-items:center;gap:14px;opacity:0;animation:loaderMark .75s .12s forwards}.loader-mark span{width:24px;height:31px;background:#ee7540;border-radius:70% 30% 62% 38%/65% 35% 65% 35%;transform:rotate(20deg);box-shadow:0 0 35px #f47b4155}.loader-mark strong{font-size:30px;letter-spacing:-.06em}.loader-line{width:min(310px,62vw);height:1px;background:#ffffff1c;overflow:hidden}.loader-line i{display:block;width:45%;height:100%;background:#ee7540;animation:loaderProgress 1.15s cubic-bezier(.16,1,.3,1) forwards}.brand-loader small{font:8px monospace;letter-spacing:.28em;color:#9d9a95}.page-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:280;pointer-events:none}.page-progress i{display:block;width:100%;height:100%;background:#ee7540;transform:scaleX(var(--page-progress,0));transform-origin:left;box-shadow:0 0 16px #ee7540;will-change:transform}
.hero:after{content:"";position:absolute;inset:82px 0 0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#00000007 12.5%);mask-image:linear-gradient(90deg,transparent,#000000 30%,#000000 72%,transparent)}.hero h1{transform:translate3d(0,calc(var(--hero-scroll,0)*-42px),0);opacity:calc(1 - var(--hero-scroll,0)*.5);will-change:transform,opacity}.hero-kicker,.hero-lead{transform:translate3d(0,calc(var(--hero-scroll,0)*-18px),0);will-change:transform}.hero-hud span{position:absolute;z-index:3;padding:8px 11px;border:1px solid #3533312e;background:#15151499;backdrop-filter:blur(10px);color:#918d88;font:8px monospace;letter-spacing:.08em;opacity:0;animation:hudIn .9s 1.3s forwards}.hero-hud b{color:#ee7540;margin-right:8px}.hud-one{right:37%;top:49%}.hud-two{right:7%;top:50%}.hud-three{right:27%;top:80%}.hero-hud span:after{content:"";position:absolute;width:44px;height:1px;background:#3d3b3855;top:50%}.hud-one:after{left:100%}.hud-two:after{right:100%}.hud-three:after{bottom:100%;top:auto;left:50%;width:1px;height:35px}.hero-visual{filter:drop-shadow(0 30px 50px #0000001f)}
.kinetic{overflow:hidden;background:#ee7540;color:#1b1a18;border-block:1px solid #1b1a1820;transform:rotate(-1deg) scale(1.02);margin:-15px 0 15px;position:relative;z-index:3}.kinetic-track{width:max-content;display:flex;align-items:center;gap:34px;padding:25px 0;animation:kineticMove 25s linear infinite}.kinetic span{font-size:clamp(22px,3vw,46px);font-weight:650;letter-spacing:-.04em}.kinetic i{width:9px;height:9px;background:#1b1a18;border-radius:50%}
.story-sticky:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#151514 0 29%,transparent 55%),radial-gradient(circle at calc(75% + var(--story-glow,0)*8%) 48%,#85807a2b,transparent 32%)}.story .wrap,.story-progress,.story-note,.story-visual{z-index:2}.story-title,.story-copy{transition:opacity .35s,transform .6s cubic-bezier(.16,1,.3,1)}.story.stage-change .story-title,.story.stage-change .story-copy{opacity:.12;transform:translateY(15px)}
.solution-panel{position:relative;box-shadow:0 35px 80px #3d3b3812}.solution-photo:after{content:"";position:absolute;inset:0;z-index:2;background:#ee7540;transform:translateX(-102%);pointer-events:none}.solution-photo.is-wiping:after{animation:photoWipe .72s cubic-bezier(.76,0,.24,1)}.solution-photo img{transform:scale(1.015)}.solution-photo:hover img{transform:scale(1.055)}.solution-caption{z-index:3}.solution-tabs button{position:relative;overflow:hidden}.solution-tabs button:after{content:"";position:absolute;inset:auto 20px -1px;height:2px;background:#ee7540;transform:scaleX(0);transition:transform .4s}.solution-tabs button:hover:after{transform:scaleX(1)}
.craft-card{transform:perspective(1100px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) translateY(var(--lift,0));transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s;box-shadow:0 20px 55px #1b1a1810}.craft-card:hover{--lift:-9px;box-shadow:0 38px 80px #1b1a1828}.craft-card:before{content:"";position:absolute;inset:-60%;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 42%,#ffffff25 49%,transparent 56%);transform:translateX(var(--shine,-35%));transition:transform .2s}.craft-card:hover:before{--shine:32%}.quality{position:relative;overflow:hidden}.quality:before{content:"ISO";position:absolute;right:-.05em;bottom:-.26em;font-size:34vw;font-weight:700;letter-spacing:-.1em;color:#c9c7c51f;line-height:1;pointer-events:none}.cert{position:relative;transition:padding .45s,color .3s}.cert:before{content:"";position:absolute;inset:0;background:#252422;transform:scaleY(0);transform-origin:bottom;transition:transform .4s;z-index:0}.cert:hover{padding-inline:18px}.cert:hover:before{transform:scaleY(1)}.cert>*{position:relative;z-index:1}.contact-main h2{transform:translateY(calc(var(--contact-progress,0)*-28px));will-change:transform}.pill.orange{box-shadow:0 16px 35px #e7753d2e}.pill.orange:hover{box-shadow:0 22px 45px #e7753d4a}
@keyframes loaderMark{to{opacity:1;transform:translateY(0)}from{opacity:0;transform:translateY(14px)}}@keyframes loaderProgress{from{transform:translateX(-120%)}to{transform:translateX(225%)}}@keyframes hudIn{to{opacity:1;transform:translateY(0)}from{opacity:0;transform:translateY(8px)}}@keyframes kineticMove{to{transform:translateX(-50%)}}@keyframes photoWipe{0%{transform:translateX(-102%)}45%,55%{transform:translateX(0)}100%{transform:translateX(102%)}}
@media(max-width:700px){.brand-loader{gap:22px}.loader-mark strong{font-size:25px}.hero:after{inset:68px 0 0}.hero-hud{display:none}.kinetic-track{padding:18px 0;gap:23px}.kinetic span{font-size:25px}.kinetic{margin:-8px 0 8px}.story-sticky:after{background:linear-gradient(180deg,#151514 0 32%,transparent 67%)}.craft-card{transform:none!important}.quality:before{font-size:70vw;bottom:-.1em}.page-progress{height:2px}}
@media(prefers-reduced-motion:reduce){.brand-loader{display:none}.kinetic-track,.hero-hud span{animation:none}.hero h1,.hero-kicker,.hero-lead,.contact-main h2{transform:none}.solution-photo.is-wiping:after{animation:none}.craft-card{transform:none!important}}
.brand-loader{transition-duration:.82s}.loader-mark{animation-duration:.48s}.loader-line i{animation-duration:.72s}

/* ---------- ana sayfa · hero CTA + deneyim merkezi bandı ---------- */
.hero-cta{display:inline-flex;align-items:center;gap:14px;margin-top:26px;padding:13px 22px;border:1px solid #ee7540;border-radius:50px;background:#ee7540;font-size:12.5px;letter-spacing:-.01em;color:#fff;transition:background .3s,border-color .3s,transform .3s}
.hero-cta span{color:#f0a06c;font-size:12px;transition:transform .3s}
.hero-cta:hover{background:#c05e2c;border-color:#c05e2c;transform:translateY(-2px)}
.hero-cta:hover span{transform:translate(2px,-2px)}
.exp-teaser{position:relative;overflow:hidden;padding:100px 0;background:#151514;color:#fff}
.exp-teaser:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(80% 130% at 84% 0%,#2d2c2a 0%,transparent 58%)}
.exp-teaser .wrap{position:relative;z-index:2}
.exp-teaser-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:64px;align-items:center}
.exp-teaser .eyebrow{color:#eaa477}
.exp-teaser .section-heading{font-size:clamp(30px,3.3vw,45px);line-height:1.07;color:#fff}
.exp-teaser .section-heading .muted{color:#a9a6a2}
.exp-teaser .body-copy{margin-top:20px;max-width:420px;font-size:14px;line-height:1.75;color:#a9a6a2}
.exp-teaser .pill{display:inline-flex;align-items:center;gap:18px;margin-top:30px}
.exp-teaser-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.exp-teaser-step{border:1px solid #ffffff16;border-radius:14px;padding:22px 20px 20px;background:#ffffff08;transition:border-color .35s,background .35s,transform .35s}
.exp-teaser-step:hover{border-color:#ffffff30;background:#ffffff0d;transform:translateY(-3px)}
.exp-teaser-step>span{display:block;margin-bottom:13px;font:10px/1 ui-monospace,Menlo,monospace;letter-spacing:.16em;color:#eaa477}
.exp-teaser-step h3{margin:0 0 8px;font-size:15px;font-weight:600;letter-spacing:-.02em;color:#fff}
.exp-teaser-step p{margin:0;font-size:11.5px;line-height:1.65;color:#9d9a95}
@media(max-width:1000px){
.exp-teaser{padding:80px 0}
.exp-teaser-grid{grid-template-columns:1fr;gap:44px}
.exp-teaser .body-copy{max-width:none}
}
@media(max-width:700px){
.hero-cta{margin-top:20px;padding:11px 17px;font-size:11px;gap:10px}
.exp-teaser{padding:62px 0}
.exp-teaser .section-heading{font-size:31px}
.exp-teaser-steps{grid-template-columns:1fr}
.exp-teaser-step{padding:18px 17px}
}