/* _content/LivedStory.Web/Components/Layout/CookieConsent.razor.rz.scp.css */
/* Çerez onayı — sol altta duran, sayfayı kapatmayan bir kart.
   Bilerek modal değil: hiçbir şeyi engellemiyor, ziyaretçi karar vermeden de siteyi
   gezebilir. Yalnızca çerez kurulmaz. */

/* Hero tam ekran ve metni altta duruyor; kutu ne kadar alçaksa marka vaadinin o kadar
   azını kapatır. Bu yüzden geniş ekranda metin ve düğmeler tek satırda. */
.consent[b-by1tolms91] {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 60;
    padding: 12px;
    max-width: min(620px, 100%);
}

.consent[hidden][b-by1tolms91] {
    display: none;
}

.consent-box[b-by1tolms91] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 18px;
    background: var(--ue-surface);
    border: 1px solid var(--ue-line-strong);
    border-radius: 14px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .55);
}

.consent-text[b-by1tolms91] {
    flex: 1;
    min-width: 0;
}

.consent-text strong[b-by1tolms91] {
    display: block;
    font-family: var(--ue-font-display);
    font-size: 16px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--ue-text);
    margin-bottom: 6px;
}

.consent-text p[b-by1tolms91] {
    margin: 0;
    font-family: var(--ue-font-body);
    font-size: 14px;
    line-height: 1.5;
    color: var(--ue-text-2);
}

.consent-actions[b-by1tolms91] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.consent-btn[b-by1tolms91] {
    padding: 9px 18px;
    border-radius: 999px;
    font-family: var(--ue-font-display);
    font-size: 13.5px;
    letter-spacing: .06em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.consent-btn--solid[b-by1tolms91] {
    background: var(--ue-accent);
    border: 1px solid var(--ue-accent);
    color: var(--ue-on-accent);
}

.consent-btn--solid:hover[b-by1tolms91] {
    background: #B8603F;
    border-color: #B8603F;
}

.consent-btn--ghost[b-by1tolms91] {
    background: transparent;
    border: 1px solid var(--ue-line-strong);
    color: var(--ue-text-2);
}

.consent-btn--ghost:hover[b-by1tolms91] {
    border-color: var(--ue-text-3);
    color: var(--ue-text);
}

/* Klavyeyle gezinende odak görünür kalmalı. */
.consent-btn:focus-visible[b-by1tolms91] {
    outline: 2px solid var(--ue-accent);
    outline-offset: 2px;
}

/* Dar ekranda tek satır sığmaz: metnin altına geç, düğmeleri genişlet. */
@media (max-width: 640px) {
    .consent[b-by1tolms91] {
        max-width: 100%;
    }

    .consent-box[b-by1tolms91] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .consent-actions[b-by1tolms91] {
        justify-content: stretch;
    }

    .consent-btn[b-by1tolms91] {
        flex: 1;
        padding: 12px 18px;
    }
}

.consent-policy[b-by1tolms91] {
    color: var(--ue-accent-text);
    text-decoration: underline;
    text-underline-offset: 3px;
    white-space: nowrap;
}
.consent-policy:hover[b-by1tolms91] { color: var(--ue-text); }
/* _content/LivedStory.Web/Components/Layout/SiteFooter.razor.rz.scp.css */
.footer[b-i6ki8ol6yi] {
    padding: clamp(40px, 6vh, 72px) var(--ue-gutter);
    border-top: 1px solid var(--ue-line);
    display: grid;
    gap: 32px;
}

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

/* Kılavuzun tanımlayıcılı (EVENT & EXPERIENCE) logosu; üstteki menü logosuyla aynı boyda
   (--ue-logo-h, aynı max-width). İki SVG'nin viewBox'ı aynı olduğundan kelime markası da eşit. */
.logotype[b-i6ki8ol6yi] { display: block; }
.logotype:hover[b-i6ki8ol6yi] { color: inherit; }

.logotype[b-i6ki8ol6yi]  .logotype-img {
    display: block;
    height: var(--ue-logo-h);
    width: auto;
    max-width: calc(var(--ue-logo-h) * 3.2);
    object-fit: contain;
    object-position: left bottom;
}

.side[b-i6ki8ol6yi] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 24px clamp(32px, 5vw, 72px);
}

.contact[b-i6ki8ol6yi] {
    display: grid;
    gap: 6px;
    font-size: 14.5px;
    font-style: normal;
    line-height: 1.5;
    color: var(--ue-text-3);
}
.contact .address[b-i6ki8ol6yi] { max-width: 34ch; }
.contact a:hover[b-i6ki8ol6yi] { color: var(--ue-accent-text); }

.social[b-i6ki8ol6yi] {
    display: flex;
    gap: 24px;
    font-size: 12px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: rgba(229, 223, 211, .55);
}

.legal[b-i6ki8ol6yi] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px;
    font-size: 12px;
    letter-spacing: .16em;
    color: var(--ue-text-4);
}

.legal-links[b-i6ki8ol6yi] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    text-transform: uppercase;
}

/* 24px dokunma hedefi (WCAG 2.5.8) — yazı küçük, tıklanan alan değil. */
.legal-links > *[b-i6ki8ol6yi] { display: inline-block; padding-block: 5px; }
.legal-links a[b-i6ki8ol6yi],
.legal-links .consent-open[b-i6ki8ol6yi] { color: var(--ue-text-3); }
.legal-links .consent-open[b-i6ki8ol6yi] {
    padding-inline: 0;
    border: 0;
    background: none;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    cursor: pointer;
}
.legal-links .consent-open:hover[b-i6ki8ol6yi] { color: var(--ue-accent-text); }
.legal-links a:hover[b-i6ki8ol6yi] { color: var(--ue-accent-text); }

