/* Grup Vintage Signature 5.0 — foundational styles */
:root{--bg:#09090a;--panel:#121213;--cream:#f4efe6;--gold:#c8a35a;--muted:#aaa39a;--line:rgba(200,163,90,.38);--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}
header{position:fixed;inset:0 0 auto;z-index:40;transition:.3s;background:linear-gradient(#080809ef,transparent)}
header.scrolled{background:#09090af0;border-bottom:1px solid #ffffff12;backdrop-filter:blur(14px)}
nav{height:86px;display:flex;align-items:center;justify-content:space-between}.logo{width:188px;filter:invert(1)}.links{display:flex;gap:27px;text-transform:uppercase;letter-spacing:.15em;font-size:11px}
.links a:hover{color:var(--gold)}.mobile{display:none;background:transparent;border:1px solid var(--line);color:white;padding:10px 13px}
.hero{min-height:100vh;position:relative;display:flex;align-items:flex-end;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:grayscale(1) contrast(1.08);transform:scale(1.03)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050506f7 0%,#050506d6 34%,#05050638 70%),linear-gradient(0deg,#060607ef,transparent 52%)}
.hero-copy{position:relative;z-index:2;padding:170px 0 96px;max-width:690px}.kicker,.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.22em;text-transform:uppercase}
h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(72px,10vw,150px);line-height:.82;margin:20px 0 28px}.tag{font:42px/1.08 Georgia,serif;margin-bottom:24px}
.langs{font-size:11px;letter-spacing:.23em;text-transform:uppercase;line-height:2}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.btn{border:1px solid var(--gold);padding:15px 23px;letter-spacing:.13em;text-transform:uppercase;font-size:11px}.btn.primary{background:var(--gold);color:#111}
section{padding:112px 0;border-top:1px solid #ffffff0d}.two{display:grid;grid-template-columns:.78fr 1.22fr;gap:72px;align-items:center}h2{font-size:clamp(48px,6vw,88px);line-height:.96;margin:20px 0 28px}p{color:var(--muted);font-size:17px;line-height:1.8}
.group-slider{height:520px;position:relative;overflow:hidden;border:1px solid #ffffff18}.group-slide,.member-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:0;transition:opacity 1.15s ease,transform 6s ease;transform:scale(1.035)}.group-slide.active,.member-slide.active{opacity:1;transform:scale(1)}
.slider-ui{position:absolute;left:20px;right:20px;bottom:18px;display:flex;justify-content:space-between;z-index:3}.dots{display:flex;gap:8px}.dot{width:24px;height:2px;border:0;background:#ffffff55}.dot.active{background:var(--gold)}.arrows button{width:38px;height:38px;background:#080808b5;border:1px solid #ffffff35;color:white}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.video-card{position:relative;border:1px solid #ffffff15;background:#111;padding:0;text-align:left;color:white;overflow:hidden;cursor:pointer}.video-card video{width:100%;aspect-ratio:9/12;object-fit:cover;display:block}.video-shade{position:absolute;inset:0;background:linear-gradient(transparent 45%,#000 100%)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border:1px solid #ffffffb5;border-radius:50%;display:grid;place-items:center;background:#05050588}.video-copy{position:absolute;left:18px;right:18px;bottom:17px}.video-copy strong{display:block;font:25px Georgia,serif}.video-copy span{font-size:10px;letter-spacing:.15em;color:var(--gold);text-transform:uppercase}
.members{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:42px}.member-slider{aspect-ratio:3/4;position:relative;overflow:hidden}.member-overlay{position:absolute;inset:auto 0 0;padding:18px;background:linear-gradient(transparent,#000);z-index:3}.member-overlay span{display:block;font:22px Georgia,serif}.member-overlay small{color:var(--gold);letter-spacing:.12em;text-transform:uppercase}
.repertoire{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:42px}.rep{border:1px solid #ffffff14;background:var(--panel);padding:24px;min-height:270px}.rep h3{font-size:28px;margin:0 0 18px}.rep ul{padding:0;margin:0;list-style:none;color:var(--muted);line-height:2}.rep li:before{content:"— ";color:var(--gold)}
.concert{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;border:1px solid var(--line);padding:35px;margin-top:40px}.concert .date{font:46px Georgia,serif}.concert small{display:block;color:var(--gold);letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}
.gallery{columns:4 220px;column-gap:14px;margin-top:42px}.gallery-item{display:block;width:100%;margin:0 0 14px;padding:0;border:0;background:none;cursor:zoom-in}.gallery-item img{width:100%;display:block;filter:grayscale(1);transition:.35s}.gallery-item:hover img{filter:grayscale(0);transform:scale(1.015)}
.reveal{opacity:0;transform:translateY(24px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}
.modal{position:fixed;inset:0;z-index:100;background:#000e;display:none;align-items:center;justify-content:center;padding:28px}.modal.open{display:flex}.modal-inner{width:min(1100px,100%);position:relative}.modal video,.modal img{width:100%;max-height:84vh;object-fit:contain;background:#000}.close{position:absolute;right:0;top:-48px;background:transparent;border:1px solid #ffffff66;color:white;width:38px;height:38px}.modal-title{font:24px Georgia,serif;margin-top:12px}
footer{padding:42px 0;border-top:1px solid #ffffff12;color:var(--muted);font-size:12px}
@media(max-width:920px){.links{display:none}.mobile{display:block}.two{grid-template-columns:1fr}.video-grid{grid-template-columns:1fr 1fr}.members{grid-template-columns:repeat(2,1fr)}.repertoire{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wrap{width:calc(100% - 30px)}nav{height:72px}.logo{width:148px}.hero-copy{padding:125px 0 70px}h1{font-size:68px}.tag{font-size:30px}section{padding:76px 0}.video-grid,.repertoire{grid-template-columns:1fr}.members{grid-template-columns:1fr 1fr}.group-slider{height:330px}.concert{grid-template-columns:1fr}}
.hero-stat{margin-top:14px;color:var(--gold);font-size:13px;letter-spacing:.18em;text-transform:uppercase}.rep-filters{display:flex;gap:9px;flex-wrap:wrap;margin:30px 0}.rep-filter{background:transparent;border:1px solid #ffffff22;color:var(--muted);padding:10px 14px;cursor:pointer}.rep-filter.active{border-color:var(--gold);color:var(--cream)}.rep-list{display:grid;gap:12px}.rep-full{border:1px solid #ffffff14;background:var(--panel)}.rep-full[hidden]{display:none}.rep-head{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:0;color:var(--cream);padding:22px 24px;cursor:pointer;text-align:left}.rep-head span{font:28px Georgia,serif}.rep-head small{margin-left:15px;color:var(--gold);letter-spacing:.12em}.rep-head b{font-size:28px;transition:.3s}.rep-full.open .rep-head b{transform:rotate(45deg)}.rep-body{max-height:0;overflow:hidden;transition:max-height .5s}.rep-full.open .rep-body{max-height:1900px}.rep-body ul{columns:3 220px;column-gap:30px;padding:0 24px 25px;margin:0;list-style:none}.rep-body li{break-inside:avoid;padding:8px 0;border-bottom:1px solid #ffffff0b;color:var(--muted)}.org-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}.org-card{border:1px solid #ffffff14;background:var(--panel);padding:26px;min-height:220px}.org-card h3{font-size:29px;margin:0 0 16px}.org-card p{font-size:15px}.venue-card{margin-top:35px;border:1px solid var(--line);padding:34px}.venue-card span{color:var(--gold);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.venue-card strong{display:block;font:48px Georgia,serif;margin:10px 0}.contact-list{display:grid;gap:8px}.contact-list a{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff18;padding:14px 0}.contact-list span{color:var(--gold);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.contact-list strong{font-weight:500}@media(max-width:920px){.org-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.org-grid{grid-template-columns:1fr}.rep-body ul{columns:1}.contact-list a{display:block}.contact-list strong{display:block;margin-top:6px;font-size:13px}}
.hero-positioning{max-width:740px;margin-top:22px;color:#ddd6c8;font-size:16px;line-height:1.75}
.team-intro{max-width:900px;font-size:18px;line-height:1.85;margin:0 0 42px}
.member-card{border:1px solid #ffffff14;background:var(--panel);overflow:hidden}
.member-info{padding:22px 20px 25px}
.member-role{color:var(--gold);font-size:10px;letter-spacing:.17em;text-transform:uppercase;margin-bottom:13px}
.member-info p{font-size:14px;line-height:1.75;margin:0;color:var(--muted)}
.member-highlights{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.member-highlights span{border:1px solid #ffffff1a;padding:7px 9px;font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:#d8d0c1}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}
.why-card{position:relative;min-height:280px;padding:30px;border:1px solid #ffffff14;background:linear-gradient(145deg,#171513,#101011)}
.why-card b{color:var(--gold);font:12px Arial,sans-serif;letter-spacing:.18em}
.why-card h3{font-size:31px;line-height:1.05;margin:50px 0 17px}
.why-card p{font-size:14px;line-height:1.7}
@media(max-width:1100px){.members{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.members,.why-grid{grid-template-columns:1fr}.hero-positioning{font-size:14px}.team-intro{font-size:16px}.why-card{min-height:230px}}

/* v6 — sade ve sinematik medya akışı */
.video-copy{bottom:20px}
.video-copy strong{font-size:27px;line-height:1.08;text-shadow:0 2px 18px #000}
.video-copy span{display:none}
.video-grid{grid-template-columns:repeat(6,1fr);gap:16px}
.video-card{grid-column:span 2;min-height:390px}
.video-card:nth-child(4),.video-card:nth-child(5){grid-column:span 3}
.video-card video{height:100%;aspect-ratio:auto;min-height:390px}
.video-card:nth-child(4) video,.video-card:nth-child(5) video{min-height:480px}
.video-shade{background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.86) 100%)}
.play{transition:transform .35s ease,background .35s ease,border-color .35s ease}
.video-card:hover .play{transform:translate(-50%,-50%) scale(1.08);background:#000b;border-color:var(--gold)}

.language-repertoire{overflow:hidden}
.language-intro{max-width:820px;font-size:18px;line-height:1.8}
.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}
.language-card{position:relative;min-height:260px;padding:28px;border:1px solid #ffffff15;background:
linear-gradient(145deg,rgba(197,157,84,.055),transparent 48%),
var(--panel);transition:transform .35s ease,border-color .35s ease,background .35s ease}
.language-card:hover{transform:translateY(-5px);border-color:var(--gold);background:
linear-gradient(145deg,rgba(197,157,84,.11),transparent 55%),var(--panel)}
.language-code{font-size:11px;letter-spacing:.24em;color:var(--gold);text-transform:uppercase}
.language-card h3{font-size:36px;line-height:1.05;margin:76px 0 16px}
.language-card p{font-size:14px;line-height:1.7;margin:0}



.rep-filters,.rep-list{display:none!important}

@media(max-width:920px){
  .video-grid{grid-template-columns:1fr 1fr}
  .video-card,.video-card:nth-child(4),.video-card:nth-child(5){grid-column:auto}
  .video-card video,.video-card:nth-child(4) video,.video-card:nth-child(5) video{min-height:400px}
  .language-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .video-grid,.language-grid{grid-template-columns:1fr}
  .video-card video,.video-card:nth-child(4) video,.video-card:nth-child(5) video{min-height:460px}
  .language-card{min-height:220px}
  .language-card h3{margin-top:56px;font-size:32px}
  
}

/* v7 — küratörlü medya ve güçlü kapanış */
.about-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.about-points span{border:1px solid #ffffff18;padding:9px 12px;color:#d7d0c5;font-size:10px;letter-spacing:.12em;text-transform:uppercase}

.gallery-heading{display:grid;grid-template-columns:1fr minmax(280px,520px);gap:50px;align-items:end;margin-bottom:38px}
.gallery-heading p{margin:0;font-size:16px;line-height:1.75}
.editorial-gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:170px;gap:14px}
.editorial-gallery .gallery-item{grid-column:span 4;grid-row:span 2;min-height:0}
.editorial-gallery .gallery-item:nth-child(1){grid-column:span 7;grid-row:span 3}
.editorial-gallery .gallery-item:nth-child(2){grid-column:span 5;grid-row:span 3}
.editorial-gallery .gallery-item:nth-child(3){grid-column:span 5;grid-row:span 2}
.editorial-gallery .gallery-item:nth-child(4){grid-column:span 7;grid-row:span 2}
.editorial-gallery .gallery-item:nth-child(5){grid-column:span 4;grid-row:span 3}
.editorial-gallery .gallery-item:nth-child(6){grid-column:span 4;grid-row:span 3}
.editorial-gallery .gallery-item:nth-child(7){grid-column:span 4;grid-row:span 3}
.editorial-gallery .gallery-item:nth-child(8){grid-column:span 6;grid-row:span 2}
.editorial-gallery .gallery-item:nth-child(9){grid-column:span 6;grid-row:span 2}
.editorial-gallery .gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .5s ease}
.editorial-gallery .gallery-item:hover img{transform:scale(1.035);filter:brightness(1.06)}




#iletisim h2{max-width:720px}
#iletisim{background:
radial-gradient(circle at 75% 50%,rgba(197,157,84,.09),transparent 38%),
#0d0d0e}

@media(max-width:900px){
  .gallery-heading{grid-template-columns:1fr;gap:10px}
  .editorial-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:300px}
  .editorial-gallery .gallery-item,
  .editorial-gallery .gallery-item:nth-child(n){grid-column:auto;grid-row:auto}
}
@media(max-width:560px){
  .editorial-gallery{grid-template-columns:1fr;grid-auto-rows:430px}
  
}

/* v8 — navigasyon, erişilebilirlik ve mobil dönüşüm */
html{scroll-behavior:smooth}
section{scroll-margin-top:90px}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.menu-toggle{display:none;background:none;border:0;width:42px;height:42px;padding:9px;cursor:pointer}
.menu-toggle span{display:block;height:1px;background:var(--cream);margin:7px 0;transition:.3s}
.mobile-contact-bar{display:none}
header.scrolled{background:rgba(10,10,11,.94);backdrop-filter:blur(16px);box-shadow:0 8px 32px #0005}
header{transition:background .35s ease,box-shadow .35s ease}
.btn{transition:transform .25s ease,border-color .25s ease,background .25s ease}
.btn:hover{transform:translateY(-2px)}
.contact-list a{transition:padding-left .25s ease,color .25s ease}
.contact-list a:hover{padding-left:8px;color:var(--cream)}

@media(max-width:820px){
  body{padding-bottom:64px}
  .menu-toggle{display:block;position:relative;z-index:1002}
  header .wrap{position:relative}
  header nav{position:fixed;inset:0 0 auto 0;top:0;min-height:100vh;background:#0b0b0c;padding:115px 28px 90px;display:flex!important;flex-direction:column;align-items:flex-start;gap:0;transform:translateY(-105%);transition:transform .45s cubic-bezier(.77,0,.18,1);z-index:1001}
  header nav.open{transform:translateY(0)}
  header nav a{width:100%;padding:17px 0;border-bottom:1px solid #ffffff12;font:28px/1.1 Georgia,serif;letter-spacing:0;text-transform:none}
  .menu-toggle.open span:first-child{transform:translateY(4px) rotate(45deg)}
  .menu-toggle.open span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .mobile-contact-bar{position:fixed;display:grid;grid-template-columns:repeat(3,1fr);left:0;right:0;bottom:0;z-index:1200;background:#111;border-top:1px solid #ffffff1c}
  .mobile-contact-bar a{text-align:center;padding:17px 6px;color:var(--cream);font-size:10px;letter-spacing:.12em;text-transform:uppercase;border-right:1px solid #ffffff12}
  .mobile-contact-bar a:nth-child(2){background:var(--gold);color:#111;font-weight:700}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}