/* _content/UnityEvent.Web/Components/Layout/SiteFooter.razor.rz.scp.css */
.footer[b-ekn6ry0rzd] {
    padding: clamp(40px, 6vh, 72px) var(--ue-gutter);
    border-top: 1px solid var(--ue-line);
    display: grid;
    gap: 32px;
}

.row[b-ekn6ry0rzd] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 24px;
    align-items: flex-end;
}

.logotype[b-ekn6ry0rzd] {
    display: block;
    font-family: var(--ue-font-display);
    font-weight: 900;
    font-size: clamp(30px, 7vw, 110px);
    line-height: .85;
    letter-spacing: -.05em;
    text-transform: uppercase;
}

.social[b-ekn6ry0rzd] {
    display: flex;
    gap: 24px;
    font-size: 11px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: rgba(242, 240, 234, .55);
}

.legal[b-ekn6ry0rzd] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px;
    font-size: 11px;
    letter-spacing: .16em;
    color: var(--ue-text-5);
}
/* _content/UnityEvent.Web/Components/Layout/SiteNav.razor.rz.scp.css */
.nav[b-mgdmftrxso] {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 80;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 18px var(--ue-gutter);
    backdrop-filter: blur(14px);
    background: linear-gradient(180deg, rgba(10, 10, 11, .86), rgba(10, 10, 11, .32));
    border-bottom: 1px solid var(--ue-line-soft);
}

.brand[b-mgdmftrxso] { display: flex; align-items: baseline; gap: 10px; }
.brand:hover[b-mgdmftrxso] { color: inherit; }

.brand-mark[b-mgdmftrxso] {
    font-family: var(--ue-font-display);
    font-weight: 900;
    font-size: 19px;
    letter-spacing: -.02em;
    text-transform: uppercase;
}

.brand-sub[b-mgdmftrxso] {
    font-family: var(--ue-font-display);
    font-weight: 600;
    font-size: 11px;
    letter-spacing: .34em;
    text-transform: uppercase;
    color: rgba(242, 240, 234, .5);
}

.links[b-mgdmftrxso] {
    display: none;
    gap: 34px;
    align-items: center;
    font-size: 11.5px;
    letter-spacing: .2em;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--ue-text-2);
}

/* Menü linki. Parazit efekti global .ue-glitch sisteminden gelir (site.css);
   burada yalnızca renk ve etkin durum tanımlı. */

.links[b-mgdmftrxso]  .link {
    position: relative;
    display: inline-block;
    color: var(--ue-text-2);
    transition: color var(--ue-dur-color) ease;
}

.links[b-mgdmftrxso]  .link:hover { color: var(--ue-text); }
.links[b-mgdmftrxso]  .link.active { color: var(--ue-accent); }

.actions[b-mgdmftrxso] { display: flex; align-items: center; gap: 14px; }

/* --- Dil değiştirici --- */
.langs[b-mgdmftrxso] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    letter-spacing: .18em;
    font-weight: 600;
}

.lang[b-mgdmftrxso] {
    color: var(--ue-text-4);
    transition: color var(--ue-dur-color) ease;
}

.lang:hover[b-mgdmftrxso] { color: var(--ue-accent); }

.lang.is-current[b-mgdmftrxso] {
    color: var(--ue-text);
    /* Etkin dilin altını ince bir çizgi belirtir — renk tek başına yeterli sinyal değil. */
    border-bottom: 1px solid var(--ue-accent);
    padding-bottom: 2px;
}

.sheet-langs[b-mgdmftrxso] {
    display: flex;
    gap: 18px;
    margin-top: 8px;
    font-size: 14px;
    letter-spacing: .2em;
    font-weight: 600;
}

.cta[b-mgdmftrxso] {
    display: none;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border: 1px solid rgba(242, 240, 234, .22);
    border-radius: var(--ue-radius-pill);
    font-size: 11.5px;
    letter-spacing: .2em;
    text-transform: uppercase;
    font-weight: 600;
    transition: background var(--ue-dur-color) ease,
                color var(--ue-dur-color) ease,
                border-color var(--ue-dur-color) ease;
}

.cta:hover[b-mgdmftrxso] {
    background: var(--ue-accent);
    color: var(--ue-ink);
    border-color: var(--ue-accent);
}

.burger[b-mgdmftrxso] {
    display: grid;
    align-content: center;
    gap: 6px;
    width: 44px;
    height: 44px;
    padding: 0 10px;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.burger-line[b-mgdmftrxso] {
    display: block;
    height: 1px;
    width: 100%;
    background: var(--ue-text);
    transition: transform var(--ue-dur-move) var(--ue-ease),
                opacity var(--ue-dur-color) ease;
}

.is-open-top[b-mgdmftrxso] { transform: translateY(3.5px) rotate(45deg); }
.is-open-bottom[b-mgdmftrxso] { transform: translateY(-3.5px) rotate(-45deg); }

/* Masaüstü eşiği: prototipteki 900px.
   NOT: Bu blok .links/.cta/.burger tanımlarından SONRA gelmeli — aynı
   özgüllükte olduğu için sırayı bozmak hamburger düğmesini masaüstünde
   geri getirir. */
@media (min-width: 900px) {
    .links[b-mgdmftrxso] { display: flex; }
    .cta[b-mgdmftrxso] { display: inline-flex; }
    .burger[b-mgdmftrxso] { display: none; }
}

/* --- Mobil tam ekran menü --- */
.sheet[b-mgdmftrxso] {
    position: fixed;
    inset: 0;
    z-index: 79;
    background: var(--ue-ink);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--ue-dur-color) ease;
}

.sheet.is-open[b-mgdmftrxso] { opacity: 1; pointer-events: auto; }

.sheet-inner[b-mgdmftrxso] {
    height: 100%;
    display: grid;
    align-content: center;
    gap: clamp(18px, 4vh, 34px);
    padding: var(--ue-nav-h) var(--ue-gutter) var(--ue-gutter);
}

.sheet-inner[b-mgdmftrxso]  .sheet-link,
.sheet-inner .sheet-cta[b-mgdmftrxso] {
    font-family: var(--ue-font-display);
    font-weight: 800;
    font-size: clamp(28px, 8vw, 52px);
    line-height: 1;
    letter-spacing: -.035em;
    text-transform: uppercase;
}

.sheet-inner[b-mgdmftrxso]  .sheet-link.active { color: var(--ue-accent); }

