@font-face {
  font-family: 'Zilla Slab';
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: url('https://gamingcommission.club/www.patternsday.com/assets/fonts/zillaslab-bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400 600;
  font-display: fallback;
  src: url('https://gamingcommission.club/www.patternsday.com/assets/fonts/golostext.woff2') format('woff2');
}
/* custom properties */
:root {
  --font-heading: 'Zilla Slab', Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
  --font-body: 'Golos Text', system-ui, sans-serif;

  --colour-white: rgba(255, 255, 255, 1);
  --colour-black: rgba(0, 0, 0, 1);
  --colour-light: rgba(232, 233, 234, 1);
  --colour-dark: rgba(34, 34, 34, 1);

  --colour-brand-pink: rgba(218, 55, 94, 1);
  --colour-brand-pink-dark: rgba(161, 50, 80, 1);
  --colour-brand-pink-light:rgba(229, 115, 142, 1);
  --colour-brand-green: rgba(35, 216, 160, 1);
  --colour-brand-green-dark: rgba(33, 162, 126, 1);
  --colour-brand-green-light: rgba(101, 228, 189, 1);
  --colour-brand-orange: rgba(255, 97, 42, 1);
  --colour-brand-orange-dark: rgba(187, 79, 44, 1);
  --colour-brand-orange-light: rgba(255, 144, 106, 1);

  --colour-semantic-info: rgba(6, 131, 219, 1);
  --colour-semantic-success: rgba(12, 166, 38, 1);
  --colour-semantic-warning: rgba(239, 112, 21, 1);
  --colour-semantic-error: rgba(236, 0, 20, 1);

  --img-tile1: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="78" fill="none"><path fill="rgb(255,255,255,0.1)" d="M30 0h-6l-9 9-9-9H0v8l10 10v42L0 71v7h7l8-9 8 9h7v-7L20 60V18L30 8V0Z"/></svg>');
  --img-tile2: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="83" height="83" fill="none"><path fill="rgb(255,255,255,0.1)" fill-rule="evenodd" d="M83 18v47c-10 0-18 8-18 18H18c0-10-8-18-18-18V18c10 0 18-8 18-18h47c0 10 8 18 18 18ZM7 56V27a27 27 0 0 0 7-3l18 17-18 18a27 27 0 0 0-7-3Zm35-24 17-18a28 28 0 0 1-3-7H27a28 28 0 0 1-3 7l18 18Zm27-8L51 42l18 17a27 27 0 0 1 7-3V27a27 27 0 0 1-7-3ZM27 76a28 28 0 0 0-3-7l17-18 18 18a28 28 0 0 0-3 7H27Z" clip-rule="evenodd"/></svg>');
  --img-tile3: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none"><path fill="rgb(255,255,255,0.1)" d="M20 0H0v20h20v20h20V20H20V0Z"/></svg>');
  --img-carpet: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="140" height="190" fill="none"><path fill="rgb(255,255,255,0.1)" d="M0 0h9v36l29 16v43L0 116V96l21-11V62L0 51V0ZM131 0h9v51l-21 11v23l21 11v20l-39-21V52l30-16V0ZM31 190v-21l39-21 38 21v21H91v-11l-21-11-21 11v11H31Z"/><path fill="rgb(255,255,255,0.1)" d="M31 22V0h18v11l21 11 21-11V0h17v22L79 38v71l61 33v48h-9v-32l-61-33-61 33v32H0v-48l61-33V38L31 22Z"/><path fill="rgb(255,255,255,0.1)" d="M140 96V51l-21 11v23l21 11ZM0 96V51l21 11v23L0 96ZM49 0v11l21 11 21-11V0H49ZM49 190v-11l21-11 21 11v11H49Z" opacity=".5"/></svg>');
  --img-chevron: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" viewBox="0 0 10 16" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1.667 14.667 8.333 8 1.667 1.333"/></svg>');
  --img-squares: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="138" height="131" fill="none"><mask id="a" width="94" height="94" x="44" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="%23222" d="M137 0H44v10l83 29-20 54h30V0Z"/></mask><g mask="url('https://gamingcommission.club/www.patternsday.com/%23a')"><path fill="%23fff" d="M44 0h93v93H44z"/><path fill="%23222" fill-rule="evenodd" d="M191 0c0 4 3 7 7 7v17a7 7 0 0 0 0 14v17a7 7 0 0 0 0 13v18a7 7 0 0 0 0 13v17a7 7 0 0 0 0 14v17c-4 0-7 3-7 7h-17a7 7 0 0 0-14 0h-17a7 7 0 0 0-14 0h-16a7 7 0 0 0-14 0H82a7 7 0 0 0-14 0H51c0-4-3-7-7-7v-17a7 7 0 0 0 0-14V99a7 7 0 0 0 0-13V68a7 7 0 0 0 0-13V38a7 7 0 0 0 0-14V7a7 7 0 0 0 7-7h17a7 7 0 1 0 14 0h17a7 7 0 1 0 14 0h17a7 7 0 1 0 13 0h17a7 7 0 1 0 14 0h17ZM47 102v11l2 1 7-6-7-7-2 1Zm16 6 7 6 3-1v-11l-3-1-7 7Zm15-6v11l2 1 7-6-7-7-2 1Zm16 6 7 6 2-1v-11l-2-1-7 7Zm15 5 2 1 7-6-7-7-2 1v11Zm16-5 6 6 3-1v-11l-3-1-6 7Zm14-6v11l2 1 7-6-7-7-2 1Zm17 6 6 6 3-1v-11l-3-1-6 7Zm14-6v11l2 1 7-6-7-7-2 1Zm16 6 7 6 2-1v-11l-2-1-7 7Zm-71 10 6-7 6 7-1 2h-10l-1-2Zm1 7h10l1 3-6 6-6-6 1-3Zm-1 23 6-6 6 6-1 3h-10l-1-3Zm-62-30 1 2h11l1-2-6-7-7 7Zm32 2-1-2 7-7 6 7-1 2H85Zm-38 24v-11l2-1 7 6-7 7-2-1Zm13-9 6-7-1-3H54l-1 3 7 7Zm10-3-7 6 7 7 3-1v-11l-3-1Zm8 1 2-1 7 6-7 7-2-1v-11Zm13 2-7-7 1-3h11l1 3-6 7Zm10 10-7-7 7-6 2 1v11l-2 1Zm17-7-7-6-2 1v11l2 1 7-7Zm-12-8a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm-15 12-7 6 1 3h11l1-3-6-6Zm-37 9-1-3 7-6 6 6-1 3H54Zm28-28a7 7 0 1 1-14 0 7 7 0 0 1 14 0Zm63-5 1 2h11l1-2-6-7-7 7Zm-21 20 7-6 3 1v11l-3 1-7-7Zm53-18-1-2 7-7 6 7-1 2h-11Zm-38 24v-11l3-1 6 6-7 7-2-1Zm13-9 6-7-1-3h-11l-1 3 7 7Zm10-3-7 6 7 7 3-1v-11l-3-1Zm8 1 2-1 7 6-7 7-2-1v-11Zm13 2-7-7 1-3h11l1 3-6 7Zm10 10-7-7 7-6 2 1v11l-2 1Zm-10-3-7 6 1 3h11l1-3-6-6Zm-37 9-1-3 7-6 6 6-1 3h-11Zm28-28a7 7 0 1 1-14 0 7 7 0 0 1 14 0Zm-38 7a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm-21-74 6-6 6 6-1 3h-10l-1-3Zm1 8h10l1 3-6 6-6-6 1-3Zm-1 23 6-6 6 6-1 3h-10l-1-3Zm0 11 1-3h10l1 3-6 6-6-6Zm1-95h10l1 2-6 7-6-7 1-2Zm-1 23 6-6 6 6-1 2h-10l-1-2Zm0 10 1-2h10l1 2-6 6-6-6ZM49 53l-2-1V41l2-1 7 6-7 7Zm14-7 7 7 3-1V41l-3-1-7 6Zm15-5v11l2 1 7-7-7-6-2 1Zm16 5 7 7 2-1V41l-2-1-7 6Zm15 6 2 1 7-7-7-6-2 1v11Zm-56 4 1 3h11l1-3-6-6-7 6Zm32 3-1-3 7-6 6 6-1 3H85ZM47 83V72l2-1 7 6-7 7-2-1Zm13-10 6-6-1-3H54l-1 3 7 6Zm10-2-7 6 7 7 3-1V72l-3-1Zm8 1 2-1 7 6-7 7-2-1V72Zm13 1-7-6 1-3h11l1 3-6 6Zm10 11-7-7 7-6 2 1v11l-2 1Zm17-7-7-6-2 1v11l2 1 7-7Zm-12-9a7 7 0 1 0 0-13 7 7 0 0 0 0 13Zm-9 30-1-3H85l-1 3 7 6 6-6Zm-6-17-7 6 1 3h11l1-3-6-6Zm-37 9-1-3 7-6 6 6-1 3H54Zm11 5 1 3-6 6-7-6 1-3h11Zm10 4a7 7 0 1 0 0-13 7 7 0 0 0 0 13Zm38-6a7 7 0 1 1-14 0 7 7 0 0 1 14 0ZM82 62a7 7 0 1 1-14 0 7 7 0 0 1 14 0ZM47 21V10l2-1 7 7-7 6-2-1Zm13-9 6-7-1-2H54l-1 2 7 7Zm10-3-7 7 7 6 3-1V10l-3-1Zm8 1 2-1 7 7-7 6-2-1V10Zm13 2-7-7 1-2h11l1 2-6 7Zm10 10-7-6 7-7 2 1v11l-2 1Zm17-6-7-7-2 1v11l2 1 7-6ZM97 36l-1-2H85l-1 2 7 7 6-7Zm-6-17-7 7 1 2h11l1-2-6-7Zm-37 9-1-2 7-7 6 7-1 2H54Zm11 6 1 2-6 7-7-7 1-2h11Zm10 4a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm38-7a7 7 0 1 1-14 0 7 7 0 0 1 14 0Zm28 22-2-1V41l2-1 7 6-7 7Zm14-7 7 7 3-1V41l-3-1-7 6Zm15-5v11l2 1 7-7-7-6-2 1Zm16 5 7 7 2-1V41l-2-1-7 6Zm-61 0 6 7 3-1V41l-3-1-6 6Zm20 10 1 3h11l1-3-6-6-7 6Zm-21 21 7-6 3 1v11l-3 1-7-7Zm53-18-1-3 7-6 6 6-1 3h-11Zm-38 24V72l3-1 6 6-7 7-2-1Zm13-10 6-6-1-3h-11l-1 3 7 6Zm10-2-7 6 7 7 3-1V72l-3-1Zm8 1 2-1 7 6-7 7-2-1V72Zm13 1-7-6 1-3h11l1 3-6 6Zm10 11-7-7 7-6 2 1v11l-2 1Zm-4 14-1-3h-11l-1 3 7 6 6-6Zm-6-17-7 6 1 3h11l1-3-6-6Zm-37 9-1-3 7-6 6 6-1 3h-11Zm11 5 1 3-6 6-7-6 1-3h11Zm-21 4a7 7 0 1 0 0-13 7 7 0 0 0 0 13Zm31 0a7 7 0 1 0 0-13 7 7 0 0 0 0 13Zm7-37a7 7 0 1 1-14 0 7 7 0 0 1 14 0Zm-38 6a7 7 0 1 0 0-13 7 7 0 0 0 0 13Zm-12-52 7-7 3 1v11l-3 1-7-6Zm15 5V10l3-1 6 7-7 6-2-1Zm13-9 6-7-1-2h-11l-1 2 7 7Zm10-3-7 7 7 6 3-1V10l-3-1Zm8 1 2-1 7 7-7 6-2-1V10Zm13 2-7-7 1-2h11l1 2-6 7Zm10 10-7-6 7-7 2 1v11l-2 1Zm-4 14-1-2h-11l-1 2 7 7 6-7Zm-6-17-7 7 1 2h11l1-2-6-7Zm-37 9-1-2 7-7 6 7-1 2h-11Zm11 6 1 2-6 7-7-7 1-2h11Zm-21 4a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm31 0a7 7 0 1 0 0-14 7 7 0 0 0 0 14Z" clip-rule="evenodd" opacity=".1"/></g><mask id="b" width="119" height="120" x="0" y="11" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="%23222" d="M87 130 0 99l31-88 87 31z"/></mask><g mask="url('https://gamingcommission.club/www.patternsday.com/%23b')"><path fill="%23DA375E" d="m119 43-31 87L0 99l32-87z"/><path fill="%23fff" fill-rule="evenodd" d="m123 30-3-1-6 3-2-6-7-2-5 3-3-6-6-2-6 2-2-5-7-3-5 3-3-6-6-2-6 3-2-6-7-2-5 3-3-6-6-2-6 3-2-6-7-2-6 3-2-6-3-1-1 3 3 7-8 20-6 4-3 7 3 7-7 20-7 4-2 6 3 7-8 21-6 3-3 7 3 7-7 20-7 4-1 4 3 1 6-3 3 6 6 2 5-3 3 6 6 2 6-3 3 6 6 2 6-3 2 6 6 2 6-3 3 7 6 2 6-3 2 6 6 2 6-3 3 6 6 2 6-3 2 6 3 1 2-4-3-7 7-20 7-3 2-7-3-7 7-21 7-3 3-7-3-7 7-20 7-4 2-7-3-7 7-20 7-4 1-3ZM-34 134l7-20 7-4 3 7-7 21-7 3-3-7Zm6-25-2-6 5-3 3 6-6 3Zm20 2-5 3-3-6 6-3 2 6Zm9 8-2-6 5-3 3 6-6 3Zm-6 26 7-21 7-3 3 7-7 20-7 4-3-7Zm-1-29 3 7-7 20-7 3-3-7 8-20 6-3Zm22 8 5-3-2-6-6 3 3 6ZM-3 27l5-3 3 6-6 3-2-6Zm9-6 3 7 7-4 7-20-3-7-7 4-7 20ZM0 38l-7 21 3 7 6-4 8-20-3-7-7 3Zm-11 24-6 3 3 6 5-3-2-6Zm28-32-6 3 3 5 5-2-2-6Zm4 10-7 4-7 20 3 7 7-4 7-20-3-7Zm5-2 5-3 3 6-6 3-2-6Zm4-8-6 3-3-7 7-20 7-4 3 7-8 21Zm5 1 3 7 7-3 7-20-3-7-7 3-7 20ZM22 69l7-20 7-4 3 7-7 21-7 3-3-7Zm-4 4-6 3 3 5 5-3-2-5ZM8 78l-7 3-7 21 3 7 7-4 7-20-3-7ZM3 67l3 6-6 3-2-6 5-3Zm-10 6-7 3-7 20 3 7 7-3 7-20-3-7Zm47-30 6-3 2 6-5 3-3-6ZM27 81l5-3 3 6-6 3-2-6Zm-5 2-6 4-8 20 3 7 7-4 7-20-3-7Zm4 50-7 20-7 4-3-7 8-21 6-3 3 7Zm-2 22 7-20 7-4 3 7-7 20-7 4-3-7Zm6-26-2-5 6-3 2 5-6 3ZM72 21l-8 21 3 7 7-4 7-20-3-7-6 3ZM60 40l7-20-3-7-7 3-7 21 3 7 7-4Zm0 5-5 3 2 6 6-3-3-6Zm-16 9 6-4 3 7-7 21-7 3-3-7 8-20Zm-7 34 3 7-7 20-7 4-3-7 7-20 7-4Zm4-2 6-3 2 6-5 3-3-6Zm10-7 3 7 7-3 7-20-3-7-7 3-7 20Zm-6 18-8 20 3 7 7-3 7-21-3-7-6 4Zm-6 63 7-20 7-4 3 7-8 21-6 3-3-7Zm6-25-3-6 6-3 3 6-6 3ZM86 27l-7 20 3 7 7-4 7-20-3-7-7 4ZM75 50l-6 3 3 6 5-3-2-6ZM56 91l6-3 2 6-6 3-2-6Zm9-6 3 7 7-4 7-20-3-7-6 3-8 21Zm-6 17-7 20 3 7 7-3 7-20-3-7-7 3Zm1 38 5-3-2-6-6 3 3 6Zm24-81 6-3 2 5-6 3-2-5ZM70 96l6-3 3 6-6 3-3-6Zm10 46-3-6-5 3 2 6 6-3Zm21-72 6-3-3-6-6 3 3 6ZM91 98l-6 3 3 6 5-3-2-6Zm-21 50-7 21-7 3-3-7 7-20 7-4 3 7Zm17-78 7-4 3 7-7 20-7 4-3-7 7-20Zm16-14-7 3-3-7 8-20 6-4 3 7-7 21Zm-22 48-7 3-7 21 3 7 6-4 8-20-3-7Z" clip-rule="evenodd" opacity=".1"/></g></svg>');

  --step--1: clamp(0.8331rem, 0.7977rem + 0.1769vi, 1.0313rem);
  --step-0: clamp(1rem, 0.933rem + 0.3348vi, 1.375rem);
  --step-1: clamp(1.2rem, 1.0869rem + 0.5653vi, 1.8331rem);
  --step-2: clamp(1.44rem, 1.2609rem + 0.8956vi, 2.4431rem);
  --step-3: clamp(1.7281rem, 1.4551rem + 1.365vi, 3.2569rem);
  --step-4: clamp(2.0738rem, 1.6688rem + 2.0246vi, 4.3412rem);
  --step-5: clamp(2.4881rem, 1.8991rem + 2.9453vi, 5.7869rem);
  --step-6: clamp(2.9863rem, 2.1419rem + 4.2215vi, 7.7144rem);

  --space-3xs: clamp(0.25rem, 0.2277rem + 0.1116vi, 0.375rem);
  --space-2xs: clamp(0.5rem, 0.4665rem + 0.1674vi, 0.6875rem);
  --space-xs: clamp(0.75rem, 0.6942rem + 0.279vi, 1.0625rem);
  --space-s: clamp(1rem, 0.933rem + 0.3348vi, 1.375rem);
  --space-m: clamp(1.5rem, 1.3996rem + 0.5022vi, 2.0625rem);
  --space-l: clamp(2rem, 1.8661rem + 0.6696vi, 2.75rem);
  --space-xl: clamp(3rem, 2.7991rem + 1.0045vi, 4.125rem);
  --space-2xl: clamp(4rem, 3.7321rem + 1.3393vi, 5.5rem);
  --space-3xl: clamp(6rem, 5.5982rem + 2.0089vi, 8.25rem);
  --space-4xl: clamp(8rem, 7.4643rem + 2.6786vi, 11rem);

  --colour-page: var(--colour-white);
  --colour-ink: var(--colour-dark);
  --colour-link: var(--colour-brand-pink-dark);
  --colour-focus: var(--colour-semantic-warning);
  --space-gutter: var(--space-xl);
  --space-grid-unit: 22rem;
}
@media (prefers-color-scheme: dark) {
  :root {
    --colour-page: var(--colour-dark);
    --colour-ink: var(--colour-light);
    --colour-link: var(--colour-brand-pink-light);
  }
}
/* calc(var(--space-grid-unit) * 2) */
@media (min-width: 44rem) {
  :root {
    --space-gutter: var(--space-l);
  }
}
/* calc(var(--space-grid-unit) * 3) */
@media (min-width: 66rem) {
  :root {
    --space-gutter: var(--space-xl);
  }
}

/* elements */
* {
  box-sizing: border-box;
}
@media (prefers-reduced-motion) {
  * {
    transition-duration: 0s !important;
  }
}
html {
  background-color: var(--colour-black);
  background-image: var(--img-tile3);
  background-attachment: fixed;
  max-width: calc(var(--space-grid-unit) * 5);
  margin-inline-start: auto;
  scroll-behavior: smooth;
}
body {
  background-color: var(--colour-page);
  color: var(--colour-ink);
  font-family: var(--font-body);
  font-weight: 400;
  font-size: var(--step-0);
  line-height: 1.5;
  max-width: calc(var(--space-grid-unit) * 4);
  margin-block: 0;
  margin-inline-start: 0;
  margin-inline-end: auto;
}
/* calc(var(--space-grid-unit) * 6) */
@media (min-width: 132rem) {
  html,body {
    margin-inline: auto;
  }
}
img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
a {
  color: var(--colour-link);
  text-decoration: none;
  background-image: linear-gradient(120deg,var(--colour-link),var(--colour-link));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  transition: background-size .125s ease;
}
a:hover,
a:focus {
  color: var(--colour-page);
  background-size: 100% 100%;
}
a:focus-visible {
  outline-style: solid;
  outline-color: var(--colour-focus);
  outline-width: 2px;
  outline-offset: 2px;
}
small {
  font-size: var(--step--1);
}
h1,h2,h3 {
  font-family: var(--font-heading);
  line-height: 1;
  margin-block: var(--space-m);
}
h1 {
  font-size: var(--step-6);
}
h2 {
  font-size: var(--step-5);
}
h3 {
  font-size: var(--step-3);
}
h1 a,
h2 a,
h3 a {
  background-size: 100% 0;
}
figure {
  margin-inline: 0;
}
figcaption {
  text-align: end;
}
table {
  border-collapse: collapse;
}
tr th {
  text-align: end;
  padding-inline-end: var(--space-2xs);
  font-family: var(--font-heading);
}
tr th,
tr td {
  vertical-align: top;
  padding-block: var(--space-3xs);
}

/* components */

.inverted {
  --colour-page: var(--colour-dark);
  --colour-ink: var(--colour-light);
  --colour-link: var(--colour-brand-pink-light);
}
.svgtext {
  fill: var(--colour-ink);
}

.content {
  background-color: var(--colour-page);
  color: var(--colour-ink);
  padding-block-start: var(--space-s);
  padding-block-end: var(--space-m);
  padding-inline: var(--space-gutter);
  max-width: calc(var(--space-grid-unit) * 3);
  margin-inline-start: auto;
}
.content :where(p,li,small) {
  max-width: 70ch;
}
.content .hero {
  margin-inline: calc(var(--space-gutter) * -1);
  width: calc(100% + (var(--space-gutter) * 2));
  max-width: calc(100% + (var(--space-gutter) * 2));
}

.action {
  display: inline-block;
  padding: var(--space-m);
  padding-inline-end: calc(var(--space-m) * 2);
  background-color: var(--colour-brand-green);
  color: var(--colour-dark);
  font-weight: 600;
  background-image: var(--img-chevron);
  background-position: calc(100% - var(--space-m));
  background-repeat: no-repeat;
  background-size: auto;
  transition: background-position .125s ease;
}
a.action:hover,
a.action:focus,
a.action:active {
  background-size: auto;
  color: var(--colour-dark);
  background-color: var(--colour-brand-green-light);
  background-position: calc(100% - var(--space-s));
}
a.action:active {
  color: var(--colour-page);
  background-color: var(--colour-ink);
}

.gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
.gallery > * {
  flex-grow: 1;
}

/* areas */
nav {
  background-color: var(--colour-page);
  color: var(--colour-ink);
}
nav .content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--space-s);
  justify-content: space-between;
  align-items: baseline;
}
nav .content > * {
  flex-grow: 1;
  font-weight: 600;
}

