.works-scene[data-project="media"] { width:min(1380px,90%); }
.works-scene[data-project="media"] .works-toolbar { margin-bottom:22px; }
.works-scene[data-project="media"] .reading-current { display:flex; align-items:center; justify-content:flex-end; gap:8px; white-space:nowrap; }
.works-scene[data-project="media"] .reading-current[hidden] { display:none; }
.works-scene[data-project="media"] .reading-current>span { overflow:hidden; text-overflow:ellipsis; }
.works-scene[data-project="media"] .reading-current>b { flex:none; margin-right:0; }
.media-room-hero { position:relative; isolation:isolate; min-height:640px; height:calc(100svh - 190px); max-height:820px; display:flex; align-items:center; padding:64px 7%; overflow:clip; background:#e6f2f6; }
.media-room-backdrop { position:absolute; z-index:-2; inset:0; overflow:hidden; }
.media-room-backdrop>img { width:100%; height:100%; object-fit:cover; object-position:center 48%; opacity:.23; transform:translateY(var(--media-depth,0px)) scale(1.14); }
.media-room-backdrop>span { position:absolute; inset:0; background:#edf8fc; opacity:.47; }
.media-room-hero::after { content:""; position:absolute; pointer-events:none; inset:18px; border:1px solid #fff9; border-radius:48% 3% 44% 3% / 3% 43% 3% 45%; z-index:-1; }
.media-room-copy { position:relative; z-index:3; width:47%; padding:30px 0; }
.media-room-kicker { display:block; font-size:11px; color:#456f83; margin-bottom:22px; }
.media-room-copy .works-heading { padding:0; margin:0; background:none; max-width:none; }
.media-room-copy #worksEnglish,.media-room-copy .chapter-stamp,.media-room-copy .chapter-recipe { display:none; }
.media-room-copy .works-heading h1 { font:20px/1.5 "Songti SC",serif; margin:0 0 24px; color:#456d80; }
.media-room-lead { font:44px/1.5 "Songti SC",serif; color:#a43e75; margin:0 0 24px; }
.media-room-copy #worksSummary { max-width:340px; font-size:13px; line-height:2; color:#365f78; }
.media-room-papers { position:absolute; inset:12% 4% 12% 48%; perspective:1200px; }
.media-room-paper { position:absolute; width:42%; height:66%; padding:12px; background:#fff; border:1px solid #d2e5ec; text-align:left; box-shadow:0 18px 28px #456f8329,3px 5px 0 #fff8; cursor:zoom-in; transform:translateX(var(--media-pointer,0px)) rotate(var(--paper-angle)); transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s; }
.media-room-paper span { display:block; font-size:10px; color:#a43e75; margin:2px 0 10px; }
.media-room-paper img { width:100%; height:calc(100% - 35px); object-fit:cover; object-position:top; display:block; }
.media-room-paper b { position:absolute; bottom:9px; right:12px; font-size:18px; font-weight:400; color:#a43e75; background:white; }
.paper-0 { --paper-angle:-12deg; top:9%; left:0; z-index:1; }
.paper-1 { --paper-angle:8deg; top:0; left:40%; z-index:2; }
.paper-2 { --paper-angle:-3deg; top:35%; left:30%; height:54%; width:53%; z-index:3; }
.media-room-paper:hover,.media-room-paper:focus-visible { transform:translate(0,-18px) rotate(0deg); z-index:5; box-shadow:0 28px 40px #456f8338; }
.media-room-paper:focus-visible { outline:2px solid #a43e75; outline-offset:4px; }
.media-room-scroll { position:absolute; left:7%; bottom:32px; right:7%; display:flex; align-items:center; justify-content:space-between; color:#456f83; font-size:12px; }
.media-room-scroll>span:last-child { font-size:25px; }
.media-room-nav { border:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:0 0 130px; padding:0; }
.media-room-nav a { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; padding:24px 18px; border-bottom:1px solid #b8d9e6; color:#426d82; font-size:13px; text-decoration:none; transition:background .25s,color .25s; }
.media-room-nav a>span { font:12px Georgia,serif; color:#a43e75; }
.media-room-nav a>b { font-weight:400; }
.media-room-nav a>i { font:20px Georgia,serif; }
.media-room-nav a:hover,.media-room-nav a[aria-current="location"] { background:#f8eaf2; color:#a43e75; }
.media-room-chapter { position:relative; margin:0; padding:0 5%; }
.media-room-chapter~.media-room-chapter { margin-top:150px; }
.media-room-chapter>header { position:relative; isolation:isolate; padding-top:30px; margin-bottom:55px; max-width:650px; }
.media-room-chapter-number { position:absolute; z-index:-1; font:110px/1 Georgia,serif; color:#dcecf3; left:-30px; top:-36px; }
.media-room-chapter h2 { font:34px/1.65 "Songti SC",serif; text-wrap:balance; margin:14px 0 22px; }
.media-room-chapter p,.media-room-chapter dd { font-size:14px; }
.media-room-chapter .work-figure { margin:0; }
.media-room-chapter .work-figure figcaption { font-size:10px; }
.media-room-chapter .work-figure button { border-radius:2px; overflow:hidden; }
.media-room-chapter-0 { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr); column-gap:9%; align-items:start; }
.media-room-chapter-0>header { position:sticky; top:160px; margin-top:40px; }
.media-room-chapter-0>.media-evidence-note { grid-column:2; }
.media-room-chapter-0 .media-account-grid { display:grid; grid-template-columns:1fr; gap:70px; padding:10px 15px 10px 0; }
.media-room-chapter-0 article { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px 26px; padding:22px; background:#fff; border:1px solid #c3dce7; box-shadow:8px 12px 0 #deedf4; transform:rotate(2deg); }
.media-room-chapter-0 article:nth-child(2) { transform:rotate(-2deg); background:#fff8fc; box-shadow:-8px 12px 0 #f0dfe9; }
.media-room-chapter-0 article { transition:translate .35s,box-shadow .35s; }
.media-room-chapter-0 article:hover { translate:0 -6px; box-shadow:8px 18px 0 #deedf4; }
.media-note-tag { grid-column:1 / -1; padding-bottom:12px; border-bottom:1px dashed #bdd6e0; font-size:11px; color:#8d5476; }
.media-room-chapter-0 .media-account-copy { align-self:center; }
.media-room-chapter-0 h3 { font:23px/1.6 "Songti SC",serif; }
.media-room-chapter-0 .work-figure { width:100%; }
.media-room-chapter-0 .work-figure button { height:320px; }
.media-room-chapter-0 .work-figure img { object-fit:cover; object-position:top; }
.media-room-chapter-0 .account-data { font-size:12px; padding-top:12px; border-top:1px solid #d9e5ec; margin-top:20px; }
.media-room-chapter-1 { padding:85px 5% 60px; background:#f7edf3; border-radius:48% 3% 44% 3% / 2% 42% 2% 43%; }
.media-room-chapter-1>header { margin-inline:auto; text-align:center; }
.media-room-chapter-1 .media-room-chapter-number { left:50%; translate:-50% 0; color:#e9d6e3; }
.media-room-chapter-1 .media-account-grid { gap:42px; perspective:1200px; padding:10px 0 35px; }
.media-room-chapter-1 article { position:relative; display:flex; flex-direction:column; padding:36px 22px 22px; background:#fffafc; border:1px solid #d9b7cb; box-shadow:6px 8px 0 #e9dce5; transform:rotate(-2deg); }
.media-room-chapter-1 article:nth-child(2) { transform:translateY(28px) rotate(2deg); }
.media-room-chapter-1 article { transition:transform .5s; }
.media-room-chapter-1 article:hover { transform:translateY(-8px) rotate(0); }
.media-archive-tab { position:absolute; top:-13px; left:22px; padding:6px 18px; color:#965879; background:#f7edf3; border:1px solid #d9b7cb; font-size:11px; }
.media-room-chapter-1 .work-figure { width:100%; max-width:none; order:0; }
.media-room-chapter-1 .work-figure button { height:290px; }
.media-room-chapter-1 .work-figure img { object-fit:cover; object-position:top; }
.media-room-chapter-1 .media-account-copy { margin-top:22px; }
.media-room-chapter-1 h3 { font:20px/1.5 "Songti SC",serif; }
.media-room-chapter-2>header { max-width:700px; }
.media-room-chapter-2 .media-topic-layout { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:9%; align-items:center; }
.media-room-chapter-2 .media-topic-layout>div { order:2; }
.media-room-chapter-2 .media-topic-layout>.work-figure { order:1; width:100%; max-width:none; }
.media-subtitle-screen { position:relative; padding:18px; background:#e5f1f7; border:1px solid #accddd; box-shadow:-16px 18px 0 #f3e6ef; }
.media-edit-bar { display:flex; justify-content:space-between; gap:15px; font-size:10px; color:#507c96; padding-bottom:18px; }
.media-subtitle-screen .work-figure img { background:#fff; }
.media-subtitle-line { position:absolute; bottom:76px; left:20%; right:20%; text-align:center; pointer-events:none; }
.media-subtitle-line>span { display:inline; padding:5px 10px; color:white; background:#32576ed9; font-size:12px; line-height:2; }
.media-edit-timeline { display:flex; align-items:center; gap:18px; margin-top:50px; padding-top:22px; border-top:1px solid #bdd9e7; font-size:11px; color:#507c96; }
.media-edit-timeline i { flex:1; height:10px; background:repeating-linear-gradient(90deg,#a9ccdc 0 2px,transparent 2px 10px); }
.media-room-chapter-3 { border-top:1px solid #bcd9e6; padding-top:80px; }
.media-room-chapter-3>header { max-width:760px; }
.media-room-chapter-3 .media-topic-layout { align-items:center; gap:12%; }
.media-topic-record { margin:10px 0 38px; }
.media-topic-record>span { font-size:12px; color:#507c96; }
.media-topic-record>strong { display:block; font:64px/1.2 Georgia,serif; color:#a43e75; margin:12px 0; }
.media-topic-record>strong>span { font:23px "Songti SC",serif; margin-left:8px; }
.media-topic-record>p { font-size:12px; }
.media-topic-evidence { transform:rotate(3deg); padding:15px; border:1px solid #c5dae5; box-shadow:12px 16px 0 #f0e0eb; background:white; }
.media-room-chapter .media-evidence-note { font-size:11px; line-height:1.9; }
@media(max-width:1000px) {
  .media-room-hero { min-height:560px; padding-inline:5%; }
  .media-room-lead { font-size:34px; }
  .media-room-chapter-0 { column-gap:5%; }
  .media-room-chapter-0 article { grid-template-columns:1fr; }
  .media-room-chapter-0 .work-figure button { height:320px; }
  .media-room-nav a { padding:22px 8px; gap:6px; font-size:12px; }
}
@media(max-width:650px) {
  .works-scene[data-project="media"] { width:90%; }
  .works-scene[data-project="media"] #worksCode { max-width:48%; text-align:right; font-size:9px; }
  .media-room-hero { display:block; min-height:720px; height:auto; padding:32px 8% 50px; }
  .media-room-copy { width:100%; padding:0; }
  .media-room-kicker { font-size:9px; margin-bottom:15px; }
  .media-room-copy .works-heading h1 { font-size:17px; margin-bottom:15px; }
  .media-room-lead { font-size:30px; line-height:1.5; margin-bottom:15px; }
  .media-room-copy #worksSummary { font-size:12px; max-width:100%; }
  .media-room-papers { inset:350px 5% 70px; }
  .media-room-paper { padding:7px; width:38%; height:70%; }
  .media-room-paper span { font-size:8px; margin-bottom:7px; }
  .media-room-paper img { height:calc(100% - 26px); }
  .paper-0 { left:4%; }
  .paper-1 { left:53%; top:2%; }
  .paper-2 { width:45%; left:30%; height:65%; top:35%; }
  .media-room-scroll { bottom:20px; font-size:11px; }
  .media-room-nav { grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:90px; }
  .media-room-nav a { padding:20px 10px; }
  .media-room-chapter { padding-inline:3%; }
  .media-room-chapter~.media-room-chapter { margin-top:100px; }
  .media-room-chapter h2 { font-size:27px; }
  .media-room-chapter-number { font-size:84px; left:-8px; top:-12px; }
  .media-room-chapter>header { padding-top:32px; margin-bottom:36px; }
  .media-room-chapter-0 { display:block; }
  .media-room-chapter-0>header { position:relative; top:auto; }
  .media-room-chapter-0 .media-account-grid { gap:50px; padding:0 7px; }
  .media-room-chapter-0 article { grid-template-columns:1fr; padding:20px; gap:15px; transform:rotate(1.5deg); }
  .media-room-chapter-0 article:nth-child(2) { transform:rotate(-1.5deg); }
  .media-room-chapter-0 .work-figure button { height:350px; }
  .media-room-chapter-1 { padding:45px 6% 35px; }
  .media-room-chapter-1 .media-account-grid { gap:48px; }
  .media-room-chapter-1 article { transform:rotate(-1deg); }
  .media-room-chapter-1 article:nth-child(2) { transform:rotate(1deg); }
  .media-room-chapter-1 .work-figure button { height:300px; }
  .media-room-chapter-2 .media-topic-layout,.media-room-chapter-3 .media-topic-layout { grid-template-columns:1fr; gap:45px; }
  .media-room-chapter-2 .media-topic-layout>div { order:1; }
  .media-room-chapter-2 .media-topic-layout>.work-figure { order:2; width:94%; margin:auto; }
  .media-edit-timeline { gap:8px; font-size:9px; }
  .media-edit-timeline i { min-width:8px; }
  .media-topic-record>strong { font-size:54px; }
  .media-topic-evidence { width:88%; margin:10px auto 20px!important; }
}
@media(prefers-reduced-motion:reduce) {
  .media-room-paper,.media-room-chapter-0 article,.media-room-chapter-1 article { transition:none; }
  .media-room-chapter-0 article:hover { translate:none; }
  .media-room-backdrop>img { transform:scale(1.14); }
}