*{box-sizing:border-box}.archive-page{min-height:100vh;background:var(--bg);color:var(--fg)}
.archive-topbar{position:fixed;z-index:30;inset:0 0 auto;display:flex;justify-content:space-between;padding:20px;pointer-events:none}.archive-topbar h1{margin:0;font-size:36px;line-height:.95;letter-spacing:-.055em;font-weight:600}.archive-actions{display:flex;align-items:center;gap:16px;pointer-events:auto}.archive-actions button,.archive-actions a{border:0;background:var(--soft);padding:8px 16px;text-decoration:none;font-size:13px}.archive-actions button{width:35px;height:35px;padding:0;border-radius:50%;background:transparent;font-size:20px}
.archive-identity{position:fixed;z-index:20;inset:0 auto 0 20px;width:217px;display:flex;align-items:center;pointer-events:none}.archive-switcher{position:absolute;top:72px;display:grid;gap:8px;pointer-events:auto}.archive-switcher button{display:grid;place-items:center;width:35px;height:35px;padding:0;border:0;border-radius:50%;background:var(--soft);opacity:.48}.archive-switcher button.active,.archive-switcher button:hover{opacity:1}.archive-wordmark{pointer-events:auto;text-decoration:none;font-size:62px;line-height:.68;letter-spacing:-.095em;font-weight:600;display:flex;flex-direction:column}.archive-wordmark small{font-size:24px;letter-spacing:-.055em;margin:13px 0 0 3px}.archive-identity>p{position:absolute;bottom:22px;margin:0;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.13em}
.archive-view-labels{position:fixed;z-index:25;left:257px;top:150px;display:flex;gap:6px}.archive-view-labels button{border:1px solid var(--soft);background:transparent;color:var(--muted);border-radius:20px;padding:6px 11px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.archive-view-labels button.active{background:var(--fg);border-color:var(--fg);color:var(--bg)}
.archive-content{min-height:100vh;margin-left:257px;padding:240px 20px 100px;position:relative}
.archive-content--selected{display:grid;grid-template-columns:42% 1fr;gap:40px;margin-left:257px;padding:200px 20px 100px;position:relative}
.selected-titles-col{position:relative}
.selected-titles-sticky{position:sticky;top:180px;display:flex;flex-direction:column;gap:16px}
.selected-name-link{display:block;text-decoration:none;font-size:clamp(30px,3.4vw,58px);font-weight:700;line-height:.92;letter-spacing:-.055em;color:rgba(11,11,11,.22);transition:color .25s ease,transform .25s ease}
:root[data-theme=dark] .selected-name-link{color:rgba(255,255,255,.22)}
.selected-name-link:hover,.selected-name-link.active{color:#000000 !important;transform:translateX(10px)}
:root[data-theme=dark] .selected-name-link:hover,:root[data-theme=dark] .selected-name-link.active{color:#ffffff !important;transform:translateX(10px)}
.selected-name-link .location-text{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.11em;margin-top:6px;opacity:0;color:var(--muted);transition:opacity .25s ease,color .25s ease}
.selected-name-link.active .location-text{opacity:1 !important;color:#ffffff !important}
:root[data-theme=dark] .selected-name-link.active .location-text{color:#ffffff !important}
.selected-stream-col{display:flex;flex-direction:column;gap:65px}
.selected-stream-card{width:100%}
.stream-card-link{display:block;text-decoration:none;color:var(--fg)}
.stream-image-wrap{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--soft)}
.stream-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .4s ease}
.selected-stream-card:hover .stream-image-wrap img{transform:scale(1.045);filter:saturate(1.1)}
.stream-card-badge{position:absolute;right:14px;bottom:12px;color:#ffffff;font-size:10px;letter-spacing:.12em;font-weight:600;mix-blend-mode:difference;background:rgba(0,0,0,.45);padding:4px 9px;border-radius:20px}
.stream-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:14px}
.stream-card-meta h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.03em}
.stream-card-meta p{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.archive-grid,.archive-list{display:none}.archive-content--grid{margin-left:320px;padding-top:220px}.archive-content--grid .selected-titles-col,.archive-content--grid .selected-stream-col{display:none}.archive-content--grid .archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.archive-card{animation:archiveEnter .7s var(--card-delay) both}.archive-card a{text-decoration:none}.archive-card> a>div{aspect-ratio:4/3;overflow:hidden;background:var(--soft)}.archive-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82);transition:transform .65s,filter .3s}.archive-card:hover img{transform:scale(1.04);filter:saturate(1)}.archive-card h2{margin:10px 0 3px;font-size:14px;font-weight:500}.archive-card p{margin:0;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.archive-content--list{margin-left:365px;padding-top:205px}.archive-content--list .selected-titles-col,.archive-content--list .selected-stream-col{display:none}.archive-content--list .archive-list{display:block}.archive-list>a{display:grid;grid-template-columns:35px 80px 1.4fr 1fr 1fr;align-items:center;gap:18px;min-height:100px;border-top:1px solid var(--soft);text-decoration:none}.archive-list>a:last-child{border-bottom:1px solid var(--soft)}.archive-list span,.archive-list small,.archive-list em{font-size:10px;color:var(--muted);font-style:normal;text-transform:uppercase;letter-spacing:.07em}.archive-list img{width:80px;height:64px;object-fit:cover;filter:saturate(.75);transition:.3s}.archive-list strong{font-size:16px;font-weight:500}.archive-list em{text-align:right}.archive-list>a:hover img{transform:scale(1.06);filter:saturate(1)}
.archive-footer{position:relative;z-index:12;margin:0 20px 0 257px;padding:20px 0 24px;border-top:1px solid var(--soft);display:flex;gap:30px;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.archive-footer a{margin-left:auto;text-decoration:none;color:inherit}
@keyframes archiveEnter{from{opacity:0;transform:translateY(20px)}}
@media(max-width:900px){.archive-topbar h1{font-size:30px}.archive-identity{position:static;width:auto;height:190px;padding:90px 15px 20px;align-items:flex-end}.archive-wordmark{font-size:50px}.archive-identity>p{display:none}.archive-switcher{position:fixed;z-index:40;top:auto;bottom:18px;left:18px;grid-auto-flow:column;background:var(--bg);padding:4px;border-radius:30px}.archive-view-labels{position:relative;left:auto;top:auto;padding:0 14px 15px}.archive-content,.archive-content--grid,.archive-content--list{margin-left:0;padding:20px 14px 90px}.archive-content--selected{display:grid;grid-template-columns:1fr;gap:24px;margin-left:0;padding:20px 14px 90px}.selected-titles-col{display:none}.selected-stream-col{gap:32px}.archive-content--grid .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.archive-list>a{grid-template-columns:28px 65px 1fr;gap:12px}.archive-list img{width:65px;height:52px}.archive-list small,.archive-list em{display:none}.archive-footer{margin:0 14px;flex-wrap:wrap}.archive-footer a{width:100%;margin-left:0}}
@media(max-width:540px){.archive-content--grid .archive-grid{grid-template-columns:1fr}.archive-card h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}


/* Logo Auto Theme Switching */
:root[data-theme="dark"] .logo-dark, [data-theme="dark"] .logo-dark { display: block !important; }
:root[data-theme="dark"] .logo-light, [data-theme="dark"] .logo-light { display: none !important; }
:root[data-theme="light"] .logo-dark, [data-theme="light"] .logo-dark { display: none !important; }
:root[data-theme="light"] .logo-light, [data-theme="light"] .logo-light { display: block !important; }


/* Enhanced Responsive Brand Logo */
.brand-top-logo {
  height: 52px;
  width: auto;
  max-width: 180px;
  object-fit: contain;
  transition: transform .25s ease, opacity .25s ease;
}
.brand-top-logo:hover {
  transform: scale(1.04);
}
@media (max-width: 900px) {
  .brand-top-logo {
    height: 44px;
  }
}
@media (max-width: 480px) {
  .brand-top-logo {
    height: 40px;
  }
}


/* Swapped Wordmark (Top-Left) and Emblem Logo (Bottom-Left) */
.archive-top-wordmark {
  pointer-events: auto;
  text-decoration: none;
  color: var(--fg);
  display: inline-flex;
  flex-direction: column;
  line-height: .75;
  letter-spacing: -.07em;
  font-weight: 700;
  font-size: 38px;
  transition: opacity .2s ease, transform .2s ease;
}
.archive-top-wordmark small {
  font-size: 16px;
  letter-spacing: -.04em;
  margin-top: 6px;
  margin-left: 2px;
  font-weight: 600;
  color: var(--muted);
}
.archive-top-wordmark:hover {
  opacity: .8;
}
.archive-identity-emblem-link {
  pointer-events: auto;
  display: inline-block;
  text-decoration: none;
  transition: transform .25s ease, opacity .25s ease;
}
.archive-identity-emblem-link:hover {
  transform: scale(1.05);
}
.archive-identity-emblem {
  height: 72px !important;
  max-height: 72px !important;
  width: auto !important;
  max-width: 120px !important;
  object-fit: contain !important;
  display: block;
}
@media (max-width: 900px) {
  .archive-top-wordmark {
    font-size: 30px;
  }
  .archive-top-wordmark small {
    font-size: 13px;
    margin-top: 4px;
  }
  .archive-identity-emblem {
    height: 60px;
  }
}