/* Workroom tradecraft v2 — stronger multimedia chamber */
.page--workroom{--trade-red:#8f2f26;--trade-red-hot:#c74a3b;--paper:#f0dfbd;--ink:#24170e;--string:#9c3027;}
.workroomHeroImageWrap::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 28% 22%,rgba(244,234,216,.10),transparent 22%),radial-gradient(circle at 72% 38%,rgba(199,164,90,.10),transparent 20%);mix-blend-mode:screen;opacity:.75;z-index:2;}
.workroomHeroImageWrap::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 0,rgba(255,255,255,.025) 50%,transparent 100%);background-size:100% 4px;opacity:.18;z-index:3;}
.workroomPulseClock{position:absolute;right:clamp(14px,2.6vw,34px);bottom:clamp(14px,2.6vw,34px);z-index:5;display:grid;gap:.12rem;min-width:112px;padding:.78rem .9rem;border:1px solid rgba(199,164,90,.44);border-radius:999px;background:rgba(8,6,5,.72);backdrop-filter:blur(8px);color:#f4ead8;font-family:"IBM Plex Sans Condensed",Inter,sans-serif;font-size:1.2rem;line-height:1;letter-spacing:.12em;text-align:center;box-shadow:0 20px 70px rgba(0,0,0,.42),inset 0 0 0 1px rgba(244,234,216,.05)}
.workroomPulseClock::after{content:attr(data-state);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(244,234,216,.62)}
body.workroom-is-transmitting .workroomPulseClock{border-color:rgba(199,164,90,.78);box-shadow:0 0 34px rgba(199,164,90,.18),0 20px 70px rgba(0,0,0,.42)}
body.workroom-is-transmitting .workroomPulseClock::after{content:"transmitting"}html[lang="da"] body.workroom-is-transmitting .workroomPulseClock::after{content:"sender"}

.workroomMapWall{padding-top:clamp(2.5rem,6vw,6rem);padding-bottom:clamp(2.5rem,6vw,5.5rem)}
.tradecraftMap{position:relative;width:min(1160px,calc(100% - 2rem));min-height:clamp(520px,58vw,690px);margin:clamp(1.4rem,3vw,2.4rem) auto 0;border:1px solid rgba(199,164,90,.34);border-radius:30px;overflow:hidden;background:radial-gradient(circle at 22% 16%,rgba(199,164,90,.12),transparent 30%),linear-gradient(135deg,rgba(31,22,15,.96),rgba(10,8,6,.96));box-shadow:0 36px 110px rgba(0,0,0,.46),inset 0 0 0 1px rgba(244,234,216,.035);isolation:isolate}
.tradecraftMap::before{content:"";position:absolute;inset:0;background:url('/assets/grain.png'),linear-gradient(90deg,rgba(244,234,216,.035) 1px,transparent 1px),linear-gradient(rgba(244,234,216,.03) 1px,transparent 1px);background-size:auto,54px 54px,54px 54px;opacity:.22;pointer-events:none;z-index:1}
.tradecraftMap::after{content:"M.O. / GEOGRAPHY OF PRESSURE";position:absolute;left:clamp(18px,3vw,34px);top:clamp(18px,3vw,30px);z-index:3;color:rgba(244,234,216,.38);font-family:"IBM Plex Sans Condensed",Inter,sans-serif;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase}html[lang="da"] .page--workroom .tradecraftMap::after{content:"M.O. / TRYKKETS GEOGRAFI"}
.mapStrings{position:absolute;inset:5% 4%;width:92%;height:74%;z-index:2;filter:drop-shadow(0 0 9px rgba(156,48,39,.24))}.mapStrings path{fill:none;stroke:rgba(169,47,38,.78);stroke-width:.42;stroke-linecap:round;stroke-dasharray:1.4 1.1;animation:stringPulse 7s ease-in-out infinite}.mapStrings path:nth-child(2){stroke:rgba(199,164,90,.34);stroke-width:.25;stroke-dasharray:.5 1.6;animation-delay:1.4s}@keyframes stringPulse{0%,100%{opacity:.55}50%{opacity:1}}
.mapPin{position:absolute;left:var(--x);top:var(--y);z-index:4;transform:translate(-50%,-50%);border:0;background:transparent;color:#f4ead8;cursor:pointer;padding:0;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45))}.mapPin::before{content:"";display:block;width:17px;height:17px;margin:0 auto 8px;border-radius:50% 50% 50% 0;background:var(--trade-red);transform:rotate(-45deg);box-shadow:0 0 0 4px rgba(143,47,38,.18),0 0 24px rgba(199,74,59,.24)}.mapPin span{display:block;max-width:140px;padding:.38rem .5rem;border:1px solid rgba(199,164,90,.24);border-radius:2px;background:rgba(8,6,5,.68);font-family:"IBM Plex Sans Condensed",Inter,sans-serif;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;white-space:normal;line-height:1.08}.mapPin:hover::before,.mapPin:focus-visible::before,.mapPin.is-active::before{background:var(--trade-red-hot);box-shadow:0 0 0 7px rgba(199,74,59,.16),0 0 34px rgba(199,74,59,.42)}.mapPin:hover span,.mapPin:focus-visible span,.mapPin.is-active span{border-color:rgba(199,164,90,.62);background:rgba(20,14,10,.88)}
.mapDossier{position:absolute;right:clamp(16px,3vw,34px);bottom:clamp(16px,3vw,34px);z-index:5;width:min(420px,calc(100% - 2rem));padding:clamp(1rem,2.2vw,1.45rem);border:1px solid rgba(199,164,90,.38);border-radius:18px;background:linear-gradient(180deg,rgba(240,223,189,.96),rgba(224,203,166,.92));color:var(--ink);box-shadow:0 22px 70px rgba(0,0,0,.36);transform:rotate(.35deg)}.mapDossier::before{content:"";position:absolute;inset:12px;border:1px solid rgba(36,23,14,.18);pointer-events:none}.mapDossier .eyebrow{color:#8f2f26}.mapDossier h3{position:relative;z-index:1;margin:.2rem 0 .35rem;font-family:"Cormorant Garamond",serif;font-size:clamp(2rem,4vw,3.2rem);line-height:.92;color:var(--ink)}.mapDossier p{position:relative;z-index:1}.mapMeta{margin:0 0 .85rem;font-family:"IBM Plex Sans Condensed",Inter,sans-serif;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(36,23,14,.68)}.mapCopy{font-size:1rem;line-height:1.55;color:rgba(36,23,14,.86)}

.workroomRedactionLab{padding-top:clamp(2rem,5vw,5rem);padding-bottom:clamp(2rem,5vw,5rem)}.redactionGrid{width:min(1120px,calc(100% - 2rem));margin:0 auto;display:grid;grid-template-columns:minmax(0,.65fr) minmax(340px,.8fr);gap:clamp(18px,3vw,38px);align-items:center}.redactionCopy h2{max-width:11ch;margin:.12rem 0 .9rem;font-family:Inter,system-ui,sans-serif;font-size:clamp(2.4rem,5.8vw,5.5rem);line-height:.92;letter-spacing:-.06em;color:#f4ead8}.redactionDossier{position:relative;overflow:hidden;padding:clamp(1.15rem,3vw,2rem);border-radius:22px;border:1px solid rgba(244,234,216,.24);background:linear-gradient(180deg,rgba(242,230,204,.98),rgba(222,203,166,.94));color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.42);transform:rotate(-.45deg)}.redactionDossier::before{content:"";position:absolute;inset:18px;border:1px solid rgba(36,23,14,.16);pointer-events:none}.redactionDossier::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(36,23,14,.035) 0 1px,transparent 1px 5px);opacity:.32;pointer-events:none}.dossierClips span{position:absolute;top:-5px;width:54px;height:24px;border-radius:0 0 8px 8px;background:rgba(22,17,13,.84);box-shadow:0 6px 15px rgba(0,0,0,.25);z-index:2}.dossierClips span:first-child{left:21%}.dossierClips span:last-child{right:18%}.dossierStamp{display:inline-block;margin:0 0 1rem;padding:.33rem .5rem;border:2px solid rgba(143,47,38,.58);color:#8f2f26;font-family:"IBM Plex Sans Condensed",Inter,sans-serif;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;transform:rotate(-1.5deg)}.redactionDossier h3{position:relative;z-index:1;margin:.1rem 0 1rem;font-family:"Cormorant Garamond",serif;font-size:clamp(1.75rem,3.4vw,3rem);line-height:1;color:var(--ink)}.redactionDossier p{position:relative;z-index:1;font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.65}.redactionStrip{position:relative;display:inline-flex;min-width:8ch;align-items:center;justify-content:center;margin:0 .15rem;padding:.12rem .35rem;border:0;background:#090706;color:#090706;border-radius:1px;box-shadow:0 2px 0 rgba(0,0,0,.18);cursor:pointer;font:inherit;line-height:1.15}.redactionStrip:hover,.redactionStrip:focus-visible{outline:2px solid rgba(143,47,38,.34);outline-offset:2px}.redactionStrip.is-revealed{background:rgba(143,47,38,.13);color:#8f2f26;box-shadow:inset 0 -2px 0 rgba(143,47,38,.24);animation:paperLift .36s ease}.redactionHint{margin-top:1.25rem!important;font-family:"IBM Plex Sans Condensed",Inter,sans-serif;font-size:.78rem!important;letter-spacing:.12em;text-transform:uppercase;color:rgba(36,23,14,.58)}@keyframes paperLift{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-.7deg)}100%{transform:translateY(0) rotate(0)}}

.receiverDeskVisual{position:relative;overflow:hidden;background:#090706}.receiverDeskVisual img{display:block;width:100%;aspect-ratio:16/9.4;object-fit:cover;filter:saturate(.82) contrast(1.08)}.receiverDeskVisual::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 35% 42%,transparent 0 22%,rgba(0,0,0,.34) 58%),linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.32));pointer-events:none}.radioScale{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;display:grid;grid-template-columns:auto 1fr auto auto;gap:.65rem;align-items:center;padding:.65rem .75rem;border:1px solid rgba(199,164,90,.34);background:rgba(8,6,5,.68);backdrop-filter:blur(6px);color:rgba(244,234,216,.72);font-family:"IBM Plex Sans Condensed",Inter,sans-serif;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.radioScale i{height:1px;background:linear-gradient(90deg,rgba(199,164,90,.18),rgba(199,164,90,.86),rgba(199,164,90,.18));position:relative}.radioScale i::after{content:"";position:absolute;left:58%;top:50%;width:2px;height:18px;background:#c7a45a;transform:translateY(-50%);box-shadow:0 0 18px rgba(199,164,90,.55)}.workroomSignalCard::before{content:"SIGNAL DESK / LINE 03"}.workroomReceiver.is-playing .receiverControl{animation:receiverHum 1.1s ease-in-out infinite}@keyframes receiverHum{0%,100%{transform:translateX(0)}25%{transform:translateX(.5px)}75%{transform:translateX(-.5px)}}

.drawerRattle{margin:1rem 0 .6rem;border:1px solid rgba(199,164,90,.42);border-radius:2px;background:rgba(14,10,8,.82);color:#f4ead8;padding:.72rem .85rem;font-family:"IBM Plex Sans Condensed",Inter,sans-serif;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.drawerRattle:hover,.drawerRattle:focus-visible{background:rgba(143,47,38,.18);outline:none;border-color:rgba(199,164,90,.64)}.workEntry--closed.is-rattling{animation:drawerRattle .42s ease}@keyframes drawerRattle{0%,100%{transform:translateX(0) rotate(0)}20%{transform:translateX(-3px) rotate(-.15deg)}45%{transform:translateX(3px) rotate(.15deg)}70%{transform:translateX(-2px) rotate(-.1deg)}}
.workroomEvidenceLab .sectionHead h2{max-width:11ch}.mediaEvidenceCard{transition:transform .25s ease,border-color .25s ease}.mediaEvidenceCard:hover{transform:translateY(-3px) rotate(-.12deg);border-color:rgba(199,164,90,.48)}.mediaEvidenceCard:nth-child(even):hover{transform:translateY(-3px) rotate(.12deg)}

@media(max-width:900px){.tradecraftMap{min-height:auto;padding:5rem 1rem 1rem;display:grid;gap:.72rem}.mapStrings{display:none}.mapPin{position:relative;left:auto;top:auto;transform:none;display:flex;align-items:center;gap:.75rem;justify-content:flex-start;width:100%;padding:.62rem;border:1px solid rgba(199,164,90,.20);background:rgba(8,6,5,.54);text-align:left}.mapPin::before{margin:0;flex:0 0 auto}.mapPin span{border:0;background:transparent;padding:0;max-width:none}.mapDossier{position:relative;right:auto;bottom:auto;width:auto;margin-top:.5rem}.redactionGrid{grid-template-columns:1fr}.redactionCopy h2{max-width:13ch}.workroomPulseClock{right:12px;bottom:12px;min-width:96px;font-size:1rem}.radioScale{left:12px;right:12px;bottom:12px}}
@media(max-width:640px){.tradecraftMap{width:min(100% - 1rem,640px);border-radius:22px}.mapDossier{border-radius:16px}.redactionGrid{width:min(100% - 1rem,640px)}.redactionDossier{border-radius:18px;padding:1.1rem}.redactionStrip{min-width:6ch}.workroomSignalCard::before{font-size:.66rem}.radioScale{grid-template-columns:auto 1fr auto;}.radioScale span:last-child{display:none}}
