/* ── Globodex → Prism · embedded assignment room ────────────────────────────
   Loaded only by the home page. Kept OUT of styles.css deliberately: the rules
   below the wrapper are machine-generated (Tailwind utilities extracted from the
   Figma export at design-library/1680-20366-briefing-room-FILLED-AUTO.html) and
   have no business in a hand-authored stylesheet.

   Every utility is scoped under .pa-embed. Tailwind's preflight is NOT included —
   it resets body margin, heading sizes and img max-width globally and would wreck
   the page. Only the parts the frame depends on are re-added, scoped.

   Regenerate: serve design-library/, run _extract.html through headless Chrome
   with --dump-dom, base64-decode the data-css / data-html attributes.
   ────────────────────────────────────────────────────────────────────────── */

/* The Figma export names its families literally ("ABC Diatype Variable:Regular",
   "CoFo Sans Semi-Mono VF Trial:Medium"). Point those names at the two font files
   the site already ships — no new font payload. */
@font-face { font-family:'ABC Diatype Variable:Regular'; src:local('ABC Diatype Variable'),
  url('/assets/fonts/ABCDiatypeVariable.woff2') format('woff2'); font-weight:100 900; font-display:swap; }
@font-face { font-family:'ABC Diatype Variable'; src:local('ABC Diatype Variable'),
  url('/assets/fonts/ABCDiatypeVariable.woff2') format('woff2'); font-weight:100 900; font-display:swap; }
@font-face { font-family:'CoFo Sans Semi-Mono VF Trial:Medium'; src:local('CoFo Sans Semi-Mono Medium'),
  url('/assets/fonts/CoFoSansSemi-Mono-Medium.otf') format('opentype'); font-weight:500; font-display:swap; }
@font-face { font-family:'CoFo Sans Semi-Mono VF Trial:Regular'; src:local('CoFo Sans Semi-Mono Regular'),
  url('/assets/fonts/CoFoSansSemi-Mono-Medium.otf') format('opentype'); font-weight:400; font-display:swap; }

/* ── Light / neutral variant ──
   Section sits on --paper (#f7f8fb), which is within a hair of the Prism screen's
   own page grey (#f0f2f7) — so the app reads as continuous with the panel instead
   of fighting it. The maroon chrome then has only neutrals around it, no green.
   The event record stays DARK on purpose: it is the one contrast object, same as
   in the reference. --ink-muted (#717378) is already identical to Prism's own
   --grey/500, so the two type systems agree without any new colour. */
/* white, matching .home-trust above and .cta-suite below, so the band reads as
   one continuous run of white rather than a tinted interruption. The panel keeps
   its own faint --paper interior so it still reads as a surface on white. */
