body { isolation: isolate; }
main { background: transparent; }

main > h1 {
  margin: clamp(1.5rem, 4vw, 2.5rem) 0 .75rem;
  font-size: clamp(2rem, 5vw, 3.25rem);
  line-height: 1.15;
  text-align: center;
}

main > .intro {
  margin: 0 auto clamp(1.75rem, 4vw, 2.75rem);
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  line-height: 1.6;
  text-align: center;
}

.category-tag-header {
  display: block;
  width: min(88%, 680px);
  height: auto;
  margin: clamp(1.5rem, 4vw, 2.5rem) auto;
  object-fit: contain;
  background: transparent;
}

.snowflake-background {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
}

.snowflake {
  position: absolute;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.25rem, 2.4vw, 2.75rem);
  line-height: 1;
  opacity: .85;
  transform: rotate(var(--rotation, 0deg));
}

.snowflake--small { font-size: clamp(.7rem, 1.25vw, 1.35rem); }
.snowflake--large { font-size: clamp(2.1rem, 4.5vw, 5rem); }

.snowflake:nth-child(1)  { top: -2%;  left: 6%;   --rotation: 12deg; }
.snowflake:nth-child(2)  { top: 8%;   left: -1%;  --rotation: -18deg; }
.snowflake:nth-child(3)  { top: 18%;  left: 14%;  --rotation: 25deg; }
.snowflake:nth-child(4)  { top: 34%;  left: 3%;   --rotation: -8deg; }
.snowflake:nth-child(5)  { top: 47%;  left: 18%;  --rotation: 32deg; }
.snowflake:nth-child(6)  { top: 63%;  left: -2%;  --rotation: 9deg; }
.snowflake:nth-child(7)  { top: 76%;  left: 11%;  --rotation: -27deg; }
.snowflake:nth-child(8)  { top: 92%;  left: 2%;   --rotation: 17deg; }
.snowflake:nth-child(9)  { top: 101%; left: 23%;  --rotation: -11deg; }
.snowflake:nth-child(10) { top: 43%;  left: 31%;  --rotation: 21deg; }
.snowflake:nth-child(11) { top: 58%;  left: 42%;  --rotation: -31deg; }
.snowflake:nth-child(12) { top: 72%;  left: 28%;  --rotation: 7deg; }
.snowflake:nth-child(13) { top: 86%;  left: 38%;  --rotation: 29deg; }
.snowflake:nth-child(14) { top: 97%;  left: 52%;  --rotation: -16deg; }
.snowflake:nth-child(15) { top: 48%;  left: 59%;  --rotation: 14deg; }
.snowflake:nth-child(16) { top: 67%;  left: 68%;  --rotation: -23deg; }
.snowflake:nth-child(17) { top: 81%;  left: 55%;  --rotation: 33deg; }
.snowflake:nth-child(18) { top: 91%;  left: 76%;  --rotation: -5deg; }
.snowflake:nth-child(19) { top: -3%;  left: 88%;  --rotation: 22deg; }
.snowflake:nth-child(20) { top: 11%;  left: 96%;  --rotation: -29deg; }
.snowflake:nth-child(21) { top: 23%;  left: 84%;  --rotation: 10deg; }
.snowflake:nth-child(22) { top: 38%;  left: 101%; --rotation: -14deg; }
.snowflake:nth-child(23) { top: 51%;  left: 88%;  --rotation: 28deg; }
.snowflake:nth-child(24) { top: 65%;  left: 97%;  --rotation: -20deg; }
.snowflake:nth-child(25) { top: 79%;  left: 83%;  --rotation: 16deg; }