.newsroom{background:#0b0a08;color:#f1e8d8;min-height:calc(100svh - var(--studio-nav-height,74px));padding:0 0 12px}
.newsroom-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:22px clamp(20px,3vw,52px) 19px}
.newsroom-eyebrow{font:11px/1.5 var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:#d5ae76;margin:0 0 6px}
.newsroom h1{font:400 clamp(22px,2.4vw,36px)/1.15 var(--font-mono);letter-spacing:-.04em;margin:0}
.newsroom-invitation{font-size:13px;color:#bdb1a0;margin:0;max-width:260px}
.newsroom-scene{position:relative;width:100%;max-width:1920px;margin:auto}
.newsroom-scene picture,.newsroom-art{display:block;width:100%;height:auto}
.newsroom-zone{position:absolute;display:flex;align-items:center;gap:9px;min-height:48px;padding:5px 12px 5px 5px;border:1px solid #d8ae7270;border-radius:3px;background:#100c08dc;color:#fff2df;text-decoration:none;box-shadow:0 3px 18px #0008;transition:background .18s,border-color .18s,box-shadow .18s}
.newsroom-zone{cursor:pointer;text-align:left}
.newsroom-zone__number{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid #d8ae7280;border-radius:50%;font:11px var(--font-mono);color:#edc891}
.newsroom-zone__label{font:12px/1.3 var(--font-mono)}
.newsroom-zone__label>span{display:block;font:10px/1.4 var(--font-body);color:#c9bcaa;margin-top:3px}
.newsroom-zone--desk{left:25%;top:76%}.newsroom-zone--development{left:39%;top:41%}.newsroom-zone--research{left:5%;top:28%}.newsroom-zone--process{left:55%;top:43%}
.newsroom-zone:hover,.newsroom-zone:focus-visible{background:#382817f2;border-color:#f2d29f;box-shadow:0 0 24px #e5af4b55;text-decoration:none}
.newsroom a:focus-visible,.newsroom-dialog a:focus-visible,.newsroom-dialog button:focus-visible{outline:3px solid #fff1cb;outline-offset:4px}
.newsroom-footer{display:flex;justify-content:space-between;gap:20px;padding:20px clamp(20px,3vw,52px);font-size:12px;color:#bdb1a0}
.newsroom-footer p{margin:0}.newsroom-footer a{color:#f0d3a6;min-height:44px;display:flex;align-items:center;gap:14px}
.newsroom-content{max-width:820px;margin:0 auto;padding:24px}
.newsroom-content[hidden],#newsroom-reborn-mount[hidden]{display:none!important}
.newsroom-entry{scroll-margin-top:100px;padding:20px 0 36px}
.newsroom-entry h2{font:400 clamp(26px,4vw,40px)/1.15 var(--font-mono);letter-spacing:-.035em;margin:12px 0 20px;color:#f6e8d1}
.newsroom-entry h3{font:400 18px/1.35 var(--font-mono);color:#efcf9e;margin:0 0 12px}
.newsroom-entry h3 small{display:block;font:11px var(--font-body);color:#bdb1a0;margin-top:6px}
.newsroom-entry p{line-height:1.75;color:#cfc4b3}.newsroom-entry .newsroom-lead{font-size:18px;color:#e4d6c0}
.newsroom-entry>section,.newsroom-record{border-top:1px solid #c99b5740;padding:24px 0 10px;margin-top:24px}
.newsroom-record a{display:inline-block;text-decoration:underline;text-underline-offset:5px;color:#f2d29f;min-height:44px;padding:10px 0}
.newsroom-entry .newsroom-status{font:11px var(--font-mono);color:#bcaa8d}
.newsroom-dialog{padding:0;width:min(780px,calc(100% - 32px));max-height:calc(100dvh - 32px);border:1px solid #a17d4b;background:#13110e;color:#f1e8d8;box-shadow:0 24px 100px #000b;overflow:auto}
.newsroom-dialog::backdrop{background:#030405c9}
.newsroom-dialog__bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid #c99b5740;background:#13110efc;font:10px/1.5 var(--font-mono);color:#c4b49b}
.newsroom-dialog button{min-width:78px;min-height:44px;border:1px solid #a17d4b;background:transparent;color:#f1e8d8;cursor:pointer}
.newsroom-dialog__content{padding:8px clamp(20px,4vw,46px) 16px}
@media(max-width:1000px){.newsroom-zone__label{font-size:11px}.newsroom-zone__label>span{display:none}.newsroom-zone--development{left:32%;top:42%}.newsroom-zone--process{left:58%;top:46%}}
@media(max-width:700px){.newsroom-heading{display:block;padding:22px 20px 18px}.newsroom-invitation{margin-top:12px;max-width:none}.newsroom-zones{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 16px 0}.newsroom-zone{position:static;min-height:66px;padding:8px;box-shadow:none;background:#18130e}.newsroom-zone__label{font-size:11px}.newsroom-zone__label>span{display:block}.newsroom-zone__number{width:28px;height:28px}.newsroom-footer{display:block;padding:22px 20px}.newsroom-footer a{margin-top:12px}.newsroom-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.newsroom-dialog__bar{padding:10px 16px}.newsroom-dialog__bar>span{max-width:160px}}
@media(max-width:360px){.newsroom-zones{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.newsroom-zone{transition:none}}

.newsroom-lyrics h4{font:700 12px/1.5 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#dfbd87}
.newsroom-lyric{border-top:1px solid #c99b5740}.newsroom-lyric summary{min-height:44px;padding:12px 0;cursor:pointer;color:#f1e8d8}.newsroom-lyric summary:focus-visible{outline:2px solid #dfbd87;outline-offset:3px}.newsroom-lyric__text{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.75;padding:8px 0 24px;color:#cfbfa7}

/* Functional holographic monitors, separate from the artwork’s lettering. */
.newsroom-zones { position: absolute; right: 3%; top: 10%; width: 46%; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(10px, 1.8vw, 28px); }
.newsroom-zone { position: static; min-width: 0; min-height: clamp(100px, 9vw, 150px); padding: clamp(12px, 1.8vw, 24px); align-items: flex-start; border-color: #64cefa99; background: #06121eea; box-shadow: 0 0 22px #38a5f333, inset 0 0 25px #38a5f31a; }
.newsroom-zone__label { font-size: clamp(12px, 1.15vw, 18px); overflow-wrap: anywhere; }
.newsroom-zone__label > span { display: block; font-size: clamp(10px, .9vw, 13px); line-height: 1.6; margin-top: 10px; color: #c5dae7; }
.newsroom-zone__number { color: #a8e6ff; border-color: #64cefa99; }
.collection-mark { display: block; width: min(160px, 100%); height: auto; margin: 0 0 20px; }
.newsroom-entry a { color: #f2d29f; }
@media (max-width: 1000px) {
  .newsroom-zone { padding: 12px; gap: 8px; }
  .newsroom-zone__number { width: 28px; height: 28px; }
}
@media (max-width: 700px) {
  .newsroom-zones { position: static; width: auto; grid-template-columns: 1fr; padding: 18px 16px 0; gap: 12px; }
  .newsroom-zone { min-height: 88px; padding: 16px; align-items: center; }
  .newsroom-zone__label { font-size: 14px; }
  .newsroom-zone__label > span { font-size: 12px; margin-top: 6px; }
  .midnight-page .studio-nav__scroll { flex-wrap: wrap; overflow-x: visible; }
  .midnight-page .studio-nav a { flex: 1 1 140px; }
}

@media (max-width: 700px) { .midnight-page .studio-nav__scroll { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; } .midnight-page .studio-nav a { min-width: 0; min-height: 52px; padding: 10px; } .midnight-page .studio-nav a:last-child { grid-column: 1 / -1; } }

/* A single foreground console sits over the mockup's monitor area. The
   original baked-in navigation remains in the source artwork. */
.newsroom-scene::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, #05090df5 0%, #05090df0 6%, transparent 15%), linear-gradient(to right, #080a0d70, transparent 52%); pointer-events: none; }
.newsroom-zones { z-index: 1; top: 14%; right: 3%; width: 47%; padding: clamp(12px, 1.5vw, 22px); gap: 0; border: 1px solid #69c9edb3; border-radius: 6px; background: linear-gradient(135deg, #071d2bf5, #07111af5); box-shadow: 0 0 26px #38a5f340, inset 0 0 40px #38a5f31a; }
.newsroom-zone { min-height: clamp(100px, 8vw, 132px); border: 0; border-radius: 0; box-shadow: none; background: transparent; padding: 16px 12px; }
.newsroom-zone:nth-child(odd) { border-right: 1px solid #64cefa40; }
.newsroom-zone:nth-child(-n+2) { border-bottom: 1px solid #64cefa40; }
.newsroom-zone__number { width: 28px; height: 28px; }
.newsroom-zone__label { font-size: clamp(12px, 1vw, 16px); }
.newsroom-zone__label > span { font-size: clamp(10px, .8vw, 12px); }
.newsroom-zone:hover, .newsroom-zone:focus-visible { background: #14344adb; box-shadow: inset 0 0 20px #38a5f326; }
.newsroom-zone:focus-visible { outline: 3px solid #fff1cb; outline-offset: -3px; }
@media (max-width: 1000px) {
 .newsroom-zones { position: relative; top: auto; right: auto; width: auto; margin: 18px 16px 0; }
 .newsroom-scene::after { bottom: auto; height: 20vw; }
}
@media (max-width: 700px) {
 .newsroom-zones { grid-template-columns: 1fr; padding: 8px 16px; }
 .newsroom-zone { min-height: 88px; padding: 16px 0; }
 .newsroom-zone:nth-child(odd) { border-right: 0; }
 .newsroom-zone:not(:last-child) { border-bottom: 1px solid #64cefa40; }
 .newsroom-zone__label { font-size: 14px; }
 .newsroom-zone__label > span { font-size: 12px; }
}