.editorial-main { overflow: hidden; }
.editorial-shell { width: min(calc(100% - 48px), var(--max)); margin: 0 auto; }
.editorial-breadcrumbs { min-height: 64px; border-bottom: 1px solid var(--line); display: flex; align-items: center; gap: 9px; color: #747680; font: 700 9px var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.editorial-breadcrumbs a { text-underline-offset: 4px; }
.editorial-breadcrumbs span { color: var(--lime); }
.editorial-hero { min-height: 660px; padding: 76px 0 88px; display: grid; grid-template-columns: minmax(0, .9fr) minmax(390px, 1.1fr); align-items: center; gap: 82px; }
.editorial-kicker { margin: 0 0 20px; color: var(--lime); font: 800 10px var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.editorial-hero h1 { max-width: 720px; margin: 0; font: 900 clamp(70px, 8vw, 118px)/.82 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.editorial-hero h1 span { color: transparent; -webkit-text-stroke: 2px var(--blue); }
.editorial-lead { max-width: 620px; margin: 31px 0 0; color: #aaa9a3; font-size: 16px; line-height: 1.7; }
.editorial-actions { margin-top: 34px; display: flex; gap: 12px; }
.editorial-cover { border: 1px solid #3b3c45; position: relative; background: #17181e; box-shadow: 16px 16px 0 #06070a, 17px 17px 0 #30313a; transform: rotate(.8deg); }
.editorial-cover img { width: 100%; aspect-ratio: 1.36; display: block; object-fit: cover; }
.editorial-cover-copy { min-height: 110px; padding: 20px 22px; border-top: 1px solid #3b3c45; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.editorial-cover-copy span { color: #777981; font: 700 9px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.editorial-cover-copy strong { color: var(--lime); font: 900 26px var(--display); text-transform: uppercase; }
.editorial-strip { border-block: 1px solid var(--line); background: #15161c; }
.editorial-strip .editorial-shell { display: grid; grid-template-columns: repeat(3, 1fr); }
.editorial-strip p { min-height: 76px; margin: 0; padding: 18px 25px; display: flex; align-items: center; gap: 13px; color: #aaa9a3; font: 700 10px/1.4 var(--mono); text-transform: uppercase; }
.editorial-strip p:not(:first-child) { border-left: 1px solid var(--line); }
.editorial-strip strong { color: var(--blue); font: 900 24px var(--display); }
.editorial-section { padding: 120px 0; }
.editorial-section + .editorial-section { border-top: 1px solid var(--line); }
.editorial-heading { margin-bottom: 48px; display: grid; grid-template-columns: 1fr minmax(300px, 430px); align-items: end; gap: 60px; }
.editorial-heading h2 { margin: 0; font: 900 clamp(52px, 6vw, 84px)/.86 var(--display); letter-spacing: -.03em; text-transform: uppercase; }
.editorial-heading p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.editorial-player { border: 1px solid #393a43; background: #07080b; box-shadow: 12px 12px 0 #17181e; }
.editorial-player-bar { min-height: 46px; padding: 0 16px; border-bottom: 1px solid #393a43; display: flex; align-items: center; justify-content: space-between; color: #797b84; font: 700 9px var(--mono); letter-spacing: .08em; }
.editorial-player-bar b { color: var(--lime); }
.editorial-player iframe { width: 100%; aspect-ratio: 16/9; border: 0; display: block; background: #080910; }
.editorial-grid { border-top: 1px solid var(--line); border-left: 1px solid var(--line); display: grid; grid-template-columns: repeat(3, 1fr); }
.editorial-card { min-height: 270px; padding: 27px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.editorial-card > span { color: var(--blue); font: 700 9px var(--mono); }
.editorial-card h3 { margin: 70px 0 13px; font-size: 21px; }
.editorial-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
.editorial-note { padding: 40px 44px; border: 1px solid #3a3b43; display: grid; grid-template-columns: 170px 1fr; gap: 40px; background: #17181e; box-shadow: 8px 8px 0 var(--blue); }
.editorial-note strong { color: var(--lime); font: 800 10px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.editorial-note p { max-width: 790px; margin: 0; color: #b0afa9; font-size: 15px; line-height: 1.7; }
.editorial-related { padding: 110px 0; background: var(--paper); color: var(--ink); }
.editorial-related .editorial-heading p { color: #5c5b56; }
.editorial-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(11,12,16,.25); }
.editorial-related-card { min-height: 250px; padding: 26px; border-bottom: 1px solid rgba(11,12,16,.25); text-decoration: none; }
.editorial-related-card:not(:first-child) { border-left: 1px solid rgba(11,12,16,.25); }
.editorial-related-card span { color: var(--blue); font: 700 9px var(--mono); text-transform: uppercase; }
.editorial-related-card h3 { margin: 65px 0 10px; font: 900 32px var(--display); text-transform: uppercase; }
.editorial-related-card p { margin: 0; color: #62615c; font-size: 12px; line-height: 1.6; }
.editorial-related-card:hover { background: #e8e2d6; }
.catalog-hero { min-height: 540px; grid-template-columns: 1fr; }
.catalog-hero h1 { max-width: 1050px; }
.catalog-intro { max-width: 820px; padding: 27px 31px; border: 1px solid #373840; background: #15161c; box-shadow: 8px 8px 0 #050609; }
.catalog-intro p { margin: 0; color: #b0afa9; font-size: 15px; line-height: 1.7; }
.game-catalog { padding-bottom: 130px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.catalog-game-card { min-width: 0; border: 1px solid #34353d; display: flex; flex-direction: column; background: #121319; text-decoration: none; transition: transform .2s, border-color .2s; }
.catalog-game-card:hover { transform: translateY(-4px); border-color: var(--lime); }
.catalog-game-card img { width: 100%; aspect-ratio: 1.2; display: block; object-fit: cover; }
.catalog-game-copy { min-height: 145px; padding: 19px; border-top: 1px solid #34353d; display: flex; flex-direction: column; }
.catalog-game-copy span { color: #73757e; font: 700 8px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.catalog-game-copy h2 { margin: 27px 0 0; font: 900 27px var(--display); text-transform: uppercase; }
.catalog-game-copy b { margin-top: auto; padding-top: 14px; color: var(--lime); font: 700 9px var(--mono); text-transform: uppercase; }
.story-catalog { padding-bottom: 130px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.story-catalog-card { border: 1px solid #35363e; background: #121319; text-decoration: none; }
.story-catalog-card img { width: 100%; aspect-ratio: 1.45; display: block; object-fit: cover; object-position: top; }
.story-catalog-copy { min-height: 220px; padding: 25px; border-top: 1px solid #35363e; }
.story-catalog-copy span { color: var(--lime); font: 700 9px var(--mono); }
.story-catalog-copy h2 { margin: 48px 0 13px; font: 900 45px var(--display); text-transform: uppercase; }
.story-catalog-copy p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.story-catalog-card:hover { border-color: var(--lime); }
.story-proof img { aspect-ratio: 1.5; object-position: top; }

@media (max-width: 960px) {
  .editorial-hero { grid-template-columns: 1fr; gap: 60px; }
  .editorial-cover { max-width: 760px; }
  .editorial-heading { grid-template-columns: 1fr; gap: 24px; }
  .game-catalog { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
  .editorial-shell { width: min(calc(100% - 32px), var(--max)); }
  .editorial-breadcrumbs { white-space: nowrap; overflow-x: auto; }
  .editorial-hero { min-height: 0; padding: 58px 0 72px; gap: 48px; }
  .editorial-hero h1 { font-size: clamp(48px, 16vw, 64px); line-height: .9; }
  .editorial-lead { font-size: 15px; }
  .editorial-actions { align-items: stretch; flex-direction: column; }
  .editorial-actions .button { width: 100%; }
  .editorial-cover { transform: none; box-shadow: 7px 7px 0 #06070a; }
  .editorial-strip .editorial-shell { grid-template-columns: 1fr; }
  .editorial-strip p:not(:first-child) { border-left: 0; border-top: 1px solid var(--line); }
  .editorial-section { padding: 88px 0; }
  .editorial-heading h2 { font-size: 56px; }
  .editorial-player { box-shadow: 6px 6px 0 #17181e; }
  .editorial-grid { grid-template-columns: 1fr; }
  .editorial-card { min-height: 220px; }
  .editorial-card h3 { margin-top: 48px; }
  .editorial-note { padding: 29px 25px; grid-template-columns: 1fr; gap: 17px; box-shadow: 6px 6px 0 var(--blue); }
  .editorial-related { padding: 85px 0; }
  .editorial-related-grid { grid-template-columns: 1fr; }
  .editorial-related-card { min-height: 190px; padding-inline: 0; }
  .editorial-related-card:not(:first-child) { border-left: 0; }
  .editorial-related-card h3 { margin-top: 42px; }
  .catalog-hero { min-height: 0; }
  .catalog-intro { padding: 23px; }
  .game-catalog, .story-catalog { padding-bottom: 90px; grid-template-columns: 1fr; }
  .story-catalog-copy h2 { font-size: 39px; }
}