:root {
  color-scheme: light;
  --ink: #2d2d2f;
  --muted: #69666f;
  --branch-white: #fafafa;
  --branch-pale: #e1cdfb;
  --branch-mid: #ac92f8;
  --branch-strong: #7119e3;
  --branch-alt: #ac92f8;
  --branch-soft: var(--branch-pale);
  --purple: var(--branch-strong);
  --purple-dark: var(--branch-strong);
  --lilac: var(--branch-pale);
  --branch-on-accent: #fff;
  --branch-on-accent-muted: rgba(255,255,255,.82);
  --branch-line-on-accent: rgba(255,255,255,.3);
  --pink: #ffb2dc;
  --lime: #c9ff57;
  --cream: #fff8e9;
  --line: #ded9e5;
  --surface: #ffffff;
  --panel: #f6f4f7;
  --shadow: 0 18px 50px rgba(36, 18, 52, 0.14);
  --radius: 18px;
}

body[data-agenda-branch="cfo"] { --branch-pale: #dbc4ff; --branch-mid: #a68af2; --branch-strong: #7a0ff0; --branch-alt: #a68af2; --branch-soft: var(--branch-pale); --purple: var(--branch-strong); --purple-dark: var(--branch-strong); --lilac: var(--branch-pale); }
body[data-agenda-branch="cmo"] { --branch-pale: #aaf0ce; --branch-mid: #55d294; --branch-strong: #30bb71; --branch-alt: #55d294; --branch-soft: var(--branch-pale); --purple: var(--branch-strong); --purple-dark: #2b2b2e; --lilac: var(--branch-pale); --branch-on-accent: #2b2b2e; --branch-on-accent-muted: rgba(43,43,46,.72); --branch-line-on-accent: rgba(43,43,46,.22); }
body[data-agenda-branch="hr"] { --branch-pale: #ffd5a8; --branch-mid: #ffa23d; --branch-strong: #ff7417; --branch-alt: #ff9a78; --branch-soft: var(--branch-pale); --purple: var(--branch-strong); --purple-dark: #2b2b2e; --lilac: var(--branch-pale); --branch-on-accent: #2b2b2e; --branch-on-accent-muted: rgba(43,43,46,.72); --branch-line-on-accent: rgba(43,43,46,.22); }
body[data-agenda-branch="legal"] { --branch-pale: #94def0; --branch-mid: #1e80f3; --branch-strong: #1456f5; --branch-alt: #1e80f3; --branch-soft: var(--branch-pale); --purple: var(--branch-strong); --purple-dark: var(--branch-strong); --lilac: var(--branch-pale); }

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  min-width: 320px;
  background: var(--panel);
  color: var(--ink);
  font-family: Inter, "Avenir Next", Avenir, Helvetica, Arial, sans-serif;
}

button, input, textarea { font: inherit; }
button, label { -webkit-tap-highlight-color: transparent; }

.app-header {
  position: sticky;
  z-index: 20;
  top: 0;
  min-height: 68px;
  padding: 12px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background: #242426;
  color: white;
}

.beta-badge { display: inline-flex; align-items: center; min-height: 25px; padding: 5px 9px; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; color: rgba(255,255,255,.8); font: 500 9px/1 "Poppins", sans-serif; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; }
.beta-access-gate { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 24px; background: #f4f2f5; }
.beta-access-card { width: min(440px, 100%); padding: 34px; border: 1px solid #ded9e2; border-radius: 22px; background: #fff; box-shadow: 0 24px 70px rgba(45,45,47,.14); text-align: center; }
.beta-access-card img { width: min(220px, 75%); height: auto; margin-bottom: 26px; }
.beta-access-card .beta-badge { border-color: #d5c9e3; color: #7119e3; }
.beta-access-card h1 { margin: 18px 0 9px; font: 600 28px/1.15 "Poppins", sans-serif; }
.beta-access-card p { margin: 0 0 24px; color: #69636d; font: 300 14px/1.6 "Poppins", sans-serif; }

.app-header, .app-header .brand, .app-header .save-status, .app-header .button, .app-header .file-button {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
}

.brand { display: flex; align-items: center; gap: 16px; color: white; text-decoration: none; font-weight: 800; }
.brand img { width: 116px; height: 30px; object-fit: contain; }
.brand span { padding-left: 16px; border-left: 1px solid rgba(255,255,255,.32); white-space: nowrap; }
.header-actions { display: flex; align-items: center; gap: 8px; }
.save-status { margin-right: 6px; color: #c9ff57; font-size: 12px; font-weight: 800; }

.button {
  min-height: 40px;
  padding: 10px 15px;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.button:hover { transform: translateY(-1px); }
.button:focus-visible, .step-button:focus-visible, .view-button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 3px solid rgba(124,11,236,.28);
  outline-offset: 2px;
}
.button-primary { background: var(--lime); color: #242426; box-shadow: 0 6px 18px rgba(201,255,87,.15); }
.button-primary:hover { background: #d7ff82; }
.button-secondary { background: var(--lilac); color: var(--purple-dark); }
.button-save { border: 1px solid rgba(201,255,87,.55); background: rgba(201,255,87,.12); color: #e3ffac; }
.button-save:hover { background: rgba(201,255,87,.22); }
.button-undo { border: 1px solid rgba(255,255,255,.3); background: rgba(255,255,255,.09); color: white; }
.button-undo:hover:not(:disabled) { background: rgba(255,255,255,.16); }
.button-undo:disabled { opacity: .38; cursor: not-allowed; transform: none; }
.button-ghost { background: rgba(255,255,255,.09); color: white; }
.button-ghost:hover { background: rgba(255,255,255,.16); }
.button-danger-soft { background: #fff0f2; color: #a61f48; }
.button-danger-soft:hover { background: #ffe2e7; }
.file-button { display: inline-flex; align-items: center; }

.workspace { display: grid; grid-template-columns: minmax(380px, 510px) minmax(0, 1fr); min-height: calc(100vh - 68px); }
.builder-panel { padding: 28px; border-right: 1px solid var(--line); background: white; overflow: auto; }
.builder-intro { max-width: 430px; }
.eyebrow { margin: 0 0 7px; color: var(--purple); font-size: 11px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.assignment-control { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 12px; }
.assignment-control span { min-width: 0; overflow: hidden; color: var(--muted); font-size: 11px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }

.step-nav { display: flex; gap: 8px; margin: 24px 0 18px; padding-bottom: 4px; overflow-x: auto; scrollbar-width: thin; }
.step-button {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: white;
  color: var(--muted);
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
}
.step-button span { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; background: var(--panel); font-size: 10px; }
.step-button.is-active { border-color: var(--purple); background: var(--lilac); color: var(--purple-dark); }
.step-button.is-active span { background: var(--purple); color: var(--branch-on-accent); }

.form-shell { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: 0 10px 30px rgba(36,18,52,.06); }
.form-progress { height: 4px; background: #eeeaf2; }
.form-progress span { display: block; height: 100%; background: var(--purple); transition: width .25s ease; }
#formContent { min-height: 430px; padding: 24px; }
.form-heading { margin-bottom: 22px; }
.form-heading h2 { margin: 0 0 7px; font-size: 23px; letter-spacing: -.025em; }
.form-heading p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.field { display: grid; gap: 7px; }
.field-full { grid-column: 1 / -1; }
.field label, .field-label { color: #4f4b54; font-size: 12px; font-weight: 850; }
.field-label-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; }
.field-label-row label { min-width: 0; }
.clear-field-button { padding: 1px 2px; border: 0; background: transparent; color: #a44961; cursor: pointer; font: inherit; font-size: 11px; font-weight: 800; }
.clear-field-button:hover { color: #7f2941; text-decoration: underline; }
.clear-field-button:focus-visible { border-radius: 4px; outline: 2px solid var(--purple); outline-offset: 2px; }
.field-help { margin: -2px 0 0; color: #8a8590; font-size: 11px; }
.field-warning { margin: 2px 0 0; padding: 10px 12px; border-left: 3px solid var(--branch-strong); background: var(--branch-pale); color: var(--ink); line-height: 1.45; }
.public-url-field { display: flex; align-items: center; overflow: hidden; border: 1px solid #d8d2de; border-radius: 10px; background: white; transition: border .16s ease, box-shadow .16s ease; }
.public-url-field:focus-within { border-color: var(--purple); box-shadow: 0 0 0 3px rgba(124,11,236,.09); }
.public-url-field span { flex: 0 0 auto; padding-left: 12px; color: #6f6975; font-size: 13px; }
.public-url-field .text-input { min-width: 0; padding-left: 2px; border: 0; border-radius: 0; box-shadow: none; }
.public-url-preview { justify-self: start; color: var(--purple); font-size: 11px; font-weight: 800; text-decoration: none; }
.public-url-preview:hover { text-decoration: underline; }
.text-input, .text-area {
  width: 100%;
  border: 1px solid #d8d2de;
  border-radius: 10px;
  background: #fff;
  color: var(--ink);
  padding: 11px 12px;
  font-size: 14px;
  transition: border .16s ease, box-shadow .16s ease;
}
.text-input:focus, .text-area:focus { border-color: var(--purple); box-shadow: 0 0 0 3px rgba(124,11,236,.09); outline: none; }
.text-area { min-height: 96px; resize: vertical; line-height: 1.45; }
.text-area.is-short { min-height: 72px; }
.character-count { justify-self: end; color: #928c98; font-size: 10px; }

.repeat-list { display: grid; gap: 13px; }
.repeat-card { border: 1px solid var(--line); border-radius: 14px; background: #fbfafc; }
.repeat-card summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px; cursor: pointer; list-style: none; }
.repeat-card summary::-webkit-details-marker { display: none; }
.repeat-card summary::after { content: "+"; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: var(--lilac); color: var(--purple); font-size: 17px; font-weight: 500; }
.repeat-card[open] summary::after { content: "−"; }
.repeat-card-title { display: flex; align-items: center; gap: 10px; min-width: 0; }
.repeat-card-title strong { font-size: 13px; }
.repeat-card-title small { display: block; max-width: 230px; overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }
.repeat-number { display: grid; flex: 0 0 auto; width: 28px; height: 28px; place-items: center; border-radius: 8px; background: var(--purple); color: var(--branch-on-accent); font-size: 11px; font-weight: 900; }
.repeat-card-body { padding: 2px 14px 16px; }
.workgroup-position-controls { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 14px; padding: 9px 10px; border: 1px solid #e2dce7; border-radius: 10px; background: #f7f3fa; }
.workgroup-position-controls > span { color: var(--purple); font-size: 10px; font-weight: 850; }
.workgroup-position-controls > div { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.workgroup-position-controls button, .workgroup-position-controls select { min-height: 30px; border: 1px solid #d8cedf; border-radius: 8px; background: #fff; color: var(--ink); padding: 6px 8px; font: inherit; font-size: 10px; font-weight: 750; }
.workgroup-position-controls button { cursor: pointer; }
.workgroup-position-controls button:hover:not(:disabled) { border-color: var(--purple); color: var(--purple); }
.workgroup-position-controls button:disabled, .workgroup-position-controls select:disabled { opacity: .38; cursor: not-allowed; }
.workgroup-position-controls label { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 10px; font-weight: 750; }
.workgroup-count-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0 0 16px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--lilac); }
.workgroup-count-toolbar > span { color: var(--muted); font-size: 13px; }
.workgroup-count-toolbar > span strong { color: var(--purple); font-size: 18px; }
.workgroup-count-toolbar > span small { display: block; margin-top: 3px; font-size: 10px; }
.workgroup-count-toolbar > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.workgroup-count-toolbar .button { min-height: 34px; padding: 8px 11px; font-size: 10px; }
.workgroup-count-toolbar .button:disabled { opacity: .35; cursor: not-allowed; }
.person-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.person-grid .field:first-child, .person-grid .image-field { grid-column: 1 / -1; }
.crm-person-field { position: relative; z-index: 4; }
.crm-person-search-wrap { position: relative; }
.crm-person-search-icon { position: absolute; top: 50%; left: 12px; color: var(--muted); font-size: 19px; line-height: 1; transform: translateY(-53%); pointer-events: none; }
.crm-person-search { padding-left: 37px; }
.crm-person-results { position: absolute; z-index: 20; top: calc(100% - 17px); right: 0; left: 0; max-height: 310px; padding: 6px; overflow-y: auto; border: 1px solid var(--line); border-radius: 14px; background: white; box-shadow: 0 18px 42px rgba(34,25,40,.18); }
.crm-person-option { width: 100%; display: flex; align-items: center; gap: 10px; padding: 9px; border: 0; border-radius: 10px; background: transparent; color: var(--ink); cursor: pointer; text-align: left; }
.crm-person-option:hover, .crm-person-option:focus-visible { background: var(--lilac); outline: none; }
.crm-person-option > span:last-child { min-width: 0; display: grid; gap: 2px; }
.crm-person-option strong, .crm-person-option small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.crm-person-option strong { font-size: 12px; }
.crm-person-option small { color: var(--muted); font-size: 10px; }
.crm-person-avatar { width: 36px; height: 36px; display: grid; flex: 0 0 auto; place-items: center; overflow: hidden; border-radius: 50%; background: var(--purple); color: white; font-size: 10px; font-weight: 850; }
.crm-person-avatar img { width: 100%; height: 100%; object-fit: cover; }
.crm-person-empty { margin: 0; padding: 12px; color: var(--muted); font-size: 11px; text-align: center; }
.subsection-title { display: flex; align-items: center; gap: 9px; margin: 22px 0 11px; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.subsection-title::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.subsection-title:first-child { margin-top: 4px; }

.image-field { display: grid; grid-template-columns: 62px 1fr; gap: 12px; align-items: center; border-radius: 14px; transition: background .16s ease, box-shadow .16s ease; }
.image-field.is-drag-over { background: var(--lilac); box-shadow: 0 0 0 3px var(--purple); }
.image-field.is-drag-over .image-field-preview { border-color: var(--purple); border-style: solid; }
.image-field-preview { width: 62px; height: 62px; display: grid; place-items: center; overflow: hidden; border: 1px dashed #c9c1d0; border-radius: 12px; background: var(--lilac); color: var(--purple); font-size: 10px; font-weight: 900; text-align: center; }
.image-field-preview img { width: 100%; height: 100%; object-fit: cover; }
.image-field-controls { display: grid; gap: 6px; }
.image-field-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 12px; }
.image-field-actions > span { color: var(--muted); font-size: 10px; }
.upload-link, .paste-image-link, .crop-image-link, .restore-image-link, .remove-image-link { justify-self: start; padding: 0; border: 0; background: transparent; color: var(--purple); cursor: pointer; font: inherit; font-size: 11px; font-weight: 850; }
.restore-image-link { color: #287b54; }
.remove-image-link { color: #a53b32; }
.upload-link:hover, .paste-image-link:hover, .crop-image-link:hover, .restore-image-link:hover, .remove-image-link:hover { text-decoration: underline; }
.upload-link:focus-visible, .paste-image-link:focus-visible, .crop-image-link:focus-visible, .restore-image-link:focus-visible, .remove-image-link:focus-visible, .image-field:focus-visible { border-radius: 3px; outline: 2px solid var(--purple); outline-offset: 3px; }
.sponsor-logo-manager { gap: 12px; }
.sponsor-logo-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--lilac); }
.sponsor-logo-toolbar > span { display: grid; gap: 3px; }
.sponsor-logo-toolbar strong { color: var(--purple-dark); font-size: 13px; }
.sponsor-logo-toolbar small { color: var(--muted); font-size: 10px; line-height: 1.4; }
.sponsor-logo-toolbar .button { flex: 0 0 auto; min-height: 34px; padding: 8px 11px; font-size: 10px; }
.sponsor-logo-toolbar .button:disabled { opacity: .35; cursor: not-allowed; }
.sponsor-logo-editor-list { display: grid; gap: 10px; }
.sponsor-logo-editor-item { display: grid; gap: 11px; padding: 13px; border: 1px solid var(--line); border-radius: 14px; background: #fbfafc; }
.sponsor-logo-editor-item > .field { grid-column: auto; }
.sponsor-logo-editor-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.sponsor-logo-editor-heading > strong { color: var(--ink); font-size: 12px; }
.sponsor-logo-editor-heading > span { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.sponsor-logo-editor-heading button { min-height: 28px; border: 1px solid #d8cedf; border-radius: 7px; background: #fff; color: #615b66; padding: 5px 8px; cursor: pointer; font: 750 9px "Poppins", sans-serif; }
.sponsor-logo-editor-heading button:last-child { color: #a53b32; }
.sponsor-logo-editor-heading button:hover:not(:disabled) { border-color: var(--purple); color: var(--purple); }
.sponsor-logo-editor-heading button:disabled { opacity: .35; cursor: not-allowed; }
.sponsor-logo-empty { margin: 0; padding: 18px; border: 1px dashed #cec7d5; border-radius: 12px; color: var(--muted); font-size: 11px; text-align: center; }
.video-field { display: grid; gap: 8px; padding: 14px; border: 1px solid #ddd6e2; border-radius: 14px; background: #fbfafc; }
.video-field-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 7px 14px; }
.video-field-actions > span { color: var(--muted); font-size: 10px; }
.intro-video-link { position: absolute; z-index: 3; inset: 0; display: grid; align-content: center; justify-items: center; gap: .55cqw; padding: 2cqw; background: linear-gradient(145deg,#243746,#0a66c2); color: #fff; text-align: center; text-decoration: none; }
.intro-video-link span { font: 700 clamp(13px,1.7cqw,26px) "Poppins",sans-serif; }
.intro-video-link small { font: 600 clamp(8px,.75cqw,12px) "Poppins",sans-serif; letter-spacing: .05em; text-transform: uppercase; }

.form-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 20px; border-top: 1px solid var(--line); background: #fbfafc; }
.form-footer span { color: var(--muted); font-size: 11px; font-weight: 800; }
.form-footer .button[disabled] { opacity: .35; pointer-events: none; }

.preview-panel { min-width: 0; background: #ede9ef; }
.preview-toolbar { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 22px; border-bottom: 1px solid #ddd7e1; background: rgba(255,255,255,.72); backdrop-filter: blur(12px); }
.preview-toolbar p { margin: 0; }
#previewTitle { font-size: 14px; font-weight: 850; }
.view-switcher { display: flex; padding: 3px; border-radius: 999px; background: #dfdae3; }
.view-button { padding: 7px 11px; border: 0; border-radius: 999px; background: transparent; color: #706b75; cursor: pointer; font-size: 11px; font-weight: 850; }
.view-button.is-active { background: white; color: var(--purple); box-shadow: 0 2px 8px rgba(50,30,65,.1); }
.preview-stage { height: calc(100vh - 138px); padding: 26px; overflow: auto; }
.agenda-frame { width: min(100%, 1440px); margin: 0 auto; overflow: hidden; border-radius: 4px; background: white; box-shadow: var(--shadow); transition: width .25s ease, max-width .25s ease; }
.preview-stage.is-mobile .agenda-frame { max-width: 390px; }

/* Keep the complete preview viewport beside a long editor form. Without this,
   scrolling the document moves the finite-height preview panel out of view and
   exposes the empty remainder of the grid row, which looks like a clipped
   agenda. The preview itself retains its own full-height scroll area. */
@media (min-width: 781px) {
  body:not(.preview-only) .preview-panel:not(:fullscreen) {
    position: sticky;
    top: 68px;
    height: calc(100vh - 68px);
    align-self: start;
    overflow: hidden;
  }
}

/* Agenda output */
.agenda { container-type: inline-size; overflow: hidden; background: white; color: #2d2d2f; }
.agenda-section { position: relative; padding: clamp(48px, 8vw, 92px) clamp(28px, 7vw, 78px); overflow: hidden; }
.agenda-section::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .08; background-image: radial-gradient(#7c0bec 1px, transparent 1px); background-size: 17px 17px; mask-image: linear-gradient(to bottom right, #000, transparent 65%); }
.agenda-hero { min-height: 620px; display: grid; align-content: space-between; color: var(--branch-on-accent); background: var(--purple); }
.agenda-hero::before { opacity: .25; background-image: url("../assets/workgroup-doodles.svg"); background-size: cover; background-position: center; mask-image: none; }
.hero-top, .hero-body, .hero-footer { position: relative; z-index: 1; }
.hero-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; }
.hero-kicker { max-width: 430px; }
.hero-brand-logo { display: block; width: clamp(118px, 15vw, 176px); height: auto; margin-bottom: 25px; }
.hero-title { margin: 0; font-size: clamp(62px, 11vw, 128px); line-height: .78; letter-spacing: -.07em; text-transform: uppercase; }
.hero-date-card { min-width: 190px; padding: 18px; border: 1px solid var(--branch-line-on-accent); background: rgba(0,0,0,.12); backdrop-filter: blur(8px); }
.hero-date-card strong { display: block; font-size: clamp(18px, 2.5vw, 25px); }
.hero-date-card span { display: block; margin-top: 7px; color: var(--branch-on-accent-muted); font-size: 12px; line-height: 1.45; }
.hero-body { max-width: 700px; margin: 64px 0; }
.hero-body h2 { max-width: 650px; margin: 0 0 18px; font-size: clamp(36px, 6vw, 72px); line-height: .96; letter-spacing: -.055em; }
.hero-body p { max-width: 620px; margin: 0; color: var(--branch-on-accent-muted); font-size: clamp(15px, 1.7vw, 20px); line-height: 1.55; }
.hero-cover-stars { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 0 0 34px; }
.hero-cover-star { min-width: 0; display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--branch-line-on-accent); background: rgba(0,0,0,.12); }
.hero-cover-photo { width: 44px; height: 44px; display: grid; place-items: center; overflow: hidden; border-radius: 50%; background: var(--lime); color: #2d2d2f; font-size: 11px; font-weight: 950; }
.hero-cover-photo img { width: 100%; height: 100%; object-fit: cover; filter: none; }
.hero-cover-meta { min-width: 0; }
.hero-cover-meta strong { display: block; overflow: hidden; color: var(--branch-on-accent); font-size: 11px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.hero-cover-meta span { display: block; margin-top: 4px; overflow: hidden; color: var(--branch-on-accent-muted); font-size: 8px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase; }
.hero-cover-logo { width: auto; max-width: 56px; height: 15px; margin-top: 5px; object-fit: contain; object-position: left center; }
.hero-footer { display: flex; justify-content: space-between; gap: 24px; padding-top: 22px; border-top: 1px solid var(--branch-line-on-accent); color: var(--branch-on-accent-muted); font-size: 12px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }

.agenda-speakers { background: var(--lilac); }
.agenda-heading { position: relative; z-index: 1; display: grid; grid-template-columns: .55fr 1fr; gap: 35px; margin-bottom: 44px; }
.agenda-heading .section-number { color: var(--purple); font-size: 12px; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; }
.agenda-heading h2 { max-width: 650px; margin: 0; font-size: clamp(36px, 6vw, 74px); line-height: .94; letter-spacing: -.055em; }
.agenda-heading p { max-width: 620px; margin: 16px 0 0; color: #625e66; font-size: 15px; line-height: 1.55; }
.speaker-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.speaker-card { min-width: 0; background: white; }
.speaker-photo { aspect-ratio: 4 / 4.7; display: grid; place-items: center; overflow: hidden; background: #ded5e7; color: var(--purple); font-size: clamp(24px, 4vw, 48px); font-weight: 950; }
.speaker-photo img { width: 100%; height: 100%; object-fit: cover; filter: none; }
.speaker-meta { min-height: 128px; padding: 15px; border-top: 5px solid var(--purple); }
.speaker-meta h3 { margin: 0 0 8px; font-size: 16px; line-height: 1.08; }
.speaker-meta p { margin: 0; color: #6f6973; font-size: 10px; line-height: 1.35; text-transform: uppercase; }
.company-logo { width: auto; max-width: 88px; height: 25px; margin-top: 13px; object-fit: contain; object-position: left center; filter: grayscale(100%); }

.agenda-round { background: white; }
.agenda-round:nth-of-type(even) { background: var(--cream); }
.round-label { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 9px; margin-bottom: 22px; padding: 9px 12px; border-radius: 999px; background: var(--lime); font-size: 11px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.round-title { position: relative; z-index: 1; max-width: 700px; margin: 0 0 45px; font-size: clamp(38px, 6vw, 72px); line-height: .94; letter-spacing: -.055em; }
.workgroup-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.workgroup-card { position: relative; min-height: 285px; display: grid; grid-template-rows: 1fr auto; padding: 24px; overflow: hidden; border: 1px solid #dcd6e0; background: var(--lilac); }
.workgroup-card:nth-child(3n + 2) { background: #f0ffce; }
.workgroup-card:nth-child(3n) { background: #ffe5f3; }
.workgroup-card::after { content: attr(data-option); position: absolute; right: -4px; top: -18px; color: rgba(45,45,47,.08); font-size: 90px; font-weight: 950; letter-spacing: -.08em; }
.workgroup-copy { position: relative; z-index: 1; }
.workgroup-icon { width: 62px; height: 62px; display: grid; place-items: center; margin-bottom: 20px; overflow: hidden; border: 1px solid rgba(45,45,47,.14); border-radius: 14px; background: white; }
.workgroup-icon img { width: 76%; height: 76%; object-fit: contain; }
.workgroup-copy h3 { max-width: 420px; margin: 0 0 13px; font-size: clamp(22px, 3.2vw, 34px); line-height: 1; letter-spacing: -.035em; text-transform: uppercase; }
.workgroup-copy p { max-width: 430px; margin: 0; color: #5f5a63; font-size: 12px; line-height: 1.5; }
.workgroup-host { position: relative; z-index: 1; display: flex; align-items: center; gap: 11px; margin-top: 22px; padding-top: 16px; border-top: 1px solid rgba(45,45,47,.15); }
.host-avatar { width: 42px; height: 42px; display: grid; flex: 0 0 auto; place-items: center; overflow: hidden; border-radius: 50%; background: var(--purple); color: var(--branch-on-accent); font-size: 12px; font-weight: 900; }
.host-avatar img { width: 100%; height: 100%; object-fit: cover; filter: none; }
.workgroup-host strong { display: block; font-size: 12px; }
.workgroup-host span { display: block; margin-top: 3px; color: #726d76; font-size: 9px; line-height: 1.35; text-transform: uppercase; }
.host-logo { width: auto; max-width: 62px; height: 22px; margin-left: auto; object-fit: contain; filter: grayscale(100%); }

.agenda-panel { color: white; background: #2d2d2f; }
.agenda-panel::before { opacity: .11; background-image: radial-gradient(#ffb2dc 1.5px, transparent 1.5px); }
.agenda-panel .agenda-heading .section-number { color: var(--lime); }
.agenda-panel .agenda-heading p { color: #c9c3cd; }
.panel-people { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.panel-person { min-width: 0; }
.panel-person .speaker-photo { aspect-ratio: 1; background: #48434e; }
.panel-person-meta { padding: 14px 3px; }
.panel-person-meta h3 { margin: 0 0 6px; color: white; font-size: 14px; }
.panel-person-meta p { margin: 0; color: #bbb3c0; font-size: 9px; line-height: 1.4; text-transform: uppercase; }
.role-chip { display: inline-block; margin-top: 10px; padding: 5px 7px; background: var(--pink); color: #2d2d2f; font-size: 8px; font-weight: 950; text-transform: uppercase; }
.role-chip.is-speaker { background: var(--lime); }

.agenda-finish { min-height: 420px; display: grid; place-items: center; text-align: center; color: var(--branch-on-accent); background: var(--purple); }
.agenda-finish::before { opacity: .3; background-image: url("../assets/workgroup-doodles.svg"); background-size: cover; mask-image: none; }
.finish-inner { position: relative; z-index: 1; max-width: 700px; }
.finish-logo { display: block; width: clamp(150px, 22vw, 230px); height: auto; margin: 0 auto 40px; }
.finish-inner p { margin: 0 0 16px; color: var(--lime); font-size: 12px; font-weight: 950; letter-spacing: .16em; text-transform: uppercase; }
.finish-inner h2 { margin: 0; font-size: clamp(48px, 9vw, 105px); line-height: .82; letter-spacing: -.065em; text-transform: uppercase; }
.finish-inner span { display: block; margin-top: 26px; color: #eee1fa; font-size: 14px; }

.empty-state { position: relative; z-index: 1; min-height: 160px; display: grid; place-items: center; border: 1px dashed #c8bfce; color: #7b7481; text-align: center; }

.preview-stage.is-mobile .agenda-section { padding: 42px 24px; }
.preview-stage.is-mobile .agenda-hero { min-height: 610px; }
.preview-stage.is-mobile .hero-top { display: grid; }
.preview-stage.is-mobile .hero-date-card { min-width: 0; width: 100%; }
.preview-stage.is-mobile .hero-title { font-size: 68px; }
.preview-stage.is-mobile .hero-body h2 { font-size: 42px; }
.preview-stage.is-mobile .hero-cover-stars { grid-template-columns: repeat(2, 1fr); }
.preview-stage.is-mobile .hero-footer { display: grid; gap: 8px; }
.preview-stage.is-mobile .agenda-heading { grid-template-columns: 1fr; gap: 10px; }
.preview-stage.is-mobile .agenda-heading h2, .preview-stage.is-mobile .round-title { font-size: 42px; }
.preview-stage.is-mobile .speaker-grid, .preview-stage.is-mobile .panel-people { grid-template-columns: repeat(2, 1fr); }
.preview-stage.is-mobile .workgroup-grid { grid-template-columns: 1fr; }

.toast { position: fixed; z-index: 50; left: 50%; bottom: 24px; transform: translate(-50%, 20px); padding: 12px 16px; border-radius: 999px; background: #2d2d2f; color: white; box-shadow: var(--shadow); font-size: 12px; font-weight: 800; opacity: 0; pointer-events: none; transition: .22s ease; }
.toast.is-visible { transform: translate(-50%, 0); opacity: 1; }
.published-error { min-height: 100vh; display: grid; place-content: center; justify-items: center; padding: 40px; text-align: center; color: white; background: var(--purple); }
.published-error img { width: min(230px, 55vw); margin-bottom: 34px; }
.published-error h1 { margin: 0 0 10px; font-size: clamp(40px, 8vw, 86px); letter-spacing: -.05em; }
.published-error p { max-width: 460px; margin: 0; color: #efe3fa; line-height: 1.6; }
.assignment-modal { position: fixed; z-index: 100; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(25,16,31,.66); backdrop-filter: blur(7px); }
.assignment-card { position: relative; width: min(100%, 480px); padding: 28px; border-radius: 20px; background: white; box-shadow: 0 28px 80px rgba(20,8,28,.28); }
.assignment-card h2 { margin: 0 0 8px; font-size: 28px; letter-spacing: -.035em; }
.assignment-card > p:not(.eyebrow) { margin: 0 0 22px; color: var(--muted); font-size: 13px; line-height: 1.5; }
.assignment-card label { display: block; margin-bottom: 7px; color: #4f4b54; font-size: 12px; font-weight: 850; }
.assignment-close { position: absolute; top: 14px; right: 14px; width: 34px; height: 34px; border: 0; border-radius: 50%; background: var(--panel); color: var(--ink); cursor: pointer; font-size: 22px; }
.assignment-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; margin-top: 22px; }
.assignment-actions .assignment-remove { margin-right: auto; color: #a61f48; }
.publish-success-modal { z-index: 190; }
.publish-success-card { width: min(100%, 520px); padding: 42px 34px 32px; text-align: center; }
.publish-success-icon { width: 68px; height: 68px; margin: 0 auto 18px; display: grid; place-items: center; border-radius: 50%; background: var(--lime); color: var(--ink); box-shadow: 0 10px 30px rgba(124,11,236,.16); font-size: 34px; font-weight: 950; }
.publish-success-card h2 { margin-bottom: 12px; font-size: clamp(38px, 6vw, 54px); }
.publish-success-card > p:not(.eyebrow) { margin-right: auto; margin-left: auto; }
.publish-success-card > p strong { display: block; margin-top: 8px; color: var(--ink); overflow-wrap: anywhere; }
.publish-success-card .assignment-actions { justify-content: center; }
.publish-success-card .button { min-width: 154px; }
.share-agenda-card { width: min(100%, 620px); }
.share-agenda-link-row { display: flex; align-items: stretch; gap: 9px; }
.share-agenda-link-row .text-input { min-width: 0; flex: 1; font-size: 12px; }
.share-agenda-link-row .button { flex: 0 0 auto; }
.assignment-card > p.share-agenda-note { margin: 10px 0 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
.assignment-card > p.share-agenda-status { min-height: 17px; margin: 6px 0 0; color: #287b54; font-size: 11px; font-weight: 750; line-height: 1.45; }

body.image-crop-open { overflow: hidden; }
.image-crop-modal { z-index: 180; overflow-y: auto; }
.image-crop-card { width: min(100%, 760px); margin: auto; }
.image-crop-card > p:not(.eyebrow):not(.image-crop-status) { max-width: 620px; margin-bottom: 18px; }
.image-crop-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(180px, .75fr); gap: 22px; align-items: center; }
.image-crop-stage { position: relative; aspect-ratio: 1; display: grid; place-items: center; overflow: hidden; border-radius: 16px; background: #e7e1eb; box-shadow: inset 0 0 0 1px rgba(45,45,47,.08); }
.image-crop-stage.is-landscape { aspect-ratio: 16 / 9; }
.image-crop-stage.is-logo { aspect-ratio: 2 / 1; background-color: #fff; background-image: linear-gradient(45deg, #ece8ef 25%, transparent 25%), linear-gradient(-45deg, #ece8ef 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ece8ef 75%), linear-gradient(-45deg, transparent 75%, #ece8ef 75%); background-position: 0 0, 0 8px, 8px -8px, -8px 0; background-size: 16px 16px; }
.image-crop-stage canvas { width: 100%; height: 100%; display: block; cursor: grab; opacity: 0; touch-action: none; transition: opacity .18s ease; }
.image-crop-stage canvas.is-dragging { cursor: grabbing; }
.image-crop-stage.is-ready canvas { opacity: 1; }
.image-crop-guide { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; overflow: visible; fill: none; stroke: rgba(255,255,255,.92); stroke-width: 2; stroke-dasharray: 7 6; stroke-linecap: round; opacity: 0; pointer-events: none; filter: drop-shadow(0 0 .45px rgba(30,26,34,.9)) drop-shadow(0 1px 2px rgba(30,26,34,.5)); transition: opacity .18s ease; }
.image-crop-guide * { vector-effect: non-scaling-stroke; }
.image-crop-stage.is-ready .image-crop-guide { opacity: .82; }
.image-logo-crop-box { position: absolute; z-index: 3; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 2px solid #c9ff57; border-radius: 7px; box-shadow: 0 0 0 9999px rgba(35,30,39,.38), 0 0 0 1px rgba(35,30,39,.55); cursor: move; opacity: 0; pointer-events: none; touch-action: none; transition: opacity .18s ease; }
.image-crop-stage.is-ready .image-logo-crop-box { opacity: 1; pointer-events: auto; }
.image-logo-crop-box::before { content: "Crop area"; position: absolute; top: 8px; left: 8px; padding: 4px 7px; border-radius: 999px; background: rgba(35,30,39,.82); color: #fff; font-size: 10px; font-weight: 800; line-height: 1; pointer-events: none; }
.image-logo-crop-handle { position: absolute; width: 16px; height: 16px; border: 2px solid #2d2d2f; border-radius: 4px; background: #c9ff57; box-shadow: 0 1px 4px rgba(35,30,39,.35); }
.image-logo-crop-handle[data-crop-handle="nw"] { top: 2px; left: 2px; cursor: nwse-resize; }
.image-logo-crop-handle[data-crop-handle="n"] { top: 2px; left: calc(50% - 8px); cursor: ns-resize; }
.image-logo-crop-handle[data-crop-handle="ne"] { top: 2px; right: 2px; cursor: nesw-resize; }
.image-logo-crop-handle[data-crop-handle="e"] { top: calc(50% - 8px); right: 2px; cursor: ew-resize; }
.image-logo-crop-handle[data-crop-handle="se"] { right: 2px; bottom: 2px; cursor: nwse-resize; }
.image-logo-crop-handle[data-crop-handle="s"] { bottom: 2px; left: calc(50% - 8px); cursor: ns-resize; }
.image-logo-crop-handle[data-crop-handle="sw"] { bottom: 2px; left: 2px; cursor: nesw-resize; }
.image-logo-crop-handle[data-crop-handle="w"] { top: calc(50% - 8px); left: 2px; cursor: ew-resize; }
.image-logo-crop-box:focus-visible { outline: 3px solid var(--purple); outline-offset: 3px; }
.image-crop-stage > span { position: absolute; max-width: 80%; color: var(--muted); font-size: 12px; line-height: 1.45; text-align: center; }
.image-crop-stage.is-ready > span { display: none; }
.image-crop-controls { display: grid; gap: 18px; }
.image-crop-controls label { display: grid; gap: 8px; color: var(--ink); font-size: 11px; font-weight: 800; }
.image-crop-controls label > span { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.image-crop-controls output { color: var(--muted); font-size: 10px; font-weight: 700; }
.image-crop-controls input[type="range"] { width: 100%; accent-color: var(--purple); cursor: pointer; }
.image-crop-controls input[type="range"]:disabled { cursor: wait; opacity: .45; }
.image-crop-reset { justify-self: start; padding: 0; border: 0; background: transparent; color: var(--purple); cursor: pointer; font: inherit; font-size: 11px; font-weight: 850; }
.image-crop-reset:hover { text-decoration: underline; }
.image-crop-reset:focus-visible { border-radius: 3px; outline: 2px solid var(--purple); outline-offset: 3px; }
.image-crop-status { min-height: 17px; margin: 12px 0 -6px; color: var(--muted); font-size: 11px; line-height: 1.45; }

@media (max-width: 560px) {
  .share-agenda-link-row { flex-direction: column; }
  .share-agenda-link-row .button { width: 100%; }
  .image-crop-modal { align-items: end; padding: 0; }
  .image-crop-card { max-height: 94vh; padding: 24px 18px max(20px, env(safe-area-inset-bottom)); overflow-y: auto; border-radius: 22px 22px 0 0; }
  .image-crop-layout { grid-template-columns: 1fr; gap: 18px; }
  .image-crop-stage { width: min(100%, 420px); justify-self: center; }
  .image-crop-controls { grid-template-columns: 1fr 1fr; gap: 14px 18px; }
  .image-crop-controls label:first-child { grid-column: 1 / -1; }
  .image-crop-card .assignment-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .image-crop-card .assignment-actions .button { width: 100%; }
}

/* Agenda review and feedback */
.agenda { position: relative; }
.feedback-editor-panel {
  max-width: 430px;
  margin: 20px 0 18px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(36,18,52,.09);
}
.feedback-editor-panel[hidden] { display: none; }
.feedback-editor-panel-header {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 54px 17px 20px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(145deg, #fff 0%, var(--lilac) 155%);
}
.feedback-editor-panel-header h2 {
  margin: 0;
  font-size: 21px;
  line-height: 1.15;
  letter-spacing: -.025em;
}
.feedback-editor-panel-header > div > p:last-child {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}
.feedback-panel-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.78);
  color: var(--ink);
  cursor: pointer;
  font-size: 21px;
  line-height: 1;
  box-shadow: 0 3px 12px rgba(36,18,52,.08);
}
.feedback-panel-close:hover { background: #fff; }
.feedback-panel-close:focus-visible {
  outline: 3px solid rgba(124,11,236,.28);
  outline-offset: 2px;
}
.feedback-editor-list {
  display: grid;
  gap: 11px;
  max-height: min(52vh, 520px);
  padding: 14px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.feedback-card {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid #e4dfe8;
  border-radius: 14px;
  background: #fbfafc;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.feedback-card:hover {
  border-color: color-mix(in srgb, var(--purple) 38%, var(--line));
  box-shadow: 0 8px 22px rgba(36,18,52,.08);
  transform: translateY(-1px);
}
.feedback-card.is-selected {
  border-color: var(--purple);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--purple) 13%, transparent);
}
.feedback-card.is-archived { background: #f5f3f6; opacity: .86; }
.feedback-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.feedback-card-author {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.feedback-card-author strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.feedback-card-author small,
.feedback-card-target,
.feedback-card-meta {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.35;
}
.feedback-card-target {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 999px;
  background: var(--lilac);
  color: var(--purple-dark);
  font-weight: 800;
}
.feedback-card-comment {
  margin: 0;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.feedback-card-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  padding-top: 2px;
}
.feedback-card-actions .button {
  min-height: 32px;
  padding: 7px 10px;
  font-size: 10px;
}
.feedback-card-actions .button:last-child { margin-left: auto; }
.feedback-empty-state {
  margin: 0;
  padding: 28px 18px;
  border: 1px dashed #cdc5d2;
  border-radius: 14px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}

.feedback-review-bar {
  position: sticky;
  z-index: 120;
  top: 0;
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 12px clamp(16px, 3vw, 34px);
  border-bottom: 1px solid rgba(45,45,47,.14);
  background: rgba(255,255,255,.94);
  color: var(--ink);
  box-shadow: 0 6px 24px rgba(36,18,52,.1);
  backdrop-filter: blur(14px);
}
.feedback-review-bar[hidden] { display: none; }
.feedback-review-bar-brand {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 15px;
}
.feedback-review-bar-brand img {
  width: 116px;
  height: 30px;
  flex: 0 0 auto;
  object-fit: contain;
}
.feedback-review-bar-copy { min-width: 0; }
.feedback-review-bar-copy strong {
  display: block;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.feedback-review-bar-copy span {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}
.feedback-review-bar-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
}
.feedback-review-bar .button[aria-pressed="true"] {
  background: var(--purple);
  color: var(--branch-on-accent);
}

.feedback-annotation-layer {
  position: absolute;
  z-index: 90;
  inset: 0;
  pointer-events: none;
}
.feedback-pin {
  position: absolute;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--purple);
  color: var(--branch-on-accent);
  cursor: pointer;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  pointer-events: auto;
  box-shadow: 0 5px 16px rgba(27,18,34,.28);
  transform: translate(-50%, -50%);
  transition: box-shadow .16s ease, transform .16s ease;
}
.feedback-pin:hover,
.feedback-pin:focus-visible,
.feedback-pin.is-selected {
  z-index: 2;
  outline: none;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--purple) 24%, transparent), 0 7px 20px rgba(27,18,34,.32);
  transform: translate(-50%, -50%) scale(1.12);
}
.feedback-location-card {
  position: absolute;
  z-index: 4;
  width: clamp(180px, 28cqw, 360px);
  max-width: calc(100% - 24px);
  display: grid;
  gap: clamp(5px, .5cqw, 8px);
  padding: clamp(12px, 1.2cqw, 18px);
  border: 2px solid var(--purple);
  border-radius: clamp(10px, 1cqw, 16px);
  background: rgba(255,255,255,.98);
  color: var(--ink);
  pointer-events: auto;
  box-shadow: 0 12px 34px rgba(27,18,34,.24);
  transform: translate(-50%, calc(-100% - 20px));
}
.feedback-location-card.is-below { transform: translate(-50%, 20px); }
.feedback-location-card > button {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #f1edf4;
  color: var(--ink);
  cursor: pointer;
  font-size: 17px;
  line-height: 1;
}
.feedback-location-card > span {
  padding-right: 28px;
  color: var(--purple-dark);
  font-size: clamp(9px, .74cqw, 11px);
  font-weight: 850;
  text-transform: uppercase;
}
.feedback-location-card > strong { font-size: clamp(11px, .95cqw, 14px); }
.feedback-location-card > p {
  margin: 0;
  font-size: clamp(10px, .9cqw, 14px);
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.feedback-comment-mode .agenda { cursor: crosshair; }
.feedback-comment-mode [data-feedback-target] {
  transition: outline-color .14s ease, outline-offset .14s ease;
}
.feedback-comment-mode [data-feedback-target]:hover {
  outline: 2px dashed color-mix(in srgb, var(--purple) 70%, white);
  outline-offset: -4px;
}
.feedback-comment-mode [data-feedback-target]:focus-visible {
  outline: max(2px, .18cqw) solid #111;
  outline-offset: max(3px, .28cqw);
}
.feedback-target-highlight {
  position: relative;
  z-index: 1;
  outline: 4px solid var(--purple) !important;
  outline-offset: -4px;
  animation: feedback-target-pulse 1.4s ease-out;
}
@keyframes feedback-target-pulse {
  0%, 100% { box-shadow: none; }
  35% { box-shadow: inset 0 0 0 999px color-mix(in srgb, var(--purple) 11%, transparent); }
}

.feedback-review-dialog {
  position: fixed;
  z-index: 160;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(25,16,31,.55);
  backdrop-filter: blur(6px);
}
.feedback-review-dialog[hidden],
.feedback-review-dialog[aria-hidden="true"] { display: none; }
.feedback-comment-form {
  position: relative;
  width: min(100%, 430px);
  display: grid;
  gap: 13px;
  padding: 25px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 28px 80px rgba(20,8,28,.3);
}
.feedback-comment-form h2 {
  margin: 0;
  padding-right: 40px;
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: -.03em;
}
.feedback-comment-form > p {
  margin: -5px 0 2px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}
.feedback-comment-form label {
  display: grid;
  gap: 6px;
  color: #4f4b54;
  font-size: 11px;
  font-weight: 850;
}
.feedback-comment-form textarea {
  min-height: 118px;
  resize: vertical;
}
.feedback-comment-form-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 3px;
}
.feedback-delete-button {
  margin-right: auto;
  border: 1px solid #d58b98;
  background: #fff4f6;
  color: #8b2635;
}
.feedback-delete-button:hover { background: #ffe8ed; }
.feedback-comment-form-status {
  min-height: 16px;
  margin: -2px 0 !important;
  color: #287b54 !important;
  font-size: 11px !important;
  font-weight: 750;
}

@media (prefers-reduced-motion: reduce) {
  .feedback-card,
  .feedback-pin,
  .feedback-comment-mode [data-feedback-target] { transition: none; }
  .feedback-target-highlight { animation: none; }
}

@media (max-width: 750px) {
  .feedback-editor-panel {
    max-width: none;
    margin-inline: 0;
  }
  .feedback-editor-list { max-height: min(60vh, 500px); }
  .feedback-review-bar {
    position: sticky;
    min-height: 0;
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
    padding: 12px 14px;
  }
  .feedback-review-bar-brand img { width: 94px; height: 25px; }
  .feedback-review-bar-copy span { white-space: normal; }
  .feedback-review-bar-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .feedback-review-bar-actions .button {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    font-size: 11px;
  }
  .feedback-pin {
    width: 32px;
    height: 32px;
    font-size: 12px;
  }
  .feedback-review-dialog {
    align-items: end;
    padding: 0;
  }
  .feedback-comment-form {
    width: 100%;
    max-height: min(88vh, 680px);
    padding: 24px 18px max(22px, env(safe-area-inset-bottom));
    overflow-y: auto;
    border-radius: 22px 22px 0 0;
  }
  .feedback-comment-form textarea { min-height: 104px; }
  .feedback-comment-form-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .feedback-comment-form-actions .button { width: 100%; }
}
@font-face {
  font-family: "Poppins";
  src: url("./assets/Poppins-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("./assets/Poppins-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("./assets/Poppins-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Riak";
  src: url("./assets/Riak.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Fira Code";
  src: url("./assets/FiraCode-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

.agenda > .agenda-hero, .agenda > .agenda-cover-stars-section { min-height: 0; aspect-ratio: 1024.5 / 303; }
.agenda-hero { min-height: 0; padding: clamp(18px, 1.7cqw, 30px) clamp(20px, 2.6cqw, 48px) clamp(10px, .8cqw, 18px); display: grid; grid-template-rows: 1fr; align-content: stretch; gap: 0; background: var(--lilac); color: var(--ink); }
.agenda-cover-stars-section { position: relative; min-height: 0; padding: clamp(20px, 2.8cqw, 40px) clamp(28px, 4cqw, 58px); display: flex; align-items: center; overflow: hidden; background: var(--lilac); }
.agenda-cover-stars-section .hero-cover-stars { width: 100%; }
.agenda-hero::before { display: none; }
.agenda-hero .hero-top { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; align-items: stretch; }
.agenda-hero .hero-intro { min-width: 0; display: grid; grid-template-rows: auto 1fr auto; }
.agenda-hero .hero-brand-logo { display: block; width: clamp(108px, 17cqw, 280px); height: auto; filter: brightness(0); transform: translateY(-.7cqw); }
.agenda-hero .hero-event-name { align-self: center; display: flex; align-items: flex-end; margin: 1cqw 0 0; white-space: nowrap; transform: translateY(-3.5cqw); }
.agenda-hero .hero-title { margin: 0; font-family: "Poppins", sans-serif; font-size: clamp(48px, 10.5cqw, 150px); font-weight: 600; line-height: .76; letter-spacing: .1em; transform: translateY(-1.2cqw); }
.agenda-hero .hero-city { position: relative; z-index: 2; display: inline-block; margin: 0 0 -3.2cqw -5.9cqw; color: var(--purple); font-family: "Riak", cursive; font-size: clamp(44px, calc(var(--city-font-scale, 8.55) * 1cqw), 130px); font-weight: 400; line-height: .82; letter-spacing: 0; transform: rotate(-2deg); }
.agenda-hero .hero-city::after { position: absolute; left: -2%; top: 122%; width: 112%; height: .22em; content: ""; background: currentColor; pointer-events: none; -webkit-mask: url("./assets/city-squiggle.svg") center / 100% 100% no-repeat; mask: url("./assets/city-squiggle.svg") center / 100% 100% no-repeat; }
.agenda-hero .hero-partnership { align-self: end; display: flex; align-items: center; gap: clamp(10px, 1.3cqw, 22px); margin-top: 0; }
.agenda-hero .hero-partnership > span { font-family: "Poppins", sans-serif; font-size: clamp(8px, .78cqw, 13px); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.agenda-hero .hero-partnership img { display: block; width: auto; max-width: min(11cqw, 180px); height: auto; max-height: min(3.4cqw, 56px); object-fit: contain; }
.agenda-hero .hero-artwork { position: relative; min-height: 0; }
.agenda-hero .hero-leaf { position: absolute; display: block; background: var(--branch-mid); opacity: .72; -webkit-mask: url("./assets/branch-shape.svg") center / contain no-repeat; mask: url("./assets/branch-shape.svg") center / contain no-repeat; }
.agenda-hero .hero-leaf-large { top: 5%; right: 1cqw; width: min(21cqw, 355px); aspect-ratio: 1; transform: rotate(8deg); }
.agenda-hero .hero-leaf-small { top: 1%; left: 11cqw; width: min(11cqw, 185px); aspect-ratio: 1; background: var(--branch-strong); transform: rotate(-18deg); opacity: .42; }
.agenda-hero .hero-date-ticket { container-type: inline-size; position: absolute; z-index: 2; isolation: isolate; top: 60%; left: 8cqw; width: min(22cqw, 370px); aspect-ratio: 250 / 74.13; filter: drop-shadow(0 12px 13px rgba(36,36,38,.18)); transform: translateY(-50%) rotate(7deg); }
.agenda-hero .hero-date-ticket::before { position: absolute; z-index: 1; inset: 0; content: ""; background: var(--branch-strong); -webkit-mask: url("./assets/event-date.svg") center / 100% 100% no-repeat; mask: url("./assets/event-date.svg") center / 100% 100% no-repeat; }
.agenda-hero .hero-date-ticket::after { position: absolute; z-index: 0; top: 4%; right: 1%; bottom: 4%; width: 32%; content: ""; background: var(--branch-pale); }
.agenda-hero .hero-date-copy { position: absolute; z-index: 3; inset: 14% 31% 12% 7%; display: flex; flex-direction: column; justify-content: center; color: var(--branch-white); font-family: "Fira Code", monospace; font-weight: 600; line-height: 1; text-transform: uppercase; transform: rotate(-1deg); }
.agenda-hero .hero-date-weekday { font-size: 5.2cqw; font-weight: 700; }
.agenda-hero .hero-date-copy strong { margin-top: 2cqw; display: flex; align-items: baseline; gap: 4cqw; font-size: 5.4cqw; font-weight: 600; white-space: nowrap; }
.agenda-hero .hero-date-day sup { position: relative; top: -1.8cqw; margin-left: .5cqw; font-size: 48%; line-height: 0; }
.agenda-hero .hero-date-copy small { margin-top: 3cqw; overflow: hidden; font-size: 3.5cqw; font-weight: 400; letter-spacing: .02em; text-overflow: ellipsis; white-space: nowrap; }
.agenda .hero-cover-stars { position: relative; z-index: 3; align-self: end; display: grid; grid-template-columns: repeat(var(--cover-star-count), minmax(0, 1fr)); gap: clamp(9px, 1.2vw, 17px); margin: 0 auto; }
.agenda .hero-cover-stars::before { position: absolute; z-index: -1; top: 52%; bottom: -42px; left: -10vw; right: -10vw; content: ""; background: #fbfaf8; }
.agenda .hero-cover-star { display: block; min-width: 0; padding: 0; gap: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; transform: rotate(calc((var(--star-index) - var(--star-center)) * .45deg)); transform-origin: center top; }
.agenda .hero-cover-polaroid { container-type: inline-size; position: relative; width: 100%; }
.agenda .hero-cover-photo { position: relative; display: block; width: 100%; height: auto; aspect-ratio: 799 / 1095; overflow: visible; border: 0; border-radius: 0; background: #fbfaf8; box-shadow: 0 5px 10px rgba(45,45,47,.12); color: var(--purple); font-family: "Poppins", sans-serif; font-size: clamp(20px, 3vw, 42px); font-weight: 600; }
.agenda .hero-cover-template { display: none; }
.agenda .hero-cover-photo-window { position: absolute; z-index: 2; inset: 4.11%; overflow: hidden; display: grid; place-items: center; background: #ff2365; }
.agenda .hero-cover-photo-window > img, .agenda .hero-cover-photo-window > .hero-cover-placeholder { display: block; width: 100%; height: 100%; object-fit: cover; filter: none; }
.agenda .hero-cover-meta { position: absolute; z-index: 4; inset: 0; pointer-events: none; }
.agenda .hero-cover-meta strong { position: absolute; top: -8px; left: -5px; width: max-content; max-width: 82%; padding: clamp(2px, .45cqw, 4px) clamp(3px, .55cqw, 5px); overflow: hidden; background: var(--ink); color: #fff; font-family: "Fira Code", monospace; font-size: clamp(4.5px, 8cqw, 10px); font-weight: 650; line-height: 1; letter-spacing: .02em; text-transform: uppercase; white-space: normal; }
.agenda .hero-cover-meta strong > span { position: static; display: block; max-width: none; padding: 0; overflow: visible; background: transparent; color: inherit; font: inherit; letter-spacing: inherit; text-align: left; }
.agenda .hero-cover-meta > span { position: absolute; right: -5%; bottom: -2%; width: 80%; min-height: 15cqw; padding: 1.25cqw 3.5cqw; overflow: visible; overflow-wrap: normal; word-break: normal; display: flex; align-items: center; justify-content: flex-end; background: var(--purple); color: var(--branch-on-accent); font-family: "Fira Code", monospace; font-size: clamp(5px, calc(var(--role-font-scale, 8) * .74cqw), 22px); line-height: 1.05; text-align: right; text-wrap: balance; text-transform: uppercase; white-space: normal; }
.agenda .hero-cover-company { position: relative; z-index: 1; width: 100%; aspect-ratio: 2.08 / 1; height: auto; margin-top: clamp(18px, 2.4vw, 30px); overflow: hidden; display: grid; place-items: center; background: #fbfaf8; }
.agenda .hero-cover-logo { display: block; max-width: 100%; max-height: 100%; object-fit: contain; }
.agenda .hero-cover-logo-placeholder { width: 100%; height: 100%; }

/* Event introduction shown immediately before Panel 1. */
.agenda-intro-section { min-height: 0; aspect-ratio: 1431 / 705; display: grid; grid-template-columns: 1fr 1.5fr; align-items: center; gap: 3.8cqw; padding: 5.6cqw 3.7cqw 7.3cqw 7.2cqw; background: #fbfaf8; }
.agenda-intro-section::before { display: none; }
.intro-copy { position: relative; z-index: 2; align-self: stretch; display: flex; min-width: 0; flex-direction: column; justify-content: center; }
.intro-copy h2 { position: relative; z-index: 2; margin: 0; color: var(--ink); font-family: "Poppins", sans-serif; font-size: clamp(24px, 4.05cqw, 64px); font-weight: 600; line-height: 1.02; letter-spacing: -.035em; text-wrap: balance; }
.intro-copy h2 em { font-style: italic; white-space: nowrap; }
.intro-audience, .intro-claim { position: relative; z-index: 1; display: inline-block; }
.intro-audience::after { position: absolute; z-index: -1; left: -4%; right: -4%; bottom: 7%; height: .34em; content: ""; background: var(--branch-strong); opacity: .52; transform: rotate(-1.2deg); }
.intro-claim { white-space: nowrap; }
.intro-claim::after { position: absolute; left: -2%; top: 101%; width: 106%; height: .28em; content: ""; background: var(--branch-strong); -webkit-mask: url("./assets/city-squiggle.svg") center / 100% 100% no-repeat; mask: url("./assets/city-squiggle.svg") center / 100% 100% no-repeat; transform: rotate(-2deg); }
.intro-description { width: 82%; margin: 4.8cqw 0 0 .4cqw; color: #3f3d41; font-family: "Fira Code", monospace; font-size: clamp(7px, 1cqw, 15px); font-weight: 400; line-height: 1.35; }
.intro-description p { margin: 0 0 1.2em; }
.intro-description p:last-child { margin-bottom: 0; }
.intro-media-wrap { position: relative; z-index: 1; min-width: 0; }
.intro-media-frame { padding: 2.5cqw; background: var(--branch-strong); box-shadow: 0 1.5cqw 2.6cqw rgba(45,45,47,.18); transform: rotate(2.9deg); }
.intro-media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #2d2d2f; }
.intro-media > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.intro-media-placeholder { width: 100%; height: 100%; display: grid; align-content: center; justify-items: center; gap: .45cqw; overflow: hidden; color: white; background: radial-gradient(circle at 76% 16%, var(--branch-mid) 0 12%, transparent 12.5%), linear-gradient(150deg, #2f3336, #17191b 63%, var(--branch-strong)); text-align: center; }
.intro-media-placeholder::before { position: absolute; inset: 56% -8% -28%; content: ""; background: var(--branch-strong); clip-path: polygon(0 72%, 9% 52%, 18% 63%, 29% 25%, 40% 59%, 50% 36%, 62% 66%, 74% 34%, 85% 56%, 100% 31%, 100% 100%, 0 100%); opacity: .72; }
.intro-media-placeholder span, .intro-media-placeholder small { position: relative; z-index: 1; font-family: "Poppins", sans-serif; text-transform: uppercase; }
.intro-media-placeholder span { font-size: clamp(16px, 4.6cqw, 72px); font-weight: 600; letter-spacing: .12em; }
.intro-media-placeholder small { padding: .45em .8em; background: var(--branch-strong); font-size: clamp(6px, .8cqw, 12px); font-weight: 300; letter-spacing: .08em; }
.intro-video-embed { position: absolute; z-index: 3; inset: 0; width: 100%; height: 100%; border: 0; background: #17191b; object-fit: cover; }
.intro-media > .intro-pdf-static-image { position: absolute; z-index: 5; inset: 0; display: none; width: 100%; height: 100%; object-fit: cover; }
.intro-play { position: absolute; z-index: 3; inset: 0; display: grid; place-items: center; color: white; text-decoration: none; }
.intro-play > span { width: 0; height: 0; border-top: 1.2cqw solid transparent; border-bottom: 1.2cqw solid transparent; border-left: 1.9cqw solid currentColor; filter: drop-shadow(0 2px 4px rgba(0,0,0,.34)); transform: translateX(.2cqw); }
.intro-play.is-placeholder { pointer-events: none; }
.intro-leaf { position: absolute; display: block; aspect-ratio: 1; background: var(--branch-pale); -webkit-mask: url("./assets/branch-shape.svg") center / contain no-repeat; mask: url("./assets/branch-shape.svg") center / contain no-repeat; }
.intro-leaf-large { z-index: 4; top: -3.6cqw; right: .2cqw; width: 13cqw; transform: rotate(7deg); }
.intro-leaf-small { right: -5.7cqw; bottom: -3.8cqw; width: 8.2cqw; background: var(--branch-strong); transform: rotate(36deg); }

.preview-stage.is-mobile .agenda-hero { min-height: 0; height: auto; aspect-ratio: auto; padding: 40px 22px 34px; display: block; background: var(--lilac); }
.preview-stage.is-mobile .agenda-cover-stars-section { min-height: 0; height: auto; aspect-ratio: auto; padding: 26px 22px 30px; display: block; }
.preview-stage.is-mobile .agenda-hero .hero-top { grid-template-columns: 1fr; gap: 10px; }
.preview-stage.is-mobile .agenda-hero .hero-brand-logo { width: 126px; transform: none; }
.preview-stage.is-mobile .agenda-hero .hero-event-name { margin-top: 54px; padding-bottom: 24px; transform: none; }
.preview-stage.is-mobile .agenda-hero .hero-title { font-size: 62px; transform: none; }
.preview-stage.is-mobile .agenda-hero .hero-city { margin: 0 0 -18px -24px; font-size: clamp(40px, calc(var(--city-font-scale, 8.55) * .75cqw + 18px), 58px); }
.preview-stage.is-mobile .agenda-hero .hero-partnership { margin-top: 58px; gap: 12px; }
.preview-stage.is-mobile .agenda-hero .hero-partnership > span { font-size: 9px; }
.preview-stage.is-mobile .agenda-hero .hero-partnership img { max-width: 110px; max-height: 38px; }
.preview-stage.is-mobile .agenda-hero .hero-artwork { min-height: 205px; }
.preview-stage.is-mobile .agenda-hero .hero-leaf-large { right: -24px; width: 180px; }
.preview-stage.is-mobile .agenda-hero .hero-leaf-small { width: 80px; }
.preview-stage.is-mobile .agenda-hero .hero-date-ticket { top: 100px; left: 4px; width: 230px; }
.preview-stage.is-mobile .agenda .hero-cover-stars { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 14px; margin: 0; }
.preview-stage.is-mobile .agenda .hero-cover-stars::before { top: 11.5%; }
.preview-stage.is-mobile .agenda .hero-cover-meta strong { font-size: 9px; }
.preview-stage.is-mobile .agenda .hero-cover-meta > span { font-size: clamp(5px, calc(var(--role-font-scale, 8) * .74cqw), 22px); }
.preview-stage.is-mobile .agenda .hero-cover-company { height: auto; margin-top: 30px; }
.preview-stage.is-mobile .agenda-intro-section { min-height: 0; height: auto; aspect-ratio: auto; grid-template-columns: 1fr; gap: 42px; padding: 52px 28px 86px; }
.preview-stage.is-mobile .intro-copy h2 { font-size: 39px; }
.preview-stage.is-mobile .intro-description { width: 92%; margin-top: 42px; font-size: 11px; }
.preview-stage.is-mobile .intro-media-frame { padding: 14px; }
.preview-stage.is-mobile .intro-leaf-large { top: -22px; width: 100px; }
.preview-stage.is-mobile .intro-leaf-small { right: -25px; bottom: -35px; width: 70px; }
.preview-stage.is-mobile .intro-play > span { border-top-width: 11px; border-bottom-width: 11px; border-left-width: 18px; }

@container agenda-layout (max-width: 750px) {
  .agenda-hero { min-height: 0; height: auto; aspect-ratio: auto; padding: 40px 22px 34px; display: block; background: var(--lilac); }
  .agenda-cover-stars-section { min-height: 0; height: auto; aspect-ratio: auto; padding: 26px 22px 30px; display: block; }
  .agenda-hero .hero-top { grid-template-columns: 1fr; gap: 18px; }
  .agenda-hero .hero-brand-logo { width: clamp(112px, 24cqw, 150px); transform: none; }
  .agenda-hero .hero-event-name { margin-top: clamp(34px, 8cqw, 54px); padding-bottom: clamp(18px, 4cqw, 28px); transform: none; }
  .agenda-hero .hero-title { font-size: clamp(58px, 11cqw, 82px); transform: none; }
  .agenda-hero .hero-city { margin: 0 0 -18px -24px; font-size: clamp(40px, calc(var(--city-font-scale, 8.55) * .75cqw + 18px), 72px); }
  .agenda-hero .hero-partnership { margin-top: 52px; gap: 12px; }
  .agenda-hero .hero-partnership > span { font-size: 9px; }
  .agenda-hero .hero-partnership img { max-width: 110px; max-height: 38px; }
  .agenda-hero .hero-artwork { min-height: clamp(205px, 42cqw, 285px); }
  .agenda-hero .hero-leaf-large { right: -10px; width: min(40cqw, 240px); }
  .agenda-hero .hero-leaf-small { left: 38%; width: min(19cqw, 112px); }
  .agenda-hero .hero-date-ticket { top: 58%; left: 4px; width: min(56cqw, 300px); }
  .agenda .hero-cover-stars { width: 100%; align-self: auto; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px 14px; margin: 0; }
  .agenda .hero-cover-stars::before { top: 24%; }
  .agenda .hero-cover-meta strong { font-size: clamp(6px, 8cqw, 10px); }
  .agenda .hero-cover-meta > span { font-size: clamp(5px, calc(var(--role-font-scale, 8) * .74cqw), 22px); }
  .agenda .hero-cover-company { height: auto; margin-top: 22px; }
  .agenda-intro-section { min-height: 0; height: auto; aspect-ratio: auto; grid-template-columns: 1fr; gap: 42px; padding: 52px 28px 86px; }
  .intro-copy h2 { font-size: clamp(34px, 8cqw, 48px); }
  .intro-description { width: 92%; margin-top: 42px; font-size: clamp(10px, 2.3cqw, 13px); }
  .intro-media-frame { padding: 14px; }
  .intro-leaf-large { top: -22px; width: 100px; }
  .intro-leaf-small { right: -25px; bottom: -35px; width: 70px; }
  .intro-play > span { border-top-width: 11px; border-bottom-width: 11px; border-left-width: 18px; }
}

@container agenda-layout (max-width: 520px) {
  .agenda .hero-cover-stars { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 14px; }
  .agenda .hero-cover-stars::before { top: 11.5%; }
}

.agenda.is-responsive-mobile > .agenda-hero { min-height: 0; height: auto; aspect-ratio: auto; padding: 40px 22px 34px; display: block; background: var(--lilac); }
.agenda.is-responsive-mobile > .agenda-cover-stars-section { min-height: 0; height: auto; aspect-ratio: auto; padding: 26px 22px 30px; display: block; }
.agenda.is-responsive-mobile .hero-cover-stars::before { top: 24%; }
.agenda.is-responsive-phone .hero-cover-stars { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 14px; }
.agenda.is-responsive-phone .hero-cover-stars::before { top: 11.5%; }
.agenda.is-responsive-mobile > .agenda-intro-section { min-height: 0; height: auto; aspect-ratio: auto; grid-template-columns: 1fr; gap: 42px; padding: 52px 28px 86px; }
.agenda.is-responsive-mobile .intro-copy h2 { font-size: 39px; }
.agenda.is-responsive-mobile .intro-description { width: 92%; margin-top: 42px; font-size: 11px; }
.agenda.is-responsive-mobile .intro-media-frame { padding: 14px; }
.agenda.is-responsive-mobile .intro-leaf-large { top: -22px; width: 100px; }
.agenda.is-responsive-mobile .intro-leaf-small { right: -25px; bottom: -35px; width: 70px; }
.agenda.is-responsive-mobile .intro-play > span { border-top-width: 11px; border-bottom-width: 11px; border-left-width: 18px; }

@media (max-width: 750px) {
  .agenda > .agenda-hero { min-height: 0; height: auto; aspect-ratio: auto; padding: 40px 22px 34px; display: block; background: var(--lilac); }
  .agenda > .agenda-cover-stars-section { min-height: 0; height: auto; aspect-ratio: auto; padding: 26px 22px 30px; display: block; }
  .agenda > .agenda-intro-section { min-height: 0; height: auto; aspect-ratio: auto; grid-template-columns: 1fr; gap: 42px; padding: 52px 28px 86px; }
}

.cover-star-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 16px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--lilac); }
.cover-star-toolbar > span { color: var(--muted); font-size: 13px; }
.cover-star-toolbar > span strong { color: var(--purple); font-size: 18px; }
.cover-star-toolbar > span small { display: block; margin-top: 3px; font-size: 10px; }
.cover-star-editor-card { position: relative; transition: border-color .15s ease, opacity .15s ease, transform .15s ease; }
.cover-star-editor-card summary { justify-content: flex-start; }
.cover-star-editor-card.is-dragging { opacity: .46; transform: scale(.99); }
.cover-star-editor-card.is-drop-before::before, .cover-star-editor-card.is-drop-after::after { content: ""; position: absolute; z-index: 3; right: 8px; left: 8px; height: 3px; border-radius: 999px; background: var(--purple); box-shadow: 0 0 0 3px var(--lilac); }
.cover-star-editor-card.is-drop-before::before { top: -8px; }
.cover-star-editor-card.is-drop-after::after { bottom: -8px; }

/* Figma template — first three agenda sections. Measurements are based on the
   1440px Figma frames and expressed in container units so they scale together. */
@font-face {
  font-family: "Momo Signature";
  src: url("./assets/MomoSignature-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

body[data-agenda-branch="cmo"] {
  --figma-hero-bg: #aaf0ce;
  --figma-branch-text: #55d294;
  --figma-script: #2b2b2e;
  --figma-leaf-mid: #55d294;
  --figma-hero-squiggle: url("./assets/figma-hero-squiggle.svg");
  --branch-pale: #aaf0ce;
  --branch-mid: #55d294;
  --branch-strong: #30bb71;
  --purple: #30bb71;
  --lilac: #aaf0ce;
}
body[data-agenda-branch="cfo"] {
  --figma-hero-bg: #dbc4ff;
  --figma-branch-text: #7a0ff0;
  --figma-script: #2b2b2e;
  --figma-leaf-mid: #f7f7f7;
  --figma-hero-squiggle: url("./assets/figma-hero-squiggle-cfo.svg");
  --branch-pale: #dbc4ff;
  --branch-mid: #a68af2;
  --branch-strong: #7a0ff0;
  --purple: #7a0ff0;
  --lilac: #dbc4ff;
}
body[data-agenda-branch="hr"] {
  --figma-hero-bg: #ffd5a8;
  --figma-branch-text: #ffa23d;
  --figma-script: #2b2b2e;
  --figma-leaf-mid: #ffa23d;
  --figma-hero-squiggle: url("./assets/figma-hero-squiggle-cfo.svg");
  --branch-pale: #ffd5a8;
  --branch-mid: #ffa23d;
  --branch-strong: #ff7417;
  --purple: #ff7417;
  --lilac: #ffd5a8;
}
body[data-agenda-branch="legal"] {
  --figma-hero-bg: #4d99f2;
  --figma-branch-text: #fafafa;
  --figma-script: #1456f5;
  --figma-leaf-mid: #1e80f3;
  --figma-hero-squiggle: url("./assets/figma-hero-squiggle-cfo.svg");
  --branch-pale: #94def0;
  --branch-mid: #1e80f3;
  --branch-strong: #1456f5;
  --purple: #1456f5;
  --lilac: #94def0;
}

.agenda > .agenda-hero {
  position: relative;
  display: block;
  min-height: 0;
  height: auto;
  aspect-ratio: 1440 / 495;
  padding: 0;
  overflow: hidden;
  background: var(--figma-hero-bg);
  color: #2b2b2e;
}
.agenda > .agenda-hero::before { display: none; }
.agenda-hero .hero-top,
.agenda-hero .hero-intro,
.agenda-hero .hero-artwork { position: static; display: block; min-height: 0; }
.agenda-hero .hero-brand-logo {
  position: absolute;
  z-index: 4;
  top: 7.639cqw;
  left: 5.902cqw;
  display: block;
  width: 18.586cqw;
  height: 4.097cqw;
  object-fit: contain;
  filter: none;
  transform: none;
}
body[data-agenda-branch="cmo"] .agenda-hero .hero-brand-logo { top: 5.625cqw; }
body[data-agenda-branch="legal"] .agenda-hero .hero-brand-logo { filter: brightness(0) invert(1); }
.agenda-hero .hero-event-name {
  position: absolute;
  z-index: 5;
  top: 12.292cqw;
  left: 5.902cqw;
  display: block;
  width: 65cqw;
  height: 12.8cqw;
  margin: 0;
  transform: none;
}
.agenda-hero .hero-title {
  position: absolute;
  top: 1.667cqw;
  left: 0;
  width: 26.307cqw;
  height: 9.601cqw;
  margin: 0;
  color: var(--figma-branch-text);
  font-family: "Poppins", sans-serif;
  font-size: 7.539cqw;
  font-weight: 600;
  line-height: .959;
  letter-spacing: -.6785cqw;
  text-transform: none;
  transform: none;
}
.agenda-hero .hero-city {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 13.958cqw;
  display: block;
  width: 51.042cqw;
  height: 6.342cqw;
  margin: 0;
  color: var(--figma-script);
  font-family: "Momo Signature", "Riak", cursive;
  font-size: clamp(1px, calc(var(--city-font-scale, 8.55) * .81cqw), 6.923cqw);
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0;
  white-space: nowrap;
  transform: none;
}
body[data-agenda-branch="cmo"] .agenda-hero .hero-city { left: 17.431cqw; width: 38.252cqw; }
body[data-agenda-branch="hr"] .agenda-hero .hero-city { left: 7.986cqw; }
body[data-agenda-branch="legal"] .agenda-hero .hero-city { top: .694cqw; left: 16.736cqw; width: 46.555cqw; font-size: min(6.315cqw, calc(var(--city-font-scale, 8.55) * .74cqw)); }
.agenda-hero .hero-city::after {
  position: absolute;
  top: 9.375cqw;
  left: 0;
  width: var(--city-line-width, 40.972cqw);
  height: 1.597cqw;
  content: "";
  background: currentColor;
  pointer-events: none;
  -webkit-mask: var(--figma-hero-squiggle) center / 100% 100% no-repeat;
  mask: var(--figma-hero-squiggle) center / 100% 100% no-repeat;
}
body[data-agenda-branch="cmo"] .agenda-hero .hero-city::after { top: 9.653cqw; left: 2.569cqw; height: 1.597cqw; }
body[data-agenda-branch="hr"] .agenda-hero .hero-city::after { left: 1.319cqw; }
body[data-agenda-branch="legal"] .agenda-hero .hero-city::after { top: 7.917cqw; left: 1.875cqw; height: 1.47cqw; }
.agenda-hero .hero-partnership {
  position: absolute;
  z-index: 6;
  top: 27.917cqw;
  left: 61.597cqw;
  display: flex;
  align-items: center;
  gap: 1.2cqw;
  margin: 0;
}
body[data-agenda-branch="cmo"] .agenda-hero .hero-partnership { top: 29.305cqw; left: 29.236cqw; }
.agenda-hero .hero-partnership > span {
  color: #414042;
  font-family: "Fira Code", monospace;
  font-size: 1.712cqw;
  font-weight: 400;
  line-height: .959;
  letter-spacing: -.0685cqw;
  text-transform: uppercase;
}
body[data-agenda-branch="cmo"] .agenda-hero .hero-partnership > span { font-size: 1.017cqw; letter-spacing: -.0407cqw; }
.agenda-hero .hero-partnership img { display: block; width: auto; max-width: 13cqw; height: auto; max-height: 4cqw; object-fit: contain; }
.agenda-hero .hero-leaf { position: absolute; z-index: 1; display: block; aspect-ratio: 1; }
.agenda-hero .hero-leaf-small {
  top: 4.658cqw;
  left: 71.811cqw;
  width: 10.12cqw;
  background: var(--figma-leaf-mid);
  opacity: .5;
  -webkit-mask: url("./assets/figma-leaf-small.png") center / contain no-repeat;
  mask: url("./assets/figma-leaf-small.png") center / contain no-repeat;
  transform: none;
}
.agenda-hero .hero-leaf-medium {
  top: 1.528cqw;
  left: 80.833cqw;
  width: 20.083cqw;
  background: var(--figma-leaf-mid);
  -webkit-mask: url("./assets/figma-leaf-medium.svg") center / contain no-repeat;
  mask: url("./assets/figma-leaf-medium.svg") center / contain no-repeat;
}
body[data-agenda-branch="cmo"] .agenda-hero .hero-leaf-small { top: 6.875cqw; left: 70.139cqw; width: 7.91cqw; }
body[data-agenda-branch="cmo"] .agenda-hero .hero-leaf-medium { top: 6.042cqw; left: 78.542cqw; width: 16.733cqw; }
.agenda-hero .hero-date-ticket {
  container-type: inline-size;
  position: absolute;
  z-index: 6;
  top: 15.858cqw;
  left: 70.489cqw;
  width: 25.632cqw;
  height: 6.649cqw;
  border-radius: .875cqw;
  background: #414042;
  box-shadow: 0 .35cqw .35cqw rgba(0,0,0,.25);
  filter: none;
  transform: rotate(6.1deg);
  transform-origin: center;
}
body[data-agenda-branch="cmo"] .agenda-hero .hero-date-ticket { top: 14.514cqw; left: 65.272cqw; width: 19.929cqw; height: 5.169cqw; border-radius: .68cqw; }
.agenda-hero .hero-date-ticket::before,
.agenda-hero .hero-date-ticket::after { display: none; }
.agenda-hero .hero-date-copy {
  position: absolute;
  z-index: 3;
  inset: 13% 31% 10% 7%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fafafa;
  font-family: "Fira Code", monospace;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  transform: none;
}
.agenda-hero .hero-date-weekday { font-size: 5.2cqw; font-weight: 700; }
.agenda-hero .hero-date-copy strong { display: flex; align-items: baseline; gap: 4cqw; margin-top: 2cqw; font-size: 5.4cqw; font-weight: 600; white-space: nowrap; }
.agenda-hero .hero-date-day sup { position: relative; top: -1.8cqw; margin-left: .5cqw; font-size: 48%; line-height: 0; }
.agenda-hero .hero-date-copy small { margin-top: 3cqw; overflow: hidden; font-size: 3.5cqw; font-weight: 400; letter-spacing: .02em; text-overflow: ellipsis; white-space: nowrap; }
.agenda-hero .hero-date-icons {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 2%;
  width: 27%;
  height: 100%;
  background: var(--figma-hero-bg);
  -webkit-mask: url("./assets/figma-date-icons.svg") center / contain no-repeat;
  mask: url("./assets/figma-date-icons.svg") center / contain no-repeat;
}

.agenda > .agenda-cover-stars-section {
  position: relative;
  display: block;
  min-height: 0;
  height: auto;
  aspect-ratio: 1440 / 351;
  padding: 0;
  overflow: hidden;
  background:
    url("./assets/figma-cover-stars-white.svg") center bottom / 100% 56.41% no-repeat,
    var(--figma-hero-bg);
}
.agenda-cover-stars-section::before {
  position: absolute;
  z-index: 0;
  top: 43.59%;
  left: 0;
  display: none;
  width: 100%;
  height: 56.41%;
  content: "";
  background: url("./assets/figma-cover-stars-white.svg") center / 100% 100% no-repeat;
}
.agenda-cover-stars-section .hero-cover-stars,
.agenda .hero-cover-stars {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 4.04cqw;
  display: grid;
  width: 92.23cqw;
  grid-template-columns: repeat(var(--cover-star-count), minmax(0, 1fr));
  gap: 2.12cqw;
  margin: 0;
}
.agenda .hero-cover-stars::before { display: none; }
.agenda .hero-cover-star { display: block; min-width: 0; padding: 0; border: 0; background: transparent; box-shadow: none; transform: rotate(-.37deg); transform-origin: center top; }
.agenda .hero-cover-star:nth-child(3n + 1) { transform: rotate(1.88deg); }
.agenda .hero-cover-star:nth-child(3n + 2) { transform: rotate(-2.35deg); }
.agenda .hero-cover-polaroid { container-type: inline-size; position: relative; width: 100%; }
.agenda .hero-cover-photo { position: relative; width: 100%; height: auto; aspect-ratio: 135.785 / 183.493; overflow: visible; border: 0; border-radius: 0; background: #fafafa; box-shadow: 0 .486cqw 1.097cqw rgba(0,0,0,.17); }
.agenda .hero-cover-template { display: none; }
.agenda .hero-cover-photo-window { position: absolute; z-index: 2; inset: 3.38%; display: grid; place-items: center; overflow: hidden; background: #f3f3f3; }
.agenda .hero-cover-photo-window > img { display: block; width: 100%; height: 100%; object-fit: cover; filter: none; }
.agenda .hero-cover-meta { position: absolute; z-index: 4; inset: 0; pointer-events: none; }
.agenda .hero-cover-meta strong { position: absolute; top: -4cqw; left: -3cqw; display: block; width: max-content; max-width: 94%; padding: 0; overflow: visible; background: transparent; color: #fafafa; font-family: "Poppins", sans-serif; font-size: 9cqw; font-weight: 600; line-height: 1.1; letter-spacing: 0; text-transform: uppercase; white-space: normal; }
.agenda .hero-cover-meta strong > span { display: table; max-width: 100%; padding: .08em .22em; overflow: hidden; background: #414042; color: inherit; font: inherit; line-height: inherit; text-overflow: ellipsis; white-space: nowrap; }
.agenda .hero-cover-meta > span { position: absolute; right: -1cqw; bottom: -3cqw; display: block; width: 79cqw; min-height: 0; padding: .18em .32em; overflow: hidden; background: var(--branch-mid); color: #2b2b2e; font-family: "Fira Code", monospace; font-size: clamp(5.1cqw, calc(var(--role-font-scale, 8) * .8cqw), 6.4cqw); font-weight: 450; line-height: 1.08; text-align: right; text-transform: uppercase; white-space: normal; }
.agenda .hero-cover-company { position: relative; z-index: 1; display: grid; width: 100%; height: auto; aspect-ratio: 135.785 / 88.077; margin-top: 3.32cqw; place-items: center; overflow: hidden; background: #f3f3f3; }
.agenda .hero-cover-logo { display: block; max-width: 100%; max-height: 100%; object-fit: contain; }
.agenda .hero-cover-logo-placeholder { width: 100%; height: 100%; }

.agenda > .agenda-intro-section { position: relative; display: block; min-height: 0; height: auto; aspect-ratio: 1440 / 670; padding: 0; overflow: hidden; background: #fafafa; }
.agenda-intro-section::before { display: none; }
.intro-copy, .intro-media-wrap { position: static; display: block; min-width: 0; }
.intro-envelope { position: absolute; z-index: 4; top: 5.49cqw; left: 7.01cqw; display: block; width: 8.12cqw; aspect-ratio: 1; background: #000; -webkit-mask: url("./assets/figma-envelope.svg") center / contain no-repeat; mask: url("./assets/figma-envelope.svg") center / contain no-repeat; transform: rotate(20.74deg); }
.intro-copy h2 { position: absolute; z-index: 4; top: 14.167cqw; left: 7.014cqw; width: 30.833cqw; height: 8.056cqw; margin: 0; color: #2b2b2e; font-family: "Poppins", sans-serif; font-size: 3.769cqw; font-weight: 600; line-height: .959; letter-spacing: -.1885cqw; text-wrap: initial; }
.intro-audience, .intro-claim { position: relative; z-index: 1; display: inline-block; }
.intro-audience::after { position: absolute; z-index: -1; left: 0; bottom: .05em; width: 100%; height: .46em; content: ""; background: var(--figma-hero-bg); opacity: 1; transform: none; }
.intro-claim { white-space: nowrap; }
.intro-claim::after { position: absolute; left: -8%; top: 108%; width: 116%; height: 2.014cqw; content: ""; background: var(--branch-strong); -webkit-mask: url("./assets/figma-intro-squiggle.svg") center / 100% 100% no-repeat; mask: url("./assets/figma-intro-squiggle.svg") center / 100% 100% no-repeat; transform: none; }
.intro-description { position: absolute; z-index: 4; top: 29.535cqw; left: 7.014cqw; width: 29.444cqw; margin: 0; color: #414042; font-family: "Fira Code", monospace; font-size: 1.017cqw; font-weight: 400; line-height: 1.09; letter-spacing: -.0407cqw; }
.intro-description p { margin: 0 0 1.09em; }
.intro-description p:last-child { margin-bottom: 0; }
.intro-media-wrap { position: absolute; z-index: 2; inset: 0; }
.intro-media-frame { position: absolute; top: 6.18cqw; left: 43.75cqw; width: 49.861cqw; height: 28.17cqw; padding: .972cqw; border-radius: 1.319cqw; background: var(--figma-hero-bg); box-shadow: 0 .486cqw 1.097cqw rgba(0,0,0,.17); transform: rotate(3.96deg); }
.intro-media { position: relative; width: 100%; height: 100%; aspect-ratio: auto; overflow: hidden; border-radius: 1.319cqw; background: rgba(105,105,105,.48); box-shadow: 0 .486cqw 1.097cqw rgba(0,0,0,.17); }
.intro-media-placeholder { width: 100%; height: 100%; display: block; overflow: hidden; color: transparent; background: rgba(105,105,105,.48); }
.intro-media-placeholder::before, .intro-media-placeholder span, .intro-media-placeholder small { display: none; }
.intro-video-embed { position: absolute; z-index: 3; inset: 0; width: 100%; height: 100%; border: 0; background: #17191b; object-fit: cover; }
.intro-video-thumbnail { position: absolute; z-index: 4; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; pointer-events: none; opacity: 1; transition: opacity 180ms ease, visibility 180ms ease; }
.intro-video-thumbnail.is-hidden { visibility: hidden; opacity: 0; }
.intro-play { position: absolute; z-index: 3; inset: 0; display: grid; place-items: center; color: white; text-decoration: none; }
.intro-play > span { width: 0; height: 0; border-top: 1.2cqw solid transparent; border-bottom: 1.2cqw solid transparent; border-left: 1.9cqw solid currentColor; filter: drop-shadow(0 2px 4px rgba(0,0,0,.34)); transform: translateX(.2cqw); }
.intro-play.is-placeholder { pointer-events: none; }
.intro-leaf { position: absolute; display: block; aspect-ratio: 1; background: var(--figma-hero-bg); -webkit-mask: url("./assets/figma-intro-leaf.svg") center / contain no-repeat; mask: url("./assets/figma-intro-leaf.svg") center / contain no-repeat; }
.intro-leaf-large { z-index: 4; top: 4.583cqw; right: 2.431cqw; width: 10.253cqw; transform: none; }
.intro-leaf-small { z-index: 1; right: 49.583cqw; bottom: 5.347cqw; width: 10.253cqw; background: var(--figma-hero-bg); transform: none; }

/* Compact preview keeps the same Figma composition rather than switching to the
   retired stacked layout. */
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-hero,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-cover-stars-section,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-intro-section,
.agenda.is-responsive-mobile > .agenda-hero,
.agenda.is-responsive-mobile > .agenda-cover-stars-section,
.agenda.is-responsive-mobile > .agenda-intro-section {
  display: block;
  min-height: 0;
  height: auto;
  padding: 0;
}
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-hero,
.agenda.is-responsive-mobile > .agenda-hero { aspect-ratio: 1440 / 495; background: var(--figma-hero-bg); }
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-cover-stars-section,
.agenda.is-responsive-mobile > .agenda-cover-stars-section { aspect-ratio: 1440 / 351; }
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-intro-section,
.agenda.is-responsive-mobile > .agenda-intro-section { aspect-ratio: 1440 / 670; }
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-brand-logo { top: 7.639cqw; left: 5.902cqw; width: 18.586cqw; height: 4.097cqw; transform: none; }
body[data-agenda-branch="cmo"] .preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-brand-logo { top: 5.625cqw; }
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-event-name { top: 12.292cqw; left: 5.902cqw; width: 65cqw; height: 12.8cqw; margin: 0; padding: 0; transform: none; }
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-title { top: 1.667cqw; font-size: 7.539cqw; letter-spacing: -.6785cqw; transform: none; }
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-city { top: 0; left: 13.958cqw; width: 51.042cqw; height: 6.342cqw; margin: 0; font-size: min(6.923cqw, calc(var(--city-font-scale, 8.55) * .81cqw)); line-height: normal; transform: none; }
body[data-agenda-branch="cmo"] .preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-city { left: 17.431cqw; width: 38.252cqw; }
body[data-agenda-branch="hr"] .preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-city { left: 7.986cqw; }
body[data-agenda-branch="legal"] .preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-city { top: .694cqw; left: 16.736cqw; width: 46.555cqw; font-size: min(6.315cqw, calc(var(--city-font-scale, 8.55) * .74cqw)); }
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-partnership { margin: 0; }
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-partnership > span { font-size: 1.712cqw; }
body[data-agenda-branch="cmo"] .preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-partnership > span { font-size: 1.017cqw; }
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-partnership img { max-width: 13cqw; max-height: 4cqw; }
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-artwork { min-height: 0; }
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda .hero-cover-stars { position: absolute; width: 92.23cqw; grid-template-columns: repeat(var(--cover-star-count), minmax(0,1fr)); gap: 2.12cqw; margin: 0; }
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda .hero-cover-meta strong { font-size: 9cqw; }
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda .hero-cover-meta > span { font-size: clamp(5.1cqw, calc(var(--role-font-scale, 8) * .8cqw), 6.4cqw); }
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda .hero-cover-company { height: auto; margin-top: 3.32cqw; }
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-copy h2 { font-size: 3.769cqw; }
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-description { width: 29.444cqw; margin: 0; font-size: 1.017cqw; }
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-media-frame { padding: .972cqw; }
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-leaf-large { top: 4.583cqw; width: 10.253cqw; }
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-leaf-small { right: 49.583cqw; bottom: 5.347cqw; width: 10.253cqw; }
.cover-star-drag-handle { display: grid; flex: 0 0 auto; width: 32px; height: 32px; margin-left: auto; place-items: center; border: 1px solid var(--line); border-radius: 9px; background: white; color: var(--muted); cursor: grab; font-size: 20px; line-height: 1; user-select: none; }
.cover-star-drag-handle:active { cursor: grabbing; }
.cover-star-drag-handle:focus-visible { border-color: var(--purple); outline: 3px solid var(--lilac); }
.cover-star-actions { display: flex; align-items: stretch; gap: 10px; margin-top: 18px; }
.cover-star-actions > * { flex: 1 1 0; }
.cover-star-clear { min-height: 41px; }
.cover-star-remove { width: auto; margin-top: 0; padding: 11px 14px; border: 1px solid #d9d4dc; border-radius: 10px; background: transparent; color: #8b2635; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.cover-star-remove:hover, .cover-star-remove:focus-visible { border-color: #8b2635; outline: none; }
.cover-star-remove:disabled { opacity: .38; cursor: not-allowed; }

.preview-toolbar-actions { display: flex; align-items: center; gap: 10px; }
.builder-intro-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.builder-intro-heading .eyebrow { margin: 0; }
.collapse-editor-button { position: fixed; z-index: 70; top: 50%; width: 30px; height: 58px; padding: 0; border: 1px solid var(--line); border-radius: 0 14px 14px 0; background: #fff; color: var(--purple); box-shadow: 5px 0 18px rgba(36,36,38,.12); cursor: pointer; transform: translateY(-50%); transition: width .18s ease, color .18s ease, box-shadow .18s ease; }
.collapse-editor-button svg { display: block; width: 20px; height: 20px; margin: auto; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.collapse-editor-button:hover, .collapse-editor-button:focus-visible { width: 34px; color: var(--ink); box-shadow: 7px 0 22px rgba(36,36,38,.16); outline: none; }
.preview-only-toggle { min-height: 36px; padding: 0 15px; border: 1px solid var(--line); border-radius: 999px; background: white; color: var(--ink); font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; transition: border-color .18s ease, background .18s ease, color .18s ease; }
.preview-only-toggle:hover, .preview-only-toggle:focus-visible { border-color: var(--purple); outline: none; }
.preview-only-toggle[aria-pressed="true"] { border-color: var(--purple); background: var(--purple); color: var(--branch-on-accent); }
.preview-panel:fullscreen { display: flex; min-width: 0; height: 100vh; flex-direction: column; background: #ede9ef; }
.preview-panel:fullscreen .preview-toolbar { flex: 0 0 auto; }
.preview-panel:fullscreen .preview-stage { flex: 1 1 auto; height: auto; min-height: 0; }
body.editor-collapsed main { grid-template-columns: 1fr; }
body.editor-collapsed .builder-panel { display: none; }
body.editor-collapsed .preview-panel { grid-column: 1 / -1; }
body.editor-collapsed .preview-stage { padding-inline: clamp(18px, 4vw, 64px); }

.branch-chooser { position: fixed; z-index: 110; inset: 0; display: grid; place-items: center; padding: 22px; background: #242426; }
.branch-chooser-card { width: min(100%, 760px); padding: clamp(28px, 6vw, 62px); border-radius: 26px; background: white; box-shadow: 0 30px 100px rgba(0,0,0,.28); }
.branch-chooser-card > img { display: block; width: 150px; margin-bottom: 38px; filter: brightness(0); }
.branch-chooser-card h1 { max-width: 620px; margin: 0; font-size: clamp(28px, 4vw, 46px); line-height: 1; letter-spacing: -.045em; }
.branch-chooser-card > p:not(.eyebrow) { max-width: 550px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; }
.branch-choice-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 32px; }
.branch-choice { --choice-accent:#7b0aec; --choice-soft:#e5ccff; min-height: 104px; padding: 20px; border: 1px solid var(--line); border-left: 7px solid var(--choice-accent); border-radius: 16px; background: #fbfafc; color: var(--ink); cursor: pointer; text-align: left; transition: transform .18s ease, border .18s ease, background .18s ease; }
.branch-choice[data-branch-choice="CFO"] { --choice-accent:#7119e3; --choice-soft:#e1cdfb; }
.branch-choice[data-branch-choice="CMO"] { --choice-accent:#5fbc78; --choice-soft:#bef6d3; }
.branch-choice[data-branch-choice="HR"] { --choice-accent:#ed7e36; --choice-soft:#f9dab9; }
.branch-choice[data-branch-choice="Legal"] { --choice-accent:#2354f2; --choice-soft:#b0eafc; }
.branch-choice:hover, .branch-choice:focus-visible { transform: translateY(-2px); border-color: var(--choice-accent); background: var(--choice-soft); outline: none; }
.branch-choice.is-selected { border-color: var(--choice-accent); background: var(--choice-soft); box-shadow: inset 0 0 0 1px var(--choice-accent); }
.branch-choice strong { display: block; color: var(--choice-accent); font-size: 21px; letter-spacing: -.02em; }
.branch-choice span { display: block; margin-top: 5px; color: var(--muted); font-size: 12px; }
body[data-agenda-branch="cmo"] .hero-brand-logo,
body[data-agenda-branch="cmo"] .finish-logo { filter: brightness(0); }

/* Clean agenda-only presentation, used for sharing and reviewing the result. */
body.preview-only { background: white; }
.preview-only .app-header,
.preview-only .builder-panel,
.preview-only .preview-toolbar { display: none; }
.preview-only .workspace { display: block; min-height: 0; }
.preview-only .preview-panel { background: white; }
.preview-only .preview-stage { height: auto; padding: 0; overflow: visible; }
.preview-only .agenda-frame { width: 100%; max-width: none; margin: 0; border-radius: 0; box-shadow: none; }

/* Browser-only click-to-edit targets in the agenda editor preview. */
#agendaPreview [data-agenda-edit-step] { cursor: pointer; transition: outline-color .16s ease, outline-offset .16s ease; }
#agendaPreview [data-agenda-edit-step]:hover,
#agendaPreview [data-agenda-edit-step]:focus-visible { outline: 3px solid var(--purple); outline-offset: -3px; }
#agendaPreview [data-agenda-edit-step] > [inert] { pointer-events: none; }
.agenda-editor-focus { outline: 4px solid var(--purple) !important; outline-offset: 3px; }

@media (max-width: 1050px) {
  .workspace { grid-template-columns: 430px minmax(0, 1fr); }
  .header-actions .save-status, .header-actions .button-ghost:nth-of-type(1) { display: none; }
  .speaker-grid, .panel-people { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 780px) {
  .app-header { position: static; align-items: flex-start; padding: 13px 16px; }
  .brand span { display: none; }
  .header-actions { flex-wrap: wrap; justify-content: flex-end; }
  .header-actions .button-ghost { display: none; }
  .header-actions #exportPdf { display: inline-flex; }
  .workspace { display: block; }
  .builder-panel { padding: 22px 16px; border-right: 0; }
  .field-grid, .person-grid { grid-template-columns: 1fr; }
  .field-full, .person-grid .field:first-child, .person-grid .image-field { grid-column: auto; }
  .workgroup-count-toolbar { align-items: stretch; flex-direction: column; }
  .workgroup-count-toolbar > div { display: grid; grid-template-columns: 1fr 1fr; }
  .sponsor-logo-toolbar { align-items: stretch; flex-direction: column; }
  .sponsor-logo-toolbar .button { width: 100%; }
  .sponsor-logo-editor-heading { align-items: flex-start; flex-direction: column; }
  .sponsor-logo-editor-heading > span { width: 100%; justify-content: flex-start; }
  .preview-stage { height: auto; max-height: none; padding: 14px; }
  .preview-toolbar { position: sticky; z-index: 10; top: 0; align-items: flex-start; flex-direction: column; gap: 12px; }
  .preview-toolbar-actions { width: 100%; flex-wrap: wrap; }
  .collapse-editor-button { display: none; }
  .branch-choice-grid { grid-template-columns: 1fr; }
  .branch-chooser-card { max-height: calc(100vh - 28px); padding: 26px; overflow: auto; }
  .branch-chooser-card > img { margin-bottom: 26px; }
}

/* Latest Figma frame — node 28:3494. Grouped elements retain their Figma
   proportions while the 1440px canvas scales to the available width. */
.agenda > .agenda-hero {
  aspect-ratio: 1440 / 495;
  background: var(--figma-hero-bg);
}
.agenda-hero .hero-brand-logo {
  top: 5.625cqw;
  left: 5.903cqw;
  width: 18.586cqw;
  height: 4.097cqw;
}
.agenda-hero .hero-event-name {
  top: 12.292cqw;
  left: 5.903cqw;
  width: 60cqw;
  height: 12.8cqw;
}
.agenda-hero .hero-title {
  top: 1.667cqw;
  left: 0;
  width: 26.307cqw;
  height: 9.601cqw;
  font-size: 7.539cqw;
  letter-spacing: -.6785cqw;
}
.agenda-hero .hero-city,
body[data-agenda-branch="cmo"] .agenda-hero .hero-city,
body[data-agenda-branch="hr"] .agenda-hero .hero-city,
body[data-agenda-branch="legal"] .agenda-hero .hero-city {
  top: 0;
  left: 17.431cqw;
  width: 38.252cqw;
  height: 6.342cqw;
  font-size: clamp(1px, calc(var(--city-font-scale, 8.55) * .81cqw), 6.923cqw);
}
.agenda-hero .hero-city::after,
body[data-agenda-branch="cmo"] .agenda-hero .hero-city::after,
body[data-agenda-branch="hr"] .agenda-hero .hero-city::after,
body[data-agenda-branch="legal"] .agenda-hero .hero-city::after {
  top: 9.653cqw;
  left: 2.569cqw;
  width: var(--city-line-width, 27.081cqw);
  height: 2.359cqw;
  background: currentColor;
  -webkit-mask: url("./assets/figma-v3-city-underline.svg") center / 100% 100% no-repeat;
  mask: url("./assets/figma-v3-city-underline.svg") center / 100% 100% no-repeat;
}
.agenda-hero .hero-partnership,
body[data-agenda-branch="cmo"] .agenda-hero .hero-partnership {
  top: 29.305cqw;
  left: 36.944cqw;
  gap: 1.2cqw;
}
.agenda-hero .hero-partnership > span,
body[data-agenda-branch="cmo"] .agenda-hero .hero-partnership > span {
  font-size: 1.017cqw;
  letter-spacing: -.0407cqw;
}
.agenda-hero .hero-leaf-small,
body[data-agenda-branch="cmo"] .agenda-hero .hero-leaf-small {
  top: 5.35cqw;
  left: 75.5cqw;
  width: 7.2cqw;
  background: var(--branch-mid);
  opacity: 1;
  -webkit-mask: url("./assets/figma-v3-hero-flower-small.png") center / contain no-repeat;
  mask: url("./assets/figma-v3-hero-flower-small.png") center / contain no-repeat;
  transform: rotate(3.4deg);
}
.agenda-hero .hero-leaf-medium,
body[data-agenda-branch="cmo"] .agenda-hero .hero-leaf-medium {
  top: 4.4cqw;
  left: 84.4cqw;
  width: 15cqw;
  background: var(--branch-mid);
  -webkit-mask: url("./assets/figma-v3-hero-flower-large.svg") center / contain no-repeat;
  mask: url("./assets/figma-v3-hero-flower-large.svg") center / contain no-repeat;
  transform: rotate(-18.23deg);
}
.agenda-hero .hero-date-ticket,
body[data-agenda-branch="cmo"] .agenda-hero .hero-date-ticket {
  top: 14.792cqw;
  left: 62.847cqw;
  width: 27.699cqw;
  height: auto;
  aspect-ratio: 398.871 / 111.313;
  border-radius: 0;
  background: url("./assets/figma-v3-date-card.svg") center / 100% 100% no-repeat;
  box-shadow: none;
  transform: rotate(6.1deg);
}
.agenda-hero .hero-date-copy {
  inset: 13% 31% 9% 7%;
  color: var(--branch-mid);
}
.agenda-hero .hero-date-weekday { font-size: 5cqw; }
.agenda-hero .hero-date-copy strong {
  gap: 2cqw;
  margin-top: 1.1cqw;
  font-size: 5cqw;
}
.agenda-hero .hero-date-copy small {
  margin-top: 1.8cqw;
  color: var(--branch-strong);
  font-size: 3.45cqw;
}
.agenda-hero .hero-date-icons {
  top: 10.15%;
  right: 7.92%;
  width: 19.69%;
  height: 69.77%;
  background: url("./assets/figma-v3-date-icon-cmo.svg") center / 100% 100% no-repeat;
  transform: rotate(-6.1deg);
}
body[data-agenda-branch="cfo"] .agenda-hero .hero-date-icons { background-image: url("./assets/figma-v3-date-icon-cfo.svg"); }
body[data-agenda-branch="hr"] .agenda-hero .hero-date-icons { background-image: url("./assets/figma-v3-date-icon-hr.svg"); }
body[data-agenda-branch="legal"] .agenda-hero .hero-date-icons { background-image: url("./assets/figma-v3-date-icon-legal.svg"); }

.agenda > .agenda-cover-stars-section,
.agenda.is-responsive-mobile > .agenda-cover-stars-section,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-cover-stars-section {
  aspect-ratio: 1440 / 380;
  background: var(--figma-hero-bg);
}
.agenda-cover-stars-section::before {
  position: absolute;
  z-index: 0;
  top: 36.579%;
  left: -.07%;
  display: block;
  width: 100.07%;
  height: 63.421%;
  content: "";
  opacity: 1;
  background: url("./assets/figma-v3-cover-white.svg") center / 100% 100% no-repeat;
  -webkit-mask-image: none;
  mask-image: none;
  pointer-events: none;
  transform: scaleY(-1);
}
.agenda-cover-stars-section .hero-cover-stars,
.agenda .hero-cover-stars,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda .hero-cover-stars {
  top: 0;
  left: 50%;
  width: max-content;
  grid-template-columns: repeat(var(--cover-star-count), 10.493cqw);
  gap: 1.5cqw;
  transform: translateX(-50%);
}
.agenda .hero-cover-star {
  width: 10.493cqw;
  transform: none;
}
.agenda .hero-cover-star:nth-child(3n + 1),
.agenda .hero-cover-star:nth-child(3n + 2) { transform: none; }
.agenda .hero-cover-star:nth-child(4n + 1) { --photo-angle: -2.22deg; --name-angle: -4.13deg; --job-angle: 2.47deg; }
.agenda .hero-cover-star:nth-child(4n + 2) { --photo-angle: .28deg; --name-angle: -3.85deg; --job-angle: 4.96deg; }
.agenda .hero-cover-star:nth-child(4n + 3) { --photo-angle: 1.84deg; --name-angle: -2.3deg; --job-angle: 6.51deg; }
.agenda .hero-cover-star:nth-child(4n + 4) { --photo-angle: 3.4deg; --name-angle: -.74deg; --job-angle: 8.07deg; }
.agenda .hero-cover-polaroid { width: 100%; }
.agenda .hero-cover-photo {
  width: 100%;
  aspect-ratio: 151.096 / 197.497;
  margin-top: 1.02cqw;
  background: #fafafa;
  box-shadow: 0 .207cqw .468cqw rgba(0,0,0,.17);
  transform: rotate(var(--photo-angle));
}
.agenda .hero-cover-photo-window {
  inset: 6.2% 6%;
  background: #f3f3f3;
}
.agenda .hero-cover-meta strong {
  top: 5.2cqw;
  left: 0;
  display: grid;
  width: 79.04cqw;
  height: 18.49cqw;
  max-width: none;
  grid-template-rows: repeat(2, auto);
  align-content: center;
  justify-items: start;
  row-gap: 0;
  padding: 0 3.57cqw;
  overflow: hidden;
  border-radius: 2.54cqw;
  background: #414042;
  box-shadow: .135cqw 1.083cqw 2.314cqw rgba(0,0,0,.25);
  color: #fafafa;
  font-family: "Fira Code", monospace;
  font-size: 5.705cqw;
  font-weight: 450;
  line-height: 1.09;
  text-align: left;
  transform: rotate(var(--name-angle));
}
.agenda .hero-cover-meta strong > span {
  display: block;
  max-width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: transparent;
  font: inherit;
  line-height: inherit;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.agenda .hero-cover-meta > span {
  right: -1cqw;
  bottom: -1cqw;
  width: 79.05cqw;
  height: 18.49cqw;
  margin: 0;
  padding: 1.4cqw 3.3cqw;
  border-radius: 2.54cqw;
  background: var(--branch-mid);
  box-shadow: .135cqw 1.083cqw 2.314cqw rgba(0,0,0,.25);
  font-size: clamp(4cqw, calc(var(--role-font-scale, 8) * .57cqw), 4.48cqw);
  font-weight: 300;
  line-height: 1.09;
  text-align: right;
  transform: rotate(var(--job-angle));
}
body[data-agenda-branch="legal"] .agenda .hero-cover-meta > span {
  color: #fafafa;
}
.agenda .hero-cover-company,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda .hero-cover-company {
  width: 9.028cqw;
  height: 5.625cqw;
  aspect-ratio: auto;
  margin: 2cqw auto 0;
  background: #d9d9d9;
}

.agenda > .agenda-intro-section,
.agenda.is-responsive-mobile > .agenda-intro-section,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-intro-section {
  aspect-ratio: 1440 / 599;
  background: #fafafa;
}
.agenda-intro-section::before {
  position: absolute;
  z-index: 0;
  top: 31.25cqw;
  left: 0;
  display: block;
  width: 100cqw;
  height: 10.347cqw;
  content: "";
  opacity: 1;
  background: var(--figma-hero-bg);
  -webkit-mask: url("./assets/figma-v3-intro-wave.svg") center / 100% 100% no-repeat;
  mask: url("./assets/figma-v3-intro-wave.svg") center / 100% 100% no-repeat;
  pointer-events: none;
}
.intro-envelope { display: none; }
.intro-copy h2,
.agenda.is-responsive-mobile .intro-copy h2,
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-copy h2 {
  top: 9.167cqw;
  left: 9.236cqw;
  width: 27.917cqw;
  height: auto;
  font-size: 3.769cqw;
  line-height: .959;
  letter-spacing: -.1885cqw;
}
.intro-copy h2 em { font-weight: 600; }
.intro-audience::after, .intro-claim::after { display: none; }
.intro-copy::before {
  position: absolute;
  z-index: 2;
  top: 11.389cqw;
  left: 18.889cqw;
  width: 18.056cqw;
  height: 1.736cqw;
  content: "";
  background: var(--figma-hero-bg);
}
.intro-copy::after {
  position: absolute;
  z-index: 3;
  top: 16.389cqw;
  left: 8.958cqw;
  width: 18.403cqw;
  height: 1.875cqw;
  content: "";
  background: var(--branch-mid);
  -webkit-mask: url("./assets/figma-v3-intro-underline.svg") center / 100% 100% no-repeat;
  mask: url("./assets/figma-v3-intro-underline.svg") center / 100% 100% no-repeat;
}
.intro-description,
.agenda.is-responsive-mobile .intro-description,
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-description {
  top: 20.069cqw;
  left: 9.236cqw;
  width: 27.708cqw;
  font-size: 1.017cqw;
  line-height: 1.09;
  letter-spacing: -.0407cqw;
}
.intro-media-frame {
  top: 8.02cqw;
  left: 44.444cqw;
  width: 52.877cqw;
  height: 30.284cqw;
  padding: .986cqw;
  border-radius: .556cqw;
  background: #263238;
  box-shadow: 0 .486cqw 1.097cqw rgba(0,0,0,.17);
  transform: rotate(3.91deg);
}
.agenda.is-responsive-mobile .intro-media-frame,
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-media-frame { padding: .986cqw; }
.intro-media {
  border-radius: .694cqw;
  background: rgba(105,105,105,.48);
  box-shadow: inset 0 .278cqw .278cqw rgba(0,0,0,.25);
}
.intro-leaf {
  background: var(--branch-mid);
  -webkit-mask: url("./assets/figma-v3-intro-leaf-top.svg") center / contain no-repeat;
  mask: url("./assets/figma-v3-intro-leaf-top.svg") center / contain no-repeat;
}
.intro-leaf-large,
.agenda.is-responsive-mobile .intro-leaf-large,
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-leaf-large {
  z-index: 1;
  top: 1.96cqw;
  right: auto;
  left: 41.64cqw;
  width: 9.85cqw;
  transform: rotate(-75.01deg) skewX(1.07deg);
}
.intro-leaf-small,
.agenda.is-responsive-mobile .intro-leaf-small,
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-leaf-small {
  z-index: 1;
  top: 30.4cqw;
  right: auto;
  bottom: auto;
  left: 39.84cqw;
  width: 5.68cqw;
  background: var(--branch-mid);
  -webkit-mask: url("./assets/figma-v3-intro-leaf-bottom.svg") center / contain no-repeat;
  mask: url("./assets/figma-v3-intro-leaf-bottom.svg") center / contain no-repeat;
  transform: rotate(-18.23deg);
}

/* Figma summary section. It uses the same 1440px design canvas
   as the preceding sections, so every measurement scales with its width. */
.agenda > .agenda-summary-section,
.agenda.is-responsive-mobile > .agenda-summary-section,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-summary-section {
  position: relative;
  z-index: 3;
  display: block;
  width: 100%;
  min-height: 0;
  height: auto;
  aspect-ratio: 1440 / 406;
  margin-top: 0;
  padding: 0;
  overflow: hidden;
  background: #fafafa;
}
.agenda-summary-section::before { display: none; }
.summary-wave {
  position: absolute;
  z-index: 0;
  top: -5.903cqw;
  left: 0;
  display: block;
  width: 100cqw;
  height: 33.542cqw;
  background: var(--figma-hero-bg);
  -webkit-mask: url("./assets/figma-v3-summary-wave.svg") center / 100% 100% no-repeat;
  mask: url("./assets/figma-v3-summary-wave.svg") center / 100% 100% no-repeat;
}
.summary-metrics {
  position: absolute;
  z-index: 1;
  top: 3.889cqw;
  left: 7.743cqw;
  display: flex;
  width: 50.834cqw;
  height: 11.302cqw;
  align-items: flex-start;
  justify-content: space-between;
}
.summary-metric {
  --metric-copy-width: 7.991cqw;
  display: grid;
  width: 7.991cqw;
  min-width: 0;
  justify-items: center;
  color: #414042;
  text-align: center;
}
.summary-metric-time { width: 8.145cqw; }
.summary-metric:nth-child(2) { --metric-copy-width: 6.309cqw; width: 6.589cqw; }
.summary-metric:nth-child(4) { --metric-copy-width: 8.131cqw; width: 8.131cqw; }
.summary-metric > img,
.summary-drinks-icon {
  display: block;
  width: 6.028cqw;
  height: 6.028cqw;
  margin: 0 auto;
}
.summary-drinks-icon { position: relative; overflow: hidden; border-radius: 15.08%; }
.summary-drinks-icon img:first-child { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.summary-drinks-icon img:last-child { position: absolute; top: .841cqw; left: .981cqw; display: block; width: 4.115cqw; height: 4.42cqw; }
.summary-drinks-icon::after {
  position: absolute;
  z-index: 2;
  inset: 0;
  content: "";
  border-radius: inherit;
  background: url("./assets/figma-paper-texture.svg") 0 0 / 12.5cqw 12.5cqw repeat;
  mix-blend-mode: multiply;
  opacity: .72;
  pointer-events: none;
}
.summary-metric h3 {
  width: var(--metric-copy-width);
  margin: .981cqw 0 .15cqw;
  color: #414042;
  font-family: "Poppins", sans-serif;
  font-size: 1.636cqw;
  font-weight: 500;
  font-synthesis: none;
  line-height: 1.08;
  letter-spacing: -.0654cqw;
  white-space: nowrap;
}
.summary-metric p {
  width: var(--metric-copy-width);
  margin: 0;
  color: #414042;
  font-family: "Fira Code", monospace;
  font-size: .561cqw;
  font-weight: 400;
  font-synthesis: none;
  line-height: 1.1;
  letter-spacing: -.0561cqw;
}
body[data-agenda-branch="hr"] .summary-audience-title { font-size: 1.08cqw; }
body[data-agenda-branch="legal"] .summary-audience-title { font-size: 1.16cqw; }
.summary-contact {
  position: absolute;
  z-index: 1;
  top: 6.653cqw;
  left: 61.992cqw;
  display: flex;
  width: 28.345cqw;
  align-items: center;
  justify-content: space-between;
  color: #414042;
}
.summary-contact > img { display: block; width: 6.138cqw; height: 5.718cqw; }
.summary-contact > div { display: flex; flex-direction: column; gap: .579cqw; }
.summary-contact h2 {
  margin: 0;
  color: #414042;
  font-family: "Poppins", sans-serif;
  font-size: 2.929cqw;
  font-weight: 600;
  line-height: .959;
  letter-spacing: -.1465cqw;
}
.summary-contact p {
  margin: 0;
  color: #2b2b2e;
  font-family: "Poppins", sans-serif;
  font-size: var(--producer-font-size, 2.093cqw);
  font-weight: 300;
  line-height: .959;
  letter-spacing: -.1047cqw;
  white-space: nowrap;
}
.summary-contact a { color: inherit; text-decoration: none; }
.summary-contact a:hover,
.summary-contact a:focus-visible { text-decoration: underline; text-decoration-thickness: .08em; text-underline-offset: .12em; }
.agenda > .agenda-hero::after,
.agenda > .agenda-cover-stars-section::after,
.agenda > .agenda-intro-section::after,
.agenda > .agenda-summary-section::after {
  position: absolute;
  z-index: 20;
  inset: 0;
  display: block;
  content: "";
  background: url("./assets/figma-paper-texture.svg") 0 0 / 12.5cqw 12.5cqw repeat;
  mix-blend-mode: multiply;
  opacity: .1;
  pointer-events: none;
}

/* Only the current Figma date-card asset may paint this group. The old
   event-date pseudo artwork and icon mask otherwise remain active at compact
   preview sizes and visibly interfere with the heart-calendar artwork. */
.agenda-hero .hero-date-ticket::before,
.agenda-hero .hero-date-ticket::after {
  display: none !important;
  content: none !important;
  background: none !important;
  -webkit-mask: none !important;
  mask: none !important;
}
.agenda-hero .hero-date-icons {
  background-color: transparent;
  -webkit-mask: none;
  mask: none;
}

/* Keep the complete date group on the same 1440px design grid at every
   preview size. This overrides the retired fixed 230px compact card. */
.agenda.is-responsive-mobile .agenda-hero .hero-date-ticket,
.agenda.is-responsive-phone .agenda-hero .hero-date-ticket,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-date-ticket {
  top: 14.792cqw;
  left: 62.847cqw;
  width: 27.699cqw;
  height: auto;
  aspect-ratio: 398.871 / 111.313;
  background: transparent url("./assets/figma-v3-date-card.svg") center / 100% 100% no-repeat;
  box-shadow: none;
  filter: none;
  transform: rotate(6.1deg);
}

/* Cover stars are individual responsive cards, not one scaled strip. */
.agenda.is-responsive-mobile > .agenda-cover-stars-section,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-cover-stars-section {
  min-height: 0;
  height: auto;
  aspect-ratio: auto;
  padding: 3cqw 4cqw 6cqw;
  overflow: hidden;
  background: var(--figma-hero-bg);
}
.agenda.is-responsive-mobile .agenda-cover-stars-section::before,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-cover-stars-section::before {
  top: 17cqw;
  bottom: 0;
  height: auto;
  background: #fafafa;
  transform: none;
}
.agenda.is-responsive-mobile .hero-cover-stars,
.preview-stage.is-mobile .agenda.is-responsive-mobile .hero-cover-stars {
  position: relative;
  top: auto;
  left: auto;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6cqw 2.5cqw;
  margin: 0;
  transform: none;
}
.agenda.is-responsive-mobile .hero-cover-star,
.preview-stage.is-mobile .agenda.is-responsive-mobile .hero-cover-star {
  width: auto;
}
.agenda.is-responsive-mobile .hero-cover-company,
.preview-stage.is-mobile .agenda.is-responsive-mobile .hero-cover-company {
  width: 86%;
  height: auto;
  aspect-ratio: 130 / 81;
  margin: 3cqw auto 0;
}
.agenda.is-responsive-phone .agenda-cover-stars-section::before,
.preview-stage.is-mobile .agenda.is-responsive-phone .agenda-cover-stars-section::before {
  top: 31cqw;
}
.agenda.is-responsive-phone .hero-cover-stars,
.preview-stage.is-mobile .agenda.is-responsive-phone .hero-cover-stars {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8cqw 4cqw;
}

/* Keep the card reflow tied to the actual agenda width as well as the
   JavaScript preview classes. This prevents the Figma row from being shrunk
   as a single eight-card strip while a narrow layout is settling. */
@container agenda-layout (max-width: 750px) {
  .agenda > .agenda-cover-stars-section {
    min-height: 0;
    height: auto;
    aspect-ratio: auto;
    padding: 3cqw 4cqw 6cqw;
    background: var(--figma-hero-bg);
  }
  .agenda-cover-stars-section::before {
    top: 17cqw;
    bottom: 0;
    height: auto;
    background: #fafafa;
    transform: none;
  }
  .agenda .hero-cover-stars {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6cqw 2.5cqw;
    transform: none;
  }
  .agenda .hero-cover-star { width: auto; }
  .agenda .hero-cover-company {
    width: 86%;
    height: auto;
    aspect-ratio: 130 / 81;
    margin: 3cqw auto 0;
  }
}

@container agenda-layout (max-width: 520px) {
  .agenda-cover-stars-section::before { top: 31cqw; }
  .agenda .hero-cover-stars {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8cqw 4cqw;
  }
}

/* The remaining Figma sections recompose on narrow agendas instead of
   shrinking their desktop canvas as a single image. */
.agenda.is-responsive-mobile > .agenda-hero,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-hero {
  height: clamp(360px, 94cqw, 600px);
  aspect-ratio: auto;
}
.agenda.is-responsive-mobile .agenda-hero .hero-brand-logo,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-brand-logo {
  top: 7cqw;
  left: 6cqw;
  width: min(28cqw, 185px);
  height: min(6.2cqw, 41px);
  object-fit: contain;
  object-position: left center;
}
body[data-agenda-branch="cmo"] .agenda.is-responsive-mobile .agenda-hero .hero-brand-logo,
body[data-agenda-branch="cmo"] .preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-brand-logo {
  top: 7cqw;
}
.agenda.is-responsive-mobile .agenda-hero .hero-event-name,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-event-name {
  top: 18.5cqw;
  left: 6cqw;
  width: 88cqw;
  height: 30cqw;
}
.agenda.is-responsive-mobile .agenda-hero .hero-title,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-title {
  top: 0;
  left: 0;
  width: 29cqw;
  height: auto;
  font-size: min(12cqw, 78px);
  letter-spacing: -.95cqw;
}
.agenda.is-responsive-mobile .agenda-hero .hero-city,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-city {
  top: 13.5cqw;
  left: 0;
  width: max-content;
  max-width: 88cqw;
  height: auto;
  font-size: min(11.2cqw, calc(var(--city-font-scale, 8.55) * 1.31cqw), 72px);
}
body[data-agenda-branch="cmo"] .agenda.is-responsive-mobile .agenda-hero .hero-city,
body[data-agenda-branch="cmo"] .preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-city {
  top: 13.5cqw;
  left: 0;
  width: max-content;
  max-width: 88cqw;
}
body[data-agenda-branch="hr"] .agenda.is-responsive-mobile .agenda-hero .hero-city,
body[data-agenda-branch="hr"] .preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-city {
  top: 13.5cqw;
  left: 0;
  width: max-content;
  max-width: 88cqw;
}
body[data-agenda-branch="legal"] .agenda.is-responsive-mobile .agenda-hero .hero-city,
body[data-agenda-branch="legal"] .preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-city {
  top: 13.5cqw;
  left: 0;
  width: max-content;
  max-width: 88cqw;
  font-size: min(10.6cqw, calc(var(--city-font-scale, 8.55) * 1.24cqw), 68px);
}
.agenda.is-responsive-mobile .agenda-hero .hero-city::after,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-city::after {
  top: 12.2cqw;
  left: 0;
  width: 100%;
  height: 2.2cqw;
}
body[data-agenda-branch="cmo"] .agenda.is-responsive-mobile .agenda-hero .hero-city::after,
body[data-agenda-branch="cmo"] .preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-city::after {
  top: 12.2cqw;
  left: 0;
  width: 100%;
}
.agenda.is-responsive-mobile .agenda-hero .hero-leaf-small,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-leaf-small {
  top: 52cqw;
  left: 8cqw;
  width: 16cqw;
}
.agenda.is-responsive-mobile .agenda-hero .hero-leaf-medium,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-leaf-medium {
  top: 20cqw;
  left: 82.5cqw;
  width: 30cqw;
}
.agenda.is-responsive-mobile .agenda-hero .hero-date-ticket,
.agenda.is-responsive-phone .agenda-hero .hero-date-ticket,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-date-ticket {
  top: 59cqw;
  left: 36cqw;
  width: min(58cqw, 360px);
  height: auto;
  aspect-ratio: 398.871 / 111.313;
}
.agenda.is-responsive-mobile .agenda-hero .hero-date-weekday,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-date-weekday {
  font-size: 5cqw;
}
.agenda.is-responsive-mobile .agenda-hero .hero-date-copy,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-date-copy {
  right: 34.5%;
  left: 4.4%;
}
.agenda.is-responsive-mobile .agenda-hero .hero-date-copy strong,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-date-copy strong {
  gap: 2cqw;
  margin-top: 1.1cqw;
  font-size: 5cqw;
}
.agenda.is-responsive-mobile .agenda-hero .hero-date-copy small,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-date-copy small {
  margin-top: 1.8cqw;
  font-size: 3.45cqw;
}
.agenda.is-responsive-mobile .agenda-hero .hero-partnership,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-partnership,
body[data-agenda-branch="cmo"] .agenda.is-responsive-mobile .agenda-hero .hero-partnership,
body[data-agenda-branch="cmo"] .preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-partnership {
  top: auto;
  bottom: 5cqw;
  left: 6cqw;
  gap: 2cqw;
}
.agenda.is-responsive-mobile .agenda-hero .hero-partnership > span,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-partnership > span,
body[data-agenda-branch="cmo"] .agenda.is-responsive-mobile .agenda-hero .hero-partnership > span,
body[data-agenda-branch="cmo"] .preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-partnership > span {
  font-size: clamp(8px, 2.2cqw, 13px);
  letter-spacing: -.08cqw;
}
.agenda.is-responsive-mobile .agenda-hero .hero-partnership img,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-partnership img {
  max-width: 28cqw;
  max-height: 8cqw;
}

.agenda.is-responsive-mobile > .agenda-intro-section,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-intro-section {
  display: flex;
  height: auto;
  min-height: 0;
  aspect-ratio: auto;
  flex-direction: column;
  gap: 10cqw;
  padding: 13cqw 7cqw 18cqw;
  overflow: hidden;
  background: #fafafa;
}
.agenda.is-responsive-mobile .intro-copy,
.agenda.is-responsive-mobile .intro-media-wrap,
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-copy,
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-media-wrap {
  position: relative;
  inset: auto;
  display: block;
  width: 100%;
}
.agenda.is-responsive-mobile .intro-copy h2,
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-copy h2 {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  font-size: clamp(32px, 8.8cqw, 58px);
  letter-spacing: -.38cqw;
}
.agenda.is-responsive-mobile .intro-copy::before,
.agenda.is-responsive-mobile .intro-copy::after,
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-copy::before,
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-copy::after {
  display: none;
}
.agenda.is-responsive-mobile .intro-audience::after,
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-audience::after {
  position: absolute;
  z-index: -1;
  left: -2%;
  bottom: .04em;
  display: block;
  width: 104%;
  height: .42em;
  content: "";
  background: var(--figma-hero-bg);
}
.agenda.is-responsive-mobile .intro-claim::after,
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-claim::after {
  position: absolute;
  top: 105%;
  left: -4%;
  display: block;
  width: 108%;
  height: 4cqw;
  content: "";
  background: var(--branch-mid);
  -webkit-mask: url("./assets/figma-v3-intro-underline.svg") center / 100% 100% no-repeat;
  mask: url("./assets/figma-v3-intro-underline.svg") center / 100% 100% no-repeat;
}
.agenda.is-responsive-mobile .intro-description,
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-description {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  margin-top: 12cqw;
  font-size: clamp(10px, 2.7cqw, 15px);
  line-height: 1.28;
  letter-spacing: -.04em;
}
.agenda.is-responsive-mobile .intro-media-wrap,
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-media-wrap {
  min-height: 52cqw;
}
.agenda.is-responsive-mobile .intro-media-frame,
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-media-frame {
  position: relative;
  top: auto;
  left: auto;
  width: 94%;
  height: auto;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
  padding: 2cqw;
  border-radius: 1.8cqw;
  transform: rotate(2deg);
}
.agenda.is-responsive-mobile .intro-media,
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-media {
  border-radius: 1.4cqw;
}
.agenda.is-responsive-mobile .intro-leaf-large,
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-leaf-large {
  top: -7cqw;
  left: auto;
  right: -2cqw;
  width: 19cqw;
}
.agenda.is-responsive-mobile .intro-leaf-small,
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-leaf-small {
  top: calc(100% + 6cqw);
  right: auto;
  bottom: auto;
  left: -4cqw;
  width: 14cqw;
}
.agenda.is-responsive-mobile > .agenda-intro-section::before,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-intro-section::before {
  top: auto;
  bottom: 0;
  width: 100%;
  height: 18cqw;
}
.agenda.is-responsive-mobile .intro-play > span,
.preview-stage.is-mobile .agenda.is-responsive-mobile .intro-play > span {
  border-top-width: 4cqw;
  border-bottom-width: 4cqw;
  border-left-width: 6.5cqw;
}

.agenda.is-responsive-mobile > .agenda-summary-section,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-summary-section {
  height: auto;
  min-height: 0;
  aspect-ratio: auto;
  padding: 12cqw 6cqw 15cqw;
  overflow: hidden;
}
.agenda.is-responsive-mobile .summary-wave,
.preview-stage.is-mobile .agenda.is-responsive-mobile .summary-wave {
  top: 0;
  left: 0;
  width: 100%;
  height: 118%;
}
.agenda.is-responsive-mobile .summary-metrics,
.preview-stage.is-mobile .agenda.is-responsive-mobile .summary-metrics {
  --metric-icon-size: min(17cqw, 92px);
  position: relative;
  top: auto;
  left: auto;
  display: grid;
  width: 100%;
  height: auto;
  grid-template-columns: repeat(2, var(--metric-icon-size));
  column-gap: 0;
  row-gap: 10cqw;
  justify-content: space-around;
}
.agenda.is-responsive-mobile .summary-metric,
.preview-stage.is-mobile .agenda.is-responsive-mobile .summary-metric {
  --metric-copy-width: min(38cqw, 205px);
  width: var(--metric-icon-size);
}
.agenda.is-responsive-mobile .summary-metric:last-child,
.preview-stage.is-mobile .agenda.is-responsive-mobile .summary-metric:last-child {
  width: var(--metric-icon-size);
  grid-column: 1 / -1;
  justify-self: center;
}
.agenda.is-responsive-mobile .summary-metric > img,
.agenda.is-responsive-mobile .summary-drinks-icon,
.preview-stage.is-mobile .agenda.is-responsive-mobile .summary-metric > img,
.preview-stage.is-mobile .agenda.is-responsive-mobile .summary-drinks-icon {
  width: min(17cqw, 92px);
  height: min(17cqw, 92px);
}
.agenda.is-responsive-mobile .summary-drinks-icon img:last-child,
.preview-stage.is-mobile .agenda.is-responsive-mobile .summary-drinks-icon img:last-child {
  top: 2.37cqw;
  left: 2.76cqw;
  width: 11.6cqw;
  height: 12.46cqw;
}
.agenda.is-responsive-mobile .summary-metric h3,
.preview-stage.is-mobile .agenda.is-responsive-mobile .summary-metric h3,
body[data-agenda-branch="hr"] .agenda.is-responsive-mobile .summary-audience-title,
body[data-agenda-branch="legal"] .agenda.is-responsive-mobile .summary-audience-title {
  margin-top: 2.5cqw;
  font-size: clamp(16px, 4.5cqw, 28px);
  letter-spacing: -.18cqw;
  white-space: normal;
}
.agenda.is-responsive-mobile .summary-metric p,
.preview-stage.is-mobile .agenda.is-responsive-mobile .summary-metric p {
  font-size: clamp(8px, 2.15cqw, 12px);
  line-height: 1.22;
  letter-spacing: -.045em;
}
.agenda.is-responsive-mobile .summary-contact,
.preview-stage.is-mobile .agenda.is-responsive-mobile .summary-contact {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  margin-top: 13cqw;
  justify-content: center;
  gap: 4cqw;
}
.agenda.is-responsive-mobile .summary-contact > img,
.preview-stage.is-mobile .agenda.is-responsive-mobile .summary-contact > img {
  width: min(18cqw, 96px);
  height: min(17cqw, 92px);
}
.agenda.is-responsive-mobile .summary-contact > div,
.preview-stage.is-mobile .agenda.is-responsive-mobile .summary-contact > div {
  gap: 1.4cqw;
}
.agenda.is-responsive-mobile .summary-contact h2,
.preview-stage.is-mobile .agenda.is-responsive-mobile .summary-contact h2 {
  font-size: clamp(27px, 7cqw, 44px);
  letter-spacing: -.3cqw;
}
.agenda.is-responsive-mobile .summary-contact p,
.preview-stage.is-mobile .agenda.is-responsive-mobile .summary-contact p {
  font-size: clamp(16px, 4.2cqw, 27px);
  letter-spacing: -.18cqw;
}

/* Centre the complete text group on the visible white card face. The SVG's
   lower drop-shadow makes its full bounding box taller than the card itself. */
.agenda-hero .hero-date-copy {
  top: 45.25%;
  bottom: auto;
  right: 34.5%;
  left: 4.4%;
  height: auto;
  justify-content: flex-start;
  transform: translateY(-50%);
}

/* Figma v4 — Agenda / node 28:3494
   These measurements are expressed against the 1440px Figma frame so the
   completed sections keep their proportions at every preview width. */
body[data-agenda-branch="cmo"] .agenda {
  --branch-pale: #aaf0ce;
  --branch-mid: #55d294;
  --branch-strong: #2cba6f;
  --figma-hero-bg: #aaf0ce;
  --figma-card-bg: #55d294;
}
body[data-agenda-branch="cfo"] .agenda {
  --branch-pale: #e1cdfb;
  --branch-mid: #a98cf4;
  --branch-strong: #730be8;
  --figma-hero-bg: #e1cdfb;
  --figma-card-bg: #a98cf4;
}
body[data-agenda-branch="hr"] .agenda {
  --branch-pale: #ffd6ae;
  --branch-mid: #ffa645;
  --branch-strong: #ff7318;
  --figma-hero-bg: #ffd6ae;
  --figma-card-bg: #ffa645;
}
body[data-agenda-branch="legal"] .agenda {
  --branch-pale: #9ce7fa;
  --branch-mid: #1978ff;
  --branch-strong: #1451f5;
  --figma-hero-bg: #9ce7fa;
  --figma-card-bg: #1978ff;
}

.agenda > .agenda-hero {
  position: relative;
  display: block;
  min-height: 0;
  aspect-ratio: 1440 / 486;
  padding: 0;
  overflow: hidden;
  background: var(--figma-hero-bg);
}
.agenda-hero .hero-top,
.agenda-hero .hero-intro,
.agenda-hero .hero-artwork {
  position: absolute;
  inset: 0;
  display: block;
}
.agenda-hero .hero-brand-logo {
  position: absolute;
  z-index: 5;
  top: 4.282cqw;
  left: 4.514cqw;
  width: 23.611cqw;
  height: 5.205cqw;
  object-fit: contain;
}
.agenda-hero .hero-event-name {
  position: absolute;
  z-index: 5;
  top: 11.571cqw;
  left: 4.514cqw;
  display: flex;
  width: auto;
  height: auto;
  align-items: center;
  gap: .176cqw;
  transform: none;
}
.agenda-hero .hero-title {
  position: relative;
  inset: auto;
  width: auto;
  height: auto;
  margin: 0;
  color: #2d2d2f;
  font: 600 4.815cqw/.959 "Poppins", sans-serif;
  letter-spacing: -.433cqw;
  text-transform: uppercase;
}
.agenda-hero .hero-city,
.agenda-hero .hero-city[data-city-length] {
  position: relative;
  inset: auto;
  display: block;
  width: auto;
  height: auto;
  margin: .82cqw 0 0;
  color: #414042;
  font: 400 clamp(2.75cqw, calc(var(--city-font-scale, 8.55) * .517cqw), 4.421cqw)/1 "Momo Signature", cursive;
  letter-spacing: 0;
  white-space: nowrap;
  transform: none;
}
.agenda-hero .hero-city::after {
  content: "";
  position: absolute;
  top: 6.173cqw;
  left: 1.608cqw;
  width: var(--city-line-width, 16.809cqw);
  height: 1.02cqw;
  background: #414042;
  -webkit-mask: url("./assets/figma-v4-city-underline.svg") center / 100% 100% no-repeat;
  mask: url("./assets/figma-v4-city-underline.svg") center / 100% 100% no-repeat;
}
.agenda-hero .hero-partnership {
  position: absolute;
  z-index: 5;
  top: 23.912cqw;
  left: 18.16cqw;
  display: flex;
  width: 63.68cqw;
  min-height: 5.556cqw;
  align-items: center;
  gap: 1.25cqw;
  transform: translateX(-50%);
}
.agenda-hero .hero-partnership span {
  flex: 0 0 auto;
  color: #263238;
  font: 500 1.017cqw/1.2 "Fira Code", monospace;
  letter-spacing: -.051cqw;
  text-transform: uppercase;
}
.agenda-hero .hero-partnership img {
  width: 8.819cqw;
  height: 3.958cqw;
  object-fit: contain;
}
.agenda-hero .hero-date-ticket {
  position: absolute;
  z-index: 4;
  top: 5.671cqw;
  left: 73.75cqw;
  width: 27.078cqw;
  height: 7.023cqw;
  border-radius: .924cqw;
  background: #263238;
  box-shadow: 0 .37cqw .185cqw rgba(0,0,0,.25);
  transform: rotate(6.1deg);
  transform-origin: center;
}
.agenda-hero .hero-date-copy {
  position: absolute;
  top: 50%;
  right: 31%;
  bottom: auto;
  left: 4.38%;
  display: flex;
  height: auto;
  justify-content: center;
  color: #fafafa;
  transform: translateY(-50%) rotate(0);
}
.agenda-hero .hero-date-copy,
.agenda-hero .hero-date-copy strong {
  align-items: flex-start;
}
.agenda-hero .hero-date-weekday {
  color: #fafafa;
  font-size: 1.43cqw;
  line-height: .95;
}
.agenda-hero .hero-date-copy strong {
  gap: .4cqw;
  color: #fafafa;
  font-size: 1.31cqw;
  line-height: 1.02;
}
.agenda-hero .hero-date-copy small {
  color: #fafafa;
  font-size: .71cqw;
  line-height: 1.05;
}
.agenda-hero .hero-date-icons {
  position: absolute;
  top: 10.15%;
  right: 7.92%;
  width: 19.69%;
  height: 69.77%;
  background: var(--branch-pale);
  -webkit-mask: url("./assets/figma-v4-date-icon-cmo.svg") center / contain no-repeat;
  mask: url("./assets/figma-v4-date-icon-cmo.svg") center / contain no-repeat;
  transform: rotate(-6.1deg);
}
body:not([data-agenda-branch="cmo"]) .agenda-hero .hero-date-icons {
  -webkit-mask-image: var(--date-icon);
  mask-image: var(--date-icon);
}
.agenda-hero .hero-leaf {
  position: absolute;
  z-index: 2;
  display: block;
  background: var(--branch-mid);
}
.agenda-hero .hero-leaf-medium {
  top: 4.56cqw;
  left: 66.18cqw;
  width: 11.82cqw;
  height: 8.98cqw;
  -webkit-mask: url("./assets/figma-v4-hero-flower-large.svg") center / contain no-repeat;
  mask: url("./assets/figma-v4-hero-flower-large.svg") center / contain no-repeat;
  transform: rotate(-18.23deg);
}
.agenda-hero .hero-leaf-small {
  top: 13.73cqw;
  left: 93.89cqw;
  width: 8.76cqw;
  height: 6.62cqw;
  -webkit-mask: url("./assets/figma-v4-hero-flower-small.png") center / contain no-repeat;
  mask: url("./assets/figma-v4-hero-flower-small.png") center / contain no-repeat;
  transform: rotate(34.23deg);
}

.agenda > .agenda-cover-stars-section {
  position: relative;
  display: block;
  min-height: 0;
  aspect-ratio: 1440 / 299;
  padding: 0;
  overflow: hidden;
  background: var(--branch-pale);
}
.agenda-cover-stars-section::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 31.438%;
  left: 0;
  width: 100%;
  height: 80.602%;
  background: #fafafa;
  -webkit-mask: url("./assets/figma-v4-cover-white.svg") center / 100% 100% no-repeat;
  mask: url("./assets/figma-v4-cover-white.svg") center / 100% 100% no-repeat;
  transform: scaleY(-1);
}
.agenda-cover-stars-section .hero-cover-stars {
  position: absolute;
  z-index: 2;
  top: .81cqw;
  left: 50%;
  display: grid;
  width: max-content;
  height: auto;
  grid-template-columns: repeat(var(--cover-star-count), 10.636cqw);
  gap: 1.178cqw;
  transform: translateX(-50%);
}
.agenda-cover-stars-section .hero-cover-star {
  position: relative;
  top: auto;
  left: auto;
  width: 10.636cqw;
  height: 18.665cqw;
  transform-origin: 50% 46%;
}
.agenda-cover-stars-section .hero-cover-star:nth-child(1) { transform: rotate(-.73deg); }
.agenda-cover-stars-section .hero-cover-star:nth-child(2) { transform: rotate(.58deg); }
.agenda-cover-stars-section .hero-cover-star:nth-child(3) { transform: rotate(-1.66deg); }
.agenda-cover-stars-section .hero-cover-star:nth-child(4) { transform: rotate(-2.08deg); }
.agenda-cover-stars-section .hero-cover-star:nth-child(5) { transform: rotate(.82deg); }
.agenda-cover-stars-section .hero-cover-star:nth-child(6) { transform: rotate(2.72deg); }
.agenda-cover-stars-section .hero-cover-star:nth-child(7) { transform: rotate(-2.56deg); }
.agenda-cover-stars-section .hero-cover-star:nth-child(8) { transform: rotate(1.55deg); }
.agenda-cover-stars-section .hero-cover-polaroid {
  position: relative;
  width: 10.636cqw;
  height: 13.219cqw;
  container-type: normal;
}
.agenda-cover-stars-section .hero-cover-photo {
  position: absolute;
  top: .39cqw;
  left: 50%;
  width: 9.599cqw;
  height: 12.2cqw;
  padding: 0;
  border: 0;
  background: #fafafa;
  box-shadow: 0 .347cqw .486cqw rgba(0,0,0,.17);
  transform: translateX(-50%);
}
.agenda-cover-stars-section .hero-cover-photo-window {
  position: absolute;
  top: 6.4%;
  right: 6.59%;
  bottom: 12.37%;
  left: 6.59%;
  overflow: hidden;
  background: linear-gradient(#c4edff, #effaff 65%, var(--branch-pale) 65%, var(--branch-mid) 79%);
}
.agenda-cover-stars-section .hero-cover-photo-window::before,
.agenda-cover-stars-section .hero-cover-photo-window::after {
  display: none;
}
.agenda-cover-stars-section .hero-cover-photo-window img,
.agenda-cover-stars-section .hero-cover-headshot-placeholder {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.agenda-cover-stars-section .hero-cover-meta {
  position: static;
}
.agenda-cover-stars-section .hero-cover-meta strong {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  display: flex;
  width: 7.924cqw;
  min-height: 2.348cqw;
  padding: .265cqw .5cqw;
  flex-direction: column;
  justify-content: center;
  background: #263238;
  color: #fafafa;
  font: 500 .896cqw/1.02 "Fira Code", monospace;
  letter-spacing: -.045cqw;
  text-align: left;
  text-transform: uppercase;
}
.agenda-cover-stars-section .hero-cover-meta > span {
  position: absolute;
  z-index: 4;
  top: 10.377cqw;
  right: .05cqw;
  display: flex;
  width: 6.31cqw;
  min-height: 2.35cqw;
  padding: .36cqw .36cqw;
  align-items: center;
  justify-content: flex-end;
  background: var(--figma-card-bg);
  color: #263238;
  font: 400 .515cqw/1.04 "Fira Code", monospace;
  letter-spacing: -.026cqw;
  text-align: right;
  text-transform: uppercase;
}
body[data-agenda-branch="legal"] .agenda-cover-stars-section .hero-cover-meta > span {
  color: #fafafa;
}
.agenda-cover-stars-section .hero-cover-company {
  position: absolute;
  top: 14.053cqw;
  left: 50%;
  display: grid;
  width: 9.762cqw;
  height: 4.379cqw;
  place-items: center;
  overflow: hidden;
  border: 0;
  background: #f3f3f3;
  box-shadow: none;
  transform: translateX(-50%);
}
.agenda-cover-stars-section .hero-cover-company::before,
.agenda-cover-stars-section .hero-cover-company::after {
  display: none;
}
.agenda-cover-stars-section .hero-cover-logo {
  width: 88%;
  height: 76%;
  object-fit: contain;
}
.agenda-cover-stars-section .hero-cover-logo-placeholder {
  display: block;
  width: 100%;
  height: 100%;
}

.agenda > .agenda-intro-section {
  position: relative;
  display: block;
  min-height: 0;
  aspect-ratio: 1440 / 518;
  padding: 0;
  overflow: hidden;
  background: #fafafa;
}
.agenda-intro-section::after {
  content: "";
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: -.035cqw;
  left: 0;
  height: 11.771cqw;
  background: var(--branch-pale);
  -webkit-mask: url("./assets/figma-v4-intro-wave.svg") center bottom / 100% 100% no-repeat;
  mask: url("./assets/figma-v4-intro-wave.svg") center bottom / 100% 100% no-repeat;
}
.agenda-intro-section .intro-copy {
  position: absolute;
  z-index: 4;
  inset: 0;
  width: auto;
  max-width: none;
}
.agenda-intro-section .intro-copy h2 {
  position: absolute;
  z-index: 3;
  top: 8.333cqw;
  left: 7.014cqw;
  width: 27.917cqw;
  margin: 0;
  color: #2d2d2f;
  font: 600 3.769cqw/.96 "Poppins", sans-serif;
  letter-spacing: -.188cqw;
}
.agenda-intro-section .intro-copy h2 em {
  font-style: italic;
}
.agenda-intro-section .intro-copy h2::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 2.222cqw;
  left: 9.93cqw;
  width: 11.528cqw;
  height: 1.736cqw;
  background: var(--branch-pale);
  opacity: .86;
}
.agenda-intro-section .intro-copy h2::after {
  content: "";
  position: absolute;
  top: 7.15cqw;
  left: -.07cqw;
  width: 18.403cqw;
  height: 1.875cqw;
  background: var(--branch-mid);
  -webkit-mask: url("./assets/figma-v4-intro-underline.svg") center / 100% 100% no-repeat;
  mask: url("./assets/figma-v4-intro-underline.svg") center / 100% 100% no-repeat;
}
.agenda-intro-section .intro-description {
  position: absolute;
  top: 19.792cqw;
  left: 7.014cqw;
  width: 27.708cqw;
  color: #2d2d2f;
  font: 400 1.017cqw/1.17 "Fira Code", monospace;
  letter-spacing: -.051cqw;
}
.agenda-intro-section .intro-description p {
  margin: 0 0 1.27cqw;
}
.agenda-intro-section .intro-media-wrap {
  position: absolute;
  z-index: 3;
  inset: 0;
  width: auto;
  height: auto;
}
.agenda-intro-section .intro-media-wrap::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 2.05cqw;
  left: 39.1cqw;
  width: 23.522cqw;
  height: 26.289cqw;
  background: var(--branch-pale);
  -webkit-mask: url("./assets/figma-v4-intro-crosses.svg") center / contain no-repeat;
  mask: url("./assets/figma-v4-intro-crosses.svg") center / contain no-repeat;
}
.agenda-intro-section .intro-media-frame {
  position: absolute;
  z-index: 2;
  top: 5.2cqw;
  left: 43.75cqw;
  width: 44.337cqw;
  height: 26.186cqw;
  padding: .82cqw;
  border: 0;
  border-radius: .48cqw;
  background: #263238;
  box-shadow: 0 .5cqw 1cqw rgba(0,0,0,.17);
  transform: rotate(4.04deg);
}
.agenda-intro-section .intro-media {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: .1cqw solid rgba(255,255,255,.18);
  background: #1d2225;
  box-shadow: inset 0 0 0 .15cqw rgba(0,0,0,.18);
}
.agenda-intro-section .intro-media-placeholder,
.agenda-intro-section .intro-video-embed {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.agenda-intro-section .intro-leaf-large {
  position: absolute;
  z-index: 4;
  top: 1.628cqw;
  left: 83cqw;
  width: 10.82cqw;
  height: 10.33cqw;
  background: var(--branch-pale);
  -webkit-mask: url("./assets/figma-v4-intro-flower-top.svg") center / contain no-repeat;
  mask: url("./assets/figma-v4-intro-flower-top.svg") center / contain no-repeat;
  transform: none;
}
.agenda-intro-section .intro-leaf-small {
  position: absolute;
  z-index: 1;
  top: 25.16cqw;
  left: 40.36cqw;
  width: 6.2cqw;
  height: 6.65cqw;
  background: var(--branch-mid);
  -webkit-mask: url("./assets/figma-v4-intro-flower-bottom.svg") center / contain no-repeat;
  mask: url("./assets/figma-v4-intro-flower-bottom.svg") center / contain no-repeat;
  transform: rotate(-18.23deg);
}

.agenda > .agenda-summary-section {
  position: relative;
  display: block;
  min-height: 0;
  aspect-ratio: 1440 / 226;
  padding: 0;
  overflow: hidden;
  background: var(--branch-pale);
}
.agenda-summary-section .summary-wave {
  display: none;
}
.agenda-summary-section .summary-metrics {
  position: absolute;
  top: .764cqw;
  left: 17.5cqw;
  display: grid;
  width: 42.778cqw;
  height: 13.75cqw;
  grid-template-columns: repeat(4, 10.556cqw);
  gap: .139cqw;
}
.agenda-summary-section .summary-metric {
  position: relative;
  display: flex;
  width: 10.556cqw;
  height: 13.75cqw;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.agenda-summary-section .summary-metric > img {
  width: 6.223cqw;
  height: 6.223cqw;
  object-fit: contain;
}
.agenda-summary-section .summary-metric h3,
body[data-agenda-branch="hr"] .agenda-summary-section .summary-audience-title,
body[data-agenda-branch="legal"] .agenda-summary-section .summary-audience-title {
  width: 10.556cqw;
  margin: 1.042cqw 0 .972cqw;
  color: #2d2d2f;
  font: 500 1.689cqw/1 "Poppins", sans-serif;
  letter-spacing: -.085cqw;
  white-space: nowrap;
}
.agenda-summary-section .summary-metric p {
  width: 8.3cqw;
  margin: 0;
  color: #2d2d2f;
  font: 400 .579cqw/1.18 "Poppins", sans-serif;
  letter-spacing: -.029cqw;
}
.agenda-summary-section .summary-contact {
  position: absolute;
  top: 5.66cqw;
  left: 61.74cqw;
  display: flex;
  width: 21.667cqw;
  height: 4.371cqw;
  align-items: center;
  gap: 1.458cqw;
}
.agenda-summary-section .summary-contact > img {
  width: 4.692cqw;
  height: 4.371cqw;
  object-fit: contain;
}
.agenda-summary-section .summary-contact > div {
  display: flex;
  gap: .4cqw;
  flex-direction: column;
}
.agenda-summary-section .summary-contact h2 {
  margin: 0;
  color: #2d2d2f;
  font: 600 2.239cqw/.92 "Poppins", sans-serif;
  letter-spacing: -.112cqw;
  white-space: nowrap;
}
.agenda-summary-section .summary-contact p {
  margin: 0;
  color: #2d2d2f;
  font: 300 min(var(--producer-font-size, 1.6cqw), 1.6cqw)/1 "Poppins", sans-serif;
  letter-spacing: -.08cqw;
  white-space: nowrap;
}
.agenda-summary-section .summary-contact a {
  color: inherit;
}

.agenda > .agenda-round-figma {
  position: relative;
  display: block;
  min-height: 0;
  aspect-ratio: 1416 / 1122;
  padding: 0;
  overflow: hidden;
  background: #fafafa;
}
.agenda-round-figma::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: -.918cqw;
  width: 101.695cqw;
  height: 5.65cqw;
  background: var(--branch-pale);
  -webkit-mask: url("./assets/figma-v4-round-wave-top.svg") center / 100% 100% no-repeat;
  mask: url("./assets/figma-v4-round-wave-top.svg") center / 100% 100% no-repeat;
  transform: scaleY(-1);
}
.agenda-round-figma .round-figma-heading {
  position: absolute;
  z-index: 5;
  top: 7.91cqw;
  left: 1.806cqw;
  width: 34.2cqw;
  height: 8.62cqw;
}
.agenda-round-figma .round-figma-heading h2 {
  position: relative;
  margin: 0;
  color: #2d2d2f;
  font: 600 3.57cqw/.96 "Poppins", sans-serif;
  letter-spacing: -.179cqw;
}
.agenda-round-figma .round-figma-heading h2::after {
  content: "";
  position: absolute;
  top: 7.22cqw;
  left: 0;
  width: 31.68cqw;
  height: 1.73cqw;
  background: var(--branch-mid);
  -webkit-mask: url("./assets/figma-v4-round-underline.svg") center / 100% 100% no-repeat;
  mask: url("./assets/figma-v4-round-underline.svg") center / 100% 100% no-repeat;
}
.agenda-round-figma .workgroup-grid {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.agenda-round-figma .workgroup-grid::after {
  content: "";
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: -.07cqw;
  left: 0;
  height: 8.263cqw;
  background: var(--branch-pale);
  -webkit-mask: url("./assets/figma-v4-round-wave-bottom.svg") center bottom / 100% 100% no-repeat;
  mask: url("./assets/figma-v4-round-wave-bottom.svg") center bottom / 100% 100% no-repeat;
}
.agenda-round-figma .workgroup-grid::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0;
  pointer-events: none;
  background: url("./assets/figma-paper-texture.svg") center / 420px 420px repeat;
  opacity: .12;
  mix-blend-mode: multiply;
}
.agenda-round-figma .workgroup-card {
  position: absolute;
  display: block;
  width: 24.426cqw;
  height: 28.704cqw;
  min-width: 0;
  min-height: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform-origin: center;
}
.agenda-round-figma .workgroup-card:nth-child(1) { top: 8.185cqw; left: 43.979cqw; transform: rotate(-.58deg); }
.agenda-round-figma .workgroup-card:nth-child(2) { top: 45.318cqw; left: 21.676cqw; transform: rotate(-3.42deg); }
.agenda-round-figma .workgroup-card:nth-child(3) { top: 38.87cqw; left: 47.309cqw; transform: rotate(-.58deg); }
.agenda-round-figma .workgroup-card:nth-child(4) { top: 6.025cqw; left: 68.66cqw; transform: rotate(2.22deg); }
.agenda-round-figma .workgroup-card:nth-child(5) { top: 15.145cqw; left: 17.55cqw; transform: rotate(-3.46deg); }
.agenda-round-figma .workgroup-card:nth-child(6) { top: 38.523cqw; left: 72.226cqw; transform: rotate(3.85deg); }
.agenda-round-figma .workgroup-card::before {
  content: "Option " attr(data-option);
  position: absolute;
  z-index: 5;
  top: 0;
  left: .92cqw;
  color: #2d2d2f;
  font: 600 1.275cqw/1 "Poppins", sans-serif;
  letter-spacing: -.064cqw;
  box-shadow: inset 0 -.38em var(--branch-pale);
}
.agenda-round-figma .workgroup-card::after,
.agenda-round-figma .workgroup-icon {
  position: absolute;
  z-index: 4;
  top: 1.236cqw;
  left: 15.212cqw;
  width: 9.214cqw;
  height: 9.214cqw;
  border: 0;
  border-radius: 0;
  background: var(--round-circle) center / contain no-repeat;
  transform: none;
}
.agenda-round-figma .workgroup-card::after {
  content: "";
}
.agenda-round-figma .workgroup-icon {
  z-index: 6;
  display: grid;
  place-items: center;
  background: transparent;
}
.agenda-round-figma .workgroup-icon img {
  width: 66%;
  height: 66%;
  object-fit: contain;
}
.agenda-round-figma .workgroup-copy {
  position: absolute;
  z-index: 2;
  top: 3.756cqw;
  left: 0;
  display: block;
  width: 22.6cqw;
  height: 24.947cqw;
  padding: 1.739cqw;
  overflow: hidden;
  border-radius: .608cqw;
  background: var(--figma-card-bg);
  box-shadow: 0 .434cqw .434cqw rgba(0,0,0,.25);
}
.agenda-round-figma .workgroup-copy h3 {
  width: 12.43cqw;
  min-height: 5.216cqw;
  margin: 0;
  color: #2d2d2f;
  font: 700 1.275cqw/1.05 "Poppins", sans-serif;
  letter-spacing: -.064cqw;
  text-transform: uppercase;
}
.agenda-round-figma .workgroup-copy p {
  width: 19.11cqw;
  margin: .695cqw 0 0;
  color: #2d2d2f;
  font: 400 .861cqw/1.15 "Fira Code", monospace;
  letter-spacing: -.043cqw;
}
.agenda-round-figma .workgroup-host {
  position: absolute;
  z-index: 3;
  top: 17.4cqw;
  left: 1.739cqw;
  display: grid;
  width: 19.122cqw;
  height: 9.08cqw;
  grid-template: 4.2cqw 4.2cqw / 9.08cqw 9.08cqw;
  gap: .347cqw .964cqw;
}
.agenda-round-figma .host-avatar {
  display: grid;
  width: 9.08cqw;
  height: 8.747cqw;
  grid-row: 1 / 3;
  place-items: center;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: rgba(250,250,250,.58);
}
.agenda-round-figma .host-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.agenda-round-figma .host-logo-slot {
  display: grid;
  width: 9.08cqw;
  height: 4.2cqw;
  place-items: center;
  overflow: hidden;
  background: #fafafa;
}
.agenda-round-figma .host-logo {
  width: 82%;
  max-width: none;
  height: 72%;
  object-fit: contain;
}
.agenda-round-figma .host-meta {
  display: flex;
  width: 9.08cqw;
  height: 4.2cqw;
  padding: .42cqw .56cqw;
  overflow: hidden;
  flex-direction: column;
  justify-content: center;
  background: #fafafa;
}
.agenda-round-figma .host-meta strong {
  display: flex;
  margin: 0 0 .22cqw;
  flex-direction: column;
  color: #2d2d2f;
  font: 500 .75cqw/.96 "Fira Code", monospace;
  letter-spacing: -.038cqw;
  text-transform: uppercase;
}
.agenda-round-figma .host-meta > span {
  display: block;
  color: #2d2d2f;
  font: 400 .47cqw/1.04 "Fira Code", monospace;
  letter-spacing: -.024cqw;
  text-transform: uppercase;
}

/* The Figma groups establish the mobile stacking rules. The cards may reflow
   independently, while each card keeps its own internal proportions. */
.agenda.is-responsive-mobile > .agenda-hero,
.preview-stage.is-mobile .agenda > .agenda-hero {
  aspect-ratio: 750 / 650;
}
.agenda.is-responsive-mobile .agenda-hero .hero-brand-logo,
.preview-stage.is-mobile .agenda-hero .hero-brand-logo {
  top: 8cqw;
  left: 7cqw;
  width: 43cqw;
  height: 9.5cqw;
}
.agenda.is-responsive-mobile .agenda-hero .hero-event-name,
.preview-stage.is-mobile .agenda-hero .hero-event-name {
  top: 23cqw;
  left: 7cqw;
  align-items: flex-start;
  flex-direction: column;
  gap: 0;
}
.agenda.is-responsive-mobile .agenda-hero .hero-title,
.preview-stage.is-mobile .agenda-hero .hero-title {
  font-size: 13cqw;
  letter-spacing: -1.15cqw;
}
.agenda.is-responsive-mobile .agenda-hero .hero-city,
.preview-stage.is-mobile .agenda-hero .hero-city {
  margin: -1cqw 0 0;
  font-size: clamp(8cqw, calc(var(--city-font-scale, 8.55) * 1.18cqw), 10.1cqw);
}
.agenda.is-responsive-mobile .agenda-hero .hero-city::after,
.preview-stage.is-mobile .agenda-hero .hero-city::after {
  top: 13.7cqw;
  left: 2cqw;
  width: calc(var(--city-line-width, 16.809cqw) * 1.9);
  height: 2cqw;
}
.agenda.is-responsive-mobile .agenda-hero .hero-date-ticket,
.preview-stage.is-mobile .agenda-hero .hero-date-ticket {
  top: 55cqw;
  left: 46cqw;
  width: 50cqw;
  height: 13cqw;
}
.agenda.is-responsive-mobile .agenda-hero .hero-leaf-medium,
.preview-stage.is-mobile .agenda-hero .hero-leaf-medium {
  top: 52cqw;
  left: 6cqw;
  width: 24cqw;
  height: 18cqw;
}
.agenda.is-responsive-mobile .agenda-hero .hero-leaf-small,
.preview-stage.is-mobile .agenda-hero .hero-leaf-small {
  top: 70cqw;
  left: 80cqw;
  width: 16cqw;
  height: 12cqw;
}
.agenda.is-responsive-mobile .agenda-hero .hero-partnership,
.preview-stage.is-mobile .agenda-hero .hero-partnership {
  top: 76cqw;
  left: 7cqw;
  width: 38cqw;
  min-height: 11cqw;
  flex-wrap: wrap;
  transform: none;
}
.agenda.is-responsive-mobile .agenda-hero .hero-partnership span,
.preview-stage.is-mobile .agenda-hero .hero-partnership span {
  font-size: 2.2cqw;
}
.agenda.is-responsive-mobile .agenda-hero .hero-partnership img,
.preview-stage.is-mobile .agenda-hero .hero-partnership img {
  width: 20cqw;
  height: 9cqw;
}
.agenda.is-responsive-mobile > .agenda-cover-stars-section,
.preview-stage.is-mobile .agenda > .agenda-cover-stars-section {
  aspect-ratio: auto;
  min-height: 116cqw;
}
.agenda.is-responsive-mobile .agenda-cover-stars-section::before,
.preview-stage.is-mobile .agenda-cover-stars-section::before {
  top: 20%;
  height: 88%;
}
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-stars,
.preview-stage.is-mobile .agenda-cover-stars-section .hero-cover-stars {
  position: relative;
  top: 5cqw;
  left: auto;
  display: grid;
  width: 92cqw;
  margin: 0 auto;
  grid-template-columns: repeat(4, 20cqw);
  gap: 7cqw 4cqw;
  justify-content: center;
  transform: none;
}
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-star,
.preview-stage.is-mobile .agenda-cover-stars-section .hero-cover-star {
  width: 20cqw;
  height: 36cqw;
}
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-polaroid,
.preview-stage.is-mobile .agenda-cover-stars-section .hero-cover-polaroid {
  width: 20cqw;
  height: 25cqw;
}
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-photo,
.preview-stage.is-mobile .agenda-cover-stars-section .hero-cover-photo {
  width: 18cqw;
  height: 23cqw;
}
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-meta strong,
.preview-stage.is-mobile .agenda-cover-stars-section .hero-cover-meta strong {
  width: 15cqw;
  min-height: 5cqw;
  padding: .55cqw 1cqw;
  font-size: 1.75cqw;
}
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-meta > span,
.preview-stage.is-mobile .agenda-cover-stars-section .hero-cover-meta > span {
  top: 19.3cqw;
  right: 0;
  width: 13cqw;
  min-height: 4.8cqw;
  padding: .6cqw;
  font-size: 1.05cqw;
}
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-company,
.preview-stage.is-mobile .agenda-cover-stars-section .hero-cover-company {
  top: 27cqw;
  width: 18cqw;
  height: 8cqw;
}
.agenda.is-responsive-mobile > .agenda-intro-section,
.preview-stage.is-mobile .agenda > .agenda-intro-section {
  aspect-ratio: 750 / 900;
}
.agenda.is-responsive-mobile .agenda-intro-section .intro-copy h2,
.preview-stage.is-mobile .agenda-intro-section .intro-copy h2 {
  top: 9cqw;
  left: 8cqw;
  width: 76cqw;
  font-size: 8.7cqw;
  letter-spacing: -.43cqw;
}
.agenda.is-responsive-mobile .agenda-intro-section .intro-copy h2::before,
.preview-stage.is-mobile .agenda-intro-section .intro-copy h2::before {
  top: 5cqw;
  left: 22cqw;
  width: 27cqw;
  height: 3.4cqw;
}
.agenda.is-responsive-mobile .agenda-intro-section .intro-copy h2::after,
.preview-stage.is-mobile .agenda-intro-section .intro-copy h2::after {
  top: 16.5cqw;
  width: 43cqw;
  height: 4cqw;
}
.agenda.is-responsive-mobile .agenda-intro-section .intro-description,
.preview-stage.is-mobile .agenda-intro-section .intro-description {
  top: 30cqw;
  left: 8cqw;
  width: 84cqw;
  font-size: 2.5cqw;
}
.agenda.is-responsive-mobile .agenda-intro-section .intro-media-frame,
.preview-stage.is-mobile .agenda-intro-section .intro-media-frame {
  top: 57cqw;
  left: 12cqw;
  width: 76cqw;
  height: 45cqw;
}
.agenda.is-responsive-mobile .agenda-intro-section .intro-media-wrap::before,
.preview-stage.is-mobile .agenda-intro-section .intro-media-wrap::before {
  top: 48cqw;
  left: 2cqw;
  width: 43cqw;
  height: 48cqw;
}
.agenda.is-responsive-mobile .agenda-intro-section .intro-leaf-large,
.preview-stage.is-mobile .agenda-intro-section .intro-leaf-large {
  top: 48cqw;
  left: 78cqw;
  width: 18cqw;
  height: 18cqw;
}
.agenda.is-responsive-mobile .agenda-intro-section .intro-leaf-small,
.preview-stage.is-mobile .agenda-intro-section .intro-leaf-small {
  top: 95cqw;
  left: 5cqw;
  width: 13cqw;
  height: 14cqw;
}
.agenda.is-responsive-mobile > .agenda-summary-section,
.preview-stage.is-mobile .agenda > .agenda-summary-section {
  aspect-ratio: auto;
  min-height: 126cqw;
  padding: 8cqw 6cqw 10cqw;
}
.agenda.is-responsive-mobile .agenda-summary-section .summary-metrics,
.preview-stage.is-mobile .agenda-summary-section .summary-metrics {
  position: relative;
  inset: auto;
  display: grid;
  width: 100%;
  height: auto;
  grid-template-columns: repeat(2, 34cqw);
  gap: 9cqw 8cqw;
  justify-content: center;
}
.agenda.is-responsive-mobile .agenda-summary-section .summary-metric,
.preview-stage.is-mobile .agenda-summary-section .summary-metric {
  width: 34cqw;
  height: auto;
}
.agenda.is-responsive-mobile .agenda-summary-section .summary-metric > img,
.preview-stage.is-mobile .agenda-summary-section .summary-metric > img {
  width: 17cqw;
  height: 17cqw;
}
.agenda.is-responsive-mobile .agenda-summary-section .summary-metric h3,
.preview-stage.is-mobile .agenda-summary-section .summary-metric h3 {
  width: 34cqw;
  margin: 2.4cqw 0 2cqw;
  font-size: 4.5cqw;
  letter-spacing: -.225cqw;
}
.agenda.is-responsive-mobile .agenda-summary-section .summary-metric p,
.preview-stage.is-mobile .agenda-summary-section .summary-metric p {
  width: 28cqw;
  font-size: 1.9cqw;
}
.agenda.is-responsive-mobile .agenda-summary-section .summary-contact,
.preview-stage.is-mobile .agenda-summary-section .summary-contact {
  position: relative;
  inset: auto;
  width: 72cqw;
  height: auto;
  margin: 12cqw auto 0;
  gap: 4cqw;
}
.agenda.is-responsive-mobile .agenda-summary-section .summary-contact > img,
.preview-stage.is-mobile .agenda-summary-section .summary-contact > img {
  width: 18cqw;
  height: 17cqw;
}
.agenda.is-responsive-mobile .agenda-summary-section .summary-contact h2,
.preview-stage.is-mobile .agenda-summary-section .summary-contact h2 {
  font-size: 7cqw;
  letter-spacing: -.35cqw;
}
.agenda.is-responsive-mobile .agenda-summary-section .summary-contact p,
.preview-stage.is-mobile .agenda-summary-section .summary-contact p {
  font-size: 4cqw;
  letter-spacing: -.2cqw;
}
.agenda.is-responsive-mobile > .agenda-round-figma,
.preview-stage.is-mobile .agenda > .agenda-round-figma {
  aspect-ratio: auto;
  min-height: 392cqw;
  padding: 0;
}
.agenda.is-responsive-mobile .agenda-round-figma::before,
.preview-stage.is-mobile .agenda-round-figma::before {
  height: 12cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .round-figma-heading,
.preview-stage.is-mobile .agenda-round-figma .round-figma-heading {
  top: 18cqw;
  left: 7cqw;
  width: 86cqw;
  height: 22cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .round-figma-heading h2,
.preview-stage.is-mobile .agenda-round-figma .round-figma-heading h2 {
  font-size: 8.6cqw;
  letter-spacing: -.43cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .round-figma-heading h2::after,
.preview-stage.is-mobile .agenda-round-figma .round-figma-heading h2::after {
  top: 17cqw;
  width: 77cqw;
  height: 4.2cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-grid,
.preview-stage.is-mobile .agenda-round-figma .workgroup-grid {
  top: 49cqw;
  right: auto;
  bottom: auto;
  left: 0;
  display: grid;
  width: 100%;
  height: auto;
  grid-template-columns: repeat(2, 42cqw);
  gap: 12cqw 4cqw;
  justify-content: center;
}
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-card,
.preview-stage.is-mobile .agenda-round-figma .workgroup-card {
  position: relative;
  inset: auto;
  width: 42cqw;
  height: 47cqw;
  transform: none;
}
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-card::before,
.preview-stage.is-mobile .agenda-round-figma .workgroup-card::before {
  left: 2cqw;
  font-size: 2.3cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-card::after,
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-icon,
.preview-stage.is-mobile .agenda-round-figma .workgroup-card::after,
.preview-stage.is-mobile .agenda-round-figma .workgroup-icon {
  top: 1.5cqw;
  left: 27cqw;
  width: 15cqw;
  height: 15cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-copy,
.preview-stage.is-mobile .agenda-round-figma .workgroup-copy {
  top: 6cqw;
  width: 39cqw;
  height: 41cqw;
  padding: 3cqw;
  border-radius: 1.1cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-copy h3,
.preview-stage.is-mobile .agenda-round-figma .workgroup-copy h3 {
  width: 22cqw;
  min-height: 9cqw;
  font-size: 2.2cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-copy p,
.preview-stage.is-mobile .agenda-round-figma .workgroup-copy p {
  width: 33cqw;
  margin-top: 1.4cqw;
  font-size: 1.5cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-host,
.preview-stage.is-mobile .agenda-round-figma .workgroup-host {
  top: 29cqw;
  left: 3cqw;
  width: 33cqw;
  height: 15cqw;
  grid-template: 7cqw 7cqw / 15cqw 17cqw;
  gap: .7cqw 1cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .host-avatar,
.preview-stage.is-mobile .agenda-round-figma .host-avatar {
  width: 15cqw;
  height: 14.7cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .host-logo-slot,
.preview-stage.is-mobile .agenda-round-figma .host-logo-slot,
.agenda.is-responsive-mobile .agenda-round-figma .host-meta,
.preview-stage.is-mobile .agenda-round-figma .host-meta {
  width: 17cqw;
  height: 7cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .host-meta,
.preview-stage.is-mobile .agenda-round-figma .host-meta {
  padding: .7cqw 1cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .host-meta strong,
.preview-stage.is-mobile .agenda-round-figma .host-meta strong {
  font-size: 1.3cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .host-meta > span,
.preview-stage.is-mobile .agenda-round-figma .host-meta > span {
  font-size: .82cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-grid::after,
.preview-stage.is-mobile .agenda-round-figma .workgroup-grid::after {
  right: -6cqw;
  bottom: -41cqw;
  left: -6cqw;
  height: 21cqw;
}

/* Retired branch-specific rules have higher selector weight than the shared
   Figma rules above. Keep the current frame authoritative for every branch. */
body[data-agenda-branch] .agenda-hero .hero-brand-logo {
  top: 4.282cqw;
  left: 4.514cqw;
  width: 23.611cqw;
  height: 5.205cqw;
  filter: none;
  transform: none;
}
body[data-agenda-branch] .agenda-hero .hero-event-name {
  top: 11.571cqw;
  left: 4.514cqw;
  width: auto;
  height: auto;
}
body[data-agenda-branch] .agenda-hero .hero-city {
  position: relative;
  inset: auto;
  width: auto;
  height: auto;
  margin: .82cqw 0 0;
  font-size: clamp(2.75cqw, calc(var(--city-font-scale, 8.55) * .517cqw), 4.421cqw);
}
body[data-agenda-branch] .agenda-hero .hero-city::after {
  top: 6.173cqw;
  left: 1.608cqw;
  width: var(--city-line-width, 16.809cqw);
  height: 1.02cqw;
  background: #414042;
  -webkit-mask: url("./assets/figma-v4-city-underline.svg") center / 100% 100% no-repeat;
  mask: url("./assets/figma-v4-city-underline.svg") center / 100% 100% no-repeat;
}
body[data-agenda-branch] .agenda-hero .hero-partnership {
  top: 23.912cqw;
  left: 18.16cqw;
  width: 63.68cqw;
  min-height: 5.556cqw;
  gap: 1.25cqw;
  transform: translateX(-50%);
}
body[data-agenda-branch] .agenda-hero .hero-leaf-medium {
  top: 4.56cqw;
  left: 66.18cqw;
  width: 11.82cqw;
  height: 8.98cqw;
  -webkit-mask: url("./assets/figma-v4-hero-flower-large.svg") center / contain no-repeat;
  mask: url("./assets/figma-v4-hero-flower-large.svg") center / contain no-repeat;
  transform: rotate(-18.23deg);
}
body[data-agenda-branch] .agenda-hero .hero-leaf-small {
  top: 13.73cqw;
  left: 93.89cqw;
  width: 8.76cqw;
  height: 6.62cqw;
  -webkit-mask: url("./assets/figma-v4-hero-flower-small.png") center / contain no-repeat;
  mask: url("./assets/figma-v4-hero-flower-small.png") center / contain no-repeat;
  transform: rotate(34.23deg);
}
body[data-agenda-branch] .agenda-hero .hero-date-ticket {
  top: 5.671cqw;
  left: 73.75cqw;
  width: 27.078cqw;
  height: 7.023cqw;
  aspect-ratio: auto;
  border-radius: .924cqw;
  background: #263238;
  box-shadow: 0 .37cqw .185cqw rgba(0,0,0,.25);
  container-type: normal;
  filter: none;
  transform: rotate(6.1deg);
}
body[data-agenda-branch="cmo"] .agenda-hero .hero-date-icons {
  background: var(--branch-pale);
  -webkit-mask: url("./assets/figma-v4-date-icon-cmo.svg") center / contain no-repeat;
  mask: url("./assets/figma-v4-date-icon-cmo.svg") center / contain no-repeat;
}
body[data-agenda-branch="cfo"] .agenda-hero .hero-date-icons {
  background: url("./assets/figma-v3-date-icon-cfo.svg") center / contain no-repeat;
  -webkit-mask: none;
  mask: none;
}
body[data-agenda-branch="hr"] .agenda-hero .hero-date-icons {
  background: url("./assets/figma-v3-date-icon-hr.svg") center / contain no-repeat;
  -webkit-mask: none;
  mask: none;
}
body[data-agenda-branch="legal"] .agenda-hero .hero-date-icons {
  background: url("./assets/figma-v3-date-icon-legal.svg") center / contain no-repeat;
  -webkit-mask: none;
  mask: none;
}
.agenda-cover-stars-section .hero-cover-meta strong,
.agenda-cover-stars-section .hero-cover-meta > span {
  height: auto;
  max-height: none;
  transform: none;
}
.agenda-cover-stars-section .hero-cover-meta strong {
  height: 2.348cqw;
  min-height: 2.348cqw;
  border-radius: 0;
}
.agenda-cover-stars-section .hero-cover-meta > span {
  height: 2.35cqw;
  min-height: 2.35cqw;
  border-radius: 0;
}

body[data-agenda-branch] .agenda.is-responsive-mobile .agenda-hero .hero-brand-logo,
body[data-agenda-branch] .preview-stage.is-mobile .agenda-hero .hero-brand-logo {
  top: 8cqw;
  left: 7cqw;
  width: 43cqw;
  height: 9.5cqw;
}
body[data-agenda-branch] .agenda.is-responsive-mobile .agenda-hero .hero-event-name,
body[data-agenda-branch] .preview-stage.is-mobile .agenda-hero .hero-event-name {
  top: 23cqw;
  left: 7cqw;
  width: auto;
  height: auto;
}
body[data-agenda-branch] .agenda.is-responsive-mobile .agenda-hero .hero-city,
body[data-agenda-branch] .preview-stage.is-mobile .agenda-hero .hero-city {
  margin: -1cqw 0 0;
  font-size: clamp(8cqw, calc(var(--city-font-scale, 8.55) * 1.18cqw), 10.1cqw);
}
body[data-agenda-branch] .agenda.is-responsive-mobile .agenda-hero .hero-city::after,
body[data-agenda-branch] .preview-stage.is-mobile .agenda-hero .hero-city::after {
  top: 13.7cqw;
  left: 2cqw;
  width: calc(var(--city-line-width, 16.809cqw) * 1.9);
  height: 2cqw;
}
body[data-agenda-branch] .agenda.is-responsive-mobile .agenda-hero .hero-date-ticket,
body[data-agenda-branch] .preview-stage.is-mobile .agenda-hero .hero-date-ticket {
  top: 55cqw;
  left: 46cqw;
  width: 50cqw;
  height: 13cqw;
}
body[data-agenda-branch] .agenda.is-responsive-mobile .agenda-hero .hero-leaf-medium,
body[data-agenda-branch] .preview-stage.is-mobile .agenda-hero .hero-leaf-medium {
  top: 52cqw;
  left: 6cqw;
  width: 24cqw;
  height: 18cqw;
}
body[data-agenda-branch] .agenda.is-responsive-mobile .agenda-hero .hero-leaf-small,
body[data-agenda-branch] .preview-stage.is-mobile .agenda-hero .hero-leaf-small {
  top: 70cqw;
  left: 80cqw;
  width: 16cqw;
  height: 12cqw;
}
body[data-agenda-branch] .agenda.is-responsive-mobile .agenda-hero .hero-partnership,
body[data-agenda-branch] .preview-stage.is-mobile .agenda-hero .hero-partnership {
  top: 76cqw;
  left: 7cqw;
  width: 38cqw;
  min-height: 11cqw;
  gap: 2cqw;
  transform: none;
}

/* Figma mobile frame — node 38:32321 (649px master). */
.agenda.is-responsive-mobile,
.preview-stage.is-mobile .agenda.is-responsive-mobile {
  display: flex;
  flex-direction: column;
}
.agenda.is-responsive-mobile > .agenda-section,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-section {
  order: 10;
}
.agenda.is-responsive-mobile > .agenda-hero,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-hero {
  order: 1;
  height: auto;
  min-height: 0;
  aspect-ratio: 649 / 752;
}
.agenda.is-responsive-mobile > .agenda-cover-stars-section,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-cover-stars-section {
  order: 2;
}
.agenda.is-responsive-mobile > .agenda-intro-section,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-intro-section {
  display: none;
}
.agenda.is-responsive-mobile > .agenda-summary-section,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-summary-section {
  order: 4;
}
.agenda.is-responsive-mobile > .agenda-round-figma,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-round-figma {
  order: 5;
}
.agenda.is-responsive-mobile > .agenda-summary-section + .agenda-panel,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-summary-section + .agenda-panel {
  order: 6;
}

body[data-agenda-branch] .agenda.is-responsive-mobile .agenda-hero .hero-brand-logo,
body[data-agenda-branch] .preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-brand-logo {
  top: 40.03cqw;
  left: 8.937cqw;
  width: 52.387cqw;
  height: 11.549cqw;
}
body[data-agenda-branch] .agenda.is-responsive-mobile .agenda-hero .hero-event-name,
body[data-agenda-branch] .preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-event-name {
  top: 56.3cqw;
  left: 8.937cqw;
  display: flex;
  width: auto;
  height: auto;
  align-items: center;
  gap: .391cqw;
  flex-direction: row;
}
.agenda.is-responsive-mobile .agenda-hero .hero-title,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-title {
  width: auto;
  min-width: 0;
  color: var(--branch-mid);
  font-size: 8.75cqw;
  letter-spacing: -.7cqw;
}
body[data-agenda-branch="cmo"] .agenda.is-responsive-mobile .agenda-hero .hero-title,
body[data-agenda-branch="cmo"] .preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-title {
  letter-spacing: .8cqw;
}
body[data-agenda-branch] .agenda.is-responsive-mobile .agenda-hero .hero-city,
body[data-agenda-branch] .preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-city {
  top: 0;
  margin: 1.8cqw 0 0;
  font-size: 9.811cqw;
}
body[data-agenda-branch] .agenda.is-responsive-mobile .agenda-hero .hero-city::after,
body[data-agenda-branch] .preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-city::after {
  top: 13.697cqw;
  left: 3.567cqw;
  width: 37.295cqw;
  height: 2.263cqw;
}
body[data-agenda-branch] .agenda.is-responsive-mobile .agenda-hero .hero-date-ticket,
body[data-agenda-branch] .preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-date-ticket {
  top: 15cqw;
  left: 42.324cqw;
  width: 47.754cqw;
  height: 12.387cqw;
  aspect-ratio: auto;
  border-radius: 1.63cqw;
  background: #263238;
  box-shadow: 0 .652cqw .326cqw rgba(0,0,0,.25);
}
.agenda.is-responsive-mobile .agenda-hero .hero-date-copy,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-date-copy {
  top: 50%;
  right: 31%;
  bottom: auto;
  left: 4.38%;
  width: auto;
  height: auto;
  transform: translateY(-50%);
}
.agenda.is-responsive-mobile .agenda-hero .hero-date-weekday,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-date-weekday {
  font-size: 2.406cqw;
}
.agenda.is-responsive-mobile .agenda-hero .hero-date-copy strong,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-date-copy strong {
  gap: .62cqw;
  margin-top: .12cqw;
  font-size: 2.406cqw;
}
.agenda.is-responsive-mobile .agenda-hero .hero-date-copy small,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-date-copy small {
  margin-top: .12cqw;
  font-size: 1.654cqw;
}
body[data-agenda-branch] .agenda.is-responsive-mobile .agenda-hero .hero-leaf-medium,
body[data-agenda-branch] .preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-leaf-medium {
  top: 11.45cqw;
  left: 19.2cqw;
  width: 15.094cqw;
  height: 15.094cqw;
}
body[data-agenda-branch] .agenda.is-responsive-mobile .agenda-hero .hero-leaf-small,
body[data-agenda-branch] .preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-leaf-small {
  top: 17.45cqw;
  left: 8.937cqw;
  width: 10.167cqw;
  height: 10.167cqw;
}
body[data-agenda-branch] .agenda.is-responsive-mobile .agenda-hero .hero-partnership,
body[data-agenda-branch] .preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-partnership {
  top: 78.29cqw;
  left: 8.937cqw;
  display: grid;
  width: 82.289cqw;
  min-height: 30.354cqw;
  grid-template-columns: repeat(3, 25.244cqw);
  grid-template-rows: 3.544cqw 11.579cqw 11.579cqw;
  gap: 3.036cqw 2.181cqw;
  transform: none;
}
.agenda.is-responsive-mobile .agenda-hero .hero-partnership span,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-partnership span {
  grid-column: 1 / -1;
  font-size: 2.269cqw;
  letter-spacing: -.091cqw;
}
.agenda.is-responsive-mobile .agenda-hero .hero-partnership img,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-hero .hero-partnership img {
  width: 25.244cqw;
  height: 11.579cqw;
  background: #f3f3f3;
}

.agenda.is-responsive-mobile > .agenda-cover-stars-section,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-cover-stars-section {
  min-height: 0;
  aspect-ratio: 649 / 615;
  background: var(--branch-pale);
}
.agenda.is-responsive-mobile .agenda-cover-stars-section::before,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-cover-stars-section::before {
  top: 5.239cqw;
  left: 0;
  width: 100%;
  height: 85.516cqw;
  background: transparent url("./assets/figma-v4-mobile-cover-wave.svg") center / 100% 100% no-repeat;
  -webkit-mask: none;
  mask: none;
  transform: none;
}
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-stars,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-stars {
  position: absolute;
  top: 0;
  left: 2.774cqw;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;
  width: 94.554cqw;
  height: 82.336cqw;
  margin: 0;
  gap: 2.928cqw 1.079cqw;
  transform: none;
}
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-star,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-star {
  flex: 0 0 22.829cqw;
  width: 22.829cqw;
  height: 39.704cqw;
}
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-star:nth-child(1),
.preview-stage.is-mobile .agenda-cover-stars-section .hero-cover-star:nth-child(1) { transform: rotate(-1.57deg); }
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-star:nth-child(2),
.preview-stage.is-mobile .agenda-cover-stars-section .hero-cover-star:nth-child(2) { transform: rotate(4.2deg); }
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-star:nth-child(3),
.preview-stage.is-mobile .agenda-cover-stars-section .hero-cover-star:nth-child(3) { transform: rotate(.61deg); }
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-star:nth-child(4),
.preview-stage.is-mobile .agenda-cover-stars-section .hero-cover-star:nth-child(4) { transform: rotate(-2deg); }
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-star:nth-child(5),
.preview-stage.is-mobile .agenda-cover-stars-section .hero-cover-star:nth-child(5) { transform: rotate(1.8deg); }
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-star:nth-child(6),
.preview-stage.is-mobile .agenda-cover-stars-section .hero-cover-star:nth-child(6) { transform: rotate(2.53deg); }
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-star:nth-child(7),
.preview-stage.is-mobile .agenda-cover-stars-section .hero-cover-star:nth-child(7) { transform: rotate(-.9deg); }
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-star:nth-child(8),
.preview-stage.is-mobile .agenda-cover-stars-section .hero-cover-star:nth-child(8) { transform: rotate(3.22deg); }
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-polaroid,
.preview-stage.is-mobile .agenda-cover-stars-section .hero-cover-polaroid {
  width: 100%;
  height: 27.692cqw;
}
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-photo,
.preview-stage.is-mobile .agenda-cover-stars-section .hero-cover-photo {
  top: .887cqw;
  width: 20.394cqw;
  height: 25.921cqw;
}
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-photo-window,
.preview-stage.is-mobile .agenda-cover-stars-section .hero-cover-photo-window {
  top: 9.39%;
  right: 6.59%;
  bottom: 9.39%;
  left: 6.59%;
}
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-meta strong,
.preview-stage.is-mobile .agenda-cover-stars-section .hero-cover-meta strong {
  width: 16.837cqw;
  height: 4.989cqw;
  min-height: 4.989cqw;
  padding: .624cqw;
  border-radius: 0;
  font-size: 1.904cqw;
}
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-meta > span,
.preview-stage.is-mobile .agenda-cover-stars-section .hero-cover-meta > span {
  top: 22.046cqw;
  right: .106cqw;
  width: 13.407cqw;
  height: 5.7cqw;
  min-height: 5.7cqw;
  padding: 1.208cqw .806cqw;
  border-radius: 0;
  font-size: 1.094cqw;
}
.agenda.is-responsive-mobile .agenda-cover-stars-section .hero-cover-company,
.preview-stage.is-mobile .agenda-cover-stars-section .hero-cover-company {
  top: 29.464cqw;
  width: 20.658cqw;
  height: 9.305cqw;
}

.agenda.is-responsive-mobile > .agenda-summary-section,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-summary-section {
  min-height: 0;
  aspect-ratio: 649 / 615;
  padding: 0;
  background: var(--branch-pale);
}
.agenda.is-responsive-mobile .agenda-summary-section::after,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-summary-section::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 82.512cqw;
  right: 0;
  bottom: auto;
  left: 0;
  display: block;
  height: 12.404cqw;
  background: transparent url("./assets/figma-v4-mobile-summary-wave.svg") center / 100% 100% no-repeat;
  mix-blend-mode: normal;
  opacity: 1;
}
.agenda.is-responsive-mobile .agenda-summary-section .summary-metrics,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-summary-section .summary-metrics {
  position: absolute;
  top: 1.54cqw;
  left: 4.083cqw;
  display: grid;
  width: 91.834cqw;
  height: 89.522cqw;
  grid-template: repeat(2, 41.472cqw) / repeat(2, 39.207cqw);
  gap: 2.003cqw 2.123cqw;
  align-content: center;
  justify-content: center;
}
.agenda.is-responsive-mobile .agenda-summary-section .summary-metric,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-summary-section .summary-metric {
  width: 39.207cqw;
  height: 41.472cqw;
  justify-content: center;
}
.agenda.is-responsive-mobile .agenda-summary-section .summary-metric-time,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-summary-section .summary-metric-time { order: 3; }
.agenda.is-responsive-mobile .agenda-summary-section .summary-metric:nth-child(2),
.preview-stage.is-mobile .agenda-summary-section .summary-metric:nth-child(2) { order: 1; }
.agenda.is-responsive-mobile .agenda-summary-section .summary-metric:nth-child(3),
.preview-stage.is-mobile .agenda-summary-section .summary-metric:nth-child(3) { order: 2; }
.agenda.is-responsive-mobile .agenda-summary-section .summary-metric:nth-child(4),
.preview-stage.is-mobile .agenda-summary-section .summary-metric:nth-child(4) {
  order: 4;
  grid-column: auto;
}
.agenda.is-responsive-mobile .agenda-summary-section .summary-metric > img,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-summary-section .summary-metric > img {
  width: 18.757cqw;
  height: 18.757cqw;
}
body[data-agenda-branch="cmo"] .agenda.is-responsive-mobile .agenda-summary-section .summary-metric-time > img {
  content: url("./assets/figma-v4-mobile-metric-time.svg");
}
body[data-agenda-branch="cmo"] .agenda.is-responsive-mobile .agenda-summary-section .summary-metric:nth-child(2) > img {
  content: url("./assets/figma-v4-mobile-metric-panels.svg");
  padding: 1.8cqw;
  border-radius: 2.93cqw;
  background: #fafafa;
  box-shadow: inset 0 0 1.1cqw rgba(83, 212, 147, .24);
}
body[data-agenda-branch="cmo"] .agenda.is-responsive-mobile .agenda-summary-section .summary-metric:nth-child(3) > img {
  content: url("./assets/figma-v4-mobile-metric-rounds.svg");
}
body[data-agenda-branch="cmo"] .agenda.is-responsive-mobile .agenda-summary-section .summary-metric:nth-child(4) > img {
  content: url("./assets/figma-v4-mobile-metric-community.svg");
}
.agenda.is-responsive-mobile .agenda-summary-section .summary-metric h3,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-summary-section .summary-metric h3,
body[data-agenda-branch="hr"] .agenda.is-responsive-mobile .agenda-summary-section .summary-audience-title,
body[data-agenda-branch="legal"] .agenda.is-responsive-mobile .agenda-summary-section .summary-audience-title {
  width: 100%;
  margin: 3.14cqw 0 2.93cqw;
  font-size: 5.089cqw;
  letter-spacing: -.204cqw;
}
.agenda.is-responsive-mobile .agenda-summary-section .summary-metric p,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-summary-section .summary-metric p {
  width: 24.864cqw;
  font-size: 1.744cqw;
  line-height: 1;
  letter-spacing: 0;
}
.agenda.is-responsive-mobile .agenda-summary-section .summary-contact,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-summary-section .summary-contact {
  display: none;
}

.agenda.is-responsive-mobile > .agenda-round-figma,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-round-figma {
  min-height: 0;
  aspect-ratio: 649 / 615;
  background: #fafafa;
}
.agenda.is-responsive-mobile .agenda-round-figma::before,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-round-figma::before {
  display: none;
}
.agenda.is-responsive-mobile .agenda-round-figma .round-figma-heading,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-round-figma .round-figma-heading {
  top: 5.547cqw;
  left: 3.544cqw;
  width: 62.945cqw;
  height: 15.857cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .round-figma-heading h2,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-round-figma .round-figma-heading h2 {
  font-size: 6.57cqw;
  letter-spacing: -.329cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .round-figma-heading h2::before,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-round-figma .round-figma-heading h2::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 15.27%;
  left: 46.73%;
  width: 19.42%;
  height: 19.08%;
  background: var(--branch-pale);
}
.agenda.is-responsive-mobile .agenda-round-figma .round-figma-heading h2::after,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-round-figma .round-figma-heading h2::after {
  top: 12.58cqw;
  left: 0;
  width: 26.2cqw;
  height: 3.21cqw;
  background: var(--branch-mid);
  -webkit-mask: url("./assets/figma-v4-mobile-round-underline.svg") center / 100% 100% no-repeat;
  mask: url("./assets/figma-v4-mobile-round-underline.svg") center / 100% 100% no-repeat;
}
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-grid,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-round-figma .workgroup-grid {
  display: none;
}

/* EventFlow owns the contact details once an agenda is assigned. */
.eventflow-owner-value {
  display: flex;
  min-height: 52px;
  padding: 10px 12px;
  border: 1px solid #dedbe4;
  border-radius: 10px;
  justify-content: center;
  flex-direction: column;
  gap: 2px;
  background: #f7f5fa;
  color: #302f35;
}
.eventflow-owner-value strong {
  font-weight: 500;
}
.eventflow-owner-value span {
  color: #706c79;
  font-size: 12px;
}
.agenda-summary-section .summary-contact .summary-contact-link {
  display: inline-flex;
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: .06em;
  text-underline-offset: .14em;
}
.agenda-summary-section .summary-contact .summary-contact-link:focus-visible {
  border-radius: .25em;
  outline: .12em solid currentColor;
  outline-offset: .16em;
}

/* Frame 23 includes a second, colour-backed workgroup section. */
.agenda > .agenda-round-figma-secondary {
  --figma-card-bg: #fafafa;
  background: var(--branch-pale);
}
.agenda-round-figma-secondary::before {
  background: #fafafa;
}
.agenda-round-figma-secondary .workgroup-grid::after {
  background: #fafafa;
}

/* Frame 151: remove the unused sponsorship area and keep the card groups
   independent so they can reflow cleanly at the 750px breakpoint. */
.agenda.is-responsive-mobile > .agenda-hero.has-no-sponsors,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-hero.has-no-sponsors {
  aspect-ratio: 649 / 530;
}
.agenda.is-responsive-mobile > .agenda-summary-section,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-summary-section {
  aspect-ratio: 649 / 686;
}
.agenda.is-responsive-mobile .agenda-summary-section::after,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-summary-section::after {
  top: auto;
  bottom: 0;
}
.agenda.is-responsive-mobile > .agenda-round-figma,
.preview-stage.is-mobile .agenda.is-responsive-mobile > .agenda-round-figma {
  aspect-ratio: 649 / 1370;
}
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-grid,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-round-figma .workgroup-grid {
  position: absolute;
  top: 28.5cqw;
  right: auto;
  bottom: auto;
  left: 0;
  display: grid;
  width: 100%;
  height: auto;
  grid-template-columns: repeat(2, 47.47cqw);
  grid-auto-rows: 55.8cqw;
  column-gap: 4.55cqw;
  row-gap: 2.15cqw;
  justify-content: center;
}
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-grid::before,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-round-figma .workgroup-grid::before,
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-grid::after,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-round-figma .workgroup-grid::after {
  display: none;
}
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-card,
.preview-stage.is-mobile .agenda.is-responsive-mobile .agenda-round-figma .workgroup-card {
  position: relative;
  inset: auto;
  width: 47.47cqw;
  height: 55.8cqw;
  transform-origin: center;
}
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-card:nth-child(1),
.preview-stage.is-mobile .agenda-round-figma .workgroup-card:nth-child(1) { transform: rotate(-.58deg); }
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-card:nth-child(2),
.preview-stage.is-mobile .agenda-round-figma .workgroup-card:nth-child(2) { transform: rotate(2.22deg); }
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-card:nth-child(3),
.preview-stage.is-mobile .agenda-round-figma .workgroup-card:nth-child(3) { transform: rotate(-3.42deg); }
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-card:nth-child(4),
.preview-stage.is-mobile .agenda-round-figma .workgroup-card:nth-child(4) { transform: rotate(-.58deg); }
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-card:nth-child(5),
.preview-stage.is-mobile .agenda-round-figma .workgroup-card:nth-child(5) { transform: rotate(-3.46deg); }
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-card:nth-child(6),
.preview-stage.is-mobile .agenda-round-figma .workgroup-card:nth-child(6) { transform: rotate(3.85deg); }
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-card::before,
.preview-stage.is-mobile .agenda-round-figma .workgroup-card::before {
  top: 0;
  left: 1.79cqw;
  font-size: 2.48cqw;
  letter-spacing: -.124cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-card::after,
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-icon,
.preview-stage.is-mobile .agenda-round-figma .workgroup-card::after,
.preview-stage.is-mobile .agenda-round-figma .workgroup-icon {
  top: 2.4cqw;
  left: 29.57cqw;
  width: 17.91cqw;
  height: 17.91cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-copy,
.preview-stage.is-mobile .agenda-round-figma .workgroup-copy {
  top: 7.3cqw;
  left: 0;
  width: 43.93cqw;
  height: 48.5cqw;
  padding: 3.38cqw;
  border-radius: 1.18cqw;
  box-shadow: 0 .84cqw .84cqw rgba(0,0,0,.2);
}
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-copy h3,
.preview-stage.is-mobile .agenda-round-figma .workgroup-copy h3 {
  width: 24.16cqw;
  min-height: 10.14cqw;
  font-size: 2.48cqw;
  letter-spacing: -.124cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-copy p,
.preview-stage.is-mobile .agenda-round-figma .workgroup-copy p {
  width: 37.15cqw;
  margin-top: 1.35cqw;
  font-size: 1.67cqw;
  letter-spacing: -.084cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .workgroup-host,
.preview-stage.is-mobile .agenda-round-figma .workgroup-host {
  top: 33.83cqw;
  left: 3.38cqw;
  width: 37.18cqw;
  height: 17.65cqw;
  grid-template: 8.16cqw 8.16cqw / 17.65cqw 17.65cqw;
  gap: .675cqw 1.874cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .host-avatar,
.preview-stage.is-mobile .agenda-round-figma .host-avatar {
  width: 17.65cqw;
  height: 17cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .host-logo-slot,
.agenda.is-responsive-mobile .agenda-round-figma .host-meta,
.preview-stage.is-mobile .agenda-round-figma .host-logo-slot,
.preview-stage.is-mobile .agenda-round-figma .host-meta {
  width: 17.65cqw;
  height: 8.16cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .host-meta,
.preview-stage.is-mobile .agenda-round-figma .host-meta {
  padding: .82cqw 1.09cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .host-meta strong,
.preview-stage.is-mobile .agenda-round-figma .host-meta strong {
  font-size: 1.46cqw;
}
.agenda.is-responsive-mobile .agenda-round-figma .host-meta > span,
.preview-stage.is-mobile .agenda-round-figma .host-meta > span {
  font-size: .91cqw;
}

/* Agenda redesign — Figma Desktop, node 28:3494 (29 July 2026).
   The editor remains unchanged; every rule below is scoped to the generated agenda. */
.agenda.agenda-v5 {
  --v5-paper: #fafafa;
  --v5-ink: #263238;
  --v5-pale: #aaf0ce;
  --v5-accent: #55d294;
  --v5-card-blue: #1e80f3;
  --v5-card-purple: #b191ff;
  --v5-card-pink: #f17fb2;
  --v5-card-orange: #ffa23d;
  --v5-card-yellow: #fed23f;
  --v5-body-copy-size: 1.08cqw;
  --v5-body-copy-line-height: 1.16;
  --v5-person-name-size: 7cqi;
  --v5-person-role-size: 4.85cqi;
  display: block;
  container-type: inline-size;
  container-name: agenda-layout;
  overflow: hidden;
  background: var(--v5-paper);
  color: var(--v5-ink);
  font-family: "Poppins", sans-serif;
}
body[data-agenda-branch="cfo"] .agenda.agenda-v5 { --v5-pale: #dbc4ff; --v5-accent: #a68af2; }
body[data-agenda-branch="cmo"] .agenda.agenda-v5 { --v5-pale: #aaf0ce; --v5-accent: #55d294; }
body[data-agenda-branch="hr"] .agenda.agenda-v5 { --v5-pale: #ffd5a8; --v5-accent: #ffa23d; }
body[data-agenda-branch="legal"] .agenda.agenda-v5 { --v5-pale: #94def0; --v5-accent: #1e80f3; }

.agenda.agenda-v5 > .agenda-section {
  position: relative;
  order: initial;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}
.agenda.agenda-v5 > .agenda-section::before,
.agenda.agenda-v5 > .agenda-section::after {
  display: none;
}
.agenda.agenda-v5 .v5-image-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  background:
    linear-gradient(145deg, rgba(255,255,255,.74), rgba(243,243,243,.7)),
    url("./assets/figma-paper-texture.svg") center / cover;
}

/* Cover */
.agenda.agenda-v5 > .agenda-hero {
  aspect-ratio: 1445 / 520;
  display: block;
  background:
    linear-gradient(rgba(170,240,206,.88), rgba(170,240,206,.88)),
    url("./assets/figma-paper-texture.svg") center / cover;
  color: var(--v5-ink);
}
body:not([data-agenda-branch="cmo"]) .agenda.agenda-v5 > .agenda-hero {
  background:
    linear-gradient(color-mix(in srgb, var(--v5-pale) 90%, white), color-mix(in srgb, var(--v5-pale) 90%, white)),
    url("./assets/figma-paper-texture.svg") center / cover;
}
.agenda.agenda-v5 .agenda-hero .hero-top {
  position: absolute;
  inset: 0;
  display: block;
  padding: 0;
}
.agenda.agenda-v5 .agenda-hero .hero-brand-logo {
  position: absolute;
  top: 6.92cqw;
  left: 5.61cqw;
  display: block;
  width: 23.53cqw;
  height: auto;
  margin: 0;
  filter: none;
  transform: none;
}
.agenda.agenda-v5 .hero-flower-cluster {
  position: absolute;
  top: 6.92cqw;
  left: 40.35cqw;
  width: 23.74cqw;
  height: 19.5cqw;
}
.agenda.agenda-v5 .hero-flower-cluster span {
  position: absolute;
  display: block;
  aspect-ratio: 1;
  background: var(--v5-accent);
  -webkit-mask: url("./assets/figma-v5-flower.svg") center / contain no-repeat;
  mask: url("./assets/figma-v5-flower.svg") center / contain no-repeat;
}
.agenda.agenda-v5 .hero-flower-cluster span:first-child {
  top: .7cqw;
  left: -1.25cqw;
  width: 11.8cqw;
  transform: rotate(18deg);
}
.agenda.agenda-v5 .hero-flower-cluster span:last-child {
  top: 8.8cqw;
  right: 1.54cqw;
  bottom: auto;
  width: 7.1cqw;
  opacity: .72;
  transform: rotate(-34deg);
}
.agenda.agenda-v5 .hero-date-card-v5 {
  position: absolute;
  top: 13.07cqw;
  right: 5.61cqw;
  display: grid;
  width: 25.93cqw;
  padding: .76cqw .9cqw;
  grid-template-columns: 5.77cqw 16.49cqw;
  align-items: center;
  justify-content: space-between;
  border-radius: .42cqw;
}
.agenda.agenda-v5 .hero-date-icon-v5 {
  display: block;
  width: 5.77cqw;
  aspect-ratio: 1;
  background: var(--v5-ink);
  -webkit-mask: url("./assets/figma-v5-date-icon.svg") center / 5.25cqw auto no-repeat;
  mask: url("./assets/figma-v5-date-icon.svg") center / 5.25cqw auto no-repeat;
}
.agenda.agenda-v5 .hero-date-copy-v5 {
  display: grid;
  width: 16.49cqw;
  min-width: 0;
  gap: .07cqw;
  color: var(--v5-ink);
  font-family: "Fira Code", monospace;
  text-transform: uppercase;
}
.agenda.agenda-v5 .hero-date-copy-v5 strong,
.agenda.agenda-v5 .hero-date-copy-v5 b {
  overflow: hidden;
  font-size: 1.359cqw;
  font-weight: 700;
  line-height: 1.29;
  letter-spacing: -.045em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.agenda.agenda-v5 .hero-date-copy-v5 small {
  overflow: hidden;
  font-size: .935cqw;
  font-weight: 450;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.agenda.agenda-v5 .hero-mobile-event-title {
  position: absolute;
  top: 14.19cqw;
  left: 5.61cqw;
  display: flex;
  /* Long Legal city names need the full left-hand title lane. This stops just
     before the flower cluster while keeping Leeds/York completely visible. */
  width: 33.5cqw;
  align-items: center;
  gap: .48cqw;
  overflow: hidden;
  color: var(--v5-accent);
  font-size: 4.303cqw;
  line-height: .959;
  letter-spacing: -.09em;
  white-space: nowrap;
}
.agenda.agenda-v5 .hero-mobile-event-title strong {
  font-weight: 600;
}
.agenda.agenda-v5 .hero-mobile-event-title span {
  font-weight: 200;
}
.agenda.agenda-v5 .hero-sponsors {
  position: absolute;
  top: 26.7cqw;
  left: 5.61cqw;
  display: flex;
  width: 65.53cqw;
  height: 5.6cqw;
  align-items: center;
  gap: .12cqw;
}
.agenda.agenda-v5 .hero-sponsors > span {
  width: 10.99cqw;
  flex: 0 0 10.99cqw;
  color: #414042;
  font: 400 .91cqw/.959 "Fira Code", monospace;
  letter-spacing: -.04em;
  text-transform: uppercase;
  white-space: nowrap;
}
.agenda.agenda-v5 .hero-sponsors > div {
  display: flex;
  height: 5.6cqw;
  align-items: center;
  gap: 1.12cqw;
}
.agenda.agenda-v5 .hero-sponsors i {
  display: grid;
  width: 7.93cqw;
  height: 4.2cqw;
  flex: 0 0 7.93cqw;
  place-items: center;
  overflow: visible;
  background: transparent;
  transform: skewX(.51deg);
}
.agenda.agenda-v5 .hero-sponsors img {
  display: block;
  width: 78%;
  height: 72%;
  object-fit: contain;
  object-position: center;
  transform: skewX(-.51deg);
}

.agenda.agenda-v5 > .agenda-cover-stars-section {
  aspect-ratio: 1445 / 391;
  display: block;
  overflow: visible;
  background:
    linear-gradient(to bottom, var(--v5-pale) 0 37%, transparent 37%),
    var(--v5-paper);
}
.agenda.agenda-v5 > .agenda-cover-stars-section::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 6.5cqw 0 0;
  display: block;
  background: var(--v5-paper);
  -webkit-mask: url("./assets/figma-v5-cover-wave.svg") center top / 100% 16.67cqw no-repeat;
  mask: url("./assets/figma-v5-cover-wave.svg") center top / 100% 16.67cqw no-repeat;
}
.agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-stars {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 1.26cqw;
  display: grid;
  width: 97.48cqw;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 1.39cqw;
  margin: 0;
  transform: none;
}
.agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-star {
  position: relative;
  display: flex;
  width: auto;
  min-width: 0;
  height: auto;
  padding: 0 2.197%;
  flex-direction: column;
  gap: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  container-type: inline-size;
  filter: drop-shadow(0 .241cqw .121cqw rgba(0,0,0,.25));
  transform: none;
}
.agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-polaroid {
  position: relative;
  display: contents;
  width: auto;
}
.agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-photo {
  position: relative;
  display: block;
  width: 100%;
  height: 101.338cqi;
  aspect-ratio: auto;
  overflow: hidden;
  border: 0;
  border-radius: 4cqi 4cqi 0 0;
  background: var(--v5-paper);
  box-shadow: inset 0 .519cqi 1.193cqi rgba(0,0,0,.25);
}
.agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-photo > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-meta {
  position: relative;
  z-index: 3;
  inset: auto;
  display: grid;
  width: 100%;
  height: 24.258cqi;
  min-height: 0;
  padding: 4.02cqi;
  grid-template-columns: minmax(0, 1fr) 42cqi;
  align-items: center;
  justify-content: space-between;
  gap: 4cqi;
  border-radius: 1.406cqi;
  background: #414042;
  color: var(--v5-paper);
  box-shadow: inset 0 .312cqi .717cqi rgba(0,0,0,.25);
  transform: none;
}
.agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-meta strong {
  position: static;
  display: grid;
  width: auto;
  min-width: 0;
  max-width: none;
  height: 16.217cqi;
  min-height: 16.217cqi;
  padding: 0;
  overflow: visible;
  gap: 1.723cqi;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  filter: none;
  font: 400 var(--v5-person-name-size)/1.09 "Poppins", sans-serif;
  letter-spacing: -.04em;
  text-transform: uppercase;
  transform: none;
}
.agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-meta strong > span {
  display: block;
  height: 7.247cqi;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  filter: none;
  text-overflow: ellipsis;
  transform: none;
  white-space: nowrap;
}
.agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-meta > span {
  position: static;
  display: block;
  width: 42cqi;
  height: 15.402cqi;
  min-height: 15.402cqi;
  padding: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-self: end;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  filter: none;
  font: 300 var(--v5-person-role-size)/1.09 "Poppins", sans-serif;
  letter-spacing: .02em;
  text-align: left;
  text-overflow: clip;
  text-transform: uppercase;
  overflow-wrap: break-word;
  word-break: normal;
  transform: none;
}
.agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-company {
  position: relative;
  inset: auto;
  width: 100%;
  /* Figma 68:234 — 105px logo slot on a 151.855px-wide card. */
  height: auto;
  margin: 0;
  overflow: hidden;
  display: grid;
  place-items: center;
  border-radius: 4cqi;
  background: var(--logo-surface, #fff);
  box-shadow: inset 0 .432cqi .993cqi rgba(0,0,0,.25);
  aspect-ratio: 151.855 / 105;
  transform: none;
}
.agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-logo {
  display: block;
  width: 80%;
  max-width: none;
  height: 60%;
  max-height: none;
  margin: auto;
  padding: 0;
  object-fit: scale-down;
  object-position: center center;
}

/* Event explanation and summary */
.agenda.agenda-v5 > .agenda-intro-section {
  aspect-ratio: 1445 / 540;
  display: grid;
  grid-template-columns: 1.42fr .9fr;
  align-items: center;
  gap: 5.1cqw;
  padding: 5.4cqw 8.6cqw 3.2cqw 11.5cqw;
  background:
    linear-gradient(rgba(250,250,250,.88), rgba(250,250,250,.88)),
    url("./assets/figma-paper-texture.svg") center / cover;
}
.agenda.agenda-v5 .agenda-intro-section .intro-media-wrap {
  position: relative;
  z-index: 1;
  min-width: 0;
  inset: auto;
  width: auto;
  height: auto;
}
.agenda.agenda-v5 .agenda-intro-section .intro-media-wrap::before {
  display: none;
}
.agenda.agenda-v5 .agenda-intro-section .intro-media-frame {
  position: relative;
  z-index: 2;
  inset: auto;
  width: auto;
  height: auto;
  padding: 1.05cqw;
  background: var(--v5-ink);
  box-shadow: 0 .9cqw 1.1cqw rgba(0,0,0,.22);
  transform: rotate(3.9deg);
}
.agenda.agenda-v5 .agenda-intro-section .intro-media {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: .35cqw;
  background: #333a3d;
}
.agenda.agenda-v5 .agenda-intro-section .intro-crosses {
  position: absolute;
  z-index: 1;
  top: -4.3cqw;
  left: -6.7cqw;
  width: 13cqw;
  aspect-ratio: 1;
  background: color-mix(in srgb, var(--v5-pale) 70%, white);
  -webkit-mask: url("./assets/figma-v5-intro-crosses.svg") center / contain no-repeat;
  mask: url("./assets/figma-v5-intro-crosses.svg") center / contain no-repeat;
}
.agenda.agenda-v5 .agenda-intro-section .intro-leaf {
  position: absolute;
  z-index: 4;
  display: block;
  aspect-ratio: 1;
  background: var(--v5-accent);
  -webkit-mask: url("./assets/figma-v5-flower.svg") center / contain no-repeat;
  mask: url("./assets/figma-v5-flower.svg") center / contain no-repeat;
}
.agenda.agenda-v5 .agenda-intro-section .intro-leaf-large {
  top: -2.5cqw;
  right: -1cqw;
  bottom: auto;
  left: auto;
  width: 7.7cqw;
  height: auto;
  transform: rotate(9deg);
}
.agenda.agenda-v5 .agenda-intro-section .intro-leaf-small {
  top: auto;
  right: auto;
  bottom: -3.3cqw;
  left: -3.6cqw;
  width: 5.5cqw;
  height: auto;
  transform: rotate(37deg);
}
.agenda.agenda-v5 .agenda-intro-section .intro-copy {
  position: relative;
  z-index: 2;
  inset: auto;
  align-self: center;
  display: block;
  width: auto;
  min-width: 0;
}
.agenda.agenda-v5 .agenda-intro-section .intro-copy h2 {
  position: relative;
  inset: auto;
  width: auto;
  margin: 0;
  color: var(--v5-ink);
  font: 600 3.67cqw/.96 "Poppins", sans-serif;
  letter-spacing: -.05em;
  text-wrap: balance;
}
.agenda.agenda-v5 .agenda-intro-section .intro-copy h2::before,
.agenda.agenda-v5 .agenda-intro-section .intro-copy h2::after,
.agenda.agenda-v5 .agenda-intro-section .intro-copy::before,
.agenda.agenda-v5 .agenda-intro-section .intro-copy::after {
  display: none;
}
.agenda.agenda-v5 .agenda-intro-section .intro-copy h2 em {
  font-style: normal;
}
.agenda.agenda-v5 .agenda-intro-section .intro-audience,
.agenda.agenda-v5 .agenda-intro-section .intro-claim {
  position: relative;
  z-index: 1;
  display: inline-block;
}
.agenda.agenda-v5 .agenda-intro-section .intro-audience::after,
.agenda.agenda-v5 .agenda-intro-section .intro-claim::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -.03em;
  bottom: .035em;
  left: -.03em;
  display: block;
  height: .3em;
  background: var(--v5-pale);
  -webkit-mask: none;
  mask: none;
  transform: none;
}
.agenda.agenda-v5 .agenda-intro-section .intro-description {
  position: static;
  inset: auto;
  width: 78%;
  margin: 3.25cqw 0 0;
  color: #414042;
  font: 300 var(--v5-body-copy-size)/var(--v5-body-copy-line-height) "Poppins", sans-serif;
}
.agenda.agenda-v5 .agenda-intro-section .intro-description p {
  margin: 0 0 1.25em;
}

.agenda.agenda-v5 > .agenda-summary-section {
  aspect-ratio: 1445 / 310;
  display: grid;
  grid-template-columns: 51.32cqw 21.59cqw;
  align-items: center;
  justify-content: center;
  gap: 2.28cqw;
  padding: 3.46cqw;
  background:
    linear-gradient(rgba(250,250,250,.9), rgba(250,250,250,.9)),
    url("./assets/figma-paper-texture.svg") center / cover;
}
.agenda.agenda-v5 .agenda-summary-section .summary-metrics {
  position: static;
  display: grid;
  width: auto;
  height: auto;
  grid-template-columns: repeat(4, 11.12cqw);
  gap: 2.28cqw;
}
.agenda.agenda-v5 .agenda-summary-section .summary-metric {
  display: flex;
  width: 11.12cqw;
  height: 14.49cqw;
  padding: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #414042;
  text-align: center;
}
.agenda.agenda-v5 .agenda-summary-section .summary-metric > img {
  display: block;
  width: 6.56cqw;
  height: 6.56cqw;
  object-fit: contain;
}
.agenda.agenda-v5 .agenda-summary-section .summary-metric:nth-child(2) > img {
  border-radius: 1.024cqw;
  background: var(--v5-paper);
  box-shadow: inset 0 .073cqw .351cqw var(--v5-ink);
}
.agenda.agenda-v5 .agenda-summary-section .summary-metric h3 {
  width: auto;
  margin: 1.1cqw 0 1.02cqw;
  color: inherit;
  font: 500 1.78cqw/1 "Poppins", sans-serif;
  letter-spacing: -.04em;
  white-space: nowrap;
}
body[data-agenda-branch="hr"] .agenda.agenda-v5 .agenda-summary-section .summary-audience-title {
  font-size: 1.08cqw;
}
body[data-agenda-branch="legal"] .agenda.agenda-v5 .agenda-summary-section .summary-audience-title {
  font-size: 1.16cqw;
}
.agenda.agenda-v5 .agenda-summary-section .summary-metric p {
  width: 8.69cqw;
  margin: 0;
  color: inherit;
  font: 400 .61cqw/1 "Poppins", sans-serif;
}
.agenda.agenda-v5 .agenda-summary-section .summary-metric:nth-child(2) p {
  width: 7.17cqw;
}
.agenda.agenda-v5 .agenda-summary-section .summary-metric:nth-child(4) p {
  width: 8.84cqw;
}
.agenda.agenda-v5 .agenda-summary-section .summary-contact {
  position: static;
  display: grid;
  width: 21.59cqw;
  grid-template-columns: 4.68cqw minmax(0, 1fr);
  align-items: center;
  gap: .76cqw;
  color: var(--v5-ink);
}
.agenda.agenda-v5 .agenda-summary-section .summary-contact > img {
  display: block;
  width: 4.68cqw;
  height: auto;
}
.agenda.agenda-v5 .agenda-summary-section .summary-contact h2 {
  margin: 0 0 .15cqw;
  font: 600 2.23cqw/.96 "Poppins", sans-serif;
  letter-spacing: -.05em;
}
.agenda.agenda-v5 .agenda-summary-section .summary-contact p {
  margin: 0;
  font: 300 1.59cqw/.96 "Poppins", sans-serif;
  letter-spacing: -.05em;
  white-space: nowrap;
}
.agenda.agenda-v5 .agenda-summary-section .summary-contact .summary-contact-link {
  display: inline;
  color: inherit;
  text-decoration: none;
}
.agenda.agenda-v5 .agenda-summary-section .summary-contact .summary-contact-link:hover {
  text-decoration: underline;
}

/* Panels */
.agenda.agenda-v5 > .agenda-panel {
  min-height: 38.75cqw;
  aspect-ratio: auto;
  display: grid;
  grid-template-columns: 17cqw 29cqw minmax(0, 1fr);
  align-items: center;
  gap: 2cqw;
  padding: 4.6cqw 3.2cqw;
  background:
    linear-gradient(color-mix(in srgb, var(--v5-pale) 90%, white), color-mix(in srgb, var(--v5-pale) 90%, white)),
    url("./assets/figma-paper-texture.svg") center / cover;
  color: var(--v5-ink);
  box-shadow: inset 0 -.22cqw .3cqw rgba(0,0,0,.13);
}
.agenda.agenda-v5 .agenda-panel .panel-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font: 600 3.6cqw/.82 "Poppins", sans-serif;
  letter-spacing: -.07em;
  text-transform: lowercase;
}
.agenda.agenda-v5 .agenda-panel .panel-label span {
  position: relative;
  z-index: 1;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: color-mix(in srgb, var(--v5-accent) 47%, transparent);
  text-decoration-thickness: .58em;
  text-underline-offset: -.31em;
  text-decoration-skip-ink: none;
}
.agenda.agenda-v5 .agenda-panel .panel-label span::after {
  display: none;
}
.agenda.agenda-v5 .agenda-panel .panel-label b {
  font: inherit;
}
.agenda.agenda-v5 .agenda-panel .panel-copy {
  min-width: 0;
}
.agenda.agenda-v5 .agenda-panel .panel-copy h2 {
  margin: 0 0 .75cqw;
  color: inherit;
  font: 500 2.45cqw/1.04 "Poppins", sans-serif;
  letter-spacing: -.05em;
}
.agenda.agenda-v5 .agenda-panel .panel-copy p {
  margin: 0;
  color: inherit;
  font: 300 var(--v5-body-copy-size)/var(--v5-body-copy-line-height) "Poppins", sans-serif;
  letter-spacing: -.04em;
}
.agenda.agenda-v5 .agenda-panel .panel-people {
  display: grid;
  min-width: 0;
  padding: 2.5cqw 0 1.25cqw;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.65cqw;
  align-items: end;
}
.agenda.agenda-v5 .agenda-panel .panel-person {
  position: relative;
  display: flex;
  min-width: 0;
  height: auto;
  padding: 0 2.197%;
  flex-direction: column;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  container-type: inline-size;
  filter: drop-shadow(0 .241cqw .121cqw rgba(0,0,0,.25));
}
.agenda.agenda-v5 .agenda-panel .speaker-photo {
  position: relative;
  display: block;
  width: 100%;
  height: 101.338cqi;
  overflow: hidden;
  border: 0;
  border-radius: 4cqi 4cqi 0 0;
  background: var(--v5-paper);
  box-shadow: inset 0 .519cqi 1.193cqi rgba(0,0,0,.25);
}
.agenda.agenda-v5 .agenda-panel .speaker-photo > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: center;
}
.agenda.agenda-v5 .agenda-panel .panel-person-meta {
  position: relative;
  display: grid;
  height: 24.258cqi;
  min-height: 0;
  padding: 4.02cqi;
  grid-template-columns: minmax(0, 1fr) 42cqi;
  align-items: center;
  justify-content: space-between;
  gap: 4cqi;
  border-radius: 1.406cqi;
  background: #414042;
  color: var(--v5-paper);
  box-shadow: inset 0 .312cqi .717cqi rgba(0,0,0,.25);
}
.agenda.agenda-v5 .agenda-panel .panel-person-meta h3 {
  display: grid;
  min-width: 0;
  margin: 0;
  height: 16.217cqi;
  min-height: 16.217cqi;
  gap: 1.723cqi;
  font: 400 var(--v5-person-name-size)/1.09 "Poppins", sans-serif;
  letter-spacing: -.04em;
  text-transform: uppercase;
}
.agenda.agenda-v5 .agenda-panel .panel-person-meta h3 span {
  height: 7.247cqi;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.agenda.agenda-v5 .agenda-panel .panel-person-meta p {
  display: flex;
  width: 42cqi;
  height: 15.402cqi;
  margin: 0;
  align-items: center;
  justify-self: end;
  overflow: hidden;
  font: 300 var(--v5-person-role-size)/1.09 "Poppins", sans-serif;
  letter-spacing: .02em;
  text-transform: uppercase;
  overflow-wrap: break-word;
  word-break: normal;
}
.agenda.agenda-v5 .agenda-panel .panel-company-logo {
  position: relative;
  display: grid;
  width: 100%;
  height: auto;
  place-items: center;
  overflow: hidden;
  border-radius: 4cqi;
  background: var(--logo-surface, #fff);
  box-shadow: inset 0 .432cqi .993cqi rgba(0,0,0,.25);
  aspect-ratio: 151.855 / 105;
}
.agenda.agenda-v5 .agenda-panel .panel-company-logo img {
  position: relative;
  inset: auto;
  display: block;
  width: 80%;
  max-width: none;
  height: 60%;
  max-height: none;
  margin: auto;
  padding: 0;
  object-fit: scale-down;
  object-position: center center;
}
.agenda.agenda-v5 .agenda-panel .role-chip {
  position: absolute;
  z-index: 3;
  top: -2.2cqw;
  right: 0;
  display: block;
  padding: .32cqw .62cqw;
  border-radius: .35cqw;
  background: var(--v5-ink);
  color: var(--v5-paper);
  font: 500 1.08cqw/1 "Poppins", sans-serif;
  letter-spacing: -.04em;
  text-transform: lowercase;
}

/* Workgroup rounds */
.agenda.agenda-v5 > .agenda-round-figma {
  aspect-ratio: 1690 / 890;
  display: block;
  padding: 3.46cqw;
  background:
    linear-gradient(rgba(250,250,250,.9), rgba(250,250,250,.9)),
    url("./assets/figma-paper-texture.svg") center / cover;
}
.agenda.agenda-v5 .agenda-round-figma .round-figma-heading {
  position: absolute;
  top: 7.684cqw;
  left: 5.813cqw;
  width: 23.529cqw;
  height: auto;
  filter: none;
}
.agenda.agenda-v5 .agenda-round-figma .round-figma-heading h2 {
  margin: 0;
  color: var(--v5-ink);
  font: 600 2.938cqw/.959 "Poppins", sans-serif;
  letter-spacing: -.05em;
}
.agenda.agenda-v5 .agenda-round-figma .round-figma-heading h2::before,
.agenda.agenda-v5 .agenda-round-figma .round-figma-heading h2::after {
  display: none;
}
.agenda.agenda-v5 .agenda-round-figma .round-figma-heading h2 span {
  position: relative;
  z-index: 1;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: color-mix(in srgb, var(--v5-accent) 47%, transparent);
  text-decoration-thickness: .58em;
  text-underline-offset: -.31em;
  text-decoration-skip-ink: none;
}
.agenda.agenda-v5 .agenda-round-figma .round-figma-heading h2 span::after {
  display: none;
}
.agenda.agenda-v5 .agenda-round-figma .round-hand {
  position: absolute;
  z-index: 1;
  top: 7.684cqw;
  right: 5.813cqw;
  display: block;
  width: 5.536cqw;
  height: 9.758cqw;
  object-fit: contain;
}
.agenda.agenda-v5 .agenda-round-figma .workgroup-grid {
  position: absolute;
  top: 18.133cqw;
  right: 50px;
  left: 50px;
  display: grid;
  width: auto;
  height: auto;
  grid-template-columns: repeat(var(--workgroup-count, 5), minmax(0, 1fr));
  justify-content: center;
  gap: 18px;
}
.agenda.agenda-v5 .agenda-round-figma .workgroup-grid::before,
.agenda.agenda-v5 .agenda-round-figma .workgroup-grid::after {
  display: none;
}
.agenda.agenda-v5 .agenda-round-figma .workgroup-card {
  position: relative;
  inset: auto;
  display: flex;
  width: auto;
  height: auto;
  padding: 9.35%;
  flex-direction: column;
  gap: clamp(10px, 1.1cqw, 22px);
  overflow: hidden;
  border: 0;
  border-radius: clamp(10px, .55cqw, 18px);
  background: var(--v5-accent);
  box-shadow: inset 0 .1cqw .23cqw rgba(0,0,0,.25);
  aspect-ratio: 250 / 463;
  container-type: inline-size;
  transition: transform 220ms cubic-bezier(.2,.8,.2,1), box-shadow 220ms ease;
  transform: none;
}
@media (hover: hover) and (pointer: fine) {
  .agenda.agenda-v5 .agenda-round-figma .workgroup-card:hover {
    z-index: 10;
    box-shadow: inset 0 .73cqi 1.67cqi rgba(0,0,0,.2), 0 10px 28px rgba(38,50,56,.24);
    transform: translateY(-8px) scale(1.045);
  }
}
.agenda.agenda-v5 .agenda-round-figma .workgroup-card:nth-child(2) { background: var(--v5-card-blue); }
.agenda.agenda-v5 .agenda-round-figma .workgroup-card:nth-child(3) { background: var(--v5-card-purple); }
.agenda.agenda-v5 .agenda-round-figma .workgroup-card:nth-child(4) { background: var(--v5-card-pink); }
.agenda.agenda-v5 .agenda-round-figma .workgroup-card:nth-child(5) { background: var(--v5-card-orange); }
.agenda.agenda-v5 .agenda-round-figma .workgroup-card:nth-child(6) { background: var(--v5-card-yellow); }
.agenda.agenda-v5 .agenda-round-figma .workgroup-card::before,
.agenda.agenda-v5 .agenda-round-figma .workgroup-card::after {
  display: none;
}
.agenda.agenda-v5 .agenda-round-figma .workgroup-icon {
  position: relative;
  inset: auto;
  display: grid;
  width: 54.35cqi;
  height: 54.35cqi;
  margin: 0;
  flex: 0 0 auto;
  place-items: center;
  overflow: hidden;
  border: 0;
  border-radius: 50%;
  background: var(--v5-paper);
  box-shadow: inset 0 .79cqi 1.83cqi rgba(0,0,0,.25);
}
.agenda.agenda-v5 .agenda-round-figma .workgroup-icon .v5-image-placeholder {
  background: transparent;
}
.agenda.agenda-v5 .agenda-round-figma .workgroup-icon img {
  display: block;
  width: 70%;
  height: 70%;
  object-fit: contain;
  object-position: center;
}
.agenda.agenda-v5 .agenda-round-figma .workgroup-copy {
  position: static;
  display: flex;
  width: auto;
  height: auto;
  min-height: 0;
  padding: 1.4cqi 1.87cqi;
  flex: 1 1 auto;
  flex-direction: column;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--v5-paper);
}
.agenda.agenda-v5 .agenda-round-figma .workgroup-copy h3 {
  width: 100%;
  min-height: 0;
  margin: 0;
  color: inherit;
  font: 700 8.26cqi/1.09 "Poppins", sans-serif;
  letter-spacing: -.04em;
  text-wrap: balance;
  text-transform: uppercase;
}
.agenda.agenda-v5 .agenda-round-figma .workgroup-copy p {
  width: auto;
  margin: 4.19cqi 0 0;
  color: inherit;
  font: 400 4.64cqi/1.09 "Fira Code", monospace;
  letter-spacing: -.04em;
}
.agenda.agenda-v5 .agenda-round-figma .workgroup-host {
  position: relative;
  inset: auto;
  display: grid;
  width: 100%;
  height: 52.84cqi;
  margin-top: 0;
  padding: 4.68cqi;
  flex: 0 0 auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: 40% minmax(0, 1fr);
  gap: 2.5cqi;
  overflow: hidden;
  border: 0;
  border-radius: 5.15cqi;
  background: var(--v5-paper);
}
.agenda.agenda-v5 .agenda-round-figma .workgroup-card:first-child .workgroup-host {
  border-radius: 5.15cqi;
}
.agenda.agenda-v5 .agenda-round-figma .host-avatar {
  position: relative;
  grid-column: 1;
  grid-row: 1 / 3;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 0;
  border-radius: 4cqi;
  background: var(--v5-paper);
  box-shadow: inset 0 2.28cqi 2.28cqi rgba(0,0,0,.2);
}
.agenda.agenda-v5 .agenda-round-figma .host-avatar img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  filter: none;
  object-fit: cover;
  object-position: center;
}
.agenda.agenda-v5 .agenda-round-figma .host-meta {
  grid-column: 2;
  grid-row: 2;
  align-self: stretch;
  display: grid;
  width: 100%;
  height: auto;
  padding: 1.5cqi 3.02cqi;
  align-content: center;
  gap: .6cqi;
  background: transparent;
  color: var(--v5-ink);
}
.agenda.agenda-v5 .agenda-round-figma .host-meta strong {
  display: flex;
  height: auto;
  margin: 0;
  gap: .93cqi;
  color: inherit;
  font: 600 3.74cqi/1.09 "Fira Code", monospace;
  flex-direction: column;
  align-items: flex-start;
  text-transform: uppercase;
}
.agenda.agenda-v5 .agenda-round-figma .host-meta strong > span {
  height: auto;
  margin: 0;
  overflow: hidden;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-transform: inherit;
}
.agenda.agenda-v5 .agenda-round-figma .host-meta > span {
  display: block;
  height: auto;
  min-width: 0;
  margin: 0;
  overflow: visible;
  color: inherit;
  font: 400 3.1cqi/1.12 "Fira Code", monospace;
  letter-spacing: .02em;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}
.agenda.agenda-v5 .agenda-round-figma .host-logo-slot {
  position: relative;
  inset: auto;
  grid-column: 2;
  grid-row: 1;
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  overflow: hidden;
  border-radius: 4cqi;
  background: var(--logo-surface, #fff);
}
.agenda.agenda-v5 .agenda-round-figma .host-logo {
  position: relative;
  inset: auto;
  display: block;
  width: 78%;
  max-width: none;
  height: 76%;
  max-height: none;
  margin: 0;
  filter: none;
  object-fit: contain;
  object-position: center;
}

/* FAQ and footer */
.agenda.agenda-v5 > .agenda-faq {
  aspect-ratio: 1445 / 621;
  display: grid;
  grid-template-columns: 31.5cqw 32.5cqw minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  gap: 0 2.2cqw;
  padding: 5.1cqw 4.5cqw 4.2cqw;
  background:
    linear-gradient(color-mix(in srgb, var(--v5-pale) 86%, white), color-mix(in srgb, var(--v5-pale) 86%, white)),
    url("./assets/figma-paper-texture.svg") center / cover;
  color: #414042;
}
.agenda.agenda-v5 .agenda-faq > h2 {
  grid-column: 1;
  grid-row: 1;
  margin: 0 0 2.3cqw;
  font: 600 9.3cqw/.8 "Poppins", sans-serif;
  letter-spacing: -.06em;
}
.agenda.agenda-v5 .agenda-faq .faq-column {
  display: grid;
  min-width: 0;
  align-content: start;
  gap: 2.1cqw;
}
.agenda.agenda-v5 .agenda-faq .faq-column-a {
  grid-column: 1;
  grid-row: 2;
}
.agenda.agenda-v5 .agenda-faq .faq-column-b {
  grid-column: 2;
  grid-row: 1 / span 2;
  padding-top: 5.8cqw;
}
.agenda.agenda-v5 .agenda-faq article h3 {
  margin: 0 0 1.4cqw;
  font: 600 2.55cqw/1 "Poppins", sans-serif;
  letter-spacing: -.05em;
}
.agenda.agenda-v5 .agenda-faq article p {
  margin: 0 0 1.1cqw;
  font: 300 1.12cqw/1.08 "Poppins", sans-serif;
}
.agenda.agenda-v5 .agenda-faq article a {
  color: inherit;
  text-decoration: none;
}
.agenda.agenda-v5 .agenda-faq article a:hover {
  text-decoration: underline;
}
.agenda.agenda-v5 .agenda-faq .faq-location {
  grid-column: 3;
  grid-row: 1 / span 2;
  min-width: 0;
  padding-top: 5.8cqw;
}
.agenda.agenda-v5 .agenda-faq .faq-map-frame {
  width: 100%;
  height: 21.5cqw;
  overflow: hidden;
  border-radius: .55cqw;
  background: #e8e6e2;
}
.agenda.agenda-v5 .agenda-faq .faq-map-embed {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.agenda.agenda-v5 .agenda-faq .faq-map-print {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.agenda.agenda-v5 .agenda-faq .faq-map-link {
  display: inline-block;
  margin-top: .75cqw;
  font: 500 1cqw/1.2 "Poppins", sans-serif;
  text-decoration: underline;
  text-underline-offset: .18em;
}

.agenda.agenda-v5 > .agenda-finish {
  aspect-ratio: 1445 / 406;
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  align-items: center;
  justify-items: stretch;
  gap: 6cqw;
  padding: 5.5cqw 7.5cqw;
  background:
    linear-gradient(color-mix(in srgb, var(--v5-accent) 92%, white), color-mix(in srgb, var(--v5-accent) 92%, white)),
    url("./assets/figma-paper-texture.svg") center / cover;
  color: var(--v5-paper);
  text-align: left;
}
.agenda.agenda-v5 .agenda-finish .finish-brand {
  display: flex;
  align-items: center;
  gap: 3.2cqw;
}
.agenda.agenda-v5 .agenda-finish .finish-logo {
  display: block;
  width: 14.2cqw;
  height: auto;
  margin: 0;
  filter: brightness(0) invert(1);
}
.agenda.agenda-v5 .agenda-finish .finish-partner {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  flex-direction: column;
  gap: 1cqw;
}
.agenda.agenda-v5 .agenda-finish .finish-partner strong {
  font: 600 1.02cqw/1 "Poppins", sans-serif;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.agenda.agenda-v5 .agenda-finish .finish-partner-logos {
  display: grid;
  min-width: 0;
  align-items: center;
  grid-template-columns: repeat(3, 8.4cqw);
  gap: .8cqw 1.5cqw;
}
.agenda.agenda-v5 .agenda-finish :is(.finish-partner-logos-1, .finish-partner-logos-2) {
  grid-template-columns: repeat(var(--footer-logo-columns, 1), 8.4cqw);
}
.agenda.agenda-v5 .agenda-finish .finish-partner-logos-2 {
  --footer-logo-columns: 2;
}
.agenda.agenda-v5 .agenda-finish :is(.finish-partner-logos-4, .finish-partner-logos-5) {
  grid-template-columns: repeat(2, 8.4cqw);
}

/* The published opening composition uses the desktop Figma frame's combined
   1445 × 872 proportion, so the cover and cover stars occupy the first screen
   without spilling into the next section on wide displays. */
@media (min-width: 751px) {
  body.preview-only .agenda.agenda-v5 > .agenda-hero {
    min-height: 55.161svh;
  }
  body.preview-only .agenda.agenda-v5 > .agenda-cover-stars-section {
    min-height: 44.839svh;
  }
}
/* Keep the coloured panel stroke tucked behind the lower half of the word,
   matching the raised Figma highlight instead of sitting beneath the baseline. */
.agenda.agenda-v5 .agenda-panel .panel-label span {
  text-decoration: none;
}
.agenda.agenda-v5 .agenda-panel .panel-label span::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: .12em;
  left: 0;
  display: block;
  height: .62em;
  background: color-mix(in srgb, var(--v5-accent) 47%, transparent);
}

/* Normal optical kerning and two restrained tracking levels make the agenda
   typography read consistently across desktop and responsive art directions. */
.agenda.agenda-v5 {
  font-kerning: normal;
  font-optical-sizing: auto;
  font-variant-ligatures: common-ligatures;
  text-rendering: optimizeLegibility;
}
.agenda.agenda-v5 :is(
  .hero-date-copy-v5,
  .hero-cover-meta,
  .intro-description,
  .summary-metric p,
  .panel-copy p,
  .panel-person-meta,
  .workgroup-copy p,
  .host-meta,
  .agenda-faq,
  .agenda-finish
) {
  letter-spacing: 0;
}
.agenda.agenda-v5 :is(
  .hero-mobile-event-title,
  .intro-copy h2,
  .summary-metric h3,
  .summary-contact h2,
  .panel-label,
  .panel-copy h2,
  .round-figma-heading h2,
  .workgroup-copy h3
) {
  letter-spacing: -.035em;
}
.agenda.agenda-v5 .agenda-finish .finish-partner-logos img {
  display: block;
  width: auto;
  max-width: 8.4cqw;
  height: auto;
  max-height: 3.7cqw;
  object-fit: contain;
}
.agenda.agenda-v5 .agenda-finish .finish-copy {
  font: 300 1.15cqw/1.25 "Poppins", sans-serif;
}
.agenda.agenda-v5 .agenda-finish .finish-copy p {
  margin: 0 0 1.3cqw;
}
.agenda.agenda-v5 .agenda-finish .finish-copy p:last-child {
  margin-bottom: 0;
}
.agenda.agenda-v5 .agenda-finish .finish-copy a {
  color: inherit;
  text-decoration: none;
}
.agenda.agenda-v5 .agenda-finish .finish-copy a:hover {
  text-decoration: underline;
}

/* Responsive output. The design switches at the actual agenda width, including
   when the editor is open beside the preview. */
@container agenda-layout (max-width: 750px) {
  .agenda.agenda-v5 > .agenda-section {
    --v5-body-copy-size: 2.6cqw;
    --v5-body-copy-line-height: 1.25;
  }
  .agenda.agenda-v5 > .agenda-hero {
    aspect-ratio: auto;
    height: 64cqw;
  }
  .agenda.agenda-v5 .agenda-hero .hero-top {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
    gap: 4cqw;
    padding: 8cqw 7cqw;
  }
  .agenda.agenda-v5 .agenda-hero .hero-brand-logo {
    width: 31cqw;
  }
  .agenda.agenda-v5 .hero-flower-cluster {
    position: absolute;
    top: 20cqw;
    left: 28cqw;
    width: 34cqw;
    height: 28cqw;
  }
  .agenda.agenda-v5 .hero-flower-cluster span:first-child { width: 22cqw; }
  .agenda.agenda-v5 .hero-flower-cluster span:last-child { width: 16cqw; }
  .agenda.agenda-v5 .hero-date-card-v5 {
    width: 48cqw;
    grid-column: 2;
    grid-row: 2;
    grid-template-columns: 10cqw minmax(0, 1fr);
    gap: 2cqw;
    align-self: end;
  }
  .agenda.agenda-v5 .hero-date-icon-v5 { width: 10cqw; }
  .agenda.agenda-v5 .hero-date-copy-v5 strong,
  .agenda.agenda-v5 .hero-date-copy-v5 b { font-size: 2.55cqw; }
  .agenda.agenda-v5 .hero-date-copy-v5 small { font-size: 1.7cqw; }

  .agenda.agenda-v5 > .agenda-cover-stars-section {
    aspect-ratio: auto;
    height: 119cqw;
    background: linear-gradient(to bottom, var(--v5-pale) 0 29%, var(--v5-paper) 29%);
  }
  .agenda.agenda-v5 > .agenda-cover-stars-section::before { display: none; }
  .agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-stars {
    top: 0;
    left: 3cqw;
    width: 94cqw;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4cqw 2cqw;
  }
  .agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-star {
    height: 53cqw;
    transform: none !important;
  }
  .agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-photo {
    height: 30cqw;
  }
  .agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-meta {
    min-height: 9cqw;
    padding: 1.2cqw;
    gap: 1cqw;
  }
  .agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-meta strong {
    gap: .4cqw;
    font-size: var(--v5-person-name-size);
  }
  .agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-meta > span {
    font-size: var(--v5-person-role-size);
  }
  .agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-company {
    height: 12cqw;
  }

  .agenda.agenda-v5 > .agenda-intro-section {
    aspect-ratio: auto;
    grid-template-columns: 1fr;
    gap: 12cqw;
    padding: 14cqw 8cqw 16cqw;
  }
  .agenda.agenda-v5 .agenda-intro-section .intro-media-frame { padding: 2.6cqw; }
  .agenda.agenda-v5 .agenda-intro-section .intro-crosses {
    top: -10cqw;
    left: -6cqw;
    width: 24cqw;
  }
  .agenda.agenda-v5 .agenda-intro-section .intro-leaf-large {
    top: -7cqw;
    right: -4cqw;
    width: 17cqw;
  }
  .agenda.agenda-v5 .agenda-intro-section .intro-leaf-small {
    bottom: -9cqw;
    left: -6cqw;
    width: 13cqw;
  }
  .agenda.agenda-v5 .agenda-intro-section .intro-copy h2 {
    font-size: 8.6cqw;
  }
  .agenda.agenda-v5 .agenda-intro-section .intro-description {
    width: 92%;
    margin-top: 7cqw;
    font-size: var(--v5-body-copy-size);
    line-height: var(--v5-body-copy-line-height);
  }

  .agenda.agenda-v5 > .agenda-summary-section {
    aspect-ratio: auto;
    grid-template-columns: 1fr;
    gap: 10cqw;
    padding: 10cqw 8cqw 14cqw;
  }
  .agenda.agenda-v5 .agenda-summary-section .summary-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8cqw 4cqw;
  }
  .agenda.agenda-v5 .agenda-summary-section .summary-metric > img {
    width: 21cqw;
    height: 21cqw;
  }
  .agenda.agenda-v5 .agenda-summary-section .summary-metric h3 {
    margin: 3cqw 0 2cqw;
    font-size: 5.3cqw;
  }
  .agenda.agenda-v5 .agenda-summary-section .summary-metric p {
    width: 31cqw;
    font-size: 1.9cqw;
  }
  .agenda.agenda-v5 .agenda-summary-section .summary-contact {
    width: 64cqw;
    margin: 0 auto;
    grid-template-columns: 14cqw minmax(0, 1fr);
    gap: 3cqw;
  }
  .agenda.agenda-v5 .agenda-summary-section .summary-contact > img { width: 14cqw; }
  .agenda.agenda-v5 .agenda-summary-section .summary-contact h2 { font-size: 6.5cqw; }
  .agenda.agenda-v5 .agenda-summary-section .summary-contact p {
    font-size: 3.8cqw;
    white-space: normal;
  }

  .agenda.agenda-v5 > .agenda-panel {
    aspect-ratio: auto;
    grid-template-columns: 1fr;
    gap: 6cqw;
    padding: 12cqw 7cqw;
  }
  .agenda.agenda-v5 .agenda-panel .panel-label {
    font-size: 8.5cqw;
  }
  .agenda.agenda-v5 .agenda-panel .panel-copy h2 { font-size: 6.5cqw; }
  .agenda.agenda-v5 .agenda-panel .panel-copy p {
    font-size: var(--v5-body-copy-size);
    line-height: var(--v5-body-copy-line-height);
  }
  .agenda.agenda-v5 .agenda-panel .panel-people {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8cqw 4cqw;
  }
  .agenda.agenda-v5 .agenda-panel .panel-person {
    height: 51cqw;
  }
  .agenda.agenda-v5 .agenda-panel .speaker-photo { height: 31cqw; }
  .agenda.agenda-v5 .agenda-panel .panel-person-meta {
    min-height: 9cqw;
    padding: 1.2cqw;
    gap: 1cqw;
  }
  .agenda.agenda-v5 .agenda-panel .panel-company-logo { height: 10cqw; }
  .agenda.agenda-v5 .agenda-panel .role-chip {
    top: -5.5cqw;
    padding: 1cqw 2cqw;
    border-radius: 1cqw;
    font-size: 3cqw;
  }

  .agenda.agenda-v5 > .agenda-round-figma {
    aspect-ratio: auto;
    height: auto;
    padding: 12cqw 6cqw 14cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .round-figma-heading {
    position: relative;
    top: auto;
    left: auto;
    width: 68cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .round-figma-heading h2 {
    font-size: 8cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .round-hand {
    top: 10cqw;
    right: 5cqw;
    height: 24cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-grid {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    width: 100%;
    margin-top: 10cqw;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5cqw 3cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-card {
    height: 67cqw;
    padding: 3cqw;
    gap: 2cqw;
    border-radius: 1.3cqw;
    transform: none !important;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-icon {
    width: 18cqw;
    height: 18cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-copy {
    height: 22cqw;
    padding: .5cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-copy h3 {
    width: 25cqw;
    min-height: 0;
    font-size: 2.65cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-copy p {
    margin-top: 1cqw;
    font-size: 1.48cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-host {
    height: 17cqw;
    padding: 1.4cqw;
    gap: 1.2cqw;
    border-radius: 1.8cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .host-meta {
    padding: .4cqw;
    gap: .5cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .host-meta strong { font-size: 1.2cqw; }
  .agenda.agenda-v5 .agenda-round-figma .host-meta > span { font-size: 1cqw; }
  .agenda.agenda-v5 .agenda-round-figma .host-logo-slot {
    top: 1.4cqw;
    right: 1.4cqw;
    width: calc(50% - 2cqw);
    height: 5.5cqw;
  }

  .agenda.agenda-v5 > .agenda-faq {
    aspect-ratio: auto;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 8cqw;
    padding: 12cqw 8cqw;
  }
  .agenda.agenda-v5 .agenda-faq > h2,
  .agenda.agenda-v5 .agenda-faq .faq-column-a,
  .agenda.agenda-v5 .agenda-faq .faq-column-b,
  .agenda.agenda-v5 .agenda-faq .faq-location {
    grid-column: 1;
    grid-row: auto;
    padding-top: 0;
  }
  .agenda.agenda-v5 .agenda-faq .faq-location {
    margin-inline: 2cqw;
  }
  .agenda.agenda-v5 .agenda-faq > h2 {
    margin: 0;
    font-size: 18cqw;
  }
  .agenda.agenda-v5 .agenda-faq .faq-column { gap: 7cqw; }
  .agenda.agenda-v5 .agenda-faq article h3 {
    margin-bottom: 3cqw;
    font-size: 6cqw;
  }
  .agenda.agenda-v5 .agenda-faq article p {
    margin-bottom: 3cqw;
    font-size: 3.1cqw;
    line-height: 1.2;
  }
  .agenda.agenda-v5 .agenda-faq .faq-location img { height: auto; }

  .agenda.agenda-v5 > .agenda-finish {
    aspect-ratio: auto;
    grid-template-columns: 1fr;
    gap: 10cqw;
    padding: 14cqw 9cqw;
  }
  .agenda.agenda-v5 .agenda-finish .finish-brand {
    align-items: flex-start;
    flex-direction: column;
    gap: 7cqw;
  }
  .agenda.agenda-v5 .agenda-finish .finish-logo { width: 38cqw; }
  .agenda.agenda-v5 .agenda-finish .finish-partner { gap: 4cqw; }
  .agenda.agenda-v5 .agenda-finish .finish-partner strong { font-size: 2.5cqw; }
  .agenda.agenda-v5 .agenda-finish .finish-partner-logos {
    grid-template-columns: repeat(2, 30cqw);
    gap: 2.2cqw 3cqw;
  }
  .agenda.agenda-v5 .agenda-finish .finish-partner-logos-1 {
    grid-template-columns: 30cqw;
  }
  .agenda.agenda-v5 .agenda-finish .finish-partner-logos img {
    width: auto;
    max-width: 30cqw;
    height: auto;
    max-height: 10cqw;
  }
  .agenda.agenda-v5 .agenda-finish .finish-copy {
    font-size: 3.2cqw;
    line-height: 1.3;
  }
  .agenda.agenda-v5 .agenda-finish .finish-copy p { margin-bottom: 4cqw; }
}

@container agenda-layout (max-width: 430px) {
  .agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-stars {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 4cqw 2cqw;
  }
  .agenda.agenda-v5 > .agenda-cover-stars-section { height: 242cqw; }
  .agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-star {
    width: 46cqw;
    height: 56cqw;
    flex: 0 0 46cqw;
  }
  .agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-photo { height: 33cqw; }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: 103cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-card {
    height: 103cqw;
    padding: 5cqw;
    transform: none !important;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-icon {
    width: 28cqw;
    height: 28cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-copy {
    height: 31cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-copy h3 {
    width: 52cqw;
    min-height: 0;
    font-size: 4.4cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-copy p { font-size: 2.3cqw; }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-host {
    height: 26cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .host-meta strong { font-size: 2cqw; }
  .agenda.agenda-v5 .agenda-round-figma .host-meta > span { font-size: 1cqw; }
  .agenda.agenda-v5 .agenda-round-figma .host-logo-slot { height: 9cqw; }
}

/* The ResizeObserver mirrors the 750px container breakpoint for preview panes
   that are constrained by the editor rather than by the browser viewport. */
.agenda.agenda-v5.is-responsive-mobile > .agenda-hero { aspect-ratio: auto; }

/* Mobile composition — Figma node 61:772 (655px frame).
   This is intentionally a separate art direction rather than a stacked desktop
   layout, while all populated agenda data remains live. */
@container agenda-layout (max-width: 750px) {
  .agenda.agenda-v5 > .agenda-section {
    --v5-body-copy-size: 2.48cqw;
    --v5-body-copy-line-height: 1.14;
  }
  .agenda.agenda-v5 > .agenda-hero {
    height: 114.81cqw;
    background:
      linear-gradient(color-mix(in srgb, var(--v5-pale) 92%, white), color-mix(in srgb, var(--v5-pale) 92%, white)),
      url("./assets/figma-paper-texture.svg") center / cover;
  }
  .agenda.agenda-v5 > .agenda-hero.has-no-sponsors {
    height: 72cqw;
  }
  .agenda.agenda-v5 .agenda-hero .hero-top {
    position: absolute;
    inset: 0;
    display: block;
    padding: 0;
  }
  .agenda.agenda-v5 .agenda-hero .hero-brand-logo {
    position: absolute;
    top: 45.2cqw;
    left: 8.2cqw;
    width: 53.1cqw;
  }
  .agenda.agenda-v5 .hero-flower-cluster {
    position: absolute;
    top: 7.9cqw;
    left: 47.1cqw;
    width: 34.9cqw;
    height: 21.5cqw;
  }
  .agenda.agenda-v5 .hero-flower-cluster span:first-child {
    top: 7.4cqw;
    left: 20.3cqw;
    width: 11.8cqw;
    transform: rotate(-18deg);
  }
  .agenda.agenda-v5 .hero-flower-cluster span:last-child {
    right: auto;
    bottom: auto;
    top: 13.3cqw;
    left: 9.7cqw;
    width: 7.1cqw;
    opacity: .68;
    transform: rotate(34deg);
  }
  .agenda.agenda-v5 .hero-date-card-v5 {
    position: absolute;
    top: 10.7cqw;
    left: 8.3cqw;
    display: flex;
    width: 39.5cqw;
    padding: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.1cqw;
    border-radius: 0;
  }
  .agenda.agenda-v5 .hero-date-icon-v5 {
    width: 12.25cqw;
    -webkit-mask-size: contain;
    mask-size: contain;
  }
  .agenda.agenda-v5 .hero-date-copy-v5 {
    width: 39.5cqw;
    gap: .25cqw;
  }
  .agenda.agenda-v5 .hero-date-copy-v5 strong,
  .agenda.agenda-v5 .hero-date-copy-v5 b {
    max-width: 40cqw;
    font-size: 2.52cqw;
    letter-spacing: -.035em;
  }
  .agenda.agenda-v5 .hero-date-copy-v5 small {
    max-width: 42cqw;
    font-size: 1.72cqw;
    letter-spacing: -.03em;
  }
  .agenda.agenda-v5 .hero-mobile-event-title {
    position: absolute;
    top: 58cqw;
    left: 8.2cqw;
    display: flex;
    width: 84cqw;
    max-width: 84cqw;
    align-items: baseline;
    gap: 1.1cqw;
    overflow: hidden;
    color: var(--v5-accent);
    font-size: 9.5cqw;
    line-height: .96;
    letter-spacing: -.09em;
    text-transform: none;
    white-space: nowrap;
  }
  .agenda.agenda-v5 .hero-mobile-event-title strong {
    font-weight: 600;
  }
  .agenda.agenda-v5 .hero-mobile-event-title span {
    margin-left: 1.1cqw;
    font-weight: 200;
  }
  .agenda.agenda-v5 .hero-sponsors {
    position: absolute;
    top: 71.5cqw;
    left: 8.2cqw;
    display: block;
    width: 82cqw;
    height: auto;
  }
  .agenda.agenda-v5 .hero-sponsors > span {
    display: block;
    width: auto;
    margin-bottom: 1.6cqw;
    color: #414042;
    font: 400 1.78cqw/1 "Fira Code", monospace;
    letter-spacing: -.04em;
    text-transform: uppercase;
  }
  .agenda.agenda-v5 .hero-sponsors > div {
    display: flex;
    height: auto;
    align-items: center;
    gap: 4cqw;
    flex-wrap: wrap;
  }
  .agenda.agenda-v5 .hero-sponsors i {
    display: flex;
    width: auto;
    height: 7cqw;
    min-width: 0;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-start;
    overflow: visible;
    background: transparent;
  }
  .agenda.agenda-v5 .hero-sponsors img {
    display: block;
    width: auto;
    max-width: 40cqw;
    height: 100%;
    max-height: 7cqw;
    object-fit: contain;
    object-position: left center;
  }

  .agenda.agenda-v5 > .agenda-cover-stars-section {
    height: 86cqw;
    background:
      linear-gradient(color-mix(in srgb, var(--v5-pale) 92%, white), color-mix(in srgb, var(--v5-pale) 92%, white)),
      url("./assets/figma-paper-texture.svg") center / cover;
  }
  .agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-stars,
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-cover-stars-section .hero-cover-stars {
    position: absolute;
    top: 3.05cqw;
    left: 4.43cqw;
    display: grid;
    width: 91.14cqw;
    height: auto;
    grid-template-columns: repeat(4, 20.9cqw);
    grid-template-rows: repeat(2, auto);
    gap: 3.05cqw 2.513cqw;
    align-content: start;
  }
  .agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-star {
    width: auto;
    height: auto;
    padding: 0 2.197%;
    flex: none;
    border-radius: 0;
    box-shadow: none;
    filter: drop-shadow(0 .459cqw .229cqw rgba(0,0,0,.25));
  }
  .agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-photo {
    height: 101.338cqi;
    border-radius: 4cqi 4cqi 0 0;
  }
  .agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-meta {
    height: 24.258cqi;
    min-height: 0;
    padding: 4.02cqi;
    grid-template-columns: minmax(0, 1fr) 42cqi;
    justify-content: space-between;
    gap: 4cqi;
    border-radius: 1.406cqi;
  }
  .agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-meta strong {
    height: 16.217cqi;
    min-height: 16.217cqi;
    gap: 1.723cqi;
    font-size: var(--v5-person-name-size);
  }
  .agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-meta > span {
    width: 42cqi;
    height: 15.402cqi;
    min-height: 15.402cqi;
    font-size: var(--v5-person-role-size);
  }
  .agenda.agenda-v5 .agenda-cover-stars-section .hero-cover-company,
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-cover-stars-section .hero-cover-company {
    width: 100%;
    height: auto;
    margin: 0;
    border-radius: 4cqi;
    aspect-ratio: 151.855 / 105;
  }

  .agenda.agenda-v5 > .agenda-intro-section {
    min-height: 137.4cqw;
    padding: 7.4cqw 11.3cqw 10.5cqw;
    display: flex;
    flex-direction: column;
    gap: 7.5cqw;
    background:
      linear-gradient(rgba(250,250,250,.91), rgba(250,250,250,.91)),
      url("./assets/figma-paper-texture.svg") center / cover;
  }
  .agenda.agenda-v5 .agenda-intro-section .intro-copy {
    order: 1;
    width: 100%;
  }
  .agenda.agenda-v5 .agenda-intro-section .intro-copy h2 {
    width: 78cqw;
    font-size: 8.55cqw;
    line-height: .9;
  }
  .agenda.agenda-v5 .agenda-intro-section .intro-description {
    width: 53cqw;
    margin-top: 7.8cqw;
    font-size: var(--v5-body-copy-size);
    line-height: var(--v5-body-copy-line-height);
  }
  .agenda.agenda-v5 .agenda-intro-section .intro-description p {
    margin-bottom: 1.35em;
  }
  .agenda.agenda-v5 .agenda-intro-section .intro-media-wrap {
    order: 2;
    width: 78cqw;
    margin: 0 auto;
  }
  .agenda.agenda-v5 .agenda-intro-section .intro-media-frame {
    padding: 1.55cqw;
    border-radius: .6cqw;
    box-shadow: 0 1.2cqw 1.7cqw rgba(0,0,0,.2);
    transform: rotate(3.2deg);
  }
  .agenda.agenda-v5 .agenda-intro-section .intro-crosses {
    top: -6cqw;
    right: -6.5cqw;
    left: auto;
    width: 27cqw;
  }
  .agenda.agenda-v5 .agenda-intro-section .intro-leaf-large {
    top: auto;
    right: auto;
    bottom: -7.2cqw;
    left: -6.4cqw;
    width: 16cqw;
    transform: rotate(37deg);
  }
  .agenda.agenda-v5 .agenda-intro-section .intro-leaf-small {
    display: none;
  }

  .agenda.agenda-v5 > .agenda-summary-section {
    min-height: 103.51cqw;
    padding: 11.6cqw 13.13cqw;
    display: block;
    background:
      linear-gradient(rgba(170,240,206,.94), rgba(170,240,206,.94)),
      url("./assets/figma-paper-texture.svg") center / cover;
    box-shadow: inset 0 .61cqw .61cqw rgba(0,0,0,.25);
  }
  .agenda.agenda-v5 > .agenda-summary-section::after {
    display: none !important;
  }
  .agenda.agenda-v5 .agenda-summary-section .summary-metrics {
    display: grid;
    width: 73.74cqw;
    height: 80.31cqw;
    margin: 0 auto;
    grid-template-columns: repeat(2, 30.86cqw);
    grid-template-rows: repeat(2, 40.13cqw);
    align-content: start;
    justify-content: space-between;
    gap: 0;
  }
  .agenda.agenda-v5 .agenda-summary-section .summary-metric > img {
    width: 18.17cqw;
    height: 18.17cqw;
  }
  .agenda.agenda-v5 .agenda-summary-section .summary-metric {
    width: 30.86cqw;
    height: 40.13cqw;
    order: initial !important;
    justify-content: flex-start;
    overflow: visible;
    color: #414042;
  }
  .agenda.agenda-v5 .agenda-summary-section .summary-metric-time > img {
    content: url("./assets/figma-v5-metric-time-cmo.svg?v=2");
  }
  .agenda.agenda-v5 .agenda-summary-section .summary-metric:nth-child(2) > img {
    content: url("./assets/figma-v5-metric-panels-cmo.svg?v=2");
    background: #fafafa;
    box-shadow: inset 0 0 .8cqw rgba(85,210,148,.45);
  }
  .agenda.agenda-v5 .agenda-summary-section .summary-metric:nth-child(3) > img {
    content: url("./assets/figma-v5-metric-rounds-cmo.svg?v=2");
  }
  .agenda.agenda-v5 .agenda-summary-section .summary-metric:nth-child(4) > img {
    content: url("./assets/figma-v5-metric-community-cmo.svg?v=2");
  }
  .agenda.agenda-v5 .agenda-summary-section .summary-metric h3 {
    margin: 2.6cqw 0 1.5cqw;
    font-size: 5.05cqw;
    letter-spacing: -.05em;
  }
  body[data-agenda-branch="hr"] .agenda.agenda-v5 .agenda-summary-section .summary-audience-title,
  body[data-agenda-branch="legal"] .agenda.agenda-v5 .agenda-summary-section .summary-audience-title {
    font-size: 5.05cqw;
  }
  .agenda.agenda-v5 .agenda-summary-section .summary-metric p,
  .agenda.agenda-v5 .agenda-summary-section .summary-metric:nth-child(2) p,
  .agenda.agenda-v5 .agenda-summary-section .summary-metric:nth-child(4) p {
    width: 30.86cqw;
    max-width: 100%;
    font-size: clamp(9px, 1.62cqw, 10.61px);
    line-height: 1.16;
  }
  .agenda.agenda-v5 .agenda-summary-section .summary-contact {
    display: none;
  }

  .agenda.agenda-v5 > .agenda-panel {
    min-height: 185cqw;
    padding: 11.6cqw 7.63cqw 8cqw;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    background:
      linear-gradient(color-mix(in srgb, var(--v5-accent) 76%, white), color-mix(in srgb, var(--v5-accent) 76%, white)),
      url("./assets/figma-paper-texture.svg") center / cover;
  }
  .agenda.agenda-v5 .agenda-panel .panel-label {
    font-size: 6.48cqw;
    line-height: .86;
    letter-spacing: -.06em;
  }
  .agenda.agenda-v5 .agenda-panel .panel-copy {
    width: 70cqw;
    margin-top: 7.5cqw;
  }
  .agenda.agenda-v5 .agenda-panel .panel-copy h2 {
    margin-bottom: 3.2cqw;
    font-size: 5.27cqw;
    line-height: 1.04;
  }
  .agenda.agenda-v5 .agenda-panel .panel-copy p {
    font-size: var(--v5-body-copy-size);
    line-height: var(--v5-body-copy-line-height);
  }
  .agenda.agenda-v5 .agenda-panel .panel-people {
    width: 100%;
    margin-top: 12cqw;
    padding: 5.2cqw 0 2cqw;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 3.29cqw;
    align-items: end;
  }
  .agenda.agenda-v5 .agenda-panel .panel-person {
    width: auto;
    height: auto;
    padding: 0 2.197%;
    border-radius: 0;
    box-shadow: none;
  }
  .agenda.agenda-v5 .agenda-panel .speaker-photo {
    height: 101.338cqi;
  }
  .agenda.agenda-v5 .agenda-panel .panel-person-meta {
    height: 24.258cqi;
    min-height: 0;
    padding: 4.02cqi;
    grid-template-columns: minmax(0, 1fr) 42cqi;
    justify-content: space-between;
    gap: 4cqi;
  }
  .agenda.agenda-v5 .agenda-panel .panel-person-meta h3 {
    height: 16.217cqi;
    min-height: 16.217cqi;
    gap: 1.723cqi;
    font-size: var(--v5-person-name-size);
  }
  .agenda.agenda-v5 .agenda-panel .panel-person-meta p {
    width: 42cqi;
    height: 15.402cqi;
    font-size: var(--v5-person-role-size);
  }
  .agenda.agenda-v5 .agenda-panel .panel-company-logo {
    height: auto;
    aspect-ratio: 151.855 / 105;
  }
  .agenda.agenda-v5 .agenda-panel .role-chip {
    top: -5.2cqw;
    right: .9cqw;
    padding: .8cqw 1.25cqw;
    border-radius: .62cqw;
    font-size: 2.72cqw;
    box-shadow: 0 .42cqw .21cqw rgba(0,0,0,.25);
  }

  .agenda.agenda-v5 > .agenda-round-figma {
    min-height: 124.5cqw;
    padding: 9.2cqw 6.7cqw 8cqw;
    background:
      linear-gradient(rgba(250,250,250,.91), rgba(250,250,250,.91)),
      url("./assets/figma-paper-texture.svg") center / cover;
  }
  .agenda.agenda-v5 .agenda-round-figma .round-figma-heading {
    position: relative;
    top: auto;
    left: auto;
    width: 58cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .round-figma-heading h2 {
    font-size: 6.65cqw;
    line-height: .94;
    letter-spacing: -.055em;
  }
  .agenda.agenda-v5 .agenda-round-figma .round-hand {
    top: 10.5cqw;
    right: 12.2cqw;
    height: 22.2cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-grid {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    display: block;
    width: 84.3cqw;
    height: 95cqw;
    margin-top: 5.8cqw;
    gap: 0;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-card {
    position: absolute;
    z-index: var(--stack-layer, 5);
    top: 0;
    left: calc(var(--stack-position, 0) * 5.6cqw);
    width: 61cqw;
    height: 95cqw;
    min-width: 61cqw;
    padding: 4cqw;
    gap: 3cqw;
    border-radius: 1.3cqw;
    cursor: pointer;
    touch-action: manipulation;
    transition:
      left 280ms cubic-bezier(.2,.8,.2,1),
      box-shadow 220ms ease,
      transform 220ms ease;
    transform: none !important;
  }
  .agenda.agenda-v5 .agenda-round-figma.has-6-workgroups .workgroup-card {
    left: calc(var(--stack-position, 0) * 4.55cqw);
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-card:nth-child(2) {
    margin-left: 0;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-card:nth-child(3) {
    margin-left: 0;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-card:nth-child(4) {
    margin-left: 0;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-card:nth-child(5) {
    margin-left: 0;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-card.is-active {
    box-shadow:
      inset 0 .11cqw .25cqw rgba(0,0,0,.22),
      0 .9cqw 1.8cqw rgba(38,50,56,.18);
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-card > .workgroup-icon,
  .agenda.agenda-v5 .agenda-round-figma .workgroup-card > .workgroup-copy,
  .agenda.agenda-v5 .agenda-round-figma .workgroup-card > .workgroup-host {
    transition: opacity 180ms ease;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-card:not(.is-active) > .workgroup-icon,
  .agenda.agenda-v5 .agenda-round-figma .workgroup-card:not(.is-active) > .workgroup-copy,
  .agenda.agenda-v5 .agenda-round-figma .workgroup-card:not(.is-active) > .workgroup-host {
    visibility: hidden;
    opacity: 0;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-card:focus-visible {
    outline: .35cqw solid var(--v5-ink);
    outline-offset: -.75cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-icon {
    width: 24cqw;
    height: 24cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-copy {
    width: 100%;
    height: 28cqw;
    padding: .75cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-copy h3 {
    width: 100%;
    min-height: 0;
    font-size: clamp(15px, 3.27cqw, 21.44px);
    line-height: 1.09;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-copy p {
    margin-top: 1.7cqw;
    font-size: clamp(9px, 1.84cqw, 12.02px);
    line-height: 1.15;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-host {
    width: 100%;
    height: 26cqw;
    padding: 2cqw;
    grid-template-rows: 38% minmax(0, 1fr);
    gap: 1.2cqw;
    border-radius: 1.36cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .host-avatar {
    position: relative;
    width: 100%;
    min-width: 0;
    grid-row: 1 / 3;
  }
  .agenda.agenda-v5 .agenda-round-figma .host-meta {
    min-width: 0;
    gap: .7cqw;
    padding: .7cqw 1cqw;
    grid-row: 2;
    align-self: stretch;
    align-content: center;
  }
  .agenda.agenda-v5 .agenda-round-figma .host-meta strong {
    height: auto;
    gap: .5cqw;
    font-size: clamp(8px, 1.48cqw, 9.69px);
  }
  .agenda.agenda-v5 .agenda-round-figma .host-meta strong > span {
    height: auto;
    overflow: visible;
  }
  .agenda.agenda-v5 .agenda-round-figma .host-meta > span {
    display: block;
    height: auto;
    min-height: 0;
    overflow: visible;
    font-size: clamp(7px, 1.23cqw, 8.06px);
    line-height: 1.12;
    overflow-wrap: anywhere;
  }
  .agenda.agenda-v5 .agenda-round-figma .host-logo-slot {
    position: relative;
    inset: auto;
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    height: 100%;
  }

  /* The editor's explicit Mobile preview adds an extra wrapper class. Its
     older preview rules are more specific than the shared responsive rules,
     so restate the final card geometry here to keep editor and published
     agendas identical. */
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .workgroup-grid {
    position: relative;
    inset: auto;
    display: block;
    width: 84.3cqw;
    height: 95cqw;
    margin-top: 5.8cqw;
    grid-template: none;
    gap: 0;
  }
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .workgroup-card {
    position: absolute;
    z-index: var(--stack-layer, 5);
    inset: auto;
    top: 0;
    left: calc(var(--stack-position, 0) * 5.6cqw);
    display: flex;
    width: 61cqw;
    min-width: 61cqw;
    height: 95cqw;
    padding: 4cqw;
    flex-direction: column;
    gap: 3cqw;
    overflow: hidden;
    border-radius: 1.3cqw;
  }
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma.has-6-workgroups .workgroup-card {
    left: calc(var(--stack-position, 0) * 4.55cqw);
  }
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .workgroup-icon {
    position: relative;
    inset: auto;
    width: 24cqw;
    height: 24cqw;
  }
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .workgroup-copy {
    position: static;
    inset: auto;
    width: 100%;
    height: 28cqw;
    padding: .75cqw;
    box-shadow: none;
  }
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .workgroup-host {
    position: relative;
    inset: auto;
    display: grid;
    width: 100%;
    height: 26cqw;
    margin-top: 0;
    padding: 2cqw;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: 38% minmax(0, 1fr);
    gap: 1.2cqw;
    overflow: hidden;
  }
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .host-avatar {
    position: relative;
    grid-column: 1;
    grid-row: 1 / 3;
    width: 100%;
    height: 100%;
  }
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .host-meta {
    position: static;
    grid-column: 2;
    grid-row: 2;
    align-self: stretch;
    width: 100%;
    height: auto;
    min-width: 0;
  }
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .host-logo-slot {
    position: relative;
    inset: auto;
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    height: 100%;
  }

  /* Let mobile cards size to their actual copy. Fixed copy/card heights made
     longer descriptions disappear behind the host panel and left oversized
     gaps when the title and description were short. */
  .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .workgroup-grid,
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .workgroup-grid {
    height: 108cqw;
  }
  .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .workgroup-card,
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .workgroup-card {
    height: auto;
    min-height: 0;
    gap: 2cqw;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-copy,
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .workgroup-copy {
    height: auto;
    min-height: 0;
    padding: .45cqw .75cqw;
    flex: 0 0 auto;
    overflow: visible;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-copy h3,
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .workgroup-copy h3 {
    min-height: 0;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-copy p,
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .workgroup-copy p {
    margin-top: 1.25cqw;
    overflow: visible;
    overflow-wrap: anywhere;
  }
  .agenda.agenda-v5 .agenda-round-figma .workgroup-host,
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .workgroup-host {
    height: 26cqw;
    flex: 0 0 26cqw;
  }

  /* Final mobile sizing. Older explicit-preview rules above used a 392cqw
     minimum height, which left several screens of empty space after the
     stacked cards. Keep the published agenda and editor preview identical. */
  .agenda.agenda-v5.is-responsive-mobile > .agenda-round-figma,
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile > .agenda-round-figma {
    aspect-ratio: auto;
    min-height: 0;
    height: auto;
    padding: 8cqw 6.7cqw 8cqw;
  }
  .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .workgroup-grid,
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .workgroup-grid {
    height: 100cqw;
    margin-top: 7.5cqw;
  }

  /* Avoid fixed row heights clipping the first and final summary items on
     mobile. The four metrics now define the section's natural height. */
  .agenda.agenda-v5.is-responsive-mobile > .agenda-summary-section,
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile > .agenda-summary-section {
    display: block;
    aspect-ratio: auto;
    min-height: 0;
    height: auto;
    padding: 8cqw 10cqw 10cqw;
    overflow: visible;
  }
  .agenda.agenda-v5.is-responsive-mobile .agenda-summary-section .summary-metrics,
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-summary-section .summary-metrics {
    position: relative;
    inset: auto;
    width: 80cqw;
    height: auto;
    margin: 0 auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
    gap: 8cqw;
    align-items: start;
    justify-content: stretch;
  }
  .agenda.agenda-v5.is-responsive-mobile .agenda-summary-section .summary-metric,
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-summary-section .summary-metric {
    width: 36cqw;
    height: auto;
    min-height: 34cqw;
    justify-self: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .agenda.agenda-v5 .agenda-round-figma .workgroup-card {
    transition: none;
  }
}

/* Keep the moderator badge proportional to its person card at every agenda
   breakpoint. The panel card is itself a size container, so card-relative
   units are intentional here. */
.agenda.agenda-v5 .agenda-panel .role-chip {
  top: -39.7cqi;
  right: auto;
  left: 50%;
  margin: 0;
  padding: 5.1cqi 11.5cqi;
  border-radius: 3.2cqi;
  box-shadow: 0 3cqi 4cqi rgba(0,0,0,.25);
  font: 500 11.7cqi/1 "Poppins", sans-serif;
  letter-spacing: -.04em;
  text-transform: lowercase;
  transform: translateX(-50%);
  white-space: nowrap;
}

/* Final mobile composition. Keep this after the legacy responsive layers so
   each section owns its height and cannot overlap the next section. */
@container agenda-layout (max-width: 750px) {
  .agenda.agenda-v5 > .agenda-summary-section {
    display: block;
    height: auto;
    min-height: 0;
    padding: 10cqw 8cqw 12cqw;
    overflow: hidden;
  }
  .agenda.agenda-v5 .agenda-summary-section .summary-metrics {
    position: relative;
    inset: auto;
    display: grid;
    width: 84cqw;
    height: auto;
    margin: 0 auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
    gap: 8cqw 6cqw;
    align-items: start;
  }
  .agenda.agenda-v5 .agenda-summary-section .summary-metric {
    width: 39cqw;
    height: auto;
    min-height: 38cqw;
    overflow: visible;
  }
  .agenda.agenda-v5 .agenda-summary-section .summary-metric > img {
    width: 18cqw;
    height: 18cqw;
  }
  .agenda.agenda-v5 .agenda-summary-section .summary-metric h3 {
    margin: 2.5cqw 0 1.5cqw;
    font-size: 5cqw;
  }
  .agenda.agenda-v5 .agenda-summary-section .summary-metric p,
  .agenda.agenda-v5 .agenda-summary-section .summary-metric:nth-child(2) p,
  .agenda.agenda-v5 .agenda-summary-section .summary-metric:nth-child(4) p {
    width: 32cqw;
    font-size: 1.65cqw;
    line-height: 1.18;
  }
  .agenda.agenda-v5 .agenda-summary-section .summary-contact { display: none; }

  .agenda.agenda-v5 > .agenda-panel {
    display: flex;
    height: auto;
    min-height: 0;
    padding: 10cqw 6cqw 12cqw;
    flex-direction: column;
    overflow: hidden;
  }
  .agenda.agenda-v5 .agenda-panel .panel-copy {
    width: 88cqw;
    margin-top: 8cqw;
  }
  .agenda.agenda-v5 .agenda-panel .panel-people {
    width: 88cqw;
    margin-top: 10cqw;
    padding: 5cqw 0 2cqw;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9cqw 5cqw;
  }
  .agenda.agenda-v5 .agenda-panel .role-chip {
    top: clamp(-22px, -12cqi, -16px);
    right: auto;
    left: 50%;
    padding: clamp(4px, 3cqi, 6px) clamp(10px, 7cqi, 14px);
    border-radius: clamp(5px, 4cqi, 8px);
    font-size: clamp(14px, 10cqi, 17px);
    transform: translateX(-50%);
  }

  .agenda.agenda-v5.is-responsive-mobile > .agenda-round-figma,
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile > .agenda-round-figma {
    height: auto;
    min-height: 0;
    padding: 9cqw 6.7cqw 10cqw;
    overflow: hidden;
  }
  .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .workgroup-grid,
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .workgroup-grid {
    height: 113cqw;
    margin-top: 12cqw;
  }
  .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .workgroup-card,
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .workgroup-card {
    height: auto;
    min-height: 0;
    aspect-ratio: 250 / 463;
  }
  .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .workgroup-host,
  .preview-stage.is-mobile .agenda.agenda-v5.is-responsive-mobile .agenda-round-figma .workgroup-host {
    margin-top: auto;
  }

  .agenda.agenda-v5 .agenda-faq .faq-map-frame { height: 55cqw; }
  .agenda.agenda-v5 .agenda-faq .faq-map-link {
    margin-top: 2cqw;
    font-size: 3cqw;
  }
}

/* Keep this final in the stylesheet so later Figma and responsive rules cannot
   override the desktop canvas used by Export as PDF. */
@media print {
  @page {
    size: 1445px 872px;
    margin: 0;
  }

  html,
  body.pdf-export {
    width: 1445px !important;
    min-width: 1445px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #fff !important;
  }

  body.pdf-export .agenda.agenda-v5 .faq-map-embed { display: none; }
  body.pdf-export .agenda.agenda-v5 .faq-map-print { display: block; }

  body.pdf-export .app-header,
  body.pdf-export .builder-panel,
  body.pdf-export .preview-toolbar,
  body.pdf-export .feedback-review-bar,
  body.pdf-export .feedback-review-dialog,
  body.pdf-export .feedback-annotation-layer,
  body.pdf-export .branch-chooser,
  body.pdf-export .assignment-modal,
  body.pdf-export .toast,
  body.pdf-export [role="dialog"] {
    display: none !important;
  }

  body.pdf-export .workspace,
  body.pdf-export .preview-panel,
  body.pdf-export .preview-stage,
  body.pdf-export .agenda-frame,
  body.pdf-export .agenda.agenda-v5 {
    position: static !important;
    display: block !important;
    width: 1445px !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body.pdf-export .agenda.agenda-v5 > .agenda-section {
    display: block;
    width: 1445px !important;
    min-width: 1445px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    break-inside: avoid-page;
    break-after: page;
    page-break-inside: avoid;
    page-break-after: always;
  }

  /* 481px + 391px = the complete 872px opening page. */
  body.pdf-export .agenda.agenda-v5 > .agenda-hero {
    height: 481px !important;
    aspect-ratio: auto !important;
    break-after: avoid-page;
    page-break-after: avoid;
  }

  body.pdf-export .agenda.agenda-v5 > .agenda-cover-stars-section {
    height: 391px !important;
    aspect-ratio: auto !important;
    break-after: page;
    page-break-after: always;
  }

  /* The two overview sections intentionally share the following page. */
  body.pdf-export .agenda.agenda-v5 > .agenda-intro-section {
    display: grid;
    height: 540px !important;
    aspect-ratio: auto !important;
    break-after: avoid-page;
    page-break-after: avoid;
  }

  body.pdf-export .agenda.agenda-v5 > .agenda-summary-section {
    display: grid;
    height: 310px !important;
    aspect-ratio: auto !important;
    break-after: page;
    page-break-after: always;
  }

  body.pdf-export .agenda.agenda-v5 > .agenda-panel {
    display: grid;
    height: auto !important;
    min-height: 560px !important;
    aspect-ratio: auto !important;
  }

  body.pdf-export .agenda.agenda-v5 > .agenda-round-figma {
    height: 750px !important;
    aspect-ratio: auto !important;
  }

  body.pdf-export .agenda.agenda-v5 > .agenda-faq {
    display: grid;
    height: 621px !important;
    aspect-ratio: auto !important;
  }

  body.pdf-export .agenda.agenda-v5 > .agenda-finish {
    display: grid;
    height: 406px !important;
    aspect-ratio: auto !important;
    break-after: auto;
    page-break-after: auto;
  }

  body.pdf-export .feedback-target-highlight {
    outline: 0 !important;
    animation: none !important;
  }

  /* Video players cannot be represented in a PDF. Use the editor-provided
     static alternative when one is available; otherwise the branded
     placeholder remains visible beneath the hidden player. */
  body.pdf-export .intro-video-embed,
  body.pdf-export .intro-video-link {
    display: none !important;
  }

  body.pdf-export .intro-media > .intro-pdf-static-image {
    display: block !important;
  }

  body.pdf-export *,
  body.pdf-export *::before,
  body.pdf-export *::after {
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }
}