/* V35 · Tanıtım galerisi, güçlü cam yüzey ve sürekli hareketli marka atmosferi */
.hero-brand-ghost{
  animation-duration:6s;
  animation-timing-function:linear;
}
.hero-brand-ghost img{
  opacity:.24;
  animation:heroLogoDrift 8s ease-in-out infinite alternate;
  will-change:transform;
}
.hero-brand-yarzem img{animation-duration:10s;animation-direction:alternate-reverse}
.hero-brand-ghost strong{opacity:.115}
.hero-brand-ghost span{opacity:.24}
@keyframes heroBrandGhostCycle{
  0%{opacity:1;transform:translate3d(-2%,-52%,0) scale(.98);filter:blur(5px)}
  20%{opacity:1;transform:translate3d(3%,-48%,0) scale(1.025);filter:blur(4px)}
  42%{opacity:1;transform:translate3d(-1%,-53%,0) scale(1.05);filter:blur(6px)}
  49%{opacity:0;transform:translate3d(4%,-49%,0) scale(1.075);filter:blur(12px)}
  93%{opacity:0;transform:translate3d(-4%,-51%,0) scale(1.01);filter:blur(10px)}
  100%{opacity:1;transform:translate3d(-2%,-52%,0) scale(.98);filter:blur(5px)}
}
@keyframes heroLogoDrift{
  0%{transform:translate3d(-8%,-5%,0) rotate(-2deg) scale(.95)}
  45%{transform:translate3d(2%,4%,0) rotate(.5deg) scale(1.02)}
  100%{transform:translate3d(9%,-2%,0) rotate(2deg) scale(1.07)}
}
.hero-panel{
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.055) 54%,rgba(245,130,32,.065));
  border-color:rgba(255,255,255,.28);
  -webkit-backdrop-filter:blur(34px) saturate(165%);
  backdrop-filter:blur(34px) saturate(165%);
  box-shadow:0 38px 110px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(255,255,255,.055);
}
.hero-panel:before{
  inset:-45% -60%;
  background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.18) 47%,rgba(255,255,255,.035) 53%,transparent 64%);
  transform:translateX(-28%);
  animation:heroGlassSheen 8s ease-in-out infinite;
}
@keyframes heroGlassSheen{0%,18%{transform:translateX(-28%)}58%,100%{transform:translateX(30%)}}

