
/* Workroom multimedia chamber — generated/staged evidence objects v1 */
.page--workroom .workroomAtmosphere,
.page--workroom .workroomEvidenceLab{position:relative;}
.workroomScenePlate{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:clamp(18px,3vw,34px);align-items:stretch;margin-top:clamp(18px,3vw,30px)}
.workroomSceneImage,.workroomObjectCard,.mediaEvidenceCard{border:1px solid rgba(201,164,90,.32);background:linear-gradient(180deg,rgba(30,23,17,.92),rgba(13,10,8,.96));box-shadow:0 24px 70px rgba(0,0,0,.38);overflow:hidden}
.workroomSceneImage{border-radius:28px;min-height:360px;position:relative}
.workroomSceneImage img{width:100%;height:100%;min-height:360px;display:block;object-fit:cover;filter:saturate(.92) contrast(1.05)}
.workroomSceneImage figcaption,.evidenceCaption{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(244,234,216,.72);padding:12px 16px;border-top:1px solid rgba(201,164,90,.18);background:rgba(10,8,6,.58)}
.workroomObjectCard{border-radius:24px;padding:clamp(18px,2.2vw,28px);display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.workroomObjectCard img{width:100%;border-radius:18px;border:1px solid rgba(201,164,90,.22);filter:saturate(.85) contrast(1.04)}
.workroomObjectCard h2,.mediaEvidenceCard h3{font-family:'Cormorant Garamond',serif;color:#f4ead8;margin:.35rem 0 .5rem;line-height:1.03}
.workroomObjectCard p,.mediaEvidenceCard p{color:rgba(244,234,216,.78);line-height:1.65}
.workroomNotice{border-left:3px solid rgba(201,164,90,.65);padding:14px 16px;background:rgba(201,164,90,.07);color:rgba(244,234,216,.78);font-size:.94rem;line-height:1.55}
.evidenceGrid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(16px,2.2vw,24px)}
.mediaEvidenceCard{border-radius:24px;padding:0;grid-column:span 6;min-height:100%;display:flex;flex-direction:column}
.mediaEvidenceCard.mediaEvidenceCard--wide{grid-column:span 12}
.mediaEvidenceCard.mediaEvidenceCard--third{grid-column:span 4}
.mediaEvidenceCard figure{margin:0;display:flex;flex-direction:column;height:100%}
.mediaEvidenceCard img,.mediaEvidenceCard video{width:100%;display:block;aspect-ratio:16/10;object-fit:cover;background:#090706}
.mediaEvidenceCard video{max-height:520px}
.mediaEvidenceBody{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.evidenceType{font-family:'IBM Plex Sans Condensed',Inter,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:#c7a45a}
.workroomAudioPanel{padding:18px 20px 22px;border-top:1px solid rgba(201,164,90,.16)}
.workroomAudioPanel audio{width:100%;filter:sepia(.35) saturate(.9);margin-top:10px}
.downloadFragment{display:inline-flex;align-items:center;gap:10px;margin-top:12px;padding:12px 15px;border:1px solid rgba(201,164,90,.45);border-radius:999px;color:#f4ead8;text-decoration:none;background:rgba(201,164,90,.08);font-weight:700;letter-spacing:.02em}
.downloadFragment:hover{background:rgba(201,164,90,.16);transform:translateY(-1px)}
.entryMediaFigure{margin:22px 0 6px;border:1px solid rgba(201,164,90,.28);border-radius:20px;overflow:hidden;background:rgba(12,9,7,.86)}
.entryMediaFigure img{width:100%;display:block;object-fit:cover;max-height:620px}
.entryMediaFigure figcaption{padding:11px 14px;color:rgba(244,234,216,.68);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;background:rgba(9,7,5,.72)}
.entryMediaPair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.entryMediaPair .entryMediaFigure{margin:0}
@media(max-width:900px){.workroomScenePlate{grid-template-columns:1fr}.evidenceGrid{grid-template-columns:1fr}.mediaEvidenceCard,.mediaEvidenceCard.mediaEvidenceCard--wide,.mediaEvidenceCard.mediaEvidenceCard--third{grid-column:1}.entryMediaPair{grid-template-columns:1fr}.workroomSceneImage img{min-height:300px}}


/* Workroom hero image pass v2 */
.workroomHero--withImage{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:min(88vh,980px);
  padding-top:clamp(6.5rem,10vw,8.5rem);
  padding-bottom:clamp(3.5rem,8vw,6rem);
  background:#0e0b08;
  border-bottom:1px solid rgba(199,164,90,.16);
}
.workroomHero--withImage::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(14,11,8,.96) 0%, rgba(14,11,8,.90) 22%, rgba(14,11,8,.72) 46%, rgba(14,11,8,.62) 62%, rgba(14,11,8,.78) 100%),
    linear-gradient(180deg, rgba(14,11,8,.24) 0%, rgba(14,11,8,.52) 68%, rgba(14,11,8,.86) 100%),
    url('/assets/workroom-media/workroom-hero-noir-nyc.webp') center center / cover no-repeat;
  transform:scale(1.01);
  z-index:-2;
}
.workroomHero--withImage::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 74% 40%, rgba(215,169,99,.10), transparent 28%), radial-gradient(circle at 78% 56%, rgba(255,221,161,.06), transparent 18%);
  z-index:-1;
  pointer-events:none;
}
.workroomHero--withImage .workroomHeroGrid{position:relative;z-index:2;align-items:end;min-height:min(64vh,720px);}
.workroomHero--withImage .workroomHeroCopy{max-width:58rem;}
.workroomHero--withImage .workroomSubdeck{
  max-width:42rem;
  margin:.15rem 0 0;
  color:rgba(244,234,216,.76);
  font-size:clamp(1rem,1.35vw,1.12rem);
  line-height:1.6;
}
.workroomHero--withImage .sectionTools{margin-top:1.25rem;}
.workroomHero--withImage .btn.ghost{background:rgba(244,234,216,.04);backdrop-filter:blur(1px);}
.workroomOath--hero{
  align-self:end;
  backdrop-filter:blur(10px);
  background:linear-gradient(180deg, rgba(18,14,10,.66), rgba(18,14,10,.40));
  border-color:rgba(199,164,90,.20);
  box-shadow:0 30px 90px rgba(0,0,0,.42);
}
.workroomOath--hero blockquote{max-width:10ch;}
@media (max-width: 940px){
  .workroomHero--withImage{min-height:auto;padding-top:6.25rem;}
  .workroomHero--withImage::before{background:
    linear-gradient(180deg, rgba(14,11,8,.92) 0%, rgba(14,11,8,.76) 48%, rgba(14,11,8,.90) 100%),
    url('/assets/workroom-media/workroom-hero-noir-nyc.webp') 68% center / cover no-repeat;
  }
  .workroomHero--withImage .workroomHeroGrid{min-height:auto;}
}
@media (max-width: 680px){
  .workroomHero--withImage{padding-top:5.75rem;padding-bottom:3rem;}
  .workroomHero--withImage .workroomDeck{max-width:12ch;}
  .workroomHero--withImage .workroomSubdeck{font-size:.98rem;line-height:1.55;}
}


/* Requested final edit pass: opening link + Workroom pigeonhole hero */
.openingBridgeNNV{
  color:#d43b2f;
  text-decoration:none;
  font-weight:900;
  letter-spacing:.01em;
}
.openingBridgeNNV:hover,
.openingBridgeNNV:focus-visible{
  color:#ff5a45;
  text-decoration:none;
}

.workroomHero--board{
  min-height:min(92vh,1040px);
  align-items:center;
}
.workroomHero--board::before{
  background:
    linear-gradient(90deg, rgba(14,11,8,.96) 0%, rgba(14,11,8,.84) 36%, rgba(14,11,8,.58) 68%, rgba(14,11,8,.80) 100%),
    linear-gradient(180deg, rgba(14,11,8,.22) 0%, rgba(14,11,8,.44) 62%, rgba(14,11,8,.90) 100%),
    url('/assets/workroom-media/workroom-hero-noir-nyc.webp') center center / cover no-repeat;
}
.workroomHeroStage{
  position:relative;
  z-index:2;
  width:min(1180px,calc(100% - 2rem));
  margin:0 auto;
  padding-top:clamp(1.5rem,4vw,3rem);
}
.workroomBoard{
  position:relative;
  overflow:hidden;
  padding:clamp(1.1rem,3vw,2rem);
  border:1px solid rgba(199,164,90,.28);
  border-radius:26px;
  background:
    radial-gradient(circle at 16% 12%, rgba(199,164,90,.11), transparent 28%),
    linear-gradient(135deg, rgba(22,19,15,.88), rgba(7,6,5,.72));
  box-shadow:0 38px 120px rgba(0,0,0,.52), inset 0 0 0 1px rgba(244,234,216,.045);
  backdrop-filter:blur(10px);
}
.workroomBoard::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background:
    linear-gradient(rgba(244,234,216,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244,234,216,.025) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent);
}
.workroomBoard::after{
  content:"";
  position:absolute;
  inset:.75rem;
  border:1px solid rgba(199,164,90,.16);
  border-radius:20px;
  pointer-events:none;
}
.workroomBoardRail{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-bottom:clamp(1rem,3vw,2rem);
}
.workroomBoardRail span,
.fileCardStamp{
  display:inline-flex;
  width:max-content;
  align-items:center;
  border:1px solid rgba(199,164,90,.34);
  border-radius:2px;
  padding:.32rem .56rem;
  color:rgba(199,164,90,.92);
  font-family:"IBM Plex Sans Condensed",Inter,sans-serif;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.16em;
  background:rgba(7,6,5,.44);
  transform:rotate(-2deg);
}
.workroomBoardRail span:nth-child(2){transform:rotate(1.5deg);color:rgba(244,234,216,.74);border-color:rgba(244,234,216,.22);}
.workroomBoardRail span:nth-child(3){transform:rotate(-.6deg);color:rgba(192,58,43,.88);border-color:rgba(192,58,43,.42);}
.workroomBoardTitle{
  position:relative;
  z-index:2;
  max-width:860px;
  margin-bottom:clamp(1rem,3vw,1.8rem);
}
.workroomBoardTitle h1{
  font-family:Inter,system-ui,sans-serif;
  font-size:clamp(3.3rem,9vw,8.2rem);
  line-height:.88;
  margin:.15rem 0 0;
  letter-spacing:-.075em;
  color:#f4ead8;
  text-shadow:0 24px 80px rgba(0,0,0,.65);
}
.workroomBoardBody{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(280px,.62fr);
  grid-template-areas:
    "lead holes"
    "law holes";
  gap:clamp(.9rem,2vw,1.35rem);
  align-items:stretch;
}
.workroomFileCard,
.workroomLawCard{
  position:relative;
  border-radius:18px;
  box-shadow:0 20px 70px rgba(0,0,0,.36);
}
.workroomFileCard--lead{
  grid-area:lead;
  min-height:190px;
  padding:clamp(1rem,2.4vw,1.55rem);
  color:#21170f;
  background:
    linear-gradient(180deg, rgba(244,234,216,.96), rgba(223,207,173,.91));
  border:1px solid rgba(244,234,216,.52);
  transform:rotate(-.45deg);
}
.workroomFileCard--lead::after{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(33,23,15,.22);
  pointer-events:none;
}
.workroomFileCard--lead .fileCardStamp{
  color:#8d342a;
  border-color:rgba(141,52,42,.42);
  background:transparent;
  margin-bottom:1.1rem;
}
.workroomFileCard--lead p{
  position:relative;
  z-index:1;
  max-width:13ch;
  margin:0;
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(2rem,4.2vw,4rem);
  line-height:.9;
  color:#21170f;
}
.workroomPigeonholes{
  grid-area:holes;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.55rem;
  padding:.75rem;
  border-radius:18px;
  border:1px solid rgba(199,164,90,.22);
  background:linear-gradient(180deg, rgba(5,4,3,.62), rgba(20,16,11,.42));
  box-shadow:inset 0 0 0 1px rgba(244,234,216,.035);
}
.workroomPigeonholes span{
  display:flex;
  min-height:78px;
  align-items:end;
  justify-content:flex-start;
  padding:.7rem;
  border:1px solid rgba(199,164,90,.16);
  background:
    linear-gradient(180deg, rgba(0,0,0,.28), rgba(244,234,216,.028)),
    radial-gradient(circle at 30% 20%, rgba(199,164,90,.10), transparent 44%);
  color:rgba(244,234,216,.78);
  font-family:"IBM Plex Sans Condensed",Inter,sans-serif;
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.13em;
}
.workroomLawCard{
  grid-area:law;
  padding:clamp(1rem,2vw,1.35rem);
  border:1px solid rgba(199,164,90,.24);
  background:linear-gradient(180deg, rgba(18,14,10,.82), rgba(12,10,8,.60));
  transform:rotate(.25deg);
}
.workroomLawCard .fileCardStamp{
  color:rgba(199,164,90,.88);
  border-color:rgba(199,164,90,.28);
  margin-bottom:.9rem;
  transform:rotate(.7deg);
}
.workroomLawCard blockquote{
  margin:0 0 .75rem;
  max-width:12ch;
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(1.7rem,3.3vw,3.2rem);
  line-height:.9;
  color:#f4ead8;
}
.workroomLawCard p{
  max-width:34rem;
  margin:0;
  color:rgba(244,234,216,.66);
  line-height:1.55;
}
.workroomHeroActions{
  position:relative;
  z-index:2;
  margin-top:1rem;
}
@media (max-width: 940px){
  .workroomHero--board::before{
    background:
      linear-gradient(180deg, rgba(14,11,8,.88) 0%, rgba(14,11,8,.76) 54%, rgba(14,11,8,.94) 100%),
      url('/assets/workroom-media/workroom-hero-noir-nyc.webp') 68% center / cover no-repeat;
  }
  .workroomHeroStage{width:min(100% - 1.5rem,760px);}
  .workroomBoardBody{
    grid-template-columns:1fr;
    grid-template-areas:"lead" "holes" "law";
  }
  .workroomPigeonholes{grid-template-columns:1fr 1fr;}
}
@media (max-width: 640px){
  .workroomHero--board{padding-top:5.5rem;}
  .workroomBoard{border-radius:20px;padding:1rem;}
  .workroomBoard::after{inset:.55rem;border-radius:15px;}
  .workroomBoardTitle h1{font-size:clamp(3.15rem,18vw,5.6rem);}
  .workroomFileCard--lead{min-height:150px;}
  .workroomFileCard--lead p{font-size:clamp(2rem,12vw,3.25rem);}
  .workroomPigeonholes{grid-template-columns:1fr;}
  .workroomPigeonholes span{min-height:54px;}
  .workroomHeroActions{display:grid;grid-template-columns:1fr;gap:.55rem;}
}


