/* Üç farklı giriş tasarımının hero stilleri */
.hero-inq{margin-top:-48px;position:relative;z-index:5}

/* ===== Giriş 1 — tam ekran video arka plan ===== */
.g1{position:relative;height:min(calc(100svh - 120px),820px);min-height:580px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:var(--navy-2);color:#fff;isolation:isolate;overflow:hidden}
.g1>video{width:100%;height:100%;object-fit:cover;min-width:0}
.g1::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(12,18,54,.88) 0%,rgba(12,18,54,.6) 42%,rgba(12,18,54,.12) 78%),linear-gradient(0deg,rgba(12,18,54,.55),transparent 35%)}
.g1__t{position:absolute;inset:0;z-index:2;display:flex;align-items:center;padding-bottom:40px}
.g1__t .in{max-width:560px}
.g1 .label{color:#ffb27a}
.g1 h1{font-size:clamp(32px,3.5vw,50px);letter-spacing:-.025em;line-height:1.12;margin-bottom:18px;max-width:17ch}
.g1 h1 span{color:var(--orange)}
.g1 p{color:rgba(255,255,255,.85);font-size:17px;max-width:48ch}
.g1__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.g1__srv{display:flex;flex-wrap:wrap;gap:6px 0;margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);font-size:14px;font-weight:600;color:rgba(255,255,255,.8)}
.g1__srv span:not(:last-child)::after{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--orange);margin:0 14px;vertical-align:middle}
.g1__cap{position:absolute;right:max(var(--gut),calc((100vw - var(--wrap))/2 + var(--gut)));bottom:76px;z-index:2;color:#fff;font-size:13px;display:flex;gap:10px;align-items:center;opacity:.85}
.g1__cap::before{content:"";width:24px;height:2px;background:var(--orange)}
.g1__dots{display:none;position:absolute;right:var(--gut);top:18px;z-index:3;gap:6px}
.g1__dots span{width:22px;height:3px;border-radius:2px;background:rgba(255,255,255,.35);transition:background .4s,width .4s}
.g1__dots span.is-on{background:var(--orange);width:34px}

/* ===== Giriş 2 — sinematik üçlü görsel ===== */
.g2{position:relative;height:min(calc(100svh - 120px),800px);min-height:560px;display:grid;grid-template-columns:repeat(3,1fr);background:var(--navy-2);color:#fff;isolation:isolate}
.g2>figure{position:relative;overflow:hidden}
.g2>figure+figure{border-left:3px solid var(--navy-2)}
.g2 img,.g2 video{width:100%;height:100%;object-fit:cover}
.g2::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,18,54,.15) 30%,rgba(12,18,54,.92));pointer-events:none}
.g2__t{position:absolute;left:0;right:0;bottom:96px;z-index:2}
.g2 h1{font-size:clamp(40px,5.4vw,78px);letter-spacing:-.035em;line-height:1.03;max-width:15ch;margin-bottom:20px}
.g2 p{max-width:52ch;color:rgba(255,255,255,.82);font-size:18px}
.g2 .label{color:#ffb27a}

/* ===== Giriş 3 — rota haritası ===== */
.g3{background:var(--navy-2);color:#fff;overflow:hidden}
.g3__in{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center;padding-block:clamp(56px,7vw,90px) 110px}
.g3 h1{font-size:clamp(38px,4.6vw,64px);letter-spacing:-.03em;line-height:1.05;margin-bottom:20px}
.g3 h1 span{color:var(--orange)}
.g3 .lead{color:rgba(255,255,255,.72)}
.dests{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:30px;border-top:1px solid var(--line-d);padding-top:20px}
.dests button{border:0;background:none;color:rgba(255,255,255,.65);padding:4px 0;font-weight:700;font-size:15px;border-bottom:2px solid transparent}
.dests button[aria-pressed=true]{color:#fff;border-color:var(--orange)}
.map svg{width:100%;height:auto;overflow:visible}
.map .dot{fill:rgba(255,255,255,.16)}
.map .arc{fill:none;stroke:var(--orange);stroke-width:1.5;stroke-dasharray:5 6;opacity:.7}
.map .arc.on{stroke:#fff;stroke-width:2.2;opacity:1}
.map .pin circle.c{fill:#fff;stroke:var(--orange);stroke-width:3}
.map .pin circle.pulse{fill:var(--orange);opacity:.4;transform-box:fill-box;transform-origin:center;animation:pulse 2.4s ease-out infinite}
.map .pin text{fill:#fff;font:700 16px var(--f);paint-order:stroke;stroke:var(--navy-2);stroke-width:4px}
.map .pin.home circle.c{fill:var(--orange);stroke:#fff}
.map .pin.on text{fill:#ffb27a}
.map .pin{cursor:pointer}
@keyframes pulse{from{transform:scale(.6);opacity:.6}to{transform:scale(2.6);opacity:0}}
.map__info{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid var(--line-d)}
.map__info img{width:120px;height:84px;object-fit:cover;border-radius:var(--r);background:var(--navy)}
.map__info b{display:block;font-size:20px}
.map__info small{color:rgba(255,255,255,.7);font-size:14px}

@media (max-width:1060px){
  .g3__in{grid-template-columns:1fr}
  .g1{grid-template-columns:1fr 1fr} .g1>video:nth-of-type(3){display:none}
  .g2{grid-template-columns:1fr 1fr} .g2>figure:nth-child(3){display:none}
}
@media (max-width:640px){
  .g1{display:block;height:620px;min-height:0}
  .g1>video,.g1>video:nth-of-type(3){display:block;position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}
  .g1>video.is-on{opacity:1}
  .g1__dots{display:flex}
  .g1::after{background:linear-gradient(0deg,rgba(12,18,54,.92) 20%,rgba(12,18,54,.35) 75%)}
  .g1__t{align-items:flex-end;padding-bottom:80px} .g1__cap{display:none}
  .g2{grid-template-columns:1fr;height:640px;min-height:0} .g2>figure:nth-child(2){display:none}
  .g2__t{bottom:80px}
  .map__info{grid-template-columns:90px 1fr} .map__info img{width:90px;height:70px}
}