/* _content/LivedStory.Web/Components/Layout/SiteNav.razor.rz.scp.css */
.nav[b-scl07dmtgq] {
    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(14, 12, 11, .86), rgba(14, 12, 11, .32));
    border-bottom: 1px solid var(--ue-line-soft);
}

.brand[b-scl07dmtgq] { display: flex; align-items: center; }
.brand:hover[b-scl07dmtgq] { color: inherit; }

/* Logo sayfanın en baskın öğesi: boyu --ue-logo-h (tokens.css); hero başlığı ve menü yüksekliği
   ona göre hesaplanır. En dar ekranda bile ~150 px genişlikte, kılavuzun 120 px sınırının
   üstünde. Panelden yüklenen geniş bir logo max-width ile sınırlanır. */
.brand[b-scl07dmtgq]  .brand-logo {
    display: block;
    height: var(--ue-logo-h);
    width: auto;
    max-width: calc(var(--ue-logo-h) * 3.2);
    object-fit: contain;
    object-position: left center;
}


.links[b-scl07dmtgq] {
    display: none;
    gap: 34px;
    align-items: center;
    font-size: 12.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-scl07dmtgq]  .link {
    position: relative;
    display: inline-block;
    color: var(--ue-text-2);
    transition: color var(--ue-dur-color) ease;
}

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

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

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

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

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

.lang.is-current[b-scl07dmtgq] {
    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-scl07dmtgq] {
    display: flex;
    gap: 18px;
    margin-top: 8px;
    font-size: 15px;
    letter-spacing: .2em;
    font-weight: 600;
}

.cta[b-scl07dmtgq] {
    display: none;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border: 1px solid rgba(229, 223, 211, .22);
    border-radius: var(--ue-radius-pill);
    font-size: 11.5px;
    letter-spacing: .18em;
    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-scl07dmtgq] {
    background: var(--ue-accent);
    color: var(--ue-on-accent);
    border-color: var(--ue-accent-text);
}

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

.burger-line[b-scl07dmtgq] {
    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-scl07dmtgq] { transform: translateY(3.5px) rotate(45deg); }
.is-open-bottom[b-scl07dmtgq] { 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-scl07dmtgq] { display: flex; }
    .cta[b-scl07dmtgq] { display: inline-flex; }
    .burger[b-scl07dmtgq] { display: none; }
}

/* --- Mobil tam ekran menü --- */
.sheet[b-scl07dmtgq] {
    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-scl07dmtgq] { opacity: 1; pointer-events: auto; }

.sheet-inner[b-scl07dmtgq] {
    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-scl07dmtgq]  .sheet-link,
.sheet-inner .sheet-cta[b-scl07dmtgq] {
    font-family: var(--ue-font-display);
    font-weight: 800;
    font-size: min(clamp(28px, 8vw, 52px), var(--ue-h1));
    line-height: 1;
    letter-spacing: -.035em;
    text-transform: uppercase;
}

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

.sheet-cta[b-scl07dmtgq] {
    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-on-accent);
    font-family: var(--ue-font-body) !important;
    font-size: 13px !important;
    font-weight: 700;
    letter-spacing: .18em !important;
}

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

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

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

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

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

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

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

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

.meta[b-1w5psnwsna] {
    margin: 0;
    display: flex;
    gap: 12px;
    font-size: 11.5px;
    letter-spacing: .26em;
    text-transform: uppercase;
    color: rgba(229, 223, 211, .66);
}

.title[b-1w5psnwsna] {
    margin: 0;
    font-family: var(--ue-font-display);
    font-weight: 900;
    /* Ana sayfa hero'suyla aynı kural: logodan küçük kalır (--ue-h1, tokens.css). */
    font-size: var(--ue-h1);
    line-height: .92;
    letter-spacing: -.045em;
    /* Panelden nasıl girilirse girilsin başlık büyük harf gösterilir. html lang'e
       göre dönüştüğü için Türkçede i→İ, ı→I doğru çıkar. */
    text-transform: uppercase;
}

.lead[b-1w5psnwsna] {
    margin: 0;
    max-width: 46ch;
    font-size: clamp(16px, 1.6vw, 20px);
    line-height: 1.55;
    color: rgba(229, 223, 211, .8);
}

/* Masaüstü: başlık küçük olduğu için 30ch'lik kutuda gereksiz yere iki satıra iniyordu.
   Kutu açılır, başlık tek satırda kalır (çok uzun bir başlık yine de sarar, taşmaz);
   açıklama da daha geniş bir satıra yayılır. Mobil ve tablet değişmez. */
@media (min-width: 1024px) {
    .cover-body[b-1w5psnwsna] { max-width: min(100%, 1180px); }
    .lead[b-1w5psnwsna] { max-width: 64ch; }
}

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

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

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

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

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

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

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

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

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

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

.chapter[b-1w5psnwsna] {
    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(229, 223, 211, .12);
}

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

.chapter-body[b-1w5psnwsna] {
    margin: 0;
    font-size: clamp(16px, 1.5vw, 20px);
    line-height: 1.6;
    color: rgba(229, 223, 211, .78);
}