.sheet-cta[b-mgdmftrxso] {
    justify-self: start;
    margin-top: 12px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 16px 26px;
    border-radius: var(--ue-radius-pill);
    background: var(--ue-accent);
    color: var(--ue-ink);
    font-family: var(--ue-font-body) !important;
    font-size: 12px !important;
    font-weight: 700;
    letter-spacing: .18em !important;
}

.sheet-cta:hover[b-mgdmftrxso] { background: var(--ue-text); color: var(--ue-ink); }

@media (min-width: 900px) {
    .sheet[b-mgdmftrxso] { display: none; }
}
/* _content/UnityEvent.Web/Components/Pages/ExperienceDetail.razor.rz.scp.css */
.back-wrap[b-0wz40q9ekk] { padding: 0 var(--ue-gutter) var(--ue-section-y); }

/* --- Tam ekran kapak --- */

.cover[b-0wz40q9ekk] {
    position: relative;
    min-height: 100svh;
    display: grid;
    align-items: end;
    overflow: hidden;
}

.cover-media[b-0wz40q9ekk] { position: absolute; inset: 0; background: var(--ue-video-base); }

.cover-video[b-0wz40q9ekk],
.cover-media img[b-0wz40q9ekk] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: saturate(.9) contrast(1.06);
}

.cover-scrim[b-0wz40q9ekk] {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,
        rgba(10, 10, 11, .62) 0%,
        rgba(10, 10, 11, .28) 42%,
        rgba(10, 10, 11, .95) 100%);
}

.cover-body[b-0wz40q9ekk] {
    position: relative;
    display: grid;
    gap: clamp(14px, 2.4vh, 24px);
    padding: 0 var(--ue-gutter) clamp(56px, 9vh, 110px);
    max-width: 30ch;
}

.meta[b-0wz40q9ekk] {
    margin: 0;
    display: flex;
    gap: 12px;
    font-size: 10.5px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: rgba(242, 240, 234, .66);
}

.title[b-0wz40q9ekk] {
    margin: 0;
    font-family: var(--ue-font-display);
    font-weight: 900;
    font-size: clamp(32px, 6.4vw, 92px);
    line-height: .92;
    letter-spacing: -.045em;
}

.lead[b-0wz40q9ekk] {
    margin: 0;
    max-width: 46ch;
    font-size: clamp(15px, 1.5vw, 19px);
    line-height: 1.55;
    color: rgba(242, 240, 234, .8);
}

/* Aşağı kaydır işareti — referanstaki gibi kapağın altında ince bir çizgi. */
.scroll-hint[b-0wz40q9ekk] {
    position: absolute;
    left: 50%;
    bottom: 22px;
    width: 1px;
    height: 54px;
    overflow: hidden;
    background: rgba(242, 240, 234, .18);
}

.scroll-line[b-0wz40q9ekk] {
    position: absolute;
    inset: 0;
    background: var(--ue-accent);
    transform-origin: top;
    animation: scroll-drop-b-0wz40q9ekk 2.2s var(--ue-ease) infinite;
}

@keyframes scroll-drop-b-0wz40q9ekk {
    0%   { transform: translateY(-100%); }
    55%  { transform: translateY(0); }
    100% { transform: translateY(100%); }
}

/* --- Gövde --- */

.case[b-0wz40q9ekk] {
    padding: clamp(50px, 9vh, 110px) var(--ue-gutter) var(--ue-section-y);
    display: grid;
    gap: clamp(30px, 5vh, 56px);
}

.metrics[b-0wz40q9ekk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr));
    gap: clamp(20px, 3vw, 40px);
}

.metric[b-0wz40q9ekk] {
    display: grid;
    gap: 8px;
    padding-top: 20px;
    border-top: 1px solid var(--ue-line-strong);
}

.metric-value[b-0wz40q9ekk] {
    font-family: var(--ue-font-display);
    font-weight: 900;
    font-size: clamp(30px, 4.4vw, 64px);
    line-height: 1;
    letter-spacing: -.045em;
    color: var(--ue-accent);
}

.metric-label[b-0wz40q9ekk] {
    font-size: 11px;
    letter-spacing: .2em;
    color: var(--ue-text-4);
}

.chapters[b-0wz40q9ekk] {
    display: grid;
    gap: clamp(20px, 3vh, 34px);
    max-width: 90ch;
}

.chapter[b-0wz40q9ekk] {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) 4fr;
    gap: clamp(14px, 2vw, 32px);
    align-items: start;
    padding-top: clamp(18px, 2.5vh, 28px);
    border-top: 1px solid rgba(242, 240, 234, .12);
}

.chapter-key[b-0wz40q9ekk] {
    margin: 0;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .2em;
    color: var(--ue-accent);
    padding-top: 4px;
}

.chapter-body[b-0wz40q9ekk] {
    margin: 0;
    font-size: clamp(15px, 1.4vw, 18px);
    line-height: 1.6;
    color: rgba(242, 240, 234, .78);
}

.pager[b-0wz40q9ekk] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 18px;
    padding-top: clamp(20px, 3vh, 36px);
    border-top: 1px solid var(--ue-line);
}

.pager-link[b-0wz40q9ekk] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--ue-text-2);
}

.pager-link:hover[b-0wz40q9ekk] { color: var(--ue-accent); }
.pager-next[b-0wz40q9ekk] { text-align: right; }

@media (max-width: 640px) {
    .chapter[b-0wz40q9ekk] { grid-template-columns: 1fr; gap: 8px; }
}
/* _content/UnityEvent.Web/Components/Sections/CapabilitiesSection.razor.rz.scp.css */
.create[b-7g5s6305lw] {
    padding: clamp(24px, 4vh, 48px) var(--ue-gutter) clamp(72px, 10vh, 130px);
    background: var(--ue-surface);
}

.row[b-7g5s6305lw] {
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: clamp(12px, 3vw, 40px);
    align-items: baseline;
    padding: clamp(20px, 2.6vw, 32px) 0;
    border-top: 1px solid rgba(242, 240, 234, .12);
    transition: background var(--ue-dur-color) ease;
}

.row:hover[b-7g5s6305lw] {
    background: linear-gradient(90deg, rgba(223, 255, 75, .06), transparent 60%);
}

.idx[b-7g5s6305lw] {
    font-family: var(--ue-font-display);
    font-weight: 800;
    font-size: 12px;
    letter-spacing: .14em;
    color: var(--ue-text-5);
    transition: color var(--ue-dur-color) ease;
}

