/* Shared finishing rules. Brand pixels keep their own palette independently
   of blue offer labels and the ticket plans' individual accent colours. */
:root {
  --paper: #fff;
  --ticket-white: #fff;
  --brand-coral: #e8483f;
  --brand-teal: #00e5cc;
  --pixel-red: var(--brand-coral);
  --pixel-teal: var(--brand-teal);
  --persistent-nav-top: max(16px, env(safe-area-inset-top, 0px));
  --persistent-nav-height: 80px;
}

/* This header is a direct body child, outside both sticky photo scenes. */
body > .site-header {
  position: fixed;
  z-index: 100;
  top: var(--persistent-nav-top);
}
.skip-link { z-index: 110; }
html { scroll-padding-top: calc(var(--persistent-nav-top) + var(--persistent-nav-height) + 16px); }
.tickets.section { scroll-margin-top: 0; }

/* One white surface continues through the statistics, film and paper sections.
   The attendee wall's deliberate alternating tile backgrounds remain intact. */
body,
.press,
.intro,
.speakers,
.agenda,
.sponsors,
.faq,
.signup,
.represented-companies { background-color: var(--paper); }

/* These are brand marks, so their colours do not inherit a button theme or
   change to blue/gold in a hover state. Motion from pixel-effects.css remains. */
.pixel-motif {
  --pixel-red: var(--brand-coral);
  --pixel-teal: var(--brand-teal);
  --pixel-contrast: var(--brand-coral);
}
.pixel-motif .pixel-glyph .pixel-cell {
  fill: var(--brand-coral) !important;
  stroke: none !important;
}
.pixel-motif .pixel-glyph .pixel-cell:nth-child(even) { fill: var(--brand-teal) !important; }

.hero .event-meta span + span::before,
.intro-copy h2::before { background: var(--brand-coral); }
.hero-countdown-values i::before,
.hero-countdown-values i::after,
#tickets .countdown b::before,
#tickets .countdown b::after { background: var(--brand-coral); }
.ftr2__pixels::before { background: var(--brand-coral); box-shadow: 7px 7px 0 var(--brand-coral); }
.ftr2__pixels::after { background: var(--brand-teal); }

@media (max-width: 860px) and (min-width: 601px) {
  :root { --persistent-nav-height: 72px; }
}
@media (max-width: 600px) {
  :root {
    --persistent-nav-top: max(12px, env(safe-area-inset-top, 0px));
    --persistent-nav-height: 64px;
  }
}
@media (max-width: 860px) {
  /* Without JavaScript the links remain expanded, so allow their extra row. */
  html:not(.js) { --persistent-nav-height: 180px; }
}