.pager[b-1w5psnwsna] {
    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-1w5psnwsna] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--ue-text-2);
}

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

@media (max-width: 640px) {
    .chapter[b-1w5psnwsna] { grid-template-columns: 1fr; gap: 8px; }
}

/* --- Galeri ---
   Yatay şerit: tüm kareler aynı yükseklikte, genişlik oranlarından gelir
   (geniş 16:9, dikey 4:5, kare 1:1). Kaydırma tarayıcının kendi scroll'u;
   scroll-snap kareleri hizalar, oklar ve fareyle sürükleme JS'ten. */

.gallery[b-1w5psnwsna] {
    --g-h: clamp(220px, 34vh, 380px);
    display: grid;
    gap: clamp(16px, 2.4vh, 24px);
    padding-top: clamp(18px, 2.5vh, 28px);
    border-top: 1px solid rgba(229, 223, 211, .12);
    min-width: 0;
}

.gallery-head[b-1w5psnwsna] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.gallery-title[b-1w5psnwsna] {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .2em;
    color: var(--ue-accent-text);
}

.gallery-nav[b-1w5psnwsna] { display: flex; gap: 8px; }

.g-nav[b-1w5psnwsna] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(229, 223, 211, .28);
    border-radius: var(--ue-radius-pill);
    background: transparent;
    color: var(--ue-text);
    font-size: 16px;
    cursor: pointer;
    transition: background var(--ue-dur-color) ease,
                color var(--ue-dur-color) ease,
                border-color var(--ue-dur-color) ease,
                opacity var(--ue-dur-color) ease;
}

.g-nav:hover:not(:disabled)[b-1w5psnwsna] {
    background: var(--ue-accent);
    color: var(--ue-on-accent);
    border-color: var(--ue-accent-text);
}

.g-nav:disabled[b-1w5psnwsna] { opacity: .3; cursor: default; }

.gallery-track[b-1w5psnwsna] {
    display: flex;
    gap: clamp(10px, 1.2vw, 16px);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    cursor: grab;
}

.gallery-track[b-1w5psnwsna]::-webkit-scrollbar { display: none; }
.gallery-track.is-dragging[b-1w5psnwsna] { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; }
.gallery-track.is-dragging .g-open[b-1w5psnwsna] { pointer-events: none; }
.gallery-track:focus-visible[b-1w5psnwsna] { outline: 2px solid var(--ue-accent); outline-offset: 4px; }

.g-item[b-1w5psnwsna] {
    flex: 0 0 auto;
    height: var(--g-h);
    margin: 0;
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    background: var(--ue-surface);
    scroll-snap-align: start;
}

.g-wide[b-1w5psnwsna]  { aspect-ratio: 16 / 9; }
.g-half[b-1w5psnwsna]  { aspect-ratio: 4 / 5; }
.g-third[b-1w5psnwsna] { aspect-ratio: 1 / 1; }

.g-open[b-1w5psnwsna] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: none;
    cursor: zoom-in;
}

.g-open[b-1w5psnwsna]  img,
.g-open video[b-1w5psnwsna] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--ue-dur-media) var(--ue-ease);
    -webkit-user-drag: none;
    user-select: none;
}

.g-open:hover[b-1w5psnwsna]  img,
.g-open:hover video[b-1w5psnwsna] { transform: scale(1.03); }

/* Video karesi: köşede oynat işareti — boş yer tutucuda da aynı dil. */
.g-play[b-1w5psnwsna],
.g-item.is-video:not(:has(video))[b-1w5psnwsna]::after {
    position: absolute;
    top: 14px;
    left: 14px;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid var(--ue-line-accent);
    border-radius: var(--ue-radius-pill);
    background: rgba(14, 12, 11, .55);
    font-size: 12px;
    color: var(--ue-accent-text);
}

.g-item.is-video:not(:has(video))[b-1w5psnwsna]::after { content: "▶"; }

/* Lightbox — showreel oynatıcısıyla aynı dil. */
.lightbox[b-1w5psnwsna] {
    width: min(94vw, 1400px);
    max-width: none;
    max-height: 92svh;
    padding: 0;
    border: 1px solid rgba(229, 223, 211, .16);
    border-radius: 16px;
    background: #000;
    color: var(--ue-text);
    overflow: hidden;
}

.lightbox[b-1w5psnwsna]::backdrop {
    background: rgba(10, 9, 8, .88);
    backdrop-filter: blur(6px);
}

.lightbox[open][b-1w5psnwsna] { animation: lb-in-b-1w5psnwsna .32s var(--ue-ease) both; }

@keyframes lb-in-b-1w5psnwsna {
    from { opacity: 0; transform: scale(.96); }
    to   { opacity: 1; transform: scale(1); }
}

.lightbox-media[b-1w5psnwsna] {
    display: block;
    width: 100%;
    max-height: 92svh;
    object-fit: contain;
    background: #000;
}

.lightbox-video[b-1w5psnwsna] { aspect-ratio: 16 / 9; }
.lightbox-media[hidden][b-1w5psnwsna] { display: none; }

.lb-btn[b-1w5psnwsna] {
    position: absolute;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(229, 223, 211, .28);
    border-radius: var(--ue-radius-pill);
    background: rgba(14, 12, 11, .65);
    color: var(--ue-text);
    font-size: 16px;
    cursor: pointer;
    transition: background var(--ue-dur-color) ease,
                color var(--ue-dur-color) ease,
                border-color var(--ue-dur-color) ease;
}

