@font-face{font-family:Studio;src:local('Bahnschrift');font-display:swap}
:root{--brand-red:#b0191d;--brand-red-hover:#ce2328;--brand-accent:#e04349}
:root body .community .button,
:root body .page-button,
:root body.home-page .hero-discover,
:root body.home-page .hero-watch,
:root body.home-page #home-main .button,
:root body.atira-page #main .game-hero .actions .button,
:root body.atira-page #main .game-hero .actions .text-button,
:root body .blog-read-more,
:root body .games-open,
:root body .studio-intro-link {
 display:inline-flex;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;min-height:50px;padding:14px 28px;border:1px solid #c22529;border-radius:4px;background:var(--brand-red);color:var(--site-white);font:750 16px/1.2 Studio,Arial,sans-serif;font-stretch:condensed;letter-spacing:.13em;text-transform:uppercase;text-align:center;text-decoration:none;white-space:normal;transition:background .2s,border-color .2s,transform .2s;
}
:root body .community .button:hover,
:root body .page-button:hover,
:root body.home-page .hero-discover:hover,
:root body.home-page .hero-watch:hover,
:root body.home-page #home-main .button:hover,
:root body.atira-page #main .game-hero .actions .button:hover,
:root body.atira-page #main .game-hero .actions .text-button:hover,
:root body .blog-read-more:hover,
:root body .games-open:hover,
:root body .studio-intro-link:hover {background:var(--brand-red-hover);border-color:#e13338;color:var(--site-white);transform:translateY(-2px);filter:none}
:root body .page-button.secondary,:root body.home-page .hero-watch,:root body.home-page #home-main .button.secondary,:root body.atira-page #main .game-hero .actions .text-button,:root body .studio-intro-link {background:#0005;border-color:#ffffff30;color:var(--site-white)}
:root body .page-button.secondary:hover,:root body.home-page .hero-watch:hover,:root body.home-page #home-main .button.secondary:hover,:root body.atira-page #main .game-hero .actions .text-button:hover,:root body .studio-intro-link:hover {background:#ffffff12;border-color:#ffffff70;color:var(--site-white)}
:root body .community .button:focus-visible,
:root body .page-button:focus-visible,
:root body.home-page .hero-discover:focus-visible,
:root body.home-page .hero-watch:focus-visible,
:root body.home-page #home-main .button:focus-visible,
:root body.atira-page #main .game-hero .actions .button:focus-visible,
:root body.atira-page #main .game-hero .actions .text-button:focus-visible,
:root body .blog-read-more:focus-visible,
:root body .games-open:focus-visible,
:root body .studio-intro-link:focus-visible {outline:2px solid var(--brand-accent);outline-offset:4px}
:root body.home-page .hero-watch::before{content:'▶';font:12px/1 Arial,sans-serif}
@media(max-width:600px){:root body .community .button,
:root body .page-button,
:root body.home-page .hero-discover,
:root body.home-page .hero-watch,
:root body.home-page #home-main .button,
:root body.atira-page #main .game-hero .actions .button,
:root body.atira-page #main .game-hero .actions .text-button,
:root body .blog-read-more,
:root body .games-open,
:root body .studio-intro-link {font-size:14px;padding:14px 22px;max-width:100%}}
@media(prefers-reduced-motion:reduce){:root body .community .button,
:root body .page-button,
:root body.home-page .hero-discover,
:root body.home-page .hero-watch,
:root body.home-page #home-main .button,
:root body.atira-page #main .game-hero .actions .button,
:root body.atira-page #main .game-hero .actions .text-button,
:root body .blog-read-more,
:root body .games-open,
:root body .studio-intro-link {transition:none}:root body .community .button:hover,
:root body .page-button:hover,
:root body.home-page .hero-discover:hover,
:root body.home-page .hero-watch:hover,
:root body.home-page #home-main .button:hover,
:root body.atira-page #main .game-hero .actions .button:hover,
:root body.atira-page #main .game-hero .actions .text-button:hover,
:root body .blog-read-more:hover,
:root body .games-open:hover,
:root body .studio-intro-link:hover {transform:none}}
/* Match the Home page's outer margins throughout the site. */
:root body{--site-gutter:max(72px,calc((100vw - 1280px)/2))}
:root body .games-feature{max-width:none}
@media(max-width:1100px){:root body{--site-gutter:40px}}
@media(max-width:760px){:root body{--site-gutter:24px}}
/* Use Atira's original game typeface for every title lockup. */
@font-face{font-family:AtiraTitle;src:url('Fonts/KdamThmorPro-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root body.home-page #home-main .atira-title,
:root body.atira-page #main .atira-title,
:root body .games-copy h2,
:root body .studio-intro-details .atira-wordmark{font-family:AtiraTitle,Arial,sans-serif;font-weight:400;font-stretch:normal;font-style:normal;letter-spacing:0;line-height:1.2;font-synthesis:none}
:root body.home-page #home-main .game-copy>.subtitle,
:root body .games-subtitle,
:root body.atira-page #main .game-hero .game-title-subtitle{font-family:AtiraTitle,Arial,sans-serif;font-weight:400;font-stretch:normal;letter-spacing:.01em;line-height:1.4;text-transform:none;font-synthesis:none}
:root body.atira-page #main .atira-title{line-height:1.2}
:root body .hero-discover .atira-wordmark{font-family:AtiraTitle,Arial,sans-serif;font-weight:400;letter-spacing:.01em;text-transform:none;font-synthesis:none}
:root body.home-page #home-main .game-copy>.subtitle{font-size:18px}

/* Shared Discord invitation panel. */
:root body .community.wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:center;box-sizing:border-box;margin-block:24px 0;padding:56px;border:1px solid #b0191d55;border-radius:8px;background:radial-gradient(ellipse at 85% 50%,#8d171b24,transparent 65%),linear-gradient(115deg,#1b1113,#141214 70%);overflow:hidden}
:root body .community .community-copy{max-width:620px}
:root body .community .eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 24px}
:root body .community .eyebrow::before{content:'';width:32px;height:1px;background:#b0191d}
:root body .community h2{font:650 clamp(32px,3.3vw,48px)/1.1 Studio,Arial,sans-serif;letter-spacing:-.035em;margin:0 0 22px}
:root body .community .community-intro{font:16px/1.8 Arial,sans-serif;color:#babbb9;margin:0 0 24px;max-width:520px}
:root body .community .community-reasons{display:grid;gap:14px;list-style:none;margin:0 0 32px;padding:0;color:#babbb9;font:14px/1.6 Arial,sans-serif}
:root body .community-reasons li{position:relative;padding-left:22px}
:root body .community-reasons li::before{content:'';position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:#ce2328}
:root body .community .community-note{margin:12px 0 0;font:10px/1.6 Arial,sans-serif;letter-spacing:.12em;color:#8f8b8e;text-transform:uppercase}
:root body .community-art{display:grid;place-items:center;min-width:0}
:root body .community-orbit{position:relative;display:grid;place-items:center;width:min(100%,320px);aspect-ratio:1;border:1px solid #a0222838;border-radius:50%;background:radial-gradient(circle,#a21e2633,transparent 70%)}
:root body .community-orbit::before{content:'';position:absolute;inset:18%;border:1px dashed #a022284d;border-radius:50%}
:root body .community-discord-mark{display:block;width:52%;aspect-ratio:1;background:#ca4740;mask:url('Images/DiscordIcon.png') center/contain no-repeat;-webkit-mask:url('Images/DiscordIcon.png') center/contain no-repeat;mask-mode:luminance}
@media(max-width:1000px){:root body .community.wrap{padding:40px;gap:28px;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr)}}
@media(max-width:760px){:root body .community.wrap{padding:30px 24px;grid-template-columns:minmax(0,1fr);gap:28px}:root body .community-art{grid-row:1}:root body .community-orbit{width:140px}:root body .community h2{font-size:34px}:root body .community .community-note{font-size:9px}}

/* A full-width dark footer, clearly separated from the page content. */
:root body .site-footer.wrap{width:100%;box-sizing:border-box;margin:80px 0 0;padding:70px var(--site-gutter) 0;background:#09090b;border-top:1px solid #ffffff26}
:root body .site-footer .footer-bottom{border-top-color:#ffffff18}
@media(max-width:760px){:root body .site-footer.wrap{margin-top:56px;padding-top:48px}}

/* A server invitation card, using the community's real Discord identity. */
:root body .community.wrap{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
:root body .community .community-reasons{margin-bottom:0}
:root body .community .discord-invite{width:100%;max-width:420px;box-sizing:border-box;padding:32px;background:#232428;border:1px solid #ffffff0e;border-radius:10px;text-align:center;box-shadow:0 16px 48px #0003}
:root body .community .discord-server-icon{display:block;width:64px;height:64px;object-fit:cover;border-radius:16px;margin:0 auto 14px}
:root body .community .discord-invite-label{font:14px/1.5 Arial,sans-serif;color:#c4c5c9;margin:0 0 10px}
:root body .community .discord-server-name{font:600 23px/1.3 Studio,Arial,sans-serif;letter-spacing:-.02em;color:var(--site-white);margin:0 0 14px}
:root body .community .discord-server-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:24px;color:#d2d3d7;font:12px/1.5 Arial,sans-serif}
:root body .community .discord-server-stats[hidden]{display:none}
:root body .discord-server-stats>span{display:inline-flex;align-items:center;gap:4px}
:root body .discord-server-stats i{display:block;width:9px;height:9px;border-radius:50%;background:#b5bac1;margin-right:2px}
:root body .discord-server-stats .discord-online i{background:#43b581}
:root body .community .discord-invite-button{width:100%;margin-top:8px}
:root body .community .discord-invite .community-note{font-size:9px;letter-spacing:.06em}
@media(max-width:1000px){:root body .community.wrap{gap:32px;padding:36px}:root body .community .discord-invite{padding:28px 20px}}
@media(max-width:850px){:root body .community.wrap{grid-template-columns:minmax(0,1fr)}:root body .community-art{grid-row:auto}:root body .community-copy{max-width:none}}
@media(max-width:760px){:root body .community.wrap{padding:30px 24px}:root body .community .discord-server-name{font-size:21px}}

/* Keep footer content quiet against its dark background. */
:root body .site-footer.wrap,
:root body .site-footer .brand,
:root body .site-footer .footer-top p,
:root body .site-footer .footer-top h3,
:root body .site-footer .footer-top a,
:root body .site-footer .footer-bottom,
:root body .site-footer .footer-bottom a{color:#929296}
:root body .site-footer .brand img{opacity:.6}
:root body .site-footer a:hover{color:#dedee0}

/* Match the navbar's text-only studio wordmark. */
:root body .site-footer .footer-top .brand{display:flex;align-items:center;gap:14px;white-space:nowrap;font:750 25px/1 Studio,Arial,sans-serif;letter-spacing:.035em;color:var(--site-white);text-shadow:0 1px 10px #0006}
:root body .site-footer .brand>span{display:flex;align-items:baseline;gap:7px}
:root body .site-footer .brand .site-brand-light{font:500 13px/1 Studio,Arial,sans-serif;letter-spacing:.22em;color:#c5c5ca}
:root body .site-footer .brand:hover .site-brand-light{color:var(--site-white)}
@media(min-width:1001px) and (max-width:1100px){:root body .site-footer .footer-top .brand{font-size:21px;gap:10px}:root body .site-footer .brand .site-brand-light{font-size:10px;letter-spacing:.17em}}
@media(max-width:1000px){:root body .site-footer .footer-top .brand{font-size:19px;gap:10px}:root body .site-footer .brand .site-brand-light{font-size:10px;letter-spacing:.17em}}

:root body .site-footer .footer-bottom{border-top:0}

:root body .site-footer .footer-top .brand,:root body .site-footer .brand .site-brand-light{color:#929296}

/* Compact footer with closely grouped navigation. */
:root body .site-footer.wrap{margin-top:56px;padding-top:40px}
:root body .site-footer .footer-top{grid-template-columns:1.1fr 1.5fr 1fr;gap:48px;align-items:start}
:root body .site-footer .footer-top p{margin-top:16px;font-size:13px;line-height:1.6}
:root body .site-footer .footer-top h3{width:100%;margin:0 0 14px;font-size:10px;line-height:1.4}
:root body .site-footer .footer-top>div:not(:first-child){display:flex;flex-wrap:wrap;align-content:start;gap:8px 20px}
:root body .site-footer .footer-top>div>a:not(.brand){display:inline-flex;align-items:center;gap:4px;margin:0;font-size:13px;line-height:1.7}
:root body .site-footer .footer-bottom{margin-top:28px;padding:0 0 24px;font-size:10px}
@media(max-width:760px){
:root body .site-footer.wrap{margin-top:40px;padding-top:32px}
:root body .site-footer .footer-top{grid-template-columns:1fr 1fr;gap:26px 24px}
:root body .site-footer .footer-top>div:first-child{grid-column:1/-1}
:root body .site-footer .footer-top>div:not(:first-child){gap:8px 14px}
:root body .site-footer .footer-top h3{margin-bottom:6px}
:root body .site-footer .footer-bottom{margin-top:24px}
}

/* One page background through the content and community section. */
:root{--base-color:#111214}
:root,:root body,:root body main,:root body .news-archive{background-color:var(--base-color)}

/* Keep the community invitation short and focused. */
:root body .community.wrap{padding-block:28px}
:root body .community .discord-invite{padding:22px 28px}
:root body .community .discord-server-icon{width:48px;height:48px;border-radius:12px;margin-bottom:10px}
:root body .community .discord-invite-label{font-size:12px;margin-bottom:6px}
:root body .community .discord-server-name{font-size:21px;margin-bottom:10px}
:root body .community .discord-server-stats{margin-bottom:14px}
:root body .community .discord-invite-button{margin-top:0;min-height:44px;padding-block:11px}
:root body .community .discord-invite .community-note{margin-top:10px}
:root body .community .community-intro{margin-bottom:0}
@media(max-width:760px){:root body .community.wrap{padding:24px;gap:24px}:root body .community .discord-invite{padding:20px}}

/* Match the portfolio project cards' subtle lift and border response. */
:root body .games-feature,:root body .blog-card{cursor:pointer;transition:transform 160ms ease,border-color 160ms ease;box-shadow:none}
:root body .games-feature:hover,:root body .games-feature:focus-visible,
:root body .blog-card:hover,:root body .blog-card:focus-visible{transform:translateY(-3px);border-color:color-mix(in srgb,var(--site-white) 24%,#ffffff20);box-shadow:none}
@media(prefers-reduced-motion:reduce){:root body .games-feature,:root body .blog-card{transition:none}:root body .games-feature:hover,:root body .games-feature:focus-visible,:root body .blog-card:hover,:root body .blog-card:focus-visible{transform:none}}

/* Preserve Discord styling inside the server invitation. */
:root body .community .discord-invite,
:root body .community .discord-invite .discord-invite-label,
:root body .community .discord-invite .discord-server-name,
:root body .community .discord-invite .discord-server-stats,
:root body .community .discord-invite .community-note{color:#fff}
:root body .community .discord-invite .discord-invite-button{background:#5865f2;border-color:#5865f2;color:#fff}
:root body .community .discord-invite .discord-invite-button:hover{background:#4752c4;border-color:#4752c4;color:#fff}
:root body .community .discord-invite .discord-invite-button:focus-visible{outline-color:#8891f7}

/* A flat community panel without the red glow. */
:root body .community.wrap{background:#141517;border-color:#ffffff18;box-shadow:none}