/* September–December poster. Scoped to this page; shared navigation stays intact. */
.season-roadmap-page { background: #131e12; }
.season-roadmap-page::before { display: none; }
.season-roadmap-page.has-staff-ticker { padding-bottom: 0; }
.season-roadmap-page .staff-ticker, .season-roadmap-page .scroll-controls { display: none; }
.season-roadmap {
  --paper: #d9c89d;
  --ink: #2e2418;
  --metal: #746950;
  --display: 'Cinzel', Georgia, serif;
  --story: 'IM Fell English', Georgia, serif;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: calc(100vh - 92px);
  background: linear-gradient(180deg, #161c220d 0%, #11211120 50%, #081109cc 100%), url('/assets/roadmap/campfire-forest-20260927.png') center top / cover no-repeat;
  color: #efdfb8;
}
.roadmap-poster { position: relative; max-width: 1920px; margin: 0 auto; padding: 45px 34px 0; }
.season-heading { position: relative; z-index: 4; width: max-content; max-width: 100%; margin: 0 auto 24px; text-align: center; filter: drop-shadow(0 8px 5px #0007); }
.season-crest { width: 102px; height: 102px; object-fit: contain; margin: 0 auto -18px; position: relative; z-index: 2; filter: drop-shadow(0 0 15px #ad59c278); }
.season-title { position: relative; margin: 0; padding: 14px 32px 12px; border: 5px ridge #817255; background: repeating-linear-gradient(0deg, #0000 0 5px, #00000010 6px 7px), linear-gradient(110deg, #302b20, #655239 50%, #302b20); clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0 50%); color: #f2cf6c; font: 900 clamp(30px, 2.6vw, 51px)/1 var(--display); letter-spacing: .01em; text-shadow: 1px 2px #44290b, 0 3px 0 #a27a28, 0 5px 6px #000; }
.season-title span { font-size: .54em; vertical-align: .12em; }
.season-subtitle { position: relative; display: table; margin: 3px auto 0; padding: 4px 23px 6px; background: linear-gradient(#63513c, #302820); border: 2px ridge #8e7855; color: #efbb65; font: 800 20px/1.3 var(--display); letter-spacing: .1em; text-shadow: 1px 2px #241308; transform: rotate(-1deg); }
.season-range { margin: 10px 0 0; color: #fff0c6; font: 700 11px/1.3 var(--display); letter-spacing: .18em; text-shadow: 0 2px 4px #000; }
.milestones { --art-height: clamp(215px, 16.2vw, 310px); --gap: 25px; display: grid; grid-template-columns: 1.14fr repeat(4, 1fr) 1.14fr; align-items: stretch; gap: var(--gap); position: relative; margin: 0 0 0; padding-top: 22px; }
.milestone { min-width: 0; position: relative; display: flex; flex-direction: column; border: 9px ridge #80765c; background: #4d4839; box-shadow: 0 5px 7px #0009, inset 0 0 0 2px #271f14; }
.milestone:first-child, .milestone:last-child { margin-top: -45px; }
.milestone-art { position: relative; height: var(--art-height); flex-shrink: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 11px; overflow: hidden; padding: 18px 7px; text-align: center; background-color: #122d36; box-shadow: inset 0 0 26px #0009; }
.milestone:first-child .milestone-art, .milestone:last-child .milestone-art { height: calc(var(--art-height) + 45px); }
.milestone-art::after { content: ''; position: absolute; inset: 0; z-index: 0; background: linear-gradient(180deg, #0001, transparent 40%, #0007); pointer-events: none; }
.milestone-art > :not(.boss-art) { z-index: 1; }
.milestone-art { container-type: inline-size; }
.milestone-art h2 { position: relative; margin: 0; font: 900 clamp(23px, 2vw, 39px)/1.07 var(--display); letter-spacing: -.035em; color: #eedbab; text-shadow: 0 2px #785c31, 2px 4px 2px #17120b, 0 0 20px #000; }
.milestone-art h2 span { font-size: .77em; }
.art-kicker { position: relative; font: 700 10px/1.4 var(--display); letter-spacing: .08em; color: #ffebc0; text-shadow: 0 2px 4px #000; }
.art-tag { position: relative; max-width: 96%; font: 700 clamp(10px, .82vw, 16px)/1.3 var(--display); color: #f7e5ba; text-shadow: 0 2px 3px #000; }
.art-rule { display: block; width: 70%; height: 3px; background: linear-gradient(90deg, transparent, #f0d28a, transparent); box-shadow: 0 2px 3px #000; }
.milestone-september .milestone-art { justify-content: flex-end; background: radial-gradient(ellipse at 50% 28%, #653b67, #26081b 65%, #130b0b); padding-bottom: 23px; }
.boss-art { position: absolute; width: 110%; max-width: none; height: 75%; object-fit: contain; top: -9%; left: -5%; opacity: .8; filter: drop-shadow(0 6px 8px #130313); }
.milestone-september .milestone-art h2 { font-size: clamp(25px, 2.3vw, 44px); color: #f1c997; }
.milestone-september .art-kicker { background: #21121cc9; border: 1px solid #a678485c; padding: 4px 8px; }
.milestone-realism .milestone-art { background: linear-gradient(180deg, #102d30a8, #081821a8), url('/assets/roadmap/wilderness-roadmap-background-2026.png') 48% 40% / cover; }
.milestone-realism .milestone-art h2 { color: #d6e7d0; text-shadow: 0 2px #668471, 2px 4px 2px #071b14, 0 0 15px #00140c; }
.milestone-firstperson .milestone-art { background: linear-gradient(180deg, #1d416155, #07182cbf), url('/assets/client-slayora-home.png') center / cover; }
.viewfinder { position: absolute; inset: 28px 20px; border: 1px solid #cfe5df43; }
.viewfinder::before, .viewfinder::after { position: absolute; content: ''; width: 15px; height: 15px; border: 2px solid #e7efe394; }
.viewfinder::before { left: -2px; top: -2px; border-right: 0; border-bottom: 0; }
.viewfinder::after { right: -2px; bottom: -2px; border-left: 0; border-top: 0; }
.viewfinder i { position: absolute; left: calc(50% - 8px); top: 12%; width: 16px; height: 16px; border: 1px solid #ebefd69c; border-radius: 50%; }
.viewfinder i::before, .viewfinder i::after { content: ''; position: absolute; background: #ebefd69c; }
.viewfinder i::before { height: 1px; width: 26px; left: -6px; top: 6px; }
.viewfinder i::after { width: 1px; height: 26px; top: -6px; left: 6px; }
.milestone-video .milestone-art { background: radial-gradient(ellipse at 50% 25%, #53402988, #0a1119d9 80%), repeating-conic-gradient(#46412d55 0% 25%, #15201e55 0% 50%) 0 0 / 36px 36px, #18201d; }
.video-emblem { position: absolute; top: 10px; width: 42%; height: 94px; color: #ba9848; opacity: .42; }
.milestone-video .milestone-art h2 { margin-top: 32px; font-size: clamp(21px, 1.75vw, 34px); }
.milestone-deadman .milestone-art { gap: 0; background: radial-gradient(ellipse at 50% 40%, #265465, #0b1c25 82%); }
.deadman-emblem { aspect-ratio: 149 / 135; width: 149px; max-width: 85%; flex-shrink: 0; background: url('/assets/roadmap/deadman-clean-20260927.png') center / contain no-repeat; }
.milestone-deadman .deadman-emblem { width: clamp(100px, 10vw, 177px); margin-top: -15px; margin-bottom: 4px; filter: drop-shadow(0 5px 5px #0008); }
.milestone-deadman .milestone-art h2 { font-size: clamp(22px, 1.8vw, 35px); color: #bce1d9; }
.milestone-december .milestone-art { background: linear-gradient(180deg, #091b1959, #071711c9), url('/assets/roadmap/winter-roadmap-background-2026-10-05.png') 50% 30% / cover; }
.milestone-december .milestone-art h2 { color: #d9e8c5; font-size: clamp(30px, 2.65vw, 51px); }
.winter-sigil { position: absolute; top: 5px; font-size: 116px; line-height: 1.3; color: #b9d7c599; text-shadow: 0 0 35px #c4efe880; }
.milestone-month { position: relative; z-index: 3; display: grid; place-items: center; height: 45px; flex: 0 0 45px; margin: 0 -10px; border-top: 4px ridge #8e8876; border-bottom: 4px ridge #8e8876; background: linear-gradient(#615b4c, #3d392f 70%, #504c40); color: #ffbd64; font: 900 clamp(12px, 1.16vw, 23px)/1 var(--display); text-transform: uppercase; text-shadow: 1px 2px #6c3014, 0 2px 4px #000; }
.milestone:not(:last-child) .milestone-month::after { content: ''; position: absolute; top: -4px; bottom: -4px; left: 100%; width: calc(var(--gap) + 3px); border-top: 4px ridge #8e8876; border-bottom: 4px ridge #8e8876; background: linear-gradient(#615b4c, #3d392f 70%, #504c40); }
.milestone-month::before { content: ''; position: absolute; left: 2px; width: 10px; height: 10px; border: 2px solid #353630; background: radial-gradient(circle at 35% 25%, #a4aaa5, #686e68 40%, #454841); border-radius: 50%; box-shadow: 1px 1px 2px #000; }
.milestone-paper { position: relative; min-height: 239px; flex: 1; padding: 19px 13px 17px; text-align: center; color: var(--ink); font: 18px/1.22 var(--story); background: radial-gradient(ellipse at 26% 14%, #f7e8ba88, transparent 60%), radial-gradient(ellipse at 75% 70%, #9c885827, transparent 60%), #d4c39a; box-shadow: inset 0 0 20px 6px #65583d88, inset 0 0 3px 1px #382e1a; }
.milestone-paper::after { content: ''; position: absolute; inset: 0; z-index: 0; opacity: .17; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23715a36' opacity='.65' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"); pointer-events: none; }
.milestone-paper > * { position: relative; z-index: 1; }
.milestone-paper, .update-panel { overflow-wrap: anywhere; }
.milestone-paper p { margin: 0 0 15px; }
.milestone-paper p:last-child { margin-bottom: 0; }
.milestone-paper ul { list-style: none; padding: 0; margin: 0; }
.milestone-paper li { margin-bottom: 14px; }
.paper-feature { font-size: 20px; }
.milestone-paper .roadmap-status { display: flex; align-items: flex-start; justify-content: center; gap: .35em; }
.roadmap-status > [data-season] { min-width: 0; }
.roadmap-status-icon { display: inline-flex; flex: 0 0 .9em; width: .9em; height: 1.22em; align-items: center; justify-content: center; font: 900 1em/1.22 Arial, sans-serif; }
.roadmap-status-icon.is-complete { color: #226b2e; }
.roadmap-status-icon.is-pending { color: #88601e; }
.roadmap-status-icon svg { display: block; width: 100%; height: 1em; }
.paper-link { display: inline-block; color: #453516; font: 700 10px/1.4 var(--display); text-decoration: underline; text-underline-offset: 3px; }
.paper-link:hover { color: #792b19; }
.coming-soon { font-size: 27px; font-style: italic; }
.paper-flourish { display: block; margin: 16px auto; color: #87734b; font-size: 12px; }
.frame-corners { position: absolute; z-index: 5; inset: -10px; pointer-events: none; background: linear-gradient(135deg, #c1cebd, #4d645f 47%, #8caa9a 51%, #44554b) left top / 17px 17px no-repeat, linear-gradient(225deg, #c1cebd, #4d645f 47%, #8caa9a 51%, #44554b) right top / 17px 17px no-repeat, linear-gradient(45deg, #c1cebd, #4d645f 47%, #8caa9a 51%, #44554b) left bottom / 17px 17px no-repeat, linear-gradient(315deg, #c1cebd, #4d645f 47%, #8caa9a 51%, #44554b) right bottom / 17px 17px no-repeat; }
.more-heading { position: relative; margin: 26px 0 18px; text-align: center; color: #f0e1b8; font: 900 38px/1.1 var(--display); text-transform: uppercase; letter-spacing: -.03em; text-shadow: 2px 4px 2px #101609; }
.updates-rail { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border: 10px ridge #4d5652; box-shadow: 0 5px 6px #0008; background: #151e20; }
.updates-rail::before, .updates-rail::after { content: ''; position: absolute; z-index: 2; height: 5px; left: -8px; right: -8px; background: radial-gradient(circle, #a1a7a1 0 1px, #222824 2px, transparent 3px) 0 0 / 17px 5px; pointer-events: none; }
.updates-rail::before { top: -7px; }
.updates-rail::after { bottom: -7px; }
.update-panel { min-width: 0; display: flex; align-items: center; gap: 13px; min-height: 145px; padding: 18px 16px; border-right: 3px ridge #788078; background: #353a20; }
.update-panel:last-child { border-right: 0; }
.update-panel h3 { font: 900 clamp(15px, 1.4vw, 27px)/1.02 var(--display); color: #ece0b5; margin: 0; text-transform: uppercase; text-shadow: 2px 3px 1px #17170a; }
.update-panel > h3 { padding-right: 12px; border-right: 1px solid #c0b58b99; flex-shrink: 0; }
.update-panel ul { list-style: none; margin: 0; padding: 0; font: clamp(13px, 1.04vw, 20px)/1.2 var(--story); color: #ebdfba; text-shadow: 0 2px 1px #111; }
.update-panel li + li { margin-top: 6px; }
.update-client { background: radial-gradient(ellipse at top left, #77784b44, transparent), #3c3d23; }
.update-polish { background: radial-gradient(ellipse at center, #672d1e, #300e0e); }
.update-deadman { background: radial-gradient(ellipse at top right, #2e4555, #172c37); }
.update-community { background: radial-gradient(ellipse at bottom left, #463258, #1b1b1b); }
.update-panel .deadman-emblem { width: 110px; max-width: 38%; }
.update-panel img { width: 85px; height: 85px; max-width: 30%; object-fit: contain; }
.update-copy { padding-left: 13px; border-left: 1px solid #c0b58b99; }
.update-copy strong { display: block; margin-bottom: 7px; color: #ffb25a; font: 800 14px/1.2 var(--display); text-transform: uppercase; }
.update-copy h3 { font-size: clamp(13px, 1.05vw, 20px); line-height: 1.2; }
.update-copy p { margin: 6px 0 0; color: #e6c597; font: 17px/1.2 var(--story); }
.roadmap-footer { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px 26px; padding: 22px 0 21px; color: #c9c5ac; font: 11px/1.4 'Inter', sans-serif; }
.roadmap-footer a { color: #e9dfbc; text-decoration: none; }
.roadmap-footer a:hover { text-decoration: underline; }
.season-roadmap a:focus-visible { outline: 3px solid #825017; outline-offset: 5px; }
.roadmap-footer a:focus-visible { outline-color: #f5d88d; }
@media (min-width: 1600px) { .milestone-paper { min-height: 252px; padding-top: 22px; font-size: 20px; } .milestone-paper li { margin-bottom: 15px; } }
@media (max-width: 1199px) {
  .roadmap-poster { padding: 37px 25px 0; }
  .season-heading { margin-bottom: 32px; }
  .milestones { --gap: 24px; --art-height: 245px; grid-template-columns: repeat(3, 1fr); gap: 30px var(--gap); padding: 0; }
  .milestone:first-child, .milestone:last-child { margin-top: 0; }
  .milestone:first-child .milestone-art, .milestone:last-child .milestone-art { height: var(--art-height); }
  .milestone:nth-child(3) .milestone-month::after { display: none; }
  .milestone-art h2, .milestone-september .milestone-art h2 { font-size: 35px; }
  .milestone-video .milestone-art h2, .milestone-deadman .milestone-art h2 { font-size: 31px; }
  .milestone-december .milestone-art h2 { font-size: 40px; }
  .milestone-month { font-size: 19px; }
  .milestone-paper { min-height: 227px; font-size: 19px; padding: 19px 17px; }
  .art-tag { font-size: 13px; }
  .milestone-deadman .deadman-emblem { width: 137px; }
  .updates-rail { grid-template-columns: repeat(2, 1fr); }
  .update-panel { min-height: 151px; }
  .update-panel:nth-child(2) { border-right: 0; }
  .update-panel:nth-child(-n+2) { border-bottom: 3px ridge #788078; }
  .update-panel h3 { font-size: 22px; }
  .update-panel ul { font-size: 18px; }
  .update-copy h3 { font-size: 19px; }
}
@media (max-width: 700px) {
  .season-roadmap { background-size: auto 100%; }
  .roadmap-poster { padding: 25px 18px 0; }
  .season-heading { margin-bottom: 26px; }
  .season-crest { width: 91px; height: 91px; }
  .season-title { font-size: 33px; padding-inline: 26px; }
  .season-subtitle { font-size: 17px; }
  .season-range { font-size: 10px; }
  .milestones { --gap: 18px; --art-height: 220px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 23px var(--gap); }
  .milestone { border-width: 7px; }
  .milestone-art { padding-inline: 5px; }
  .milestone-art h2, .milestone-september .milestone-art h2 { font-size: 27px; }
  .milestone-video .milestone-art h2, .milestone-deadman .milestone-art h2 { font-size: 24px; }
  .milestone-december .milestone-art h2 { font-size: 33px; }
  .milestone-paper { min-height: 247px; padding: 17px 11px; font-size: 18px; }
  .milestone-paper li { margin-bottom: 13px; }
  .milestone-month { margin-inline: -8px; font-size: 15px; }
  .milestone:nth-child(3) .milestone-month::after { display: block; }
  .milestone:nth-child(even) .milestone-month::after { display: none; }
  .milestone-month::before { width: 7px; height: 7px; left: 2px; }
  .frame-corners { inset: -8px; }
  .art-kicker { font-size: 8px; }
  .art-tag { font-size: 10px; }
  .viewfinder { inset: 18px 12px; }
  .video-emblem { top: 5px; width: 60%; }
  .coming-soon { font-size: 24px; }
  .paper-feature { font-size: 19px; }
  .more-heading { font-size: 32px; margin-top: 28px; }
  .updates-rail { grid-template-columns: 1fr; border-width: 8px; }
  .update-panel { min-height: 139px; gap: 18px; padding: 17px 18px; border-right: 0; border-bottom: 3px ridge #788078; }
  .update-panel:last-child { border-bottom: 0; }
  .update-panel > h3 { width: 103px; padding-right: 13px; font-size: 22px; }
  .update-panel ul { font-size: 18px; }
  .update-panel .deadman-emblem { width: 103px; }
  .update-panel img { width: 103px; height: 103px; }
  .update-copy { padding-left: 15px; }
  .roadmap-footer { font-size: 10px; column-gap: 16px; }
}
@media (max-width: 374px) {
  .milestones { grid-template-columns: 1fr; --art-height: 230px; }
  .milestone-paper { min-height: 0; padding: 22px; }
  .milestone:not(:last-child) .milestone-month::after { display: none; }
  .milestone-art h2, .milestone-september .milestone-art h2 { font-size: 34px; }
  .season-title { font-size: 29px; padding-inline: 21px; }
  .update-panel { padding-inline: 10px; gap: 12px; }
}
html:not([lang="en"]) .milestone-december .milestone-art h2 { font-size: clamp(18px, 11cqi, 35px); }
html:not([lang="en"]) .milestone-september .milestone-art h2 { font-size: clamp(20px, 13cqi, 40px); }
@media (max-width: 700px) {
  html:not([lang="en"]) .update-panel > h3[data-season] { font-size: 18px; }
}
.season-roadmap-page .site-footer-links { min-width: 0; }

/* Summoning replaces the former First Person card; Realism keeps its features. */
.milestone-summoning .milestone-art { background: radial-gradient(ellipse at top, #45345e, #100d18 80%); }
.summoning-art { position: absolute; top: 5px; left: 3%; width: 94%; height: 55%; object-fit: contain; }
.milestone-summoning .milestone-art h2 { position: absolute; left: 5px; right: 5px; bottom: 43px; font-size: clamp(16px, 10.5cqi, 29px); line-height: 1.1; }
.milestone-summoning .art-tag { position: absolute; left: 5px; right: 5px; bottom: 15px; margin: auto; }
.milestone-paper .realism-features { margin: 0 0 15px; padding: 0; list-style: none; font-weight: 400; }
.milestone-paper .realism-features li { margin: 0 0 7px; }
.milestone-paper .realism-features li:last-child { margin-bottom: 0; }

/* Roadmap content refresh; retain the original six-card poster and navigation. */
.milestone-september .godmode-art { inset: 0; width: 100%; height: 72%; object-fit: cover; object-position: center 18%; opacity: 1; }
.milestone-september .godmode-wordmark { position: absolute; top: 31%; left: 4%; width: 92%; height: 18%; object-fit: contain; filter: drop-shadow(0 2px 3px #000); }
.milestone-september .milestone-art::after { background: linear-gradient(180deg, transparent 22%, #16091344 42%, #160913df 68%, #160913 100%); }
.milestone-realism .milestone-art { justify-content: flex-end; padding-bottom: 20px; background: radial-gradient(ellipse at 50% 24%, #7133a34d, transparent 60%), linear-gradient(#180d2f99, #100e1deb), url('/assets/roadmap/wilderness-roadmap-background-2026.png') center / cover; }
.realism-ironman { position: absolute; top: 18px; left: 50%; transform: translateX(-50%); width: clamp(64px, 5vw, 92px); height: clamp(64px, 5vw, 92px); object-fit: contain; image-rendering: pixelated; filter: brightness(1.7) sepia(1) hue-rotate(210deg) saturate(4) drop-shadow(0 3px 5px #000b); }
.milestone-realism .milestone-art h2 { color: #e9d6ff; text-shadow: 0 2px #684689, 2px 4px 2px #160921, 0 0 15px #170825; }
.milestone-video .milestone-art { background: radial-gradient(ellipse at top, #4f214d, #140d1c 75%); }
.video-brand-art { position: absolute; top: 6px; left: 3%; width: 94%; height: 65%; object-fit: contain; }
.milestone-video .milestone-art h2 { position: absolute; bottom: 17px; left: 5px; right: 5px; margin: 0; font-size: clamp(20px, 1.7vw, 29px); line-height: 1.08; }
.milestone-paper .video-prize { font-weight: 400; }
.update-community img { width: 110px; height: 100px; max-width: 35%; object-fit: contain; }
.milestone-december .milestone-art { justify-content: flex-end; padding-bottom: 27px; background: linear-gradient(#132e4144, #071723e6), url('/assets/roadmap/winter-roadmap-background-2026-10-05.png') center / cover; }
.sailing-art { position: absolute; top: 7px; left: 4%; width: 92%; height: 62%; object-fit: contain; }
.milestone-december .milestone-art h2 { font-size: clamp(29px, 2.5vw, 45px); }
.october-highlights { position: relative; margin: 34px 0 0; border: 9px ridge #80765c; background: #d4c39a; box-shadow: 0 5px 7px #0009, inset 0 0 16px #65583d88; }
.october-highlights-title { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 24px; margin: 0; padding: 13px 18px; color: #ffbd64; background: linear-gradient(#615b4c, #3d392f 70%, #504c40); border-bottom: 4px ridge #8e8876; font: 900 23px/1.2 var(--display); text-align: center; text-shadow: 1px 2px #6c3014, 0 2px 4px #000; }
.october-highlights-title time { text-transform: uppercase; }
.october-highlights-title span { color: #f0dfb7; font: 18px/1.3 var(--story); text-shadow: 0 2px 3px #000; }
.october-highlights-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; padding: 0; margin: 0; }
.october-highlights-list li { display: grid; place-items: center; min-height: 104px; padding: 20px 15px; color: #302315; font: 800 clamp(17px, 1.35vw, 24px)/1.35 var(--display); text-align: center; border-right: 3px ridge #8e7b53; background: radial-gradient(ellipse at top, #f7e8ba77, transparent 75%); overflow-wrap: anywhere; }
.october-highlights-list li:last-child { border-right: 0; }
@media (max-width: 1199px) {
  .realism-ironman { width: 82px; height: 82px; }
  .october-highlights-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .october-highlights-list li:nth-child(2) { border-right: 0; }
  .october-highlights-list li:nth-child(-n+2) { border-bottom: 3px ridge #8e7b53; }
}
@media (max-width: 700px) {
  .milestone-september .godmode-wordmark { top: 26%; height: 20%; }
  .milestone-realism .milestone-art { gap: 8px; padding-bottom: 15px; }
  .realism-ironman { width: 68px; height: 68px; }
  .milestone-video .milestone-art h2 { font-size: 21px; bottom: 13px; }
  .milestone-december .milestone-art h2 { font-size: 29px; }
  .october-highlights { margin-top: 27px; border-width: 7px; }
  .october-highlights-title { font-size: 20px; padding: 11px; }
  .october-highlights-title span { font-size: 17px; }
  .october-highlights-list { grid-template-columns: 1fr; }
  .october-highlights-list li { min-height: 75px; border-right: 0; border-bottom: 3px ridge #8e7b53; font-size: 20px; }
  .october-highlights-list li:last-child { border-bottom: 0; }
}
.season-roadmap-page .site-footer-column { overflow-wrap: anywhere; }
@media (min-width: 841px) {
  .season-roadmap-page .topbar-tools { position: absolute; top: 112px; left: 25px; transform: none; }
  .season-roadmap-page .locale-switcher { width: auto; }
  .season-roadmap-page .locale-options { flex-direction: row; }
}
@media (max-width: 1199px) {
  .season-roadmap-page .site-footer-column h2 { font-size: 12px; letter-spacing: .06em; }
}
@media (min-width: 841px) and (max-width: 1199px) {
  .season-roadmap-page .topbar { padding-inline: 12px; }
  .season-roadmap-page .nav-group { gap: 0; }
  .season-roadmap-page .nav-center-gap { flex-basis: 90px; }
  .season-roadmap-page .crest-brand img { width: 90px; }
  .season-roadmap-page .nav a, .season-roadmap-page .nav-dropdown-trigger { font-size: 11px; padding-inline: 6px; letter-spacing: .015em; }
}