.row:hover .idx[b-7g5s6305lw] { color: var(--ue-accent); }

.row-body[b-7g5s6305lw] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    gap: clamp(10px, 2vw, 40px);
    align-items: baseline;
}

.title[b-7g5s6305lw] {
    margin: 0;
    font-family: var(--ue-font-display);
    font-weight: 800;
    font-size: var(--ue-h3);
    line-height: 1.02;
    letter-spacing: -.03em;
    transition: transform var(--ue-dur-move) var(--ue-ease);
}

.row:hover .title[b-7g5s6305lw] { transform: translateX(18px); }

.desc[b-7g5s6305lw] {
    margin: 0;
    font-size: 14.5px;
    line-height: 1.55;
    color: var(--ue-text-3);
    max-width: 42ch;
}

.rule[b-7g5s6305lw] { border-top: 1px solid rgba(242, 240, 234, .12); }
/* _content/UnityEvent.Web/Components/Sections/ContactForm.razor.rz.scp.css */
/* EditForm ve Input* birer bileşen: scope attribute almazlar, bu yüzden
   sarmalayıcıdan ::deep ile iniliyor. Kurallar .form-wrap altında sınırlı kalır. */

.form-wrap[b-cx2hx98zgm]  .form {
    display: grid;
    gap: 18px;
}

.form-wrap[b-cx2hx98zgm]  .pair {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
    gap: 18px;
}

.form-wrap[b-cx2hx98zgm]  .field {
    display: grid;
    gap: 8px;
}

.form-wrap[b-cx2hx98zgm]  .label {
    font-size: 10.5px;
    letter-spacing: .2em;
    color: rgba(242, 240, 234, .5);
}

.form-wrap[b-cx2hx98zgm]  .input {
    width: 100%;
    box-sizing: border-box;
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgba(242, 240, 234, .24);
    color: var(--ue-text);
    /* 16px: iOS'ta daha küçük punto odaklanınca sayfayı zoom'lar. */
    font-size: 16px;
    padding: 12px 0;
    outline: none;
    transition: border-color var(--ue-dur-color) ease;
}

.form-wrap[b-cx2hx98zgm]  textarea.input { resize: vertical; }

.form-wrap[b-cx2hx98zgm]  .input:focus,
.form-wrap[b-cx2hx98zgm]  .input:focus-visible {
    border-color: var(--ue-accent);
    outline: none;
}

.form-wrap[b-cx2hx98zgm]  .input::placeholder { color: var(--ue-text-5); }

/* Blazor'un doğrulama sınıfları */
.form-wrap[b-cx2hx98zgm]  .input.invalid { border-color: #FF6B57; }
.form-wrap[b-cx2hx98zgm]  .input.modified.valid { border-color: rgba(223, 255, 75, .4); }

.form-wrap[b-cx2hx98zgm]  .validation-message,
.form-wrap[b-cx2hx98zgm]  .error {
    font-size: 12px;
    letter-spacing: 0;
    color: #FF6B57;
}

/* --- Dosya alanı --- */
.form-wrap[b-cx2hx98zgm]  .file {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px dashed rgba(242, 240, 234, .28);
    border-radius: var(--ue-radius-file);
    padding: 14px 16px;
    font-size: 13px;
    color: var(--ue-text-3);
    cursor: pointer;
    transition: border-color var(--ue-dur-color) ease, color var(--ue-dur-color) ease;
}

.form-wrap[b-cx2hx98zgm]  .file:hover { border-color: rgba(242, 240, 234, .5); }
.form-wrap[b-cx2hx98zgm]  .file.has-file { border-style: solid; border-color: var(--ue-line-accent); color: var(--ue-text); }

.form-wrap[b-cx2hx98zgm]  .file-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Gerçek input alanı kaplar ama görünmez — tıklama hedefi tüm kutu. */
.form-wrap[b-cx2hx98zgm]  .file-input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.form-wrap[b-cx2hx98zgm]  .file:focus-within {
    outline: 2px solid var(--ue-accent);
    outline-offset: 3px;
}

/* --- Gönder --- */
.form-wrap[b-cx2hx98zgm]  .submit {
    justify-self: start;
    margin-top: 8px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 18px 32px;
    border: 0;
    border-radius: var(--ue-radius-pill);
    background: var(--ue-accent);
    color: var(--ue-ink);
    font-weight: 700;
    font-size: 13px;
    letter-spacing: .16em;
    cursor: pointer;
    transition: background var(--ue-dur-color) ease, opacity var(--ue-dur-color) ease;
}

.form-wrap[b-cx2hx98zgm]  .submit:hover:not(:disabled) { background: var(--ue-text); }
.form-wrap[b-cx2hx98zgm]  .submit:disabled { cursor: default; }
.form-wrap[b-cx2hx98zgm]  .submit.is-sent { background: var(--ue-text); }

.form-wrap[b-cx2hx98zgm]  .sent-note {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--ue-text-2);
}
/* _content/UnityEvent.Web/Components/Sections/ContactSection.razor.rz.scp.css */
.contact[b-crux6q2e4b] {
    padding: calc(var(--ue-nav-h) + clamp(30px, 7vh, 80px)) var(--ue-gutter) var(--ue-section-y);
}

.grid[b-crux6q2e4b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    gap: clamp(36px, 5vw, 80px);
    align-items: start;
}

.lede[b-crux6q2e4b] {
    display: grid;
    gap: 26px;
    align-content: start;
}

.lede h2[b-crux6q2e4b] {
    font-size: clamp(30px, 5.2vw, 78px);
    line-height: .94;
}

.intro[b-crux6q2e4b] {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: var(--ue-text-2);
    max-width: 36ch;
}

.details[b-crux6q2e4b] {
    display: grid;
    gap: 6px;
    font-size: 14.5px;
    font-style: normal;
    color: var(--ue-text-3);
}
/* _content/UnityEvent.Web/Components/Sections/ExperiencesHub.razor.rz.scp.css */
.hub[b-58vlretfif] {
    padding: clamp(40px, 7vh, 90px) var(--ue-gutter) clamp(80px, 12vh, 140px);
}

.grid[b-58vlretfif] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: clamp(8px, 1.1vw, 18px);
    text-align: center;
    /* Akış bilerek dar tutuluyor ki başlıklar birkaç satıra dağılsın. */
    max-width: 1100px;
    margin: 0 auto;
}

