/* Dafmix vinil yükleme sahnesi (vinyl-halftone-preloader'ın vanilla JS uyarlaması) */
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/anton-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/anton-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Archivo';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/archivo-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/archivo-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Archivo';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/archivo-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/archivo-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Archivo';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/archivo-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/archivo-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.vhp-root { position: relative; width: 100%; overflow: hidden; isolation: isolate; }
.vhp-gate {
  position: absolute; inset: 0; z-index: 5; overflow: hidden; background: var(--vhp-paper); color: var(--vhp-ink);
  -webkit-font-smoothing: antialiased; touch-action: pan-y; user-select: none; -webkit-user-select: none;
}
.vhp-gate[data-gl="true"][data-phase="exit"] { background: transparent; }
.vhp-gate[data-fade="true"] { opacity: 0; transition: opacity 450ms ease; }
.vhp-gate[data-scratch="true"] { cursor: grabbing; }
.vhp-canvas { position: absolute; left: 0; top: 0; display: block; max-width: none; pointer-events: none; }
.vhp-dots {
  position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, var(--vhp-ink) 0 46%, transparent 49%);
  background-size: var(--vhp-cell) var(--vhp-cell);
}
.vhp-ring { position: absolute; pointer-events: none; overflow: visible; max-width: none; animation: vhp-fade 900ms 200ms both; }
.vhp-ring text { font-family: var(--vhp-text); font-weight: 800; letter-spacing: .32em; text-transform: uppercase; fill: var(--vhp-ink); }
.vhp-label {
  position: absolute; margin: 0; padding: 0; list-style: none; line-height: 1; color: var(--vhp-ink);
  font-family: var(--vhp-text); transform: translateY(-50%); transition: opacity 500ms ease, transform 700ms cubic-bezier(.7,0,.3,1);
}
.vhp-label[data-align="center"] { transform: translate(-50%, -50%); text-align: center; }
.vhp-label > * { display: block; margin: 0; text-shadow: .05em .05em 0 var(--vhp-shade); animation: vhp-rise 900ms cubic-bezier(.2,.8,.2,1) both; }
.vhp-title { font-weight: 600; font-size: 1em; letter-spacing: -.01em; animation-delay: 380ms !important; }
.vhp-sub { font-weight: 600; font-size: .66em; margin-top: .3em !important; opacity: .92; animation-delay: 460ms !important; }
.vhp-big { position: relative; font-weight: 600; font-size: 2.65em; letter-spacing: -.035em; line-height: .95; margin-top: .06em !important; white-space: nowrap; animation-delay: 540ms !important; }
.vhp-big > b { display: inline-block; font-weight: inherit; }
.vhp-big > b[data-ready="true"] { animation: vhp-pop 650ms cubic-bezier(.2,1.6,.4,1) both; }
.vhp-count {
  display: inline-block; vertical-align: top; margin-left: .32em; font-size: .24em; font-weight: 800; letter-spacing: .06em;
  font-variant-numeric: tabular-nums; line-height: 1; transform: translateY(.45em); text-shadow: none;
}
.vhp-cred { font-weight: 800; font-size: .5em; letter-spacing: .02em; text-transform: uppercase; line-height: 1.32; margin-top: .55em !important; animation-delay: 620ms !important; }
.vhp-label[data-align="center"] .vhp-count { position: absolute; left: 100%; top: 0; }
.vhp-menu { position: absolute; inset: 0; margin: 0; padding: 0; list-style: none; pointer-events: none; }
.vhp-stage { position: absolute; left: 0; top: 0; animation: vhp-slide 900ms cubic-bezier(.16,1,.3,1) both; animation-delay: calc(520ms + var(--i) * 110ms); }
.vhp-item {
  all: unset; box-sizing: border-box; position: relative; display: block; pointer-events: auto; cursor: default;
  font-family: var(--vhp-display); font-weight: 400; line-height: .9; letter-spacing: .015em; text-transform: uppercase; white-space: nowrap;
  color: var(--vhp-ink);
  text-shadow: .018em .018em 0 var(--vhp-paper), .036em .036em 0 var(--vhp-paper), .052em .052em 0 var(--vhp-edge);
  transform: skewX(-7deg) rotate(-3deg) translateX(var(--vhp-nudge, 0px));
  transition: transform 420ms cubic-bezier(.2,.9,.2,1), opacity 400ms ease, color 300ms ease, filter 400ms ease;
}
.vhp-item[data-state="next"] { opacity: .55; filter: saturate(.7); }
.vhp-item[data-state="done"] { opacity: .9; }
.vhp-item:hover { --vhp-nudge: .1em; opacity: 1; }
.vhp-item[data-state="on"] {
  color: var(--vhp-glow); opacity: 1; z-index: 2;
  transform: skewX(-7deg) rotate(-3deg) translateX(var(--vhp-nudge, 0px)) scale(calc(1.04 + var(--vhp-beat, 0) * .035));
  text-shadow:
    -.012em -.012em 0 var(--vhp-ink), .012em -.012em 0 var(--vhp-ink), -.012em .012em 0 var(--vhp-ink),
    .02em .02em 0 var(--vhp-edge), .035em .035em 0 var(--vhp-edge), .05em .05em 0 var(--vhp-edge), .065em .065em 0 var(--vhp-ink),
    0 0 .32em var(--vhp-halo);
}
.vhp-item[data-state="on"]::before, .vhp-item[data-state="on"]::after, .vhp-item:hover::before, .vhp-item:hover::after {
  content: attr(data-text); position: absolute; left: 0; top: 0; pointer-events: none; text-shadow: none; mix-blend-mode: screen;
}
.vhp-item[data-state="on"]::before, .vhp-item:hover::before { color: #ff2a55; opacity: .55; transform: translate(calc(-.02em - var(--vhp-beat, 0) * .03em), .006em); }
.vhp-item[data-state="on"]::after, .vhp-item:hover::after { color: #2ae4ff; opacity: .4; transform: translate(calc(.02em + var(--vhp-beat, 0) * .03em), -.006em); }
.vhp-item[data-state="on"]::before, .vhp-item[data-state="on"]::after { clip-path: inset(var(--vhp-slice, 40%) 0 calc(100% - var(--vhp-slice, 40%) - 18%) 0); }
.vhp-item:enabled { cursor: pointer; }
.vhp-item:focus-visible { outline: 2px solid var(--vhp-glow); outline-offset: .12em; }
.vhp-item .vhp-play { display: inline-block; font-size: .5em; margin-left: .3em; vertical-align: .55em; transition: transform 300ms ease; }
.vhp-item:enabled:hover .vhp-play { transform: translateX(.25em); }
.vhp-hint {
  position: absolute; right: clamp(16px, 2.6vmin, 34px); bottom: clamp(14px, 2.4vmin, 30px); margin: 0;
  font-family: var(--vhp-text); font-size: 11px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase;
  color: var(--vhp-paper); background: var(--vhp-ink); padding: .85em 1.3em .8em 1.1em; border-radius: 999px;
  animation: vhp-fade 900ms 1400ms both; transition: opacity 400ms ease;
}
.vhp-hint > i { display: inline-block; width: .7em; height: .7em; margin-right: .7em; border-radius: 50%; background: currentColor; vertical-align: -.02em; animation: vhp-blink 1s steps(2, start) infinite; }
.vhp-gate[data-phase="exit"] .vhp-label { opacity: 0; transform: translate(-6%, -50%) scale(.96); }
.vhp-gate[data-phase="exit"] .vhp-label[data-align="center"] { transform: translate(-50%, -54%) scale(.96); }
.vhp-gate[data-phase="exit"] .vhp-ring, .vhp-gate[data-phase="exit"] .vhp-hint { opacity: 0; transition: opacity 400ms ease; }
.vhp-gate[data-phase="exit"] .vhp-stage { animation: vhp-leave 600ms cubic-bezier(.7,0,.84,0) both; animation-delay: calc(var(--i) * 60ms); }
.vhp-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@keyframes vhp-fade { from { opacity: 0; } }
@keyframes vhp-rise { from { opacity: 0; transform: translateY(.6em); } }
@keyframes vhp-slide { from { opacity: 0; transform: translate(1.4em, -.5em); } }
@keyframes vhp-leave { to { opacity: 0; transform: translate(2.2em, .6em); } }
@keyframes vhp-pop { from { opacity: 0; transform: scale(.7) rotate(-4deg); } }
@keyframes vhp-blink { to { opacity: .15; } }
@media (prefers-reduced-motion: reduce) {
  .vhp-label > *, .vhp-stage, .vhp-ring, .vhp-hint, .vhp-big > b[data-ready="true"] { animation: none !important; }
  .vhp-item, .vhp-label { transition: none; }
  .vhp-item[data-state="on"] { transform: skewX(-7deg) rotate(-3deg) scale(1.04); }
  .vhp-item::before, .vhp-item::after { display: none; }
  .vhp-hint > i { animation: none; }
}

.vhp-gate:not([data-live="true"]) .vhp-label > *,
.vhp-gate:not([data-live="true"]) .vhp-stage,
.vhp-gate:not([data-live="true"]) .vhp-ring,
.vhp-gate:not([data-live="true"]) .vhp-hint { animation: none; opacity: 0; }
.vhp-item[href] { cursor: pointer; }
.vhp-item[aria-disabled="true"] { pointer-events: none; }
.vhp-item[aria-disabled="true"] .vhp-play { display: none; }
.vhp-root { height: 100%; background: var(--vhp-paper); }