/* Визуальный слой утверждённых бирюзовых интерфейсов.
   Маски читаемости располагаются под текстом, не закрывая иллюстрацию целиком. */

/* Никнейм или почта не расширяют шапку; полное значение доступно в подсказке. */
#site-header [hidden]{display:none!important}
#site-header .nav-user{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none}
#site-header .public-auth-mobile .nav-user{max-width:100%}
:root{
  --visual-bg:#02080b;
  --visual-panel:#061217;
  --visual-cyan:#22d9e6;
  --visual-text:#e8f1f3;
  --visual-muted:#a2b3b9;
  --visual-gold:#c99a63;
  --visual-frame:1518px;
}
body.reference-ui #site-header .brand{gap:12px}
body.reference-ui #site-header .brand::after{
  content:"UNREAL FORGE\A GAMES ENTERTAINMENT";
  white-space:pre;
  color:var(--visual-text);
  font:800 21px/1.35 Inter,sans-serif;
  letter-spacing:-.035em;
}
body.reference-ui #site-header .nav-links a.active{
  background:linear-gradient(180deg,transparent,rgba(34,217,230,.08));
  text-decoration:none;
}
/* Контраст регистрации сохраняется при наведении и клавиатурном фокусе. */
body.reference-ui:not(.forge-home):not(.sf-page) #site-header .nav-cta{
  background:var(--visual-cyan);
  border-color:var(--visual-cyan);
  color:var(--visual-bg);
}
body.reference-ui:not(.forge-home):not(.sf-page) #site-header .nav-cta:hover,
body.reference-ui:not(.forge-home):not(.sf-page) #site-header .nav-cta:focus-visible{
  background:var(--visual-text);
  border-color:var(--visual-text);
  color:var(--visual-bg);
}
.forge-home .rf-hero{height:408px;min-height:408px;padding:0;grid-template-columns:42% 58%}
.forge-home .rf-hero-media img{object-position:center 48%;filter:saturate(1) brightness(.97)}
.forge-home .rf-hero-media::after{
  background:linear-gradient(90deg,rgba(2,8,11,.77),rgba(2,8,11,.49) 34%,rgba(2,8,11,.05) 60%,transparent 100%);
}
.forge-home .rf-hero-copy{padding:28px 38px;max-width:630px}
.forge-home .rf-hero h1{max-width:none;font-size:60px;line-height:1.02;margin:12px 0 16px;text-wrap:initial}
.forge-home .rf-hero h1 span{font-size:.72em;letter-spacing:-.025em;margin-top:8px}
.forge-home .rf-hero .lead{font-size:15px;line-height:1.6;max-width:48ch}
.forge-home .hero-ctas{margin-top:20px}
.forge-home .rf-code{writing-mode:initial;font-size:11px;color:#d7e2e6}
.forge-home .home-featured-project{height:310px}
.forge-home .home-featured-project>img{filter:none;object-position:62% center}
.forge-home .home-featured-content{max-width:48%;bottom:20px}
.forge-home .home-featured-content .home-featured-title{
  font-family:Georgia,serif!important;font-size:38px;font-weight:500;line-height:1.05;letter-spacing:.025em;color:#f3d8b4;
}
.forge-home .home-featured-content p{font-size:12px;line-height:1.5}
.forge-home .home-project-label,.forge-home .home-featured-tags{font-size:10px}
.forge-home .home-project-placeholder{height:310px}
.forge-home .home-project-placeholder:first-child{
  background:linear-gradient(180deg,transparent 25%,rgba(2,8,11,.95)),url('assets/commander-shadowsun/commander-shadowsun-cover.png') 65% center/cover;
}
.forge-home .home-project-placeholder:last-child{
  background:linear-gradient(180deg,transparent 25%,rgba(2,8,11,.95)),url('forge-background.webp') 75% center/cover;
}
.forge-home .placeholder-mark{display:none}
.forge-home .home-project-placeholder strong{font-size:12px;line-height:1.5}
.forge-home .home-project-placeholder small{font-size:11px;line-height:1.4}
.forge-home .home-section-head{min-height:44px;height:auto}
.forge-home .home-section-head h2{font-size:22px}
.forge-home .home-news .news-item{min-height:94px}
.forge-home .home-news .news-item h3{font-size:13px}
.forge-home .home-news .news-item .news-date{font-size:11px}
.forge-home .home-pillar strong{font-size:12px}
.forge-home .home-pillar span{font-size:11px}
.forge-home .home-footer .wrap{padding-top:14px}
.projects-page .games-hero{min-height:308px;padding:0;grid-template-columns:42% 58%}
.projects-page .games-hero-copy{padding:28px 42px}
.projects-page .games-hero-media img{filter:none;object-position:center 62%}
.projects-page .games-hero-media::after{
  background:linear-gradient(90deg,rgba(2,8,11,.85),rgba(2,8,11,.58) 31%,rgba(2,8,11,.08) 54%,transparent 100%);
}
.projects-page .games-hero h1{font-size:62px;line-height:1;max-width:none;margin:10px 0;color:var(--visual-text)}
.projects-page .games-tagline{font-size:19px;line-height:1.4;margin:0 0 12px;color:var(--visual-text)}
.projects-page .games-lead{font-size:14px;line-height:1.6}
.projects-page .games-hero-actions{margin-top:16px;gap:10px}
.projects-page .games-hero-code{writing-mode:initial;max-width:140px;font-size:11px;line-height:1.6;color:var(--visual-text)}
.projects-page .games-section{padding:20px 28px}
.projects-page .games-section h2{font-size:28px}
.projects-page .games-section-head{margin-bottom:10px}
.projects-page .games-intro{font-size:13px;line-height:1.5;margin-bottom:14px;max-width:none}
.projects-page .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.projects-page .portfolio-grid .project-card{position:relative;display:block;min-height:355px}
.projects-page .project-card .project-art{position:absolute;inset:0;min-height:0}
.projects-page .project-card .project-art img,.projects-page .project-card .art-image{min-height:0;height:100%;filter:none;object-position:65% center}
.projects-page .project-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,rgba(2,8,11,.2) 42%,rgba(2,8,11,.96) 100%);pointer-events:none}
.projects-page .project-card .project-body{position:relative;z-index:1;min-height:355px;justify-content:flex-end;padding:24px}
.projects-page .project-card h3{font-size:30px;margin:12px 0 8px;line-height:1.1}
.projects-page .project-card p{font-size:14px;line-height:1.55;color:var(--visual-muted)}
.projects-page .games-method-card{min-height:125px;padding:18px}
.projects-page .games-method-card h3{margin-top:12px}
.projects-page .games-method-card p{font-size:13px}
.about-page .rf-hero,.shop-page .rf-hero{min-height:290px;padding:0;grid-template-columns:44% 56%}
.about-page .rf-hero-media img,.shop-page .rf-hero-media img{filter:none;object-position:65% center}
.about-page .rf-hero-media::after,.shop-page .rf-hero-media::after{background:linear-gradient(90deg,rgba(2,8,11,.83),rgba(2,8,11,.56) 32%,rgba(2,8,11,.05) 60%,transparent)}
.about-page .rf-hero-copy,.shop-page .rf-hero-copy{padding:28px 34px}
.about-page .rf-hero h1,.shop-page .rf-hero h1{font-size:50px;line-height:1.02;max-width:none}
.about-page .rf-hero .lead,.shop-page .rf-hero .lead{font-size:15px;line-height:1.55}
.about-page .rf-card-grid,.shop-page .rf-card-grid{gap:14px}
.about-page .rf-card p,.shop-page .rf-card p{font-size:14px;line-height:1.65}
@media(max-width:1280px) and (min-width:1181px){
  body.reference-ui #site-header .brand::after{font-size:16px;letter-spacing:-.04em}
}
@media(max-width:1180px){
  body.reference-ui #site-header .brand::after{display:none}
  .forge-home .rf-hero h1{font-size:48px}
  .forge-home .rf-hero-copy{padding:24px}
}
@media(max-width:980px){
  .forge-home .rf-hero{height:auto;min-height:570px;display:flex;align-items:flex-end}
  .forge-home .rf-hero-media img{object-position:68% center}
  .forge-home .rf-hero-media::after{background:linear-gradient(180deg,transparent 24%,rgba(2,8,11,.42) 48%,rgba(2,8,11,.97) 85%)}
  .forge-home .rf-hero-copy{padding:28px 20px;width:100%}
  .forge-home .rf-hero h1{font-size:clamp(38px,7vw,54px)}
  .forge-home .rf-hero .lead{font-size:14px}
  .forge-home .home-tech-badge{display:none}
  .forge-home .hero-ctas{display:flex;flex-wrap:wrap;gap:10px}
  .forge-home .btn{font-size:11px;min-height:44px;padding:0 14px}
  .forge-home .home-featured-project{height:360px;aspect-ratio:auto}
  .forge-home .home-featured-content{max-width:65%}
  .forge-home .home-featured-content p{font-size:13px}
  .forge-home .home-project-placeholder{height:210px}
  .forge-home .home-pillar strong{font-size:10px;line-height:1.4}
  .forge-home .home-news .news-item h3{font-size:14px}
  .projects-page .games-hero{min-height:520px;display:flex;align-items:flex-end}
  .projects-page .games-hero-copy{width:100%;padding:24px}
  .projects-page .games-hero-media img{object-position:64% center}
  .projects-page .games-hero-media::after{background:linear-gradient(180deg,transparent 20%,rgba(2,8,11,.35) 40%,rgba(2,8,11,.96) 83%)}
  .projects-page .games-hero h1{font-size:50px}
  .projects-page .games-hero-code{display:none}
  .projects-page .portfolio-grid{grid-template-columns:1fr}
  .projects-page .project-card .project-body{min-height:365px}
  .about-page .rf-hero,.shop-page .rf-hero{min-height:530px;display:flex;align-items:flex-end}
  .about-page .rf-hero-copy,.shop-page .rf-hero-copy{width:100%;padding:26px 20px}
  .about-page .rf-hero-media::after,.shop-page .rf-hero-media::after{background:linear-gradient(180deg,transparent 20%,rgba(2,8,11,.42) 45%,rgba(2,8,11,.97) 87%)}
}
@media(max-width:620px){
  .forge-home .rf-hero{min-height:570px}
  .forge-home .rf-hero h1{font-size:40px}
  .forge-home .rf-kicker{font-size:10px;line-height:1.5}
  .forge-home .hero-ctas .btn{flex:1 1 45%;min-width:0;font-size:10px}
  .forge-home .home-featured-content{max-width:none}
  .forge-home .home-featured-content .home-featured-title{font-size:34px}
  .forge-home .home-section-head h2{font-size:19px}
  .forge-home .section-link{font-size:10px}
  .projects-page .games-hero-copy{padding:24px 18px}
  .projects-page .games-hero h1{font-size:44px}
  .projects-page .games-tagline{font-size:17px}
  .projects-page .games-section{padding:24px 16px}
  .projects-page .project-card h3{font-size:27px}
  .about-page .rf-hero h1,.shop-page .rf-hero h1{font-size:36px}
}