header.h-event {
  background-color: var(--colour-black);
  background-image: var(--img-tile2);
  background-size: var(--space-3xl);
  background-attachment: fixed;
  min-block-size: 75dvb;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
header.h-event .content {
  background-color: transparent;
  inline-size: 100%;
}
header.h-event .p-name {
  color: var(--colour-white);
  max-width: 10ch;
  background-image: var(--img-squares);
  background-position: 0 0.165em;
  background-repeat: no-repeat;
  background-size: 2em;
  padding-block-start: 2em;
  padding-inline-start: var(--space-gutter);
  margin-inline-start: calc(var(--space-gutter) * -1);
}
@media (min-width: 26rem) {
  header.h-event .p-name {
    padding-block-start: 0;
    padding-block-end: 1em;
    padding-inline-start: 2.2em;
  }
}
header.h-event .dt-start {
  font-size: var(--step-3);
  font-weight: 600;
}
header.h-event .p-location {
  font-size: var(--step-2);
}
header.h-event .p-summary {
  font-size: var(--step-1);
  text-wrap:balance;
  max-width: 56ch;
}
header.h-event small {
  display: block;
  margin-block-start: var(--space-xl);
}

main > section[aria-labelledby] {
  background-color: var(--theme-colour);
  background-image: var(--theme-image);
  background-size: var(--theme-image-size);
  background-attachment: fixed;
}
[aria-labelledby="speakers"] {
  --theme-colour: var(--colour-brand-green);
  --theme-image: var(--img-tile1);
  --theme-image-size: var(--space-l);
}
[aria-labelledby="workshop"] {
  --theme-colour: var(--colour-brand-pink);
  --theme-image: var(--img-tile2);
  --theme-image-size: var(--space-3xl);
}
[aria-labelledby="venue"],
[aria-labelledby="hotels"] {
  --theme-colour: var(--colour-brand-orange);
  --theme-image: var(--img-carpet);
  --theme-image-size: var(--space-xl);
}
[aria-labelledby="previously"] {
  --theme-colour: var(--colour-brand-pink);
  --theme-image: var(--img-tile1);
  --theme-image-size: var(--space-l);
}
[aria-labelledby="sponsors"] {
  --theme-colour: var(--colour-brand-orange);
  --theme-image: var(--img-tile2);
  --theme-image-size: var(--space-3xl);
}
[aria-labelledby="codeofconduct"] {
  --theme-colour: var(--colour-brand-green);
  --theme-image: var(--img-tile1);
  --theme-image-size: var(--space-l);
}
[aria-labelledby="lunch"] {
  --theme-colour: var(--colour-brand-green);
  --theme-image: var(--img-tile1);
  --theme-image-size: var(--space-l);
}
section[aria-labelledby] > header {
  max-width: calc(var(--space-grid-unit) * 3);
  margin-inline-start: auto;
  margin-block: 0;
  padding-block: var(--space-2xs);
  padding-inline: var(--space-gutter);
  color: var(--colour-dark);
}
section[aria-labelledby] .content {
  min-block-size: calc(100dvb - (var(--step-5) + var(--space-2xs)));
}

[aria-labelledby="speakers"] .gallery {
  gap: 1rem;
  padding-block: var(--space-l);
}
[aria-labelledby="speakers"] .gallery > * {
  max-width: 15rem;
  margin-inline: auto;
  font-weight: 600;
}
[aria-labelledby="speakers"] :where(.h-card > .u-url, .h-card:not(:has( > .u-url))) {
  display: flex;
  flex-direction: column;
  align-items: start;
}
[aria-labelledby="speakers"] .h-card .u-url {
  color: var(--colour-ink);
  background-image: none;
}
[aria-labelledby="speakers"] .h-card picture {
  order: -1;
}
[aria-labelledby="speakers"] .placeholder,
[aria-labelledby="speakers"] .h-card .u-photo {
  border-color: var(--colour-page);
  border-width: var(--space-2xs);
  border-style: solid;
  width: 15rem;
  height: 15rem;
  margin-block: var(--space-s);
  transform: rotate(-20deg);
  transition: transform .125s ease;
}
[aria-labelledby="speakers"] .h-card .u-url:hover .u-photo,
[aria-labelledby="speakers"] .h-card .u-url:focus .u-photo {
  border-color: var(--colour-link);
  transform: rotate(0);
}
[aria-labelledby="speakers"] .placeholder {
  background-color: var(--colour-light);
  color: var(--colour-dark);
  display: flex;
  align-items: center;
  justify-content: center;
}
[aria-labelledby="speakers"] .placeholder::after {
  content: '?';
}
[aria-labelledby="speakers"] .h-card .p-name {
  font-family: var(--font-heading);
  font-size: var(--step-2);
  font-weight: 600;
  margin-block: var(--space-xs);
}
[aria-labelledby="speakers"] .h-card .u-url:hover .p-name,
[aria-labelledby="speakers"] .h-card .u-url:focus .p-name {
  text-decoration: underline
}

[aria-labelledby="workshop"] .h-event .p-summary {
  font-size: var(--step-1);
  font-weight: 600;
}
[aria-labelledby="workshop"] .h-event .dt-start {
  font-size: var(--step-0);
  font-weight: 600;
}
[aria-labelledby="workshop"] .h-event .p-location {
  font-size: var(--step--1);
  font-weight: 600;
}
[aria-labelledby="workshop"] .h-event .u-photo {
  display: block;
  margin-block: calc(var(--space-gutter) / 2);
  border-radius: 50%;
}
@media (min-width: 44rem) {
  [aria-labelledby="workshop"] .h-event .u-photo {
    float: inline-end;
    margin-inline-start: var(--space-gutter);
    margin-inline-end: 0;
    shape-outside: circle();
  }
}

[aria-labelledby="venue"] .content {
  padding-block-start: 0;
}
[aria-labelledby="venue"] img.map {
  inline-size: 100%;
  display: block;
}

[aria-labelledby="sponsors"] h3 a {
  background-image: none;
}
[aria-labelledby="sponsors"] h3 img,
[aria-labelledby="sponsors"] h3 [role="img"] {
  inline-size: 80%;
  block-size: auto;
}

footer {
  background-color: var(--colour-page);
  color: var(--colour-ink);
}
footer .h-card a.p-photo {
  background-image: none;
}
footer .h-card + p {
  text-align: end;
}