.item[b-58vlretfif] {
    position: relative;
    display: inline-flex;
    align-items: center;
    isolation: isolate;
    transition: opacity var(--ue-dur-color) ease;
}

/* Hover edilmeyen başlıklar geri çekilir — odak tek projede kalır. */
.grid:hover .item:not(:hover)[b-58vlretfif] { opacity: .3; }

.copy[b-58vlretfif] {
    position: relative;
    z-index: 2;
    /* Başlık ortadan bölünmesin: sığmazsa tümü alt satıra geçsin. */
    white-space: nowrap;
    font-family: var(--ue-font-display);
    font-weight: 900;
    /* Daha küçük punto: yedi başlık tek satıra sıkışmak yerine akışa yayılır. */
    font-size: clamp(21px, 2.9vw, 44px);
    line-height: 1.06;
    letter-spacing: -.035em;
    transition: color var(--ue-dur-color) ease;
}

.item:hover .copy[b-58vlretfif] { color: var(--ue-text); }

/* Medya, başlığın merkezinde sabit oranlı bir ekran olarak açılır — genişliği
   başlık uzunluğuna değil viewport'a bağlı, böylece kısa ve uzun başlıklarda
   aynı boyutta duruyor. */
.media[b-58vlretfif] {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: clamp(300px, 40vw, 620px);
    aspect-ratio: 16 / 9;
    overflow: hidden;
    /* Kutu başlığın çok ötesine taşıyor; görünmezken bile fare olaylarını
       yakalarsa komşu başlıkların hover'ını çalar. */
    pointer-events: none;
    border-radius: 4px;
    opacity: 0;
    transform: translate(-50%, -50%) scale(.94);
    transition: opacity var(--ue-dur-color) ease,
                transform var(--ue-dur-media) var(--ue-ease);
}

.media img[b-58vlretfif],
.media .clip[b-58vlretfif] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Başlık her zaman okunur kalsın diye medyanın üstüne karartma. */
.media-scrim[b-58vlretfif] {
    position: absolute;
    inset: 0;
    background: rgba(10, 10, 11, .5);
}

.item:hover .media[b-58vlretfif],
.item:focus-visible .media[b-58vlretfif] {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

/* Üstü çizili — referanstaki gibi hover'da soldan sağa çizilir. */
.strike[b-58vlretfif] {
    position: absolute;
    left: -2%;
    right: -2%;
    top: 52%;
    height: clamp(2px, .35vw, 5px);
    background: var(--ue-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform var(--ue-dur-move) var(--ue-ease);
}

.item:hover .strike[b-58vlretfif] { transform: scaleX(1); }

.slash[b-58vlretfif] {
    font-family: var(--ue-font-display);
    font-weight: 400;
    font-size: clamp(20px, 2.6vw, 40px);
    line-height: 1;
    color: var(--ue-text-5);
    user-select: none;
}

/* Dokunmatikte hover yok: kartlara dönüşür, medya sürekli görünür. */
@media (max-width: 720px), (hover: none) {
    .grid[b-58vlretfif] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
        gap: clamp(14px, 3vw, 22px);
        text-align: left;
    }

    .grid:hover .item:not(:hover)[b-58vlretfif] { opacity: 1; }

    .item[b-58vlretfif] {
        display: grid;
        gap: 12px;
        align-content: start;
    }

    .media[b-58vlretfif] {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        aspect-ratio: 16 / 10;
        opacity: 1;
        transform: none;
        border-radius: 14px;
    }

    .item:hover .media[b-58vlretfif] { transform: none; }
    .copy[b-58vlretfif] { white-space: normal; }

    .media-scrim[b-58vlretfif] { background: rgba(10, 10, 11, .25); }

    .copy[b-58vlretfif] { font-size: clamp(22px, 6vw, 34px); }

    .strike[b-58vlretfif] { display: none; }
    .slash[b-58vlretfif] { display: none; }
}
/* _content/UnityEvent.Web/Components/Sections/HeroSection.razor.rz.scp.css */
.hero[b-peyb64tq09] {
    position: relative;
    min-height: 100svh;
    display: grid;
    align-items: end;
    overflow: hidden;
    padding: 0;
}

.backdrop[b-peyb64tq09] {
    position: absolute;
    inset: 0;
    background: var(--ue-video-base);
}

.video[b-peyb64tq09] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.85) contrast(1.08);
}

.scrim[b-peyb64tq09] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg,
        rgba(10, 10, 11, .72) 0%,
        rgba(10, 10, 11, .35) 38%,
        rgba(10, 10, 11, .94) 100%);
}

.content[b-peyb64tq09] {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    display: grid;
    gap: clamp(28px, 4vh, 48px);
    padding: 0 var(--ue-gutter) clamp(40px, 6vh, 72px);
}

.title[b-peyb64tq09] {
    margin: 0;
    font-family: var(--ue-font-display);
    font-weight: 900;
    font-size: var(--ue-h1);
    line-height: .87;
    letter-spacing: -.045em;
    /* Satır kırılımları içerikte belirli (LineOne / LineTwo), bu yüzden sınır
       yalnızca çok geniş ekranlarda devreye girmeli. 16ch, İngilizce başlığı
       ("THE EXPERIENCE STAYS." — 21 karakter) ikiye sardırıyordu. */
    max-width: 24ch;
}

.foot[b-peyb64tq09] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
}

.summary[b-peyb64tq09] {
    margin: 0;
    max-width: 44ch;
    font-size: var(--ue-lead);
    line-height: 1.5;
    color: rgba(242, 240, 234, .74);
}

/* Kelime kelime beliriş. Kelimeler inline-block olduğu için aralarındaki
   boşluk margin ile veriliyor — Razor etiketler arasındaki tek boşluğu kırpar. */
.sum-word[b-peyb64tq09] {
    display: inline-block;
    margin-right: .28em;
    opacity: 0;
    animation: sum-in-b-peyb64tq09 .55s var(--ue-ease) var(--sw, 0ms) forwards;
}

@keyframes sum-in-b-peyb64tq09 {
    from { opacity: 0; transform: translateY(8px); filter: blur(3px); }
    to   { opacity: 1; transform: translateY(0); filter: blur(0); }
}