/* Original SVG silhouettes, recoloured without touching any image logo. */
.agenda-motif { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%22480%22%20viewBox%3D%220%200%2032%20480%22%20fill%3D%22none%22%20overflow%3D%22hidden%22%3E%3Cg%20transform%3D%22translate%28-835%20-4655%29%22%3E%3Cpath%20d%3D%22M851%204655H835V4671H851V4655Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M851%204671H835V4687H851V4671Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M867%204687H851V4703H867V4687Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M867%204735H851V4751H867V4735Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M867%204751H851V4767H867V4751Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M851%204767H835V4783H851V4767Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M867%204767H851V4783H867V4767Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M851%204783H835V4799H851V4783Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M867%204815H851V4831H867V4815Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M867%204831H851V4847H867V4831Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M851%204847H835V4863H851V4847Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M851%204879H835V4895H851V4879Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M851%204895H835V4911H851V4895Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M867%204895H851V4911H867V4895Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M867%204911H851V4927H867V4911Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M851%204927H835V4943H851V4927Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M867%204927H851V4943H867V4927Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M851%204959H835V4975H851V4959Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M867%204959H851V4975H867V4959Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M851%204975H835V4991H851V4975Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M851%204991H835V5007H851V4991Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M867%204991H851V5007H867V4991Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M867%205007H851V5023H867V5007Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M867%205023H851V5039H867V5023Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M851%205039H835V5055H851V5039Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M851%205071H835V5087H851V5071Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M867%205087H851V5103H867V5087Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M851%205119H835V5135H851V5119Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M867%205119H851V5135H867V5119Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E") left top / 100% auto repeat-y; -webkit-mask: none; mask: none; opacity: 1; }
.faq-motif { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%22480%22%20viewBox%3D%220%200%2032%20480%22%20fill%3D%22none%22%20overflow%3D%22hidden%22%3E%3Cg%20transform%3D%22translate%28-746.717%20-10690%29%22%3E%3Cpath%20d%3D%22M762.717%2010690H746.717V10706H762.717V10690Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M762.717%2010706H746.717V10722H762.717V10706Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M778.717%2010722H762.717V10738H778.717V10722Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M778.717%2010770H762.717V10786H778.717V10770Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M778.717%2010786H762.717V10802H778.717V10786Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M762.717%2010802H746.717V10818H762.717V10802Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M778.717%2010802H762.717V10818H778.717V10802Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M762.717%2010818H746.717V10834H762.717V10818Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M778.717%2010850H762.717V10866H778.717V10850Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M778.717%2010866H762.717V10882H778.717V10866Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M762.717%2010882H746.717V10898H762.717V10882Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M762.717%2010914H746.717V10930H762.717V10914Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M762.717%2010930H746.717V10946H762.717V10930Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M778.717%2010930H762.717V10946H778.717V10930Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M778.717%2010946H762.717V10962H778.717V10946Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M762.717%2010962H746.717V10978H762.717V10962Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M778.717%2010962H762.717V10978H778.717V10962Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M762.717%2010994H746.717V11010H762.717V10994Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M778.717%2010994H762.717V11010H778.717V10994Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M762.717%2011010H746.717V11026H762.717V11010Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M762.717%2011026H746.717V11042H762.717V11026Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M778.717%2011026H762.717V11042H778.717V11026Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M778.717%2011042H762.717V11058H778.717V11042Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M778.717%2011058H762.717V11074H778.717V11058Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M762.717%2011074H746.717V11090H762.717V11074Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M762.717%2011106H746.717V11122H762.717V11106Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M778.717%2011122H762.717V11138H778.717V11122Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M762.717%2011154H746.717V11170H762.717V11154Z%22%20fill%3D%22%2300e5cc%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3Cpath%20d%3D%22M778.717%2011154H762.717V11170H778.717V11154Z%22%20fill%3D%22%23e8483f%22%20fill-opacity%3D%220.16%22%20%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E"); filter: none; opacity: 1; }
.signup-copy > .pixel-expand { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.573%22%20height%3D%2217.3%22%20viewBox%3D%220%200%2017.573%2017.3%22%20fill%3D%22none%22%20overflow%3D%22hidden%22%3E%3Cg%20transform%3D%22translate%28-242.989%20-4345.35%29%22%3E%3Cpath%20d%3D%22M250.401%204347.14L252.194%204345.35L253.689%204346.84L251.895%204348.64L250.401%204347.14ZM253.689%204346.84L255.183%204345.35L256.976%204347.14L255.482%204348.64L253.689%204346.84ZM249.978%204354L251.772%204352.2L253.565%204354L251.772%204355.79L249.978%204354ZM256.975%204347.14L258.769%204345.35L260.562%204347.14L258.769%204348.93L256.975%204347.14ZM253.646%204350.48L255.44%204348.69L257.233%204350.48L255.44%204352.27L253.646%204350.48ZM257.275%204350.43L258.769%204348.94L260.264%204350.43L258.769%204351.92L257.275%204350.43ZM256.976%204353.72L258.769%204351.92L260.264%204353.42L258.47%204355.21L256.976%204353.72Z%22%20fill%3D%22%23e8483f%22%20%2F%3E%0A%3Cpath%20d%3D%22M253.151%204360.86L251.357%204362.65L249.863%204361.16L251.656%204359.36L253.151%204360.86ZM246.575%204360.86L248.07%204359.36L249.863%204361.16L248.368%204362.65L246.575%204360.86L244.783%204362.65L242.989%204360.86L244.783%204359.07L246.575%204360.86ZM253.573%204354L251.78%204355.8L249.987%204354L251.78%204352.21L253.573%204354ZM249.905%204357.52L248.112%204359.31L246.318%204357.52L248.112%204355.73L249.905%204357.52ZM246.276%204357.57L244.782%204359.06L243.288%204357.57L244.782%204356.08L246.276%204357.57ZM246.575%204354.28L244.782%204356.08L243.288%204354.58L245.08%204352.79L246.575%204354.28Z%22%20fill%3D%22%2300e5cc%22%20%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E") center / contain no-repeat; -webkit-mask: none; mask: none; opacity: 1; }

/* Three-dot controls retain three distinct colours from the original palette. */
.pixel-cta.pixel-motif .pixel-glyph .pixel-cell:nth-child(3) { fill:#470c0c!important; }