/* Оформление UFG по утверждённым визуальным эталонам из Google Drive.
   Брендбук не используется для выбора этого визуального направления.
*/
:root{
  --ufg-phi:1.618;
  --ufg-major:61.8%;
  --ufg-minor:38.2%;
  --ufg-bg:#02080b;
  --ufg-panel:#061217;
  --ufg-panel-2:#0a1a20;
  --ufg-cyan:#22d9e6;
  --ufg-cyan-bright:#5cf4ff;
  --ufg-cyan-soft:rgba(34,217,230,.12);
  --ufg-text:#e8f1f3;
  --ufg-muted:#879aa0;
  --ufg-line:#174b55;
  --ufg-line-strong:#2b7884;
  --ufg-gold:#c99a63;
  --ufg-gold-bright:#e9c388;
  --ufg-radius-cut:14px;
  --ufg-frame:1518px;
  --ufg-body-font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ufg-tech-font:"Orbitron","Inter",sans-serif;
}

.reference-ui a,.reference-ui button,.reference-ui input,.reference-ui select,.reference-ui textarea{-webkit-tap-highlight-color:transparent}
.reference-ui a:focus-visible,.reference-ui button:focus-visible,.reference-ui input:focus-visible,.reference-ui select:focus-visible,.reference-ui textarea:focus-visible{outline:2px solid var(--ufg-cyan-bright);outline-offset:3px}
.reference-ui #site-header{background:rgba(2,8,11,.97);border-bottom:1px solid var(--ufg-line);box-shadow:0 12px 34px rgba(0,0,0,.46)}
.reference-ui #site-header nav{width:min(var(--ufg-frame),calc(100% - 18px))}
.reference-ui .nav-links a{transition:color .18s ease,box-shadow .18s ease,background-color .18s ease}
.reference-ui .nav-links a:hover,.reference-ui .nav-links a.active{color:var(--ufg-cyan-bright)}
.ufg-golden-grid{display:grid;grid-template-columns:minmax(0,var(--ufg-major)) minmax(0,var(--ufg-minor))}
.ufg-golden-grid-reverse{display:grid;grid-template-columns:minmax(0,var(--ufg-minor)) minmax(0,var(--ufg-major))}
.forge-home .rf-shell,.forge-home .home-footer{width:min(var(--ufg-frame),calc(100% - 16px))}
.forge-home .rf-hero{grid-template-columns:var(--ufg-minor) var(--ufg-major)}
.forge-home .rf-hero-media img{filter:saturate(.88) contrast(1.08) brightness(.78)}
.forge-home .rf-hero-media:after{background:linear-gradient(90deg,#02090d 0%,rgba(2,9,13,.97) 18%,rgba(2,9,13,.8) 31%,rgba(2,9,13,.22) 56%,rgba(2,9,13,.05) 100%),linear-gradient(180deg,rgba(0,0,0,.03),rgba(2,8,11,.22))}
.forge-home .rf-hero h1{text-wrap:balance}
.forge-home .rf-hero h1 span{color:var(--ufg-cyan-bright);text-shadow:0 0 20px rgba(92,244,255,.16)}
.forge-home .home-project-layout{grid-template-columns:var(--ufg-major) var(--ufg-minor)}
.forge-home .home-featured-project{border-color:#846346;box-shadow:inset 0 0 0 1px rgba(233,195,136,.035)}
.forge-home .home-project-placeholder,.forge-home .home-news .news-item{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
@media (hover:hover){.forge-home .home-project-placeholder:hover,.forge-home .home-news .news-item:hover{border-color:var(--ufg-cyan);box-shadow:0 0 20px rgba(34,217,230,.09);transform:translateY(-1px)}}
body.sundered-faith-page,body.sf-page{--rf-cyan:var(--ufg-gold);--rf-cyan2:#b77b43;--rf-cyan-dim:rgba(201,154,99,.14);--rf-line:#4b3829;--rf-line2:#755338}
body.sundered-faith-page #site-header,body.sf-page #site-header{border-bottom-color:#4b3829}
body.sundered-faith-page .nav-links a:hover,body.sundered-faith-page .nav-links a.active,body.sf-page .nav-links a:hover,body.sf-page .nav-links a.active{color:var(--ufg-gold-bright)}
@media(max-width:980px){.ufg-golden-grid,.ufg-golden-grid-reverse{grid-template-columns:1fr}.reference-ui #site-header nav{width:calc(100% - 12px)}.forge-home .rf-hero{display:flex;align-items:flex-end;min-height:540px}.forge-home .rf-hero-copy{width:100%}.forge-home .home-project-layout{grid-template-columns:1fr}}
@media(max-width:560px){.reference-ui .btn,.reference-ui .nav-cta{min-height:44px}.forge-home .hero-ctas{grid-template-columns:var(--ufg-major) var(--ufg-minor)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

.forge-home .nav-links .home-nav-auth{display:none}

/* Веб-шрифт Orbitron содержит только латиницу; для кириллицы явно используется Inter. */
.forge-home,.projects-page,.news-page,.news-detail-page{font-family:var(--ufg-body-font)}
.forge-home *,.projects-page *,.news-page *,.news-detail-page *{font-family:var(--ufg-body-font)!important}
.forge-home .rf-kicker,.forge-home .rf-code,.forge-home .home-tech-badge strong,.forge-home .home-quote,.projects-page .games-kicker,.projects-page .games-hero-code,.news-page .rf-kicker,.news-page .rf-code,.news-detail-page .rf-strip{font-family:var(--ufg-tech-font)!important}
.forge-home h1,.forge-home h2,.projects-page h1,.projects-page h2,.news-page h1,.news-page h2{font-weight:800;letter-spacing:-.035em;text-wrap:balance}
.forge-home .rf-kicker,.forge-home .rf-code,.projects-page .games-kicker,.projects-page .games-hero-code,.news-page .rf-kicker,.news-page .rf-code,.news-detail-page .rf-strip{letter-spacing:.09em}
.forge-home .btn,.projects-page .btn,.news-page .btn,.news-detail-page .btn{min-height:44px}
.forge-home main,.projects-page main,.news-page main,.news-detail-page main{min-width:0;overflow-x:clip}
.forge-home img,.projects-page img,.news-page img,.news-detail-page img{max-width:100%}

@media(max-width:1180px){
  .forge-home .rf-hero h1{font-size:clamp(48px,6vw,66px)}
  .forge-home .home-lower{gap:10px}
  .projects-page .games-hero,.news-page .rf-hero{min-width:0}
}
@media(max-width:1024px){
  .forge-home .home-pillars{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}
  .forge-home .home-pillar:nth-child(2){border-right:0}
  .forge-home .home-lower{grid-template-columns:1fr}
  .forge-home .home-news{margin-top:12px}
}
@media(max-width:920px){
  .forge-home .rf-hero-copy{padding-inline:28px}
  .forge-home .home-project-layout{grid-template-columns:1fr}
  .forge-home .home-placeholder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:768px){
  .forge-home .rf-hero h1{font-size:clamp(42px,9vw,58px)}
  .forge-home .hero-ctas{display:flex;flex-wrap:wrap}
  .forge-home .home-pillars{grid-template-columns:1fr 1fr}
  .forge-home .home-lower{padding-inline:16px}
  .projects-page .games-hero-actions{display:flex;flex-wrap:wrap}
}
@media(max-width:430px){
  .forge-home .rf-hero-copy{padding-inline:18px}
  .forge-home .rf-hero h1{font-size:clamp(38px,12vw,50px);max-width:100%}
  .forge-home .hero-ctas{display:grid;grid-template-columns:1fr}
  .forge-home .home-pillars{grid-template-columns:1fr}
  .forge-home .home-pillar{border-right:0;border-bottom:1px solid var(--ufg-line)}
  .forge-home .home-placeholder-grid{grid-template-columns:1fr}
  .forge-home .home-lower{padding-inline:10px}
}
@media(max-width:390px){.forge-home .rf-hero h1{font-size:40px}.forge-home .rf-kicker,.projects-page .games-kicker,.news-page .rf-kicker{letter-spacing:.07em}}
@media(max-width:360px){.forge-home .rf-hero h1{font-size:36px}.forge-home .rf-hero-copy{padding-inline:14px}.forge-home .btn,.projects-page .btn,.news-page .btn{width:100%}}