.lb-btn:hover[b-1w5psnwsna] {
    background: var(--ue-accent);
    color: var(--ue-on-accent);
    border-color: var(--ue-accent-text);
}

.lb-close[b-1w5psnwsna] { top: 10px; right: 10px; }
.lb-prev[b-1w5psnwsna]  { left: 10px; top: 50%; translate: 0 -50%; }
.lb-next[b-1w5psnwsna]  { right: 10px; top: 50%; translate: 0 -50%; }
.lb-btn[hidden][b-1w5psnwsna] { display: none; }

@media (max-width: 640px) {
    .gallery[b-1w5psnwsna] { --g-h: clamp(200px, 62vw, 300px); }
    .gallery-nav[b-1w5psnwsna] { display: none; }
    /* Geniş kare ekranı tamamen kaplamasın: sağda bir sonraki karenin ucu
       görünür ve şeridin kaydırılabildiği anlaşılır. */
    .g-item[b-1w5psnwsna] { max-width: 80vw; }
}
/* _content/LivedStory.Web/Components/Pages/Legal.razor.rz.scp.css */
/* Yasal metin: uzun okuma — dar sütun, sakin başlık; sitenin dev display puntosu burada kullanılmaz. */
.legal[b-nth699ehaa] {
    padding: calc(var(--ue-nav-h) + clamp(24px, 5vh, 60px)) var(--ue-gutter) var(--ue-section-y);
}

.legal-head[b-nth699ehaa] {
    display: grid;
    gap: 14px;
    max-width: 30ch;
    margin-bottom: clamp(32px, 5vh, 56px);
}

.legal-head .ue-eyebrow[b-nth699ehaa] { margin: 0; }

.legal-title[b-nth699ehaa] {
    margin: 0;
    max-width: 22ch;
    font-family: var(--ue-font-display);
    font-weight: 800;
    font-size: min(clamp(26px, 3.4vw, 48px), var(--ue-h1));
    line-height: 1.05;
    letter-spacing: -.03em;
    text-wrap: balance;
}

.legal-grid[b-nth699ehaa] {
    display: grid;
    gap: 48px;
}

@media (min-width: 960px) {
    .legal-head[b-nth699ehaa] { max-width: none; }
    .legal-grid[b-nth699ehaa] { grid-template-columns: minmax(0, 68ch) minmax(180px, 240px); justify-content: space-between; }
    .legal-nav[b-nth699ehaa] { position: sticky; top: calc(var(--ue-nav-h) + 24px); align-self: start; }
}

.legal-body[b-nth699ehaa] {
    max-width: 68ch;
    font-size: 17px;
    line-height: 1.7;
    color: var(--ue-text-2);
}

.legal-body[b-nth699ehaa]  h2 {
    margin: 2.2em 0 .6em;
    font-family: var(--ue-font-display);
    font-weight: 800;
    font-size: clamp(18px, 1.6vw, 22px);
    line-height: 1.25;
    letter-spacing: -.01em;
    color: var(--ue-text);
}

.legal-body[b-nth699ehaa]  h2:first-child { margin-top: 0; }
.legal-body[b-nth699ehaa]  h3 { margin: 1.6em 0 .4em; font-size: 17px; color: var(--ue-text); }
.legal-body[b-nth699ehaa]  p { margin: 0 0 1em; }
.legal-body[b-nth699ehaa]  ul, .legal-body[b-nth699ehaa]  ol { margin: 0 0 1.2em; padding-left: 1.2em; }
.legal-body[b-nth699ehaa]  li { margin: 0 0 .5em; }
.legal-body[b-nth699ehaa]  li::marker { color: var(--ue-accent-text); }
.legal-body[b-nth699ehaa]  strong { color: var(--ue-text); font-weight: 600; }
.legal-body[b-nth699ehaa]  a {
    color: var(--ue-accent-text);
    text-decoration: underline;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}
.legal-body[b-nth699ehaa]  a:hover { color: var(--ue-text); }

.legal-nav[b-nth699ehaa] {
    display: grid;
    gap: 2px;
    border-top: 1px solid var(--ue-line);
    padding-top: 16px;
    font-size: 13px;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.legal-nav a[b-nth699ehaa] {
    padding: 8px 0;
    color: var(--ue-text-3);
}

.legal-nav a:hover[b-nth699ehaa],
.legal-nav a[aria-current="page"][b-nth699ehaa] { color: var(--ue-accent-text); }
/* _content/LivedStory.Web/Components/Pages/NotFound.razor.rz.scp.css */
/* Başlığın altındaki çıkış düğmeleri. Dar ekranda alt alta geçer. */
.back-wrap[b-y8nu9g2b3k] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 0 var(--ue-gutter) var(--ue-section-y);
}
/* _content/LivedStory.Web/Components/Sections/CapabilitiesSection.razor.rz.scp.css */
.create[b-v80h1b4ve2] {
    padding: clamp(24px, 4vh, 48px) var(--ue-gutter) clamp(72px, 10vh, 130px);
    background: var(--ue-surface);
}

.row[b-v80h1b4ve2] {
    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(229, 223, 211, .12);
    transition: background var(--ue-dur-color) ease;
}

