/* Bloody Claw – ana stil dosyası */
/* Layout: kurumsal holding düzeni (Sabancı Holding mantığı): sabit üst menü, tam genişlik video açılışı,
   hızlı bağlantı şeridi, değişen açık/koyu bantlar, çok sütunlu alt bilgi. Marka: kan kırmızısı + kömür siyahı. */
:root{
  --blue:#5d7188; --blood:#8a0303;          /* logo kırmızısı */
  --flame:#c4161c;          /* koyu zeminde okunur kırmızı */
  --bg:#ffffff; --bg-2:#f0f0f1; --fg:#151618; --muted:#5b5d62; --line:#e0e1e3;
  --accent:#8a0303; --accent-fg:#ffffff;
  --inv-bg:#151618; --inv-2:#1d1e21; --inv-fg:#f0f0f1; --inv-muted:#a9abb0; --inv-line:#2e3034; --inv-accent:#e0262c; --inv-blue:#8c9db0;
  --d-dark:none; --d-light:block;
  --display:"Barlow Condensed","Arial Narrow",Impact,sans-serif;
  --body:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gutter:max(16px,env(safe-area-inset-left,0px));
  --gutter-r:max(16px,env(safe-area-inset-right,0px));
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#151618; --bg-2:#1d1e21; --fg:#f0f0f1; --muted:#a9abb0; --line:#2e3034;
  --accent:#e0262c; --blue:#8c9db0; --accent-fg:#ffffff; --d-dark:block; --d-light:none; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#151618; --bg-2:#1d1e21; --fg:#f0f0f1; --muted:#a9abb0; --line:#2e3034;
  --accent:#e0262c; --blue:#8c9db0; --accent-fg:#ffffff; --d-dark:block; --d-light:none; color-scheme:dark}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.65 var(--body);overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--inv-bg)}
img,video{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);text-transform:uppercase;line-height:.98;margin:0;text-wrap:balance;font-weight:700;letter-spacing:.005em}
p{margin:0 0 1em;max-width:62ch}
:focus-visible{outline:3px solid var(--inv-accent);outline-offset:3px}
.wrap{max-width:1240px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter-r)}
.on-dark{display:var(--d-dark)} .on-light{display:var(--d-light)}
.eyebrow{font:600 13px/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;display:flex;align-items:center;gap:12px}
.eyebrow::before{content:"";width:34px;height:2px;background:currentColor}
.band{padding-block:clamp(64px,9vw,120px)}
.band.alt{background:var(--bg-2)}
.band.inv{background:var(--inv-bg);color:var(--inv-fg)}
.band.inv .eyebrow{color:var(--inv-accent)} .band.inv p{color:var(--inv-muted)}
h2.title{font-size:clamp(40px,6vw,76px);margin-bottom:28px}
.lead{font-size:clamp(18px,2vw,21px);color:var(--muted)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;font:700 15px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border:2px solid var(--blood);background:var(--blood);color:#fff;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:background .2s,border-color .2s}
.btn:hover{background:var(--flame);border-color:var(--flame)}
.btn.ghost{background:transparent;border-color:rgba(255,255,255,.55)}
.btn.ghost:hover{background:#fff;color:#151618;border-color:#fff}


/* intro */
.intro{position:fixed;inset:0;z-index:300;background:#0c0c0d;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;animation:introOut .85s cubic-bezier(.7,0,.2,1) 2.35s forwards}
.intro::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 45% at 50% 48%,rgba(138,3,3,.45),transparent 70%);opacity:0;animation:glow 1.6s ease-out .6s forwards}
.intro .stage{position:relative;width:min(240px,52vw);aspect-ratio:4/5}
.intro .ic{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;clip-path:inset(0 0 100% 0);animation:reveal .9s cubic-bezier(.3,.7,.2,1) .55s forwards,flash .5s ease-out .55s}
.intro .sl{position:absolute;top:-8%;width:3px;height:112%;background:linear-gradient(#ff3b41,#8a0303 70%,transparent);box-shadow:0 0 14px 2px rgba(224,38,44,.8);transform-origin:top;transform:scaleY(0) rotate(var(--r));opacity:1;animation:slash .7s cubic-bezier(.5,0,.2,1) var(--t) forwards}
.intro .s1{left:22%;--r:-8deg;--t:.05s}.intro .s2{left:50%;--r:0deg;--t:.2s}.intro .s3{left:78%;--r:8deg;--t:.35s}
.intro .iw{width:min(300px,64vw);height:auto;opacity:0;transform:translateY(14px);animation:rise .7s cubic-bezier(.2,.7,.2,1) 1.25s forwards}
.intro .bar{width:min(300px,64vw);height:2px;background:#2e3034;overflow:hidden;opacity:0;animation:rise .4s ease-out 1.3s forwards}
.intro .bar b{display:block;height:100%;background:#e0262c;transform:scaleX(0);transform-origin:left;animation:fill 1s cubic-bezier(.5,0,.2,1) 1.35s forwards}
@keyframes slash{0%{transform:scaleY(0) rotate(var(--r));opacity:1}60%{transform:scaleY(1) rotate(var(--r));opacity:1}100%{transform:scaleY(1) rotate(var(--r));opacity:0}}
@keyframes reveal{to{clip-path:inset(0 0 0 0)}}
@keyframes flash{0%{filter:brightness(2.4) drop-shadow(0 0 22px #e0262c)}100%{filter:none}}
@keyframes glow{to{opacity:1}}
@keyframes rise{to{opacity:1;transform:none}}
@keyframes fill{to{transform:scaleX(1)}}
@keyframes introOut{0%{clip-path:inset(0 0 0 0)}99%{visibility:visible}100%{clip-path:inset(0 0 100% 0);visibility:hidden}}
.hero .rise{opacity:0;transform:translateY(26px);animation:rise .7s cubic-bezier(.2,.7,.2,1) calc(.05s + var(--d,0s)) forwards}
html.skip .intro{display:none}
html.skip .hero .rise{animation-delay:var(--d,0s)}
@media (prefers-reduced-motion:reduce){.intro{display:none}.hero .rise{opacity:1;transform:none;animation:none}}


/* motion */
.js .rv{opacity:0;transform:translateY(30px);transition:opacity .85s cubic-bezier(.2,.7,.2,1) var(--rd,0s),transform .85s cubic-bezier(.2,.7,.2,1) var(--rd,0s)}
.js .rv.in{opacity:1;transform:none}
.card,.area,.team,.cbox,.sp,.quick a,.pl{transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .35s,background .2s,color .2s}
.card:hover,.area:hover,.team:hover,.cbox:hover,.sp:hover,.pl:hover{transform:translateY(-6px)}
.card:hover,.area:hover,.sp.cta:hover{border-color:var(--blood)}
.area:hover,.card:hover{box-shadow:0 18px 36px -18px rgba(138,3,3,.45)}
.team:hover,.cbox:hover,.sp.main:hover{box-shadow:0 18px 40px -16px rgba(224,38,44,.35)}
.area .n{transition:width .5s cubic-bezier(.2,.7,.2,1)}
.area:hover .n{width:100%}
nav.main a.l{position:relative}
nav.main a.l::after{content:"";position:absolute;left:11px;right:11px;bottom:18px;height:2px;background:var(--inv-accent);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
nav.main a.l:hover::after,nav.main li:focus-within>a.l::after{transform:scaleX(1)}
@media (max-width:1120px){nav.main a.l::after{display:none}}
.eyebrow::before{transition:width .8s cubic-bezier(.2,.7,.2,1) .25s}
.js .eyebrow.rv:not(.in)::before{width:0}
.timeline{border-top:0;position:relative}
.timeline::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--fg);transform-origin:left;transition:transform 1.5s cubic-bezier(.5,0,.2,1)}
.js .timeline:not(.in)::before{transform:scaleX(0)}
.timeline li::before{transition:transform .5s cubic-bezier(.3,1.7,.5,1) calc(var(--i,0)*.5s + .25s)}
.js .timeline:not(.in) li::before{transform:rotate(45deg) scale(0)}
.timeline li:nth-child(2){--i:1}.timeline li:nth-child(3){--i:2}
.hero video{will-change:transform}

/* header */
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--inv-bg);color:var(--inv-fg);border-bottom:1px solid var(--inv-line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img.c{height:44px;width:auto}.brand img.w{height:34px;width:auto}
nav.main{display:flex;align-items:center;gap:4px}
nav.main>ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
nav.main li{position:relative}
nav.main a.l{display:block;padding:26px 11px;font:600 16px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--inv-fg)}
nav.main a.l:hover{color:var(--inv-accent)}
.sub{position:absolute;left:0;top:100%;min-width:230px;background:var(--inv-2);border:1px solid var(--inv-line);border-top:3px solid var(--blood);padding:10px 0;display:none;list-style:none;margin:0}
li:hover>.sub,li:focus-within>.sub{display:block}
.sub a{display:block;padding:10px 20px;text-decoration:none;font-size:15px;color:var(--inv-muted)}
.sub a:hover{color:#fff;background:var(--inv-bg)}
.burger{display:none;background:none;border:1px solid var(--inv-line);color:var(--inv-fg);width:44px;height:44px;cursor:pointer;font-size:0}
.burger i{display:block;width:20px;height:2px;background:currentColor;margin:5px auto;transition:transform .2s}
@media (max-width:1120px){
  .burger{display:block}
  nav.main{position:absolute;left:0;right:0;top:100%;background:var(--inv-bg);border-bottom:1px solid var(--inv-line);display:none;padding:8px var(--gutter-r) 20px var(--gutter);max-height:calc(100vh - 80px);overflow:auto}
  nav.main.open{display:block}
  nav.main>ul{flex-direction:column}
  nav.main a.l{padding:14px 0;border-bottom:1px solid var(--inv-line)}
  .sub{position:static;display:block;border:0;padding:0 0 6px 14px;background:none;min-width:0}
  .sub a{padding:8px 0}
}

/* hero */
.hero{position:relative;background:#000;color:#fff;overflow:hidden;isolation:isolate}
.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;opacity:.9;filter:saturate(1.12) contrast(1.05)}
.hero::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(10,10,12,.86) 0%,rgba(10,10,12,.5) 45%,rgba(10,10,12,.08) 100%),linear-gradient(0deg,rgba(10,10,12,.9) 0%,transparent 32%),radial-gradient(ellipse at 80% 40%,transparent 40%,rgba(10,10,12,.35) 100%)}
.hero .wrap{padding-block:clamp(72px,12vw,160px) clamp(56px,8vw,96px);position:relative}
.hero .claw-mark{position:absolute;right:var(--gutter-r);bottom:-20px;height:min(86%,560px);width:auto;opacity:.16;z-index:-1}
.hero .est{font:600 14px/1 var(--body);letter-spacing:.28em;text-transform:uppercase;color:#e0262c;margin-bottom:22px}
.hero h1{font-size:clamp(42px,6.6vw,104px);font-weight:800;line-height:.92;max-width:13ch}
.hero h1 em{font-style:normal;color:#e0262c}
.hero p{font-size:clamp(18px,2vw,22px);color:#d3d4d7;margin:28px 0 36px;max-width:50ch}
.hero .cta{display:flex;gap:14px;flex-wrap:wrap}
.facts{background:var(--inv-bg);color:var(--inv-fg);border-top:1px solid var(--inv-line)}
.facts .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.fact{padding:30px 24px 30px 0;border-right:1px solid var(--inv-line)}
.fact+.fact{padding-left:24px}.fact:last-child{border-right:0}
.fact b{display:block;font:700 clamp(40px,5vw,64px)/1 var(--display);color:var(--inv-accent);font-variant-numeric:tabular-nums}
.fact span{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--inv-muted)}
@media (max-width:720px){.facts .wrap{grid-template-columns:1fr 1fr}.fact{border-bottom:1px solid var(--inv-line);padding-left:0!important}.fact:nth-child(2n){padding-left:20px!important;border-right:0}}

/* quick links */
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);margin-top:-1px}
.quick a{padding:34px 28px;text-decoration:none;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px;min-height:170px;justify-content:space-between;transition:background .2s,color .2s}
.quick a:last-child{border-right:0}
.quick a:hover{background:var(--blood);color:#fff}
.quick h3{font-size:32px}.quick span{font-size:15px;color:var(--muted)}
.quick a:hover span{color:#f3d4d4}
.quick .arr{font:700 26px/1 var(--display)}
@media (max-width:900px){.quick{grid-template-columns:1fr 1fr}.quick a:nth-child(2){border-right:0}.quick a:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:520px){.quick{grid-template-columns:1fr}.quick a{border-right:0;border-bottom:1px solid var(--line);min-height:0}.quick a:last-child{border-bottom:0}}

/* about */
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,90px);align-items:start}
.split>*{min-width:0}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.dl{display:grid;grid-template-columns:auto 1fr;border-top:2px solid var(--fg);margin:0}
.dl dt,.dl dd{padding:15px 0;border-bottom:1px solid var(--line);margin:0}
.dl dt{font:600 13px/1.6 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding-right:28px}
.dl dd{font-weight:500}
.timeline{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:2px solid var(--fg)}
.timeline li{padding:22px 22px 0 0;position:relative}
.timeline li::before{content:"";position:absolute;top:-8px;left:0;width:14px;height:14px;background:var(--blood);transform:rotate(45deg)}
.timeline b{display:block;font:700 30px/1.05 var(--display);text-transform:uppercase;margin:10px 0 8px}
.timeline span{font-size:15px;color:var(--muted);display:block;max-width:26ch}
@media (max-width:860px){.timeline{grid-template-columns:1fr 1fr;row-gap:36px}}
@media (max-width:480px){.timeline{grid-template-columns:1fr}}

/* vision */
.vm{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--inv-line);margin-bottom:64px}
.vm article{background:var(--inv-2);padding:clamp(28px,4vw,56px);position:relative;overflow:hidden}
.vm h3{font-size:clamp(40px,5vw,64px);color:var(--inv-fg);margin-bottom:18px}
.vm .tag{font:600 13px/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--inv-accent);display:block;margin-bottom:16px}
.vm p{font-size:19px;color:var(--inv-muted)}
.vm img{position:absolute;right:-30px;bottom:-30px;height:200px;width:auto;opacity:.09}
@media (max-width:760px){.vm{grid-template-columns:1fr}}
.pledge{margin:0 0 64px;padding:8px 0 8px clamp(20px,3vw,36px);border-left:4px solid var(--blood)}
.pledge p{font-size:clamp(19px,2.2vw,24px);color:var(--inv-fg);max-width:60ch}
.pledge strong{display:block;font:700 clamp(26px,3.4vw,40px)/1.1 var(--display);text-transform:uppercase;color:var(--inv-blue);max-width:24ch}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--inv-line)}
.values div{padding:30px 28px 30px 0;border-bottom:1px solid var(--inv-line)}
.values div:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid var(--inv-line)}
.values h3{font-size:30px;margin-bottom:8px;color:var(--inv-fg)}
.values p{font-size:16px;margin:0;color:var(--inv-muted)}
@media (max-width:860px){.values{grid-template-columns:1fr 1fr}.values div{padding:24px 20px 24px 0!important;border-left:0!important}.values div:nth-child(2n){padding-left:20px!important;border-left:1px solid var(--inv-line)!important}}
@media (max-width:520px){.values{grid-template-columns:1fr}.values div{padding-left:0!important;border-left:0!important}}

