:root { --paper: #f4f4f2; --ink: #343333; --soft-ink: #6f6d69; --warm: #b59a73; --hairline: rgba(52,51,51,.18); }
.series-page { margin: 0; background: var(--paper); color: var(--ink); }
.series-page * { box-sizing: border-box; }
.series-page figure { margin: 0; }
.series-page img { display: block; max-width: 100%; }
.series-shell { width: min(1360px, calc(100% - 96px)); margin-inline: auto; }
.series-header.site-header { transition: background .35s ease, color .35s ease; }
.series-header.site-header:not(.is-scrolled) { color: #fff; }
.series-header.site-header:not(.is-scrolled) .brand-logo { filter: brightness(0) invert(1); }
.series-hero { position: relative; min-height: 100svh; overflow: hidden; background: #242423; color: #fff; }
.series-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.series-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(15,15,14,.78), rgba(15,15,14,.18) 65%), linear-gradient(0deg, rgba(15,15,14,.42), transparent 55%); }
.series-hero-copy { position: relative; z-index: 1; min-height: 100svh; padding-top: 120px; padding-bottom: 70px; display: flex; flex-direction: column; justify-content: flex-end; }
.eyebrow { margin: 0 0 24px; color: var(--warm); font-size: 11px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
.series-hero h1 { max-width: 11ch; margin: 0; font-size: clamp(3.6rem, 7.2vw, 8rem); font-weight: 300; line-height: 1.03; letter-spacing: -.055em; }
.series-hero-lead { max-width: 40em; margin: 32px 0 0; color: rgba(255,255,255,.82); font-size: 15px; line-height: 1.9; }
.series-scroll { position: absolute; z-index: 2; right: 48px; bottom: 38px; font-size: 10px; letter-spacing: .18em; writing-mode: vertical-rl; }
.series-intro { padding-block: clamp(100px, 13vw, 190px); display: grid; grid-template-columns: .35fr 1fr; gap: 8vw; }
.series-index { color: var(--warm); font-size: clamp(5rem, 11vw, 11rem); font-weight: 300; line-height: .8; }
.series-intro-copy { max-width: 840px; }
.series-intro h2, .series-heading h2, .series-next h2 { margin: 0; font-size: clamp(2.55rem, 4.8vw, 5.4rem); font-weight: 300; line-height: 1.12; letter-spacing: -.035em; }
.series-intro h2 { max-width: 15ch; }
.series-text { max-width: 47em; margin: 38px 0 0; color: var(--soft-ink); font-size: 16px; line-height: 2.05; }
.series-text p { margin: 0 0 1.3em; }
.render-note { margin-top: 38px; padding-left: 18px; border-left: 2px solid var(--warm); color: var(--soft-ink); font-size: 12px; line-height: 1.8; }
.series-chapter { padding-bottom: clamp(110px, 14vw, 210px); }
.series-chapter.is-tinted { padding-top: clamp(100px, 12vw, 170px); background: #e8e6e1; }
.series-chapter.is-dark { padding-top: clamp(100px, 12vw, 170px); background: #2e2d2b; color: #f7f5f1; }
.series-heading { display: grid; grid-template-columns: .35fr 1fr; gap: 8vw; align-items: start; margin-bottom: 62px; }
.series-heading > span { color: var(--warm); font-size: 12px; letter-spacing: .2em; }
.series-heading h2 { max-width: 15ch; }
.series-copy { max-width: 48em; margin: 0 0 66px; margin-left: calc(35% + 8vw); color: var(--soft-ink); font-size: 16px; line-height: 2.05; }
.is-dark .series-copy, .is-dark figcaption { color: rgba(255,255,255,.7); }
.full-image img { width: 100%; max-height: 88vh; object-fit: cover; }
.image-pair { display: grid; grid-template-columns: 1.22fr .78fr; gap: 28px; align-items: start; }
.image-pair.reverse { grid-template-columns: .78fr 1.22fr; }
.image-pair figure:nth-child(2) { margin-top: 84px; }
.image-pair.reverse figure:first-child { margin-top: 84px; }
.image-pair.reverse figure:nth-child(2) { margin-top: 0; }
.image-pair img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.image-pair figure:nth-child(2) img { aspect-ratio: 3 / 4; }
.image-pair.reverse figure:first-child img { aspect-ratio: 3 / 4; }
.image-pair.reverse figure:nth-child(2) img { aspect-ratio: 4 / 3; }
.image-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: start; }
.image-grid figure:nth-child(2) { margin-top: 70px; }
.image-grid img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.image-grid figure:first-child img { aspect-ratio: 4 / 3; }
.series-page figcaption { margin-top: 13px; color: var(--soft-ink); font-size: 11px; line-height: 1.75; }
.series-quote { padding-block: clamp(90px, 12vw, 170px); text-align: center; }
.series-quote blockquote { max-width: 19em; margin: 0 auto; font-size: clamp(2.3rem, 4.2vw, 4.7rem); font-weight: 300; line-height: 1.35; }
.series-quote p { margin: 28px 0 0; color: var(--warm); font-size: 10px; letter-spacing: .2em; }
.series-next { padding-block: clamp(100px, 13vw, 190px); }
.series-next h2 { max-width: 13ch; }
.series-next a { display: inline-block; margin-top: 36px; padding-bottom: 7px; border-bottom: 1px solid var(--warm); font-size: 13px; }

/* 01 — restrained suite */
.case-minimal { background: #f1f0ec; }
.case-minimal .series-hero { min-height: 92svh; background: #ddd8d0; color: var(--ink); }
.case-minimal .series-hero::after { background: linear-gradient(90deg, rgba(241,240,236,.94), rgba(241,240,236,.2) 65%); }
.case-minimal .series-hero > img { left: 42%; width: 58%; }
.case-minimal .series-hero-copy { min-height: 92svh; justify-content: center; }
.case-minimal .series-hero-lead { color: var(--soft-ink); }
.case-minimal .series-header.site-header:not(.is-scrolled) { color: var(--ink); }
.case-minimal .series-header.site-header:not(.is-scrolled) .brand-logo { filter: none; }
.case-minimal .series-heading { border-top: 1px solid var(--hairline); padding-top: 24px; }

/* 02 — art and arrival */
.case-art { background: #242423; color: #f1eee8; }
.case-art .series-hero::after { background: radial-gradient(circle at 72% 35%, transparent, rgba(10,10,10,.36)), linear-gradient(90deg, rgba(5,5,5,.88), rgba(5,5,5,.08)); }
.case-art .series-intro, .case-art .series-chapter:not(.is-tinted), .case-art .series-next { color: #f1eee8; }
.case-art .series-text, .case-art .series-copy, .case-art figcaption { color: rgba(255,255,255,.64); }
.case-art .series-chapter.is-tinted { background: #d9d5cc; color: #2d2c2a; }
.case-art .is-tinted .series-copy, .case-art .is-tinted figcaption { color: #6f6d69; }
.bilingual { display: block; margin-top: 18px; color: var(--warm); font-family: Georgia, serif; font-size: .58em; font-style: italic; letter-spacing: 0; }

/* 03 — long-form light */
.case-editorial { background: #ecebe7; }
.case-editorial .series-hero h1 { max-width: 9ch; }
.case-editorial .series-intro { border-bottom: 1px solid var(--hairline); }
.case-editorial .series-copy::first-letter { float: left; margin: .08em .16em 0 0; color: var(--warm); font-family: Georgia, serif; font-size: 4.8em; line-height: .8; }
.case-editorial .series-quote { background: #dcd9d2; }

/* 04 — warm family narrative */
.case-human { background: #eee9df; }
.case-human .series-hero::after { background: linear-gradient(90deg, rgba(40,30,24,.76), rgba(40,30,24,.12)); }
.case-human .series-index { font-family: Georgia, serif; font-style: italic; }
.case-human .series-chapter.is-tinted { background: #ddd2c1; }
.case-human .series-heading h2 { color: #514238; }

/* 05 — natural attic */
.case-air { background: #fafaf7; }
.case-air .series-hero { min-height: 86svh; }
.case-air .series-hero-copy { min-height: 86svh; align-items: center; text-align: center; justify-content: center; }
.case-air .series-hero h1 { max-width: 12ch; }
.case-air .series-hero-lead { max-width: 34em; }
.case-air .series-intro { grid-template-columns: 1fr; text-align: center; }
.case-air .series-intro-copy { margin-inline: auto; }
.case-air .series-intro h2 { max-width: 18ch; margin-inline: auto; }
.case-air .series-text { margin-inline: auto; }
.case-air .series-index { display: none; }
.case-air .series-heading { grid-template-columns: 1fr; gap: 24px; text-align: center; }
.case-air .series-heading h2 { max-width: 18ch; margin-inline: auto; }
.case-air .series-copy { margin-inline: auto; text-align: center; }
.case-air .series-chapter.is-tinted { background: #eef0e9; }

@media (max-width: 980px) {
  .series-shell { width: min(100% - 48px, 1360px); }
  .series-intro, .series-heading { grid-template-columns: 1fr; gap: 28px; }
  .series-copy { margin-left: 0; }
  .image-pair, .image-pair.reverse, .image-grid { grid-template-columns: 1fr; gap: 42px; }
  .image-pair figure:nth-child(2), .image-pair.reverse figure:first-child, .image-grid figure:nth-child(2) { margin-top: 0; }
  .image-pair img, .image-pair figure:nth-child(2) img, .image-pair.reverse figure:first-child img, .image-pair.reverse figure:nth-child(2) img, .image-grid img, .image-grid figure:first-child img { aspect-ratio: 4 / 3; }
}
@media (max-width: 640px) {
  .series-shell { width: calc(100% - 36px); }
  .series-hero-copy { padding-top: 100px; padding-bottom: 72px; }
  .series-scroll { right: 18px; bottom: 24px; }
  .case-minimal .series-hero { min-height: 100svh; color: #fff; }
  .case-minimal .series-hero > img { left: 0; width: 100%; }
  .case-minimal .series-hero::after { background: linear-gradient(0deg, rgba(20,20,20,.75), rgba(20,20,20,.05) 70%); }
  .case-minimal .series-hero-copy { min-height: 100svh; justify-content: flex-end; }
  .case-minimal .series-hero-lead { color: rgba(255,255,255,.8); }
  .case-minimal .series-header.site-header:not(.is-scrolled) { color: #fff; }
  .case-minimal .series-header.site-header:not(.is-scrolled) .brand-logo { filter: brightness(0) invert(1); }
}

/* Dedicated phone composition */
@media (max-width: 640px) {
  .series-shell { width: calc(100% - 32px); }
  .series-hero, .case-art .series-hero, .case-human .series-hero, .case-air .series-hero { min-height: 92svh; }
  .series-hero-copy, .case-art .series-hero-copy, .case-human .series-hero-copy, .case-air .series-hero-copy { min-height: 92svh; padding: 90px 16px 54px; }
  .series-hero h1, .case-art .series-hero h1, .case-editorial .series-hero h1, .case-human .series-hero h1, .case-air .series-hero h1 { max-width: 100%; font-size: clamp(3rem, 14vw, 4.4rem); line-height: .98; }
  .series-hero-lead { max-width: 30em; margin-top: 22px; font-size: 13px; line-height: 1.7; }
  .series-scroll { display: none; }
  .series-intro { padding-block: 76px; }
  .series-index { font-size: 4.4rem; }
  .series-intro h2, .series-heading h2, .series-next h2 { max-width: 100%; font-size: clamp(2.2rem, 10.5vw, 3.3rem); line-height: 1.12; }
  .series-text, .series-copy { font-size: 15px; line-height: 1.9; }
  .series-text { margin-top: 28px; }
  .render-note { margin-top: 28px; }
  .series-chapter, .series-chapter.is-tinted, .series-chapter.is-dark { padding-block: 76px; }
  .series-heading { margin-bottom: 36px; }
  .series-copy { margin-bottom: 42px; }
  .image-pair, .image-grid { gap: 28px; }
  .image-pair img, .image-pair figure:nth-child(2) img, .image-pair.reverse figure:first-child img, .image-pair.reverse figure:nth-child(2) img, .image-grid img, .image-grid figure:first-child img { aspect-ratio: 4 / 3; }
  .series-quote { min-height: 72svh; padding: 72px 24px; display: grid; place-content: center; }
  .series-quote blockquote { font-size: clamp(2.15rem, 9.5vw, 3.2rem); }
  .series-next { padding-block: 84px; }
  .case-minimal .series-hero-copy, .case-editorial .series-hero-copy, .case-air .series-hero-copy { min-height: 92svh; padding: 90px 16px 54px; }
  .case-art .series-intro { padding-block: 92px; }
  .case-art .series-intro h2, .case-art .series-heading h2 { font-size: clamp(2.4rem, 11vw, 3.5rem); }
  .case-art .series-text, .case-art .render-note { text-align: left; }
  .case-art .series-chapter { padding-bottom: 92px; }
  .case-art .series-heading { width: calc(100% - 32px); margin-bottom: 44px; }
  .case-art .series-copy { width: calc(100% - 32px); margin-bottom: 50px; text-align: left; }
  .case-human .series-heading h2 { font-size: clamp(2.25rem, 10vw, 3.2rem); }
  .case-human .image-pair figure, .case-human .image-grid figure { padding: 7px; border-radius: 18px; }
  .case-human .image-pair img, .case-human .image-grid img { border-radius: 13px; }
  .case-human .series-quote { width: calc(100% - 24px); min-height: 68svh; margin-block: 12px; border-radius: 28px; }
  .case-air .full-image { padding: 8px; }
  .case-air .series-intro { min-height: 78svh; padding-inline: 16px; }
  .case-air .series-quote { min-height: 78svh; }
}

/* ================================================================
   MEETING EDITION — five genuinely different editorial systems
   ================================================================ */

/* 01 / SWISS GRID — precise, rational, architectural */
.case-minimal { --swiss-red: #d72d22; background: #f7f6f2; font-family: Arial, "Microsoft YaHei", sans-serif; }
.case-minimal::before { content: "01  SWISS GRID / PRIVATE SUITE"; position: fixed; z-index: 20; left: 22px; bottom: 18px; color: var(--swiss-red); font: 700 9px/1 Arial, sans-serif; letter-spacing: .18em; writing-mode: vertical-rl; }
.case-minimal .series-hero { min-height: 100svh; display: grid; grid-template-columns: 39% 61%; background: #f7f6f2; color: #111; }
.case-minimal .series-hero::after { display: none; }
.case-minimal .series-hero > img { position: relative; inset: auto; grid-column: 2; left: auto; width: 100%; height: 100svh; object-fit: cover; filter: grayscale(.15); }
.case-minimal .series-hero-copy { position: absolute; inset: 0 auto 0 0; width: 39%; min-height: 100svh; padding: 150px 3.2vw 50px; justify-content: space-between; border-right: 1px solid #111; }
.case-minimal .series-hero-copy::before { content: "YICHENG ARCHITECTURE\A CASE STUDY  /  2026"; white-space: pre; color: #111; font: 700 10px/1.7 Arial, sans-serif; letter-spacing: .12em; }
.case-minimal .series-hero h1 { max-width: 7ch; font-size: clamp(3.6rem, 5.7vw, 6.8rem); font-weight: 700; line-height: .92; letter-spacing: -.065em; }
.case-minimal .series-hero h1::after { content: ""; display: block; width: 46px; height: 10px; margin-top: 30px; background: var(--swiss-red); }
.case-minimal .series-hero-lead { color: #111; font: 12px/1.8 Arial, sans-serif; }
.case-minimal .eyebrow { color: var(--swiss-red); font-family: Arial, sans-serif; font-weight: 700; }
.case-minimal .series-scroll { color: #111; }
.case-minimal .series-intro { grid-template-columns: 160px 1fr; gap: 0; padding-block: 0; border: 1px solid #111; border-top: 0; }
.case-minimal .series-index { min-height: 100%; padding: 42px 24px; border-right: 1px solid #111; color: var(--swiss-red); font-size: 5rem; font-weight: 700; }
.case-minimal .series-intro-copy { max-width: none; padding: clamp(60px, 8vw, 120px); }
.case-minimal .series-intro h2 { max-width: 19ch; font-weight: 700; line-height: 1.02; letter-spacing: -.06em; }
.case-minimal .series-text { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; max-width: none; }
.case-minimal .render-note { border-color: var(--swiss-red); font-family: "Courier New", monospace; }
.case-minimal .series-chapter { display: grid; grid-template-columns: 27% 73%; gap: 0; padding: 0; border-bottom: 1px solid #111; }
.case-minimal .series-chapter.is-tinted { background: #e3e2dd; }
.case-minimal .series-chapter > .series-shell { display: contents; }
.case-minimal .series-heading { display: block; grid-column: 1; margin: 0; padding: 60px 34px; border-right: 1px solid #111; }
.case-minimal .series-heading > span { display: block; margin-bottom: 46px; color: var(--swiss-red); font: 700 11px Arial, sans-serif; }
.case-minimal .series-heading h2 { font-size: clamp(2.2rem, 3vw, 4rem); font-weight: 700; line-height: 1; letter-spacing: -.055em; }
.case-minimal .series-copy { grid-column: 2; max-width: none; margin: 0; padding: 60px 6vw; border-bottom: 1px solid #111; color: #343333; }
.case-minimal .image-pair, .case-minimal .image-grid, .case-minimal .full-image { grid-column: 2; margin: 0 !important; padding: 34px; }
.case-minimal .image-pair { grid-template-columns: 1fr 1fr; gap: 12px; }
.case-minimal .image-pair figure, .case-minimal .image-grid figure { margin: 0 !important; }
.case-minimal .image-pair img, .case-minimal .image-pair figure:nth-child(2) img, .case-minimal .image-grid img, .case-minimal .image-grid figure:first-child img { aspect-ratio: 1 / 1; }
.case-minimal figcaption { padding-top: 8px; border-top: 3px solid var(--swiss-red); font-family: "Courier New", monospace; text-transform: uppercase; }
.case-minimal .series-next { padding-left: 30%; }

/* 02 / CINEMATIC BOOK — dark, immersive, horizontal sequences */
.case-art { --cinema-gold: #c6a36f; background: #0d0d0d; font-family: Georgia, "Songti SC", serif; }
.case-art::before { content: "02 / CINEMATIC BOOK"; position: fixed; z-index: 20; left: 28px; bottom: 25px; color: var(--cinema-gold); font: 10px/1 Arial, sans-serif; letter-spacing: .22em; }
.case-art .series-hero { min-height: 118svh; }
.case-art .series-hero > img { height: 118svh; filter: contrast(1.08) saturate(.75); }
.case-art .series-hero::after { background: linear-gradient(0deg, #0d0d0d 1%, transparent 38%), linear-gradient(90deg, rgba(0,0,0,.84), transparent 75%); }
.case-art .series-hero-copy { min-height: 118svh; justify-content: center; padding-top: 35vh; }
.case-art .series-hero h1 { max-width: 9ch; font-family: Georgia, "Songti SC", serif; font-size: clamp(4.5rem, 8.7vw, 10rem); font-weight: 400; line-height: 1.08; letter-spacing: -.045em; }
.case-art .series-hero-lead { margin-left: 42%; font-family: "Microsoft YaHei", sans-serif; }
.case-art .series-intro { display: block; padding-block: 18vw; text-align: center; }
.case-art .series-index { display: none; }
.case-art .series-intro-copy { max-width: 980px; margin-inline: auto; }
.case-art .series-intro h2 { max-width: 18ch; margin-inline: auto; font-family: Georgia, "Songti SC", serif; font-size: clamp(3.3rem, 6.5vw, 7.6rem); line-height: 1.16; }
.case-art .series-text { max-width: 42em; margin: 70px auto 0; font-family: "Microsoft YaHei", sans-serif; text-align: left; }
.case-art .render-note { max-width: 48em; margin-inline: auto; text-align: left; }
.case-art .series-chapter { width: 100%; padding-bottom: 18vw; }
.case-art .series-chapter > .series-shell { width: 100%; }
.case-art .series-heading { display: block; width: min(1120px, calc(100% - 12vw)); margin: 0 auto 70px; text-align: center; }
.case-art .series-heading > span { display: inline-block; margin-bottom: 30px; padding: 8px 14px; border: 1px solid var(--cinema-gold); border-radius: 999px; }
.case-art .series-heading h2 { max-width: 19ch; margin-inline: auto; font-family: Georgia, "Songti SC", serif; font-size: clamp(3rem, 5.8vw, 7rem); }
.case-art .series-copy { max-width: 42em; margin: 0 auto 86px; font-family: "Microsoft YaHei", sans-serif; text-align: center; }
.case-art .image-pair, .case-art .image-grid { display: flex; gap: 2px; width: 100%; overflow: hidden; }
.case-art .image-pair figure, .case-art .image-grid figure { flex: 1; margin: 0 !important; }
.case-art .image-pair img, .case-art .image-pair figure:nth-child(2) img, .case-art .image-pair.reverse figure:first-child img, .case-art .image-pair.reverse figure:nth-child(2) img, .case-art .image-grid img, .case-art .image-grid figure:first-child img { width: 100%; height: 78vh; aspect-ratio: auto; object-fit: cover; }
.case-art figcaption { max-width: 28em; padding: 14px 22px; color: rgba(255,255,255,.58); font-family: Arial, sans-serif; }
.case-art .is-tinted figcaption { color: #5d5a54; }
.case-art .full-image img { height: 92vh; max-height: none; filter: saturate(.78); }
.case-art .series-quote { min-height: 90svh; display: grid; place-content: center; background: #161513; }
.case-art .series-quote blockquote { font-family: Georgia, "Songti SC", serif; }

/* 03 / ARCHITECTURAL MAGAZINE — editorial columns and overlap */
.case-editorial { --editor-blue: #233b55; background: #f3f0e9; font-family: Georgia, "Songti SC", serif; }
.case-editorial::before { content: "A—03"; position: fixed; z-index: 20; right: 26px; bottom: 22px; padding: 8px 9px; background: var(--editor-blue); color: #fff; font: 700 10px Arial, sans-serif; letter-spacing: .15em; }
.case-editorial .series-hero { min-height: 100svh; background: #f3f0e9; color: var(--editor-blue); }
.case-editorial .series-hero > img { left: 34%; width: 66%; height: 100%; }
.case-editorial .series-hero::after { background: linear-gradient(90deg, #f3f0e9 0 34%, transparent 63%); }
.case-editorial .series-hero-copy { min-height: 100svh; justify-content: center; padding-right: 65%; }
.case-editorial .series-hero h1 { max-width: 6ch; font-family: Georgia, "Songti SC", serif; font-size: clamp(4.8rem, 8vw, 9rem); font-weight: 400; line-height: 1.02; color: var(--editor-blue); }
.case-editorial .series-hero h1::first-line { font-style: italic; }
.case-editorial .series-hero-lead { width: 28em; color: #5b6470; }
.case-editorial .series-header.site-header:not(.is-scrolled) { color: var(--editor-blue); }
.case-editorial .series-header.site-header:not(.is-scrolled) .brand-logo { filter: none; }
.case-editorial .series-intro { grid-template-columns: 1fr 2fr; align-items: end; padding-top: 7vw; border-top: 14px solid var(--editor-blue); border-bottom: 0; }
.case-editorial .series-index { color: var(--editor-blue); font-family: Georgia, serif; font-size: 13vw; font-style: italic; }
.case-editorial .series-intro h2 { max-width: 18ch; color: var(--editor-blue); font-family: Georgia, "Songti SC", serif; }
.case-editorial .series-text { columns: 2; column-gap: 44px; max-width: none; }
.case-editorial .series-chapter { position: relative; padding-bottom: 15vw; }
.case-editorial .series-heading { grid-template-columns: 150px 1fr; padding-top: 28px; border-top: 1px solid var(--editor-blue); }
.case-editorial .series-heading > span { color: var(--editor-blue); font-family: Arial, sans-serif; font-weight: 700; }
.case-editorial .series-heading h2 { max-width: 17ch; color: var(--editor-blue); font-family: Georgia, "Songti SC", serif; font-size: clamp(3.2rem, 5.8vw, 6.6rem); }
.case-editorial .series-copy { max-width: 35em; margin-left: auto; margin-right: 8vw; color: #5d5c59; }
.case-editorial .full-image { width: 83%; }
.case-editorial .full-image img { height: 80vh; max-height: none; }
.case-editorial .image-grid { grid-template-columns: 1.3fr .7fr 1fr; gap: 0; }
.case-editorial .image-grid figure:nth-child(2) { margin: 12vw -3vw 0 3vw; z-index: 2; }
.case-editorial .image-grid figure:nth-child(3) { margin-top: 5vw; }
.case-editorial .image-pair { grid-template-columns: 1.3fr .7fr; gap: 0; padding-right: 6vw; }
.case-editorial .image-pair figure:nth-child(2) { margin: 10vw 0 0 -5vw; }
.case-editorial .image-pair img { box-shadow: 0 24px 70px rgba(42,45,48,.16); }
.case-editorial .series-quote { padding-inline: 12vw; text-align: left; background: var(--editor-blue); color: #fff; }
.case-editorial .series-quote blockquote { max-width: 16em; margin: 0; font-family: Georgia, "Songti SC", serif; font-style: italic; }

/* 04 / NORDIC LIVING — warm cards, soft edges, domestic rhythm */
.case-human { --clay: #9b6653; --milk: #f1eadf; background: #d9cbbb; font-family: "Trebuchet MS", "Microsoft YaHei", sans-serif; }
.case-human::before { content: "04  GROWING HOME"; position: fixed; z-index: 20; right: 18px; bottom: 18px; padding: 9px 14px; border-radius: 30px; background: #f7f1e7; color: var(--clay); font: 700 9px Arial, sans-serif; letter-spacing: .14em; }
.case-human .series-hero { min-height: 100svh; margin: 18px; border-radius: 34px; background: var(--milk); color: #fff; }
.case-human .series-hero > img { border-radius: 34px; }
.case-human .series-hero::after { border-radius: 34px; background: linear-gradient(0deg, rgba(71,46,35,.72), transparent 65%); }
.case-human .series-hero-copy { min-height: calc(100svh - 36px); justify-content: flex-end; padding-bottom: 8vw; }
.case-human .series-hero h1 { max-width: 12ch; font-family: "Trebuchet MS", "Microsoft YaHei", sans-serif; font-size: clamp(4rem, 8vw, 8.8rem); font-weight: 400; line-height: 1.05; letter-spacing: -.055em; }
.case-human .series-hero-lead { max-width: none; }
.case-human .series-scroll { right: 72px; }
.case-human .series-intro { width: min(1100px, calc(100% - 96px)); grid-template-columns: 180px 1fr; margin-block: 8vw; padding: 7vw; border-radius: 40px; background: var(--milk); box-shadow: 0 20px 60px rgba(90,63,46,.1); }
.case-human .series-index { color: var(--clay); font-size: 8rem; }
.case-human .series-intro h2 { max-width: 18ch; color: #634c40; font-family: "Trebuchet MS", "Microsoft YaHei", sans-serif; }
.case-human .eyebrow { color: var(--clay); }
.case-human .render-note { border-color: var(--clay); }
.case-human .series-chapter, .case-human .series-chapter.is-tinted { width: min(1280px, calc(100% - 64px)); margin: 32px auto; padding: clamp(60px, 8vw, 110px); border-radius: 46px; background: var(--milk); }
.case-human .series-chapter.is-tinted { background: #c5b4a0; }
.case-human .series-heading { grid-template-columns: 110px 1fr; }
.case-human .series-heading > span { width: max-content; padding: 10px 16px; border: 1px solid var(--clay); border-radius: 999px; color: var(--clay); }
.case-human .series-heading h2 { max-width: 17ch; font-family: "Trebuchet MS", "Microsoft YaHei", sans-serif; font-size: clamp(3rem, 5vw, 5.8rem); font-weight: 400; line-height: 1.15; }
.case-human .series-copy { margin-left: calc(110px + 8vw); }
.case-human .image-pair, .case-human .image-grid { gap: 18px; }
.case-human .image-pair figure, .case-human .image-grid figure { padding: 12px; border-radius: 26px; background: #f9f5ed; box-shadow: 0 12px 32px rgba(74,51,38,.08); }
.case-human .image-pair img, .case-human .image-grid img { border-radius: 17px; }
.case-human figcaption { padding: 4px 8px 10px; color: #705c50; }
.case-human .series-quote { width: min(940px, calc(100% - 60px)); margin: 9vw auto; padding: 8vw; border-radius: 50% 50% 42% 58% / 38% 46% 54% 62%; background: var(--clay); color: #fff; }
.case-human .series-quote p { color: #f1d8ca; }
.case-human .series-next { width: min(1100px, calc(100% - 96px)); margin: 8vw auto; padding: 7vw; border-radius: 40px; background: #f3ede4; }

/* 05 / CONTEMPORARY GALLERY — white space, vertical typography, art objects */
.case-air { --gallery-green: #23483c; background: #fff; font-family: "Times New Roman", "Songti SC", serif; }
.case-air::before { content: "EXHIBITION 05"; position: fixed; z-index: 20; left: 22px; bottom: 22px; color: var(--gallery-green); font: 700 9px Arial, sans-serif; letter-spacing: .2em; }
.case-air .series-hero { min-height: 100svh; display: grid; grid-template-columns: 62% 38%; background: #fff; color: var(--gallery-green); }
.case-air .series-hero > img { position: relative; inset: auto; width: 100%; height: 100svh; grid-column: 1; filter: saturate(.72); }
.case-air .series-hero::after { display: none; }
.case-air .series-hero-copy { position: absolute; inset: 0 0 0 auto; width: 38%; min-height: 100svh; padding: 12vh 4vw 6vh; align-items: flex-start; justify-content: space-between; text-align: left; border-left: 1px solid #bdc8c2; }
.case-air .series-hero-copy::before { content: "天街苑阁楼空间研究\A TIANJIEYUAN ATTIC STUDY"; white-space: pre; color: var(--gallery-green); font: 10px/1.8 Arial, sans-serif; letter-spacing: .16em; }
.case-air .series-hero h1 { max-width: 4ch; color: var(--gallery-green); font-family: "Times New Roman", "Songti SC", serif; font-size: clamp(4rem, 7vw, 8.5rem); font-weight: 400; line-height: 1.02; writing-mode: vertical-rl; letter-spacing: .08em; }
.case-air .series-hero-lead { color: #52675f; font-family: Arial, sans-serif; }
.case-air .series-scroll { right: 30px; color: var(--gallery-green); }
.case-air .series-header.site-header:not(.is-scrolled) { color: var(--gallery-green); }
.case-air .series-header.site-header:not(.is-scrolled) .brand-logo { filter: none; }
.case-air .eyebrow { color: var(--gallery-green); }
.case-air .series-intro { min-height: 90svh; display: grid; place-content: center; padding-inline: 18vw; }
.case-air .series-intro h2 { max-width: 16ch; font-family: "Times New Roman", "Songti SC", serif; font-size: clamp(3.4rem, 6vw, 7rem); }
.case-air .series-text { max-width: 34em; font-family: Arial, sans-serif; }
.case-air .render-note { max-width: 42em; margin-inline: auto; border: 0; text-align: center; }
.case-air .series-chapter, .case-air .series-chapter.is-tinted { padding-block: 14vw; background: #fff; }
.case-air .series-chapter.is-tinted { background: #edf1ee; }
.case-air .series-heading { margin-bottom: 8vw; }
.case-air .series-heading > span { display: block; width: 54px; height: 54px; margin-inline: auto; padding-top: 17px; border: 1px solid var(--gallery-green); border-radius: 50%; color: var(--gallery-green); font-family: Arial, sans-serif; }
.case-air .series-heading h2 { color: var(--gallery-green); font-family: "Times New Roman", "Songti SC", serif; font-size: clamp(3.4rem, 6vw, 7rem); }
.case-air .series-copy { max-width: 35em; font-family: Arial, sans-serif; }
.case-air .full-image { width: 72%; margin-inline: auto; padding: 28px; border: 1px solid #bdc8c2; background: #fff; }
.case-air .full-image img { max-height: none; }
.case-air .image-pair { grid-template-columns: .82fr 1.18fr; gap: 8vw; width: 82%; margin-inline: auto; }
.case-air .image-pair figure:first-child { margin-top: 12vw; }
.case-air .image-pair figure:nth-child(2) { margin-top: 0; }
.case-air .image-pair img, .case-air .image-pair figure:nth-child(2) img { aspect-ratio: auto; }
.case-air figcaption { padding-top: 15px; border-top: 1px solid #bdc8c2; color: #52675f; font-family: Arial, sans-serif; }
.case-air .series-quote { min-height: 100svh; display: grid; place-content: center; background: var(--gallery-green); color: #fff; }
.case-air .series-quote blockquote { max-width: 13em; font-family: "Times New Roman", "Songti SC", serif; font-size: clamp(3.8rem, 7vw, 8rem); }
.case-air .series-next { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 8vw; }

@media (max-width: 980px) {
  .case-minimal::before, .case-art::before, .case-editorial::before, .case-human::before, .case-air::before { display: none; }
  .case-minimal .series-intro, .case-minimal .series-chapter { grid-template-columns: 1fr; }
  .case-minimal .series-index, .case-minimal .series-heading { border-right: 0; border-bottom: 1px solid #111; }
  .case-minimal .series-heading, .case-minimal .series-copy, .case-minimal .image-pair, .case-minimal .image-grid, .case-minimal .full-image { grid-column: 1; }
  .case-minimal .series-text { grid-template-columns: 1fr; }
  .case-editorial .series-text { columns: 1; }
  .case-human .series-intro { grid-template-columns: 1fr; }
  .case-human .series-copy { margin-left: 0; }
}

@media (max-width: 640px) {
  .case-minimal .series-hero, .case-editorial .series-hero, .case-air .series-hero { display: block; }
  .case-minimal .series-hero > img, .case-editorial .series-hero > img, .case-air .series-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; }
  .case-minimal .series-hero-copy, .case-editorial .series-hero-copy, .case-air .series-hero-copy { position: relative; inset: auto; width: 100%; min-height: 100svh; padding: 100px 18px 64px; justify-content: flex-end; color: #fff; border: 0; }
  .case-minimal .series-hero::after, .case-editorial .series-hero::after, .case-air .series-hero::after { display: block; background: linear-gradient(0deg, rgba(10,10,10,.78), transparent 68%); }
  .case-minimal .series-hero-copy::before, .case-air .series-hero-copy::before { display: none; }
  .case-minimal .series-hero h1, .case-editorial .series-hero h1, .case-air .series-hero h1 { color: #fff; writing-mode: horizontal-tb; }
  .case-minimal .series-hero-lead, .case-editorial .series-hero-lead, .case-air .series-hero-lead { width: auto; color: rgba(255,255,255,.8); }
  .case-art .series-hero-lead { margin-left: 0; }
  .case-art .image-pair, .case-art .image-grid { display: grid; }
  .case-art .image-pair img, .case-art .image-pair figure:nth-child(2) img, .case-art .image-grid img, .case-art .image-grid figure:first-child img { height: auto; aspect-ratio: 4 / 3; }
  .case-human .series-hero { margin: 8px; border-radius: 22px; }
  .case-human .series-hero > img, .case-human .series-hero::after { border-radius: 22px; }
  .case-human .series-intro, .case-human .series-chapter, .case-human .series-chapter.is-tinted, .case-human .series-next { width: calc(100% - 24px); padding: 42px 22px; border-radius: 24px; }
  .case-human .series-heading { grid-template-columns: 1fr; }
  .case-air .series-next { grid-template-columns: 1fr; }
  .case-air .full-image, .case-air .image-pair { width: 100%; }
}

/* Final phone overrides stay last in the cascade. */
@media (max-width: 640px) {
  .series-shell { width: calc(100% - 32px); }
  .series-hero, .case-art .series-hero, .case-human .series-hero, .case-air .series-hero { min-height: 92svh; }
  .series-hero-copy, .case-art .series-hero-copy, .case-human .series-hero-copy, .case-air .series-hero-copy, .case-minimal .series-hero-copy, .case-editorial .series-hero-copy { min-height: 92svh; padding: 90px 16px 54px; }
  .series-hero h1, .case-art .series-hero h1, .case-editorial .series-hero h1, .case-human .series-hero h1, .case-air .series-hero h1 { max-width: 100%; font-size: clamp(3rem, 14vw, 4.4rem); line-height: .98; }
  .series-hero-lead { max-width: 30em; margin-top: 22px; font-size: 13px; line-height: 1.7; }
  .series-scroll { display: none; }
  .series-intro { padding-block: 76px; }
  .series-index { font-size: 4.4rem; }
  .series-intro h2, .series-heading h2, .series-next h2 { max-width: 100%; font-size: clamp(2.2rem, 10.5vw, 3.3rem); line-height: 1.12; }
  .series-text, .series-copy { font-size: 15px; line-height: 1.9; }
  .series-text { margin-top: 28px; }
  .render-note { margin-top: 28px; }
  .series-chapter, .series-chapter.is-tinted, .series-chapter.is-dark { padding-block: 76px; }
  .series-heading { margin-bottom: 36px; }
  .series-copy { margin-bottom: 42px; }
  .image-pair, .image-grid { gap: 28px; }
  .image-pair img, .image-pair figure:nth-child(2) img, .image-pair.reverse figure:first-child img, .image-pair.reverse figure:nth-child(2) img, .image-grid img, .image-grid figure:first-child img { aspect-ratio: 4 / 3; }
  .series-quote { min-height: 72svh; padding: 72px 24px; display: grid; place-content: center; }
  .series-quote blockquote { font-size: clamp(2.15rem, 9.5vw, 3.2rem); }
  .series-next { padding-block: 84px; }
  .case-art .series-intro { padding-block: 92px; }
  .case-art .series-intro h2, .case-art .series-heading h2 { font-size: clamp(2.4rem, 11vw, 3.5rem); }
  .case-art .series-text, .case-art .render-note, .case-art .series-copy { text-align: left; }
  .case-art .series-chapter { padding-bottom: 92px; }
  .case-art .series-heading, .case-art .series-copy { width: calc(100% - 32px); }
  .case-human .series-heading h2 { font-size: clamp(2.25rem, 10vw, 3.2rem); }
  .case-human .image-pair figure, .case-human .image-grid figure { padding: 7px; border-radius: 18px; }
  .case-human .image-pair img, .case-human .image-grid img { border-radius: 13px; }
  .case-human .series-quote { width: calc(100% - 24px); min-height: 68svh; margin-block: 12px; border-radius: 28px; }
  .case-air .full-image { padding: 8px; }
  .case-air .series-intro, .case-air .series-quote { min-height: 78svh; }
}