.row:hover[b-v80h1b4ve2] {
    background: linear-gradient(90deg, rgba(200, 118, 79, .06), transparent 60%);
}

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

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

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

.title[b-v80h1b4ve2] {
    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-v80h1b4ve2] { transform: translateX(18px); }

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

.rule[b-v80h1b4ve2] { border-top: 1px solid rgba(229, 223, 211, .12); }
/* _content/LivedStory.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-fcabfhdtvu]  .form {
    display: grid;
    gap: 18px;
}

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

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

.form-wrap[b-fcabfhdtvu]  .label {
    font-size: 11.5px;
    letter-spacing: .2em;
    color: var(--ue-text-4);
}

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

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

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

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

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

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

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

.form-wrap[b-fcabfhdtvu]  .file:hover { border-color: rgba(229, 223, 211, .5); }
.form-wrap[b-fcabfhdtvu]  .file.has-file { border-style: solid; border-color: var(--ue-line-accent); color: var(--ue-text); }

.form-wrap[b-fcabfhdtvu]  .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-fcabfhdtvu]  .file-input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

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

/* --- KVKK onayı --- */
.form-wrap[b-fcabfhdtvu]  .consent {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--ue-text-3);
    cursor: pointer;
}

.form-wrap[b-fcabfhdtvu]  .consent input {
    flex: none;
    width: 18px;
    height: 18px;
    margin: 1px 0 0;
    accent-color: var(--ue-accent-text);
    cursor: pointer;
}

/* --- Gönder --- */
.form-wrap[b-fcabfhdtvu]  .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-on-accent);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .16em;
    cursor: pointer;
    transition: background var(--ue-dur-color) ease, opacity var(--ue-dur-color) ease;
}

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

.form-wrap[b-fcabfhdtvu]  .sent-note {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
    color: var(--ue-text-2);
}

.form-wrap[b-fcabfhdtvu]  .consent-link {
    color: var(--ue-accent-text);
    text-decoration: underline;
    text-underline-offset: 3px;
    white-space: nowrap;
}
.form-wrap[b-fcabfhdtvu]  .consent-link:hover { color: var(--ue-text); }

/* ---- "Let's Create Something" — adım adım akış ---- */
.form-wrap[b-fcabfhdtvu]  .lc-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
}

.form-wrap[b-fcabfhdtvu]  .lc-kicker {
    font-size: 12px;
    letter-spacing: .28em;
    color: var(--ue-accent-text);
}

.form-wrap[b-fcabfhdtvu]  .lc-count {
    font-family: var(--ue-font-display);
    font-weight: 800;
    font-size: 22px;
    letter-spacing: -.02em;
    color: var(--ue-text);
}
.form-wrap[b-fcabfhdtvu]  .lc-count span { color: var(--ue-text-4); font-weight: 600; }

/* İnce ilerleme çizgisi — adım değişince akarak dolar. */
.form-wrap[b-fcabfhdtvu]  .lc-progress {
    height: 2px;
    margin: 14px 0 12px;
    background: var(--ue-line);
    overflow: hidden;
}
.form-wrap[b-fcabfhdtvu]  .lc-progress span {
    display: block;
    height: 100%;
    width: calc(var(--p) * 100%);
    background: var(--ue-accent);
    transition: width var(--ue-dur-height) var(--ue-ease);
}

.form-wrap[b-fcabfhdtvu]  .lc-steps {
    display: flex;
    gap: 22px;
    margin: 0 0 clamp(22px, 4vh, 36px);
    padding: 0;
    list-style: none;
    font-size: 12px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--ue-text-4);
}
.form-wrap[b-fcabfhdtvu]  .lc-steps .is-current { color: var(--ue-text); }
.form-wrap[b-fcabfhdtvu]  .lc-steps button {
    padding: 4px 0;
    border: 0;
    background: none;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: var(--ue-text-3);
    cursor: pointer;
}
.form-wrap[b-fcabfhdtvu]  .lc-steps button:hover { color: var(--ue-accent-text); }
.form-wrap[b-fcabfhdtvu]  .lc-steps .is-done button::before { content: "✓ "; color: var(--ue-accent-text); }

/* Adımın sorusu — kinetik başlık dilinde, formun en büyük yazısı. */
.form-wrap[b-fcabfhdtvu]  .lc-q {
    margin: 0;
    font-family: var(--ue-font-display);
    font-weight: 800;
    font-size: min(clamp(26px, 3.2vw, 46px), var(--ue-h1));
    line-height: 1;
    letter-spacing: -.035em;
    color: var(--ue-text);
    outline: none;
}

/* Adım geçişi: yeni adım sağdan kayarak gelir (@key ile her adım yeni düğüm). */
.form-wrap[b-fcabfhdtvu]  .lc-step {
    display: grid;
    gap: 22px;
    animation: lc-in-b-fcabfhdtvu .5s var(--ue-ease) both;
}
@keyframes lc-in-b-fcabfhdtvu {
    from { opacity: 0; transform: translateX(28px); }
}