/* Workroom cinematic hero replacement */
.srOnly{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0, 0, 0, 0) !important;
  white-space:nowrap !important;
  border:0 !important;
}
.workroomHero--cinematic{
  min-height:auto;
  padding-top:clamp(5.75rem,8vw,7rem);
}
.workroomHeroCinematicFrame{
  width:min(1320px, calc(100% - 2rem));
  margin:0 auto;
}
.workroomHeroImageWrap{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(199,164,90,.24);
  box-shadow:0 38px 120px rgba(0,0,0,.42);
  background:#0e0b08;
}
.workroomHeroImage{
  display:block;
  width:100%;
  height:min(84vh, 960px);
  object-fit:cover;
  object-position:center center;
}
.workroomHeroImageShade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(8,6,4,.06) 0%, rgba(8,6,4,.02) 44%, rgba(8,6,4,.18) 100%);
  pointer-events:none;
}
.workroomHeroHiddenCopy{display:none;}
.workroomHeroActions--cinematic{
  margin-top:1rem;
  justify-content:flex-start;
}
.workroomHeroActions--cinematic .btn.ghost{
  background:rgba(244,234,216,.04);
}
@media (max-width: 940px){
  .workroomHero--cinematic{padding-top:5.85rem;}
  .workroomHeroCinematicFrame{width:min(100% - 1rem, 820px);}
  .workroomHeroImageWrap{border-radius:22px;}
  .workroomHeroImage{height:min(70vh, 760px); object-position:58% center;}
}
@media (max-width: 680px){
  .workroomHero--cinematic{padding-top:5.5rem;}
  .workroomHeroCinematicFrame{width:min(100% - .75rem, 640px);}
  .workroomHeroImageWrap{border-radius:18px;}
  .workroomHeroImage{height:58vh; min-height:420px; object-position:60% center;}
  .workroomHeroActions--cinematic{
    display:grid;
    grid-template-columns:1fr;
    gap:.55rem;
    margin-top:.85rem;
  }
}


