/* Аккордеон проектов: единая структура, одна раскрытая карточка, без вымышленных релизов. */
.forge-home {
  --project-gap:12px;
  --project-pad:20px;
  --project-height:350px;
  --project-border:#24717d;
  --project-duration:360ms;
}
.forge-home .home-lower{display:block;padding:12px 24px 16px}
.forge-home .home-projects{border:0;padding:0}
.forge-home .home-project-accordion{display:flex;gap:var(--project-gap);min-width:0}
.forge-home .home-project-card{
  position:relative;isolation:isolate;display:flex;flex:1 1 0;min-width:0;
  height:var(--project-height);padding:var(--project-pad);overflow:hidden;
  border:1px solid var(--project-border);background:var(--visual-panel);cursor:pointer;
  transition:flex-grow var(--project-duration) cubic-bezier(.2,.7,.2,1),border-color .2s;
}
.forge-home .home-project-card.is-expanded{flex-grow:3.6;border-color:var(--visual-cyan)}
.forge-home .home-project-card[data-project="sundered-faith"].is-expanded{border-color:var(--visual-gold)}
.forge-home .home-project-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:65% center;filter:none}
.forge-home .home-project-card::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(2,8,11,.12) 25%,rgba(2,8,11,.9) 80%,var(--visual-bg))}
.forge-home .home-project-card.is-expanded::after{background:linear-gradient(90deg,rgba(2,8,11,.8),rgba(2,8,11,.18) 80%),linear-gradient(0deg,rgba(2,8,11,.94),transparent 70%)}
.forge-home .home-project-state{align-self:flex-start;position:absolute;top:var(--project-pad);left:var(--project-pad);right:var(--project-pad);width:fit-content;max-width:calc(100% - 2 * var(--project-pad));border:1px solid var(--project-border);padding:5px 8px;color:var(--visual-cyan);background:rgba(2,8,11,.78);font-size:10px;font-weight:700;line-height:1.4;text-transform:uppercase;letter-spacing:.04em}
.forge-home .home-project-copy{align-self:flex-end;width:100%;min-width:0}
.forge-home .home-project-copy h3{margin:0;font-size:inherit;line-height:inherit}
.forge-home .home-project-select{display:block;position:relative;width:100%;min-height:56px;padding:10px 22px 10px 0;border:0;background:transparent;color:var(--visual-text);text-align:left;cursor:pointer;font:inherit}
.forge-home .home-project-select:focus-visible{outline:2px solid var(--visual-cyan);outline-offset:4px}
.forge-home .home-project-title{display:block;font-size:18px;font-weight:800;line-height:1.18;overflow-wrap:normal}
.forge-home .is-expanded .home-project-title{font-size:clamp(28px,2.7vw,42px)}
.forge-home [data-project="sundered-faith"] .home-project-title{font-family:Georgia,serif;color:#f3d8b4;font-weight:500;letter-spacing:.02em}
.forge-home .home-project-kicker{display:block;margin-bottom:5px;font-size:10px;line-height:1.4;letter-spacing:.06em;color:var(--visual-cyan);text-transform:uppercase}
.forge-home [data-project="commander-shadowsun"] .home-project-art{object-position:left center}
.forge-home .home-project-affordance{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:24px;color:var(--visual-cyan)}
.forge-home .home-project-details[hidden]{display:none}
.forge-home .home-project-details{max-width:48ch}
.forge-home .home-project-tags{font-size:10px;line-height:1.6;text-transform:uppercase;letter-spacing:.09em;color:var(--visual-muted)}
.forge-home .home-project-summary{margin:8px 0 12px;font-size:13px;line-height:1.55;color:var(--visual-text)}
.forge-home .home-project-details .btn{min-height:42px;min-width:0;padding:0 14px;font-size:10px;color:var(--visual-text);border-color:var(--project-border)}
.forge-home .home-project-card.is-placeholder{background:radial-gradient(ellipse at 50% 35%,rgba(34,217,230,.09),transparent 60%),var(--visual-panel)}
.forge-home .home-project-unknown{position:absolute;left:50%;top:32%;width:62px;height:62px;display:grid;place-items:center;border:1px solid var(--visual-cyan);transform:translateX(-50%) rotate(45deg);color:var(--visual-muted)}
.forge-home .home-project-unknown span{transform:rotate(-45deg);font-size:32px;font-weight:700}
.forge-home .is-placeholder.is-expanded .home-project-unknown{top:70px;width:52px;height:52px}
.forge-home .home-news-section{padding:0 24px 20px;border-top:1px solid var(--project-border)}
.forge-home .home-news .news-list{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px) and (min-width:901px){
  .forge-home{--project-pad:12px;--project-gap:8px}
  .forge-home .home-project-title{font-size:15px}
}
@media(max-width:900px){
  .forge-home{--project-pad:16px;--project-gap:8px;--project-height:365px}
  .forge-home .home-lower{padding:8px 10px 14px}
  .forge-home .home-project-accordion{flex-direction:column}
  .forge-home .home-project-card{flex:none;height:104px;transition:height var(--project-duration) cubic-bezier(.2,.7,.2,1)}
  .forge-home .home-project-card.is-expanded{flex:none;height:var(--project-height)}
  .forge-home .home-project-card:not(.is-expanded) .home-project-state{top:10px;font-size:9px;padding:2px 6px}
  .forge-home .home-project-card:not(.is-expanded) .home-project-select{min-height:38px;padding:4px 28px 0 0}
  .forge-home .home-project-card:not(.is-expanded) .home-project-kicker{display:none}
  .forge-home .home-project-card:not(.is-expanded) .home-project-title{font-size:19px}
  .forge-home .home-project-card:not(.is-expanded) .home-project-art{object-position:65% 40%}
  .forge-home .home-project-card:not(.is-expanded)::after{background:linear-gradient(90deg,rgba(2,8,11,.9),rgba(2,8,11,.4))}
  .forge-home .is-placeholder:not(.is-expanded) .home-project-copy{padding-right:40px}
  .forge-home .is-placeholder:not(.is-expanded) .home-project-unknown{width:30px;height:30px;top:38px;left:auto;right:16px;transform:rotate(45deg)}
  .forge-home .is-placeholder:not(.is-expanded) .home-project-unknown span{font-size:20px}
  /* Длинный текст и системный шрифт не должны пересекать ромб на узком экране. */
  .forge-home .is-placeholder.is-expanded{height:auto;min-height:var(--project-height);padding-top:144px}
  .forge-home .home-news-section{padding:0 10px 16px}
  .forge-home .home-news .news-list{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.forge-home .home-project-card{transition:none!important}}
