*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0}
body{overflow:hidden;background:#7d1b15;font-family:Arial,Helvetica,sans-serif}
.home-main{height:calc(100vh - 76px);min-height:520px;overflow:hidden;background:#8f2018}
.home-hero{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;background:#8d2119}
.hero-fill{display:none}
.home-hero:after{display:none}
.hero-design{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:fill;object-position:center center;filter:brightness(1.06) saturate(1.04);user-select:none;-webkit-user-drag:none}
.social a{position:absolute;z-index:5;display:block;border-radius:50%}
.social a:focus-visible{outline:3px solid #fff;outline-offset:3px;background:rgba(255,255,255,.14)}
/* Konumlar, kırpılmış 1536×917 ana tasarımına göre */
.social a{top:78.3%;width:4.8%;height:8.05%}
.facebook{left:7.75%}.instagram{left:13.55%}.strava{left:19.3%}.icsd{left:25.05%}.email{left:30.8%}
@media(max-width:900px){
  body{overflow:auto;background:#fff}
  .home-main{height:auto;min-height:0;background:#fff}
  .home-hero{height:auto;min-height:0;aspect-ratio:1536 / 917;background:#fff}
  .hero-design{width:100%;height:auto;aspect-ratio:1536 / 917;object-fit:contain;object-position:center center}
  .social a{top:78.2%}
}
@media(max-width:600px){
  .home-main{height:auto;min-height:0;background:#8d2119}
  .home-hero{height:auto;min-height:0;aspect-ratio:auto;background:#8d2119}
  .hero-fill{display:grid;width:100%}
  .hero-fill:before,.hero-fill:after{content:"";display:block;width:100%;aspect-ratio:768 / 917;background-image:url("assets/ana-sayfa-hero.webp");background-repeat:no-repeat;background-size:200% 100%}
  .hero-fill:before{background-position:left top}
  .hero-fill:after{background-position:right top}
  .en-home .hero-fill:before,.en-home .hero-fill:after{background-image:url("assets/ana-sayfa-hero-en.webp")}
  .hero-design{position:absolute;inset:0;width:1px;height:1px;opacity:0;pointer-events:none}
  .social a{top:39.15%;width:9.6%;height:4.025%}
  .facebook{left:15.5%}.instagram{left:27.1%}.strava{left:38.6%}.icsd{left:50.1%}.email{left:61.6%}
}