.ctas[b-peyb64tq09] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* Giriş animasyonunu kademelendir */
.title[b-peyb64tq09] { animation-delay: .08s; }
/* _content/UnityEvent.Web/Components/Sections/ManifestoSection.razor.rz.scp.css */
.manifesto[b-acqpgdfacg] {
    padding: clamp(80px, 12vh, 150px) var(--ue-gutter);
    border-top: 1px solid var(--ue-line);
}

.grid[b-acqpgdfacg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
    gap: clamp(32px, 5vw, 80px);
    align-items: start;
}

.lede[b-acqpgdfacg] { display: grid; gap: 22px; }

.claim[b-acqpgdfacg] {
    margin: 0;
    font-family: var(--ue-font-display);
    font-weight: 800;
    font-size: clamp(26px, 3.4vw, 50px);
    line-height: 1.06;
    letter-spacing: -.035em;
    text-wrap: pretty;
}

.muted[b-acqpgdfacg] { color: var(--ue-text-4); }

.body[b-acqpgdfacg] {
    display: grid;
    gap: 26px;
    font-size: clamp(15px, 1.4vw, 18px);
    line-height: 1.6;
    color: var(--ue-text-2);
    max-width: 56ch;
}

.body p[b-acqpgdfacg] { margin: 0; }

/* Prototipte ikinci paragraf tam kontrastta — vurguyu taşıyan cümle. */
.body p:nth-of-type(2)[b-acqpgdfacg] { color: var(--ue-text); }

.closing[b-acqpgdfacg] {
    font-family: var(--ue-font-display);
    font-weight: 800;
    font-size: clamp(18px, 2vw, 26px);
    letter-spacing: -.02em;
    color: var(--ue-accent);
}
/* _content/UnityEvent.Web/Components/Sections/MarqueeSection.razor.rz.scp.css */
.marquee[b-fk71yttue5] {
    border-top: 1px solid var(--ue-line);
    border-bottom: 1px solid var(--ue-line);
    padding: 16px 0;
    overflow: hidden;
    background: var(--ue-ink);
}

.track[b-fk71yttue5] {
    display: flex;
    width: max-content;
    animation: marquee-scroll-b-fk71yttue5 34s linear infinite;
    will-change: transform;
}

.run[b-fk71yttue5] {
    display: flex;
    gap: 56px;
    padding-right: 56px;
    font-family: var(--ue-font-display);
    font-weight: 800;
    font-size: 13px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: var(--ue-text-4);
    white-space: nowrap;
}