/* Seçim kartları (deneyim türü, ölçek). */
.form-wrap[b-fcabfhdtvu]  .lc-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.form-wrap[b-fcabfhdtvu]  .lc-chip {
    padding: 15px 22px;
    border: 1px solid var(--ue-line-strong);
    border-radius: var(--ue-radius-pill);
    background: transparent;
    color: var(--ue-text-2);
    font: inherit;
    font-size: 16px;
    cursor: pointer;
    transition: border-color var(--ue-dur-color) ease, background var(--ue-dur-color) ease,
                color var(--ue-dur-color) ease, transform .2s var(--ue-ease);
}
.form-wrap[b-fcabfhdtvu]  .lc-chip:hover { border-color: var(--ue-accent-text); color: var(--ue-text); }
.form-wrap[b-fcabfhdtvu]  .lc-chip:active { transform: scale(.97); }
.form-wrap[b-fcabfhdtvu]  .lc-chip.is-selected {
    border-color: var(--ue-accent);
    background: var(--ue-accent);
    color: var(--ue-on-accent);
}
.form-wrap[b-fcabfhdtvu]  .lc-chips--sm .lc-chip { padding: 10px 16px; font-size: 14px; }

/* Geri / devam */
.form-wrap[b-fcabfhdtvu]  .lc-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 8px;
}
.form-wrap[b-fcabfhdtvu]  .lc-nav .submit { margin-top: 0; }

.form-wrap[b-fcabfhdtvu]  .lc-back {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 17px 26px;
    border: 1px solid var(--ue-line-strong);
    border-radius: var(--ue-radius-pill);
    background: transparent;
    color: var(--ue-text-2);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    cursor: pointer;
    transition: border-color var(--ue-dur-color) ease, color var(--ue-dur-color) ease;
}
.form-wrap[b-fcabfhdtvu]  .lc-back:hover:not(:disabled) { border-color: var(--ue-text); color: var(--ue-text); }

/* Teşekkür */
.form-wrap[b-fcabfhdtvu]  .lc-done {
    display: grid;
    gap: 16px;
    animation: lc-in-b-fcabfhdtvu .5s var(--ue-ease) both;
}
.form-wrap[b-fcabfhdtvu]  .lc-summary {
    margin: 0;
    font-size: 14px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--ue-accent-text);
}

/* Turnstile: yalnızca Cloudflare kutucuk gösterirse yer kaplar. */
.form-wrap[b-fcabfhdtvu]  .lc-turnstile:empty { display: none; }
.form-wrap[b-fcabfhdtvu]  .lc-turnstile { max-width: 400px; }
/* _content/LivedStory.Web/Components/Sections/ContactSection.razor.rz.scp.css */
.contact[b-cqd9yi2lze] {
    padding: calc(var(--ue-nav-h) + clamp(30px, 7vh, 80px)) var(--ue-gutter) var(--ue-section-y);
}

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

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

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

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

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

.grid[b-bhxup3e99n] {
    /* Akış: başlıklar "/" ile ayrılıp yan yana dizilir; sığmayan başlık
       bölünmez, tümüyle bir alt satırda devam eder. */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: clamp(12px, 1.4vw, 24px) clamp(10px, 1vw, 18px);
    text-align: center;
    max-width: 1500px;
    margin: 0 auto;
}

.item[b-bhxup3e99n] {
    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:has(.item:hover) .item:not(:hover)[b-bhxup3e99n] { opacity: .3; }

.copy[b-bhxup3e99n] {
    position: relative;
    z-index: 2;
    font-family: var(--ue-font-display);
    font-weight: 900;
    /* Başlık asla iki satıra bölünmez. */
    white-space: nowrap;
    font-size: clamp(13px, 1.35vw, 28px);
    line-height: 1.15;
    letter-spacing: -.03em;
    text-transform: uppercase;
    transition: color var(--ue-dur-color) ease;
}

.item:hover[b-bhxup3e99n] { z-index: 3; }
.item:hover .copy[b-bhxup3e99n] { 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-bhxup3e99n] {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: clamp(260px, 28vw, 480px);
    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-bhxup3e99n],
.media .clip[b-bhxup3e99n] {
    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-bhxup3e99n] {
    position: absolute;
    inset: 0;
    background: rgba(14, 12, 11, .5);
}

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

/* Üstü çizili — her satırda ayrı bir çizgi, hover'da soldan sağa çizilir.
   Arka plan glifin altında kalacağı için çizgi, metnin birebir kopyası olan
   saydam bir katmanda çiziliyor (aynı grid hücresi = aynı satır kırılımı).
   clone sayesinde her satır parçası kendi çizgisini alıp aynı anda animasyona girer. */
.copy[b-bhxup3e99n] {
    display: grid;
}

.text[b-bhxup3e99n],
.over[b-bhxup3e99n] {
    grid-area: 1 / 1;
}

.over[b-bhxup3e99n] {
    color: transparent;
    pointer-events: none;
    user-select: none;
}

.line[b-bhxup3e99n] {
    background-image: linear-gradient(var(--ue-accent), var(--ue-accent));
    background-repeat: no-repeat;
    background-position: 0 56%;
    background-size: 0% clamp(2px, .3vw, 4px);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    transition: background-size var(--ue-dur-move) var(--ue-ease);
}

.item:hover .line[b-bhxup3e99n],
.item:focus-visible .line[b-bhxup3e99n] { background-size: 100% clamp(2px, .3vw, 4px); }

.slash[b-bhxup3e99n] {
    font-family: var(--ue-font-display);
    font-weight: 400;
    font-size: clamp(14px, 1.3vw, 22px);
    line-height: 1;
    color: var(--ue-text-5);
    user-select: none;
}

/* Dar ekranda punto orantılı küçülür; başlık yine tek satırda kalır. */
@media (max-width: 1360px) {
    .copy[b-bhxup3e99n] { font-size: clamp(13px, 1.7vw, 20px); }
}


/* Dokunmatikte hover yok: kartlara dönüşür, medya sürekli görünür. */
@media (max-width: 720px), (hover: none) {
    .grid[b-bhxup3e99n] {
        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-bhxup3e99n] { opacity: 1; }

    .item[b-bhxup3e99n] {
        display: grid;
        gap: 12px;
        align-content: start;
        padding: 0;
    }

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

    .item:hover .media[b-bhxup3e99n] { transform: none; }
    /* Kart görünümünde dar sütuna sığmayan başlık satıra bölünebilir. */
    .copy[b-bhxup3e99n] { white-space: normal; }

    .media-scrim[b-bhxup3e99n] { background: rgba(14, 12, 11, .25); }

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

    .over[b-bhxup3e99n] { display: none; }
    .slash[b-bhxup3e99n] { display: none; }
}
/* _content/LivedStory.Web/Components/Sections/HeroSection.razor.rz.scp.css */
.hero[b-12nk5943iu] {
    position: relative;
    min-height: 100svh;
    display: grid;
    align-items: end;
    overflow: hidden;
    padding: 0;
}

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

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

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

.content[b-12nk5943iu] {
    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-12nk5943iu] {
    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-12nk5943iu] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
}

