/*
 * 官网首页的排版结构规则。
 * 需求说明：正式首页使用第一版排版，保留同一套结构选择器以兼容现有页面内容，文件与布局预览目录解耦。
 */

/* 01 清风序章：连续编辑长卷，分服以宽幅图文交替展开。 */
body[data-layout="01"] .hero { background-image: url('assets/hero-tech.png'); }
body[data-layout="01"] .hero-copy { align-self: center; }
body[data-layout="01"] .intro-layout { grid-template-columns: 1.2fr 0.8fr; }
body[data-layout="01"] .world-list { display: grid; grid-template-columns: 1fr; gap: 108px; }
body[data-layout="01"] .world { display: grid; grid-template-columns: 1.35fr 0.65fr; gap: 58px; align-items: center; }
body[data-layout="01"] .world:nth-child(even) { grid-template-columns: 0.65fr 1.35fr; }
body[data-layout="01"] .world:nth-child(even) figure { grid-column: 2; }
body[data-layout="01"] .world:nth-child(even) .world-copy { grid-column: 1; grid-row: 1; }
body[data-layout="01"] .world figure { aspect-ratio: 16 / 9; margin: 0; }
body[data-layout="01"] .world-copy { max-width: 420px; }
body[data-layout="01"] .values { padding-top: 70px; }

/* 02 群岛图鉴：大小不一的图像块组成地图式目录，强化三服之间的主次层级。 */
body[data-layout="02"] .hero { background-image: url('assets/legacy-hero-03.jpg'); background-position: center 42%; }
body[data-layout="02"] .hero-inner { grid-template-columns: 0.72fr 1.28fr; }
body[data-layout="02"] .hero-copy { grid-column: 2; justify-self: end; text-align: right; }
body[data-layout="02"] .hero-lead { margin-left: auto; }
body[data-layout="02"] .hero-actions { justify-content: flex-end; }
body[data-layout="02"] .hero-facts { grid-column: 1; grid-row: 1; justify-self: start; }
body[data-layout="02"] .intro-layout { grid-template-columns: repeat(12, 1fr); }
body[data-layout="02"] .intro-layout .section-heading { grid-column: 1 / 8; }
body[data-layout="02"] .intro-copy { grid-column: 8 / -1; }
body[data-layout="02"] .intro-numbers { grid-column: 4 / -1; }
body[data-layout="02"] .world-list { grid-template-columns: repeat(12, 1fr); gap: 48px 26px; align-items: start; }
body[data-layout="02"] .world-gtnh { grid-column: 1 / 8; }
body[data-layout="02"] .world-leisure { grid-column: 8 / -1; padding-top: 110px; }
body[data-layout="02"] .world-annihilation { grid-column: 3 / 11; display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 40px; align-items: end; }
body[data-layout="02"] .world-annihilation figure { margin: 0; }
body[data-layout="02"] .team-layout { grid-template-columns: 1fr; }
body[data-layout="02"] .team .section-heading { margin-left: 25%; }
body[data-layout="02"] .team-list { grid-template-columns: 1.25fr 0.85fr 0.85fr; align-items: start; }
body[data-layout="02"] .member:nth-child(2), body[data-layout="02"] .member:nth-child(3) { padding-top: 70px; }