/* areas + teams */
.areas{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.area{padding:28px;border:1px solid var(--line);background:var(--bg);display:flex;flex-direction:column;gap:12px}
.area h3{font-size:30px}.area p{font-size:16px;color:var(--muted);margin:0}
.area .n{width:34px;height:4px;background:var(--blood)}
@media (max-width:1000px){.areas{grid-template-columns:1fr 1fr}}@media (max-width:560px){.areas{grid-template-columns:1fr}}
.teams{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px}
.team{position:relative;min-height:300px;padding:28px;background:var(--inv-bg);color:var(--inv-fg);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-bottom:4px solid var(--blood)}
.team .gmark{position:absolute;right:22px;top:22px;width:170px;height:100px;display:flex;align-items:center;justify-content:flex-end}
.team .gmark img{max-width:100%;max-height:100%;width:auto;height:auto;position:static;opacity:1}
.team .gmark span{font:800 28px/1 var(--display);letter-spacing:.06em;color:var(--inv-blue)}
.team h3{font-size:56px}.team p{margin:6px 0 0;color:var(--inv-muted);font-size:16px;position:relative}
.team .st{position:relative;font:600 12px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--inv-blue);margin-bottom:10px}
@media (max-width:900px){.teams{grid-template-columns:1fr}.team{min-height:220px}}

