.hall-page { background: #07182f; }

.hall-site-header { position: absolute; top: 18px; left: 0; z-index: 30; width: 100%; }
.hall-nav { display: flex; width: min(1280px, calc(100vw - 34px)); min-height: 74px; margin-inline: auto; padding: 10px 12px; align-items: center; gap: 35px; color: #071b36; border: 1px solid rgba(255,255,255,0.7); border-radius: 22px; background: rgba(255,255,255,0.94); box-shadow: 0 24px 70px rgba(0,10,30,0.2); backdrop-filter: blur(18px); }
.hall-brand { display: flex; min-width: 260px; align-items: center; gap: 12px; text-decoration: none; }
.hall-brand > span { display: grid; width: 55px; height: 41px; padding: 4px; place-items: center; border: 1px solid rgba(8,42,94,0.16); border-radius: 11px; background: #f8fbff; }
.hall-brand img { width: 100%; height: 100%; object-fit: cover; border-radius: 7px; }
.hall-brand div { display: flex; flex-direction: column; }
.hall-brand strong { font-family: Georgia, "Times New Roman", serif; font-size: 18px; }
.hall-brand small { color: #68788e; font-size: 7px; font-weight: 850; letter-spacing: 0.13em; text-transform: uppercase; }
.hall-nav-links { display: flex; margin-left: auto; align-items: center; gap: 28px; }
.hall-nav-links a { color: #53647b; font-size: 10px; font-weight: 800; }
.hall-nav-links a:hover { color: #1769e0; }
.hall-back { display: inline-flex; min-height: 50px; padding: 0 18px; align-items: center; gap: 9px; color: white; border-radius: 15px; background: #071f48; font-size: 9px; font-weight: 850; }

.hall-page-hero { position: relative; min-height: 800px; overflow: hidden; color: white; background: radial-gradient(circle at 72% 27%, rgba(27,145,112,0.34), transparent 26%), radial-gradient(circle at 18% 72%, rgba(47,101,215,0.34), transparent 31%), linear-gradient(135deg,#041225,#082a51 63%,#07525a); }
.hall-page-hero::before { position: absolute; inset: 0; content: ""; opacity: .28; background-image: linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size: 74px 74px; mask-image: radial-gradient(circle at 48% 45%,black,transparent 75%); }
.hall-hero-orbit { position: absolute; top: 145px; right: 8%; width: 480px; height: 480px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.014); }
.hall-hero-orbit::after { position: absolute; inset: 110px; content: "O"; display: grid; place-items: center; color: rgba(255,255,255,.17); border: 1px solid rgba(255,255,255,.12); border-radius: 50%; font-family: Georgia,"Times New Roman",serif; font-size: 105px; }
.hall-page-hero-layout { position: relative; z-index: 2; display: grid; min-height: 800px; padding-top: 150px; align-items: center; grid-template-columns: 1fr 280px; gap: 80px; }
.hall-eyebrow { color: #91e2cb; font-size: 10px; font-weight: 900; letter-spacing: .17em; }
.hall-page-hero h1 { max-width: 930px; margin: 22px 0 0; font-family: Georgia,"Times New Roman",serif; font-size: clamp(78px,9vw,142px); font-weight: 400; letter-spacing: -.065em; line-height: .83; }
.hall-page-hero h1 em { color: #a6e8d5; font-weight: 400; }
.hall-page-hero-layout > div > p:last-child { max-width: 600px; margin-top: 38px; color: rgba(255,255,255,.63); font-size: 15px; line-height: 1.75; }
.hall-count { position: relative; display: flex; min-height: 310px; padding: 30px; justify-content: center; color: white; border: 1px solid rgba(255,255,255,.14); border-radius: 29px; background: rgba(255,255,255,.07); box-shadow: 0 30px 75px rgba(0,10,30,.2); flex-direction: column; backdrop-filter: blur(14px); }
.hall-count span { color: #91e2cb; font-size: 8px; font-weight: 900; letter-spacing: .15em; }
.hall-count strong { margin-top: 21px; font-family: Georgia,"Times New Roman",serif; font-size: 94px; font-weight: 400; line-height: .8; }
.hall-count p { margin-top: 27px; padding-top: 19px; color: rgba(255,255,255,.54); border-top: 1px solid rgba(255,255,255,.14); font-size: 10px; line-height: 1.6; }

.hall-page-section { padding-top: 145px; }
.hall-page-actions { display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.hall-footer { display: grid; min-height: 160px; align-items: center; color: rgba(255,255,255,.55); border-top: 1px solid rgba(255,255,255,.11); grid-template-columns: 1fr auto 1fr; gap: 30px; font-size: 9px; }
.hall-footer .hall-brand { color: white; }
.hall-footer .hall-brand small { color: rgba(255,255,255,.47); }
.hall-footer > a:last-child { justify-self: end; color: #91e2cb; font-weight: 800; }

@media (max-width: 900px) {
  .hall-nav-links { display: none; }
  .hall-back { margin-left: auto; }
  .hall-page-hero-layout { grid-template-columns: 1fr 220px; gap: 35px; }
  .hall-page-hero h1 { font-size: clamp(72px,13vw,110px); }
}

@media (max-width: 650px) {
  .hall-site-header { top: 10px; }
  .hall-nav { width: calc(100vw - 20px); min-height: 64px; padding: 8px; border-radius: 18px; }
  .hall-brand { min-width: 0; }
  .hall-brand > span { width: 46px; height: 35px; }
  .hall-brand strong { font-size: 14px; }
  .hall-brand small { display: none; }
  .hall-back { min-height: 44px; padding-inline: 12px; font-size: 0; }
  .hall-back span { font-size: 18px; }
  .hall-page-hero { min-height: 920px; }
  .hall-page-hero-layout { min-height: 920px; padding-top: 145px; padding-bottom: 70px; grid-template-columns: 1fr; gap: 45px; }
  .hall-page-hero h1 { font-size: clamp(64px,20vw,86px); }
  .hall-count { min-height: 235px; }
  .hall-count strong { font-size: 72px; }
  .hall-page-section { padding-top: 90px; }
  .hall-page-actions { align-items: flex-start; flex-direction: column; }
  .hall-footer { min-height: 170px; grid-template-columns: 1fr; }
  .hall-footer p { display: none; }
  .hall-footer > a:last-child { justify-self: start; }
}