.summary[b-12nk5943iu] {
    margin: 0;
    max-width: 44ch;
    font-size: var(--ue-lead);
    line-height: 1.5;
    color: rgba(229, 223, 211, .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-12nk5943iu] {
    display: inline-block;
    margin-right: .28em;
    opacity: 0;
    animation: sum-in-b-12nk5943iu .55s var(--ue-ease) var(--sw, 0ms) forwards;
}

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

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

/* Hero butonları sitenin genel pill'inden küçük: ilk ekranda logo ve başlık öne çıksın. */
.ctas .ue-pill[b-12nk5943iu] {
    gap: 10px;
    padding: 12px 20px;
    font-size: 12.5px;
    letter-spacing: .14em;
}

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

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

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

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

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

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

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

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

.closing[b-dbg5m9mtja] {
    font-family: var(--ue-font-display);
    font-weight: 800;
    font-size: clamp(18px, 2vw, 26px);
    letter-spacing: -.02em;
    color: var(--ue-accent-text);
}
/* _content/LivedStory.Web/Components/Sections/MarqueeSection.razor.rz.scp.css */
.marquee[b-i7uo7scwwa] {
    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-i7uo7scwwa] {
    display: flex;
    width: max-content;
    animation: marquee-scroll-b-i7uo7scwwa 34s linear infinite;
    will-change: transform;
}

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

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

/* _content/LivedStory.Web/Components/Sections/MorphSection.razor.rz.scp.css */
.morph[b-fbuvkc47qa] {
    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-fbuvkc47qa] {
    position: sticky;
    top: 0;
    height: 100svh;
    display: grid;
    place-items: center;
    overflow: hidden;
}

.bg[b-fbuvkc47qa] {
    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-fbuvkc47qa] {
    position: absolute;
    inset: 0;
    background: rgba(14, 12, 11, .7);
}

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

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

.word[b-fbuvkc47qa] {
    position: absolute;
    font-family: var(--ue-font-display);
    font-weight: 900;
    font-size: min(clamp(40px, 12vw, 180px), var(--ue-h1));
    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-fbuvkc47qa] { --w: var(--w1, 0); --wy: var(--w1y, 0px); --g: var(--g1, 0); }
.w2[b-fbuvkc47qa] { --w: var(--w2, 0); --wy: var(--w2y, 0px); --g: var(--g2, 0); }
.w3[b-fbuvkc47qa] { --w: var(--w3, 0); --wy: var(--w3y, 0px); --g: var(--g3, 0); }
.w4[b-fbuvkc47qa] { --w: var(--w4, 1); --wy: var(--w4y, 0px); --g: var(--g4, 0); }

.final[b-fbuvkc47qa] {
    text-align: center;
    font-size: min(clamp(26px, 5.4vw, 78px), var(--ue-h1));
    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-fbuvkc47qa]::before,
.word[b-fbuvkc47qa]::after {
    content: attr(data-text);
    position: absolute;
    inset: 0;
    white-space: pre-line;
    text-align: inherit;
    pointer-events: none;
    opacity: 0;
}

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

.word[b-fbuvkc47qa]::after {
    color: var(--ue-slate);
    animation: tv-slice-b-b-fbuvkc47qa .5s steps(2, end) infinite;
}

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

@keyframes tv-slice-a-b-fbuvkc47qa {
    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-fbuvkc47qa {
    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-fbuvkc47qa {
    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-fbuvkc47qa] {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    opacity: calc(var(--g, 0) * .55);
    background: repeating-linear-gradient(
        180deg,
        rgba(229, 223, 211, .09) 0 1px,
        transparent 1px 4px);
    animation: tv-roll-b-fbuvkc47qa 1.6s linear infinite;
}

@keyframes tv-roll-b-fbuvkc47qa {
    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-fbuvkc47qa],
.morph:not(.is-live) .word[b-fbuvkc47qa]::before,
.morph:not(.is-live) .word[b-fbuvkc47qa]::after,
.morph:not(.is-live) .scanlines[b-fbuvkc47qa] {
    animation-play-state: paused;
}

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

.bar[b-fbuvkc47qa] {
    display: block;
    position: relative;
    width: 120px;
    height: 1px;
    background: rgba(229, 223, 211, .18);
    overflow: hidden;
}

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

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

.head[b-5nqowtd5dj] {
    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-5nqowtd5dj] { display: grid; gap: 18px; }

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

.intro[b-5nqowtd5dj] {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: rgba(229, 223, 211, .66);
    max-width: 44ch;
}

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

.journey[b-5nqowtd5dj] {
    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-5nqowtd5dj] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: visible;
}

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

.track-base[b-5nqowtd5dj] { stroke: rgba(229, 223, 211, .12); }

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

.steps[b-5nqowtd5dj] {
    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-5nqowtd5dj] {
    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-5nqowtd5dj] { justify-items: start; }
.is-right[b-5nqowtd5dj] { justify-items: end; }

/* Yolun düğümü: adımın hizasında, yolun o adımda geçtiği yanda. */
.node[b-5nqowtd5dj] {
    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(229, 223, 211, .25);
    transition: border-color .5s var(--ue-ease), box-shadow .5s var(--ue-ease);
}

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

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

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

.step.is-in .node[b-5nqowtd5dj] {
    border-color: var(--ue-accent-text);
    box-shadow: 0 0 0 4px rgba(200, 118, 79, .16), 0 0 14px rgba(200, 118, 79, .5);
}

.step.is-in .node[b-5nqowtd5dj]::after { background: rgba(200, 118, 79, .4); }

.card[b-5nqowtd5dj] {
    position: relative;
    width: min(46%, 560px);
    overflow: hidden;
    border: 1px solid rgba(229, 223, 211, .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-5nqowtd5dj] {
    margin-left: calc(20% + clamp(18px, 3vw, 48px));
    transform: translateY(26px) translateX(-16px);
}

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

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

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

.media img[b-5nqowtd5dj] {
    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-5nqowtd5dj] { transform: scale(1.1); }

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

.body[b-5nqowtd5dj] {
    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-5nqowtd5dj] {
    font-family: var(--ue-font-display);
    font-weight: 900;
    font-size: 13px;
    letter-spacing: .2em;
    color: var(--ue-accent-text);
}

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

.desc[b-5nqowtd5dj] {
    margin: 0;
    font-size: 15.5px;
    line-height: 1.55;
    color: rgba(229, 223, 211, .74);
    max-width: 34ch;
}

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

    .steps[b-5nqowtd5dj] {
        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(229, 223, 211, .14);
    }

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

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

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

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

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

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

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

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

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

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

.play[b-nvjmt9lpih] {
    /* <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(229, 223, 211, .5);
    display: grid;
    place-items: center;
    font-size: 12px;
    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-nvjmt9lpih] {
    background: var(--ue-accent);
    color: var(--ue-on-accent);
    border-color: var(--ue-accent-text);
}

.claim[b-nvjmt9lpih] {
    margin: 0;
    font-family: var(--ue-font-display);
    font-weight: 900;
    font-size: min(clamp(24px, 4.6vw, 64px), var(--ue-h1));
    line-height: 1;
    letter-spacing: -.04em;
    /* "DENEYİME DÖNÜŞTÜRÜN." tek satırda kalsın (20 karakter, geniş büyük harfler). */
    max-width: 24ch;
}

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

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

.player[b-nvjmt9lpih]::backdrop {
    background: rgba(10, 9, 8, .82);
    backdrop-filter: blur(6px);
}

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

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

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

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

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

.player-video[b-nvjmt9lpih] {
    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-nvjmt9lpih] {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(229, 223, 211, .28);
    border-radius: var(--ue-radius-pill);
    background: rgba(14, 12, 11, .65);
    color: var(--ue-text);
    font-size: 16px;
    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-nvjmt9lpih] {
    background: var(--ue-accent);
    color: var(--ue-on-accent);
    border-color: var(--ue-accent-text);
}

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

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

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

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

.stat-label[b-q16798pwvu] {
    font-size: 12px;
    letter-spacing: .2em;
    color: var(--ue-text-4);
}

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

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

.logo-grid[b-q16798pwvu] {
    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-q16798pwvu] {
    background: var(--ue-surface);
    min-height: 84px;
    display: grid;
    place-items: center;
    padding: 12px;
}

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

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

.slot[b-i31lk04nsg] {
    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(229, 223, 211, .022) 0 10px,
            transparent 10px 20px),
        var(--ue-surface);
    border: 1px dashed rgba(229, 223, 211, .14);
}

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

.slot-hint[b-i31lk04nsg] {
    font-size: 13.5px;
    line-height: 1.45;
    color: var(--ue-text-4);
    max-width: 28ch;
}
/* _content/LivedStory.Web/Components/Shared/PageHeader.razor.rz.scp.css */
.page-head[b-m1o88xzvo5] {
    display: grid;
    gap: clamp(14px, 2.4vh, 24px);
    padding: calc(var(--ue-nav-h) + clamp(24px, 5vh, 60px)) var(--ue-gutter) clamp(20px, 3vh, 40px);
    align-items: end;
}

.title[b-m1o88xzvo5] {
    margin: 0;
    font-family: var(--ue-font-display);
    font-weight: 900;
    font-size: min(clamp(30px, 5.8vw, 92px), var(--ue-h1));
    line-height: .9;
    letter-spacing: -.05em;
    text-wrap: balance;
}

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