main{--hx:clamp(16px,2.5vw,48px);--g20:#202020;--g26:#262626;--g7d:#7d7d7d;--gaf:#afafaf;--gcd:#cdcdcd;
  --cw:clamp(288px,22.92vw,420px);   
  --kr:clamp(16px,1.39vw,24px)}      
.sv-grid{display:grid;gap:24px 16px;padding-inline:var(--hx)}
@media (min-width:834px){.sv-grid{grid-template-columns:1fr 1fr}}
.sv-etiket{margin:0 0 20px;font:400 12px/1.2 var(--mono);letter-spacing:-.02em;text-transform:uppercase;color:var(--gaf)}
.sv-ornek{display:inline-block;padding:4px 7px;border:1px dashed currentColor;border-radius:var(--r-ui);font:400 11px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.sv-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-rows:1fr auto;gap:24px;
  min-height:calc(100svh - var(--bar));padding:calc(var(--bar) + 24px) var(--hx) 40px;background:#000;color:var(--white)}
html.js .sv-hero{margin-top:calc(-1 * var(--bar));min-height:100svh}
.sv-hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#000}
html.mo-ready:not(.mo-reduce) .sv-hero-media{will-change:transform}
.sv-hero-foto{position:absolute;inset:0}
.sv-hero-foto img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.12) brightness(.62);transform-origin:62% 50%}
html.mo .sv-hero-foto img{transform:scale(1.045)}
html.mo .sv-hero-foto.rv-on img{transform:none;transition:transform 3s var(--e-sine-out)}
.sv-hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:grayscale(1) contrast(1.12) brightness(.62);transition:opacity 1.2s var(--e-sine-in)}
.sv-hero-media.has-video video{opacity:1}
.sv-hero-shade{position:absolute;inset:0;z-index:-1;background:#000;opacity:0;pointer-events:none}
.sv-hero-main{align-self:center}
.sv-cerceve{display:inline-block;margin:0 0 28px;padding:7px 10px 6px;border:1px solid rgba(238,238,238,.5);border-radius:var(--r-ui);
  font:400 12px/1.2 var(--mono);letter-spacing:-.02em;color:var(--white)}
.sv-hero h1{font-size:clamp(3rem,6.67vw,6.25rem);line-height:1;letter-spacing:-.04em}
.sv-hero-cap{margin:0;max-width:36em;font:400 11px/1.4 var(--mono);color:var(--gaf)}
.sv-intro{z-index:2;min-height:100svh;padding:120px var(--hx);background:transparent;border-radius:0}
.sv-intro-bg{position:absolute;inset:0;z-index:-1;background:var(--yellow);transform-origin:50% 50%}
html.mo-ready:not(.mo-reduce) .sv-intro-bg{will-change:transform}
.sv-stmt{width:min(100%,25em);margin:0;font-size:clamp(1.75rem,3.33vw,3rem);font-weight:300;line-height:1.17;letter-spacing:-.04em}
.sv-soft{color:rgba(0,0,0,.5)}   
.sv-scene{position:relative;background:#d9d9d9;color:#000}
.sv-tema{display:none}
.sv-stage{position:relative}
.sv-nav[hidden]{display:none}
.sv-svc{position:relative;isolation:isolate;overflow:hidden;padding:clamp(72px,8vw,120px) var(--hx)}
.sv-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#000}
.sv-bg img,.sv-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sv-bg img,.sv-bg video{filter:grayscale(1) contrast(1.12) brightness(.58)}
.sv-acik .sv-bg img,.sv-acik .sv-bg video{filter:grayscale(1) contrast(.92)}
.sv-acik .sv-bg::after{content:"";position:absolute;inset:0;background:rgba(236,236,236,.6);pointer-events:none}
.sv-bg video{opacity:0;transition:opacity 1.2s var(--e-sine-in)}
.sv-bg.has-video video{opacity:1}
.sv-win{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.sv-win-hud{display:grid;grid-template-columns:var(--cw);gap:12px 16px;align-items:start}
@media (min-width:834px){.sv-win-hud{grid-template-columns:var(--cw) var(--cw)}.sv-win-hud .sv-hud{grid-column:2;grid-row:1 / span 2}}
.sv-kart{width:var(--cw);max-width:100%;padding:24px;border-radius:var(--kr)}
.sv-kart > *{margin:0}
.sv-siyah{background:#000;color:var(--white)}
.sv-sari{background:var(--yellow);color:#000}
.sv-rozet{margin:0 0 22px;font:400 12px/1.2 var(--mono);letter-spacing:-.02em}
.sv-siyah .sv-rozet{color:var(--gaf)}
.sv-sari .sv-rozet{color:rgba(0,0,0,.62)}
.sv-kart h2{margin:0 0 12px;font-size:1.5rem;line-height:1.17;letter-spacing:-.04em}
.sv-lede{font-size:1rem;line-height:1.38;color:var(--gcd)}
.sv-sari ul{list-style:none;padding:0}
.sv-sari li{padding:9px 0;border-top:1px solid rgba(0,0,0,.2);font-size:1rem;line-height:1.3}
.sv-sari li:last-child{border-bottom:1px solid rgba(0,0,0,.2)}
.sv-link{margin:16px 0 0}
.sv-link a{font:400 12px/1.4 var(--mono);letter-spacing:-.02em;color:#000;text-underline-offset:3px}
.sv-hud{width:var(--cw);max-width:100%;margin:0;padding:24px;border-radius:var(--kr);background:#000;color:var(--white);
  --bg:#000;--accent:var(--yellow);--muted:var(--gaf)}
.sv-hud svg{width:100%;max-width:300px;height:auto;margin:0 auto}
.sv-hud svg text{font-family:var(--mono);font-size:19px}   
.sv-hud figcaption{margin:16px 0 0;color:var(--gaf);font-size:.8125rem;line-height:1.38}
.sv-scene.is-pinned{--run:640svh;height:calc(100svh + var(--run));margin-top:-100svh;z-index:1;background:transparent}
.sv-scene.is-pinned .sv-tema{display:block;position:absolute;left:0;right:0;top:100svh;bottom:0;pointer-events:none}
.sv-scene.is-pinned .sv-stage{position:sticky;top:0;height:100lvh;overflow:hidden}
.sv-zemin{position:absolute;inset:0;z-index:0;background:#000}
.sv-scene.is-pinned .sv-svc{position:absolute;inset:0;padding:0;overflow:visible;isolation:auto;pointer-events:none}
.sv-scene.is-pinned .sv-bg{z-index:1;opacity:0;visibility:hidden;transform-origin:50% 50%}
.sv-perde{position:absolute;inset:0;z-index:6;background:#000;pointer-events:none}   
.sv-scene.is-pinned .sv-win{position:absolute;z-index:4;left:var(--hx);top:60px;opacity:0;pointer-events:none;transition:opacity .2s linear}
.sv-scene.is-pinned .sv-win.is-on{opacity:1;pointer-events:auto;transition:none}
.sv-scene.is-pinned .sv-win > *{opacity:0;transform:translate3d(0,50px,0);transition:opacity 0s linear .2s,transform 0s linear .2s}
.sv-scene.is-pinned .sv-win.is-on > *{opacity:1;transform:none;
  transition:opacity .3s cubic-bezier(.5,1,.89,1) calc(var(--k,0) * 50ms),transform 1.2s var(--e-expo) calc(var(--k,0) * 80ms)}
.sv-win > :nth-child(2){--k:1}
.sv-win > :nth-child(3){--k:2}
.sv-nav{position:absolute;z-index:5;right:var(--hx);top:calc(100svh - 176px);display:grid;gap:8px}
.sv-ok{background:rgba(0,0,0,.3);color:var(--white);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.sv-ok[data-yon="-1"] svg{transform:rotate(180deg)}
.sv-ok[data-yon="-1"]:not(.has-svg)::after{content:"\2191"}
.sv-ok.is-off{opacity:.32;pointer-events:none}
@media (hover:hover) and (pointer:fine){.sv-nav .sv-ok:hover{background:var(--yellow);color:var(--g20)}}
.sv-prog{position:absolute;z-index:5;left:var(--hx);top:calc(100svh - 52px);display:flex;align-items:center;gap:14px;width:min(44vw,600px);
  font:400 12px/1 var(--mono);letter-spacing:-.02em;color:#000;pointer-events:none}
.sv-prog-cizgi{position:relative;flex:1;height:2px;background:rgba(0,0,0,.16)}
.sv-prog-cizgi i{position:absolute;inset:0;background:#000;transform-origin:left;transform:scaleX(0)}
.sv-prog-cizgi b{position:absolute;top:-3px;width:1px;height:8px;background:rgba(0,0,0,.45)}
.sv-after{padding:120px 0 96px;background:#000;color:var(--white)}
.sv-after-head{margin-bottom:64px}
.sv-after-head h2,.sv-kurum h2{font-size:clamp(2rem,3.33vw,3rem);line-height:1.17;letter-spacing:-.04em}
.sv-adimlar{list-style:none;margin:0;padding:0 var(--hx);display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:834px){.sv-adimlar{grid-template-columns:1fr 1fr}}
.sv-adim{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(240px,31.3vw,451px);
  padding:clamp(24px,3.33vw,48px);border-radius:clamp(24px,3.33vw,48px);background:var(--g20);color:var(--white);transition:background-color .2s}
.sv-adim-ikon{position:absolute;top:clamp(24px,3.33vw,48px);right:clamp(24px,3.33vw,48px)}
.sv-ico{display:block;width:clamp(56px,6.25vw,90px);height:auto;fill:var(--gaf);transition:fill .2s}
.sv-adim h3{margin:0 0 12px;font-size:1.25rem;line-height:1.2;letter-spacing:-.02em}
.sv-adim p{margin:0;max-width:24em;font-size:1rem;line-height:1.38;color:var(--gaf)}
@media (hover:hover) and (pointer:fine){.sv-adim:hover{background:var(--g26)}.sv-adim:hover .sv-ico{fill:var(--white)}}
.sv-kurum{padding:24px 0 120px;background:#000;color:var(--white)}
.sv-kurum-liste{display:grid;gap:0;grid-template-columns:1fr;margin-bottom:32px}
.sv-kurum-oge{min-width:0;padding:20px 0;border-top:1px solid rgba(238,238,238,.18)}
.sv-kurum-oge:last-child{border-bottom:1px solid rgba(238,238,238,.18)}
.sv-kurum-tam{margin:6px 0 0;font:400 12px/1.3 var(--mono);text-transform:uppercase;letter-spacing:-.02em;color:#9a9a9a}
.sv-kurum-ad{margin:0;font-size:clamp(1.75rem,2.5vw,2.25rem);line-height:1.17;letter-spacing:-.04em}
.sv-kurum-dugme{margin:0}
.sv-band{padding:120px var(--hx)}
@media (max-width:833.98px){
  .sv-hero{padding-bottom:132px}   
  .sv-intro,.sv-band{padding-block:88px}
  .sv-after{padding-block:88px 72px}
  .sv-kurum{padding-bottom:88px}
  .sv-kart,.sv-hud{width:100%}
  .sv-win,.sv-win-hud{width:100%}
  .sv-kart{padding:16px}
  .sv-rozet{margin-bottom:14px}
  .sv-kart h2{font-size:1.25rem;margin-bottom:8px}
  .sv-lede,.sv-sari li{font-size:.9375rem}
  .sv-sari li{padding:7px 0}
  .sv-hud{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;padding:16px}
  .sv-hud svg{width:150px}
  .sv-hud figcaption{margin:0}
  .sv-scene.is-pinned .sv-win{left:16px;right:72px;top:64px;width:auto}
  .sv-nav{right:12px;top:calc(100svh - 124px - 104px)}
  .sv-prog{display:none}
}
@media (prefers-reduced-motion:reduce){
  .sv-adim,.sv-ico{transition:none}
}
@media print{
  .sv-scene.is-pinned{height:auto;margin-top:0}
  .sv-scene.is-pinned .sv-stage{position:static;height:auto;overflow:visible}
  .sv-scene.is-pinned .sv-svc{position:relative;inset:auto;padding:16px 0}
  .sv-scene.is-pinned .sv-bg,.sv-zemin,.sv-perde,.sv-nav,.sv-prog{display:none}
  .sv-scene.is-pinned .sv-win,.sv-scene.is-pinned .sv-win > *{position:relative;left:auto;top:auto;opacity:1!important;transform:none!important}
}
.sv-kurum-oge{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}
.sv-kurum-yazi{min-width:0;flex:1 1 220px}
@media (max-width:600px){.sv-kurum-yazi{flex-basis:100%}}