:root{--bg:#17120e;--panel:#211913;--panel2:#2a2018;--yellow:#c9923e;--text:#f7f1e8;--muted:#c9b9a8;--line:#4a392b;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.wrap{width:min(var(--max),calc(100% - 34px));margin:auto}.topbar{background:#120e0b;border-bottom:1px solid #242424;color:#dfd2c4;font-size:13px}.topbar .wrap{display:flex;justify-content:space-between;gap:18px;padding:9px 0}.topbar .left,.topbar .right{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
header{position:sticky;top:0;z-index:40;background:rgba(23,18,14,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo img{width:190px;height:62px;object-fit:contain}.navlinks{display:flex;gap:17px;font-size:13px;font-weight:700;align-items:center}.navlinks a:hover,.navlinks a.active{color:var(--yellow)}.nav-cta{display:flex;gap:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px 16px;font-weight:800;border:1px solid var(--line)}.btn.primary{background:var(--yellow);color:#111;border-color:var(--yellow)}.btn.dark{background:#211913}
.hero{position:relative;min-height:630px;display:grid;align-items:center;overflow:hidden}
.hero::before{display:none}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(transparent,var(--bg));z-index:2}
.hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center;animation:heroZoom 12s ease-in-out infinite alternate;will-change:transform}
.hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(35,24,16,.92),rgba(35,24,16,.62) 48%,rgba(25,18,13,.24))}
.hero-inner{position:relative;z-index:2;max-width:770px;padding:90px 0 105px}.kicker{color:var(--yellow);font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.08em}h1{font-size:clamp(44px,7vw,78px);line-height:.98;letter-spacing:-.045em;margin:15px 0 22px}.hero p{font-size:clamp(18px,2vw,22px);color:#f1e8de;max-width:690px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.pagehero{padding:82px 0 54px;background:linear-gradient(145deg,#2a2018,#17120e);border-bottom:1px solid var(--line)}.pagehero h1{font-size:clamp(40px,6vw,64px);margin:10px 0 14px}.crumb{font-size:13px;color:var(--muted)}
section{padding:72px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}.section-head h2{font-size:clamp(32px,5vw,50px);line-height:1.05;letter-spacing:-.03em;margin:5px 0 0}.copy{max-width:650px;color:var(--muted)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:22px}.card h3{margin:0 0 8px;font-size:21px}.card p{margin:0;color:var(--muted)}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}.photo-card{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#1d1712}.photo-card img{width:100%;height:100%;object-fit:cover}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:180px;gap:12px}.gallery a{overflow:hidden;border-radius:14px;border:1px solid var(--line);background:#1d1712}.gallery img{width:100%;height:100%;object-fit:cover}.gallery a:nth-child(1),.gallery a:nth-child(5){grid-column:span 7;grid-row:span 2}.gallery a:nth-child(2),.gallery a:nth-child(3),.gallery a:nth-child(4){grid-column:span 5}.gallery a:nth-child(n+6){grid-column:span 4}
.refs{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ref{background:linear-gradient(180deg,#2a2018,#211913);border:1px solid var(--line);border-radius:16px;padding:22px;position:relative}.ref:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--yellow)}.company{color:var(--yellow);font-size:13px;font-weight:900;letter-spacing:.06em}.ref h3{margin:5px 0 7px}.ref p{margin:0;color:var(--muted)}
.machine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.machine{position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--line);min-height:320px}.machine img{width:100%;height:320px;object-fit:cover}.machine .cap{position:absolute;inset:auto 0 0;padding:20px;background:linear-gradient(transparent,rgba(0,0,0,.93))}
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.video-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.video-poster{aspect-ratio:16/9;position:relative;background:#1d1712}.video-poster img{width:100%;height:100%;object-fit:cover}.play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(255,180,0,.94);color:#111;font-size:26px;font-weight:900}.video-info{padding:18px}.video-info h3{margin:0 0 6px}.video-info p{margin:0;color:var(--muted)}
.areas{display:flex;gap:10px;flex-wrap:wrap}.area{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:9px 13px}.cta{background:linear-gradient(120deg,#342515,#1b1510);border-top:1px solid #5a4227;border-bottom:1px solid #5a4227}.cta-grid{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
footer{padding:32px 0 90px;color:#a99a8c;font-size:13px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}.footer-logo img{width:180px;margin-bottom:14px}.footer-title{color:#fff;font-weight:800;margin-bottom:9px}.footer-links{display:grid;gap:7px}.bottom{border-top:1px solid var(--line);margin-top:26px;padding-top:18px;display:flex;justify-content:space-between;gap:15px}.mobile-bar{display:none}
@media(max-width:1000px){.navlinks{display:none}.grid3,.machine-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.refs,.video-grid{grid-template-columns:1fr}.cta-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.topbar .right{display:none}.nav{height:70px}.logo img{width:155px}.nav-cta .dark{display:none}.hero{min-height:590px}.hero-shade{background:linear-gradient(0deg,rgba(35,24,16,.90),rgba(35,24,16,.40))}.grid3,.grid2,.machine-grid{grid-template-columns:1fr}.section-head{display:block}.gallery{grid-template-columns:1fr;grid-auto-rows:240px}.gallery a:nth-child(n){grid-column:auto;grid-row:auto}.footer-grid{grid-template-columns:1fr}.bottom{display:block}.mobile-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:10px;right:10px;bottom:10px;z-index:70}}


/* --- Hafif ve performans dostu animasyonlar --- */
body{
  opacity:0;
  transform:translateY(6px);
  transition:opacity .35s ease, transform .35s ease;
}
body.page-ready{opacity:1;transform:none}
body.page-leave{opacity:0;transform:translateY(4px)}

.reveal{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .65s cubic-bezier(.2,.7,.2,1), transform .65s cubic-bezier(.2,.7,.2,1);
}
.reveal.is-visible{opacity:1;transform:none}

.navlinks a{
  position:relative;
  transition:color .22s ease;
}
.navlinks a::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:-8px;
  height:2px;
  background:var(--yellow);
  transition:right .22s ease;
}
.navlinks a:hover::after,.navlinks a.active::after{right:0}

.card,.ref,.machine,.video-card,.photo-card{
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.card:hover,.ref:hover,.machine:hover,.video-card:hover,.photo-card:hover{
  transform:translateY(-8px);
  border-color:#8a6336;
  box-shadow:0 18px 42px rgba(15,10,7,.42);
}

.machine img,.gallery img,.video-poster img{
  transition:transform .5s ease;
}
.machine:hover img,.gallery a:hover img,.video-card:hover .video-poster img{
  transform:scale(1.055);
}

.btn{
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.btn:hover{transform:translateY(-3px) scale(1.015)}
.btn.primary:hover{box-shadow:0 10px 28px rgba(201,146,62,.28)}

.hero-inner{
  animation:heroIn .8s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes heroIn{
  from{opacity:0;transform:translateY(34px) scale(.985)}
  to{opacity:1;transform:none}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
  body,.reveal{opacity:1!important;transform:none!important}
}


.fleet-photo{
  width:100%;
  overflow:hidden;
  border-radius:18px;
}
.fleet-photo img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  transform:none !important;
}
.fleet-photo:hover img{transform:none !important}


.fleet-banner-section{padding:34px 0 20px}
.fleet-banner{aspect-ratio:16/9}
.fleet-banner img{width:100%;height:100%;object-fit:cover;transform:none!important}
.fleet-banner:hover img{transform:none!important}


.fleet-highlight-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}
.mini-machine{display:block;min-height:260px}
.mini-machine img{height:260px}
.fleet-more{margin-top:18px;display:flex;justify-content:flex-end}
@media(max-width:580px){.fleet-highlight-grid{grid-template-columns:1fr}.fleet-more{justify-content:flex-start}}


/* Daha belirgin site animasyonları */
@keyframes heroZoom{
  from{transform:scale(1.00) translate3d(0,0,0)}
  to{transform:scale(1.105) translate3d(-1.1%,-0.4%,0)}
}
.hero .kicker{animation:heroItem .65s .10s both}
.hero h1{animation:heroItem .72s .22s both}
.hero p{animation:heroItem .72s .34s both}
.hero-actions{animation:heroItem .72s .46s both}
@keyframes heroItem{
  from{opacity:0;transform:translateY(34px) scale(.985)}
  to{opacity:1;transform:none}
}
.reveal{
  opacity:0;
  transform:translateY(44px) scale(.975);
  transition:opacity .82s cubic-bezier(.16,.8,.2,1),transform .82s cubic-bezier(.16,.8,.2,1);
}
.reveal.is-visible{opacity:1;transform:none}
.card:nth-child(2),.machine:nth-child(2){transition-delay:.08s}
.card:nth-child(3),.machine:nth-child(3){transition-delay:.16s}
.machine:nth-child(4){transition-delay:.24s}
.machine:nth-child(5){transition-delay:.32s}
@media (prefers-reduced-motion: reduce){
  .hero-bg img,.hero .kicker,.hero h1,.hero p,.hero-actions{animation:none!important}
}


/* Toprak tonu için ek sıcaklık ve daha belirgin mikro animasyonlar */
.card,.ref,.machine,.video-card,.photo-card{
  transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .32s ease,box-shadow .32s ease;
}
.navlinks a::after{background:var(--yellow);height:3px}
.machine:hover img,.gallery a:hover img,.video-card:hover .video-poster img{
  transform:scale(1.055);
}
.hero-bg img{filter:saturate(.94) contrast(1.04) sepia(.08)}