.core-prism--light { color: var(--ink); background: #fff; }
.core-prism--light .eyebrow { color: var(--gx-600); }
.core-prism--light h2 { color: var(--ink); }
.core-prism--light .section-header__body p { color: var(--ink-muted); }
/* The section header is --left, so the button sits under the lede in the same
   column. --secondary is background:white, which on this white band reads as a
   transparent outline rather than a filled chip. */
.core-prism--light .button-row { margin-top: 32px; }

/* Prism's briefing-room brand orange. The assignment screen IS the briefing
   room, and this is its --briefing-500 / --rm-br-500 accent — the same colour
   as the ASSIGNMENT badge and the + ALL MOMENTS button inside the screen, so
   the panel and its contents share one brand colour rather than two warm ones. */
/* Prism wordmark in the section heading: their own colour mark (the -dark
   variant, i.e. dark-centred, for use on light) set before the word. Sized in
   em so it tracks the clamped heading, and nudged with a small optical offset —
   the mark's arms extend past its visual weight, so matching cap-height exactly
   makes it read too large. */
.gxb__prism { white-space: nowrap; }
.gxb__mark {
  display: inline-block; width: 0.82em; height: 0.82em;
  vertical-align: -0.06em; margin-right: 0.22em;
}
.gxb { --gxb-tint: #ff5941;
  margin-top: 48px; border-radius: var(--r-lg);
  overflow: hidden; background: var(--gxb-tint); }
.gxb__stage { position: relative; min-height: 648px; overflow: hidden; display: block;
  background: var(--gxb-tint); }
/* TRIAL: corner fade removed. The screen is now hard-clipped by .gxb's
   overflow:hidden + border-radius instead of dissolving into the panel.
   To restore, put back the two-layer mask (bottom 86%, right 88%) with
   mask-composite: intersect. */
.gxb__stage > * { position: absolute; top: 28px; left: 28px; }

/* record stays dark — the single contrast object */
.gxb__rec { width: 348px; z-index: 3; }
.gxb__rec .dv-panel { background: var(--carbon-raised); border: 1px solid rgba(255,255,255,.09);
  border-radius: var(--r-lg); box-shadow: 0 18px 44px rgba(23,24,26,.14); }
.gxb__tags { display:flex; flex-wrap:wrap; gap:6px; padding:14px 20px 16px; border-top:1px solid rgba(255,255,255,.06); }
.gxb__tags span { padding:4px 9px; border-radius:5px; background:rgba(94,237,184,.12);
  color:var(--gx-300); font-family:var(--mono); font-size:9px; letter-spacing:.05em; }

.gxb__app { left: 506px !important; width: 1180px; z-index: 2;
  border-radius: 10px; overflow: hidden; border: 1px solid var(--line-strong);
  box-shadow: 0 24px 60px rgba(23,24,26,.16); }
.gxb__fit { width: 1180px; overflow: hidden; }
.pa-embed.pf-source-stage { position:relative; width:1920px; height:1080px; transform-origin:0 0;
  background:#fff; isolation:isolate; color:#17181a;
  font-family:'ABC Diatype Variable:Regular','ABC Diatype Variable',-apple-system,sans-serif;
  letter-spacing:normal; text-transform:none; }

/* 90-degree turns only, same convention as Prism's own connector layer.
   Leaves the record's right edge at x=376, drops to y=467 (the vertical centre of
   the footage moment cards inside the screen), then runs right into the screen's
   left edge at x=506. Both anchors land ON the component edges. */
.gxb__wire { left: 376px !important; top: 322px !important; width: 130px; height: 160px; z-index: 4; }
.gxb__wire svg { width:100%; height:100%; overflow:visible; }
/* Prism's .eef-path / .eef-anchor / .eef-dot geometry (1px dashed 4 4, r=2.5
   anchors both ends, travelling r=4 dot) recoloured for the orange field. The
   dot was --gx-600 green, which is close to orange's complement and read as a
   clash rather than an accent; white carries the same "something is moving"
   read and matches the screen's own white chrome. */
.gxb__path   { fill:none; stroke:rgba(255,255,255,.6); stroke-width:1; stroke-dasharray:4 4; }
.gxb__anchor { fill:#fff; r:3.5; }
.gxb__dot    { fill:#fff; stroke:rgba(64,6,11,.28); stroke-width:1.5; }
/* Same 3.2s linear loop as Prism's pipeline dot, driven by offset-path rather
   than SMIL: it is a real CSS animation, so prefers-reduced-motion can stop it. */
.gxb__dot { offset-path: path('M 0 8 H 62 V 145 H 130'); offset-rotate: 0deg; animation: gxb-travel 3.2s linear infinite; }
@keyframes gxb-travel { from { offset-distance: 0%; } to { offset-distance: 100%; } }
@media (prefers-reduced-motion: reduce) {
  .gxb__dot { animation: none; offset-distance: 0%; }
}


@media (max-width:1080px){ .gxb__stage{min-height:560px} .gxb__rec{width:300px}
  .gxb__app{left:396px !important} .gxb__wire{display:none} }
.gxb__vwire { display: none; }
@media (max-width:820px){
  /* let the .gxb panel (rounded, overflow:hidden) do the clipping, so the screen
     bleeds to the panel's rounded bottom-right corner like the desktop crop. */
  .gxb__stage { min-height: 0; overflow: visible; display: flex; flex-direction: column;
    align-items: stretch; gap: 0; padding: 20px; }
  .gxb__stage > * { position: static !important; top: auto !important; left: auto !important; }
  .gxb__rec { width: 100%; max-width: 400px; margin: 0; }   /* inset card, symmetric */
  /* desktop horizontal wire off; vertical SVG connector on (real anchors + dot) */
  .gxb__wire { display: none; }
  .gxb__vwire { display: block; align-self: center; width: 8px; height: 44px; margin: 8px 0; }
  .gxb__vwire svg { width: 100%; height: 100%; overflow: visible; }
  .gxb__vwire .gxb__dot { offset-path: path('M 4 3 V 41'); }
  /* screen: top-left rounded only; the right side always bleeds off the panel,
     so its top-right corner is never seen (negative margins cancel stage padding). */
  .gxb__app { position: relative !important; width: auto; margin: 0 -20px -20px 0; height: 300px;
    overflow: hidden; border: 0; box-shadow: none; border-radius: 8px 0 0 0; }
  .gxb__fit { position: absolute; top: 0; left: 0; width: 620px; }
}
@media (min-width:668px) and (max-width:820px){
  /* Past ~668px the panel grows wider than the fixed 620px screenshot, so the
     image would stop reaching the right edge (radius floats in empty coral).
     Bump to a larger FIXED width so it stays wider than the panel and keeps
     bleeding off the right — the rounded corner clips the image, not the panel. */
  .gxb__fit { width: 800px; }
}

.pa-embed, .pa-embed *, .pa-embed *::before, .pa-embed *::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
.pa-embed, .pa-embed *, .pa-embed *::before, .pa-embed *::after { box-sizing:border-box; border-width:0; border-style:solid; border-color:rgb(229,231,235); }
.pa-embed *::before, .pa-embed *::after { --tw-content:""; }
.pa-embed img, .pa-embed svg, .pa-embed video, .pa-embed canvas { display:block; vertical-align:middle; }
.pa-embed img, .pa-embed video { max-width:100%; height:auto; }
.pa-embed p, .pa-embed h1, .pa-embed h2, .pa-embed h3, .pa-embed h4, .pa-embed h5, .pa-embed h6, .pa-embed figure, .pa-embed blockquote, .pa-embed dl, .pa-embed dd { margin:0; }
.pa-embed h1, .pa-embed h2, .pa-embed h3, .pa-embed h4, .pa-embed h5, .pa-embed h6 { font-size:inherit; font-weight:inherit; }
.pa-embed ul, .pa-embed ol, .pa-embed menu { list-style:none; margin:0; padding:0; }
.pa-embed b, .pa-embed strong { font-weight:bolder; }
.pa-embed { line-height:1.5; -webkit-text-size-adjust:100%; }
.pa-embed .pointer-events-none { pointer-events: none; }
.pa-embed .absolute { position: absolute; }
.pa-embed .relative { position: relative; }
.pa-embed .inset-0 { inset: 0px; }
.pa-embed .inset-1\/4 { inset: 25%; }
.pa-embed .inset-\[12\.5\%\] { inset: 12.5%; }
.pa-embed .inset-\[12\.5\%_4\.17\%_8\.33\%_4\.17\%\] { inset: 12.5% 4.17% 8.33%; }
.pa-embed .inset-\[16\.67\%\] { inset: 16.67%; }
.pa-embed .inset-\[16\.67\%_4\.17\%\] { inset: 16.67% 4.17%; }
.pa-embed .inset-\[18\.75\%\] { inset: 18.75%; }
.pa-embed .inset-\[20\.83\%\] { inset: 20.83%; }
.pa-embed .inset-\[33\.33\%_20\.83\%\] { inset: 33.33% 20.83%; }
.pa-embed .inset-\[33\.33\%_6\.52\%_33\.33\%_39\.13\%\] { inset: 33.33% 6.52% 33.33% 39.13%; }
.pa-embed .inset-\[4\.17\%\] { inset: 4.17%; }
.pa-embed .inset-\[4\.17\%_12\.5\%\] { inset: 4.17% 12.5%; }
.pa-embed .inset-\[4\.17\%_9\.42\%_8\.33\%_9\.42\%\] { inset: 4.17% 9.42% 8.33%; }
.pa-embed .inset-\[4\.41\%_4\.17\%\] { inset: 4.41% 4.17%; }
.pa-embed .inset-\[4\.88\%_4\.88\%_6\.25\%_6\.25\%\] { inset: 4.88% 4.88% 6.25% 6.25%; }
.pa-embed .inset-\[41\.67\%_12\.5\%\] { inset: 41.67% 12.5%; }
.pa-embed .inset-\[5\.28\%_8\.33\%_8\.33\%_8\.33\%\] { inset: 5.28% 8.33% 8.33%; }
.pa-embed .inset-\[8\.33\%\] { inset: 8.33%; }
.pa-embed .inset-\[8\.33\%_4\.17\%\] { inset: 8.33% 4.17%; }
.pa-embed .inset-\[93\.8\%_43\.9\%_2\.6\%_12\.2\%\] { inset: 93.8% 43.9% 2.6% 12.2%; }
.pa-embed .bottom-0 { bottom: 0px; }
.pa-embed .bottom-1\/4 { bottom: 25%; }
.pa-embed .bottom-\[10px\] { bottom: 10px; }
.pa-embed .bottom-\[12\.5\%\] { bottom: 12.5%; }
.pa-embed .bottom-\[16px\] { bottom: 16px; }
.pa-embed .bottom-\[17px\] { bottom: 17px; }
.pa-embed .bottom-\[23px\] { bottom: 23px; }
.pa-embed .bottom-\[382px\] { bottom: 382px; }
.pa-embed .bottom-\[7px\] { bottom: 7px; }
.pa-embed .bottom-\[8px\] { bottom: 8px; }
.pa-embed .left-0 { left: 0px; }
.pa-embed .left-1\/2 { left: 50%; }
.pa-embed .left-1\/4 { left: 25%; }
.pa-embed .left-\[-18px\] { left: -18px; }
.pa-embed .left-\[-2\%\] { left: -2%; }
.pa-embed .left-\[11\.39px\] { left: 11.39px; }
.pa-embed .left-\[114px\] { left: 114px; }
.pa-embed .left-\[12\.5\%\] { left: 12.5%; }
.pa-embed .left-\[12px\] { left: 12px; }
.pa-embed .left-\[1652px\] { left: 1652px; }
.pa-embed .left-\[16px\] { left: 16px; }
.pa-embed .left-\[2\.07px\] { left: 2.07px; }
.pa-embed .left-\[22px\] { left: 22px; }
.pa-embed .left-\[24px\] { left: 24px; }
.pa-embed .left-\[32px\] { left: 32px; }
.pa-embed .left-\[34px\] { left: 34px; }
.pa-embed .left-\[38px\] { left: 38px; }
.pa-embed .left-\[44px\] { left: 44px; }
.pa-embed .left-\[4px\] { left: 4px; }
.pa-embed .left-\[5\.95px\] { left: 5.95px; }
.pa-embed .left-\[6\.52\%\] { left: 6.52%; }
.pa-embed .left-\[6\.79px\] { left: 6.79px; }
.pa-embed .left-\[72px\] { left: 72px; }
.pa-embed .left-\[8\.11px\] { left: 8.11px; }
.pa-embed .left-\[8px\] { left: 8px; }
.pa-embed .left-\[calc\(33\.33\%\+52px\)\] { left: calc(33.33% + 52px); }
.pa-embed .left-\[calc\(50\%\+0\.5px\)\] { left: calc(50% + 0.5px); }
.pa-embed .left-\[calc\(50\%\+664px\)\] { left: calc(50% + 664px); }
.pa-embed .left-\[calc\(50\%-0\.5px\)\] { left: calc(50% - 0.5px); }
.pa-embed .left-\[calc\(50\%-216px\)\] { left: calc(50% - 216px); }
.pa-embed .left-\[calc\(75\%\+51px\)\] { left: calc(75% + 51px); }
.pa-embed .left-\[calc\(83\.33\%\+40px\)\] { left: calc(83.33% + 40px); }
.pa-embed .right-0 { right: 0px; }
.pa-embed .right-1\/4 { right: 25%; }
.pa-embed .right-\[100px\] { right: 100px; }
.pa-embed .right-\[10px\] { right: 10px; }
.pa-embed .right-\[12\.5\%\] { right: 12.5%; }
.pa-embed .right-\[164px\] { right: 164px; }
.pa-embed .right-\[16px\] { right: 16px; }
.pa-embed .right-\[20\.01\%\] { right: 20.01%; }
.pa-embed .right-\[32px\] { right: 32px; }
.pa-embed .right-\[36px\] { right: 36px; }
.pa-embed .right-\[64px\] { right: 64px; }
.pa-embed .right-\[80\.43\%\] { right: 80.43%; }
.pa-embed .right-\[8px\] { right: 8px; }
.pa-embed .top-0 { top: 0px; }
.pa-embed .top-1\/2 { top: 50%; }
.pa-embed .top-1\/4 { top: 25%; }
.pa-embed .top-\[-12\.62\%\] { top: -12.62%; }
.pa-embed .top-\[-20px\] { top: -20px; }
.pa-embed .top-\[-25\.91\%\] { top: -25.91%; }
.pa-embed .top-\[-4\.28\%\] { top: -4.28%; }
.pa-embed .top-\[-63\.15\%\] { top: -63.15%; }
.pa-embed .top-\[100px\] { top: 100px; }
.pa-embed .top-\[109px\] { top: 109px; }
.pa-embed .top-\[11\.56px\] { top: 11.56px; }
.pa-embed .top-\[12\.5\%\] { top: 12.5%; }
.pa-embed .top-\[12\.51px\] { top: 12.51px; }
.pa-embed .top-\[14\.43px\] { top: 14.43px; }
.pa-embed .top-\[14\.59\%\] { top: 14.59%; }
.pa-embed .top-\[14px\] { top: 14px; }
.pa-embed .top-\[157px\] { top: 157px; }
.pa-embed .top-\[158px\] { top: 158px; }
.pa-embed .top-\[16px\] { top: 16px; }
.pa-embed .top-\[19\.52px\] { top: 19.52px; }
.pa-embed .top-\[20\.83\%\] { top: 20.83%; }
.pa-embed .top-\[203px\] { top: 203px; }
.pa-embed .top-\[207px\] { top: 207px; }
.pa-embed .top-\[20px\] { top: 20px; }
.pa-embed .top-\[247px\] { top: 247px; }
.pa-embed .top-\[25px\] { top: 25px; }
.pa-embed .top-\[283px\] { top: 283px; }
.pa-embed .top-\[30px\] { top: 30px; }
.pa-embed .top-\[313px\] { top: 313px; }
.pa-embed .top-\[31px\] { top: 31px; }
.pa-embed .top-\[32px\] { top: 32px; }
.pa-embed .top-\[33px\] { top: 33px; }
.pa-embed .top-\[378px\] { top: 378px; }
.pa-embed .top-\[409px\] { top: 409px; }
.pa-embed .top-\[41px\] { top: 41px; }
.pa-embed .top-\[469px\] { top: 469px; }
.pa-embed .top-\[4px\] { top: 4px; }
.pa-embed .top-\[5\.02px\] { top: 5.02px; }
.pa-embed .top-\[529px\] { top: 529px; }
.pa-embed .top-\[547px\] { top: 547px; }
.pa-embed .top-\[61px\] { top: 61px; }
.pa-embed .top-\[645px\] { top: 645px; }
.pa-embed .top-\[64px\] { top: 64px; }
.pa-embed .top-\[72px\] { top: 72px; }
.pa-embed .top-\[756px\] { top: 756px; }
.pa-embed .top-\[771px\] { top: 771px; }
.pa-embed .top-\[79px\] { top: 79px; }
.pa-embed .top-\[7px\] { top: 7px; }
.pa-embed .top-\[80px\] { top: 80px; }
.pa-embed .top-\[85px\] { top: 85px; }
.pa-embed .top-\[8px\] { top: 8px; }
.pa-embed .top-\[calc\(50\%\+1px\)\] { top: calc(50% + 1px); }
.pa-embed .top-\[calc\(50\%\+231\.5px\)\] { top: calc(50% + 231.5px); }
.pa-embed .top-\[calc\(50\%\+2px\)\] { top: calc(50% + 2px); }
.pa-embed .top-\[calc\(50\%\+4\.5px\)\] { top: calc(50% + 4.5px); }
.pa-embed .top-\[calc\(50\%-5px\)\] { top: calc(50% - 5px); }
.pa-embed .top-px { top: 1px; }
.pa-embed .isolate { isolation: isolate; }
.pa-embed .z-\[1\] { z-index: 1; }
.pa-embed .z-\[2\] { z-index: 2; }
.pa-embed .z-\[3\] { z-index: 3; }
.pa-embed .z-\[4\] { z-index: 4; }
.pa-embed .col-start-1 { grid-column-start: 1; }
.pa-embed .col-start-2 { grid-column-start: 2; }
.pa-embed .col-start-3 { grid-column-start: 3; }
.pa-embed .row-start-1 { grid-row-start: 1; }
.pa-embed .row-start-2 { grid-row-start: 2; }
.pa-embed .row-start-3 { grid-row-start: 3; }
.pa-embed .mb-0 { margin-bottom: 0px; }
.pa-embed .mr-\[-4px\] { margin-right: -4px; }
.pa-embed .block { display: block; }
.pa-embed .flex { display: flex; }
.pa-embed .grid { display: grid; }
.pa-embed .contents { display: contents; }
.pa-embed .size-\[12px\] { width: 12px; height: 12px; }
.pa-embed .size-\[16px\] { width: 16px; height: 16px; }
.pa-embed .size-\[20px\] { width: 20px; height: 20px; }
.pa-embed .size-\[24px\] { width: 24px; height: 24px; }
.pa-embed .size-\[32px\] { width: 32px; height: 32px; }
.pa-embed .size-\[40px\] { width: 40px; height: 40px; }
.pa-embed .size-full { width: 100%; height: 100%; }
.pa-embed .h-\[10\.84px\] { height: 10.84px; }
.pa-embed .h-\[1000px\] { height: 1000px; }
.pa-embed .h-\[101\.219px\] { height: 101.219px; }
.pa-embed .h-\[1040px\] { height: 1040px; }
.pa-embed .h-\[1048px\] { height: 1048px; }
.pa-embed .h-\[111px\] { height: 111px; }
.pa-embed .h-\[114px\] { height: 114px; }
.pa-embed .h-\[116px\] { height: 116px; }
.pa-embed .h-\[120px\] { height: 120px; }
.pa-embed .h-\[121\.65\%\] { height: 121.65%; }
.pa-embed .h-\[123px\] { height: 123px; }
.pa-embed .h-\[136px\] { height: 136px; }
.pa-embed .h-\[155px\] { height: 155px; }
.pa-embed .h-\[156px\] { height: 156px; }
.pa-embed .h-\[161px\] { height: 161px; }
.pa-embed .h-\[182\.25\%\] { height: 182.25%; }
.pa-embed .h-\[20px\] { height: 20px; }
.pa-embed .h-\[223px\] { height: 223px; }
.pa-embed .h-\[225px\] { height: 225px; }
.pa-embed .h-\[239px\] { height: 239px; }
.pa-embed .h-\[248\.05\%\] { height: 248.05%; }
.pa-embed .h-\[24px\] { height: 24px; }
.pa-embed .h-\[251px\] { height: 251px; }
.pa-embed .h-\[336px\] { height: 336px; }
.pa-embed .h-\[36px\] { height: 36px; }
.pa-embed .h-\[44px\] { height: 44px; }
.pa-embed .h-\[455px\] { height: 455px; }
.pa-embed .h-\[521px\] { height: 521px; }
.pa-embed .h-\[60px\] { height: 60px; }
.pa-embed .h-\[64px\] { height: 64px; }
.pa-embed .h-\[72\.521px\] { height: 72.521px; }
.pa-embed .h-\[76px\] { height: 76px; }
.pa-embed .h-\[82\.282px\] { height: 82.282px; }
.pa-embed .h-\[84px\] { height: 84px; }
.pa-embed .h-\[86\.128px\] { height: 86.128px; }
.pa-embed .h-\[88\.21px\] { height: 88.21px; }
.pa-embed .h-\[984px\] { height: 984px; }
.pa-embed .w-\[103\.781px\] { width: 103.781px; }
.pa-embed .w-\[105\.25\%\] { width: 105.25%; }
.pa-embed .w-\[106\.427px\] { width: 106.427px; }
.pa-embed .w-\[107\.818px\] { width: 107.818px; }
.pa-embed .w-\[1089px\] { width: 1089px; }
.pa-embed .w-\[115\.666px\] { width: 115.666px; }
.pa-embed .w-\[120px\] { width: 120px; }
.pa-embed .w-\[1264px\] { width: 1264px; }
.pa-embed .w-\[1280px\] { width: 1280px; }
.pa-embed .w-\[1296px\] { width: 1296px; }
.pa-embed .w-\[1312px\] { width: 1312px; }
.pa-embed .w-\[136\.1\%\] { width: 136.1%; }
.pa-embed .w-\[141px\] { width: 141px; }
.pa-embed .w-\[153px\] { width: 153px; }
.pa-embed .w-\[170px\] { width: 170px; }
.pa-embed .w-\[178px\] { width: 178px; }
.pa-embed .w-\[1888px\] { width: 1888px; }
.pa-embed .w-\[1920px\] { width: 1920px; }
.pa-embed .w-\[213px\] { width: 213px; }
.pa-embed .w-\[215px\] { width: 215px; }
.pa-embed .w-\[226px\] { width: 226px; }
.pa-embed .w-\[231px\] { width: 231px; }
.pa-embed .w-\[244px\] { width: 244px; }
.pa-embed .w-\[245px\] { width: 245px; }
.pa-embed .w-\[251px\] { width: 251px; }
.pa-embed .w-\[279px\] { width: 279px; }
.pa-embed .w-\[308px\] { width: 308px; }
.pa-embed .w-\[384px\] { width: 384px; }
.pa-embed .w-\[394px\] { width: 394px; }
.pa-embed .w-\[400px\] { width: 400px; }
.pa-embed .w-\[416px\] { width: 416px; }
.pa-embed .w-\[432px\] { width: 432px; }
.pa-embed .w-\[44px\] { width: 44px; }
.pa-embed .w-\[64px\] { width: 64px; }
.pa-embed .w-\[74px\] { width: 74px; }
.pa-embed .w-\[82px\] { width: 82px; }
.pa-embed .w-\[92px\] { width: 92px; }
.pa-embed .w-\[96\.694px\] { width: 96.694px; }
.pa-embed .w-\[98px\] { width: 98px; }
.pa-embed .w-\[min-content\] { width: min-content; }
.pa-embed .w-full { width: 100%; }
.pa-embed .min-w-full { min-width: 100%; }
.pa-embed .min-w-px { min-width: 1px; }
.pa-embed .max-w-none { max-width: none; }
.pa-embed .flex-\[1_0_0\] { flex: 1 0 0px; }
.pa-embed .flex-none { flex: 0 0 auto; }
.pa-embed .shrink-0 { flex-shrink: 0; }
.pa-embed .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.pa-embed .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.pa-embed .translate-y-full { --tw-translate-y: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.pa-embed .rotate-\[-8\.58deg\] { --tw-rotate: -8.58deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.pa-embed .rotate-\[6\.03deg\] { --tw-rotate: 6.03deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.pa-embed .grid-cols-\[___fit-content\(100\%\)_fit-content\(100\%\)_minmax\(0\,1fr\)\] { grid-template-columns: fit-content(100%) fit-content(100%) minmax(0px, 1fr); }
.pa-embed .grid-rows-\[___fit-content\(100\%\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)\] { grid-template-rows: fit-content(100%) minmax(0px, 1fr) minmax(0px, 1fr); }
.pa-embed .flex-col { flex-direction: column; }
.pa-embed .content-stretch { align-content: stretch; }
.pa-embed .items-start { align-items: flex-start; }
.pa-embed .items-center { align-items: center; }
.pa-embed .justify-end { justify-content: flex-end; }
.pa-embed .justify-center { justify-content: center; }
.pa-embed .justify-between { justify-content: space-between; }
.pa-embed .gap-\[12px\] { gap: 12px; }
.pa-embed .gap-\[16px\] { gap: 16px; }
.pa-embed .gap-\[8px\] { gap: 8px; }
.pa-embed .gap-\[var\(--2\,2px\)\] { gap: var(--2,2px); }
.pa-embed .gap-\[var\(--4\,4px\)\] { gap: var(--4,4px); }
.pa-embed .gap-\[var\(--8\,0px\)\] { gap: var(--8,0px); }
.pa-embed .gap-\[var\(--8\,8px\)\] { gap: var(--8,8px); }
.pa-embed .gap-x-\[8px\] { column-gap: 8px; }
.pa-embed .gap-y-\[8px\] { row-gap: 8px; }
.pa-embed .overflow-hidden { overflow: hidden; }
.pa-embed .overflow-clip { overflow: clip; }
.pa-embed .text-ellipsis { text-overflow: ellipsis; }
.pa-embed .whitespace-nowrap { white-space: nowrap; }
.pa-embed .rounded-\[16px\] { border-radius: 16px; }
.pa-embed .rounded-\[24px\] { border-radius: 24px; }
.pa-embed .rounded-\[8px\] { border-radius: 8px; }
.pa-embed .rounded-\[var\(--1000\,1000px\)\] { border-radius: var(--1000,1000px); }
.pa-embed .rounded-\[var\(--12\,12px\)\] { border-radius: var(--12,12px); }
.pa-embed .rounded-\[var\(--16\,16px\)\] { border-radius: var(--16,16px); }
.pa-embed .rounded-\[var\(--20\,20px\)\] { border-radius: var(--20,20px); }
.pa-embed .rounded-\[var\(--4\,4px\)\] { border-radius: var(--4,4px); }
.pa-embed .rounded-\[var\(--6\,6px\)\] { border-radius: var(--6,6px); }
.pa-embed .rounded-\[var\(--64\,64px\)\] { border-radius: var(--64,64px); }
.pa-embed .rounded-\[var\(--8\,8px\)\] { border-radius: var(--8,8px); }
.pa-embed .rounded-\[var\(--corners\\\/corner-full\,1000px\)\] { border-radius: var(--corners\/corner-full,1000px); }
.pa-embed .border { border-width: 1px; }
.pa-embed .border-solid { border-style: solid; }
.pa-embed .border-\[var\(--grey\\\/0\,white\)\] { border-color: var(--grey\/0,white); }
.pa-embed .bg-\[var\(--briefing-room\\\/500\,\#ff5940\)\] { background-color: var(--briefing-room\/500,#ff5940); }
.pa-embed .bg-\[var\(--briefing-room\\\/900\,\#40060b\)\] { background-color: var(--briefing-room\/900,#40060b); }
.pa-embed .bg-\[var\(--distribution-room\\\/500\,\#1abeff\)\] { background-color: var(--distribution-room\/500,#1abeff); }
.pa-embed .bg-\[var\(--editing-suite\\\/500\,\#ffab1a\)\] { background-color: var(--editing-suite\/500,#ffab1a); }
.pa-embed .bg-\[var\(--grey\\\/0\,white\)\] { background-color: var(--grey\/0,white); }
.pa-embed .bg-\[var\(--grey\\\/1000\,black\)\] { background-color: var(--grey\/1000,black); }
.pa-embed .bg-\[var\(--grey\\\/300\,\#b6b9bf\)\] { background-color: var(--grey\/300,#b6b9bf); }
.pa-embed .bg-\[var\(--grey\\\/50\,\#f0f2f7\)\] { background-color: var(--grey\/50,#f0f2f7); }
.pa-embed .bg-\[var\(--home\\\/500\,\#2ed6e5\)\] { background-color: var(--home\/500,#2ed6e5); }
.pa-embed .bg-\[var\(--project-library\\\/500\,\#f266ff\)\] { background-color: var(--project-library\/500,#f266ff); }
.pa-embed .bg-\[var\(--project-library\\\/900\,\#3d1a40\)\] { background-color: var(--project-library\/900,#3d1a40); }
.pa-embed .bg-\[var\(--writers-room\\\/500\,\#7040ff\)\] { background-color: var(--writers-room\/500,#7040ff); }
.pa-embed .object-cover { object-fit: cover; }
.pa-embed .p-\[10px\] { padding: 10px; }
.pa-embed .p-\[16px\] { padding: 16px; }
.pa-embed .p-\[4px\] { padding: 4px; }
.pa-embed .p-\[8px\] { padding: 8px; }
.pa-embed .p-\[var\(--2\,2px\)\] { padding: var(--2,2px); }
.pa-embed .p-\[var\(--8\,6\.4px\)\] { padding: var(--8,6.4px); }
.pa-embed .p-\[var\(--8\,8px\)\] { padding: var(--8,8px); }
.pa-embed .px-\[8px\] { padding-left: 8px; padding-right: 8px; }
.pa-embed .px-\[var\(--24\,24px\)\] { padding-left: var(--24,24px); padding-right: var(--24,24px); }
.pa-embed .px-\[var\(--32\,32px\)\] { padding-left: var(--32,32px); padding-right: var(--32,32px); }
.pa-embed .px-\[var\(--spacing\\\/spacing-8\,8px\)\] { padding-left: var(--spacing\/spacing-8,8px); padding-right: var(--spacing\/spacing-8,8px); }
.pa-embed .py-\[2px\] { padding-top: 2px; padding-bottom: 2px; }
.pa-embed .py-\[4px\] { padding-top: 4px; padding-bottom: 4px; }
.pa-embed .py-\[8px\] { padding-top: 8px; padding-bottom: 8px; }
.pa-embed .py-\[var\(--14\,14px\)\] { padding-top: var(--14,14px); padding-bottom: var(--14,14px); }
.pa-embed .py-\[var\(--16\,16px\)\] { padding-top: var(--16,16px); padding-bottom: var(--16,16px); }
.pa-embed .py-\[var\(--18\,18px\)\] { padding-top: var(--18,18px); padding-bottom: var(--18,18px); }
.pa-embed .py-\[var\(--8\,8px\)\] { padding-top: var(--8,8px); padding-bottom: var(--8,8px); }
.pa-embed .pl-\[4px\] { padding-left: 4px; }
.pa-embed .pl-\[var\(--16\,16px\)\] { padding-left: var(--16,16px); }
.pa-embed .pl-\[var\(--8\,8px\)\] { padding-left: var(--8,8px); }
.pa-embed .pr-\[4px\] { padding-right: 4px; }
.pa-embed .pr-\[8px\] { padding-right: 8px; }
.pa-embed .pr-\[var\(--12\,12px\)\] { padding-right: var(--12,12px); }
.pa-embed .pr-\[var\(--24\,24px\)\] { padding-right: var(--24,24px); }
.pa-embed .text-center { text-align: center; }
.pa-embed .font-\[family-name\:var\(--font-mono\,\'CoFo_Sans_Semi-Mono_VF_Trial\:Medium\'\,sans-serif\)\] { font-family: var(--font-mono,'CoFo Sans Semi-Mono VF Trial:Medium',sans-serif); }
.pa-embed .font-\[family-name\:var\(--font-sans\,\'ABC_Diatype_Variable\:Regular\'\,sans-serif\)\] { font-family: var(--font-sans,'ABC Diatype Variable:Regular',sans-serif); }
.pa-embed .text-\[12px\] { font-size: 12px; }
.pa-embed .text-\[16px\] { font-size: 16px; }
.pa-embed .text-\[length\:var\(--10\,10px\)\] { font-size: var(--10,10px); }
.pa-embed .text-\[length\:var\(--12\,12px\)\] { font-size: var(--12,12px); }
.pa-embed .text-\[length\:var\(--14\,12px\)\] { font-size: var(--14,12px); }
.pa-embed .text-\[length\:var\(--14\,14px\)\] { font-size: var(--14,14px); }
.pa-embed .text-\[length\:var\(--16\,16px\)\] { font-size: var(--16,16px); }
.pa-embed .text-\[length\:var\(--18\,18px\)\] { font-size: var(--18,18px); }
.pa-embed .text-\[length\:var\(--20\,20px\)\] { font-size: var(--20,20px); }
.pa-embed .text-\[length\:var\(--24\,24px\)\] { font-size: var(--24,24px); }
.pa-embed .text-\[length\:var\(--40\,40px\)\] { font-size: var(--40,40px); }
.pa-embed .uppercase { text-transform: uppercase; }
.pa-embed .not-italic { font-style: normal; }
.pa-embed .leading-\[0\] { line-height: 0; }
.pa-embed .leading-\[10px\] { line-height: 10px; }
.pa-embed .leading-\[12px\] { line-height: 12px; }
.pa-embed .leading-\[14px\] { line-height: 14px; }
.pa-embed .leading-\[var\(--16\,16px\)\] { line-height: var(--16,16px); }
.pa-embed .leading-\[var\(--18\,18px\)\] { line-height: var(--18,18px); }
.pa-embed .leading-\[var\(--20\,20px\)\] { line-height: var(--20,20px); }
.pa-embed .leading-\[var\(--24\,24px\)\] { line-height: var(--24,24px); }
.pa-embed .leading-\[var\(--32\,32px\)\] { line-height: var(--32,32px); }
.pa-embed .leading-\[var\(--48\,48px\)\] { line-height: var(--48,48px); }
.pa-embed .text-\[color\:var\(--grey\\\/0\,white\)\] { color: var(--grey\/0,white); }
.pa-embed .text-\[color\:var\(--grey\\\/1000\,black\)\] { color: var(--grey\/1000,black); }
.pa-embed .text-\[color\:var\(--grey\\\/300\,\#b6b9bf\)\] { color: var(--grey\/300,#b6b9bf); }
.pa-embed .text-\[color\:var\(--grey\\\/500\,\#717378\)\] { color: var(--grey\/500,#717378); }
.pa-embed .text-\[color\:var\(--grey\\\/700\,\#45484d\)\] { color: var(--grey\/700,#45484d); }