/* AZIMOV — shared identity and responsive public layout. */
:root { --az-paper: #f1efe8; --az-dark: #111211; --az-accent: #ee4934; --red: #ee4934; --az-rule: rgba(255,255,255,.18); }
body { background: var(--az-dark); color: #f4f3ed; }
body::before { display: none; }
body > main, body > main:not(.platform-home) { padding-top: 0; }
.container { width: min(1240px, calc(100% - 80px)); }
a, button { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid #f98f63; outline-offset: 5px; }
.site-header { position: sticky; inset: 0 0 auto; background: #111211; border-bottom: 1px solid var(--az-rule); backdrop-filter: none; }
.site-header::before { display: none !important; }
.header-shell { min-height: 82px; display: flex; gap: 28px; justify-content: space-between; }
.brand.brand-lockup { margin: 0; gap: 6px; flex-shrink: 0; }
.brand.has-menu-logo .brand-menu-logo { width: 58px !important; height: 58px !important; object-fit: contain; filter: none; }
.az-brand-name { display: flex !important; flex-direction: column; font-size: 22px; font-weight: 900; letter-spacing: -.05em; line-height: 1; }
.az-brand-name small { font-size: 8px; letter-spacing: .34em; margin-top: 7px; font-weight: 600; }
.menu-toggle { display: none !important; }
.nav-panel { display: block; position: static; width: auto; height: auto; min-height: 0; padding: 0; background: none; visibility: visible; opacity: 1; transform: none; overflow: visible; }
.nav-panel::before { display: none !important; }
.nav-panel .nav-links { display: flex; position: static; flex-direction: row; width: auto; gap: 22px; padding: 0; margin: 0; background: none; border: 0; box-shadow: none; }
.nav-panel .nav-links > li { width: auto; }
.nav-panel .nav-links a, .nav-panel .nav-dropdown > button { font-size: 12px; font-weight: 650; line-height: 1.4; letter-spacing: 0; text-transform: none; padding: 12px 0; min-height: 44px; color: #d7d7d2; background: none; border: 0; border-radius: 0; }
.nav-panel .nav-links a::after, .nav-panel .nav-dropdown > button::after { display: none !important; }
.nav-panel .nav-links a.active, .nav-panel .nav-links a:hover { color: #ff826b; }
.nav-item-icon { display: none !important; }
.nav-dropdown { position: relative; }
.nav-panel .dropdown-menu { display: none; position: absolute; top: 100%; left: -16px; padding: 12px 16px; min-width: 240px; background: #1c1d1b; border: 1px solid var(--az-rule); visibility: visible; opacity: 1; transform: none; }
.nav-panel .nav-dropdown.is-open .dropdown-menu, .nav-panel .nav-dropdown:hover .dropdown-menu, .nav-panel .nav-dropdown:focus-within .dropdown-menu { display: grid; }
.nav-panel .dropdown-menu a { white-space: normal; }
.header-actions { margin: 0; gap: 14px; }
.header-cta { background: var(--az-accent); color: #fff; border-radius: 3px; min-height: 42px; padding: 10px 15px; border: 0; font-size: 12px; box-shadow: none; }
.language-switcher summary { background: none; border: 0; }
.az-home h1, .az-home h2, .az-home h3 { font-family: Arial, Helvetica, sans-serif; font-weight: 900; margin: 0; text-transform: none; }
.az-home p { font-size: 16px; line-height: 1.75; margin: 22px 0 0; }
.az-kicker { display: flex; align-items: center; gap: 12px; font: 600 11px/1.6 ui-monospace, Consolas, monospace; letter-spacing: .09em; text-transform: uppercase; }
.az-kicker i { display: block; width: 7px; height: 7px; border-radius: 50%; background: var(--az-accent); }
.az-hero { background: var(--az-paper); color: var(--az-dark); padding: 90px 0 0; }
.az-hero-grid { display: grid; grid-template-columns: 1.18fr 1fr; gap: 80px; align-items: center; }
.az-hero h1 { font-size: clamp(48px, 5.5vw, 78px); line-height: .98; letter-spacing: -.065em; margin-top: 28px; max-width: 670px; }
.az-hero h1 strong { font-weight: 900; color: var(--az-accent); }
.az-hero-copy > p { color: #62635d; max-width: 490px; }
.az-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 34px; text-decoration: none; background: var(--az-dark); color: #fff; font-size: 13px; font-weight: 700; padding: 17px 23px; margin-top: 30px; border-radius: 3px; min-height: 52px; transition: background .2s; }
.az-button:hover { background: #b92f20; }
.az-button span { font-size: 22px; line-height: 1; }
.az-identity { display: flex; flex-direction: column; justify-content: space-between; background: var(--az-accent); color: #fff; padding: 28px; aspect-ratio: 1; transform: rotate(2deg); border-radius: 4px; }
.az-identity-top { display: flex; justify-content: space-between; font: 11px/1.4 ui-monospace, monospace; letter-spacing: .1em; }
.az-identity > img { display: block; width: 90%; height: auto; max-height: 310px; object-fit: contain; align-self: center; }
.az-identity-bottom { display: flex; justify-content: space-between; align-items: end; gap: 12px; }
.az-identity-bottom strong { font-size: clamp(25px, 3.4vw, 48px); letter-spacing: -.06em; line-height: 1; }
.az-identity-bottom strong span { font-size: 12px; vertical-align: top; margin-left: 5px; }
.az-identity-bottom > span { font: 9px/1.4 ui-monospace, monospace; max-width: 80px; }
.az-hero-foot { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid #cfcec6; margin-top: 74px; padding-block: 22px; }
.az-hero-foot > span { font: 10px/1.8 ui-monospace, monospace; letter-spacing: .08em; }
.az-hero-foot b { color: var(--az-accent); margin: 0 12px; }
.az-hero-foot a { display: flex; padding: 10px 14px; background: #191a18; border-radius: 3px; }
.az-hero-foot img { width: 160px; height: 25px; object-fit: contain; }
.az-section { padding: 100px 0; }
.az-section-head { display: grid; grid-template-columns: 1fr 2.15fr; gap: 42px; margin-bottom: 48px; }
.az-section-head > .az-kicker { align-self: start; padding-top: 8px; color: #aaa9a1; }
.az-home h2 { font-size: clamp(36px, 4vw, 56px); letter-spacing: -.055em; line-height: 1.04; max-width: 790px; }
.az-section-head p { max-width: 650px; color: #a6a79f; }
.az-dot { color: var(--az-accent); }
.az-community-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.az-community-card { display: flex; flex-direction: column; border: 1px solid var(--az-rule); background: #181917; border-radius: 4px; overflow: hidden; }
.az-card-art { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; }
.az-card-art img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.az-card-art:hover img { transform: scale(1.035); }
.az-card-art > span { position: absolute; top: 12px; right: 12px; display: grid; place-items: center; width: 32px; height: 32px; background: #111d; color: #fff; border-radius: 50%; }
.az-card-copy { padding: 25px; display: flex; flex-direction: column; flex: 1; }
.az-card-label { display: flex; justify-content: space-between; gap: 8px; font: 10px/1.5 ui-monospace, monospace; text-transform: uppercase; color: #aaa9a1; }
.az-card-copy h3 { font-size: 29px; line-height: 1.05; letter-spacing: -.045em; margin-top: 24px; min-height: 60px; }
.az-card-copy h3 small { display: block; font-size: 13px; color: #aaa9a1; letter-spacing: 0; font-weight: 400; margin-top: 6px; }
.az-card-copy p { font-size: 14px; color: #b4b5ae; margin-top: 14px; margin-bottom: 26px; }
.az-card-links { margin-top: auto; display: flex; flex-direction: column; gap: 5px; }
.az-card-links a { text-decoration: none; font-size: 12px; font-weight: 650; padding: 13px 0; min-height: 44px; }
.az-card-links a:first-child { border-top: 1px solid var(--az-rule); display: flex; justify-content: space-between; }
.az-card-links a:last-child { color: #acada6; font-weight: 400; padding: 5px 0; min-height: 34px; }
.az-card-links a:hover { color: #ff826b; }
.az-community-euforia { border-color: #7f4e33; }
.az-network { background: var(--az-paper); color: var(--az-dark); }
.az-network .az-section-head > .az-kicker { color: #706f67; }
.az-network .az-section-head p { color: #67685f; }
.az-pillars { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid #999b90; }
.az-pillars article { padding: 30px 35px 20px 0; }
.az-pillars article + article { border-left: 1px solid #d1d0c8; padding-left: 35px; }
.az-pillars article > span { font: 12px ui-monospace, monospace; color: #b43324; }
.az-pillars h3 { font-size: 22px; letter-spacing: -.04em; margin-top: 40px; }
.az-pillars p { color: #67685f; font-size: 14px; margin-top: 12px; }
.az-text-link { display: inline-flex; align-items: center; gap: 36px; text-decoration: none; padding: 14px 0; border-bottom: 1px solid currentColor; font-weight: 650; font-size: 13px; margin-top: 32px; }
.az-project-list > a { display: grid; grid-template-columns: 1fr 2fr 32px; align-items: start; gap: 32px; padding: 34px 0; border-top: 1px solid var(--az-rule); text-decoration: none; }
.az-project-list > a:hover h3 { color: #ff826b; }
.az-project-list .az-kicker { color: #b8b7ae; }
.az-project-list h3 { font-size: 28px; letter-spacing: -.04em; }
.az-project-list p { color: #a6a79f; font-size: 14px; margin-top: 10px; max-width: 580px; }
.az-project-arrow { font-size: 28px; }
.az-partners { padding-top: 0; }
.az-partner-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--az-rule); }
.az-partner-grid a { min-height: 140px; padding: 28px; display: grid; place-items: center; }
.az-partner-grid a + a { border-left: 1px solid var(--az-rule); }
.az-partner-grid img { width: 160px; height: 70px; object-fit: contain; }
.az-join { background: var(--az-accent); color: #111211; padding: 80px 0; }
.az-join h2 { max-width: 850px; margin-top: 26px; font-size: clamp(40px, 5vw, 70px); }
.az-join h2 > span { color: white; }
.az-join-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 48px; gap: 30px; }
.az-join-links a { display: flex; justify-content: space-between; gap: 12px; padding: 20px 0; border-top: 1px solid #1118; color: #111; text-decoration: none; font-weight: 750; font-size: 18px; }
.footer { background: #111211; padding-top: 65px; border: 0; }
.footer::before, .footer::after { display: none; }
.footer-command { display: block; }
.footer-hero { display: grid; grid-template-columns: 1fr 1.5fr; gap: 24px 60px; padding-bottom: 40px; }
.footer-brand { display: flex; width: fit-content; height: auto; align-items: center; gap: 8px; }
.footer-brand-logo { width: 65px !important; height: 65px !important; object-fit: contain; }
.footer-hero h2 { font-size: 28px; letter-spacing: -.04em; max-width: 550px; align-self: center; }
.footer-hero > p { grid-column: 2; margin: -12px 0 0; font-size: 13px; color: #9b9c94; }
.footer-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 30px; padding-block: 32px; border-top: 1px solid var(--az-rule); }
.footer-grid h3 { color: #f0f0e9; font-size: 12px; }
.footer-grid a { overflow-wrap: anywhere; font-size: 12px; }
.footer-bottom { border-top: 1px solid var(--az-rule); padding-block: 26px; }
.footer-bottom small { font-size: 10px; }
.inner-launch { padding-top: 72px; background: #171815; }
.inner-launch h1 { font-size: clamp(38px, 4.8vw, 66px); letter-spacing: -.05em; line-height: 1.05; }
.community-launch .inner-launch-grid { align-items: center; gap: 50px; }
.mini-library { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mini-library a { min-height: 150px; }
.community-library-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.community-feature { display: flex; flex-direction: column; min-height: 0; background: #191a17; border: 1px solid var(--az-rule); border-radius: 4px; padding: 0; }
.community-feature::before, .community-feature::after { display: none; }
.community-feature .community-feature-bg { position: static; display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; opacity: 1; filter: none; transform: none; }
.community-feature-content { flex: 1; padding: 24px; display: flex; flex-direction: column; background: none; }
.community-card-head { min-height: 70px; gap: 12px; flex-wrap: wrap; }
.community-card-head .card-logo { width: 100px; height: 60px; object-fit: contain; }
.community-feature h3 { font-size: 26px; letter-spacing: -.03em; line-height: 1.1; }
.community-feature p, .community-feature .feature-list { font-size: 14px; }
.community-feature .card-actions { margin-top: auto; padding-top: 22px; display: flex; flex-direction: column; }
.community-feature .btn { width: 100%; min-width: 0; white-space: normal; }
.steam-chart-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.btn { border-radius: 3px; white-space: normal; }
.section-head h2 { letter-spacing: -.04em; }
.cookie-consent { max-width: calc(100% - 32px); }
.community-hub .community-system, .community-hub .steam-pulse-section { background: #151613; }
.community-hub .community-library { background: #111211; }
.community-hub .section-eyebrow::before { background: var(--az-accent); }
.community-hub .btn-primary { background: var(--az-accent); border-color: var(--az-accent); box-shadow: none; }
.community-hub .system-grid article, .community-hub .steam-chart-card { background: #1b1c19; border-radius: 4px; }
.community-hub .mini-library a { border-radius: 4px; }
.community-hub .community-feature .badge { font-size: 9px; white-space: normal; }
.footer-brand .az-brand-name { color: #f4f3ed; }
@media (max-width: 1100px) {
 .header-shell { gap: 18px; }
 .nav-panel .nav-links { gap: 16px; }
 .header-cta { display: none; }
 .az-hero-grid { gap: 44px; }
 .az-card-copy { padding: 20px; }
 .community-library-grid { grid-template-columns: 1fr; }
 .community-feature { display: grid; grid-template-columns: 1fr 1.3fr; }
 .community-feature .community-feature-bg { height: auto; align-self: start; }
 .community-launch .inner-launch-grid { grid-template-columns: 1fr; }
 .footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
 .container { width: calc(100% - 40px); }
 .header-shell { min-height: 72px; }
 .brand.has-menu-logo .brand-menu-logo { width: 48px !important; height: 48px !important; }
 .az-brand-name { font-size: 20px; }
 .menu-toggle { display: inline-grid !important; order: 3; width: 44px; height: 44px; }
 .header-actions { margin-left: auto; }
 .nav-panel { display: none; }
 .nav-panel.is-open { display: block; position: fixed; top: 72px; bottom: 0; left: 0; right: 0; width: 100%; height: calc(100dvh - 72px); padding: 26px 24px; background: #111211; overflow-y: auto; }
 .nav-panel.is-open .nav-links { display: flex; flex-direction: column; align-items: stretch; width: 100%; gap: 6px; }
 .nav-panel.is-open .nav-links > li { width: 100%; }
 .nav-panel.is-open .nav-links a, .nav-panel.is-open .nav-dropdown > button { font-size: 23px; min-height: 54px; padding: 10px 0; width: 100%; line-height: 1.35; }
 .nav-panel.is-open .dropdown-menu { position: static; margin: 0; padding: 4px 18px 12px; border: 0; background: #1b1c19; }
 .nav-panel.is-open .dropdown-menu a { font-size: 16px; min-height: 44px; }
 .nav-panel.is-open .nav-dropdown:not(.is-open) .dropdown-menu { display: none; }
 .az-hero { padding-top: 54px; }
 .az-hero-grid { grid-template-columns: 1fr 0.8fr; gap: 30px; }
 .az-hero h1 { font-size: 48px; }
 .az-identity { padding: 18px; }
 .az-identity-bottom > span { display: none; }
 .az-hero-foot { margin-top: 50px; }
 .az-section { padding: 70px 0; }
 .az-section-head { grid-template-columns: 1fr; gap: 20px; margin-bottom: 35px; }
 .az-community-grid { grid-template-columns: 1fr; }
 .az-community-card { display: grid; grid-template-columns: 1fr 1fr; }
 .az-card-art { align-self: start; }
 .az-card-copy h3 { min-height: 0; margin-top: 16px; }
 .az-pillars article { padding-right: 20px; }
 .az-pillars article + article { padding-left: 20px; }
 .az-partners { padding-top: 0; }
 .az-project-list > a { grid-template-columns: 1fr 2fr 24px; gap: 20px; }
 .az-partner-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .az-partner-grid a:nth-child(3) { border-left: 0; }
 .az-partner-grid a:nth-child(n+3) { border-top: 1px solid var(--az-rule); }
 .az-join { padding: 65px 0; }
 .footer-hero { grid-template-columns: 1fr; gap: 22px; }
 .footer-hero > p { grid-column: 1; margin: 0; }
 .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .community-feature { display: flex; }
 .steam-chart-grid { grid-template-columns: 1fr; }
 .inner-launch { padding-top: 50px; }
 body.nav-open .site-header { position: sticky; inset: 0 0 auto; height: auto; min-height: 0; background: #111211; backdrop-filter: none; }
 body.nav-open .header-shell { position: relative; width: calc(100% - 40px); height: 72px; min-height: 72px; display: flex; }
 body.nav-open .brand.has-menu-logo { position: relative; inset: auto; display: flex; width: 132px !important; height: 42px !important; gap: 6px; filter: none; transform: none; margin: 0; }
 body.nav-open .brand.has-menu-logo .brand-menu-logo { width: 48px !important; height: 48px !important; }
 body.nav-open .brand.has-menu-logo .az-brand-name { display: flex !important; }
 body.nav-open .header-actions { display: flex; visibility: visible; opacity: 1; }
 body.nav-open .menu-toggle { position: relative; inset: auto; width: 44px; height: 44px; transform: none; }
 body.nav-open #main-navigation.is-open { position: fixed; inset: 73px 0 0; height: calc(100dvh - 73px); max-height: none; width: 100%; padding: 26px 24px; background: #111211 !important; overflow-y: auto; }
 body.nav-open #main-navigation .nav-links { width: 100%; gap: 6px; }
 body.nav-open #main-navigation .nav-links a, body.nav-open #main-navigation .nav-dropdown > button { width: 100%; padding: 10px 0; font-size: 23px; line-height: 1.35; min-height: 54px; font-weight: 650; text-shadow: none; }
 body.nav-open #main-navigation .nav-links a::after, body.nav-open #main-navigation .nav-dropdown::after, body.nav-open #main-navigation .nav-dropdown > button::after { display: none !important; }
 body.nav-open #main-navigation .nav-dropdown { display: block; }
 body.nav-open #main-navigation .dropdown-menu { position: static; margin: 0; padding: 4px 18px 12px; min-width: 0; background: #1b1c19; border: 0; border-radius: 0; box-shadow: none; transform: none; }
 body.nav-open #main-navigation .nav-dropdown:not(.is-open) .dropdown-menu { display: none !important; }
 body.nav-open #main-navigation .nav-dropdown.is-open .dropdown-menu { display: grid !important; }
 body.nav-open #main-navigation .dropdown-menu a { font-size: 16px; min-height: 44px; white-space: normal; }
 body.nav-open .menu-toggle:focus-visible { outline: 3px solid #f98f63; outline-offset: 3px; }
}
@media (max-width: 540px) {
 .az-hero-grid { grid-template-columns: 1fr; gap: 40px; }
 .az-hero h1 { font-size: clamp(43px, 11.5vw, 62px); max-width: 470px; }
 .az-hero-copy > p { font-size: 15px; }
 .az-identity { width: calc(100% - 8px); max-width: 380px; aspect-ratio: 1.2; justify-self: center; padding: 22px; }
 .az-identity > img { height: 185px; max-height: none; }
 .az-identity-bottom strong { font-size: 34px; }
 .az-identity-bottom > span { display: block; }
 .az-hero-foot { flex-direction: column; align-items: flex-start; gap: 16px; margin-top: 40px; }
 .az-hero-foot > span { font-size: 9px; }
 .az-hero-foot b { margin: 0 5px; }
 .az-hero-foot img { width: 140px; height: 20px; }
 .az-community-card { display: flex; }
 .az-card-copy { padding: 24px; }
 .az-card-copy h3 { font-size: 30px; }
 .az-pillars { grid-template-columns: 1fr; }
 .az-pillars article, .az-pillars article + article { padding: 28px 0; border-left: 0; border-bottom: 1px solid #cfcec6; }
 .az-pillars h3 { margin-top: 20px; }
 .az-home h2 { font-size: 38px; }
 .az-project-list > a { grid-template-columns: 1fr 24px; }
 .az-project-list > a > .az-kicker { grid-column: 1 / -1; }
 .az-project-list h3 { font-size: 25px; }
 .az-join h2 { font-size: 43px; }
 .az-join-links { grid-template-columns: 1fr; gap: 0; margin-top: 34px; }
 .az-join-links a { min-height: 65px; }
 .az-partner-grid a { padding: 20px; min-height: 110px; }
 .footer-grid { gap: 28px 20px; }
 .footer-grid > div:last-child { grid-column: 1 / -1; }
 .mini-library { grid-template-columns: 1fr; }
 .mini-library a { min-height: 0; aspect-ratio: 16 / 6; }
 .community-feature-content { padding: 22px; }
 .steam-range-filter { display: flex; flex-wrap: wrap; }
 .steam-range-filter button { min-width: 44px; min-height: 44px; }
 .cookie-consent-actions { flex-wrap: wrap; }
 .cookie-consent-actions button { flex: 1 1 120px; }
}
@media (prefers-reduced-motion: reduce) {
 html { scroll-behavior: auto; }
 *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Studio direction: open compositions, large artwork, soft curves and one shared type system. */
.studio-site {
  --az-dark: #101112; --az-paper: #f2f0e9; --az-accent: #ff624a;
  --red: #ff624a; --orange: #ff624a; --cyan: #ffad91;
  --ink: #f4f2ec; --soft: #bcbdbb; --muted: #949795;
  --line: #ffffff20; --line-strong: #ffffff35;
  background: var(--az-dark); font-family: Arial, Helvetica, sans-serif;
}
.studio-site .container { width: min(1280px, calc(100% - 96px)); }
.studio-site main { background: var(--az-dark); }
.studio-site main h1, .studio-site main h2, .studio-site main h3,
.studio-site main article > strong, .studio-site main aside > strong {
  font-family: Arial, Helvetica, sans-serif; font-style: normal; text-transform: none;
  letter-spacing: -.045em; text-wrap: balance;
}
.studio-site main h1 { font-size: clamp(46px, 5.6vw, 80px); line-height: 1.02; font-weight: 800; }
.studio-site main h2 { font-size: clamp(34px, 3.7vw, 54px); line-height: 1.08; font-weight: 750; }
.studio-site main h3 { font-weight: 700; }
.studio-site main p { line-height: 1.75; }
.studio-site main :is(.eyebrow, .section-eyebrow, .az-kicker) {
  color: #c4c1b9; font: 600 11px/1.6 Arial, sans-serif; letter-spacing: .13em; text-transform: uppercase;
}
.studio-site main :is(.eyebrow, .section-eyebrow)::before { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: var(--az-accent); box-shadow: none; }
.studio-site main .badge::before { display: none; }
.studio-site .site-header { background: #101112f5; box-shadow: none; border-color: #ffffff10; }
.studio-site .header-shell { min-height: 88px; }
.studio-site .header-cta, .studio-site .btn, .studio-site .az-button {
  min-height: 48px; border-radius: 999px; padding: 14px 24px;
  font: 650 13px/1.45 Arial, sans-serif; text-transform: none; letter-spacing: 0;
  box-shadow: none; transition: background .2s, color .2s, border-color .2s; white-space: normal;
}
.studio-site .btn-primary, .studio-site .az-button { background: var(--az-accent); border: 1px solid var(--az-accent); color: #111; }
.studio-site .btn-primary:hover, .studio-site .az-button:hover { background: #ff947d; border-color: #ff947d; }
.studio-site .btn-secondary { color: #f4f2ec; background: transparent; border: 1px solid #ffffff45; }
.studio-site .btn-secondary:hover { background: #ffffff10; }
.studio-site .header-cta { padding: 11px 20px; min-height: 44px; color: #111; }
.studio-site .nav-panel .dropdown-menu, .studio-site .language-menu { border-radius: 18px; background: #202223; }
.studio-site .section, .studio-site .az-section { padding: 100px 0; }
.studio-site :is(.section-head, .az-section-head) { margin-bottom: 56px; }
.studio-site .section-head p { max-width: 560px; }
.studio-site .az-section-head { grid-template-columns: .6fr 1.6fr; gap: 64px; }
.studio-site .az-section-head p { max-width: 660px; }
.studio-site .az-section-head > .az-kicker { color: #969a97; }
.studio-site .az-dot { color: var(--az-accent); }

/* Home: the brand floats in the scene instead of sitting inside a tile. */
.studio-site .az-hero { color: var(--ink); position: relative; isolation: isolate; padding: 74px 0 0; background: radial-gradient(ellipse at 80% 40%, #54242250, transparent 53%), #101112; overflow: hidden; }
.studio-site .az-hero-grid { grid-template-columns: 1.18fr 1fr; gap: 20px; min-height: 560px; }
.studio-site .az-hero h1 { font-size: clamp(52px, 5.8vw, 84px); letter-spacing: -.055em; max-width: 740px; }
.studio-site .az-hero h1 strong { color: #ff9e83; font-weight: inherit; }
.studio-site .az-hero-copy { position: relative; z-index: 2; }
.studio-site .az-hero-copy > p { color: var(--soft); max-width: 480px; font-size: 17px; }
.studio-site .az-button { display: inline-flex; gap: 32px; align-items: center; margin-top: 26px; padding: 17px 26px; }
.studio-site .az-hero-foot { border-color: #ffffff20; margin-top: 55px; padding-block: 22px; }
.studio-site .az-hero-foot > span { color: #aaaeaa; }
.studio-site .az-hero-foot a { background: none; padding: 0; }
.studio-site .studio-brand-scene { position: relative; display: grid; place-items: center; isolation: isolate; min-width: 0; aspect-ratio: 1; height: auto; padding: 0; border: 0; border-radius: 0; transform: none; background: none; overflow: visible; }
.studio-site .studio-brand-scene::before { content: ''; position: absolute; inset: 8%; z-index: -1; border-radius: 50%; background: radial-gradient(circle at 72% 27%, #ffae87, #d44932 26%, #411e1b 53%, #131415 70%); box-shadow: none; }
.studio-site .studio-brand-scene > img { width: 100%; height: auto; max-height: none; position: relative; transform: rotate(-9deg); filter: none; }
.studio-site .studio-orbit { position: absolute; inset: 8% -2%; border: 1px solid #ffc3ab66; border-radius: 50%; transform: rotate(-32deg) scaleY(.55); }
.studio-site .studio-orbit::after { content: ''; width: 12px; height: 12px; position: absolute; left: 16%; top: 10%; background: #ffd0b7; border-radius: 50%; box-shadow: none; }
.studio-site .studio-scene-caption { position: absolute; bottom: 2%; left: 0; right: 0; text-align: center; font: 10px/1.5 Arial,sans-serif; letter-spacing: .16em; color: #bf9386; }
.studio-site .az-communities { padding-top: 110px; }
.studio-site .az-community-grid { display: flex; flex-direction: column; gap: 90px; }
.studio-site .az-community-card { display: grid; grid-template-columns: 1.4fr 1fr; gap: 70px; align-items: center; background: none; border: 0; border-radius: 0; overflow: visible; }
.studio-site .az-community-card:nth-child(even) { grid-template-columns: 1fr 1.4fr; }
.studio-site .az-community-card:nth-child(even) .az-card-art { order: 2; }
.studio-site .az-card-art { width: 100%; aspect-ratio: 16/9; border-radius: 24px 80px 24px 24px; }
.studio-site .az-community-card:nth-child(even) .az-card-art { border-radius: 80px 24px 24px 24px; }
.studio-site .az-card-art > span { display: none; }
.studio-site .az-card-copy { padding: 0; display: block; }
.studio-site .az-card-label { color: #c4b8ab; font-size: 11px; }
.studio-site .az-card-label > span:last-child { display: none; }
.studio-site .az-card-copy h3 { font-size: clamp(35px, 3.5vw, 52px); min-height: 0; margin: 18px 0; }
.studio-site .az-card-copy h3 small { display: inline; font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit; margin-left: .18em; letter-spacing: inherit; }
.studio-site .az-card-copy p { font-size: 16px; max-width: 460px; margin: 0 0 24px; }
.studio-site .az-card-links { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin: 0; }
.studio-site .az-card-links a:first-child { display: inline-flex; gap: 24px; align-items: center; border: 1px solid #ffffff50; border-radius: 99px; padding: 13px 20px; color: #fff; }
.studio-site .az-card-links a:last-child { padding: 12px 0; }
.studio-site .az-network { background: var(--az-paper); color: #202322; border-radius: 70px 70px 0 0; margin-top: 15px; }
.studio-site .az-network .az-section-head p { color: #606662; }
.studio-site .az-network .az-kicker { color: #717772; }
.studio-site .az-pillars { border-top: 1px solid #c6ccc5; gap: 42px; }
.studio-site .az-pillars article, .studio-site .az-pillars article + article { border: 0; padding: 32px 0 0; }
.studio-site .az-pillars article > span { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; border: 1px solid #b6bdb5; color: #596059; }
.studio-site .az-pillars h3 { margin-top: 24px; font-size: 24px; }
.studio-site .az-pillars p { color: #646a64; font-size: 15px; }
.studio-site .az-projects { padding-top: 110px; }
.studio-site .az-project-list > a { grid-template-columns: .6fr 1.6fr 52px; gap: 64px; padding: 38px 0; align-items: center; }
.studio-site .az-project-list h3 { font-size: 30px; }
.studio-site .az-project-arrow { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; border: 1px solid #ffffff35; }
.studio-site .az-partners { padding-top: 30px; }
.studio-site .az-partner-grid { border: 0; gap: 28px; grid-template-columns: repeat(5,minmax(0,1fr)); }
.studio-site .az-partner-grid a, .studio-site .az-partner-grid a + a { border: 0; padding: 16px; min-height: 120px; }
.studio-site .az-join { background: radial-gradient(ellipse at 90% 120%, #ff9b76, transparent 58%), #ed634c; border-radius: 70px 70px 0 0; padding: 90px 0; }
.studio-site .az-join .az-kicker { color: #57271e; }
.studio-site .az-join h2 { font-size: clamp(42px, 4.8vw, 70px); max-width: 900px; }
.studio-site .az-join-links a { font-size: 20px; }

/* A common introduction and open content rhythm for every inner page. */
.studio-site :is(.community-launch, .partner-launch, .about-manifest, .contact-launch, .integration-hero, .legal-hero) {
  min-height: 0; padding: 92px 0 76px; border: 0; background: radial-gradient(ellipse at 90% 10%, #8e4e3320, transparent 55%), #161819;
}
.studio-site :is(.community-launch, .partner-launch, .about-manifest, .contact-launch, .integration-hero, .legal-hero)::before,
.studio-site :is(.community-launch, .partner-launch, .about-manifest, .contact-launch, .integration-hero, .legal-hero)::after { display: none; }
.studio-site :is(.community-launch, .partner-launch, .about-manifest, .contact-launch, .integration-hero, .legal-hero) h1 { margin: 22px 0 26px; max-width: 950px; }
.studio-site :is(.community-launch, .partner-launch, .about-manifest, .contact-launch, .integration-hero, .legal-hero) p { font-size: 17px; color: var(--soft); }
.studio-site :is(.inner-launch-grid, .partner-launch-grid, .about-manifest-grid, .contact-launch-grid, .integration-hero-layout, .legal-hero-grid) { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 64px; align-items: center; }
.studio-site :is(.community-library, .partner-feature-section, .partner-market, .about-pillars, .contact-channel-section, .game-tournament-panel, .community-system) { background: #101112; }
.studio-site :is(.partner-feature, .partner-feature aside, .contact-card-main, .integration-summary-card, .legal-hero-card) { background: none; border: 0; border-radius: 0; padding: 0; box-shadow: none; }
.studio-site :is(.partner-feature, .partner-feature aside, .contact-card-main, .integration-summary-card, .legal-hero-card)::before,
.studio-site :is(.partner-feature, .partner-feature aside, .contact-card-main, .integration-summary-card, .legal-hero-card)::after { display: none; }
.studio-site :is(.integration-summary-card, .legal-hero-card, .contact-card-main) { border-left: 1px solid #ffffff25; padding-left: 38px; min-width: 0; }
.studio-site :is(.integration-summary-card, .legal-hero-card, .contact-card-main) > strong { font-size: 30px; line-height: 1.18; }
.studio-site :is(.integration-summary-card, .legal-hero-card, .contact-card-main) > span { color: #edaa91; }
.studio-site .badge { color: #d4b5a7; background: none; border: 0; border-radius: 0; padding: 0; font: 600 11px/1.5 Arial,sans-serif; letter-spacing: .1em; text-transform: uppercase; }

/* Communities: illustrated spreads instead of a stack of boxed cards. */
.studio-site .community-launch .inner-launch-grid { grid-template-columns: minmax(0, 1.4fr) minmax(0, .8fr); }
.studio-site .mini-library { display: flex; flex-direction: column; gap: 12px; }
.studio-site .mini-library a { display: flex; align-items: center; gap: 20px; min-height: 70px; padding: 8px 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.studio-site .mini-library a::before, .studio-site .mini-library a::after { display: none; }
.studio-site .mini-library .mini-library-bg { position: static; width: 106px; height: 64px; object-fit: cover; opacity: 1; filter: none; border-radius: 12px; transform: none; }
.studio-site .mini-library a span { position: static; padding: 0; font-size: 16px; line-height: 1.4; }
.studio-site .community-library-grid { display: flex; flex-direction: column; gap: 80px; }
.studio-site .community-feature { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 65px; align-items: center; padding: 0; border: 0; background: none; border-radius: 0; overflow: visible; box-shadow: none; }
.studio-site .community-feature:nth-child(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); }
.studio-site .community-feature:nth-child(even) > img { order: 2; }
.studio-site .community-feature .community-feature-bg { position: static; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: contain; border-radius: 26px; }
.studio-site .community-feature-content { padding: 0; }
.studio-site .community-card-head { justify-content: flex-start; gap: 20px; min-height: 60px; }
.studio-site .community-card-head .card-logo { width: 76px; height: 54px; margin: 0; }
.studio-site .community-feature h3 { font-size: 36px; margin: 16px 0; }
.studio-site .community-feature p { font-size: 15px; }
.studio-site .community-feature .card-actions { flex-direction: row; flex-wrap: wrap; gap: 12px; }
.studio-site .community-feature .btn { width: auto; font-size: 12px; padding: 12px 18px; }
.studio-site .feature-list { padding-left: 0; }
.studio-site .feature-list li::before { background: #e79273; box-shadow: none; }
.studio-site .steam-pulse-section { background: #1b1e1e; border-radius: 60px 60px 0 0; }
.studio-site .steam-chart-card { border: 0; border-radius: 0; background: transparent; box-shadow: none; padding: 26px; }
.studio-site .steam-range-filter { border-radius: 99px; padding: 5px; background: #ffffff09; border: 1px solid #ffffff1c; }
.studio-site .steam-range-filter button { border-radius: 99px; }
.studio-site .steam-range-filter button.active { background: #f2f0e9; color: #171918; }

/* Partners: each brand has room; offers read as editorial rows. */
.studio-site .partner-brand-wall { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; align-items: center; }
.studio-site .partner-logo-tile, .studio-site .partner-logo-tile-featured { width: auto; max-width: 100%; margin: 0; padding: 10px; min-height: 96px; border: 0; border-radius: 0; background: none; box-shadow: none; }
.studio-site .partner-logo-tile img { width: 170px; height: 72px; object-fit: contain; max-width: 100%; }
.studio-site .partner-brand-wall .partner-logo-tile, .studio-site .partner-brand-wall .partner-logo-tile:last-child { grid-column: auto; justify-self: stretch; }
.studio-site .partner-feature { display: grid; grid-template-columns: 1.2fr 1fr; gap: 90px; align-items: center; }
.studio-site .partner-feature aside { min-height: 220px; align-content: center; justify-items: center; }
.studio-site .partner-feature aside img { width: 270px; max-height: 110px; height: 110px; }
.studio-site .partner-feature aside small { text-align: center; }
.studio-site .partner-market-grid { display: flex; flex-direction: column; gap: 0; }
.studio-site .market-card { display: grid; grid-template-columns: .75fr 1.5fr .7fr; align-items: center; gap: 48px; padding: 48px 0; min-height: 0; border: 0; border-top: 1px solid #ffffff25; border-radius: 0; background: none; box-shadow: none; transform: none; }
.studio-site .market-card::before, .studio-site .market-card::after { display: none; }
.studio-site .market-card:hover { background: none; border-color: #ff9e8360; transform: none; }
.studio-site .market-card-logo { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.studio-site .market-card-logo .partner-logo-tile { padding: 0; min-height: 70px; }
.studio-site .market-card-logo span { color: #a9afaa; font-size: 10px; line-height: 1.5; }
.studio-site .market-card-copy strong { font-size: 30px; line-height: 1.16; letter-spacing: -.035em; display: block; }
.studio-site .market-card-copy p { font-size: 15px; }
.studio-site .market-card-copy em { font-size: 12px; color: #d6bba9; font-weight: 400; font-style: normal; line-height: 1.7; }
.studio-site .market-card .market-card-cta { order: initial; grid-column: 3; grid-row: 1; margin: 0; align-self: center; justify-self: end; min-width: 0; width: auto; text-align: center; color: #171918; letter-spacing: 0; }

/* Open numbered lists are shared by About, Contact, Integration and tournaments. */
.studio-site :is(.partner-value-grid, .pillar-track, .contact-channel-grid, .system-grid, .tournament-product-grid, .integration-process-steps, .championship-grid, .ow-lfg-grid) { gap: 28px 44px; }
.studio-site :is(.partner-value-grid, .pillar-track, .contact-channel-grid, .system-grid, .tournament-product-grid, .integration-program-grid, .integration-process-steps, .championship-grid, .ow-lfg-grid, .ow-update-board, .server-integration-detail-grid) > article {
  min-height: 0; padding: 28px 0; border: 0; border-top: 1px solid #ffffff28; border-radius: 0; background: none; box-shadow: none;
}
.studio-site :is(.partner-value-grid, .pillar-track, .contact-channel-grid, .system-grid, .tournament-product-grid, .integration-program-grid, .integration-process-steps, .championship-grid, .ow-lfg-grid, .ow-update-board, .server-integration-detail-grid) > article::before,
.studio-site :is(.partner-value-grid, .pillar-track, .contact-channel-grid, .system-grid, .tournament-product-grid, .integration-program-grid, .integration-process-steps, .championship-grid, .ow-lfg-grid, .ow-update-board, .server-integration-detail-grid) > article::after { display: none; }
.studio-site :is(.pillar-track, .contact-channel-grid, .system-grid, .tournament-product-grid, .integration-program-grid, .integration-process-steps, .championship-grid, .ow-lfg-grid, .ow-update-board, .server-integration-detail-grid) > article > strong { display: block; font-size: 25px; line-height: 1.18; margin: 20px 0 12px; }
.studio-site :is(.partner-value-grid, .pillar-track, .contact-channel-grid, .system-grid, .tournament-product-grid, .integration-program-grid, .integration-process-steps, .championship-grid, .ow-lfg-grid, .ow-update-board) > article > span { font: 600 11px/1.5 Arial,sans-serif; letter-spacing: .1em; color: #d4a38b; text-transform: uppercase; }
.studio-site :is(.partner-value-grid, .pillar-track, .contact-channel-grid, .system-grid, .tournament-product-grid, .integration-program-grid, .integration-process-steps, .championship-grid, .ow-lfg-grid, .ow-update-board, .server-integration-detail-grid) p { font-size: 15px; color: var(--soft); }
.studio-site .studio-about-scene { max-width: 360px; margin-top: 34px; }
.studio-site .about-manifest-grid { align-items: start; gap: 100px; }
.studio-site .manifest-copy { padding: 48px 0 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.studio-site .manifest-copy p { margin: 0 0 28px; font-size: 18px; }
.studio-site .manifest-copy p:first-child { color: #f4f2ec; font-size: 25px; line-height: 1.5; font-weight: 500; }
.studio-site .pillar-track { grid-template-columns: repeat(3,minmax(0,1fr)); }
.studio-site .contact-launch-grid { grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); }
.studio-site .contact-channel-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.studio-site .contact-card-main { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; }
.studio-site .studio-contact-email { font-size: clamp(20px,2vw,28px); line-height: 1.5; overflow-wrap: anywhere; letter-spacing: -.025em; color: #f9d4bf; text-decoration: none; }
.studio-site .contact-channel-grid article.support-card { grid-column: auto; background: none; border-color: #ffffff28; }

/* Integration: fixed logo cells, no duplicated marquee or negative spacing. */
.studio-site .integration-page { background: #101112; }
.studio-site .integration-hero-layout { grid-template-columns: minmax(0,1.45fr) minmax(0,.85fr); column-gap: 80px; row-gap: 70px; }
.studio-site .integration-hero h1 { font-size: clamp(44px,5vw,72px); }
.studio-site .integration-stat-strip { gap: 38px; padding-top: 22px; margin-top: 25px; border: 0; }
.studio-site .integration-stat-strip > span { padding: 0; border: 0; background: none; }
.studio-site .integration-stat-strip strong { color: #f2cfb9; font-size: 28px; }
.studio-site .integration-official-partners { width: 100%; margin: 0; min-width: 0; }
.studio-site .integration-partners-heading { display: block; margin-bottom: 22px; }
.studio-site .integration-partners-heading::before, .studio-site .integration-partners-heading::after { display: none; }
.studio-site .integration-partners-heading h2 { color: #a8ada9; font: 600 11px/1.6 Arial,sans-serif; letter-spacing: .13em; text-align: left; white-space: normal; }
.studio-site .studio-partner-list { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); align-items: center; gap: 24px; list-style: none; padding: 26px 0 0; margin: 0; width: 100%; border-top: 1px solid #ffffff22; }
.studio-site .studio-partner-list li { display: block; min-width: 0; width: 100%; height: 100px; padding: 0; margin: 0; }
.studio-site .studio-partner-list li > a, .studio-site .studio-partner-list li > span { display: flex; width: 100%; height: 100%; min-width: 0; padding: 12px 20px; align-items: center; justify-content: center; }
.studio-site .studio-partner-list img { display: block; position: static; width: 180px; max-width: 100%; height: 72px; max-height: 100%; object-fit: contain; transform: none; filter: none; opacity: 1; }
.studio-site .integration-page-nav { top: 88px; background: #101112f5; border-color: #ffffff20; }
.studio-site .integration-page-nav .container { gap: 20px; padding-block: 10px; }
.studio-site .integration-page-nav a { border: 0; border-radius: 0; padding: 12px 0; min-height: 44px; font: 600 12px/1.5 Arial,sans-serif; letter-spacing: 0; text-transform: none; }
.studio-site :is(.integration-program, .integration-checker, .integration-process, .integration-contact, .server-integration) { padding: 95px 0; background: #101112; border: 0; }
.studio-site .integration-checker { background: #1a1d1c; border-radius: 60px 60px 0 0; }
.studio-site :is(.integration-program-layout, .integration-checker-layout, .integration-contact-layout) { gap: 90px; grid-template-columns: minmax(0,1fr) minmax(0,1.15fr); }
.studio-site .integration-program-grid { gap: 0; }
.studio-site .integration-checker-result { border: 0; padding: 22px 0 0; border-radius: 0; background: none; }
.studio-site .integration-checker-result strong { color: #ffb894; font-size: 58px; font-weight: 500; }
.studio-site .integration-checker-result.is-ready { background: none; }
.studio-site .integration-checker-result.is-ready strong { color: #8fd5b0; }
.studio-site .integration-checklist { gap: 0; }
.studio-site .integration-checklist label { padding: 24px 0; border: 0; border-top: 1px solid #ffffff25; border-radius: 0; background: none; }
.studio-site .integration-checklist label:has(input:checked) { background: none; border-color: #ffffff25; }
.studio-site .integration-checklist input { accent-color: #ff9677; }
.studio-site .integration-process-steps { grid-template-columns: repeat(4,minmax(0,1fr)); }
.studio-site .integration-responsibility-panel { padding: 0 0 0 28px; min-height: 0; border: 0; border-left: 2px solid #ee9976; border-radius: 0; background: none; }
.studio-site .server-integration-details { padding: 0; background: none; border: 0; border-radius: 0; }
.studio-site .server-integration-detail-grid { gap: 24px 36px; }
.studio-site .server-integration-detail-head h3 { font-size: 36px; line-height: 1.16; }
.studio-site .server-integration-legal { border: 0; border-top: 1px solid #ffffff20; background: none; padding: 24px 0 0; }
.studio-site .integration-contact { background: #1b1e1c; border-radius: 60px 60px 0 0; }
.studio-site .server-contact-grid { gap: 30px; }
.studio-site .server-contact-card, .studio-site .server-contact-card-primary { border: 0; border-top: 1px solid #ffffff25; border-radius: 0; padding: 28px 0 0; background: none; box-shadow: none; }
.studio-site .server-contact-card > strong { font-size: 28px; }
.studio-site .server-email-link { font-size: 20px; color: #f0bea3; overflow-wrap: anywhere; }
.studio-site .server-contact-actions { flex-wrap: wrap; }

/* Legal pages keep the same identity, with a quieter reading surface. */
.studio-site .legal-page { background: var(--az-paper); color: #252b27; }
.studio-site .legal-hero { color: #f4f2ec; border-radius: 0 0 60px 60px; }
.studio-site .legal-hero-card > a { color: #edbea6; }
.studio-site .legal-content-section { padding: 90px 0 100px; }
.studio-site .legal-layout { grid-template-columns: 210px minmax(0,1fr); gap: 85px; }
.studio-site .legal-index { top: 114px; padding: 0; border: 0; border-radius: 0; background: none; }
.studio-site .legal-index strong { color: #313b32; margin: 0 0 18px; }
.studio-site .legal-index a { color: #626e65; padding: 10px 0; border-radius: 0; font-weight: 500; }
.studio-site .legal-index a:hover { background: none; color: #9b422a; }
.studio-site .legal-document h2 { font-size: clamp(28px,2.8vw,40px); line-height: 1.16; color: #252b27; }
.studio-site .legal-document :is(p, li, small) { color: #536057; }
.studio-site .legal-document a { color: #99412d; overflow-wrap: anywhere; }
.studio-site .legal-document > section { border-color: #cdd3cb; padding: 40px 0; }
.studio-site .legal-alert { padding: 0 0 35px; border: 0; border-bottom: 1px solid #cdd3cb; border-radius: 0; background: none; box-shadow: none; }
.studio-site .legal-alert > span, .studio-site .legal-number { color: #9e4b32; }
.studio-site .legal-data-grid { gap: 20px 32px; }
.studio-site .legal-data-grid > div { padding: 22px 0; border: 0; border-top: 1px solid #cdd3cb; border-radius: 0; background: none; }
.studio-site .legal-note { background: #e5e7df; border-color: #ab6044; border-radius: 0 18px 18px 0; color: #3d4a40; }
.studio-site .legal-list li::before { border-color: #a06449; }
.studio-site .legal-table-wrap { border-color: #c9d0c6; border-radius: 16px; }
.studio-site .legal-table { background: transparent; }
.studio-site .legal-table th { color: #303c31; background: #e2e6dc; }
.studio-site .legal-table td { color: #536057; }
.studio-site .legal-table th, .studio-site .legal-table td { border-color: #cdd3cb; }
.studio-site .legal-table code { color: #91432b; }
.studio-site .legal-document .btn-secondary { color: #283229; border-color: #929d90; }

/* Tournaments retain their artwork and media, with the shared editorial layout. */
.studio-site .tournament-page, .studio-site .game-tournament-page { color: var(--ink); background: #101112; }
.studio-site :is(.tournament-hero, .game-tournament-hero) { min-height: 700px; padding: 70px 0; border-radius: 0 0 60px 60px; overflow: hidden; }
.studio-site .tournament-content { text-align: left; justify-items: start; align-items: start; padding: 28px 0; }
.studio-site .tournament-content h1 { display: block; font-size: clamp(44px,5vw,72px); max-width: 750px; color: #fff; }
.studio-site .tournament-logo { width: 72px; height: 72px; object-fit: contain; margin: 16px 0; }
.studio-site .game-tournament-content h1 { font-size: clamp(44px,5vw,72px); max-width: 800px; }
.studio-site .tournament-content .actions { justify-content: flex-start; }
.studio-site .tournament-content p { max-width: 690px; font: 17px/1.7 Arial,sans-serif; }
.studio-site .coming-soon-badge { border-radius: 99px; font: 600 11px/1.5 Arial,sans-serif; letter-spacing: .1em; padding: 9px 16px; color: #ffc4a1; border-color: #ffc4a155; background: #1118; }
.studio-site .ow-hero-status { margin: 28px 0 0; max-width: 650px; border: 0; border-left: 2px solid #eeaa86; border-radius: 0; background: #10111288; padding: 14px 22px; text-align: left; }
.studio-site .ow-hero-status strong { font: 650 20px/1.4 Arial,sans-serif; letter-spacing: 0; }
.studio-site .ow-hero-status small { font: 13px/1.6 Arial,sans-serif; }
.studio-site :is(.ow-update-section, .ow-champ-art, .championship-console, .ow-lfg-section, .ow-sponsor-section, .ow-rating-footer) { background: #101112; }
.studio-site :is(.ow-champ-art, .ow-lfg-section)::before, .studio-site :is(.ow-champ-art, .ow-lfg-section)::after { display: none; }
.studio-site .ow-update-layout { grid-template-columns: 1fr 1.1fr; gap: 90px; }
.studio-site .ow-update-board { gap: 0; }
.studio-site .ow-champ-art-panel { width: min(1280px,calc(100% - 96px)); padding: 0; gap: 70px; border: 0; border-radius: 0; background: none; box-shadow: none; }
.studio-site .ow-champ-art-frame { padding: 0; border: 0; border-radius: 26px; background: none; box-shadow: none; }
.studio-site .ow-champ-art-frame::before { display: none; }
.studio-site .ow-champ-art-frame img { border-radius: 26px; object-fit: contain; height: auto; }
.studio-site .ow-champ-art-tags span { border-color: #ffffff35; background: none; font: 600 11px/1.5 Arial,sans-serif; padding: 8px 15px; min-height: 36px; }
.studio-site .ow-sponsor-box { padding: 55px; border: 0; border-radius: 36px; background: #222724; box-shadow: none; }
.studio-site .ow-sponsor-actions small { font: 13px/1.65 Arial,sans-serif; }
.studio-site .ow-rating-box { border-color: #ffffff20; background: none; }
.studio-site .ow-rating-box strong { font: 600 17px/1.5 Arial,sans-serif; }
.studio-site .ow-rating-box p { font: 14px/1.7 Arial,sans-serif; }
.studio-site .tournament-audio-control { position: static; inset: auto; width: fit-content; margin-top: 18px; border-radius: 99px; background: #202321ed; box-shadow: none; }
.studio-site .tournament-hero { background: linear-gradient(90deg,#101112e8,#101112a0),url('../img/owchampbr.png') center/cover; }
.studio-site .tournament-audio-control :is(button, label) { font: 600 11px/1.5 Arial,sans-serif; letter-spacing: 0; }
.studio-site .tournament-audio-control input[type="range"] { background: linear-gradient(90deg,#ff9875 var(--audio-level),#ffffff30 var(--audio-level)); }
.studio-site .tournament-video video { filter: brightness(.42) saturate(.9); }
.studio-site .tournament-video::after { background: linear-gradient(90deg,#101112a8,transparent),linear-gradient(0deg,#101112,transparent 55%); }

/* Shared footer and consent controls. */
.studio-site .footer { background: #101112; padding-top: 70px; }
.studio-site .footer-hero h2 { font-family: Arial,sans-serif; font-size: 38px; line-height: 1.12; font-weight: 600; }
.studio-site .footer-hero > p { margin-top: 0; }
.studio-site .footer-grid { padding-block: 38px; }
.studio-site .footer-grid a { line-height: 1.6; }
.studio-site .cookie-consent { border-radius: 24px; border-color: #ffffff30; background: #222623f5; }
.studio-site .cookie-btn { border-radius: 99px; }
.studio-site .cookie-btn-primary { background: #ff9875; color: #171918; }
.studio-site .cookie-settings-panel { border-radius: 28px; background: #202521; }
.studio-site .scroll-top { border-radius: 50%; }

@media (max-width: 1100px) {
 .studio-site .container { width: calc(100% - 64px); }
 .studio-site .az-hero-grid { min-height: 450px; }
 .studio-site .az-community-card, .studio-site .az-community-card:nth-child(even), .studio-site .community-feature, .studio-site .community-feature:nth-child(even) { gap: 36px; grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
 .studio-site :is(.inner-launch-grid, .partner-launch-grid, .about-manifest-grid, .contact-launch-grid, .integration-hero-layout, .legal-hero-grid, .integration-program-layout, .integration-checker-layout, .integration-contact-layout, .ow-update-layout) { gap: 46px; }
 .studio-site .market-card { grid-template-columns: .65fr 1.5fr; gap: 28px; }
 .studio-site .market-card .market-card-cta { grid-column: 2; grid-row: 2; justify-self: start; }
 .studio-site .integration-process-steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .studio-site .integration-stat-strip { gap: 20px; }
 .studio-site .legal-layout { gap: 40px; }
 .studio-site .ow-champ-art-panel { width: calc(100% - 64px); gap: 40px; }
}
@media (max-width: 800px) {
 .studio-site .container { width: calc(100% - 40px); }
 .studio-site .header-shell, .studio-site.nav-open .header-shell { min-height: 72px; height: 72px; }
 .studio-site .section, .studio-site .az-section { padding: 70px 0; }
 .studio-site main h1 { font-size: clamp(40px,7vw,60px); }
 .studio-site main h2 { font-size: clamp(32px,5.5vw,42px); }
 .studio-site :is(.section-head, .az-section-head, .split-head, .championship-head) { grid-template-columns: 1fr; gap: 22px; margin-bottom: 36px; }
 .studio-site .az-hero { padding-top: 54px; }
 .studio-site .az-hero-grid { grid-template-columns: 1.2fr .8fr; gap: 0; min-height: 0; }
 .studio-site .az-hero h1 { font-size: clamp(44px,7vw,60px); }
 .studio-site .az-hero-copy > p { font-size: 16px; }
 .studio-site .az-hero-foot { margin-top: 44px; }
 .studio-site .az-community-grid { gap: 60px; }
 .studio-site .az-community-card, .studio-site .az-community-card:nth-child(even), .studio-site .community-feature, .studio-site .community-feature:nth-child(even) { grid-template-columns: 1fr; gap: 26px; }
 .studio-site .az-community-card:nth-child(even) .az-card-art, .studio-site .community-feature:nth-child(even) > img { order: 0; }
 .studio-site .az-card-copy p { max-width: 600px; }
 .studio-site .az-network, .studio-site .az-join, .studio-site .integration-checker, .studio-site .integration-contact, .studio-site .steam-pulse-section { border-radius: 36px 36px 0 0; }
 .studio-site .az-project-list > a { grid-template-columns: .7fr 1.5fr 44px; gap: 26px; }
 .studio-site .az-project-arrow { width: 44px; height: 44px; }
 .studio-site .az-partners { padding-top: 10px; }
 .studio-site :is(.community-launch, .partner-launch, .about-manifest, .contact-launch, .integration-hero, .legal-hero) { padding: 55px 0; }
 .studio-site :is(.inner-launch-grid, .community-launch .inner-launch-grid, .partner-launch-grid, .about-manifest-grid, .contact-launch-grid, .integration-hero-layout, .legal-hero-grid, .integration-program-layout, .integration-checker-layout, .integration-contact-layout, .partner-feature, .ow-update-layout) { grid-template-columns: 1fr; gap: 40px; }
 .studio-site .mini-library { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
 .studio-site .mini-library a { flex-direction: column; align-items: flex-start; gap: 12px; min-height: 0; aspect-ratio: auto; }
 .studio-site .mini-library .mini-library-bg { width: 100%; height: auto; aspect-ratio: 16/9; }
 .studio-site .mini-library a span { font-size: 13px; }
 .studio-site .partner-brand-wall { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
 .studio-site .partner-logo-tile { padding: 0; }
 .studio-site .partner-feature aside { min-height: 150px; }
 .studio-site .studio-about-scene { max-width: 300px; margin: 0 auto; }
 .studio-site .manifest-copy { padding-top: 0; }
 .studio-site .pillar-track { grid-template-columns: 1fr; gap: 0; }
 .studio-site :is(.integration-summary-card, .legal-hero-card, .contact-card-main) { padding-left: 24px; }
 .studio-site .integration-page-nav { top: 72px; }
 .studio-site :is(.integration-program, .integration-checker, .integration-process, .integration-contact, .server-integration) { padding: 65px 0; }
 .studio-site .studio-partner-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px 24px; }
 .studio-site .studio-partner-list li { height: 94px; }
 .studio-site .studio-partner-list li > a, .studio-site .studio-partner-list li > span { padding: 12px; }
 .studio-site .studio-partner-list img { width: 160px; height: 64px; }
 .studio-site .legal-layout { grid-template-columns: 1fr; gap: 45px; }
 .studio-site .legal-index { position: static; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 18px; }
 .studio-site .legal-index strong { grid-column: 1/-1; }
 .studio-site .legal-hero { border-radius: 0 0 36px 36px; }
 .studio-site :is(.tournament-hero, .game-tournament-hero) { min-height: 0; padding: 55px 0; border-radius: 0 0 36px 36px; }
 .studio-site .tournament-content h1, .studio-site .game-tournament-content h1 { font-size: 48px; }
 .studio-site .championship-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .studio-site .ow-champ-art-panel { width: calc(100% - 40px); grid-template-columns: 1fr; }
 .studio-site .ow-sponsor-box { padding: 35px; border-radius: 26px; }
 .studio-site .ow-sponsor-box { grid-template-columns: 1fr; gap: 30px; }
 .studio-site .footer-hero h2 { font-size: 32px; }
}
@media (max-width: 540px) {
 .studio-site .az-hero-grid { grid-template-columns: 1fr; gap: 20px; }
 .studio-site .az-hero h1 { font-size: clamp(44px,11.7vw,61px); }
 .studio-site .studio-brand-scene { width: 100%; max-width: 340px; aspect-ratio: 1.2; justify-self: center; }
 .studio-site .studio-brand-scene > img { height: auto; width: 100%; }
 .studio-site .studio-brand-scene::before { inset: 2% 12%; }
 .studio-site .studio-scene-caption { bottom: -3%; font-size: 8px; }
 .studio-site .az-hero-foot { margin-top: 40px; }
 .studio-site .az-card-art, .studio-site .az-community-card:nth-child(even) .az-card-art { border-radius: 18px 44px 18px 18px; }
 .studio-site .az-card-copy h3 { font-size: 35px; }
 .studio-site .az-card-copy p { font-size: 15px; }
 .studio-site .az-pillars { grid-template-columns: 1fr; gap: 28px; }
 .studio-site .az-project-list > a { grid-template-columns: 1fr 44px; gap: 20px; }
 .studio-site .az-project-list > a > .az-kicker { grid-column: 1/-1; }
 .studio-site .az-project-list h3 { font-size: 26px; }
 .studio-site .az-partner-grid { gap: 16px; }
 .studio-site .az-partner-grid a { padding: 8px; min-height: 90px; }
 .studio-site .az-join h2 { font-size: 40px; }
 .studio-site .az-join-links { grid-template-columns: 1fr; gap: 0; }
 .studio-site .az-join-links a { padding-block: 18px; }
 .studio-site .community-feature h3 { font-size: 31px; }
 .studio-site .community-feature .card-actions { flex-direction: column; align-items: flex-start; }
 .studio-site .community-feature .btn { width: auto; max-width: 100%; }
 .studio-site .steam-chart-card { padding: 24px 0; }
 .studio-site .steam-range-filter { flex-wrap: wrap; border-radius: 24px; }
 .studio-site .partner-brand-wall { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 24px; }
 .studio-site .market-card { grid-template-columns: 1fr; gap: 22px; padding-block: 35px; }
 .studio-site .market-card .market-card-cta { grid-column: 1; grid-row: 3; justify-self: start; }
 .studio-site .market-card-copy strong { font-size: 27px; }
 .studio-site .contact-channel-grid { grid-template-columns: 1fr; gap: 15px; }
 .studio-site .manifest-copy p:first-child { font-size: 23px; }
 .studio-site .integration-stat-strip { display: flex; flex-wrap: wrap; gap: 26px; }
 .studio-site .integration-stat-strip > span { flex: 1 1 65px; }
 .studio-site .integration-process-steps { grid-template-columns: 1fr; gap: 10px; }
 .studio-site .server-integration-detail-grid { grid-template-columns: 1fr; gap: 10px; }
 .studio-site .server-contact-actions { display: flex; flex-direction: column; align-items: flex-start; }
 .studio-site .studio-partner-list { gap: 14px 20px; }
 .studio-site .studio-partner-list li { height: 88px; }
 .studio-site .studio-partner-list li > a, .studio-site .studio-partner-list li > span { padding: 10px; }
 .studio-site .studio-partner-list img { height: 62px; }
 .studio-site .legal-index { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .studio-site .legal-data-grid { grid-template-columns: 1fr; }
 .studio-site .legal-content-section { padding-top: 55px; }
 .studio-site .tournament-content h1, .studio-site .game-tournament-content h1 { font-size: 40px; }
 .studio-site .championship-grid, .studio-site .ow-lfg-grid { grid-template-columns: 1fr; gap: 12px; }
 .studio-site .ow-sponsor-box { padding: 28px 22px; }
 .studio-site .tournament-audio-control { right: 12px; bottom: 12px; max-width: calc(100% - 24px); }
 .studio-site .cookie-consent { border-radius: 20px; }
}

/* Clean surfaces and proportional brand artwork across every public page. */
.studio-site *, .studio-site *::before, .studio-site *::after {
  text-shadow: none !important;
  box-shadow: none !important;
}
.studio-site img { filter: none !important; }
.studio-site :is(.eyebrow, .section-eyebrow, .badge)::before {
  content: none !important;
  display: none !important;
}
.studio-site :is(a, button, input):focus-visible { outline: 2px solid #ffad8d; outline-offset: 5px; }
.studio-site .studio-brand-scene {
  width: 100%; aspect-ratio: 1 / 1; min-height: 0; height: auto;
}
.studio-site .studio-brand-scene::before { inset: 8%; }
.studio-site .studio-brand-scene > img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  max-width: none; max-height: none; object-fit: contain;
}
.studio-site .az-hero-foot .az-powered {
  display: flex; flex-direction: column; align-items: flex-start; gap: 6px;
  padding: 10px 0; flex-shrink: 0;
}
.studio-site .az-powered > span {
  color: #f5f2ec; font: 600 12px/1.4 Arial,sans-serif; letter-spacing: .08em;
}
.studio-site .az-hero-foot .az-powered img { width: 220px; height: 52px; max-width: 100%; object-fit: contain; object-position: left center; opacity: 1; }
.studio-site .partner-discount-actions { display: flex; flex-wrap: wrap; gap: 12px; min-width: 0; }
.studio-site .partner-discount-actions .btn { width: 100%; min-height: 48px; }
.studio-site #kabum { scroll-margin-top: 110px; }
.studio-site :is(.pillar-track, .integration-program-grid, .integration-process-steps, .ow-update-board) > article > strong:first-child { margin-top: 0; }
@media (max-width: 760px) {
  .studio-site .az-partner-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .studio-site :is(.az-partner-grid, .studio-partner-list, .partner-brand-wall) > :last-child:nth-child(odd) { grid-column: 1 / -1; width: 50%; justify-self: center; }
  .studio-site .studio-about-scene { margin-inline: auto; }
  .studio-site .az-hero-foot .az-powered { align-items: center; }
  .studio-site .az-hero-foot .az-powered img { object-position: center; }
  .studio-site .partner-discount-actions { grid-column: 2; }
}
@media (max-width: 540px) {
  .studio-site .studio-brand-scene { max-width: 340px; aspect-ratio: 1 / 1; }
 .studio-site .studio-brand-scene::before { inset: 8%; }
  .studio-site .partner-discount-actions { grid-column: 1; }
  .studio-site .partner-discount-actions .btn { width: auto; }
}

/* Shared button geometry: identical text and icon line boxes. */
.studio-site :is(.btn, .az-button, .header-cta) {
  display: inline-flex; align-items: center; justify-content: center;
  gap: 12px; min-height: 52px; padding: 14px 24px;
  font-family: Arial, Helvetica, sans-serif; font-size: 14px;
  font-weight: 600; line-height: 20px; text-align: center;
}
.studio-site .header-cta { min-height: 44px; padding: 12px 22px; }
.studio-site .az-button { gap: 24px; }
.studio-site .az-button .button-label { font-size: inherit; line-height: 20px; }
.studio-site .button-arrow { display: block; width: 20px; height: 20px; flex: 0 0 20px; }
.studio-site .arrow-icon { display: inline-block; width: 20px; height: 20px; flex-shrink: 0; vertical-align: middle; }
.studio-site .az-project-arrow .arrow-icon { display: block; width: 24px; height: 24px; }
.studio-site .community-directory-name .arrow-icon { width: 14px; height: 14px; }
.studio-site .header-cta > span { line-height: 20px; }
.studio-site .header-cta .discord-button-icon { width: 20px; height: 20px; object-fit: contain; margin: 0; transform: none; }
.studio-site .az-card-links .az-community-website {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 46px; padding: 12px 18px; border: 1px solid #ffffff50;
  border-radius: 99px; color: #fff; text-decoration: none;
}
.studio-site .az-card-links .az-community-website:hover { background: #ffffff10; }
.studio-site .az-hero-foot .az-powered { padding: 0; width: min(240px,100%); min-height: 44px; justify-content: center; }
.studio-site .az-hero-foot .az-powered img { display: block; width: 100%; height: auto; object-fit: contain; }

.studio-site .az-veyra { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); align-items: center; gap: 64px; margin-bottom: 64px; }
.studio-site .az-veyra-art { display: block; overflow: hidden; border-radius: 24px; }
.studio-site .az-veyra-art img { display: block; width: 100%; height: auto; }
.studio-site .az-veyra-copy { min-width: 0; }
.studio-site .az-veyra-copy h3 { font-size: clamp(38px,4vw,56px); margin: 14px 0; }
.studio-site .az-veyra-copy .az-veyra-tagline { font-size: 24px; color: #f4f2ec; margin: 0 0 14px; line-height: 1.35; }
.studio-site .az-veyra-copy p { color: #bcbdbb; margin: 0; }
.studio-site .az-veyra .az-button { margin-top: 24px; }

.studio-site .community-launch .inner-launch-grid { grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); }
.studio-site .community-directory { display: grid; gap: 24px; min-width: 0; }
.studio-site .community-directory-item { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 22px; align-items: center; color: #f4f2ec; text-decoration: none; padding: 0 0 24px; border-bottom: 1px solid #ffffff20; }
.studio-site .community-directory-art { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; border-radius: 16px; }
.studio-site .community-directory-name { min-width: 0; }
.studio-site .community-directory-name strong { display: block; font-size: 21px; line-height: 1.2; letter-spacing: -.025em; }
.studio-site .community-directory-name small { display: block; margin-top: 12px; font-size: 12px; line-height: 1.5; color: #c4c1b9; }
.studio-site .community-directory-name small span { margin-left: 6px; }
.studio-site .community-directory-item:hover strong { color: #ffad91; }
@media (max-width: 900px) {
  .studio-site .az-veyra { grid-template-columns: 1fr; gap: 28px; }
  .studio-site .az-veyra-copy { max-width: 650px; }
}
@media (max-width: 760px) {
  .studio-site .community-launch .inner-launch-grid { grid-template-columns: 1fr; }
  .studio-site .community-directory { gap: 20px; }
  .studio-site .community-directory-item { grid-template-columns: minmax(0,1fr) minmax(0,1.15fr); gap: 20px; padding-bottom: 20px; }
  .studio-site .community-directory-name strong { font-size: 19px; }
  .studio-site .az-hero-foot .az-powered { width: min(220px,100%); }
}
@media (max-width: 380px) {
  .studio-site .community-directory-name strong { font-size: 17px; }
  .studio-site .community-directory-name small { font-size: 11px; margin-top: 8px; }
}

.studio-site .az-integration-promo { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 70px; margin-top: 60px; padding-top: 52px; border-top: 1px solid #c6ccc5; }
.studio-site .az-integration-promo h3 { font-size: clamp(30px,3vw,42px); line-height: 1.1; max-width: 500px; margin: 18px 0 0; }
.studio-site .az-integration-promo p { color: #505751; margin: 0; max-width: 540px; }
.studio-site .az-integration-promo .az-button { color: #111; margin-top: 24px; text-decoration: none; }
.studio-site .tournament-hero { isolation: isolate; }
.studio-site .tournament-video { z-index: 0; }
.studio-site .tournament-content { position: relative; z-index: 1; }
.studio-site .tournament-video video { display: block; filter: brightness(.85) saturate(.95); }
.studio-site .tournament-video::after { background: linear-gradient(90deg,#101112e0 0%,#101112ad 42%,#10111226 100%),linear-gradient(0deg,#101112c9,transparent 40%); }
.studio-site .tournament-audio-control { flex-wrap: wrap; gap: 12px 20px; padding: 10px 18px; border-radius: 20px; max-width: 100%; background: #101112e8; backdrop-filter: none; }
.studio-site .tournament-audio-control button { min-height: 44px; text-transform: none; color: #fff; }
.studio-site .tournament-audio-control [data-audio-label] { position: static; width: auto; height: auto; background: none; border-radius: 0; opacity: 1; filter: none; }
.studio-site .tournament-audio-control [data-audio-label]::before,
.studio-site .tournament-audio-control [data-audio-label]::after { content: none; }
.studio-site .tournament-audio-control input[type="range"] { min-height: 22px; height: 22px; }
@media (max-width: 1100px) {
  .studio-site .header-cta { display: none; }
}
@media (max-width: 760px) {
  .studio-site .az-integration-promo { grid-template-columns: 1fr; gap: 24px; margin-top: 44px; padding-top: 36px; }
  .studio-site .tournament-video::after { background: linear-gradient(90deg,#101112c9,#10111270),linear-gradient(0deg,#101112b3,transparent 70%); }
  .studio-site .tournament-audio-control { width: 100%; gap: 8px 18px; }
}

/* Hide while scrolling down; reveal on a small upward scroll; dock at the top. */
html { scroll-behavior: smooth; scroll-padding-top: 116px; }
body.studio-site { padding-top: 88px; }
.studio-site [id] { scroll-margin-top: 16px; }
.studio-site .site-header, .studio-site.nav-open .site-header {
  position: fixed; inset: 0 0 auto; z-index: 100; width: 100%;
  overflow: visible; padding-top: 0; border: 0; background: #101112;
  visibility: visible;
  transition: top .4s cubic-bezier(.22,1,.36,1), padding-top .65s cubic-bezier(.22,1,.36,1), background-color .5s ease, visibility 0s;
}
.studio-site .site-header.is-hidden {
  top: -124px; visibility: hidden; pointer-events: none;
  transition: top .32s cubic-bezier(.4,0,.6,1), padding-top .65s cubic-bezier(.22,1,.36,1), background-color .5s ease, visibility 0s .32s;
}
.studio-site .site-header .header-shell {
  border: 1px solid transparent; border-radius: 0; padding-inline: 0;
  transition: width .65s cubic-bezier(.22,1,.36,1), min-height .65s cubic-bezier(.22,1,.36,1), padding .65s cubic-bezier(.22,1,.36,1), border-radius .65s cubic-bezier(.22,1,.36,1), background-color .5s ease, border-color .5s ease;
}
.studio-site .site-header.is-floating { padding-top: 24px; background: transparent; }
.studio-site .site-header.is-floating .header-shell {
  width: min(1160px,calc(100% - 48px)); min-height: 72px;
  padding-inline: 22px; border-color: #ffffff0d; border-radius: 14px;
  background: #161819f5; backdrop-filter: blur(16px);
}
.studio-site :is(.btn, .az-button, .header-cta, .az-text-link, .az-card-links a, button):hover {
  transform: none !important; translate: none !important;
}
@media (max-width: 800px) {
  html { scroll-padding-top: 98px; }
  body.studio-site { padding-top: 72px; }
  .studio-site .site-header.is-floating { padding-top: 18px; }
  .studio-site .site-header.is-floating .header-shell {
    width: calc(100% - 24px); min-height: 64px; height: 64px;
    padding-inline: 10px; border-radius: 14px; gap: 8px;
  }
  .studio-site.nav-open .site-header { padding-top: 0; background: #101112; }
  .studio-site.nav-open .site-header .header-shell {
    width: calc(100% - 40px); min-height: 72px; height: 72px;
    padding-inline: 0; border-color: transparent; border-radius: 0;
    background: transparent; backdrop-filter: none; transition: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .studio-site .site-header, .studio-site .site-header.is-hidden, .studio-site .site-header .header-shell { transition: none; }
}