@keyframes marquee-scroll-b-fk71yttue5 {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* _content/UnityEvent.Web/Components/Sections/MorphSection.razor.rz.scp.css */
.morph[b-94gq20hqo9] {
    position: relative;
    /* Her kelimeye ~58vh okuma alanı, her geçişe ~30vh parazit penceresi bırakır. */
    height: 420vh;
    background: var(--ue-ink);
}

.sticky[b-94gq20hqo9] {
    position: sticky;
    top: 0;
    height: 100svh;
    display: grid;
    place-items: center;
    overflow: hidden;
}

.bg[b-94gq20hqo9] {
    position: absolute;
    inset: 0;
    /* JS bağlanana kadar (veya JS kapalıyken) son durumun değeri geçerli olur. */
    opacity: var(--media-o, .8);
}

.bg-scrim[b-94gq20hqo9] {
    position: absolute;
    inset: 0;
    background: rgba(10, 10, 11, .7);
}

.stage[b-94gq20hqo9] {
    position: relative;
    display: grid;
    place-items: center;
    text-align: center;
    padding: 0 20px;
    width: 100%;
}

.words[b-94gq20hqo9] {
    position: relative;
    width: 100%;
    height: clamp(150px, 17vw, 230px);
    display: grid;
    place-items: center;
}

.word[b-94gq20hqo9] {
    position: absolute;
    font-family: var(--ue-font-display);
    font-weight: 900;
    font-size: clamp(40px, 12vw, 180px);
    line-height: 1;
    letter-spacing: -.05em;
    opacity: var(--w, 0);
    transform: translateY(var(--wy, 0px));
}

/* Her kelime kendi görünürlük/geçiş değerlerini yerel adlara bağlar; böylece
   parazit animasyonları tek bir keyframe setiyle çalışabilir.
   JS yoksa kapanış mesajı görünür kalır (--w varsayılanı 1), parazit sönüktür. */
.w1[b-94gq20hqo9] { --w: var(--w1, 0); --wy: var(--w1y, 0px); --g: var(--g1, 0); }
.w2[b-94gq20hqo9] { --w: var(--w2, 0); --wy: var(--w2y, 0px); --g: var(--g2, 0); }
.w3[b-94gq20hqo9] { --w: var(--w3, 0); --wy: var(--w3y, 0px); --g: var(--g3, 0); }
.w4[b-94gq20hqo9] { --w: var(--w4, 1); --wy: var(--w4y, 0px); --g: var(--g4, 0); }

.final[b-94gq20hqo9] {
    text-align: center;
    font-size: clamp(26px, 5.4vw, 78px);
    line-height: 1.05;
    letter-spacing: -.035em;
}

/* --- TV parazit katmanları ---
   İki klon, kelimenin üstünde yatay dilimler halinde ters yönlere kayar.
   Şiddetin tamamı --g ile çarpıldığı için kelime yerine oturduğunda (--g: 0)
   animasyon çalışmaya devam etse bile hiçbir hareket veya renk görünmez. */

.word[b-94gq20hqo9]::before,
.word[b-94gq20hqo9]::after {
    content: attr(data-text);
    position: absolute;
    inset: 0;
    white-space: pre-line;
    text-align: inherit;
    pointer-events: none;
    opacity: 0;
}

.word[b-94gq20hqo9]::before {
    color: var(--ue-accent);
    animation: tv-slice-a-b-94gq20hqo9 .38s steps(2, end) infinite;
}

.word[b-94gq20hqo9]::after {
    color: #FF3B6B;
    animation: tv-slice-b-b-94gq20hqo9 .5s steps(2, end) infinite;
}

/* Kelimenin kendisi de geçiş anında yatay olarak titrer. */
.words .word[b-94gq20hqo9] {
    animation: tv-word-jitter-b-94gq20hqo9 .32s steps(3, end) infinite;
}

@keyframes tv-slice-a-b-94gq20hqo9 {
    0% {
        opacity: calc(var(--g) * .85);
        transform: translateX(calc(var(--g) * -5px));
        clip-path: inset(0 0 66% 0);
    }
    33% {
        opacity: calc(var(--g) * .7);
        transform: translateX(calc(var(--g) * 6px));
        clip-path: inset(54% 0 20% 0);
    }
    66% {
        opacity: calc(var(--g) * .9);
        transform: translateX(calc(var(--g) * -3px));
        clip-path: inset(24% 0 48% 0);
    }
    100% {
        opacity: calc(var(--g) * .6);
        transform: translateX(calc(var(--g) * 4px));
        clip-path: inset(72% 0 0 0);
    }
}

@keyframes tv-slice-b-b-94gq20hqo9 {
    0% {
        opacity: calc(var(--g) * .7);
        transform: translateX(calc(var(--g) * 5px));
        clip-path: inset(44% 0 26% 0);
    }
    33% {
        opacity: calc(var(--g) * .9);
        transform: translateX(calc(var(--g) * -6px));
        clip-path: inset(0 0 74% 0);
    }
    66% {
        opacity: calc(var(--g) * .65);
        transform: translateX(calc(var(--g) * 3px));
        clip-path: inset(62% 0 0 0);
    }
    100% {
        opacity: calc(var(--g) * .85);
        transform: translateX(calc(var(--g) * -4px));
        clip-path: inset(18% 0 52% 0);
    }
}

@keyframes tv-word-jitter-b-94gq20hqo9 {
    0%, 100% { transform: translateY(var(--wy, 0px)) translateX(0); }
    33%      { transform: translateY(var(--wy, 0px)) translateX(calc(var(--g) * 3px)); }
    66%      { transform: translateY(var(--wy, 0px)) translateX(calc(var(--g) * -2px)); }
}

/* --- Tarama çizgileri --- */
.scanlines[b-94gq20hqo9] {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    opacity: calc(var(--g, 0) * .55);
    background: repeating-linear-gradient(
        180deg,
        rgba(242, 240, 234, .09) 0 1px,
        transparent 1px 4px);
    animation: tv-roll-b-94gq20hqo9 1.6s linear infinite;
}

@keyframes tv-roll-b-94gq20hqo9 {
    from { background-position-y: 0; }
    to   { background-position-y: 24px; }
}

/* Bölüm ekran dışındayken parazit animasyonları boşuna çalışmasın.
   is-live sınıfını IntersectionObserver ekler/kaldırır. */
.morph:not(.is-live) .word[b-94gq20hqo9],
.morph:not(.is-live) .word[b-94gq20hqo9]::before,
.morph:not(.is-live) .word[b-94gq20hqo9]::after,
.morph:not(.is-live) .scanlines[b-94gq20hqo9] {
    animation-play-state: paused;
}

.hint[b-94gq20hqo9] {
    position: absolute;
    bottom: -34vh;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 10.5px;
    letter-spacing: .28em;
    color: var(--ue-text-4);
}

.bar[b-94gq20hqo9] {
    display: block;
    position: relative;
    width: 120px;
    height: 1px;
    background: rgba(242, 240, 234, .18);
    overflow: hidden;
}

.bar-fill[b-94gq20hqo9] {
    position: absolute;
    inset: 0;
    background: var(--ue-accent);
    transform: scaleX(var(--p, 1));
    transform-origin: left;
}

/* _content/UnityEvent.Web/Components/Sections/ProcessSection.razor.rz.scp.css */
.process[b-i4zkubf42f] {
    padding: var(--ue-section-y) var(--ue-gutter);
    border-top: 1px solid var(--ue-line);
}

.head[b-i4zkubf42f] {
    display: grid;
    gap: clamp(28px, 4vw, 60px);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    align-items: start;
    margin-bottom: clamp(32px, 5vh, 64px);
}

.lede[b-i4zkubf42f] { display: grid; gap: 18px; }

.lede h2[b-i4zkubf42f] {
    font-size: clamp(28px, 4.6vw, 64px);
    line-height: .95;
    letter-spacing: -.04em;
}

.intro[b-i4zkubf42f] {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(242, 240, 234, .66);
    max-width: 44ch;
}

/* Hairline ızgara: 1px gap + zemin rengi çizgileri oluşturur. */
/* --- Yol --- */

.journey[b-i4zkubf42f] {
    position: relative;
    /* Yol SVG'si bu kutuyu kaplar; adımlar eşit yükseklikte satırlar hâlinde
       dizildiği için SVG'nin adım başına 100 birimlik ölçeğiyle hizalı kalır. */
}

.track[b-i4zkubf42f] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: visible;
}

.track-base[b-i4zkubf42f],
.track-live[b-i4zkubf42f] {
    fill: none;
    stroke-width: 1.5;
    stroke-linecap: round;
}

.track-base[b-i4zkubf42f] { stroke: rgba(242, 240, 234, .12); }

/* pathLength="1" sayesinde çizim ilerlemesi doğrudan 0–1 aralığında. */
.track-live[b-i4zkubf42f] {
    stroke: var(--ue-accent);
    stroke-dasharray: 1;
    stroke-dashoffset: calc(1 - var(--jp, 0));
    filter: drop-shadow(0 0 6px rgba(223, 255, 75, .45));
}

.steps[b-i4zkubf42f] {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    /* Satırlar KESİN eşit olmalı: SVG'nin adım başına 100 birimlik ölçeği buna
       dayanıyor. minmax(..., auto) kullanılırsa uzun bir kart satırı büyütür ve
       düğümler yolun üstünden kayar. */
    grid-auto-rows: clamp(290px, 36vh, 370px);
}

.step[b-i4zkubf42f] {
    position: relative;
    display: grid;
    align-content: center;
    padding: clamp(12px, 2vh, 26px) 0;
}

/* Kartlar yolun iç tarafında durur, düğüm kartın yola bakan kenarındadır.
   Yol dışarıda salındığı için kart geniş kalabiliyor. */
.is-left[b-i4zkubf42f] { justify-items: start; }
.is-right[b-i4zkubf42f] { justify-items: end; }

/* Yolun düğümü: adımın hizasında, yolun o adımda geçtiği yanda. */
.node[b-i4zkubf42f] {
    position: absolute;
    top: 50%;
    width: 13px;
    height: 13px;
    margin-top: -6.5px;
    margin-left: -6.5px;
    border-radius: var(--ue-radius-pill);
    background: var(--ue-ink);
    border: 2px solid rgba(242, 240, 234, .25);
    transition: border-color .5s var(--ue-ease), box-shadow .5s var(--ue-ease);
}