/* Workroom final pass — hero world + signal object */
.workroomSignal{
  padding-top:clamp(2rem,4vw,4rem);
}
.workroomSignalGrid{
  width:min(1120px, calc(100% - 2rem));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(320px,.78fr);
  gap:clamp(18px,3vw,34px);
  align-items:center;
}
.workroomSignalCopy h2{
  max-width:11ch;
  margin:.12rem 0 .85rem;
  font-family:Inter,system-ui,sans-serif;
  font-weight:800;
  letter-spacing:-.055em;
  line-height:.94;
  color:#f4ead8;
  font-size:clamp(2.35rem,5.6vw,5.4rem);
}
.workroomSignalCopy .muted{
  max-width:36rem;
  font-size:clamp(1.02rem,1.6vw,1.28rem);
  line-height:1.68;
}
.workroomSignalCard{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(201,164,90,.33);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(30,23,17,.92),rgba(13,10,8,.96));
  box-shadow:0 30px 90px rgba(0,0,0,.42);
}
.workroomSignalCard::before{
  content:"MEMO / WALKING NOTE";
  position:absolute;
  top:18px;
  left:18px;
  z-index:2;
  color:rgba(244,234,216,.70);
  font-family:"IBM Plex Sans Condensed",Inter,sans-serif;
  font-size:.82rem;
  letter-spacing:.18em;
  text-transform:uppercase;
}
html[lang="da"] .workroomSignalCard::before{content:"MEMO / GÅ-NOTE";}
.workroomSignalCard figure{margin:0;}
.workroomSignalCard img{
  display:block;
  width:100%;
  aspect-ratio:16/8.8;
  object-fit:cover;
  background:#090706;
  filter:saturate(.88) contrast(1.08);
}
.workroomSignalCard .workroomAudioPanel{
  background:rgba(10,8,6,.78);
}
.workroomHeroImageWrap{
  background:#090706;
}
.workroomHeroImage{
  filter:saturate(.92) contrast(1.04);
}
@media(max-width:900px){
  .workroomSignalGrid{grid-template-columns:1fr;}
  .workroomSignalCopy h2{max-width:12ch;}
}
@media(max-width:680px){
  .workroomSignal{padding-top:2.2rem;}
  .workroomSignalGrid{width:min(100% - 1rem, 640px);}
  .workroomSignalCopy h2{font-size:clamp(2.35rem,12vw,4rem);}
  .workroomSignalCard{border-radius:22px;}
  .workroomSignalCard::before{font-size:.74rem;top:14px;left:14px;}
  .workroomSignalCard img{aspect-ratio:16/10;}
}


/* Workroom drawer archive plate replacement */
.workroomArchivePlateSection{
  padding-top:clamp(2.2rem,5vw,4.8rem);
  padding-bottom:clamp(2.2rem,5vw,4.8rem);
}
.workroomArchivePlate{
  margin:0 auto;
  width:min(100%,1122px);
  overflow:hidden;
  border:1px solid rgba(199,164,90,.30);
  border-radius:clamp(18px,2vw,30px);
  background:#0e0b08;
  box-shadow:0 30px 100px rgba(0,0,0,.44), inset 0 0 0 1px rgba(244,234,216,.035);
}
.workroomArchivePlate img{
  display:block;
  width:100%;
  height:auto;
  filter:saturate(.96) contrast(1.02);
}
@media(max-width:700px){
  .workroomArchivePlateSection{padding-top:2rem;padding-bottom:2.3rem;}
  .workroomArchivePlate{border-radius:20px;box-shadow:0 20px 70px rgba(0,0,0,.38);}
}