.promo-showcase{padding:82px 0 92px}
.promo-showcase-head{display:grid;grid-template-columns:1.25fr .75fr;gap:72px;align-items:end;margin-bottom:30px}
.promo-showcase-head h2{margin:8px 0 0;font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-2px;color:#111820}
.promo-showcase-head p{margin:0;color:#637080;font-size:17px;line-height:1.75}
.promo-media-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:210px;grid-auto-flow:dense;gap:16px}
.promo-photo,.promo-clip-card{position:relative;overflow:hidden;border:0;border-radius:22px;background:#111820;box-shadow:0 16px 42px rgba(15,24,32,.12)}
.promo-photo{grid-column:span 4;padding:0;cursor:zoom-in;text-align:left;color:#fff}
.promo-photo-wide{grid-column:span 8;grid-row:span 2}
.promo-photo-tall{grid-row:span 2}
.promo-photo img,.promo-clip-card>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .55s ease}
.promo-photo:after,.promo-clip-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(7,10,13,.88));pointer-events:none}
.promo-photo>span{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;display:grid;gap:5px}
.promo-photo b,.promo-clip-card b{font-size:13px;letter-spacing:1.8px;color:#fff}
.promo-photo small,.promo-clip-card small{font-size:12px;color:rgba(255,255,255,.72)}
.promo-photo:hover img,.promo-photo:focus-visible img{transform:scale(1.045);filter:saturate(1.08)}
.promo-photo:focus-visible{outline:3px solid #f58220;outline-offset:3px}
.promo-clip-card{grid-column:span 4;padding:0;border:0;color:#fff;text-align:left;cursor:pointer}
.promo-clip-card:hover>img,.promo-clip-card:focus-visible>img{transform:scale(1.045);filter:saturate(1.08)}
.promo-clip-card:focus-visible{outline:3px solid #f58220;outline-offset:3px}
.promo-clip-wide{grid-column:span 4;grid-row:span 2}
.promo-clip-card>div{position:absolute;z-index:2;left:22px;bottom:18px;display:grid;gap:4px}
.promo-clip-tag{position:absolute;z-index:3;left:16px;top:16px;padding:8px 10px;border-radius:999px;background:rgba(9,12,15,.62);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-size:9px;font-weight:900;letter-spacing:1px}
.promo-showcase-note{margin:18px 0 0;color:#7c8791;font-size:12px}
.gallery-modal-view{display:grid;gap:18px;max-width:min(92vw,1100px)}
.gallery-modal-view img{display:block;max-width:100%;max-height:78vh;margin:auto;border-radius:18px;object-fit:contain;background:#edf0f2}
.gallery-modal-view p{margin:0;text-align:center;color:#5d6874;font-size:14px}
.gallery-clip-view{display:grid;gap:15px;width:min(90vw,820px)}
.gallery-clip-player{display:block;width:100%;max-height:70vh;border-radius:18px;background:#0c0f12}
.gallery-clip-view p{margin:0;color:#65717c;text-align:center;font-size:13px}

.contact-center{position:relative;overflow:hidden;padding:92px 0;background:#111519;color:#fff}
.contact-center:before{content:"";position:absolute;width:520px;height:520px;right:-170px;top:-260px;border:86px solid rgba(245,130,32,.10);border-radius:50%;pointer-events:none}
.contact-center-grid{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.contact-center-intro h2{margin:12px 0 20px;font-size:clamp(40px,5vw,68px);line-height:.96;letter-spacing:-3px}
.contact-center-intro p{max-width:560px;margin:0 0 28px;color:rgba(255,255,255,.68);font-size:17px;line-height:1.75}
.contact-primary-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.btn-contact-light{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.18);color:#fff}
.btn-contact-light:hover{background:#fff;color:#111519}
.contact-center-intro>small{display:block;max-width:540px;color:rgba(255,255,255,.45);line-height:1.55}
.contact-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.contact-channel{position:relative;min-height:150px;padding:22px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;grid-template-columns:auto 1fr;gap:15px;transition:transform .25s ease,border-color .25s ease}
.contact-channel:hover{transform:translateY(-3px);border-color:rgba(245,130,32,.55)}
.contact-channel>span{color:#f58220;font-size:11px;font-weight:900;letter-spacing:1px}
.contact-channel small{color:rgba(255,255,255,.46);font-size:9px;font-weight:900;letter-spacing:1.2px}
.contact-channel h3{margin:7px 0 11px;font-size:16px}
.contact-channel a{display:block;color:#fff;font-size:14px;font-weight:750;line-height:1.45;overflow-wrap:anywhere}
.contact-channel>b{position:absolute;right:18px;bottom:15px;color:#f58220;font-size:10px;letter-spacing:1px}
.contact-channel-address{grid-column:1/-1;min-height:128px}
.footer-contact-links a{display:block;color:rgba(255,255,255,.64);margin:0 0 9px;line-height:1.45}
.footer-contact-links a:hover{color:#f58220}

@media(max-width:900px){
  .promo-showcase-head{grid-template-columns:1fr;gap:18px}
  .promo-media-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:230px}
  .promo-photo,.promo-clip-card,.promo-photo-wide,.promo-clip-wide{grid-column:span 1;grid-row:span 1}
  .contact-center-grid{grid-template-columns:1fr;gap:38px}
}
@media(max-width:620px){
  .hero-panel{-webkit-backdrop-filter:blur(28px) saturate(155%);backdrop-filter:blur(28px) saturate(155%)}
  .promo-showcase{padding:58px 0 66px}
  .promo-showcase-head h2{font-size:36px;letter-spacing:-1.3px}
  .promo-media-grid{grid-template-columns:1fr;grid-auto-rows:270px}
  .promo-photo,.promo-clip-card,.promo-photo-wide,.promo-clip-wide,.promo-photo-tall{grid-column:1;grid-row:auto}
  .promo-photo-wide{height:300px}
  .promo-photo-tall{height:360px}
  .contact-center{padding:68px 0 78px}
  .contact-center-intro h2{font-size:43px;letter-spacing:-2px}
  .contact-primary-actions .btn{width:100%}
  .contact-channel-grid{grid-template-columns:1fr}
  .contact-channel,.contact-channel-address{grid-column:1;min-height:138px}
}
@media(prefers-reduced-motion:reduce){
  .hero-brand-ghost img,.hero-panel:before{animation:none}
  .promo-photo img,.promo-clip-card>img{transition:none}
}