.is-left .node[b-i4zkubf42f] { left: 20%; }
.is-right .node[b-i4zkubf42f] { left: 80%; }

/* Düğümden karta ince bir bağlantı — yolun içeriğe bağlandığı yer. */
.node[b-i4zkubf42f]::after {
    content: "";
    position: absolute;
    top: 50%;
    width: clamp(14px, 2.4vw, 40px);
    height: 1px;
    background: rgba(242, 240, 234, .2);
    transition: background .5s var(--ue-ease);
}

.is-left .node[b-i4zkubf42f]::after { left: 100%; }
.is-right .node[b-i4zkubf42f]::after { right: 100%; }

.step.is-in .node[b-i4zkubf42f] {
    border-color: var(--ue-accent);
    box-shadow: 0 0 0 4px rgba(223, 255, 75, .16), 0 0 14px rgba(223, 255, 75, .5);
}

.step.is-in .node[b-i4zkubf42f]::after { background: rgba(223, 255, 75, .4); }

.card[b-i4zkubf42f] {
    position: relative;
    width: min(46%, 560px);
    overflow: hidden;
    border: 1px solid rgba(242, 240, 234, .12);
    border-radius: var(--ue-radius-card);
    background: var(--ue-surface);
    opacity: 0;
    transform: translateY(26px);
    transition: opacity .7s var(--ue-ease), transform .7s var(--ue-ease),
                border-color var(--ue-dur-color) ease;
}

/* Kart, düğümün hemen içinden başlar (bağlantı çizgisi kadar boşlukla). */
.is-left .card[b-i4zkubf42f] {
    margin-left: calc(20% + clamp(18px, 3vw, 48px));
    transform: translateY(26px) translateX(-16px);
}

.is-right .card[b-i4zkubf42f] {
    margin-right: calc(20% + clamp(18px, 3vw, 48px));
    transform: translateY(26px) translateX(16px);
}

.step.is-in .card[b-i4zkubf42f] { opacity: 1; transform: translateY(0) translateX(0); }
.card:hover[b-i4zkubf42f] { border-color: var(--ue-line-accent); }

.media[b-i4zkubf42f] {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.media img[b-i4zkubf42f] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1.04);
    transition: transform var(--ue-dur-media) var(--ue-ease);
}

.card:hover .media img[b-i4zkubf42f] { transform: scale(1.1); }

/* Metin her koşulda okunur kalsın: görselin üstüne koyu bir katman. */
.media-scrim[b-i4zkubf42f] {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(10, 10, 11, .55), rgba(10, 10, 11, .88)),
        rgba(10, 10, 11, .3);
}

.body[b-i4zkubf42f] {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 12px;
    align-content: start;
    padding: clamp(22px, 2.6vw, 34px);
    min-height: clamp(190px, 22vh, 230px);
}

.num[b-i4zkubf42f] {
    font-family: var(--ue-font-display);
    font-weight: 900;
    font-size: 12px;
    letter-spacing: .2em;
    color: var(--ue-accent);
}

.title[b-i4zkubf42f] {
    margin: 0;
    font-family: var(--ue-font-display);
    font-weight: 800;
    font-size: clamp(22px, 2.4vw, 34px);
    letter-spacing: -.025em;
    line-height: 1.05;
}

.desc[b-i4zkubf42f] {
    margin: 0;
    font-size: 14.5px;
    line-height: 1.55;
    color: rgba(242, 240, 234, .74);
    max-width: 34ch;
}

/* --- Dar ekran: yol sola yaslanır, adımlar tek kolon --- */
@media (max-width: 760px) {
    .track[b-i4zkubf42f] { display: none; }

    .steps[b-i4zkubf42f] {
        grid-auto-rows: auto;
        gap: 16px;
        padding-left: 26px;
        /* Yol yerine düz bir kılavuz çizgi — kıvrım dar ekranda okunmuyor. */
        border-left: 1px solid rgba(242, 240, 234, .14);
    }

    .step[b-i4zkubf42f],
    .is-left[b-i4zkubf42f],
    .is-right[b-i4zkubf42f] { justify-items: stretch; }

    .is-left .card[b-i4zkubf42f],
    .is-right .card[b-i4zkubf42f] {
        width: 100%;
        margin: 0;
        transform: translateY(20px);
    }

    .step.is-in .card[b-i4zkubf42f] { transform: translateY(0); }

    .is-left .node[b-i4zkubf42f],
    .is-right .node[b-i4zkubf42f] { left: -26px; margin-left: -6px; }

    .node[b-i4zkubf42f]::after { display: none; }
}

.closing[b-i4zkubf42f] {
    margin: clamp(28px, 4vh, 48px) 0 0;
    font-family: var(--ue-font-display);
    font-weight: 800;
    font-size: clamp(18px, 2.4vw, 34px);
    line-height: 1.15;
    letter-spacing: -.03em;
    max-width: 24ch;
}
/* _content/UnityEvent.Web/Components/Sections/ShowreelSection.razor.rz.scp.css */
.showreel[b-01pr63a5f9] {
    position: relative;
    min-height: 78svh;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-top: 1px solid var(--ue-line);
}

.bg[b-01pr63a5f9] { position: absolute; inset: 0; }

.scrim[b-01pr63a5f9] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(ellipse at center, rgba(10, 10, 11, .35), rgba(10, 10, 11, .9));
}

.content[b-01pr63a5f9] {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 26px;
    text-align: center;
    padding: 60px 20px;
}

.content .ue-eyebrow[b-01pr63a5f9] {
    letter-spacing: .3em;
    color: var(--ue-text-3);
}

.play[b-01pr63a5f9] {
    /* <a> değil <button>: tarayıcı varsayılanları sıfırlanıyor */
    background: transparent;
    padding: 0;
    color: inherit;
    font-family: inherit;
    cursor: pointer;

    width: clamp(88px, 11vw, 132px);
    height: clamp(88px, 11vw, 132px);
    border-radius: var(--ue-radius-pill);
    border: 1px solid rgba(242, 240, 234, .5);
    display: grid;
    place-items: center;
    font-size: 11px;
    letter-spacing: .16em;
    font-weight: 600;
    transition: background var(--ue-dur-color) ease,
                color var(--ue-dur-color) ease,
                border-color var(--ue-dur-color) ease;
}