/* media */
.media-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-top:44px}
.media-grid>*{min-width:0}
.player{background:#000;border:1px solid var(--inv-line)}
.player video{width:100%;aspect-ratio:16/9;background:#000}
.cap{padding:14px 18px;font-size:14px;letter-spacing:.06em;color:var(--inv-muted);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.jersey{background:linear-gradient(160deg,#1f2023,#151618);border:1px solid var(--inv-line);display:flex;flex-direction:column}
.zoom{cursor:zoom-in}
.jersey img{width:100%;max-height:420px;object-fit:contain;padding:18px}
.banners{display:grid;gap:20px;margin-top:20px}
.banners img{width:100%;border:1px solid var(--inv-line)}
@media (max-width:860px){.media-grid{grid-template-columns:1fr}}
.brand-kit{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.kit{padding:30px;display:flex;align-items:center;justify-content:center;min-height:240px}
.kit.k-light{background:#fff}.kit.k-dark{background:#151618;border:1px solid var(--inv-line)}
.kit img{max-height:190px;width:auto}
.swatches{display:flex;gap:0;margin-top:20px;flex-wrap:wrap}
.sw{flex:1 1 140px;padding:18px 16px 14px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;min-height:96px;display:flex;flex-direction:column;justify-content:flex-end}
.sw b{font:700 20px/1.1 var(--display);letter-spacing:.06em}
@media (max-width:600px){.brand-kit{grid-template-columns:1fr}}
.evo{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(24px,5vw,70px);align-items:center;margin-top:64px;padding-top:56px;border-top:1px solid var(--inv-line)}
.evo>*{min-width:0}.evo img{width:100%;max-width:440px;border:1px solid var(--inv-line)}
@media (max-width:760px){.evo{grid-template-columns:1fr}}

/* news */
.news{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.card{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);text-decoration:none}
.card .im{aspect-ratio:16/10;background:#151618;overflow:hidden;display:flex;align-items:center;justify-content:center}
.card .im img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card .im img.contain{object-fit:contain;padding:22px;width:auto;max-width:100%}
.card:hover .im img{transform:scale(1.04)}
.card .tx{padding:24px;display:flex;flex-direction:column;gap:10px}
.card .k{font:600 12px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.card h3{font-size:30px}.card p{font-size:16px;color:var(--muted);margin:0}
@media (max-width:900px){.news{grid-template-columns:1fr}}

/* join + contact */
.join{background:var(--blood);color:#fff;position:relative;overflow:hidden}
.join .wrap{padding-block:clamp(52px,7vw,84px);display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;position:relative}
.join h2{font-size:clamp(40px,6vw,80px);max-width:14ch}
.join p{color:#f2d3d3;margin:12px 0 0}
.btn{cursor:pointer;font-family:var(--display)}
.join .btn{background:#151618;border-color:#151618}.join .btn:hover{background:#fff;color:#151618;border-color:#fff}
.join img{position:absolute;right:10%;top:-30px;height:150%;opacity:.12;width:auto}
.contact{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.cbox{border:1px solid var(--inv-line);background:var(--inv-2);padding:28px;display:flex;flex-direction:column;gap:8px;min-width:0}
.cbox .k{font:600 12px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--inv-accent)}
.cbox h3{font-size:30px;color:var(--inv-fg)}
.cbox p{margin:0;font-size:16px}
.cbox a{color:var(--inv-fg);font-weight:600;overflow-wrap:anywhere}
.handle{display:inline-flex;align-items:center;gap:10px;margin-top:6px;text-decoration:none;color:var(--inv-fg)!important;border-bottom:2px solid var(--blood);align-self:flex-start;font-family:var(--display);font-size:24px;letter-spacing:.06em;text-transform:uppercase}
@media (max-width:900px){.contact{grid-template-columns:1fr}}


/* overlays + form */
.ov{position:fixed;inset:0;z-index:100;background:rgba(10,10,11,.92);display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) var(--gutter-r) max(16px,env(safe-area-inset-bottom,0px)) var(--gutter);overflow:auto}
.ov[hidden]{display:none}
#lightbox img{max-width:100%;max-height:100%;object-fit:contain}
.ov .x{position:absolute;top:max(12px,env(safe-area-inset-top,0px));right:var(--gutter-r);width:46px;height:46px;border:1px solid var(--inv-line);background:var(--inv-bg);color:#fff;font:400 30px/1 var(--body);cursor:pointer;z-index:2}
.ov .x:hover{background:var(--blood)}
.ov .x.in{top:12px;right:12px}
.panel{position:relative;width:min(640px,100%);background:var(--inv-bg);color:var(--inv-fg);border:1px solid var(--inv-line);border-top:4px solid var(--blood);padding:clamp(24px,4vw,44px);margin:auto}
.panel h2{font-size:clamp(34px,5vw,48px);margin-bottom:22px;color:var(--inv-fg)}
.panel form{display:grid;gap:16px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.row2>*{min-width:0}
@media (max-width:560px){.row2{grid-template-columns:1fr}}
.panel label{display:grid;gap:6px;font:600 12px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--inv-muted)}
.panel input,.panel textarea{font:400 16px/1.4 var(--body);padding:13px 14px;background:var(--inv-2);color:var(--inv-fg);border:1px solid var(--inv-line);border-radius:0;width:100%;letter-spacing:0;text-transform:none}
.panel input:focus,.panel textarea:focus{outline:none;border-color:var(--inv-accent);box-shadow:0 0 0 2px rgba(224,38,44,.35)}
.panel .invalid{border-color:var(--inv-accent)}
.panel .status{margin:0;font-size:15px;min-height:1.4em;color:var(--inv-muted)}
.panel .status.err{color:#ff7a7f}.panel .status.ok{color:#8fd19e}
.panel .btn{justify-self:start}


/* roster + sponsors */
.rgroup{margin-top:48px}
.rgroup h3{font-size:28px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--fg)}
.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}
.pl{background:var(--inv-bg);color:var(--inv-fg);border-bottom:4px solid var(--blood);overflow:hidden}
.pl .ph{aspect-ratio:4/5;background:var(--inv-2);display:flex;align-items:center;justify-content:center;overflow:hidden}
.pl .ph img.p{width:100%;height:100%;object-fit:cover}
.pl .ph img.ph0{width:42%;height:auto;opacity:.25}
.pl .tx{padding:18px 20px 22px}
.pl h4{font:700 32px/1 var(--display);text-transform:uppercase;margin:0 0 6px}
.pl .rl{font:600 12px/1.3 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--inv-accent)}
.pl .nm{font-size:15px;color:var(--inv-muted);margin-top:6px}
.rempty{margin-top:40px;padding:48px 28px;border:1px dashed var(--line);display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.rempty img{height:64px;width:auto;opacity:.9}
.rempty p{margin:0;color:var(--muted)}
.rempty b{display:block;font:700 30px/1 var(--display);text-transform:uppercase;color:var(--fg);margin-bottom:8px}
.sponsors{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:44px}
.sponsors>*{min-width:0}
.sp{padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:14px}
.sp .k{font:600 12px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.sp.main{background:var(--inv-bg);color:var(--inv-fg);border-bottom:4px solid var(--blood)}
.sp.main .k{color:var(--inv-accent)}
.sp.main .logo{height:130px;display:flex;align-items:center}
.sp.main .logo img{max-height:110px;width:auto;max-width:100%}
.sp.main p{margin:0;color:var(--inv-muted)}
.sp.cta{border:1px dashed var(--line);background:var(--bg)}
.sp.cta h3{font-size:clamp(32px,4vw,44px)}
.sp.cta p{margin:0;color:var(--muted)}
.sp.cta .btn{align-self:flex-start;margin-top:auto}
@media (max-width:760px){.sponsors{grid-template-columns:1fr}}


/* ---- BBL tarzı akış ---- */
.topbar{background:#0a0a0b;color:var(--inv-muted);font:600 12px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid var(--inv-line)}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:34px;gap:16px}
.topbar .soc{display:flex;gap:20px}.topbar a{text-decoration:none;color:var(--inv-muted)}.topbar a:hover{color:#fff}
@media (max-width:520px){.topbar span{display:none}.topbar .wrap{justify-content:flex-end}}
.ticker-wrap{overflow:hidden;background:var(--inv-bg);padding:46px 0}
.ticker{margin:0 -4%;transform:rotate(-1.6deg)}
.strip{overflow:hidden;white-space:nowrap}
.strip.red{background:var(--blood);color:#fff;border-block:2px solid #0a0a0b}
.strip.dark{background:#0a0a0b;color:#fff;border-bottom:2px solid var(--blood)}
.track{display:inline-flex;align-items:center;gap:28px;padding:14px 0 14px 28px;animation:marq 38s linear infinite;will-change:transform}
.track.rev{animation-direction:reverse;animation-duration:46s}
.track span{font:800 clamp(26px,3.4vw,44px)/1 var(--display);text-transform:uppercase;letter-spacing:.03em}
.strip.dark .track span{color:transparent;-webkit-text-stroke:1.5px #f0f0f1}
.track .star{width:22px;height:22px;fill:currentColor;flex:none}
.strip.dark .star{fill:var(--inv-accent)}
@keyframes marq{to{transform:translateX(-50%)}}
.squad .title.big{font-size:clamp(44px,8vw,110px);line-height:.92}
.outline{color:transparent;-webkit-text-stroke:2px var(--inv-fg)}
.gcards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.gcard{position:relative;display:flex;flex-direction:column;gap:10px;min-height:420px;padding:32px;text-decoration:none;color:var(--inv-fg);background:var(--inv-2);border:1px solid var(--inv-line);overflow:hidden;isolation:isolate;clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,34px 100%,0 calc(100% - 34px))}
.gcard::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#b01016,var(--blood) 60%);transform:translateY(101%);transition:transform .55s cubic-bezier(.7,0,.2,1);z-index:-1}
.gcard:hover::before,.gcard:focus-visible::before{transform:none}
.gcard .st{font:600 12px/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--inv-accent);transition:color .3s}
.gcard:hover .st{color:#fff}
.gcard .gl{flex:1;display:flex;align-items:center;justify-content:center;padding:18px 0}
.gcard .gl img{max-height:150px;max-width:78%;width:auto;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.gcard:hover .gl img{transform:scale(1.12)}
.gcard h3{font-size:clamp(34px,4vw,52px)}
.gcard p{margin:0;color:var(--inv-muted);transition:color .3s}.gcard:hover p{color:#f6dcdc}
.gcard .go{margin-top:10px;font:700 16px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;display:inline-flex;gap:10px;opacity:.7;transition:opacity .3s}
.gcard .go b{display:inline-block;transition:transform .35s}
.gcard:hover .go{opacity:1}.gcard:hover .go b{transform:translateX(8px)}
@media (max-width:760px){.gcards{grid-template-columns:1fr}.gcard{min-height:340px}}
.about{align-items:center}
.feature{position:relative;aspect-ratio:1/1;max-height:560px;background:linear-gradient(150deg,var(--blood),#4a0202);display:flex;align-items:center;justify-content:center;overflow:hidden;clip-path:polygon(0 0,calc(100% - 48px) 0,100% 48px,100% 100%,48px 100%,0 calc(100% - 48px))}
.feature img{width:62%;height:auto;position:relative;z-index:1;filter:drop-shadow(0 20px 30px rgba(0,0,0,.45))}
.feature .yr{position:absolute;left:-2%;bottom:-6%;font:800 clamp(120px,20vw,260px)/.8 var(--display);color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.28);letter-spacing:-.02em}
.about .dl{margin-top:24px}
.promo{position:relative;background:var(--blood);color:#fff;overflow:hidden;clip-path:polygon(0 36px,100% 0,100% calc(100% - 36px),0 100%);padding-block:clamp(88px,10vw,140px)}
.promo .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);align-items:center}
.promo .wrap>*{min-width:0}
.promo .eyebrow{color:#ffd9d9}
.promo h2{font-size:clamp(44px,7vw,92px);margin-bottom:20px}
.promo p{color:#f6dcdc;font-size:19px}
.promo .btn{background:#0a0a0b;border-color:#0a0a0b;margin-top:10px}.promo .btn:hover{background:#fff;color:#0a0a0b;border-color:#fff}
.promo img{width:100%;max-width:420px;max-height:520px;object-fit:contain;justify-self:center;filter:drop-shadow(0 26px 34px rgba(0,0,0,.5));transition:transform .5s}
.promo img:hover{transform:rotate(-3deg) scale(1.04)}
@media (max-width:820px){.promo .wrap{grid-template-columns:1fr}}
.headrow{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:0}
.headrow .title{margin-bottom:0}
.headrow .more{font:700 16px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--accent);padding-bottom:10px;border-bottom:2px solid var(--blood)}
.headrow .more:hover{color:var(--fg)}
.btn svg{flex:none}
#vmodal video{width:min(1100px,100%);max-height:84vh;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.fspons{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-bottom:36px;margin-bottom:40px;border-bottom:1px solid var(--inv-line)}
.fspons span{font:600 13px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--inv-accent)}
.fspons img{height:46px;width:auto}
.fsoc{display:flex;gap:10px;margin-top:6px}
.fsoc a{width:42px;height:42px;border:1px solid var(--inv-line);display:flex;align-items:center;justify-content:center;color:var(--inv-fg)!important;transition:background .2s,border-color .2s}
.fsoc a:hover{background:var(--blood);border-color:var(--blood)}
@media (prefers-reduced-motion:reduce){.track{animation:none}}

/* yönetim + sayfalar */
.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,260px));gap:24px;margin-top:44px}
.bm{background:var(--bg-2);padding:28px 20px 26px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;border-bottom:3px solid transparent;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .35s}
.bm:hover{transform:translateY(-6px);border-color:var(--blood);box-shadow:0 18px 36px -18px rgba(0,0,0,.35)}
.bm img{width:132px;height:132px;border-radius:50%;object-fit:cover;object-position:50% 20%;margin-bottom:12px;border:3px solid var(--bg);box-shadow:0 0 0 2px var(--blood)}
.bm h3{font:700 19px/1.25 var(--body);text-transform:none;letter-spacing:0}
.bm span{font:600 13px/1.4 var(--body);color:var(--accent)}
.page[hidden]{display:none}
.pbanner{position:relative;background:var(--inv-bg);color:var(--inv-fg);overflow:hidden;border-top:3px solid var(--blood);isolation:isolate}
.pbanner>img{position:absolute;right:6%;top:-20%;height:150%;width:auto;opacity:.09;z-index:-1}
.pbanner .wrap{padding-block:clamp(48px,7vw,88px);display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.pbanner h1{font-size:clamp(42px,7vw,88px);margin-top:4px}
.pbanner .back{font:600 13px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--inv-muted);margin-bottom:22px}
.pbanner .back:hover{color:#fff}
.pbanner .eyebrow{color:var(--inv-accent);margin-bottom:0}
.prose{padding-block:clamp(40px,6vw,80px)}
.prose>*{max-width:860px}
.prose h2{font-size:clamp(28px,3.6vw,42px);margin-bottom:22px}
.prose h3{font-size:26px;margin:34px 0 10px;color:var(--accent)}
.prose p{max-width:none;font-size:17px}
.prose .sel{font-weight:600;overflow-wrap:anywhere;user-select:all}
.kunye{margin-top:0}
.kunye dt{width:min(240px,34vw)}
@media (max-width:620px){.kunye{grid-template-columns:1fr}.kunye dt{width:auto;padding-bottom:0;border-bottom:0}.kunye dd{padding-top:4px}}
.legal .ll{display:flex;gap:20px;flex-wrap:wrap}
.legal .ll a{color:var(--inv-muted);text-decoration:none}.legal .ll a:hover{color:#fff}
.vm article p{font-size:17px;margin-bottom:14px}

/* footer */
footer{background:var(--inv-bg);color:var(--inv-fg);border-top:4px solid var(--blood)}
footer .wrap{padding-block:56px 28px}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.fgrid>*{min-width:0}
.fgrid img.w{height:48px;width:auto;margin-bottom:16px}
.fgrid p{font-size:15px;color:var(--inv-muted)}
.fgrid h4{font:600 13px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--inv-accent);margin:0 0 16px}
.fgrid ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fgrid a{text-decoration:none;color:var(--inv-muted);font-size:15px}.fgrid a:hover{color:#fff}
.legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:1px solid var(--inv-line);font-size:13px;letter-spacing:.08em;color:var(--inv-muted);text-transform:uppercase}
@media (max-width:860px){.fgrid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.fgrid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ---- çok sayfalı yapı ---- */
nav.main a.l[aria-current]::after{transform:scaleX(1)}
nav.main a.l[aria-current]{color:var(--inv-accent)}
.xgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.xtile{position:relative;display:flex;flex-direction:column;gap:8px;min-height:230px;padding:30px;text-decoration:none;color:var(--fg);background:var(--bg);border:1px solid var(--line);overflow:hidden;isolation:isolate;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px))}
.xtile::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#b01016,var(--blood) 60%);transform:translateY(101%);transition:transform .5s cubic-bezier(.7,0,.2,1);z-index:-1}
.xtile:hover::before,.xtile:focus-visible::before{transform:none}
.xtile .xk{font:600 12px/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);transition:color .3s}
.xtile h3{font-size:clamp(34px,3.6vw,46px)}
.xtile p{margin:0;color:var(--muted);transition:color .3s;font-size:16px}
.xtile b{margin-top:auto;font:700 30px/1 var(--display);transition:transform .35s}
.xtile:hover,.xtile:hover .xk,.xtile:hover p{color:#fff}
.xtile:hover b{transform:translateX(10px)}
@media (max-width:900px){.xgrid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.xgrid{grid-template-columns:1fr}.xtile{min-height:180px}}
.evo.first{margin-top:0;padding-top:0;border-top:0}
.pbanner+.band,.pbanner+.squad{padding-top:clamp(28px,4vw,56px)}
.pbanner .wrap{padding-bottom:clamp(36px,5vw,64px)}

/* ---- şeffaf üst menü (videonun üstünde) ---- */
header.top{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);background:linear-gradient(180deg,rgba(10,10,12,.6),rgba(10,10,12,0));border-bottom:2px solid transparent;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}
header.top.scrolled,header.top.solid{background:rgba(21,22,24,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:var(--blood);box-shadow:0 10px 30px -12px rgba(0,0,0,.6)}
.hero .wrap{padding-top:calc(clamp(72px,12vw,160px) + 72px)}
.pbanner .wrap{padding-top:calc(clamp(48px,7vw,88px) + 72px)}

/* ---- Hiyerarşik menü (direktörlük → departmanlar) ---- */
.sub li.hf{position:relative}
.sub li.hf>a{display:flex;justify-content:space-between;align-items:center;gap:14px}
.sub li.hf>a::after{content:"›";font-size:20px;line-height:1;color:var(--inv-accent)}
.fly{position:absolute;left:100%;top:-13px;min-width:290px;background:var(--inv-2);border:1px solid var(--inv-line);border-top:3px solid var(--blood);padding:10px 0;display:none;list-style:none;margin:0;box-shadow:0 18px 40px -12px rgba(0,0,0,.6)}
.sub li.hf:hover>.fly,.sub li.hf:focus-within>.fly{display:block}
.fly a{display:block;padding:9px 20px;text-decoration:none;font-size:15px;color:var(--inv-muted)}
.fly a:hover{color:#fff;background:var(--inv-bg)}
.fly .sn{display:block;padding:9px 20px;font-size:14px;color:var(--inv-accent);font-style:italic}
@media (max-width:1120px){
  .sub li.hf>a::after{content:none}
  .fly{position:static;display:block;border:0;box-shadow:none;padding:0 0 4px 14px;background:none;min-width:0}
  .fly a{padding:6px 0;font-size:14px}.fly .sn{padding:6px 0}
}
/* ---- Direktörlükler sayfası ---- */
[id]{scroll-margin-top:92px}
.org .title{font-size:clamp(34px,5vw,60px);margin-bottom:14px}
.org .soon{margin:18px 0 0}.org .soon span{display:inline-block;padding:8px 16px;border:1px dashed var(--accent);color:var(--accent);font:700 13px/1 var(--body);letter-spacing:.16em;text-transform:uppercase}
.oleads{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.olead{background:var(--bg-2);border-left:4px solid var(--blood);padding:24px 24px 22px}
.band.alt .olead{background:var(--bg)}
.olead h3{font-size:26px;margin-bottom:10px}.olead p{margin:0;font-size:16px;color:var(--muted)}
.osub{font:700 14px/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:56px 0 22px;display:flex;align-items:center;gap:14px}
.osub::after{content:"";flex:1;height:1px;background:var(--line)}
.odepts{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px}
.odept{background:var(--bg-2);border:1px solid var(--line);padding:26px;display:flex;flex-direction:column;gap:12px;transition:border-color .3s,transform .35s cubic-bezier(.2,.7,.2,1)}
.band.alt .odept{background:var(--bg)}
.odept:hover{border-color:var(--blood);transform:translateY(-4px)}
.odept h4{font:700 27px/1.05 var(--display);text-transform:uppercase;margin:0}
.odept .dd{margin:0;font-size:16px;color:var(--muted)}
.odept ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:12px}
.odept li{padding-left:14px;border-left:2px solid var(--blood)}
.odept li b{display:block;font:700 16px/1.3 var(--body)}.odept li span{display:block;font-size:15px;color:var(--muted)}
@media (max-width:900px){.oleads{grid-template-columns:1fr}}
.bm img[src$="claw-light.png"]{object-fit:contain;padding:24px;background:var(--bg)}
h2.osub{margin-top:56px}
.odept h4 a{color:inherit;text-decoration:none}.odept h4 a:hover{color:var(--accent)}

/* ---- Mega menü (üst kategorilerin üstüne gelince açılır) ---- */
.mhero i{font-style:normal}
@media (min-width:1121px){
  nav.main li.hm{position:static}
  header.top .wrap{position:static}
  .mega{position:absolute;left:0;right:0;top:100%;display:none;grid-template-columns:minmax(320px,42%) 1fr;min-height:340px;background:var(--inv-2);border-top:3px solid var(--blood);box-shadow:0 24px 40px -16px rgba(0,0,0,.65);animation:megain .22s ease}
  li.hm:hover>.mega,li.hm:focus-within>.mega{display:grid}
  @keyframes megain{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
  .mhero{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;padding:34px 44px 38px;overflow:hidden;text-decoration:none;color:#fff;min-height:340px}
  .mhero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
  .mhero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(10,10,12,.85),rgba(10,10,12,.25) 65%)}
  .mhero:hover img{transform:scale(1.05)}
  .mhero strong,.mhero span{position:relative;z-index:2}
  .mhero strong{font:700 clamp(34px,3.6vw,52px)/1 var(--display);letter-spacing:.01em}
  .mhero span{font:600 13px/1 var(--body);letter-spacing:.08em;padding-bottom:12px;border-bottom:2px solid var(--inv-accent);display:block}
  .mega .sub{position:relative;display:block;min-width:0;width:340px;margin:20px 0 20px 48px;padding:0;background:none;border:0}
  .mega .sub>li>a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 4px;font-size:16px;color:var(--inv-fg);border-bottom:1px solid rgba(224,38,44,.45);background:none}
  .mega .sub>li>a::after{content:"";width:0;height:0;border-left:5px solid var(--inv-accent);border-top:4px solid transparent;border-bottom:4px solid transparent;flex:none}
  .mega .sub>li>a:hover{color:var(--inv-accent);background:none}
  .mega .sub li.hf>a::after{content:"";font-size:0}
  .mega .fly{left:100%;top:0;min-width:300px;padding:0 0 0 44px;background:none;border:0;box-shadow:none}
  .mega .fly a{padding:12px 4px;border-bottom:1px solid var(--inv-line);color:var(--inv-muted)}
  .mega .fly a:hover{color:#fff;background:none}
  .mega .fly .sn{padding:12px 4px}
}
@media (max-width:1120px){
  .mega{display:block}.mhero{display:none}
}
@media (min-width:1121px){.mega>.mhero{grid-column:1;grid-row:1}.mega>.sub{grid-column:2;grid-row:1;align-self:start}}
@media (min-width:1121px){.mega .sub{top:auto;left:auto}}

/* Mega menü: sağ sütun hep panelin üstünden başlar (hover'da kaymaz) + logo görselli paneller */
@media (min-width:1121px){
  .mega .sub{position:relative}
  .mega .sub li.hf{position:static}
  .mega .fly{top:0;left:100%}
  .mhero.mk,.mhero.md,.mhero.mt{background:#8a0303}
  .mhero.md{background:#2f3237}
  .mhero.mt{background:#fff;color:#151618}
  .mhero.mk img,.mhero.md img,.mhero.mt img{object-fit:contain;object-position:88% center;padding:18px 0}
  .mhero.mk:hover img,.mhero.md:hover img,.mhero.mt:hover img{transform:scale(1.03)}
  .mhero.mk::before,.mhero.md::before{background:linear-gradient(90deg,rgba(10,10,12,.5),rgba(10,10,12,0) 60%)}
  .mhero.mt::before{background:none}
  .mhero.mt strong{color:#151618}
}
@media (min-width:1121px){.mhero.mk img,.mhero.md img,.mhero.mt img{object-position:center;padding:28px 0 100px}}

/* Adres + harita */
.addr{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);margin-top:40px;border:1px solid var(--inv-line);background:var(--inv-2)}
.ainfo{padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;gap:22px}
.ainfo .at{font-size:clamp(30px,3.4vw,44px);color:var(--inv-fg)}
.ainfo .an{font:700 clamp(24px,2.6vw,32px)/1 var(--display);text-transform:uppercase;color:var(--inv-accent);margin:0}
.ai{display:flex;gap:14px;align-items:flex-start;color:var(--inv-accent)}
.ai svg{flex:none;margin-top:3px}
.ai b{display:block;color:var(--inv-fg);font-size:16px}
.ai p{margin:4px 0 0;color:var(--inv-muted);font-size:17px}
.ai a{color:var(--inv-fg);text-decoration:none}.ai a:hover{color:var(--inv-accent)}
.amap{min-height:340px;position:relative}
.amap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.25) contrast(1.05)}
@media (max-width:900px){.addr{grid-template-columns:1fr}.amap{min-height:300px}}

/* Haberler sayfası */
.crumb{display:flex;align-items:center;gap:10px;font:500 13px/1 var(--body);color:var(--inv-muted);margin-bottom:22px}
.crumb a{color:var(--inv-muted);text-decoration:none}.crumb a:hover{color:#fff}.crumb i{font-style:normal;opacity:.6}.crumb span{color:#fff;font-weight:600}
.ntools{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--line)}
.nsearch{display:flex;align-items:center;gap:10px;flex:0 1 380px;min-width:240px;border:1px solid var(--line);padding:0 14px;height:48px;color:var(--accent);background:var(--bg)}
.nsearch input{flex:1;border:0;background:none;outline:0;font:400 15px var(--body);color:var(--fg);min-width:0}
.nsel{display:flex;gap:10px;flex-wrap:wrap}
.nsel select{height:48px;min-width:150px;padding:0 38px 0 16px;border:1px solid var(--line);background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23e0262c'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--fg);font:600 15px var(--body);appearance:none;-webkit-appearance:none;cursor:pointer}
.nsel select:focus-visible,.nsearch:focus-within{outline:3px solid var(--inv-accent);outline-offset:2px}
.ngrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 40px;margin-top:36px}
.nc{display:flex;flex-direction:column;gap:14px}
.nim{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;background:#151618;overflow:hidden}
.nim img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.nim.ct img{object-fit:contain;padding:22px}
.nc:hover .nim img{transform:scale(1.04)}
.nmeta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font:600 15px/1 var(--body);color:var(--accent);margin-top:6px}
.nmeta span{display:inline-flex;align-items:center;gap:5px}
.nmeta .ncat{margin-left:auto;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.nc h3{font:600 20px/1.45 var(--body);text-transform:none;letter-spacing:0}
.nc h3 a{text-decoration:none;color:var(--fg)}.nc h3 a:hover{color:var(--accent)}
.nmore{align-self:flex-start;font:600 13px/1 var(--body);text-decoration:none;color:var(--fg);padding-bottom:6px;border-bottom:2px solid var(--blood)}
.nmore i{font-style:normal;color:var(--accent)}.nmore:hover{color:var(--accent)}
.nempty{margin:48px 0;color:var(--muted)}
@media (max-width:980px){.ngrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.ngrid{grid-template-columns:1fr}.nsel select{flex:1;min-width:0}.nsearch{flex-basis:100%}}

/* Yönetim: biyografi paneli */
.bm[role=button]{cursor:pointer}
.bm[role=button]::after{content:"Detaylar →";font:600 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:10px;transition:color .2s}
.bm[role=button]:hover::after{color:var(--accent)}
.bioov{align-items:center;justify-content:center;padding:clamp(12px,3vw,40px)}
.biop{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);width:min(1120px,100%);max-height:calc(100vh - 32px);background:#2a2c33;color:#fff;border-bottom:6px solid var(--blood);overflow:hidden;box-shadow:0 30px 80px -20px rgba(0,0,0,.7)}
.biotx{padding:clamp(28px,5vw,64px);overflow:auto;display:flex;flex-direction:column;gap:14px}
.biotx h2{font-size:clamp(36px,4.6vw,64px);color:var(--inv-accent);text-transform:none;letter-spacing:0;line-height:1.05}
.biot{font:600 19px/1.3 var(--body);color:var(--inv-accent);margin-bottom:14px}
.biobody p{font-size:16px;line-height:1.7;color:#ecedef;margin:0 0 1.1em;max-width:none}
.biobody .biosoon{color:var(--inv-muted);font-style:italic}
.bioim{position:relative;min-height:320px;background:#151618}
.bioim img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.bioim img.logo{object-fit:contain;padding:15%}
.bioov .x.in{z-index:3}
@media (max-width:820px){.biop{grid-template-columns:1fr;overflow:auto}.bioim{order:-1;min-height:0;aspect-ratio:4/3}.biotx{overflow:visible}}

/* Sosyal medya: marka renkli hover animasyonu */
[data-brand]{--bc:var(--blood);--bf:#fff}
[data-brand=instagram]{--bc:linear-gradient(45deg,#feda75,#fa7e1e 25%,#d62976 55%,#962fbf 78%,#4f5bd5)}
[data-brand=x]{--bc:#fff;--bf:#000}
[data-brand=discord]{--bc:#5865f2}
[data-brand=tiktok]{--bc:linear-gradient(135deg,#25f4ee,#111 50%,#fe2c55)}
.fsoc a[data-brand],.handle[data-brand]{position:relative;overflow:hidden;isolation:isolate}
.fsoc a[data-brand]::before,.handle[data-brand]::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bc);background-size:200% 200%;transform:scaleY(0);transform-origin:bottom;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.fsoc a[data-brand]:hover,.fsoc a[data-brand]:focus-visible{background:transparent;color:var(--bf)!important;border-color:transparent;transform:translateY(-4px) rotate(-4deg);box-shadow:0 10px 24px -8px rgba(255,255,255,.18)}
.fsoc a[data-brand]{transition:transform .3s cubic-bezier(.3,1.6,.5,1),box-shadow .3s,color .2s,border-color .2s}
.fsoc a[data-brand]:hover::before,.fsoc a[data-brand]:focus-visible::before,.handle[data-brand]:hover::before,.handle[data-brand]:focus-visible::before{transform:scaleY(1);animation:bcshift 3s ease-in-out infinite}
.fsoc a[data-brand]:hover svg{animation:bcpop .5s cubic-bezier(.3,1.6,.5,1)}
.fsoc a[data-brand=discord]:hover{box-shadow:0 10px 26px -6px rgba(88,101,242,.7)}
.fsoc a[data-brand=instagram]:hover{box-shadow:0 10px 26px -6px rgba(214,41,118,.7)}
.handle[data-brand]{padding:4px 10px;margin-left:-10px;transition:color .25s,border-color .25s,transform .3s}
.handle[data-brand]:hover,.handle[data-brand]:focus-visible{color:var(--bf)!important;border-bottom-color:transparent;transform:translateX(4px)}
.handle[data-brand=instagram]:hover,.handle[data-brand=discord]:hover{color:#fff!important}
@keyframes bcpop{0%{transform:scale(1)}50%{transform:scale(1.35) rotate(8deg)}100%{transform:scale(1)}}
@keyframes bcshift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media (prefers-reduced-motion:reduce){.fsoc a[data-brand],.handle[data-brand],.fsoc a[data-brand]::before,.handle[data-brand]::before,.fsoc a[data-brand]:hover svg{transition:none!important;animation:none!important}}

/* Faaliyet / direktörlük detay sayfaları */
a.area{text-decoration:none;color:inherit}
.area.big{max-width:560px;aspect-ratio:1/1;min-height:300px;padding:clamp(28px,4vw,48px);justify-content:center;border-color:var(--blood);box-shadow:0 18px 36px -18px rgba(138,3,3,.45)}
.area.big h3{font-size:clamp(34px,4vw,52px)}
.area.big p{font-size:clamp(17px,1.6vw,20px);max-width:none}
.areas.three{grid-template-columns:repeat(3,1fr);margin-top:0}
@media (max-width:900px){.areas.three{grid-template-columns:1fr}.area.big{aspect-ratio:auto}}

/* Markalar sayfası */
.mk-intro .title{font-size:clamp(34px,4.4vw,56px);margin-bottom:12px}
.mk-intro .lead{max-width:60ch}
.mk-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:36px;padding-bottom:22px;border-bottom:1px solid var(--inv-line)}
.mk-search{display:flex;align-items:center;gap:10px;flex:0 1 340px;min-width:220px;height:46px;padding:0 14px;border:1px solid var(--inv-line);background:var(--inv-2);color:var(--inv-accent)}
.mk-search input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--inv-fg);font:400 15px var(--body)}
.mk-search:focus-within{outline:3px solid var(--inv-accent);outline-offset:2px}
.mk-chips{display:flex;gap:8px;flex-wrap:wrap}
.mk-chips button{height:40px;padding:0 18px;border:1px solid var(--inv-line);background:none;color:var(--inv-muted);font:600 14px var(--body);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.mk-chips button:hover{color:#fff;border-color:var(--inv-accent)}
.mk-chips button.on{background:var(--blood);border-color:var(--blood);color:#fff}
.mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;margin-top:34px}
.mk{position:relative;display:flex;flex-direction:column;background:var(--inv-2);border:1px solid var(--inv-line);overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .35s}
.mk[hidden]{display:none}
.mk[role=button]{cursor:pointer}
.mk[role=button]:hover,.mk[role=button]:focus-visible{transform:translateY(-6px);border-color:var(--blood);box-shadow:0 20px 40px -18px rgba(224,38,44,.45)}
.mk-logo{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;background:#0a0a0a;position:relative;overflow:hidden}
.mk-logo::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--inv-accent);transition:width .5s cubic-bezier(.2,.7,.2,1)}
.mk[role=button]:hover .mk-logo::after{width:100%}
.mk-logo img{max-width:66%;max-height:62%;width:auto;height:auto;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.mk[role=button]:hover .mk-logo img{transform:scale(1.07)}
.mk-info{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px}
.mk-cat{font:700 12px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--inv-accent)}
.mk-info h3{font:700 22px/1.2 var(--body);text-transform:none;letter-spacing:0;color:var(--inv-fg)}
.mk-go{margin-top:4px;font:600 13px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--inv-muted);transition:color .2s}
.mk[role=button]:hover .mk-go{color:#fff}.mk-go b{color:var(--inv-accent);font-weight:400}
.mk-soon{border-style:dashed;background:none}
.mk-soon .mk-logo{background:none}.mk-soon .mk-logo img{max-height:46%;opacity:.35;filter:grayscale(1)}
.mk-soon h3{color:var(--inv-muted)}
.mkim{background:#0a0a0a}
.mkim img{object-fit:contain!important;padding:12%!important}
.biobody .blist{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:14px}
.biobody .blist li{padding-left:14px;border-left:3px solid var(--inv-accent);font-size:16px;line-height:1.6;color:#ecedef}
.biobody .blist b{display:block;color:#fff;font-size:15px;letter-spacing:.02em;margin-bottom:2px}
.soc{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.soc a{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border:1px solid rgba(255,255,255,.35);color:#fff;text-decoration:none;font:600 14px/1 var(--body);position:relative;overflow:hidden;isolation:isolate;transition:transform .25s cubic-bezier(.3,1.6,.5,1),border-color .25s,color .25s}
.soc a::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bc);transform:scaleY(0);transform-origin:bottom;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.soc a:hover{transform:translateY(-3px);border-color:transparent;color:var(--bf)}.soc a:hover::before{transform:scaleY(1)}
[data-brand=youtube]{--bc:#f00}
@media (prefers-reduced-motion:reduce){.mk,.mk-logo img,.soc a,.soc a::before{transition:none!important}}
.soc button{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border:1px solid rgba(255,255,255,.35);background:none;color:#fff;cursor:pointer;font:600 14px/1 var(--body);position:relative;overflow:hidden;isolation:isolate;transition:transform .25s cubic-bezier(.3,1.6,.5,1),border-color .25s,color .25s}
.soc button::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bc);transform:scaleY(0);transform-origin:bottom;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.soc button:hover{transform:translateY(-3px);border-color:transparent;color:var(--bf)}.soc button:hover::before{transform:scaleY(1)}

/* Alt bilgi bağlantıları: hover animasyonu */
.fgrid ul a{position:relative;display:inline-block;padding-bottom:3px;transition:color .25s,transform .3s cubic-bezier(.3,1.4,.5,1)}
.fgrid ul a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--blood);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.fgrid ul a:hover,.fgrid ul a:focus-visible{color:#fff;transform:translateX(8px)}
.fgrid ul a:hover::after,.fgrid ul a:focus-visible::after{transform:scaleX(1)}
.fgrid ul a[data-brand]::after{background:var(--bc);background-size:200% 200%;height:3px}
.fgrid ul a[data-brand]:hover::after,.fgrid ul a[data-brand]:focus-visible::after{animation:bcshift 2.5s ease-in-out infinite}
.fgrid ul a[data-brand=instagram]:hover{color:#f77737;text-shadow:0 0 18px rgba(214,41,118,.55)}
.fgrid ul a[data-brand=x]:hover{color:#fff;text-shadow:0 0 14px rgba(255,255,255,.5)}
.fgrid ul a[data-brand=discord]:hover{color:#8c96ff;text-shadow:0 0 18px rgba(88,101,242,.7)}
@media (prefers-reduced-motion:reduce){.fgrid ul a,.fgrid ul a::after{transition:none}.fgrid ul a:hover{transform:none}}