/* 03 世界剧场：三服使用整屏场景章节，文字直接叠在画面上。 */
body[data-layout="03"] .hero { background-image: url('assets/realm-annihilation.png'); background-position: center top; }
body[data-layout="03"] .hero-copy { max-width: 920px; margin: auto; text-align: center; }
body[data-layout="03"] .hero-lead { margin-right: auto; margin-left: auto; }
body[data-layout="03"] .hero-actions { justify-content: center; }
body[data-layout="03"] .hero-facts { display: none; }
body[data-layout="03"] .intro-layout { grid-template-columns: 1fr; max-width: 900px; text-align: center; }
body[data-layout="03"] .intro-copy { max-width: 740px; justify-self: center; }
body[data-layout="03"] .intro-copy .inline-link { margin-right: auto; margin-left: auto; }
body[data-layout="03"] .intro-numbers { max-width: 680px; width: 100%; justify-self: center; }
body[data-layout="03"] .worlds .section-shell { width: 100%; }
body[data-layout="03"] .worlds-heading { width: min(var(--shell), calc(100% - 56px)); margin: 0 auto 54px; }
body[data-layout="03"] .world-list { display: block; }
body[data-layout="03"] .world { position: relative; display: grid; min-height: 610px; align-items: end; overflow: hidden; color: #fff; isolation: isolate; }
body[data-layout="03"] .world::after { position: absolute; inset: 0; z-index: -1; content: ""; background: rgba(6, 18, 17, 0.58); }
body[data-layout="03"] .world figure { position: absolute; inset: 0; z-index: -2; aspect-ratio: auto; margin: 0; border-radius: 0; }
body[data-layout="03"] .world figure img { width: 100%; height: 100%; }
body[data-layout="03"] .world-copy { width: min(520px, calc(100% - 56px)); margin-left: max(28px, calc((100% - var(--shell)) / 2)); padding: 100px 0 74px; }
body[data-layout="03"] .world:nth-child(even) .world-copy { margin-right: max(28px, calc((100% - var(--shell)) / 2)); margin-left: auto; }
body[data-layout="03"] .world-copy h3 { font-size: 48px; }
body[data-layout="03"] .world-copy > p:not(.world-number), body[data-layout="03"] .world-copy ul { color: rgba(255, 255, 255, 0.8); }
body[data-layout="03"] .world-copy li::before { color: #bfe4da; }
body[data-layout="03"] .values-layout { grid-template-columns: 1fr; }
body[data-layout="03"] .value-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
body[data-layout="03"] .value-list li { grid-template-columns: 1fr; border-bottom: 1px solid var(--line); }

/* 04 科技档案：窄标签、参数行与紧凑图片组成偏技术文档的阅读结构。 */
body[data-layout="04"] { --shell: 1120px; }
body[data-layout="04"] .hero { min-height: 650px; background-image: url('assets/realm-gtnh.png'); }
body[data-layout="04"] .hero-scrim { background: rgba(8, 20, 18, 0.64); }
body[data-layout="04"] .hero-copy h1 { font-size: 62px; }
body[data-layout="04"] .hero-kicker, body[data-layout="04"] .section-index, body[data-layout="04"] .world-number { font-family: Consolas, "Microsoft YaHei", monospace; }
body[data-layout="04"] .section-space { padding: 92px 0; }
body[data-layout="04"] .intro-layout { grid-template-columns: 180px 1fr; gap: 38px 66px; }
body[data-layout="04"] .intro-layout .section-heading { display: contents; }
body[data-layout="04"] .intro-layout .section-index { grid-column: 1; }
body[data-layout="04"] .intro-layout h2 { grid-column: 2; font-size: 38px; }
body[data-layout="04"] .intro-copy { grid-column: 2; }
body[data-layout="04"] .intro-numbers { grid-column: 2; }
body[data-layout="04"] .worlds-heading, body[data-layout="04"] .team .section-heading, body[data-layout="04"] .updates .section-heading { display: grid; grid-template-columns: 160px 1fr; column-gap: 38px; max-width: none; }
body[data-layout="04"] .worlds-heading > *:not(.section-index), body[data-layout="04"] .team .section-heading > *:not(.section-index), body[data-layout="04"] .updates .section-heading > *:not(.section-index) { grid-column: 2; }
body[data-layout="04"] .worlds-heading .section-index, body[data-layout="04"] .team .section-heading .section-index, body[data-layout="04"] .updates .section-heading .section-index { grid-row: 1 / 4; }
body[data-layout="04"] .world-list { grid-template-columns: 1fr; gap: 0; }
body[data-layout="04"] .world { display: grid; grid-template-columns: 210px 1fr; gap: 42px; align-items: center; padding: 34px 0; border-top: 1px solid var(--line); }
body[data-layout="04"] .world:last-child { border-bottom: 1px solid var(--line); }
body[data-layout="04"] .world figure { aspect-ratio: 1; margin: 0; }
body[data-layout="04"] .world-copy { display: grid; grid-template-columns: 110px 1fr; column-gap: 22px; }
body[data-layout="04"] .world-copy > * { grid-column: 2; }
body[data-layout="04"] .world-copy .world-number { grid-column: 1; grid-row: 1 / 6; }
body[data-layout="04"] .values-layout { grid-template-columns: 230px 1fr; }
body[data-layout="04"] .team-layout, body[data-layout="04"] .updates-layout { grid-template-columns: 1fr; }
body[data-layout="04"] .team-list { margin-left: 198px; }
body[data-layout="04"] .update-list { margin-left: 198px; }

/* 05 全景长卷：大比例横向图片配窄幅说明，构成连续旅行记录。 */
body[data-layout="05"] .hero { min-height: 900px; background-image: url('assets/gtnh-showcase.png'); }
body[data-layout="05"] .hero-inner { align-items: center; }
body[data-layout="05"] .intro-layout { grid-template-columns: 1fr; max-width: 980px; }
body[data-layout="05"] .intro-copy { max-width: 760px; margin-left: auto; }
body[data-layout="05"] .intro-numbers { margin-top: 40px; }
body[data-layout="05"] .world-list { grid-template-columns: 1fr; gap: 130px; }
body[data-layout="05"] .world { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(260px, 0.55fr); gap: 46px; align-items: end; }
body[data-layout="05"] .world:nth-child(even) { grid-template-columns: minmax(260px, 0.55fr) minmax(0, 1.7fr); }
body[data-layout="05"] .world:nth-child(even) figure { grid-column: 2; }
body[data-layout="05"] .world:nth-child(even) .world-copy { grid-column: 1; grid-row: 1; }
body[data-layout="05"] .world figure { aspect-ratio: 21 / 9; margin: 0; }
body[data-layout="05"] .values-layout { grid-template-columns: 1fr; }
body[data-layout="05"] .value-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
body[data-layout="05"] .value-list li { grid-template-columns: 1fr; border-bottom: 1px solid var(--line); }

/* 06 双栏章节：左侧固定章节说明，右侧交替排列三服图文。 */
body[data-layout="06"] .hero { background-image: url('assets/realm-leisure.png'); background-position: center 45%; }
body[data-layout="06"] .hero-copy { max-width: 650px; }
body[data-layout="06"] .worlds .section-shell { display: grid; grid-template-columns: 300px 1fr; gap: 88px; align-items: start; }
body[data-layout="06"] .worlds-heading { position: sticky; top: 112px; margin: 0; }
body[data-layout="06"] .world-list { grid-template-columns: 1fr; gap: 95px; }
body[data-layout="06"] .world { display: grid; grid-template-columns: 1.08fr 0.92fr; gap: 34px; align-items: center; }
body[data-layout="06"] .world:nth-child(even) figure { grid-column: 2; }
body[data-layout="06"] .world:nth-child(even) .world-copy { grid-column: 1; grid-row: 1; }
body[data-layout="06"] .world figure { margin: 0; }
body[data-layout="06"] .team-layout { grid-template-columns: 1fr; }
body[data-layout="06"] .team .section-heading { width: 50%; margin-left: auto; }
body[data-layout="06"] .member:nth-child(2) { margin-top: 70px; }

/* 07 坐标时间线：沿中央路线依次经过三服，适合强调服务器历程与长期运营。 */
body[data-layout="07"] .hero { background-image: url('assets/legacy-hero-01.jpg'); }
body[data-layout="07"] .hero-copy { max-width: 720px; }
body[data-layout="07"] .intro-numbers { position: relative; grid-template-columns: repeat(3, 1fr); }
body[data-layout="07"] .world-list { position: relative; display: flow-root; }
body[data-layout="07"] .world-list::before { position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; content: ""; background: var(--accent-soft); transform: translateX(-50%); }
body[data-layout="07"] .world { position: relative; width: calc(50% - 54px); margin-bottom: 90px; }
body[data-layout="07"] .world:nth-child(even) { margin-left: calc(50% + 54px); }
body[data-layout="07"] .world::after { position: absolute; top: 36px; width: 13px; height: 13px; content: ""; background: var(--page); border: 3px solid var(--accent); border-radius: 50%; }
body[data-layout="07"] .world:nth-child(odd)::after { right: -63px; }
body[data-layout="07"] .world:nth-child(even)::after { left: -63px; }
body[data-layout="07"] .world figure { aspect-ratio: 16 / 10; }
body[data-layout="07"] .values-layout { grid-template-columns: 1fr; }
body[data-layout="07"] .value-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 54px; }
body[data-layout="07"] .team-layout { grid-template-columns: 1fr; }
body[data-layout="07"] .team-list { margin-left: 12%; }

/* 08 社区杂志：大标题、非对称图片和人物栏目形成编辑出版物的节奏。 */
body[data-layout="08"] { --shell: 1320px; }
body[data-layout="08"] .hero { background-image: url('assets/legacy-hero-02.jpg'); background-position: center 40%; }
body[data-layout="08"] .hero-copy h1 { font-size: 78px; }
body[data-layout="08"] .intro-layout { grid-template-columns: repeat(12, 1fr); }
body[data-layout="08"] .intro-layout .section-heading { grid-column: 1 / 8; }
body[data-layout="08"] .intro-copy { grid-column: 8 / -1; padding-top: 80px; }
body[data-layout="08"] .intro-numbers { grid-column: 2 / 11; }
body[data-layout="08"] .worlds-heading h2, body[data-layout="08"] .team .section-heading h2 { font-size: 58px; }
body[data-layout="08"] .world-list { grid-template-columns: repeat(12, 1fr); grid-template-rows: auto auto; gap: 30px; }
body[data-layout="08"] .world-gtnh { grid-column: 1 / 8; grid-row: 1 / 3; }
body[data-layout="08"] .world-leisure { grid-column: 8 / -1; }
body[data-layout="08"] .world-annihilation { grid-column: 8 / -1; }
body[data-layout="08"] .world-gtnh figure { aspect-ratio: 4 / 5; }
body[data-layout="08"] .world-leisure, body[data-layout="08"] .world-annihilation { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 24px; align-items: end; }
body[data-layout="08"] .world-leisure figure, body[data-layout="08"] .world-annihilation figure { aspect-ratio: 1; margin: 0; }
body[data-layout="08"] .world-leisure .world-copy ul, body[data-layout="08"] .world-annihilation .world-copy ul { display: none; }
body[data-layout="08"] .values-layout { grid-template-columns: 1fr 1fr; }
body[data-layout="08"] .team-layout { grid-template-columns: 1fr; }
body[data-layout="08"] .team-list { grid-template-columns: 1.35fr 0.82fr 0.82fr; }
body[data-layout="08"] .member:first-child img { aspect-ratio: 16 / 13; }
body[data-layout="08"] .updates-layout { grid-template-columns: 1fr; }
body[data-layout="08"] .update-list { margin-left: 28%; }

/* 09 轻量门户：压缩区块间距并将分服改为信息行，适合快速查询。 */
body[data-layout="09"] { --shell: 1180px; }
body[data-layout="09"] .hero { min-height: 620px; background-image: url('assets/legacy-hero-03.jpg'); }
body[data-layout="09"] .hero-inner { padding-bottom: 82px; }
body[data-layout="09"] .hero-copy h1 { font-size: 58px; }
body[data-layout="09"] .section-space { padding: 82px 0; }
body[data-layout="09"] .intro-layout { grid-template-columns: 0.9fr 1.1fr; gap: 45px 70px; }
body[data-layout="09"] .intro-numbers { grid-column: 2; }
body[data-layout="09"] .worlds-heading { display: grid; grid-template-columns: 1fr auto; align-items: end; max-width: none; }
body[data-layout="09"] .worlds-heading .section-index { grid-column: 1 / -1; }
body[data-layout="09"] .worlds-heading > p:last-child { grid-column: 2; grid-row: 2; text-align: right; }
body[data-layout="09"] .world-list { grid-template-columns: 1fr; gap: 0; }
body[data-layout="09"] .world { display: grid; grid-template-columns: 250px 130px 1fr; gap: 28px; align-items: center; padding: 24px 0; border-top: 1px solid var(--line); }
body[data-layout="09"] .world:last-child { border-bottom: 1px solid var(--line); }
body[data-layout="09"] .world figure { aspect-ratio: 16 / 10; margin: 0; }
body[data-layout="09"] .world-copy { display: contents; }
body[data-layout="09"] .world-copy .world-number { grid-column: 2; }
body[data-layout="09"] .world-copy h3, body[data-layout="09"] .world-copy strong, body[data-layout="09"] .world-copy > p:not(.world-number), body[data-layout="09"] .world-copy ul { grid-column: 3; }
body[data-layout="09"] .world-copy h3 { grid-row: 1; align-self: end; }
body[data-layout="09"] .world-copy strong { grid-row: 2; }
body[data-layout="09"] .world-copy > p:not(.world-number) { grid-row: 3; }
body[data-layout="09"] .world-copy ul { grid-row: 4; }
body[data-layout="09"] .values-layout { grid-template-columns: 1fr; }
body[data-layout="09"] .value-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
body[data-layout="09"] .value-list li { grid-template-columns: 1fr; border-bottom: 1px solid var(--line); }
body[data-layout="09"] .team-layout { grid-template-columns: 240px 1fr; }
body[data-layout="09"] .member { display: grid; grid-template-columns: 100px 1fr; gap: 18px; align-items: center; }
body[data-layout="09"] .member img { aspect-ratio: 1; }
body[data-layout="09"] .member > div { padding: 0; }

/* 10 留白展陈：场景像展品一样逐幅出现，文字控制在窄栏并保留大面积呼吸空间。 */
body[data-layout="10"] .hero { min-height: 860px; background-image: url('assets/hero-tech.png'); }
body[data-layout="10"] .hero-inner { grid-template-columns: 1fr; justify-items: center; text-align: center; }
body[data-layout="10"] .hero-copy { max-width: 850px; }
body[data-layout="10"] .hero-lead { margin-right: auto; margin-left: auto; }
body[data-layout="10"] .hero-actions { justify-content: center; }
body[data-layout="10"] .hero-facts { grid-template-columns: repeat(3, 1fr); width: min(680px, 100%); padding: 24px 0 0; border-top: 1px solid rgba(255, 255, 255, 0.44); border-left: 0; }
body[data-layout="10"] .intro-layout { grid-template-columns: 1fr; max-width: 900px; justify-items: center; text-align: center; }
body[data-layout="10"] .intro-copy { max-width: 680px; }
body[data-layout="10"] .intro-copy .inline-link { margin-right: auto; margin-left: auto; }
body[data-layout="10"] .intro-numbers { width: 100%; }
body[data-layout="10"] .worlds-heading { margin-right: auto; margin-left: auto; text-align: center; }
body[data-layout="10"] .worlds-heading > p:last-child { margin-right: auto; margin-left: auto; }
body[data-layout="10"] .world-list { grid-template-columns: 1fr; gap: 150px; }
body[data-layout="10"] .world { display: grid; justify-items: center; text-align: center; }
body[data-layout="10"] .world figure { width: 100%; aspect-ratio: 21 / 9; margin-bottom: 38px; }
body[data-layout="10"] .world:nth-child(2) figure { width: 78%; }
body[data-layout="10"] .world:nth-child(3) figure { width: 88%; }
body[data-layout="10"] .world-copy { max-width: 620px; }
body[data-layout="10"] .world-copy ul { justify-content: center; }
body[data-layout="10"] .values-layout { grid-template-columns: 1fr; max-width: 900px; }
body[data-layout="10"] .values .section-heading { margin: 0 auto; text-align: center; }
body[data-layout="10"] .value-list { max-width: 680px; width: 100%; margin-right: auto; margin-left: auto; }
body[data-layout="10"] .team-layout { grid-template-columns: 1fr; }
body[data-layout="10"] .team .section-heading { margin: 0 auto 54px; text-align: center; }
body[data-layout="10"] .member { text-align: center; }
body[data-layout="10"] .updates-layout { grid-template-columns: 1fr; max-width: 900px; }
body[data-layout="10"] .updates .section-heading { margin: 0 auto 45px; text-align: center; }
body[data-layout="10"] .updates .section-heading .inline-link { margin-right: auto; margin-left: auto; }

/*
 * 各方案在小屏统一回到稳定单栏，保留配色、图片比例和章节节奏。
 * 需求说明：复杂桌面栅格在手机上不压缩成窄列，避免文字与图片相互遮挡。
 */
@media (max-width: 900px) {
  body[data-layout] .hero-inner { grid-template-columns: 1fr; text-align: left; }
  body[data-layout] .hero-copy { grid-column: 1; grid-row: 1; justify-self: stretch; text-align: left; }
  body[data-layout] .hero-lead { margin-left: 0; }
  body[data-layout] .hero-actions { justify-content: flex-start; }
  body[data-layout] .hero-facts { grid-column: 1; grid-row: 2; display: grid; justify-self: stretch; }
  body[data-layout] .intro-layout,
  body[data-layout] .values-layout,
  body[data-layout] .team-layout,
  body[data-layout] .updates-layout,
  body[data-layout="06"] .worlds .section-shell { display: grid; grid-template-columns: 1fr; gap: 36px; text-align: left; }
  body[data-layout] .intro-layout .section-heading,
  body[data-layout] .intro-layout .section-index,
  body[data-layout] .intro-layout h2,
  body[data-layout] .intro-copy,
  body[data-layout] .intro-numbers,
  body[data-layout="02"] .intro-layout .section-heading,
  body[data-layout="02"] .intro-copy,
  body[data-layout="02"] .intro-numbers { grid-column: 1; }
  body[data-layout="04"] .intro-layout .section-heading { display: block; }
  body[data-layout="04"] .worlds-heading,
  body[data-layout="04"] .team .section-heading,
  body[data-layout="04"] .updates .section-heading,
  body[data-layout="09"] .worlds-heading { display: block; }
  body[data-layout="04"] .worlds-heading > *,
  body[data-layout="04"] .team .section-heading > *,
  body[data-layout="04"] .updates .section-heading > *,
  body[data-layout="09"] .worlds-heading > p:last-child { grid-column: auto; grid-row: auto; text-align: left; }
  body[data-layout] .world-list,
  body[data-layout="02"] .world-list,
  body[data-layout="08"] .world-list { display: grid; grid-template-columns: 1fr; gap: 62px; }
  body[data-layout] .world,
  body[data-layout="01"] .world,
  body[data-layout="01"] .world:nth-child(even),
  body[data-layout="02"] .world-annihilation,
  body[data-layout="04"] .world,
  body[data-layout="05"] .world,
  body[data-layout="05"] .world:nth-child(even),
  body[data-layout="06"] .world,
  body[data-layout="08"] .world-leisure,
  body[data-layout="08"] .world-annihilation,
  body[data-layout="09"] .world { display: grid; grid-template-columns: 1fr; gap: 24px; width: auto; margin: 0; padding: 0; border: 0; text-align: left; }
  body[data-layout] .world figure,
  body[data-layout] .world:nth-child(even) figure,
  body[data-layout] .world:nth-child(even) .world-copy,
  body[data-layout="08"] .world-gtnh,
  body[data-layout="08"] .world-leisure,
  body[data-layout="08"] .world-annihilation,
  body[data-layout="02"] .world-gtnh,
  body[data-layout="02"] .world-leisure,
  body[data-layout="02"] .world-annihilation { grid-column: 1; grid-row: auto; width: 100%; padding-top: 0; }
  body[data-layout] .world figure { aspect-ratio: 16 / 10; margin: 0; }
  body[data-layout="03"] .worlds .section-shell { width: 100%; }
  body[data-layout="03"] .worlds-heading { width: calc(100% - 40px); }
  body[data-layout="03"] .world-list { gap: 0; }
  body[data-layout="03"] .world { position: relative; min-height: 560px; padding: 0 20px 48px; color: #fff; }
  body[data-layout="03"] .world figure { position: absolute; inset: 0; height: 100%; }
  body[data-layout="03"] .world-copy, body[data-layout="03"] .world:nth-child(even) .world-copy { width: 100%; margin: auto; padding: 0; }
  body[data-layout="03"] .world-copy h3 { font-size: 38px; }
  body[data-layout="04"] .world-copy, body[data-layout="09"] .world-copy { display: block; }
  body[data-layout="04"] .team-list, body[data-layout="04"] .update-list,
  body[data-layout="07"] .team-list, body[data-layout="08"] .update-list { margin-left: 0; }
  body[data-layout="05"] .value-list,
  body[data-layout="07"] .value-list,
  body[data-layout="09"] .value-list { grid-template-columns: 1fr; }
  body[data-layout="06"] .worlds-heading { position: static; }
  body[data-layout="06"] .team .section-heading { width: auto; margin-left: 0; }
  body[data-layout="06"] .member:nth-child(2) { margin-top: 0; }
  body[data-layout="07"] .world-list::before, body[data-layout="07"] .world::after { display: none; }
  body[data-layout="02"] .team .section-heading { width: auto; margin-left: 0; }
  body[data-layout="02"] .team-list, body[data-layout="07"] .team-list { grid-template-columns: 1fr; margin-left: 0; }
  body[data-layout="02"] .member:nth-child(2), body[data-layout="02"] .member:nth-child(3) { padding-top: 0; }
  body[data-layout="07"] .world, body[data-layout="07"] .world:nth-child(even) { margin-right: 0; margin-bottom: 0; margin-left: 0; }
  body[data-layout="08"] .hero-copy h1 { font-size: 48px; }
  body[data-layout="08"] .intro-copy { padding-top: 0; }
  body[data-layout="08"] .world-gtnh figure, body[data-layout="10"] .world figure,
  body[data-layout="10"] .world:nth-child(2) figure, body[data-layout="10"] .world:nth-child(3) figure { width: 100%; aspect-ratio: 16 / 10; }
  body[data-layout="08"] .team-list, body[data-layout="09"] .team-list { grid-template-columns: 1fr; }
  body[data-layout="08"] .member:first-child img { aspect-ratio: 4 / 5; }
  body[data-layout="09"] .intro-numbers { grid-column: 1; }
  body[data-layout="09"] .member { grid-template-columns: 124px 1fr; }
  body[data-layout="10"] .hero-inner, body[data-layout="10"] .intro-layout,
  body[data-layout="10"] .world, body[data-layout="10"] .member,
  body[data-layout="10"] .values .section-heading, body[data-layout="10"] .team .section-heading,
  body[data-layout="10"] .updates .section-heading { text-align: left; }
  body[data-layout="10"] .hero-actions, body[data-layout="10"] .world-copy ul { justify-content: flex-start; }
  body[data-layout="10"] .hero-lead, body[data-layout="10"] .intro-copy .inline-link,
  body[data-layout="10"] .worlds-heading > p:last-child, body[data-layout="10"] .updates .section-heading .inline-link { margin-left: 0; }
  body[data-layout="10"] .world-list { gap: 72px; }
}