.play:hover[b-01pr63a5f9] {
    background: var(--ue-accent);
    color: var(--ue-ink);
    border-color: var(--ue-accent);
}

.claim[b-01pr63a5f9] {
    margin: 0;
    font-family: var(--ue-font-display);
    font-weight: 900;
    font-size: clamp(24px, 4.6vw, 64px);
    line-height: 1;
    letter-spacing: -.04em;
    max-width: 20ch;
}

/* --- Modal oynatıcı ---
   <dialog> varsayılan olarak ortalanır; kutu ve backdrop burada biçimlendirilir. */

.player[b-01pr63a5f9] {
    width: min(92vw, 1100px);
    max-width: none;
    padding: 0;
    border: 1px solid rgba(242, 240, 234, .16);
    border-radius: 16px;
    background: var(--ue-surface);
    color: var(--ue-text);
    overflow: hidden;
}

.player[b-01pr63a5f9]::backdrop {
    background: rgba(6, 6, 7, .82);
    backdrop-filter: blur(6px);
}

/* Açılışta öne doğru gelme hissi */
.player[open][b-01pr63a5f9] {
    animation: player-in-b-01pr63a5f9 .32s var(--ue-ease) both;
}

.player[open][b-01pr63a5f9]::backdrop {
    animation: backdrop-in-b-01pr63a5f9 .32s ease both;
}

@keyframes player-in-b-01pr63a5f9 {
    from { opacity: 0; transform: translateY(12px) scale(.94); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes backdrop-in-b-01pr63a5f9 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.player-frame[b-01pr63a5f9] {
    position: relative;
    display: block;
    background: #000;
}

.player-video[b-01pr63a5f9] {
    display: block;
    width: 100%;
    /* Klip 16:9; kutu oranı sabit kalsın ki açılışta zıplama olmasın. */
    aspect-ratio: 16 / 9;
    max-height: 82svh;
    object-fit: contain;
    background: #000;
}

.player-close[b-01pr63a5f9] {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(242, 240, 234, .28);
    border-radius: var(--ue-radius-pill);
    background: rgba(10, 10, 11, .65);
    color: var(--ue-text);
    font-size: 15px;
    cursor: pointer;
    transition: background var(--ue-dur-color) ease,
                color var(--ue-dur-color) ease,
                border-color var(--ue-dur-color) ease;
}

.player-close:hover[b-01pr63a5f9] {
    background: var(--ue-accent);
    color: var(--ue-ink);
    border-color: var(--ue-accent);
}

/* _content/UnityEvent.Web/Components/Sections/TrustSection.razor.rz.scp.css */
.trust[b-85xapa4qp0] {
    position: relative;
    padding: clamp(24px, 4vh, 48px) var(--ue-gutter) var(--ue-section-y);
    background: var(--ue-surface);
}

.stats[b-85xapa4qp0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr));
    gap: clamp(20px, 3vw, 40px);
}

.stat[b-85xapa4qp0] {
    display: grid;
    gap: 8px;
    padding-top: 20px;
    border-top: 1px solid var(--ue-line-strong);
}

.stat-value[b-85xapa4qp0] {
    font-family: var(--ue-font-display);
    font-weight: 900;
    font-size: clamp(32px, 4.6vw, 68px);
    line-height: 1;
    letter-spacing: -.045em;
}

.stat-label[b-85xapa4qp0] {
    font-size: 11px;
    letter-spacing: .2em;
    color: rgba(242, 240, 234, .5);
}

.clients[b-85xapa4qp0] {
    margin-top: clamp(40px, 6vh, 72px);
    display: grid;
    gap: 20px;
}

.clients .ue-eyebrow[b-85xapa4qp0] {
    font-size: 11px;
    letter-spacing: .26em;
    color: var(--ue-text-4);
}

.logo-grid[b-85xapa4qp0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 1px;
    background: var(--ue-line);
    border: 1px solid var(--ue-line);
}

.logo-cell[b-85xapa4qp0] {
    background: var(--ue-surface);
    min-height: 84px;
    display: grid;
    place-items: center;
    padding: 12px;
}

.closing[b-85xapa4qp0] {
    margin: 8px 0 0;
    font-family: var(--ue-font-display);
    font-weight: 800;
    font-size: clamp(16px, 2vw, 26px);
    letter-spacing: -.02em;
}
/* _content/UnityEvent.Web/Components/Shared/ImageSlot.razor.rz.scp.css */
.media[b-ja7lq8tf00] {
    display: block;
    width: 100%;
    height: 100%;
}

.is-cover[b-ja7lq8tf00] { object-fit: cover; }
.is-contain[b-ja7lq8tf00] { object-fit: contain; }

.slot[b-ja7lq8tf00] {
    width: 100%;
    height: 100%;
    min-height: inherit;
    box-sizing: border-box;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 10px;
    padding: 18px;
    text-align: center;
    background:
        repeating-linear-gradient(
            -45deg,
            rgba(242, 240, 234, .022) 0 10px,
            transparent 10px 20px),
        var(--ue-surface);
    border: 1px dashed rgba(242, 240, 234, .14);
}

.slot-id[b-ja7lq8tf00] {
    font-family: var(--ue-font-display);
    font-weight: 800;
    font-size: 10.5px;
    letter-spacing: .24em;
    text-transform: uppercase;
    color: var(--ue-accent);
    opacity: .75;
}

.slot-hint[b-ja7lq8tf00] {
    font-size: 12.5px;
    line-height: 1.45;
    color: var(--ue-text-4);
    max-width: 28ch;
}
/* _content/UnityEvent.Web/Components/Shared/PageHeader.razor.rz.scp.css */
.page-head[b-n06s2ndfgg] {
    display: grid;
    gap: clamp(18px, 3vh, 30px);
    padding: calc(var(--ue-nav-h) + clamp(30px, 7vh, 80px)) var(--ue-gutter) clamp(24px, 4vh, 48px);
    align-items: end;
}

.title[b-n06s2ndfgg] {
    margin: 0;
    font-family: var(--ue-font-display);
    font-weight: 900;
    font-size: clamp(34px, 7.4vw, 116px);
    line-height: .9;
    letter-spacing: -.05em;
    text-wrap: balance;
}

.lead[b-n06s2ndfgg] {
    margin: 0;
    max-width: 46ch;
    font-size: clamp(15px, 1.4vw, 18px);
    line-height: 1.6;
    color: var(--ue-text-2);
}