/* Figma export mode (?figma): the HTML-to-Figma plugin cannot tile gradients, read masks, canvases,
   transforms or blend modes, so those layers are swapped for things it understands: plain borders,
   flat images, no rotation. Browsers never use this. */

.export-only {
  display: none;
}

.figma-export .export-only {
  display: block;
}

.figma-export canvas {
  display: none;
}

.figma-export .quilt-field {
  object-fit: cover;
}

.figma-export .site-header {
  min-height: 900px;
}

.figma-export .hero,
.figma-export .quilt-field {
  cursor: auto;
}

/* Patches sit square; the plugin drops rotations and the pseudo-element stitch */
.figma-export .patch {
  rotate: 0deg;
  box-shadow: none;
}

/* Three real-looking dots are one dot plus shadows in the browser; keep just the first for Figma */
.figma-export .band .eyebrow::before,
.figma-export .eyebrow__dots {
  box-shadow: none;
}

.figma-export .brand__mark {
  -webkit-mask: none;
  mask: none;
  background: none;
  background-image: url("../assets/logo-mark.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.figma-export .theme-card,
.figma-export .programme,
.figma-export .site-footer,
.figma-export .btn {
  isolation: auto;
}

/* The ticket slab is painted on the button itself; no pseudo-element layers */
.figma-export .btn--ticket {
  background: var(--btn-bg);
}

.figma-export .btn--ticket::before {
  display: none;
}

.figma-export .dot-pulse,
.figma-export .nav--open .nav__links li,
.figma-export .motif > *,
.figma-export .brand__dot {
  animation: none !important;
  transition: none !important;
}

.figma-export *,
.figma-export *::before,
.figma-export *::after {
  --stitch: none;
  --grid: none;
  --grain: none;
}

/* Rules become plain dotted borders, which the plugin maps to dashed strokes */
.figma-export .proof,
.figma-export .proof__note,
.figma-export .questions__item,
.figma-export .legend--keys,
.figma-export .stage__mix-foot,
.figma-export .formats,
.figma-export .room__split li,
.figma-export .clippings,
.figma-export .doors,
.figma-export .past__summary {
  border-top: 1px solid var(--stitch-color);
}

.figma-export .speaker-row,
.figma-export .formats__list > div,
.figma-export .clipping,
.figma-export .door {
  border-bottom: 1px solid var(--stitch-color);
}

.figma-export .logo-wall li {
  border: 1px solid var(--stitch-color);
}

.figma-export .site-footer__input-wrap {
  border-bottom: 1px solid var(--stitch-color);
}

/* Masks: show the colour logos, drop the ink layer; keep the ticket as a plain slab */
.figma-export .logo-wall__ink,
.figma-export .btn--ticket::after {
  display: none;
}

.figma-export .logo-wall__colour {
  opacity: 1;
}

.figma-export .btn--ticket::before {
  -webkit-mask: none;
  mask: none;
}

/* Patches and the theme card edge lose their pseudo-element detail */
.figma-export .patch::after,
.figma-export .theme-card::before,
.figma-export .theme-card::after,
.figma-export .programme::after,
.figma-export .site-footer::after {
  display: none;
}

/* Everything revealed, nothing moving */
.figma-export [data-reveal],
.figma-export .stagger > *,
.figma-export .logo-wall__colour {
  opacity: 1 !important;
  transform: none !important;
}

.figma-export .dot-text__dot,
.figma-export .dot-chart__dot,
.figma-export .dot-motif__cell,
.figma-export .motif > * {
  transform: scale(1) !important;
}

.figma-export .marquee__track,
.figma-export .dot-pulse {
  animation: none !important;
}

/* Motion is meaningless to the plugin: every element sits in its final, settled state */
.figma-export [data-reveal],
.figma-export .stagger > *,
.figma-export .word > span,
.figma-export .intro,
.figma-export .hero__line-inner,
.figma-export .intro-patch,
.figma-export .brand,
.figma-export .nav__links,
.figma-export .nav__end,
.figma-export .tracks > li,
.figma-export .logo-wall > * {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

.figma-export [data-parallax],
.figma-export [data-drift],
.figma-export .quilt-field,
.figma-export .hero__content {
  animation: none !important;
  transform: none !important;
  opacity: 1 !important;
}

.figma-export .theme-card::before {
  clip-path: none;
}

.figma-export .proof::before {
  transform: none;
}

.figma-export .site-footer__base {
  border-top: 1px solid var(--stitch-color);
}