/* opt-one:base-reset */

/* Default styles for all elements */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Arial, sans-serif;
}

/* Form controls don't inherit fonts by default — the browser's own stylesheet
   sets them (Chrome computes Arial). Inherit so they follow the site font. */
button, input, optgroup, select, textarea {
  font: inherit;
}

p {
  margin-top: 0;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

picture {
  display: block;
  width: 100%;
  height: 100%;
}

picture img {
  display: block;
}

.page-home {
  min-height: 100vh;
  display: grid;
  place-items: center;
  text-align: center;
  font-family: Arial, sans-serif;
  color: #111827;
  padding: 24px;
}

.page-home-title {
  font-size: 56px;
  font-weight: 700;
  margin: 0 0 16px;
  letter-spacing: -0.02em;
}

.page-home-message {
  font-size: 18px;
  line-height: 1.6;
  color: #6b7280;
  margin: 0 0 32px;
}

.page-home-link {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 12px;
  background: #000000;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

/* 404: an empty spot on the gallery wall */

.page-404 {
  padding: 120px 88px 140px;
}

.page-404-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1440px;
  margin: 0 auto;
  padding: 40px 56px 96px;
  background: var(--soc-cream);
  text-align: center;
}

.page-404-nav {
  display: flex;
  justify-content: center;
}

.page-404-logo {
  font-family: var(--soc-serif);
  font-style: italic;
  font-size: 44px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--soc-ink);
  text-decoration: none;
}

.page-404-frame {
  width: clamp(240px, 30vw, 420px);
  height: auto;
  aspect-ratio: 1 / 1;
  margin: 56px 0 48px;
  transform: rotate(-5deg);
  filter: drop-shadow(0 18px 24px rgb(0 0 0 / 0.35));
}

.page-404-frame-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform: rotateX(0deg) rotateY(0deg) rotateZ(39deg);
	float: none;
}

.page-404-title {
  margin: 0 0 24px;
  font-family: var(--soc-serif);
  font-weight: 400;
  font-size: clamp(3.5rem, 9vw, 8.5rem);
  line-height: 0.88;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: var(--soc-red);
}

.page-404-message {
  max-width: 34rem;
  margin: 0 0 40px;
  font-size: 18px;
  line-height: 1.5;
  color: var(--soc-muted);
}

.page-404-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px 32px;
}

.page-404-link {
  display: inline-flex;
  align-items: center;
  min-height: 56px;
  padding: 16px 32px;
  background: var(--soc-red-deep);
  color: var(--soc-on-red);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color 160ms ease;
}

.page-404-link:hover {
  background: var(--soc-red-dark);
}

.page-404-link-secondary {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--soc-ink);
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}

.page-404-link-secondary:hover {
  color: var(--soc-red-deep);
}

/* Survey end pages (Thanks, Answers not sent): the same wall and card as the 404 */

.endcard {
  padding: 120px 88px 140px;
}

.endcard-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1440px;
  margin: 0 auto;
  padding: 40px 56px 96px;
  background: var(--soc-cream);
  text-align: center;
}

.endcard-nav {
  display: flex;
  justify-content: center;
}

.endcard-logo {
  font-family: var(--soc-serif);
  font-style: italic;
  font-size: 44px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--soc-ink);
  text-decoration: none;
}

.endcard-gallery {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
  margin-block-start: 42px;
  margin-inline-end: 0px;
  margin-block-end: 48px;
  margin-inline-start: 0px;
}

.endcard-frame {
  flex: none;
  width: clamp(200px, 24vw, 340px);
  height: auto;
  aspect-ratio: 1 / 1;
  filter: drop-shadow(0 18px 24px rgb(0 0 0 / 0.35));
}

.endcard-frame-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.endcard-frame-left {
  width: clamp(120px, 13vw, 190px);
  margin-top: 56px;
  transform: rotate(-4deg);
}

.endcard-frame-center {
  transform: rotate(3deg);
}

.endcard-frame-right {
  width: clamp(120px, 13vw, 190px);
  margin-top: 24px;
  transform: rotate(5deg);
}

.endcard-frame-crooked {
  transform: rotate(-14deg);
}

.endcard-eyebrow {
  margin: 0 0 16px;
  font-size: 15px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--soc-muted);
}

.endcard-title {
  font-family: var(--soc-serif);
  font-weight: 400;
  font-size: clamp(3.5rem, 9vw, 8.5rem);
  line-height: 0.88;
  letter-spacing: -0.01em;
  text-transform: none;
  color: var(--soc-red);
  margin-block-start: 42px;
  margin-inline-end: 0px;
  margin-block-end: 24px;
  margin-inline-start: 0px;
  font-style: italic;
}

.endcard-message {
  max-width: 36rem;
  margin: 0 0 40px;
  font-size: 18px;
  line-height: 1.5;
  color: var(--soc-muted);
}

.endcard-note {
  max-width: 36rem;
  margin: -24px 0 40px;
  font-size: 15px;
  line-height: 1.5;
  color: var(--soc-ink);
}

.endcard-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px 32px;
}

.endcard-button {
  display: inline-flex;
  align-items: center;
  min-height: 56px;
  padding: 16px 32px;
  background: var(--soc-red-deep);
  color: var(--soc-on-red);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color 160ms ease;
}

.endcard-button:hover {
  background: var(--soc-red-dark);
}

.endcard-link {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--soc-ink);
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}

.endcard-link:hover {
  color: var(--soc-red-deep);
}

.endcard-share {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 36rem;
}

.endcard-share-label {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--soc-ink);
}

.endcard-share-field {
  display: flex;
  width: 100%;
}

.endcard-share-url {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 56px;
  padding: 16px 20px;
  border: 1px solid var(--color-line-strong);
  border-right: 0;
  border-radius: 0;
  background: var(--color-white);
  color: var(--soc-ink);
  font-family: inherit;
  font-size: 16px;
  -webkit-appearance: none;
  appearance: none;
}

.endcard-share-url:focus-visible {
  outline: 2px solid var(--soc-red-deep);
  outline-offset: -2px;
}

.endcard-share-button {
  flex: none;
  justify-content: center;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  cursor: pointer;
}

.endcard-share-button:focus-visible {
  outline: 2px solid var(--soc-ink);
  outline-offset: 2px;
}

.endcard-share-button-text {
  min-width: 6.5em;
}

/* Privacy and cookie policy: the same wall and card, with readable prose */

.legal {
  padding: 120px 88px 140px;
}

.legal-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1440px;
  margin: 0 auto;
  padding: 40px 56px 96px;
  background: var(--soc-cream);
}

.legal-nav {
  display: flex;
  justify-content: center;
}

.legal-logo {
  font-family: var(--soc-serif);
  font-style: italic;
  font-size: 44px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--soc-ink);
  text-decoration: none;
}

.legal-eyebrow {
  margin: 64px 0 16px;
  font-size: 15px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--soc-muted);
  text-align: center;
}

.legal-title {
  font-family: var(--soc-serif);
  font-weight: 400;
  font-size: clamp(3rem, 7vw, 6.5rem);
  line-height: 0.9;
  letter-spacing: -0.01em;
  text-transform: none;
  color: var(--soc-red);
  text-align: center;
  margin-block-start: 48px;
  margin-inline-end: 0px;
  margin-block-end: 48px;
  margin-inline-start: 0px;
}

.legal-body {
  width: 100%;
  max-width: 40rem;
  font-size: 18px;
  line-height: 1.6;
  color: var(--soc-ink);
}

.legal-body h2 {
  margin: 40px 0 12px;
  font-family: var(--soc-serif);
  font-weight: 400;
  font-size: 32px;
  line-height: 1.1;
  color: var(--soc-ink);
}

.legal-body p {
  margin: 0 0 16px;
}

.legal-body ul {
  margin: 0 0 16px;
  padding-left: 24px;
}

.legal-body li {
  margin: 0 0 8px;
}

.legal-body a {
  color: var(--soc-red-deep);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.legal-body a:hover {
  color: var(--soc-red-dark);
}

/* Home page: a gallery wall. Dark maroon wall, cream cards, vermilion type,
   CMS logos painted in oil in gilded 1:1 frames. */

:root {
  --soc-wall: var(--color-wall);
  --soc-wall-2: var(--color-wall-2);
  --soc-cream: var(--color-cream);
  --soc-cream-2: var(--color-cream-2);
  --soc-ink: var(--color-ink);
  --soc-muted: var(--color-muted);
  --soc-red: var(--color-red);
  --soc-red-deep: var(--color-red-deep);
  --soc-red-dark: var(--color-red-dark);
  --soc-on-red: var(--color-on-red);
  --soc-gold: var(--color-gold);
  --soc-serif: var(--font-primary, "Instrument Serif", "Times New Roman", serif);
  --soc-sans: var(--font-inter, "Inter", ui-sans-serif, system-ui, sans-serif);
  --soc-frame-shadow: 0 18px 30px rgb(0 0 0 / 0.35), 0 4px 8px rgb(0 0 0 / 0.25);
}

.home-body {
  background: var(--soc-wall);
  color: var(--soc-ink);
  font-family: var(--soc-sans);
  -webkit-text-size-adjust: 100%;
}

/* Hero */

.hero {
  padding: 100px 88px 140px;
}

.hero-card {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  padding: 40px 56px 240px;
  background: var(--soc-cream);
  min-height: 80vh;
}

.hero-nav {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 16px 24px;
}

.hero-nav-icon {
  justify-self: start;
  display: block;
  width: 36px;
  height: 36px;
  color: var(--soc-ink);
}

.hero-logo {
  font-family: var(--soc-serif);
  font-style: italic;
  font-size: 44px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--soc-ink);
  text-decoration: none;
}

.hero-nav-cta {
  justify-self: end;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--soc-ink);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 160ms ease;
}

.hero-nav-cta:hover {
  border-bottom-color: currentColor;
}

.hero-frame {
	display: block;
	height: auto;
	aspect-ratio: 1 / 1;
	filter: drop-shadow(0 18px 24px rgb(0 0 0 / 0.35));
}

.hero-frame-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-frame-top {
	position: absolute;
	right: calc(50% + 20px);
	z-index: 3;
	width: clamp(140px, min(30vw - 160px, 22vh), 240px);
	transform: rotate(-3deg);
	inset-block-start: -90px;
}

.hero-main {
  position: relative;
  display: grid;
  place-items: center;
  container-type: inline-size;
  justify-items: start;
  padding-block-start: 10vh;
  padding-inline-end: 0px;
  padding-block-end: 0px;
  padding-inline-start: 0px;
}

.hero-title {
  position: relative;
  z-index: 2;
  margin: 0;
  font-family: var(--soc-serif);
  font-weight: 400;
  font-size: clamp(4.5rem, 15.5vw, 15rem);
  /* Also limited by the screen height, so the whole hero fits above the fold */
  font-size: clamp(4rem, 10vw, 12rem);
  line-height: 0.92;
  letter-spacing: 0.005em;
  word-spacing: 0.08em;
  text-transform: none;
  text-align: start;
  color: var(--soc-red);
  font-style: italic;
}

.hero-title-line {
  color: var(--color-red);
  text-transform: none;
}

/* Extra room between "what," and "and", where the centre frame sits */
.hero-title-gap {
  display: inline-block;
  width: 0.55em;
}

/* Holds the title and the centre frame. Same font size as .hero-title, so the
   frame (sized in em) keeps its place in the words at every width. */
.hero-headline {
  position: relative;
  font-size: clamp(4.5rem, 15.5vw, 15rem);
  /* Never wider than the card, so "what, and" stays on one line */
  font-size: clamp(4.5rem, min(15.5vw, 18.5cqi, 54vh - 334px), 15rem);
  margin-block-end: 15px;
}

.hero-frame-center {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	width: 2.7em;
	aspect-ratio: 2400 / 1792;
	transform: translate(-46%, -42%) rotate(8deg);
}

.hero-frame-center .hero-frame-img {
	object-fit: contain;
}

/* A second copy over the title, clipped to its right side, so the start of
   "and" goes under the frame while the other letters stay in front */
.hero-frame-center-front {
  z-index: 3;
  filter: none;
  -webkit-clip-path: polygon(66% 17%, 100% 17%, 100% 62%, 66% 62%);
  clip-path: polygon(66% 17%, 100% 17%, 100% 62%, 66% 62%);
  pointer-events: none;
}

.hero-side {
  margin: 0;
  font-size: 15px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: var(--soc-muted);
}

.hero-side-left {
  text-align: left;
}

.hero-side-right {
  text-align: right;
}

.hero-promo {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 36px;
  width: min(620px, 52%);
  padding: 28px 40px 28px 28px;
  background: var(--soc-red-deep);
  color: var(--soc-on-red);
  text-decoration: none;
  transition: background-color 160ms ease;
}

.hero-promo:hover {
  background: var(--soc-red-dark);
}

.hero-promo:focus-visible {
  outline: 3px solid var(--soc-ink);
  outline-offset: 4px;
}

.hero-frame-promo {
  flex: none;
  width: 168px;
  filter: drop-shadow(0 8px 14px rgb(0 0 0 / 0.3));
}

.hero-promo-body {
  min-width: 0;
}

.hero-promo-title {
  margin: 0 0 16px;
  font-family: var(--soc-serif);
  font-weight: 400;
  font-size: 52px;
  line-height: 0.9;
  letter-spacing: -0.01em;
}

.hero-promo-word {
  display: block;
}

.hero-promo-word-shift {
  padding-left: 1.6em;
}

.hero-promo-text {
	margin: 0 0 16px;
	font-size: 14px;
	line-height: 1.45;
	text-transform: none;
}

.hero-promo-link {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.hero-promo-arrow {
  display: block;
  width: 96px;
  height: 12px;
  transition: transform 200ms ease;
}

.hero-promo:hover .hero-promo-arrow {
  transform: translateX(6px);
}

.hero-frame-bottom {
  position: absolute;
  right: -48px;
  bottom: -88px;
  z-index: 3;
  width: 260px;
  transform: rotate(2deg);
}

/* Circular frame in the empty space right of the title */
.hero-frame-side {
	position: absolute;
	z-index: 1;
	width: clamp(300px, 35vw, 650px);
	transform: translate3d(0px, -40px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(16deg);
	inset-block-start: 8vh;
	inset-inline-end: 4%;
}

/* Why this survey */

.why {
  padding: 40px 88px 140px;
  color: var(--soc-cream);
}

.why-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px 80px;
  max-width: 1264px;
  margin: 0 auto;
}

.why-eyebrow {
  margin: 0 0 20px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--soc-gold);
}

.why-title {
  margin: 0;
  font-family: var(--soc-serif);
  font-weight: 400;
  font-size: clamp(3rem, 6vw, 5.5rem);
  line-height: 0.95;
  letter-spacing: -0.01em;
}

.why-intro {
  align-self: end;
}

.why-text {
  margin: 0 0 20px;
  font-size: 18px;
  line-height: 1.6;
  color: var(--soc-cream-2);
}

.why-list {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin: 32px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--color-cream-line);
}

.why-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 32px 28px 36px 0;
  border-bottom: 1px solid var(--color-cream-line);
}

.why-num {
  margin-bottom: 8px;
  font-family: var(--soc-serif);
  font-size: 40px;
  line-height: 1;
  color: var(--soc-red);
}

.why-item-title {
  font-family: var(--soc-serif);
  font-size: 30px;
  line-height: 1.05;
}

.why-item-text {
	font-size: 15px;
	line-height: 1.5;
	color: var(--color-cream-soft);
}

/* Why now */

.now {
  padding: 0 88px 160px;
}

.now-card {
  max-width: 1440px;
  margin: 0 auto;
  padding: 96px 56px 104px;
  background: var(--soc-cream);
}

.now-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: end;
  margin-bottom: 80px;
}

.now-title {
  margin: 0;
  font-family: var(--soc-serif);
  font-weight: 400;
  font-size: clamp(4rem, 12vw, 12rem);
  line-height: 0.85;
  letter-spacing: -0.01em;
  text-transform: none;
  color: var(--soc-red);
}

.now-lead {
	margin: 0;
	font-size: 19px;
	line-height: 1.6;
	color: var(--soc-muted);
}

.now-body {
  display: grid;
  grid-template-columns: 5fr 6fr;
  gap: 80px;
  align-items: start;
}

.now-gallery {
  position: relative;
  aspect-ratio: 1 / 1.55;
}

.now-frame {
  position: absolute;
  display: block;
  height: auto;
  aspect-ratio: 1 / 1;
  filter: drop-shadow(0 14px 20px rgb(43 17 16 / 0.3));
}

.now-frame-a {
  top: 0;
  left: 0;
  width: 62%;
  transform: rotate(-4deg);
}

.now-frame-b {
	top: 23%;
	right: 0;
	z-index: 1;
	width: 50%;
	transform: rotate(5deg);
}

.now-frame-c {
  bottom: 22.5%;
  left: 12%;
  z-index: 2;
  width: 44%;
  transform: rotate(-2deg);
}

.now-frame-d {
  right: 0;
  bottom: 0;
  z-index: 4;
  width: 50%;
  transform: rotate(5deg);
}

.now-frame-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.now-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--soc-ink);
}

.now-item {
  display: grid;
  grid-template-columns: 64px 1fr;
  column-gap: 16px;
  padding: 28px 0 32px;
  border-bottom: 1px solid var(--soc-ink);
}

.now-num {
  grid-row: span 2;
  font-family: var(--soc-serif);
  font-size: 40px;
  line-height: 1;
  color: var(--soc-red);
}

.now-item-title {
  margin: 0 0 10px;
  font-family: var(--soc-serif);
  font-weight: 400;
  font-size: 36px;
  line-height: 1.05;
}

.now-item-text {
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
  color: var(--soc-muted);
}

.now-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 96px;
  padding-top: 40px;
  border-top: 1px solid var(--soc-ink);
}

.now-cta-text {
  margin: 0;
  font-family: var(--soc-serif);
  font-size: clamp(2rem, 3.4vw, 3rem);
  line-height: 1.05;
}

.now-button {
  display: inline-flex;
  align-items: center;
  min-height: 56px;
  padding: 16px 32px;
  background: var(--soc-red-deep);
  color: var(--soc-on-red);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color 160ms ease;
}

.now-button:hover {
  background: var(--soc-red-dark);
}

/* Open source */

.open {
  padding: 0 88px 160px;
  color: var(--soc-cream);
}

.open-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px 80px;
  align-items: end;
  max-width: 1264px;
  margin: 0 auto;
}

.open-title {
  margin: 0;
  font-family: var(--soc-serif);
  font-weight: 400;
  font-size: clamp(3rem, 6vw, 5.5rem);
  line-height: 0.95;
  letter-spacing: -0.01em;
}

.open-body {
  min-width: 0;
}

.open-text {
  margin: 0 0 20px;
  font-size: 18px;
  line-height: 1.6;
  color: var(--soc-cream-2);
}

/* Site footer */

.site-footer {
  background: var(--soc-red-deep);
  color: var(--soc-on-red);
  font-family: var(--soc-sans);
}

.site-footer-inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 96px 88px 40px;
}

.site-footer-top {
  display: grid;
  grid-template-columns: 1fr minmax(0, 24rem);
  gap: 40px;
  align-items: end;
  padding-bottom: 56px;
  border-bottom: 1px solid var(--color-on-red-line);
}

.site-footer-logo {
  font-family: var(--soc-serif);
  font-style: italic;
  font-size: clamp(4rem, 11vw, 10rem);
  line-height: 0.9;
  letter-spacing: -0.02em;
  color: var(--soc-on-red);
  text-decoration: none;
}

.site-footer-tagline {
  margin: 0;
  font-size: 17px;
  line-height: 1.55;
}

.site-footer-cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  padding: 48px 0 64px;
}

.site-footer-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.site-footer-heading {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.site-footer-link {
  font-family: var(--soc-serif);
  font-size: 26px;
  line-height: 1.15;
  color: var(--soc-on-red);
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.site-footer-link:hover {
  border-bottom-color: currentColor;
}

.site-footer-text {
  max-width: 22rem;
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
}

.site-footer-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  padding-top: 24px;
  border-top: 1px solid var(--color-on-red-line);
}

.site-footer-small {
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

:where(.home-body) :focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}

/* State of CMS survey form. Shared by every year's form page.
   Routing (which parts show) is generated per year by build-survey.mjs, in a
   "build-survey <id>" block at the end of this file. */

:root {
  --sv-ink: var(--color-ink);
  --sv-ink-2: var(--color-ink-2);
  --sv-muted: var(--color-muted);
  --sv-line: var(--color-line);
  --sv-line-strong: var(--color-line-strong);
  --sv-bg: var(--color-cream);
  --sv-surface: var(--color-white);
  --sv-fill: var(--color-sand);
  --sv-accent: var(--color-red-deep);
  --sv-accent-hover: var(--color-red-dark);
  --sv-accent-tint: var(--color-red-tint);
  --sv-sticky: 72px;
  --sv-error: var(--color-error);
  --sv-error-bg: var(--color-error-bg);
  --sv-radius: 12px;
  --sv-radius-sm: 8px;
  --sv-wrap: 42rem;
  --sv-font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --sv-serif: "Instrument Serif", "Times New Roman", serif;
}

.survey-body {
  background: var(--sv-bg);
  color: var(--sv-ink);
  font-family: var(--sv-font);
  font-size: 1rem;
  line-height: 1.55;
  -webkit-text-size-adjust: 100%;
}

.survey-wrap {
  width: 100%;
  max-width: var(--sv-wrap);
  margin: 0 auto;
  padding: 0 16px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.skip-link {
  position: absolute;
  left: 16px;
  top: -100px;
  padding: 12px 16px;
  background: var(--sv-ink);
  color: var(--color-white);
  border-radius: var(--sv-radius-sm);
  z-index: 10;
}

.skip-link:focus {
  top: 16px;
}

:where(.survey-body) :focus-visible {
  outline: 3px solid var(--sv-ink);
  outline-offset: 3px;
}

/* Top bar */

.survey-top {
  background: var(--soc-wall);
  color: var(--soc-cream);
}

.survey-top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 64px;
}

.survey-brand {
  font-family: var(--sv-serif);
  font-style: italic;
  font-size: 1.75rem;
  line-height: 1;
  color: var(--soc-cream);
  text-decoration: none;
  letter-spacing: -0.02em;
}

.survey-year {
  font-size: 0.875rem;
  color: var(--soc-cream);
  border: 1px solid var(--color-cream-border);
  border-radius: 999px;
  padding: 2px 10px;
}

.survey-top :focus-visible {
  outline-color: var(--soc-cream);
}

/* Intro */

.survey-intro {
  padding: 48px 0 32px;
}

.page-eyebrow {
  margin: 0 0 8px;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--sv-muted);
}

.survey-title {
  margin: 0 0 20px;
  font-family: var(--sv-serif);
  font-weight: 400;
  font-size: clamp(3rem, 11vw, 5.5rem);
  line-height: 0.9;
  letter-spacing: -0.01em;
  text-transform: none;
  color: var(--sv-accent);
  font-style: italic;
}

.survey-lead {
  margin: 0 0 24px;
  font-size: 1.125rem;
  color: var(--sv-ink-2);
  max-width: 36rem;
}

.survey-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.survey-facts li {
  padding: 6px 12px;
  border: 1px solid var(--sv-line);
  border-radius: 999px;
  background: var(--sv-surface);
  font-size: 0.875rem;
  color: var(--sv-ink-2);
}

.survey-facts a {
  color: inherit;
  text-underline-offset: 3px;
}

/* Form and pages */

.survey {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 64px;
}

.survey-page {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 32px 20px;
  background: var(--sv-surface);
  border: 1px solid var(--sv-line);
  border-radius: var(--sv-radius);
}

@media (min-width: 40rem) {
  .survey-page {
    padding: 40px 40px 48px;
  }
}

.page-head {
  padding-bottom: 24px;
  border-bottom: 1px solid var(--sv-line);
}

.page-title {
  margin: 0;
  font-family: var(--sv-serif);
  font-weight: 400;
  font-size: 2.25rem;
  line-height: 1.1;
  letter-spacing: -0.01em;
}

.page-title:focus {
  outline: none;
}

.skip-note {
  margin: -16px 0 0;
  padding: 12px 16px;
  border-radius: var(--sv-radius-sm);
  background: var(--sv-fill);
  color: var(--sv-ink-2);
  font-size: 0.9375rem;
}

/* Questions */

.q {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.q-title {
  display: block;
  padding: 0;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--sv-ink);
  margin-block-start: 0px;
  margin-inline-end: 0px;
  margin-block-end: 12px;
  margin-inline-start: 0px;
}

.q-number {
  margin-bottom: 4px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--sv-accent);
  font-variant-numeric: tabular-nums;
  display: none;
}

.q-optional {
  font-weight: 400;
  color: var(--sv-muted);
}

.q-help,
.field-hint {
  margin: -4px 0 4px;
  font-size: 0.9375rem;
  color: var(--sv-muted);
}

.field-hint {
  margin: 0;
  font-size: 0.875rem;
}

.q-gate {
  margin: 4px 0 0;
  font-size: 0.875rem;
  color: var(--sv-muted);
}

/* Choices: the whole row is the label */

.choices {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.choice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-height: 48px;
  padding: 12px 16px;
  border: 1px solid var(--sv-line);
  border-radius: var(--sv-radius-sm);
  background: var(--sv-surface);
  cursor: pointer;
  transition: border-color 120ms ease, background-color 120ms ease;
}

.choice:hover {
  border-color: var(--sv-line-strong);
}

.choice:has(input:checked) {
  border-color: var(--sv-accent);
  background: var(--sv-accent-tint);
  box-shadow: inset 0 0 0 1px var(--sv-accent);
}

.choice:has(input:focus-visible) {
  outline: 3px solid var(--sv-ink);
  outline-offset: 2px;
}

.choice input {
  flex: none;
  width: 20px;
  height: 20px;
  margin: 2px 0 0;
  accent-color: var(--sv-accent);
}

.choice input:focus-visible {
  outline: none;
}

.choice-label {
  flex: 1;
  min-width: 0;
}

/* A second line under an answer name, like help text */
.choice-desc {
  display: block;
  margin-top: 2px;
  font-size: 0.875rem;
  color: var(--sv-muted);
}

/* Grids: matrix answers and scales */

.choices-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.choices-agree,
.choices-scale {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

@media (min-width: 36rem) {
  .choices-agree,
  .choices-scale {
    grid-template-columns: repeat(5, 1fr);
  }

  .choices-agree .choice,
  .choices-scale .choice {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    padding: 12px 8px;
    font-size: 0.875rem;
    line-height: 1.3;
  }

  .choices-scale .choice {
    min-height: 88px;
  }
}

.choice-compact {
  font-size: 0.9375rem;
}

.scale-n {
  display: block;
  font-size: 1.125rem;
  font-weight: 600;
}

.scale-text {
  display: block;
  color: var(--sv-muted);
  font-size: 0.8125rem;
}

@media (max-width: 35.99rem) {
  .choices-scale .choice-label {
    display: flex;
    align-items: baseline;
    gap: 8px;
  }

  .scale-n {
    font-size: 1rem;
  }
}

.matrix-rows {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.matrix-row {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.matrix-row-title {
  padding: 0;
  margin-bottom: 8px;
  font-weight: 600;
}

.matrix-empty {
  margin: 0;
  padding: 16px;
  border: 1px dashed var(--sv-line-strong);
  border-radius: var(--sv-radius-sm);
  color: var(--sv-muted);
}

/* "Other" fields sit under their choice */

.choice-other {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0 0 4px 48px;
}

.choice-other-standalone {
  padding: 8px 0 0;
}

/* An "Other" field shows once its choice is picked. Without :has() it always shows. */
@supports selector(:has(*)) {
  .choice:has(> input:not(:checked)) + .choice-other {
    display: none;
  }
}

.other-label {
  font-size: 0.9375rem;
  font-weight: 600;
}

/* Text fields */

.survey input[type="text"],
.survey input[type="email"],
.survey select,
.survey textarea,
.tags {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid var(--sv-line-strong);
  border-radius: var(--sv-radius-sm);
  background: var(--sv-surface);
  color: var(--sv-ink);
  font-size: 1rem;
  line-height: 1.4;
}

.survey textarea {
  min-height: 8rem;
  resize: vertical;
}

.survey select {
  appearance: none;
  padding-right: 40px;
  background-image: linear-gradient(45deg, transparent 50%, var(--sv-ink) 50%), linear-gradient(135deg, var(--sv-ink) 50%, transparent 50%);
  background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50%;
  background-size: 6px 6px;
  background-repeat: no-repeat;
}

.survey input:focus-visible,
.survey select:focus-visible,
.survey textarea:focus-visible {
  outline: 3px solid var(--sv-ink);
  outline-offset: 1px;
}

/* CMS picker: pinned chips, more CMSs, search */

.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 8px 16px 8px 12px;
  border: 1px solid var(--sv-line);
  border-radius: 999px;
  background: var(--sv-surface);
  cursor: pointer;
  font-size: 0.9375rem;
}

.chip:hover {
  border-color: var(--sv-line-strong);
}

.chip:has(input:checked) {
  border-color: var(--sv-accent);
  background: var(--sv-accent);
  color: var(--color-white);
}

.chip:has(input:focus-visible) {
  outline: 3px solid var(--sv-ink);
  outline-offset: 2px;
}

.chip input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--color-white);
}

.chip input:focus-visible {
  outline: none;
}

.cms-more {
  border: 1px solid var(--sv-line);
  border-radius: var(--sv-radius-sm);
}

.cms-more summary {
  min-height: 48px;
  padding: 12px 16px;
  cursor: pointer;
  font-weight: 600;
}

.cms-more[open] summary {
  border-bottom: 1px solid var(--sv-line);
}

.chips-more {
  padding: 16px;
}

.combo {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
}

.combo-label {
  font-size: 0.9375rem;
  font-weight: 600;
}

.combo-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 5;
  max-height: 18rem;
  overflow-y: auto;
  margin: 4px 0 0;
  padding: 4px;
  list-style: none;
  background: var(--sv-surface);
  border: 1px solid var(--sv-line-strong);
  border-radius: var(--sv-radius-sm);
  box-shadow: 0 12px 32px rgb(0 0 0 / 0.12);
}

.combo-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 6px;
  cursor: pointer;
}

.combo-option[aria-selected="true"],
.combo-option:hover {
  background: var(--sv-fill);
}

.combo-option-meta {
  font-size: 0.8125rem;
  color: var(--sv-muted);
}

.combo-empty {
  padding: 10px 12px;
  color: var(--sv-muted);
}

/* Pills: picked CMSs and typed tags */

.pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pill-list:empty {
  display: none;
}

.pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 36px;
  padding: 4px 4px 4px 12px;
  border-radius: 999px;
  background: var(--sv-accent);
  color: var(--color-white);
  font-size: 0.9375rem;
}

.pill button {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font-size: 1.125rem;
  line-height: 1;
  cursor: pointer;
}

.pill button:hover {
  background: var(--color-white-overlay);
}

.pill button:focus-visible {
  outline: 2px solid var(--color-white);
  outline-offset: -2px;
}

.tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 6px;
  cursor: text;
}

.tags:focus-within {
  outline: 3px solid var(--sv-ink);
  outline-offset: 1px;
}

.tags .pill-list {
  display: contents;
}

.survey .tags input.tags-entry {
  flex: 1 1 8rem;
  min-width: 8rem;
  min-height: 36px;
  padding: 4px 8px;
  border: 0;
  background: transparent;
}

.survey .tags input.tags-entry:focus-visible {
  outline: none;
}

/* Buttons and actions */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 14px 28px;
  border: 1px solid var(--sv-ink);
  border-radius: var(--sv-radius-sm);
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  text-decoration: none;
}

.btn-primary {
  border-color: var(--sv-accent);
  background: var(--sv-accent);
  color: var(--color-white);
}

.btn-primary:hover {
  border-color: var(--sv-accent-hover);
  background: var(--sv-accent-hover);
}

.btn-secondary {
  background: var(--sv-surface);
  color: var(--sv-ink);
}

.btn-link {
  min-height: 44px;
  padding: 10px 4px;
  border: 0;
  background: none;
  color: var(--sv-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.survey-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.survey-actions .btn-primary {
  width: 100%;
}

@media (min-width: 40rem) {
  .survey-actions {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }

  .survey-actions .btn-primary {
    width: auto;
    min-width: 12rem;
  }
}

/* Submit while the survey is sent (survey.js sets aria-busy): a spinner, and
   the button keeps its colour while it is disabled. */
.btn[aria-busy="true"] {
  gap: 10px;
  cursor: progress;
}

.btn-primary[aria-busy="true"]:disabled {
  opacity: 1;
  border-color: var(--sv-accent);
  background: var(--sv-accent);
  color: var(--color-white);
  -webkit-text-fill-color: var(--color-white);
}

.btn[aria-busy="true"]::before {
  content: "";
  flex: none;
  width: 1.1em;
  height: 1.1em;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: btn-spin 0.8s linear infinite;
}

@keyframes btn-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .btn[aria-busy="true"]::before {
    animation-duration: 2.4s;
  }
}

/* Progress and notices (added by survey.js) */

.survey-progress {
  position: sticky;
  top: 0;
  z-index: 4;
  padding: 12px 0;
  background: var(--sv-bg);
}

.survey-progress-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
  font-size: 0.875rem;
  color: var(--sv-ink-2);
}

.survey-progress progress {
  display: block;
  width: 100%;
  height: 6px;
  border: 0;
  border-radius: 999px;
  overflow: hidden;
  appearance: none;
  background: var(--sv-line);
}

.survey-progress progress::-webkit-progress-bar {
  background: var(--sv-line);
}

.survey-progress progress::-webkit-progress-value {
  background: var(--sv-accent);
  border-radius: 999px;
  transition: width 200ms ease;
}

.survey-progress progress::-moz-progress-bar {
  background: var(--sv-accent);
  border-radius: 999px;
}

.notice {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  padding: 12px 16px;
  border: 1px solid var(--sv-line-strong);
  border-radius: var(--sv-radius-sm);
  background: var(--sv-surface);
}

.notice p {
  margin: 0;
}

.error-summary {
  scroll-margin-top: var(--sv-sticky);
  padding: 16px 20px;
  border: 2px solid var(--sv-error);
  border-radius: var(--sv-radius-sm);
  background: var(--sv-error-bg);
}

.error-summary:focus {
  outline: 3px solid var(--sv-error);
  outline-offset: 2px;
}

.error-summary h3 {
  margin: 0 0 8px;
  font-size: 1.0625rem;
}

.error-summary ul {
  margin: 0;
  padding-left: 20px;
}

.error-summary a {
  color: var(--sv-error);
  font-weight: 600;
}

.q-error {
  margin: 0;
  color: var(--sv-error);
  font-weight: 600;
  font-size: 0.9375rem;
}

.q[data-invalid] .choice,
.q[data-invalid] .chip,
.q[data-invalid] input[type="email"] {
  border-color: var(--sv-error);
}

/* Honeypot */

.hp {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Footer */

.survey-footer {
  padding: 32px 0 48px;
  border-top: 1px solid var(--sv-line);
  color: var(--sv-muted);
  font-size: 0.875rem;
}

.survey-footer p {
  margin: 0;
}

/* Routing. Each .if wrapper is layout-neutral; the generated stylesheet shows it
   when its condition holds. Without :has(), every part shows with a skip note. */

.if {
  display: contents;
}

@supports selector(:has(*)) {
  .if {
    display: none;
  }

  .skip-note {
    display: none;
  }
}

/* With JavaScript: one page at a time */

.js .q-gate {
  display: none;
}

.js .skip-note {
  display: none;
}

.survey [hidden],
.survey > div:empty {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .choice,
  .survey-progress progress::-webkit-progress-value {
    transition: none;
  }
}

/* build-survey state-of-cms-2026: start */
/* Generated by product/marketing/stateofcss/build-survey.mjs from survey-2026.json.
   Do not edit by hand: change the JSON and build again.
   Each .if wrapper shows when its condition holds (the survey rules above hide them). */
@supports selector(:has(*)) {
form.survey:not(:has(#workplace-personal:checked, #workplace-studying:checked)) .if[data-if="c1"] {
  display: contents;
}

form.survey:has(#usesCms-no:checked) .if[data-if="c2"] {
  display: contents;
}

form.survey:has(#usesCms-yes:checked) .if[data-if="c3"] {
  display: contents;
}

form.survey:has(#cmsKnown-wordpress:checked):has(#usesCms-yes:checked) .if[data-if="c4"] {
  display: contents;
}

form.survey:has(#cmsKnown-drupal:checked):has(#usesCms-yes:checked) .if[data-if="c5"] {
  display: contents;
}

form.survey:has(#cmsKnown-hubspot:checked):has(#usesCms-yes:checked) .if[data-if="c6"] {
  display: contents;
}

form.survey:has(#cmsKnown-webflow:checked):has(#usesCms-yes:checked) .if[data-if="c7"] {
  display: contents;
}

form.survey:has(#cmsKnown-joomla:checked):has(#usesCms-yes:checked) .if[data-if="c8"] {
  display: contents;
}

form.survey:has(#cmsKnown-typo3:checked):has(#usesCms-yes:checked) .if[data-if="c9"] {
  display: contents;
}

form.survey:has(#cmsKnown-contentful:checked):has(#usesCms-yes:checked) .if[data-if="c10"] {
  display: contents;
}

form.survey:has(#cmsKnown-framer:checked):has(#usesCms-yes:checked) .if[data-if="c11"] {
  display: contents;
}

form.survey:has(#cmsKnown-wix:checked):has(#usesCms-yes:checked) .if[data-if="c12"] {
  display: contents;
}

form.survey:has(#cmsKnown-squarespace:checked):has(#usesCms-yes:checked) .if[data-if="c13"] {
  display: contents;
}

form.survey:has(#cmsKnown-sanity:checked):has(#usesCms-yes:checked) .if[data-if="c14"] {
  display: contents;
}

form.survey:has(#cmsKnown-sitecore:checked):has(#usesCms-yes:checked) .if[data-if="c15"] {
  display: contents;
}

form.survey:has(#cmsKnown-storyblok:checked):has(#usesCms-yes:checked) .if[data-if="c16"] {
  display: contents;
}

form.survey:has(#cmsKnown-liferay:checked):has(#usesCms-yes:checked) .if[data-if="c17"] {
  display: contents;
}

form.survey:has(#cmsKnown-craft:checked):has(#usesCms-yes:checked) .if[data-if="c18"] {
  display: contents;
}

form.survey:has(#cmsKnown-bitrix:checked):has(#usesCms-yes:checked) .if[data-if="c19"] {
  display: contents;
}

form.survey:has(#cmsKnown-aem:checked):has(#usesCms-yes:checked) .if[data-if="c20"] {
  display: contents;
}

form.survey:has(#cmsKnown-blogger:checked):has(#usesCms-yes:checked) .if[data-if="c21"] {
  display: contents;
}

form.survey:has(#cmsKnown-brightspot:checked):has(#usesCms-yes:checked) .if[data-if="c22"] {
  display: contents;
}

form.survey:has(#cmsKnown-builderio:checked):has(#usesCms-yes:checked) .if[data-if="c23"] {
  display: contents;
}

form.survey:has(#cmsKnown-cloudcannon:checked):has(#usesCms-yes:checked) .if[data-if="c24"] {
  display: contents;
}

form.survey:has(#cmsKnown-cmsms:checked):has(#usesCms-yes:checked) .if[data-if="c25"] {
  display: contents;
}

form.survey:has(#cmsKnown-concrete:checked):has(#usesCms-yes:checked) .if[data-if="c26"] {
  display: contents;
}

form.survey:has(#cmsKnown-contao:checked):has(#usesCms-yes:checked) .if[data-if="c27"] {
  display: contents;
}

form.survey:has(#cmsKnown-contentstack:checked):has(#usesCms-yes:checked) .if[data-if="c28"] {
  display: contents;
}

form.survey:has(#cmsKnown-dle:checked):has(#usesCms-yes:checked) .if[data-if="c29"] {
  display: contents;
}

form.survey:has(#cmsKnown-datocms:checked):has(#usesCms-yes:checked) .if[data-if="c30"] {
  display: contents;
}

form.survey:has(#cmsKnown-decap:checked):has(#usesCms-yes:checked) .if[data-if="c31"] {
  display: contents;
}

form.survey:has(#cmsKnown-directus:checked):has(#usesCms-yes:checked) .if[data-if="c32"] {
  display: contents;
}

form.survey:has(#cmsKnown-dnn:checked):has(#usesCms-yes:checked) .if[data-if="c33"] {
  display: contents;
}

form.survey:has(#cmsKnown-duda:checked):has(#usesCms-yes:checked) .if[data-if="c34"] {
  display: contents;
}

form.survey:has(#cmsKnown-enonic:checked):has(#usesCms-yes:checked) .if[data-if="c35"] {
  display: contents;
}

form.survey:has(#cmsKnown-expressionengine:checked):has(#usesCms-yes:checked) .if[data-if="c36"] {
  display: contents;
}

form.survey:has(#cmsKnown-frontmatter:checked):has(#usesCms-yes:checked) .if[data-if="c37"] {
  display: contents;
}

form.survey:has(#cmsKnown-ghost:checked):has(#usesCms-yes:checked) .if[data-if="c38"] {
  display: contents;
}

form.survey:has(#cmsKnown-godaddy:checked):has(#usesCms-yes:checked) .if[data-if="c39"] {
  display: contents;
}

form.survey:has(#cmsKnown-hygraph:checked):has(#usesCms-yes:checked) .if[data-if="c40"] {
  display: contents;
}

form.survey:has(#cmsKnown-kentico:checked):has(#usesCms-yes:checked) .if[data-if="c41"] {
  display: contents;
}

form.survey:has(#cmsKnown-keystatic:checked):has(#usesCms-yes:checked) .if[data-if="c42"] {
  display: contents;
}

form.survey:has(#cmsKnown-keystone:checked):has(#usesCms-yes:checked) .if[data-if="c43"] {
  display: contents;
}

form.survey:has(#cmsKnown-kirby:checked):has(#usesCms-yes:checked) .if[data-if="c44"] {
  display: contents;
}

form.survey:has(#cmsKnown-magnolia:checked):has(#usesCms-yes:checked) .if[data-if="c45"] {
  display: contents;
}

form.survey:has(#cmsKnown-microcms:checked):has(#usesCms-yes:checked) .if[data-if="c46"] {
  display: contents;
}

form.survey:has(#cmsKnown-mobirise:checked):has(#usesCms-yes:checked) .if[data-if="c47"] {
  display: contents;
}

form.survey:has(#cmsKnown-october:checked):has(#usesCms-yes:checked) .if[data-if="c48"] {
  display: contents;
}

form.survey:has(#cmsKnown-optimizely:checked):has(#usesCms-yes:checked) .if[data-if="c49"] {
  display: contents;
}

form.survey:has(#cmsKnown-pagescms:checked):has(#usesCms-yes:checked) .if[data-if="c50"] {
  display: contents;
}

form.survey:has(#cmsKnown-payload:checked):has(#usesCms-yes:checked) .if[data-if="c51"] {
  display: contents;
}

form.survey:has(#cmsKnown-pimcore:checked):has(#usesCms-yes:checked) .if[data-if="c52"] {
  display: contents;
}

form.survey:has(#cmsKnown-plone:checked):has(#usesCms-yes:checked) .if[data-if="c53"] {
  display: contents;
}

form.survey:has(#cmsKnown-prismic:checked):has(#usesCms-yes:checked) .if[data-if="c54"] {
  display: contents;
}

form.survey:has(#cmsKnown-processwire:checked):has(#usesCms-yes:checked) .if[data-if="c55"] {
  display: contents;
}

form.survey:has(#cmsKnown-sitefinity:checked):has(#usesCms-yes:checked) .if[data-if="c56"] {
  display: contents;
}

form.survey:has(#cmsKnown-readdy:checked):has(#usesCms-yes:checked) .if[data-if="c57"] {
  display: contents;
}

form.survey:has(#cmsKnown-silverstripe:checked):has(#usesCms-yes:checked) .if[data-if="c58"] {
  display: contents;
}

form.survey:has(#cmsKnown-spip:checked):has(#usesCms-yes:checked) .if[data-if="c59"] {
  display: contents;
}

form.survey:has(#cmsKnown-statamic:checked):has(#usesCms-yes:checked) .if[data-if="c60"] {
  display: contents;
}

form.survey:has(#cmsKnown-strapi:checked):has(#usesCms-yes:checked) .if[data-if="c61"] {
  display: contents;
}

form.survey:has(#cmsKnown-studio:checked):has(#usesCms-yes:checked) .if[data-if="c62"] {
  display: contents;
}

form.survey:has(#cmsKnown-sveltia:checked):has(#usesCms-yes:checked) .if[data-if="c63"] {
  display: contents;
}

form.survey:has(#cmsKnown-tilda:checked):has(#usesCms-yes:checked) .if[data-if="c64"] {
  display: contents;
}

form.survey:has(#cmsKnown-tina:checked):has(#usesCms-yes:checked) .if[data-if="c65"] {
  display: contents;
}

form.survey:has(#cmsKnown-umbraco:checked):has(#usesCms-yes:checked) .if[data-if="c66"] {
  display: contents;
}

form.survey:has(#cmsKnown-weebly:checked):has(#usesCms-yes:checked) .if[data-if="c67"] {
  display: contents;
}

form.survey:has(#cmsKnown-custom1:checked):has(#usesCms-yes:checked) .if[data-if="c68"] {
  display: contents;
}

form.survey:has(#cmsKnown-custom2:checked):has(#usesCms-yes:checked) .if[data-if="c69"] {
  display: contents;
}

form.survey:has(#cmsKnown-custom3:checked):has(#usesCms-yes:checked) .if[data-if="c70"] {
  display: contents;
}

form.survey:has(#cmsKnown-custom4:checked):has(#usesCms-yes:checked) .if[data-if="c71"] {
  display: contents;
}

form.survey:has(#cmsKnown-custom5:checked):has(#usesCms-yes:checked) .if[data-if="c72"] {
  display: contents;
}

form.survey:has(#cmsKnown-wordpress:checked):has(#experience-wordpress-usedYes:checked, #experience-wordpress-usedNo:checked) .if[data-if="c73"] {
  display: contents;
}

form.survey:has(#cmsKnown-drupal:checked):has(#experience-drupal-usedYes:checked, #experience-drupal-usedNo:checked) .if[data-if="c74"] {
  display: contents;
}

form.survey:has(#cmsKnown-hubspot:checked):has(#experience-hubspot-usedYes:checked, #experience-hubspot-usedNo:checked) .if[data-if="c75"] {
  display: contents;
}

form.survey:has(#cmsKnown-webflow:checked):has(#experience-webflow-usedYes:checked, #experience-webflow-usedNo:checked) .if[data-if="c76"] {
  display: contents;
}

form.survey:has(#cmsKnown-joomla:checked):has(#experience-joomla-usedYes:checked, #experience-joomla-usedNo:checked) .if[data-if="c77"] {
  display: contents;
}

form.survey:has(#cmsKnown-typo3:checked):has(#experience-typo3-usedYes:checked, #experience-typo3-usedNo:checked) .if[data-if="c78"] {
  display: contents;
}

form.survey:has(#cmsKnown-contentful:checked):has(#experience-contentful-usedYes:checked, #experience-contentful-usedNo:checked) .if[data-if="c79"] {
  display: contents;
}

form.survey:has(#cmsKnown-framer:checked):has(#experience-framer-usedYes:checked, #experience-framer-usedNo:checked) .if[data-if="c80"] {
  display: contents;
}

form.survey:has(#cmsKnown-wix:checked):has(#experience-wix-usedYes:checked, #experience-wix-usedNo:checked) .if[data-if="c81"] {
  display: contents;
}

form.survey:has(#cmsKnown-squarespace:checked):has(#experience-squarespace-usedYes:checked, #experience-squarespace-usedNo:checked) .if[data-if="c82"] {
  display: contents;
}

form.survey:has(#cmsKnown-sanity:checked):has(#experience-sanity-usedYes:checked, #experience-sanity-usedNo:checked) .if[data-if="c83"] {
  display: contents;
}

form.survey:has(#cmsKnown-sitecore:checked):has(#experience-sitecore-usedYes:checked, #experience-sitecore-usedNo:checked) .if[data-if="c84"] {
  display: contents;
}

form.survey:has(#cmsKnown-storyblok:checked):has(#experience-storyblok-usedYes:checked, #experience-storyblok-usedNo:checked) .if[data-if="c85"] {
  display: contents;
}

form.survey:has(#cmsKnown-liferay:checked):has(#experience-liferay-usedYes:checked, #experience-liferay-usedNo:checked) .if[data-if="c86"] {
  display: contents;
}

form.survey:has(#cmsKnown-craft:checked):has(#experience-craft-usedYes:checked, #experience-craft-usedNo:checked) .if[data-if="c87"] {
  display: contents;
}

form.survey:has(#cmsKnown-bitrix:checked):has(#experience-bitrix-usedYes:checked, #experience-bitrix-usedNo:checked) .if[data-if="c88"] {
  display: contents;
}

form.survey:has(#cmsKnown-aem:checked):has(#experience-aem-usedYes:checked, #experience-aem-usedNo:checked) .if[data-if="c89"] {
  display: contents;
}

form.survey:has(#cmsKnown-blogger:checked):has(#experience-blogger-usedYes:checked, #experience-blogger-usedNo:checked) .if[data-if="c90"] {
  display: contents;
}

form.survey:has(#cmsKnown-brightspot:checked):has(#experience-brightspot-usedYes:checked, #experience-brightspot-usedNo:checked) .if[data-if="c91"] {
  display: contents;
}

form.survey:has(#cmsKnown-builderio:checked):has(#experience-builderio-usedYes:checked, #experience-builderio-usedNo:checked) .if[data-if="c92"] {
  display: contents;
}

form.survey:has(#cmsKnown-cloudcannon:checked):has(#experience-cloudcannon-usedYes:checked, #experience-cloudcannon-usedNo:checked) .if[data-if="c93"] {
  display: contents;
}

form.survey:has(#cmsKnown-cmsms:checked):has(#experience-cmsms-usedYes:checked, #experience-cmsms-usedNo:checked) .if[data-if="c94"] {
  display: contents;
}

form.survey:has(#cmsKnown-concrete:checked):has(#experience-concrete-usedYes:checked, #experience-concrete-usedNo:checked) .if[data-if="c95"] {
  display: contents;
}

form.survey:has(#cmsKnown-contao:checked):has(#experience-contao-usedYes:checked, #experience-contao-usedNo:checked) .if[data-if="c96"] {
  display: contents;
}

form.survey:has(#cmsKnown-contentstack:checked):has(#experience-contentstack-usedYes:checked, #experience-contentstack-usedNo:checked) .if[data-if="c97"] {
  display: contents;
}

form.survey:has(#cmsKnown-dle:checked):has(#experience-dle-usedYes:checked, #experience-dle-usedNo:checked) .if[data-if="c98"] {
  display: contents;
}

form.survey:has(#cmsKnown-datocms:checked):has(#experience-datocms-usedYes:checked, #experience-datocms-usedNo:checked) .if[data-if="c99"] {
  display: contents;
}

form.survey:has(#cmsKnown-decap:checked):has(#experience-decap-usedYes:checked, #experience-decap-usedNo:checked) .if[data-if="c100"] {
  display: contents;
}

form.survey:has(#cmsKnown-directus:checked):has(#experience-directus-usedYes:checked, #experience-directus-usedNo:checked) .if[data-if="c101"] {
  display: contents;
}

form.survey:has(#cmsKnown-dnn:checked):has(#experience-dnn-usedYes:checked, #experience-dnn-usedNo:checked) .if[data-if="c102"] {
  display: contents;
}

form.survey:has(#cmsKnown-duda:checked):has(#experience-duda-usedYes:checked, #experience-duda-usedNo:checked) .if[data-if="c103"] {
  display: contents;
}

form.survey:has(#cmsKnown-enonic:checked):has(#experience-enonic-usedYes:checked, #experience-enonic-usedNo:checked) .if[data-if="c104"] {
  display: contents;
}

form.survey:has(#cmsKnown-expressionengine:checked):has(#experience-expressionengine-usedYes:checked, #experience-expressionengine-usedNo:checked) .if[data-if="c105"] {
  display: contents;
}

form.survey:has(#cmsKnown-frontmatter:checked):has(#experience-frontmatter-usedYes:checked, #experience-frontmatter-usedNo:checked) .if[data-if="c106"] {
  display: contents;
}

form.survey:has(#cmsKnown-ghost:checked):has(#experience-ghost-usedYes:checked, #experience-ghost-usedNo:checked) .if[data-if="c107"] {
  display: contents;
}

form.survey:has(#cmsKnown-godaddy:checked):has(#experience-godaddy-usedYes:checked, #experience-godaddy-usedNo:checked) .if[data-if="c108"] {
  display: contents;
}

form.survey:has(#cmsKnown-hygraph:checked):has(#experience-hygraph-usedYes:checked, #experience-hygraph-usedNo:checked) .if[data-if="c109"] {
  display: contents;
}

form.survey:has(#cmsKnown-kentico:checked):has(#experience-kentico-usedYes:checked, #experience-kentico-usedNo:checked) .if[data-if="c110"] {
  display: contents;
}

form.survey:has(#cmsKnown-keystatic:checked):has(#experience-keystatic-usedYes:checked, #experience-keystatic-usedNo:checked) .if[data-if="c111"] {
  display: contents;
}

form.survey:has(#cmsKnown-keystone:checked):has(#experience-keystone-usedYes:checked, #experience-keystone-usedNo:checked) .if[data-if="c112"] {
  display: contents;
}

form.survey:has(#cmsKnown-kirby:checked):has(#experience-kirby-usedYes:checked, #experience-kirby-usedNo:checked) .if[data-if="c113"] {
  display: contents;
}

form.survey:has(#cmsKnown-magnolia:checked):has(#experience-magnolia-usedYes:checked, #experience-magnolia-usedNo:checked) .if[data-if="c114"] {
  display: contents;
}

form.survey:has(#cmsKnown-microcms:checked):has(#experience-microcms-usedYes:checked, #experience-microcms-usedNo:checked) .if[data-if="c115"] {
  display: contents;
}

form.survey:has(#cmsKnown-mobirise:checked):has(#experience-mobirise-usedYes:checked, #experience-mobirise-usedNo:checked) .if[data-if="c116"] {
  display: contents;
}

form.survey:has(#cmsKnown-october:checked):has(#experience-october-usedYes:checked, #experience-october-usedNo:checked) .if[data-if="c117"] {
  display: contents;
}

form.survey:has(#cmsKnown-optimizely:checked):has(#experience-optimizely-usedYes:checked, #experience-optimizely-usedNo:checked) .if[data-if="c118"] {
  display: contents;
}

form.survey:has(#cmsKnown-pagescms:checked):has(#experience-pagescms-usedYes:checked, #experience-pagescms-usedNo:checked) .if[data-if="c119"] {
  display: contents;
}

form.survey:has(#cmsKnown-payload:checked):has(#experience-payload-usedYes:checked, #experience-payload-usedNo:checked) .if[data-if="c120"] {
  display: contents;
}

form.survey:has(#cmsKnown-pimcore:checked):has(#experience-pimcore-usedYes:checked, #experience-pimcore-usedNo:checked) .if[data-if="c121"] {
  display: contents;
}

form.survey:has(#cmsKnown-plone:checked):has(#experience-plone-usedYes:checked, #experience-plone-usedNo:checked) .if[data-if="c122"] {
  display: contents;
}

form.survey:has(#cmsKnown-prismic:checked):has(#experience-prismic-usedYes:checked, #experience-prismic-usedNo:checked) .if[data-if="c123"] {
  display: contents;
}

form.survey:has(#cmsKnown-processwire:checked):has(#experience-processwire-usedYes:checked, #experience-processwire-usedNo:checked) .if[data-if="c124"] {
  display: contents;
}

form.survey:has(#cmsKnown-sitefinity:checked):has(#experience-sitefinity-usedYes:checked, #experience-sitefinity-usedNo:checked) .if[data-if="c125"] {
  display: contents;
}

form.survey:has(#cmsKnown-readdy:checked):has(#experience-readdy-usedYes:checked, #experience-readdy-usedNo:checked) .if[data-if="c126"] {
  display: contents;
}

form.survey:has(#cmsKnown-silverstripe:checked):has(#experience-silverstripe-usedYes:checked, #experience-silverstripe-usedNo:checked) .if[data-if="c127"] {
  display: contents;
}

form.survey:has(#cmsKnown-spip:checked):has(#experience-spip-usedYes:checked, #experience-spip-usedNo:checked) .if[data-if="c128"] {
  display: contents;
}

form.survey:has(#cmsKnown-statamic:checked):has(#experience-statamic-usedYes:checked, #experience-statamic-usedNo:checked) .if[data-if="c129"] {
  display: contents;
}

form.survey:has(#cmsKnown-strapi:checked):has(#experience-strapi-usedYes:checked, #experience-strapi-usedNo:checked) .if[data-if="c130"] {
  display: contents;
}

form.survey:has(#cmsKnown-studio:checked):has(#experience-studio-usedYes:checked, #experience-studio-usedNo:checked) .if[data-if="c131"] {
  display: contents;
}

form.survey:has(#cmsKnown-sveltia:checked):has(#experience-sveltia-usedYes:checked, #experience-sveltia-usedNo:checked) .if[data-if="c132"] {
  display: contents;
}

form.survey:has(#cmsKnown-tilda:checked):has(#experience-tilda-usedYes:checked, #experience-tilda-usedNo:checked) .if[data-if="c133"] {
  display: contents;
}

form.survey:has(#cmsKnown-tina:checked):has(#experience-tina-usedYes:checked, #experience-tina-usedNo:checked) .if[data-if="c134"] {
  display: contents;
}

form.survey:has(#cmsKnown-umbraco:checked):has(#experience-umbraco-usedYes:checked, #experience-umbraco-usedNo:checked) .if[data-if="c135"] {
  display: contents;
}

form.survey:has(#cmsKnown-weebly:checked):has(#experience-weebly-usedYes:checked, #experience-weebly-usedNo:checked) .if[data-if="c136"] {
  display: contents;
}

form.survey:has(#cmsKnown-custom1:checked):has(#experience-custom1-usedYes:checked, #experience-custom1-usedNo:checked) .if[data-if="c137"] {
  display: contents;
}

form.survey:has(#cmsKnown-custom2:checked):has(#experience-custom2-usedYes:checked, #experience-custom2-usedNo:checked) .if[data-if="c138"] {
  display: contents;
}

form.survey:has(#cmsKnown-custom3:checked):has(#experience-custom3-usedYes:checked, #experience-custom3-usedNo:checked) .if[data-if="c139"] {
  display: contents;
}

form.survey:has(#cmsKnown-custom4:checked):has(#experience-custom4-usedYes:checked, #experience-custom4-usedNo:checked) .if[data-if="c140"] {
  display: contents;
}

form.survey:has(#cmsKnown-custom5:checked):has(#experience-custom5-usedYes:checked, #experience-custom5-usedNo:checked) .if[data-if="c141"] {
  display: contents;
}

form.survey:has(#cmsKnown-wordpress:checked):has(#experience-wordpress-usedYes:checked, #experience-wordpress-usedNo:checked):has(#usedThisYear-wordpress:checked):has(#usesCms-yes:checked) .if[data-if="c142"] {
  display: contents;
}

form.survey:has(#cmsKnown-drupal:checked):has(#experience-drupal-usedYes:checked, #experience-drupal-usedNo:checked):has(#usedThisYear-drupal:checked):has(#usesCms-yes:checked) .if[data-if="c143"] {
  display: contents;
}

form.survey:has(#cmsKnown-hubspot:checked):has(#experience-hubspot-usedYes:checked, #experience-hubspot-usedNo:checked):has(#usedThisYear-hubspot:checked):has(#usesCms-yes:checked) .if[data-if="c144"] {
  display: contents;
}

form.survey:has(#cmsKnown-webflow:checked):has(#experience-webflow-usedYes:checked, #experience-webflow-usedNo:checked):has(#usedThisYear-webflow:checked):has(#usesCms-yes:checked) .if[data-if="c145"] {
  display: contents;
}

form.survey:has(#cmsKnown-joomla:checked):has(#experience-joomla-usedYes:checked, #experience-joomla-usedNo:checked):has(#usedThisYear-joomla:checked):has(#usesCms-yes:checked) .if[data-if="c146"] {
  display: contents;
}

form.survey:has(#cmsKnown-typo3:checked):has(#experience-typo3-usedYes:checked, #experience-typo3-usedNo:checked):has(#usedThisYear-typo3:checked):has(#usesCms-yes:checked) .if[data-if="c147"] {
  display: contents;
}

form.survey:has(#cmsKnown-contentful:checked):has(#experience-contentful-usedYes:checked, #experience-contentful-usedNo:checked):has(#usedThisYear-contentful:checked):has(#usesCms-yes:checked) .if[data-if="c148"] {
  display: contents;
}

form.survey:has(#cmsKnown-framer:checked):has(#experience-framer-usedYes:checked, #experience-framer-usedNo:checked):has(#usedThisYear-framer:checked):has(#usesCms-yes:checked) .if[data-if="c149"] {
  display: contents;
}

form.survey:has(#cmsKnown-wix:checked):has(#experience-wix-usedYes:checked, #experience-wix-usedNo:checked):has(#usedThisYear-wix:checked):has(#usesCms-yes:checked) .if[data-if="c150"] {
  display: contents;
}

form.survey:has(#cmsKnown-squarespace:checked):has(#experience-squarespace-usedYes:checked, #experience-squarespace-usedNo:checked):has(#usedThisYear-squarespace:checked):has(#usesCms-yes:checked) .if[data-if="c151"] {
  display: contents;
}

form.survey:has(#cmsKnown-sanity:checked):has(#experience-sanity-usedYes:checked, #experience-sanity-usedNo:checked):has(#usedThisYear-sanity:checked):has(#usesCms-yes:checked) .if[data-if="c152"] {
  display: contents;
}

form.survey:has(#cmsKnown-sitecore:checked):has(#experience-sitecore-usedYes:checked, #experience-sitecore-usedNo:checked):has(#usedThisYear-sitecore:checked):has(#usesCms-yes:checked) .if[data-if="c153"] {
  display: contents;
}

form.survey:has(#cmsKnown-storyblok:checked):has(#experience-storyblok-usedYes:checked, #experience-storyblok-usedNo:checked):has(#usedThisYear-storyblok:checked):has(#usesCms-yes:checked) .if[data-if="c154"] {
  display: contents;
}

form.survey:has(#cmsKnown-liferay:checked):has(#experience-liferay-usedYes:checked, #experience-liferay-usedNo:checked):has(#usedThisYear-liferay:checked):has(#usesCms-yes:checked) .if[data-if="c155"] {
  display: contents;
}

form.survey:has(#cmsKnown-craft:checked):has(#experience-craft-usedYes:checked, #experience-craft-usedNo:checked):has(#usedThisYear-craft:checked):has(#usesCms-yes:checked) .if[data-if="c156"] {
  display: contents;
}

form.survey:has(#cmsKnown-bitrix:checked):has(#experience-bitrix-usedYes:checked, #experience-bitrix-usedNo:checked):has(#usedThisYear-bitrix:checked):has(#usesCms-yes:checked) .if[data-if="c157"] {
  display: contents;
}

form.survey:has(#cmsKnown-aem:checked):has(#experience-aem-usedYes:checked, #experience-aem-usedNo:checked):has(#usedThisYear-aem:checked):has(#usesCms-yes:checked) .if[data-if="c158"] {
  display: contents;
}

form.survey:has(#cmsKnown-blogger:checked):has(#experience-blogger-usedYes:checked, #experience-blogger-usedNo:checked):has(#usedThisYear-blogger:checked):has(#usesCms-yes:checked) .if[data-if="c159"] {
  display: contents;
}

form.survey:has(#cmsKnown-brightspot:checked):has(#experience-brightspot-usedYes:checked, #experience-brightspot-usedNo:checked):has(#usedThisYear-brightspot:checked):has(#usesCms-yes:checked) .if[data-if="c160"] {
  display: contents;
}

form.survey:has(#cmsKnown-builderio:checked):has(#experience-builderio-usedYes:checked, #experience-builderio-usedNo:checked):has(#usedThisYear-builderio:checked):has(#usesCms-yes:checked) .if[data-if="c161"] {
  display: contents;
}

form.survey:has(#cmsKnown-cloudcannon:checked):has(#experience-cloudcannon-usedYes:checked, #experience-cloudcannon-usedNo:checked):has(#usedThisYear-cloudcannon:checked):has(#usesCms-yes:checked) .if[data-if="c162"] {
  display: contents;
}

form.survey:has(#cmsKnown-cmsms:checked):has(#experience-cmsms-usedYes:checked, #experience-cmsms-usedNo:checked):has(#usedThisYear-cmsms:checked):has(#usesCms-yes:checked) .if[data-if="c163"] {
  display: contents;
}

form.survey:has(#cmsKnown-concrete:checked):has(#experience-concrete-usedYes:checked, #experience-concrete-usedNo:checked):has(#usedThisYear-concrete:checked):has(#usesCms-yes:checked) .if[data-if="c164"] {
  display: contents;
}

form.survey:has(#cmsKnown-contao:checked):has(#experience-contao-usedYes:checked, #experience-contao-usedNo:checked):has(#usedThisYear-contao:checked):has(#usesCms-yes:checked) .if[data-if="c165"] {
  display: contents;
}

form.survey:has(#cmsKnown-contentstack:checked):has(#experience-contentstack-usedYes:checked, #experience-contentstack-usedNo:checked):has(#usedThisYear-contentstack:checked):has(#usesCms-yes:checked) .if[data-if="c166"] {
  display: contents;
}

form.survey:has(#cmsKnown-dle:checked):has(#experience-dle-usedYes:checked, #experience-dle-usedNo:checked):has(#usedThisYear-dle:checked):has(#usesCms-yes:checked) .if[data-if="c167"] {
  display: contents;
}

form.survey:has(#cmsKnown-datocms:checked):has(#experience-datocms-usedYes:checked, #experience-datocms-usedNo:checked):has(#usedThisYear-datocms:checked):has(#usesCms-yes:checked) .if[data-if="c168"] {
  display: contents;
}

form.survey:has(#cmsKnown-decap:checked):has(#experience-decap-usedYes:checked, #experience-decap-usedNo:checked):has(#usedThisYear-decap:checked):has(#usesCms-yes:checked) .if[data-if="c169"] {
  display: contents;
}

form.survey:has(#cmsKnown-directus:checked):has(#experience-directus-usedYes:checked, #experience-directus-usedNo:checked):has(#usedThisYear-directus:checked):has(#usesCms-yes:checked) .if[data-if="c170"] {
  display: contents;
}

form.survey:has(#cmsKnown-dnn:checked):has(#experience-dnn-usedYes:checked, #experience-dnn-usedNo:checked):has(#usedThisYear-dnn:checked):has(#usesCms-yes:checked) .if[data-if="c171"] {
  display: contents;
}

form.survey:has(#cmsKnown-duda:checked):has(#experience-duda-usedYes:checked, #experience-duda-usedNo:checked):has(#usedThisYear-duda:checked):has(#usesCms-yes:checked) .if[data-if="c172"] {
  display: contents;
}

form.survey:has(#cmsKnown-enonic:checked):has(#experience-enonic-usedYes:checked, #experience-enonic-usedNo:checked):has(#usedThisYear-enonic:checked):has(#usesCms-yes:checked) .if[data-if="c173"] {
  display: contents;
}

form.survey:has(#cmsKnown-expressionengine:checked):has(#experience-expressionengine-usedYes:checked, #experience-expressionengine-usedNo:checked):has(#usedThisYear-expressionengine:checked):has(#usesCms-yes:checked) .if[data-if="c174"] {
  display: contents;
}

form.survey:has(#cmsKnown-frontmatter:checked):has(#experience-frontmatter-usedYes:checked, #experience-frontmatter-usedNo:checked):has(#usedThisYear-frontmatter:checked):has(#usesCms-yes:checked) .if[data-if="c175"] {
  display: contents;
}

form.survey:has(#cmsKnown-ghost:checked):has(#experience-ghost-usedYes:checked, #experience-ghost-usedNo:checked):has(#usedThisYear-ghost:checked):has(#usesCms-yes:checked) .if[data-if="c176"] {
  display: contents;
}

form.survey:has(#cmsKnown-godaddy:checked):has(#experience-godaddy-usedYes:checked, #experience-godaddy-usedNo:checked):has(#usedThisYear-godaddy:checked):has(#usesCms-yes:checked) .if[data-if="c177"] {
  display: contents;
}

form.survey:has(#cmsKnown-hygraph:checked):has(#experience-hygraph-usedYes:checked, #experience-hygraph-usedNo:checked):has(#usedThisYear-hygraph:checked):has(#usesCms-yes:checked) .if[data-if="c178"] {
  display: contents;
}

form.survey:has(#cmsKnown-kentico:checked):has(#experience-kentico-usedYes:checked, #experience-kentico-usedNo:checked):has(#usedThisYear-kentico:checked):has(#usesCms-yes:checked) .if[data-if="c179"] {
  display: contents;
}

form.survey:has(#cmsKnown-keystatic:checked):has(#experience-keystatic-usedYes:checked, #experience-keystatic-usedNo:checked):has(#usedThisYear-keystatic:checked):has(#usesCms-yes:checked) .if[data-if="c180"] {
  display: contents;
}

form.survey:has(#cmsKnown-keystone:checked):has(#experience-keystone-usedYes:checked, #experience-keystone-usedNo:checked):has(#usedThisYear-keystone:checked):has(#usesCms-yes:checked) .if[data-if="c181"] {
  display: contents;
}

form.survey:has(#cmsKnown-kirby:checked):has(#experience-kirby-usedYes:checked, #experience-kirby-usedNo:checked):has(#usedThisYear-kirby:checked):has(#usesCms-yes:checked) .if[data-if="c182"] {
  display: contents;
}

form.survey:has(#cmsKnown-magnolia:checked):has(#experience-magnolia-usedYes:checked, #experience-magnolia-usedNo:checked):has(#usedThisYear-magnolia:checked):has(#usesCms-yes:checked) .if[data-if="c183"] {
  display: contents;
}

form.survey:has(#cmsKnown-microcms:checked):has(#experience-microcms-usedYes:checked, #experience-microcms-usedNo:checked):has(#usedThisYear-microcms:checked):has(#usesCms-yes:checked) .if[data-if="c184"] {
  display: contents;
}

form.survey:has(#cmsKnown-mobirise:checked):has(#experience-mobirise-usedYes:checked, #experience-mobirise-usedNo:checked):has(#usedThisYear-mobirise:checked):has(#usesCms-yes:checked) .if[data-if="c185"] {
  display: contents;
}

form.survey:has(#cmsKnown-october:checked):has(#experience-october-usedYes:checked, #experience-october-usedNo:checked):has(#usedThisYear-october:checked):has(#usesCms-yes:checked) .if[data-if="c186"] {
  display: contents;
}

form.survey:has(#cmsKnown-optimizely:checked):has(#experience-optimizely-usedYes:checked, #experience-optimizely-usedNo:checked):has(#usedThisYear-optimizely:checked):has(#usesCms-yes:checked) .if[data-if="c187"] {
  display: contents;
}

form.survey:has(#cmsKnown-pagescms:checked):has(#experience-pagescms-usedYes:checked, #experience-pagescms-usedNo:checked):has(#usedThisYear-pagescms:checked):has(#usesCms-yes:checked) .if[data-if="c188"] {
  display: contents;
}

form.survey:has(#cmsKnown-payload:checked):has(#experience-payload-usedYes:checked, #experience-payload-usedNo:checked):has(#usedThisYear-payload:checked):has(#usesCms-yes:checked) .if[data-if="c189"] {
  display: contents;
}

form.survey:has(#cmsKnown-pimcore:checked):has(#experience-pimcore-usedYes:checked, #experience-pimcore-usedNo:checked):has(#usedThisYear-pimcore:checked):has(#usesCms-yes:checked) .if[data-if="c190"] {
  display: contents;
}

form.survey:has(#cmsKnown-plone:checked):has(#experience-plone-usedYes:checked, #experience-plone-usedNo:checked):has(#usedThisYear-plone:checked):has(#usesCms-yes:checked) .if[data-if="c191"] {
  display: contents;
}

form.survey:has(#cmsKnown-prismic:checked):has(#experience-prismic-usedYes:checked, #experience-prismic-usedNo:checked):has(#usedThisYear-prismic:checked):has(#usesCms-yes:checked) .if[data-if="c192"] {
  display: contents;
}

form.survey:has(#cmsKnown-processwire:checked):has(#experience-processwire-usedYes:checked, #experience-processwire-usedNo:checked):has(#usedThisYear-processwire:checked):has(#usesCms-yes:checked) .if[data-if="c193"] {
  display: contents;
}

form.survey:has(#cmsKnown-sitefinity:checked):has(#experience-sitefinity-usedYes:checked, #experience-sitefinity-usedNo:checked):has(#usedThisYear-sitefinity:checked):has(#usesCms-yes:checked) .if[data-if="c194"] {
  display: contents;
}

form.survey:has(#cmsKnown-readdy:checked):has(#experience-readdy-usedYes:checked, #experience-readdy-usedNo:checked):has(#usedThisYear-readdy:checked):has(#usesCms-yes:checked) .if[data-if="c195"] {
  display: contents;
}

form.survey:has(#cmsKnown-silverstripe:checked):has(#experience-silverstripe-usedYes:checked, #experience-silverstripe-usedNo:checked):has(#usedThisYear-silverstripe:checked):has(#usesCms-yes:checked) .if[data-if="c196"] {
  display: contents;
}

form.survey:has(#cmsKnown-spip:checked):has(#experience-spip-usedYes:checked, #experience-spip-usedNo:checked):has(#usedThisYear-spip:checked):has(#usesCms-yes:checked) .if[data-if="c197"] {
  display: contents;
}

form.survey:has(#cmsKnown-statamic:checked):has(#experience-statamic-usedYes:checked, #experience-statamic-usedNo:checked):has(#usedThisYear-statamic:checked):has(#usesCms-yes:checked) .if[data-if="c198"] {
  display: contents;
}

form.survey:has(#cmsKnown-strapi:checked):has(#experience-strapi-usedYes:checked, #experience-strapi-usedNo:checked):has(#usedThisYear-strapi:checked):has(#usesCms-yes:checked) .if[data-if="c199"] {
  display: contents;
}

form.survey:has(#cmsKnown-studio:checked):has(#experience-studio-usedYes:checked, #experience-studio-usedNo:checked):has(#usedThisYear-studio:checked):has(#usesCms-yes:checked) .if[data-if="c200"] {
  display: contents;
}

form.survey:has(#cmsKnown-sveltia:checked):has(#experience-sveltia-usedYes:checked, #experience-sveltia-usedNo:checked):has(#usedThisYear-sveltia:checked):has(#usesCms-yes:checked) .if[data-if="c201"] {
  display: contents;
}

form.survey:has(#cmsKnown-tilda:checked):has(#experience-tilda-usedYes:checked, #experience-tilda-usedNo:checked):has(#usedThisYear-tilda:checked):has(#usesCms-yes:checked) .if[data-if="c202"] {
  display: contents;
}

form.survey:has(#cmsKnown-tina:checked):has(#experience-tina-usedYes:checked, #experience-tina-usedNo:checked):has(#usedThisYear-tina:checked):has(#usesCms-yes:checked) .if[data-if="c203"] {
  display: contents;
}

form.survey:has(#cmsKnown-umbraco:checked):has(#experience-umbraco-usedYes:checked, #experience-umbraco-usedNo:checked):has(#usedThisYear-umbraco:checked):has(#usesCms-yes:checked) .if[data-if="c204"] {
  display: contents;
}

form.survey:has(#cmsKnown-weebly:checked):has(#experience-weebly-usedYes:checked, #experience-weebly-usedNo:checked):has(#usedThisYear-weebly:checked):has(#usesCms-yes:checked) .if[data-if="c205"] {
  display: contents;
}

form.survey:not(:has(#role-editor:checked)) .if[data-if="c206"] {
  display: contents;
}

form.survey:has(#cmsKnown-custom1:checked):has(#experience-custom1-usedYes:checked, #experience-custom1-usedNo:checked):has(#usedThisYear-custom1:checked):has(#usesCms-yes:checked) .if[data-if="c207"] {
  display: contents;
}

form.survey:has(#cmsKnown-custom2:checked):has(#experience-custom2-usedYes:checked, #experience-custom2-usedNo:checked):has(#usedThisYear-custom2:checked):has(#usesCms-yes:checked) .if[data-if="c208"] {
  display: contents;
}

form.survey:has(#cmsKnown-custom3:checked):has(#experience-custom3-usedYes:checked, #experience-custom3-usedNo:checked):has(#usedThisYear-custom3:checked):has(#usesCms-yes:checked) .if[data-if="c209"] {
  display: contents;
}

form.survey:has(#cmsKnown-custom4:checked):has(#experience-custom4-usedYes:checked, #experience-custom4-usedNo:checked):has(#usedThisYear-custom4:checked):has(#usesCms-yes:checked) .if[data-if="c210"] {
  display: contents;
}

form.survey:has(#cmsKnown-custom5:checked):has(#experience-custom5-usedYes:checked, #experience-custom5-usedNo:checked):has(#usedThisYear-custom5:checked):has(#usesCms-yes:checked) .if[data-if="c211"] {
  display: contents;
}

form.survey:has(#usedThisYear-custom:checked):has(#usesCms-yes:checked) .if[data-if="c212"] {
  display: contents;
}

form.survey:has(#usedThisYear-static:checked):has(#usesCms-yes:checked) .if[data-if="c213"] {
  display: contents;
}

form.survey:has(#usedThisYear-aiBuilt:checked):has(#usesCms-yes:checked) .if[data-if="c214"] {
  display: contents;
}

form.survey:has(#switch-moved:checked):has(#usesCms-yes:checked) .if[data-if="c215"] {
  display: contents;
}

form.survey:has(#cmsKnown-wordpress:checked):has(#experience-wordpress-usedYes:checked, #experience-wordpress-usedNo:checked):has(#usedThisYear-wordpress:checked) .if[data-if="c216"] {
  display: contents;
}

form.survey:has(#cmsKnown-drupal:checked):has(#experience-drupal-usedYes:checked, #experience-drupal-usedNo:checked):has(#usedThisYear-drupal:checked) .if[data-if="c217"] {
  display: contents;
}

form.survey:has(#cmsKnown-hubspot:checked):has(#experience-hubspot-usedYes:checked, #experience-hubspot-usedNo:checked):has(#usedThisYear-hubspot:checked) .if[data-if="c218"] {
  display: contents;
}

form.survey:has(#cmsKnown-webflow:checked):has(#experience-webflow-usedYes:checked, #experience-webflow-usedNo:checked):has(#usedThisYear-webflow:checked) .if[data-if="c219"] {
  display: contents;
}

form.survey:has(#cmsKnown-joomla:checked):has(#experience-joomla-usedYes:checked, #experience-joomla-usedNo:checked):has(#usedThisYear-joomla:checked) .if[data-if="c220"] {
  display: contents;
}

form.survey:has(#cmsKnown-typo3:checked):has(#experience-typo3-usedYes:checked, #experience-typo3-usedNo:checked):has(#usedThisYear-typo3:checked) .if[data-if="c221"] {
  display: contents;
}

form.survey:has(#cmsKnown-contentful:checked):has(#experience-contentful-usedYes:checked, #experience-contentful-usedNo:checked):has(#usedThisYear-contentful:checked) .if[data-if="c222"] {
  display: contents;
}

form.survey:has(#cmsKnown-framer:checked):has(#experience-framer-usedYes:checked, #experience-framer-usedNo:checked):has(#usedThisYear-framer:checked) .if[data-if="c223"] {
  display: contents;
}

form.survey:has(#cmsKnown-wix:checked):has(#experience-wix-usedYes:checked, #experience-wix-usedNo:checked):has(#usedThisYear-wix:checked) .if[data-if="c224"] {
  display: contents;
}

form.survey:has(#cmsKnown-squarespace:checked):has(#experience-squarespace-usedYes:checked, #experience-squarespace-usedNo:checked):has(#usedThisYear-squarespace:checked) .if[data-if="c225"] {
  display: contents;
}

form.survey:has(#cmsKnown-sanity:checked):has(#experience-sanity-usedYes:checked, #experience-sanity-usedNo:checked):has(#usedThisYear-sanity:checked) .if[data-if="c226"] {
  display: contents;
}

form.survey:has(#cmsKnown-sitecore:checked):has(#experience-sitecore-usedYes:checked, #experience-sitecore-usedNo:checked):has(#usedThisYear-sitecore:checked) .if[data-if="c227"] {
  display: contents;
}

form.survey:has(#cmsKnown-storyblok:checked):has(#experience-storyblok-usedYes:checked, #experience-storyblok-usedNo:checked):has(#usedThisYear-storyblok:checked) .if[data-if="c228"] {
  display: contents;
}

form.survey:has(#cmsKnown-liferay:checked):has(#experience-liferay-usedYes:checked, #experience-liferay-usedNo:checked):has(#usedThisYear-liferay:checked) .if[data-if="c229"] {
  display: contents;
}

form.survey:has(#cmsKnown-craft:checked):has(#experience-craft-usedYes:checked, #experience-craft-usedNo:checked):has(#usedThisYear-craft:checked) .if[data-if="c230"] {
  display: contents;
}

form.survey:has(#cmsKnown-bitrix:checked):has(#experience-bitrix-usedYes:checked, #experience-bitrix-usedNo:checked):has(#usedThisYear-bitrix:checked) .if[data-if="c231"] {
  display: contents;
}

form.survey:has(#cmsKnown-aem:checked):has(#experience-aem-usedYes:checked, #experience-aem-usedNo:checked):has(#usedThisYear-aem:checked) .if[data-if="c232"] {
  display: contents;
}

form.survey:has(#cmsKnown-blogger:checked):has(#experience-blogger-usedYes:checked, #experience-blogger-usedNo:checked):has(#usedThisYear-blogger:checked) .if[data-if="c233"] {
  display: contents;
}

form.survey:has(#cmsKnown-brightspot:checked):has(#experience-brightspot-usedYes:checked, #experience-brightspot-usedNo:checked):has(#usedThisYear-brightspot:checked) .if[data-if="c234"] {
  display: contents;
}

form.survey:has(#cmsKnown-builderio:checked):has(#experience-builderio-usedYes:checked, #experience-builderio-usedNo:checked):has(#usedThisYear-builderio:checked) .if[data-if="c235"] {
  display: contents;
}

form.survey:has(#cmsKnown-cloudcannon:checked):has(#experience-cloudcannon-usedYes:checked, #experience-cloudcannon-usedNo:checked):has(#usedThisYear-cloudcannon:checked) .if[data-if="c236"] {
  display: contents;
}

form.survey:has(#cmsKnown-cmsms:checked):has(#experience-cmsms-usedYes:checked, #experience-cmsms-usedNo:checked):has(#usedThisYear-cmsms:checked) .if[data-if="c237"] {
  display: contents;
}

form.survey:has(#cmsKnown-concrete:checked):has(#experience-concrete-usedYes:checked, #experience-concrete-usedNo:checked):has(#usedThisYear-concrete:checked) .if[data-if="c238"] {
  display: contents;
}

form.survey:has(#cmsKnown-contao:checked):has(#experience-contao-usedYes:checked, #experience-contao-usedNo:checked):has(#usedThisYear-contao:checked) .if[data-if="c239"] {
  display: contents;
}

form.survey:has(#cmsKnown-contentstack:checked):has(#experience-contentstack-usedYes:checked, #experience-contentstack-usedNo:checked):has(#usedThisYear-contentstack:checked) .if[data-if="c240"] {
  display: contents;
}

form.survey:has(#cmsKnown-dle:checked):has(#experience-dle-usedYes:checked, #experience-dle-usedNo:checked):has(#usedThisYear-dle:checked) .if[data-if="c241"] {
  display: contents;
}

form.survey:has(#cmsKnown-datocms:checked):has(#experience-datocms-usedYes:checked, #experience-datocms-usedNo:checked):has(#usedThisYear-datocms:checked) .if[data-if="c242"] {
  display: contents;
}

form.survey:has(#cmsKnown-decap:checked):has(#experience-decap-usedYes:checked, #experience-decap-usedNo:checked):has(#usedThisYear-decap:checked) .if[data-if="c243"] {
  display: contents;
}

form.survey:has(#cmsKnown-directus:checked):has(#experience-directus-usedYes:checked, #experience-directus-usedNo:checked):has(#usedThisYear-directus:checked) .if[data-if="c244"] {
  display: contents;
}

form.survey:has(#cmsKnown-dnn:checked):has(#experience-dnn-usedYes:checked, #experience-dnn-usedNo:checked):has(#usedThisYear-dnn:checked) .if[data-if="c245"] {
  display: contents;
}

form.survey:has(#cmsKnown-duda:checked):has(#experience-duda-usedYes:checked, #experience-duda-usedNo:checked):has(#usedThisYear-duda:checked) .if[data-if="c246"] {
  display: contents;
}

form.survey:has(#cmsKnown-enonic:checked):has(#experience-enonic-usedYes:checked, #experience-enonic-usedNo:checked):has(#usedThisYear-enonic:checked) .if[data-if="c247"] {
  display: contents;
}

form.survey:has(#cmsKnown-expressionengine:checked):has(#experience-expressionengine-usedYes:checked, #experience-expressionengine-usedNo:checked):has(#usedThisYear-expressionengine:checked) .if[data-if="c248"] {
  display: contents;
}

form.survey:has(#cmsKnown-frontmatter:checked):has(#experience-frontmatter-usedYes:checked, #experience-frontmatter-usedNo:checked):has(#usedThisYear-frontmatter:checked) .if[data-if="c249"] {
  display: contents;
}

form.survey:has(#cmsKnown-ghost:checked):has(#experience-ghost-usedYes:checked, #experience-ghost-usedNo:checked):has(#usedThisYear-ghost:checked) .if[data-if="c250"] {
  display: contents;
}

form.survey:has(#cmsKnown-godaddy:checked):has(#experience-godaddy-usedYes:checked, #experience-godaddy-usedNo:checked):has(#usedThisYear-godaddy:checked) .if[data-if="c251"] {
  display: contents;
}

form.survey:has(#cmsKnown-hygraph:checked):has(#experience-hygraph-usedYes:checked, #experience-hygraph-usedNo:checked):has(#usedThisYear-hygraph:checked) .if[data-if="c252"] {
  display: contents;
}

form.survey:has(#cmsKnown-kentico:checked):has(#experience-kentico-usedYes:checked, #experience-kentico-usedNo:checked):has(#usedThisYear-kentico:checked) .if[data-if="c253"] {
  display: contents;
}

form.survey:has(#cmsKnown-keystatic:checked):has(#experience-keystatic-usedYes:checked, #experience-keystatic-usedNo:checked):has(#usedThisYear-keystatic:checked) .if[data-if="c254"] {
  display: contents;
}

form.survey:has(#cmsKnown-keystone:checked):has(#experience-keystone-usedYes:checked, #experience-keystone-usedNo:checked):has(#usedThisYear-keystone:checked) .if[data-if="c255"] {
  display: contents;
}

form.survey:has(#cmsKnown-kirby:checked):has(#experience-kirby-usedYes:checked, #experience-kirby-usedNo:checked):has(#usedThisYear-kirby:checked) .if[data-if="c256"] {
  display: contents;
}

form.survey:has(#cmsKnown-magnolia:checked):has(#experience-magnolia-usedYes:checked, #experience-magnolia-usedNo:checked):has(#usedThisYear-magnolia:checked) .if[data-if="c257"] {
  display: contents;
}

form.survey:has(#cmsKnown-microcms:checked):has(#experience-microcms-usedYes:checked, #experience-microcms-usedNo:checked):has(#usedThisYear-microcms:checked) .if[data-if="c258"] {
  display: contents;
}

form.survey:has(#cmsKnown-mobirise:checked):has(#experience-mobirise-usedYes:checked, #experience-mobirise-usedNo:checked):has(#usedThisYear-mobirise:checked) .if[data-if="c259"] {
  display: contents;
}

form.survey:has(#cmsKnown-october:checked):has(#experience-october-usedYes:checked, #experience-october-usedNo:checked):has(#usedThisYear-october:checked) .if[data-if="c260"] {
  display: contents;
}

form.survey:has(#cmsKnown-optimizely:checked):has(#experience-optimizely-usedYes:checked, #experience-optimizely-usedNo:checked):has(#usedThisYear-optimizely:checked) .if[data-if="c261"] {
  display: contents;
}

form.survey:has(#cmsKnown-pagescms:checked):has(#experience-pagescms-usedYes:checked, #experience-pagescms-usedNo:checked):has(#usedThisYear-pagescms:checked) .if[data-if="c262"] {
  display: contents;
}

form.survey:has(#cmsKnown-payload:checked):has(#experience-payload-usedYes:checked, #experience-payload-usedNo:checked):has(#usedThisYear-payload:checked) .if[data-if="c263"] {
  display: contents;
}

form.survey:has(#cmsKnown-pimcore:checked):has(#experience-pimcore-usedYes:checked, #experience-pimcore-usedNo:checked):has(#usedThisYear-pimcore:checked) .if[data-if="c264"] {
  display: contents;
}

form.survey:has(#cmsKnown-plone:checked):has(#experience-plone-usedYes:checked, #experience-plone-usedNo:checked):has(#usedThisYear-plone:checked) .if[data-if="c265"] {
  display: contents;
}

form.survey:has(#cmsKnown-prismic:checked):has(#experience-prismic-usedYes:checked, #experience-prismic-usedNo:checked):has(#usedThisYear-prismic:checked) .if[data-if="c266"] {
  display: contents;
}

form.survey:has(#cmsKnown-processwire:checked):has(#experience-processwire-usedYes:checked, #experience-processwire-usedNo:checked):has(#usedThisYear-processwire:checked) .if[data-if="c267"] {
  display: contents;
}

form.survey:has(#cmsKnown-sitefinity:checked):has(#experience-sitefinity-usedYes:checked, #experience-sitefinity-usedNo:checked):has(#usedThisYear-sitefinity:checked) .if[data-if="c268"] {
  display: contents;
}

form.survey:has(#cmsKnown-readdy:checked):has(#experience-readdy-usedYes:checked, #experience-readdy-usedNo:checked):has(#usedThisYear-readdy:checked) .if[data-if="c269"] {
  display: contents;
}

form.survey:has(#cmsKnown-silverstripe:checked):has(#experience-silverstripe-usedYes:checked, #experience-silverstripe-usedNo:checked):has(#usedThisYear-silverstripe:checked) .if[data-if="c270"] {
  display: contents;
}

form.survey:has(#cmsKnown-spip:checked):has(#experience-spip-usedYes:checked, #experience-spip-usedNo:checked):has(#usedThisYear-spip:checked) .if[data-if="c271"] {
  display: contents;
}

form.survey:has(#cmsKnown-statamic:checked):has(#experience-statamic-usedYes:checked, #experience-statamic-usedNo:checked):has(#usedThisYear-statamic:checked) .if[data-if="c272"] {
  display: contents;
}

form.survey:has(#cmsKnown-strapi:checked):has(#experience-strapi-usedYes:checked, #experience-strapi-usedNo:checked):has(#usedThisYear-strapi:checked) .if[data-if="c273"] {
  display: contents;
}

form.survey:has(#cmsKnown-studio:checked):has(#experience-studio-usedYes:checked, #experience-studio-usedNo:checked):has(#usedThisYear-studio:checked) .if[data-if="c274"] {
  display: contents;
}

form.survey:has(#cmsKnown-sveltia:checked):has(#experience-sveltia-usedYes:checked, #experience-sveltia-usedNo:checked):has(#usedThisYear-sveltia:checked) .if[data-if="c275"] {
  display: contents;
}

form.survey:has(#cmsKnown-tilda:checked):has(#experience-tilda-usedYes:checked, #experience-tilda-usedNo:checked):has(#usedThisYear-tilda:checked) .if[data-if="c276"] {
  display: contents;
}

form.survey:has(#cmsKnown-tina:checked):has(#experience-tina-usedYes:checked, #experience-tina-usedNo:checked):has(#usedThisYear-tina:checked) .if[data-if="c277"] {
  display: contents;
}

form.survey:has(#cmsKnown-umbraco:checked):has(#experience-umbraco-usedYes:checked, #experience-umbraco-usedNo:checked):has(#usedThisYear-umbraco:checked) .if[data-if="c278"] {
  display: contents;
}

form.survey:has(#cmsKnown-weebly:checked):has(#experience-weebly-usedYes:checked, #experience-weebly-usedNo:checked):has(#usedThisYear-weebly:checked) .if[data-if="c279"] {
  display: contents;
}

form.survey:has(#cmsKnown-custom1:checked):has(#experience-custom1-usedYes:checked, #experience-custom1-usedNo:checked):has(#usedThisYear-custom1:checked) .if[data-if="c280"] {
  display: contents;
}

form.survey:has(#cmsKnown-custom2:checked):has(#experience-custom2-usedYes:checked, #experience-custom2-usedNo:checked):has(#usedThisYear-custom2:checked) .if[data-if="c281"] {
  display: contents;
}

form.survey:has(#cmsKnown-custom3:checked):has(#experience-custom3-usedYes:checked, #experience-custom3-usedNo:checked):has(#usedThisYear-custom3:checked) .if[data-if="c282"] {
  display: contents;
}

form.survey:has(#cmsKnown-custom4:checked):has(#experience-custom4-usedYes:checked, #experience-custom4-usedNo:checked):has(#usedThisYear-custom4:checked) .if[data-if="c283"] {
  display: contents;
}

form.survey:has(#cmsKnown-custom5:checked):has(#experience-custom5-usedYes:checked, #experience-custom5-usedNo:checked):has(#usedThisYear-custom5:checked) .if[data-if="c284"] {
  display: contents;
}

form.survey:has(#usedThisYear-custom:checked) .if[data-if="c285"] {
  display: contents;
}

form.survey:has(#usedThisYear-static:checked) .if[data-if="c286"] {
  display: contents;
}

form.survey:has(#usedThisYear-aiBuilt:checked) .if[data-if="c287"] {
  display: contents;
}

form.survey:has(#switchKind-migrated:checked, #switchKind-both:checked) .if[data-if="c288"] {
  display: contents;
}

form.survey:has(#switch-tried:checked):has(#usesCms-yes:checked) .if[data-if="c289"],
form.survey:has(#switch-moved:checked):has(#triedOthers-yes:checked):has(#usesCms-yes:checked) .if[data-if="c289"] {
  display: contents;
}

form.survey:not(:has(#movedTo-wordpress:checked)):has(#cmsKnown-wordpress:checked) .if[data-if="c290"] {
  display: contents;
}

form.survey:not(:has(#movedTo-drupal:checked)):has(#cmsKnown-drupal:checked) .if[data-if="c291"] {
  display: contents;
}

form.survey:not(:has(#movedTo-hubspot:checked)):has(#cmsKnown-hubspot:checked) .if[data-if="c292"] {
  display: contents;
}

form.survey:not(:has(#movedTo-webflow:checked)):has(#cmsKnown-webflow:checked) .if[data-if="c293"] {
  display: contents;
}

form.survey:not(:has(#movedTo-joomla:checked)):has(#cmsKnown-joomla:checked) .if[data-if="c294"] {
  display: contents;
}

form.survey:not(:has(#movedTo-typo3:checked)):has(#cmsKnown-typo3:checked) .if[data-if="c295"] {
  display: contents;
}

form.survey:not(:has(#movedTo-contentful:checked)):has(#cmsKnown-contentful:checked) .if[data-if="c296"] {
  display: contents;
}

form.survey:not(:has(#movedTo-framer:checked)):has(#cmsKnown-framer:checked) .if[data-if="c297"] {
  display: contents;
}

form.survey:not(:has(#movedTo-wix:checked)):has(#cmsKnown-wix:checked) .if[data-if="c298"] {
  display: contents;
}

form.survey:not(:has(#movedTo-squarespace:checked)):has(#cmsKnown-squarespace:checked) .if[data-if="c299"] {
  display: contents;
}

form.survey:not(:has(#movedTo-sanity:checked)):has(#cmsKnown-sanity:checked) .if[data-if="c300"] {
  display: contents;
}

form.survey:not(:has(#movedTo-sitecore:checked)):has(#cmsKnown-sitecore:checked) .if[data-if="c301"] {
  display: contents;
}

form.survey:not(:has(#movedTo-storyblok:checked)):has(#cmsKnown-storyblok:checked) .if[data-if="c302"] {
  display: contents;
}

form.survey:not(:has(#movedTo-liferay:checked)):has(#cmsKnown-liferay:checked) .if[data-if="c303"] {
  display: contents;
}

form.survey:not(:has(#movedTo-craft:checked)):has(#cmsKnown-craft:checked) .if[data-if="c304"] {
  display: contents;
}

form.survey:not(:has(#movedTo-bitrix:checked)):has(#cmsKnown-bitrix:checked) .if[data-if="c305"] {
  display: contents;
}

form.survey:not(:has(#movedTo-aem:checked)):has(#cmsKnown-aem:checked) .if[data-if="c306"] {
  display: contents;
}

form.survey:not(:has(#movedTo-blogger:checked)):has(#cmsKnown-blogger:checked) .if[data-if="c307"] {
  display: contents;
}

form.survey:not(:has(#movedTo-brightspot:checked)):has(#cmsKnown-brightspot:checked) .if[data-if="c308"] {
  display: contents;
}

form.survey:not(:has(#movedTo-builderio:checked)):has(#cmsKnown-builderio:checked) .if[data-if="c309"] {
  display: contents;
}

form.survey:not(:has(#movedTo-cloudcannon:checked)):has(#cmsKnown-cloudcannon:checked) .if[data-if="c310"] {
  display: contents;
}

form.survey:not(:has(#movedTo-cmsms:checked)):has(#cmsKnown-cmsms:checked) .if[data-if="c311"] {
  display: contents;
}

form.survey:not(:has(#movedTo-concrete:checked)):has(#cmsKnown-concrete:checked) .if[data-if="c312"] {
  display: contents;
}

form.survey:not(:has(#movedTo-contao:checked)):has(#cmsKnown-contao:checked) .if[data-if="c313"] {
  display: contents;
}

form.survey:not(:has(#movedTo-contentstack:checked)):has(#cmsKnown-contentstack:checked) .if[data-if="c314"] {
  display: contents;
}

form.survey:not(:has(#movedTo-dle:checked)):has(#cmsKnown-dle:checked) .if[data-if="c315"] {
  display: contents;
}

form.survey:not(:has(#movedTo-datocms:checked)):has(#cmsKnown-datocms:checked) .if[data-if="c316"] {
  display: contents;
}

form.survey:not(:has(#movedTo-decap:checked)):has(#cmsKnown-decap:checked) .if[data-if="c317"] {
  display: contents;
}

form.survey:not(:has(#movedTo-directus:checked)):has(#cmsKnown-directus:checked) .if[data-if="c318"] {
  display: contents;
}

form.survey:not(:has(#movedTo-dnn:checked)):has(#cmsKnown-dnn:checked) .if[data-if="c319"] {
  display: contents;
}

form.survey:not(:has(#movedTo-duda:checked)):has(#cmsKnown-duda:checked) .if[data-if="c320"] {
  display: contents;
}

form.survey:not(:has(#movedTo-enonic:checked)):has(#cmsKnown-enonic:checked) .if[data-if="c321"] {
  display: contents;
}

form.survey:not(:has(#movedTo-expressionengine:checked)):has(#cmsKnown-expressionengine:checked) .if[data-if="c322"] {
  display: contents;
}

form.survey:not(:has(#movedTo-frontmatter:checked)):has(#cmsKnown-frontmatter:checked) .if[data-if="c323"] {
  display: contents;
}

form.survey:not(:has(#movedTo-ghost:checked)):has(#cmsKnown-ghost:checked) .if[data-if="c324"] {
  display: contents;
}

form.survey:not(:has(#movedTo-godaddy:checked)):has(#cmsKnown-godaddy:checked) .if[data-if="c325"] {
  display: contents;
}

form.survey:not(:has(#movedTo-hygraph:checked)):has(#cmsKnown-hygraph:checked) .if[data-if="c326"] {
  display: contents;
}

form.survey:not(:has(#movedTo-kentico:checked)):has(#cmsKnown-kentico:checked) .if[data-if="c327"] {
  display: contents;
}

form.survey:not(:has(#movedTo-keystatic:checked)):has(#cmsKnown-keystatic:checked) .if[data-if="c328"] {
  display: contents;
}

form.survey:not(:has(#movedTo-keystone:checked)):has(#cmsKnown-keystone:checked) .if[data-if="c329"] {
  display: contents;
}

form.survey:not(:has(#movedTo-kirby:checked)):has(#cmsKnown-kirby:checked) .if[data-if="c330"] {
  display: contents;
}

form.survey:not(:has(#movedTo-magnolia:checked)):has(#cmsKnown-magnolia:checked) .if[data-if="c331"] {
  display: contents;
}

form.survey:not(:has(#movedTo-microcms:checked)):has(#cmsKnown-microcms:checked) .if[data-if="c332"] {
  display: contents;
}

form.survey:not(:has(#movedTo-mobirise:checked)):has(#cmsKnown-mobirise:checked) .if[data-if="c333"] {
  display: contents;
}

form.survey:not(:has(#movedTo-october:checked)):has(#cmsKnown-october:checked) .if[data-if="c334"] {
  display: contents;
}

form.survey:not(:has(#movedTo-optimizely:checked)):has(#cmsKnown-optimizely:checked) .if[data-if="c335"] {
  display: contents;
}

form.survey:not(:has(#movedTo-pagescms:checked)):has(#cmsKnown-pagescms:checked) .if[data-if="c336"] {
  display: contents;
}

form.survey:not(:has(#movedTo-payload:checked)):has(#cmsKnown-payload:checked) .if[data-if="c337"] {
  display: contents;
}

form.survey:not(:has(#movedTo-pimcore:checked)):has(#cmsKnown-pimcore:checked) .if[data-if="c338"] {
  display: contents;
}

form.survey:not(:has(#movedTo-plone:checked)):has(#cmsKnown-plone:checked) .if[data-if="c339"] {
  display: contents;
}

form.survey:not(:has(#movedTo-prismic:checked)):has(#cmsKnown-prismic:checked) .if[data-if="c340"] {
  display: contents;
}

form.survey:not(:has(#movedTo-processwire:checked)):has(#cmsKnown-processwire:checked) .if[data-if="c341"] {
  display: contents;
}

form.survey:not(:has(#movedTo-sitefinity:checked)):has(#cmsKnown-sitefinity:checked) .if[data-if="c342"] {
  display: contents;
}

form.survey:not(:has(#movedTo-readdy:checked)):has(#cmsKnown-readdy:checked) .if[data-if="c343"] {
  display: contents;
}

form.survey:not(:has(#movedTo-silverstripe:checked)):has(#cmsKnown-silverstripe:checked) .if[data-if="c344"] {
  display: contents;
}

form.survey:not(:has(#movedTo-spip:checked)):has(#cmsKnown-spip:checked) .if[data-if="c345"] {
  display: contents;
}

form.survey:not(:has(#movedTo-statamic:checked)):has(#cmsKnown-statamic:checked) .if[data-if="c346"] {
  display: contents;
}

form.survey:not(:has(#movedTo-strapi:checked)):has(#cmsKnown-strapi:checked) .if[data-if="c347"] {
  display: contents;
}

form.survey:not(:has(#movedTo-studio:checked)):has(#cmsKnown-studio:checked) .if[data-if="c348"] {
  display: contents;
}

form.survey:not(:has(#movedTo-sveltia:checked)):has(#cmsKnown-sveltia:checked) .if[data-if="c349"] {
  display: contents;
}

form.survey:not(:has(#movedTo-tilda:checked)):has(#cmsKnown-tilda:checked) .if[data-if="c350"] {
  display: contents;
}

form.survey:not(:has(#movedTo-tina:checked)):has(#cmsKnown-tina:checked) .if[data-if="c351"] {
  display: contents;
}

form.survey:not(:has(#movedTo-umbraco:checked)):has(#cmsKnown-umbraco:checked) .if[data-if="c352"] {
  display: contents;
}

form.survey:not(:has(#movedTo-weebly:checked)):has(#cmsKnown-weebly:checked) .if[data-if="c353"] {
  display: contents;
}

form.survey:not(:has(#movedTo-custom1:checked)):has(#cmsKnown-custom1:checked) .if[data-if="c354"] {
  display: contents;
}

form.survey:not(:has(#movedTo-custom2:checked)):has(#cmsKnown-custom2:checked) .if[data-if="c355"] {
  display: contents;
}

form.survey:not(:has(#movedTo-custom3:checked)):has(#cmsKnown-custom3:checked) .if[data-if="c356"] {
  display: contents;
}

form.survey:not(:has(#movedTo-custom4:checked)):has(#cmsKnown-custom4:checked) .if[data-if="c357"] {
  display: contents;
}

form.survey:not(:has(#movedTo-custom5:checked)):has(#cmsKnown-custom5:checked) .if[data-if="c358"] {
  display: contents;
}

form.survey:has(#tryOutcome-later:checked, #tryOutcome-evaluating:checked, #tryOutcome-against:checked) .if[data-if="c359"] {
  display: contents;
}

form.survey:has(#switch-stayed:checked, #switch-first:checked):has(#usesCms-yes:checked) .if[data-if="c360"],
form.survey:has(#switch-moved:checked):has(#triedOthers-no:checked):has(#usesCms-yes:checked) .if[data-if="c360"],
form.survey:has(#switch-tried:checked):has(#usesCms-yes:checked) .if[data-if="c360"],
form.survey:has(#switch-moved:checked):has(#triedOthers-yes:checked):has(#usesCms-yes:checked) .if[data-if="c360"] {
  display: contents;
}

form.survey:has(#usedThisYear-wordpress:checked) .if[data-if="c361"] {
  display: contents;
}

form.survey:not(:has(#role-editor:checked)):not(:has(#usedThisYear-contentful:checked, #usedThisYear-sanity:checked, #usedThisYear-storyblok:checked, #usedThisYear-builderio:checked, #usedThisYear-contentstack:checked, #usedThisYear-datocms:checked, #usedThisYear-directus:checked, #usedThisYear-enonic:checked, #usedThisYear-hygraph:checked, #usedThisYear-keystone:checked, #usedThisYear-microcms:checked, #usedThisYear-payload:checked, #usedThisYear-prismic:checked, #usedThisYear-strapi:checked)):not(:has(input[name^="architecture."][value="headless"]:checked, input[name^="architecture."][value="hybrid"]:checked)) .if[data-if="c362"] {
  display: contents;
}

form.survey:not(:has(#role-editor:checked)):not(:has(#usedThisYear-cloudcannon:checked, #usedThisYear-decap:checked, #usedThisYear-frontmatter:checked, #usedThisYear-keystatic:checked, #usedThisYear-pagescms:checked, #usedThisYear-sveltia:checked, #usedThisYear-tina:checked)):not(:has(input[name^="architecture."][value="git"]:checked)) .if[data-if="c363"] {
  display: contents;
}

form.survey:not(:has(#role-editor:checked)):has(#switch-stayed:checked, #switch-first:checked):has(#usedThisYear-contentful:checked, #usedThisYear-sanity:checked, #usedThisYear-storyblok:checked, #usedThisYear-builderio:checked, #usedThisYear-cloudcannon:checked, #usedThisYear-contentstack:checked, #usedThisYear-datocms:checked, #usedThisYear-decap:checked, #usedThisYear-directus:checked, #usedThisYear-enonic:checked, #usedThisYear-frontmatter:checked, #usedThisYear-hygraph:checked, #usedThisYear-keystatic:checked, #usedThisYear-keystone:checked, #usedThisYear-microcms:checked, #usedThisYear-pagescms:checked, #usedThisYear-payload:checked, #usedThisYear-prismic:checked, #usedThisYear-strapi:checked, #usedThisYear-sveltia:checked, #usedThisYear-tina:checked):has(#usesCms-yes:checked) .if[data-if="c364"],
form.survey:not(:has(#role-editor:checked)):has(#switch-stayed:checked, #switch-first:checked):has(#usesCms-yes:checked):has(input[name^="architecture."][value="headless"]:checked, input[name^="architecture."][value="hybrid"]:checked, input[name^="architecture."][value="git"]:checked) .if[data-if="c364"],
form.survey:not(:has(#role-editor:checked)):has(#switch-stayed:checked, #switch-first:checked):has(#usedThisYear-static:checked, #usedThisYear-aiBuilt:checked):has(#usesCms-yes:checked) .if[data-if="c364"],
form.survey:not(:has(#role-editor:checked)):has(#switch-moved:checked):has(#triedOthers-no:checked):has(#usedThisYear-contentful:checked, #usedThisYear-sanity:checked, #usedThisYear-storyblok:checked, #usedThisYear-builderio:checked, #usedThisYear-cloudcannon:checked, #usedThisYear-contentstack:checked, #usedThisYear-datocms:checked, #usedThisYear-decap:checked, #usedThisYear-directus:checked, #usedThisYear-enonic:checked, #usedThisYear-frontmatter:checked, #usedThisYear-hygraph:checked, #usedThisYear-keystatic:checked, #usedThisYear-keystone:checked, #usedThisYear-microcms:checked, #usedThisYear-pagescms:checked, #usedThisYear-payload:checked, #usedThisYear-prismic:checked, #usedThisYear-strapi:checked, #usedThisYear-sveltia:checked, #usedThisYear-tina:checked):has(#usesCms-yes:checked) .if[data-if="c364"],
form.survey:not(:has(#role-editor:checked)):has(#switch-moved:checked):has(#triedOthers-no:checked):has(#usesCms-yes:checked):has(input[name^="architecture."][value="headless"]:checked, input[name^="architecture."][value="hybrid"]:checked, input[name^="architecture."][value="git"]:checked) .if[data-if="c364"],
form.survey:not(:has(#role-editor:checked)):has(#switch-moved:checked):has(#triedOthers-no:checked):has(#usedThisYear-static:checked, #usedThisYear-aiBuilt:checked):has(#usesCms-yes:checked) .if[data-if="c364"],
form.survey:not(:has(#role-editor:checked)):has(#switch-tried:checked):has(#usedThisYear-contentful:checked, #usedThisYear-sanity:checked, #usedThisYear-storyblok:checked, #usedThisYear-builderio:checked, #usedThisYear-cloudcannon:checked, #usedThisYear-contentstack:checked, #usedThisYear-datocms:checked, #usedThisYear-decap:checked, #usedThisYear-directus:checked, #usedThisYear-enonic:checked, #usedThisYear-frontmatter:checked, #usedThisYear-hygraph:checked, #usedThisYear-keystatic:checked, #usedThisYear-keystone:checked, #usedThisYear-microcms:checked, #usedThisYear-pagescms:checked, #usedThisYear-payload:checked, #usedThisYear-prismic:checked, #usedThisYear-strapi:checked, #usedThisYear-sveltia:checked, #usedThisYear-tina:checked):has(#usesCms-yes:checked) .if[data-if="c364"],
form.survey:not(:has(#role-editor:checked)):has(#switch-tried:checked):has(#usesCms-yes:checked):has(input[name^="architecture."][value="headless"]:checked, input[name^="architecture."][value="hybrid"]:checked, input[name^="architecture."][value="git"]:checked) .if[data-if="c364"],
form.survey:not(:has(#role-editor:checked)):has(#switch-tried:checked):has(#usedThisYear-static:checked, #usedThisYear-aiBuilt:checked):has(#usesCms-yes:checked) .if[data-if="c364"],
form.survey:not(:has(#role-editor:checked)):has(#switch-moved:checked):has(#triedOthers-yes:checked):has(#usedThisYear-contentful:checked, #usedThisYear-sanity:checked, #usedThisYear-storyblok:checked, #usedThisYear-builderio:checked, #usedThisYear-cloudcannon:checked, #usedThisYear-contentstack:checked, #usedThisYear-datocms:checked, #usedThisYear-decap:checked, #usedThisYear-directus:checked, #usedThisYear-enonic:checked, #usedThisYear-frontmatter:checked, #usedThisYear-hygraph:checked, #usedThisYear-keystatic:checked, #usedThisYear-keystone:checked, #usedThisYear-microcms:checked, #usedThisYear-pagescms:checked, #usedThisYear-payload:checked, #usedThisYear-prismic:checked, #usedThisYear-strapi:checked, #usedThisYear-sveltia:checked, #usedThisYear-tina:checked):has(#usesCms-yes:checked) .if[data-if="c364"],
form.survey:not(:has(#role-editor:checked)):has(#switch-moved:checked):has(#triedOthers-yes:checked):has(#usesCms-yes:checked):has(input[name^="architecture."][value="headless"]:checked, input[name^="architecture."][value="hybrid"]:checked, input[name^="architecture."][value="git"]:checked) .if[data-if="c364"],
form.survey:not(:has(#role-editor:checked)):has(#switch-moved:checked):has(#triedOthers-yes:checked):has(#usedThisYear-static:checked, #usedThisYear-aiBuilt:checked):has(#usesCms-yes:checked) .if[data-if="c364"] {
  display: contents;
}

form.survey:has(#role-editor:checked):has(#switch-stayed:checked, #switch-first:checked):has(#usesCms-yes:checked) .if[data-if="c365"],
form.survey:has(#role-editor:checked):has(#switch-moved:checked):has(#triedOthers-no:checked):has(#usesCms-yes:checked) .if[data-if="c365"],
form.survey:has(#role-editor:checked):has(#switch-tried:checked):has(#usesCms-yes:checked) .if[data-if="c365"],
form.survey:has(#role-editor:checked):has(#switch-moved:checked):has(#triedOthers-yes:checked):has(#usesCms-yes:checked) .if[data-if="c365"],
form.survey:not(:has(#role-editor:checked)):not(:has(#usedThisYear-contentful:checked, #usedThisYear-sanity:checked, #usedThisYear-storyblok:checked, #usedThisYear-builderio:checked, #usedThisYear-cloudcannon:checked, #usedThisYear-contentstack:checked, #usedThisYear-datocms:checked, #usedThisYear-decap:checked, #usedThisYear-directus:checked, #usedThisYear-enonic:checked, #usedThisYear-frontmatter:checked, #usedThisYear-hygraph:checked, #usedThisYear-keystatic:checked, #usedThisYear-keystone:checked, #usedThisYear-microcms:checked, #usedThisYear-pagescms:checked, #usedThisYear-payload:checked, #usedThisYear-prismic:checked, #usedThisYear-strapi:checked, #usedThisYear-sveltia:checked, #usedThisYear-tina:checked)):not(:has(#usedThisYear-static:checked, #usedThisYear-aiBuilt:checked)):not(:has(input[name^="architecture."][value="headless"]:checked, input[name^="architecture."][value="hybrid"]:checked, input[name^="architecture."][value="git"]:checked)):has(#switch-stayed:checked, #switch-first:checked):has(#usesCms-yes:checked) .if[data-if="c365"],
form.survey:not(:has(#role-editor:checked)):not(:has(#usedThisYear-contentful:checked, #usedThisYear-sanity:checked, #usedThisYear-storyblok:checked, #usedThisYear-builderio:checked, #usedThisYear-cloudcannon:checked, #usedThisYear-contentstack:checked, #usedThisYear-datocms:checked, #usedThisYear-decap:checked, #usedThisYear-directus:checked, #usedThisYear-enonic:checked, #usedThisYear-frontmatter:checked, #usedThisYear-hygraph:checked, #usedThisYear-keystatic:checked, #usedThisYear-keystone:checked, #usedThisYear-microcms:checked, #usedThisYear-pagescms:checked, #usedThisYear-payload:checked, #usedThisYear-prismic:checked, #usedThisYear-strapi:checked, #usedThisYear-sveltia:checked, #usedThisYear-tina:checked)):not(:has(#usedThisYear-static:checked, #usedThisYear-aiBuilt:checked)):not(:has(input[name^="architecture."][value="headless"]:checked, input[name^="architecture."][value="hybrid"]:checked, input[name^="architecture."][value="git"]:checked)):has(#switch-moved:checked):has(#triedOthers-no:checked):has(#usesCms-yes:checked) .if[data-if="c365"],
form.survey:not(:has(#role-editor:checked)):not(:has(#usedThisYear-contentful:checked, #usedThisYear-sanity:checked, #usedThisYear-storyblok:checked, #usedThisYear-builderio:checked, #usedThisYear-cloudcannon:checked, #usedThisYear-contentstack:checked, #usedThisYear-datocms:checked, #usedThisYear-decap:checked, #usedThisYear-directus:checked, #usedThisYear-enonic:checked, #usedThisYear-frontmatter:checked, #usedThisYear-hygraph:checked, #usedThisYear-keystatic:checked, #usedThisYear-keystone:checked, #usedThisYear-microcms:checked, #usedThisYear-pagescms:checked, #usedThisYear-payload:checked, #usedThisYear-prismic:checked, #usedThisYear-strapi:checked, #usedThisYear-sveltia:checked, #usedThisYear-tina:checked)):not(:has(#usedThisYear-static:checked, #usedThisYear-aiBuilt:checked)):not(:has(input[name^="architecture."][value="headless"]:checked, input[name^="architecture."][value="hybrid"]:checked, input[name^="architecture."][value="git"]:checked)):has(#switch-tried:checked):has(#usesCms-yes:checked) .if[data-if="c365"],
form.survey:not(:has(#role-editor:checked)):not(:has(#usedThisYear-contentful:checked, #usedThisYear-sanity:checked, #usedThisYear-storyblok:checked, #usedThisYear-builderio:checked, #usedThisYear-cloudcannon:checked, #usedThisYear-contentstack:checked, #usedThisYear-datocms:checked, #usedThisYear-decap:checked, #usedThisYear-directus:checked, #usedThisYear-enonic:checked, #usedThisYear-frontmatter:checked, #usedThisYear-hygraph:checked, #usedThisYear-keystatic:checked, #usedThisYear-keystone:checked, #usedThisYear-microcms:checked, #usedThisYear-pagescms:checked, #usedThisYear-payload:checked, #usedThisYear-prismic:checked, #usedThisYear-strapi:checked, #usedThisYear-sveltia:checked, #usedThisYear-tina:checked)):not(:has(#usedThisYear-static:checked, #usedThisYear-aiBuilt:checked)):not(:has(input[name^="architecture."][value="headless"]:checked, input[name^="architecture."][value="hybrid"]:checked, input[name^="architecture."][value="git"]:checked)):has(#switch-moved:checked):has(#triedOthers-yes:checked):has(#usesCms-yes:checked) .if[data-if="c365"],
form.survey:not(:has(#role-editor:checked)):has(#switch-stayed:checked, #switch-first:checked):has(#usedThisYear-contentful:checked, #usedThisYear-sanity:checked, #usedThisYear-storyblok:checked, #usedThisYear-builderio:checked, #usedThisYear-cloudcannon:checked, #usedThisYear-contentstack:checked, #usedThisYear-datocms:checked, #usedThisYear-decap:checked, #usedThisYear-directus:checked, #usedThisYear-enonic:checked, #usedThisYear-frontmatter:checked, #usedThisYear-hygraph:checked, #usedThisYear-keystatic:checked, #usedThisYear-keystone:checked, #usedThisYear-microcms:checked, #usedThisYear-pagescms:checked, #usedThisYear-payload:checked, #usedThisYear-prismic:checked, #usedThisYear-strapi:checked, #usedThisYear-sveltia:checked, #usedThisYear-tina:checked):has(#usesCms-yes:checked) .if[data-if="c365"],
form.survey:not(:has(#role-editor:checked)):has(#switch-stayed:checked, #switch-first:checked):has(#usesCms-yes:checked):has(input[name^="architecture."][value="headless"]:checked, input[name^="architecture."][value="hybrid"]:checked, input[name^="architecture."][value="git"]:checked) .if[data-if="c365"],
form.survey:not(:has(#role-editor:checked)):has(#switch-stayed:checked, #switch-first:checked):has(#usedThisYear-static:checked, #usedThisYear-aiBuilt:checked):has(#usesCms-yes:checked) .if[data-if="c365"],
form.survey:not(:has(#role-editor:checked)):has(#switch-moved:checked):has(#triedOthers-no:checked):has(#usedThisYear-contentful:checked, #usedThisYear-sanity:checked, #usedThisYear-storyblok:checked, #usedThisYear-builderio:checked, #usedThisYear-cloudcannon:checked, #usedThisYear-contentstack:checked, #usedThisYear-datocms:checked, #usedThisYear-decap:checked, #usedThisYear-directus:checked, #usedThisYear-enonic:checked, #usedThisYear-frontmatter:checked, #usedThisYear-hygraph:checked, #usedThisYear-keystatic:checked, #usedThisYear-keystone:checked, #usedThisYear-microcms:checked, #usedThisYear-pagescms:checked, #usedThisYear-payload:checked, #usedThisYear-prismic:checked, #usedThisYear-strapi:checked, #usedThisYear-sveltia:checked, #usedThisYear-tina:checked):has(#usesCms-yes:checked) .if[data-if="c365"],
form.survey:not(:has(#role-editor:checked)):has(#switch-moved:checked):has(#triedOthers-no:checked):has(#usesCms-yes:checked):has(input[name^="architecture."][value="headless"]:checked, input[name^="architecture."][value="hybrid"]:checked, input[name^="architecture."][value="git"]:checked) .if[data-if="c365"],
form.survey:not(:has(#role-editor:checked)):has(#switch-moved:checked):has(#triedOthers-no:checked):has(#usedThisYear-static:checked, #usedThisYear-aiBuilt:checked):has(#usesCms-yes:checked) .if[data-if="c365"],
form.survey:not(:has(#role-editor:checked)):has(#switch-tried:checked):has(#usedThisYear-contentful:checked, #usedThisYear-sanity:checked, #usedThisYear-storyblok:checked, #usedThisYear-builderio:checked, #usedThisYear-cloudcannon:checked, #usedThisYear-contentstack:checked, #usedThisYear-datocms:checked, #usedThisYear-decap:checked, #usedThisYear-directus:checked, #usedThisYear-enonic:checked, #usedThisYear-frontmatter:checked, #usedThisYear-hygraph:checked, #usedThisYear-keystatic:checked, #usedThisYear-keystone:checked, #usedThisYear-microcms:checked, #usedThisYear-pagescms:checked, #usedThisYear-payload:checked, #usedThisYear-prismic:checked, #usedThisYear-strapi:checked, #usedThisYear-sveltia:checked, #usedThisYear-tina:checked):has(#usesCms-yes:checked) .if[data-if="c365"],
form.survey:not(:has(#role-editor:checked)):has(#switch-tried:checked):has(#usesCms-yes:checked):has(input[name^="architecture."][value="headless"]:checked, input[name^="architecture."][value="hybrid"]:checked, input[name^="architecture."][value="git"]:checked) .if[data-if="c365"],
form.survey:not(:has(#role-editor:checked)):has(#switch-tried:checked):has(#usedThisYear-static:checked, #usedThisYear-aiBuilt:checked):has(#usesCms-yes:checked) .if[data-if="c365"],
form.survey:not(:has(#role-editor:checked)):has(#switch-moved:checked):has(#triedOthers-yes:checked):has(#usedThisYear-contentful:checked, #usedThisYear-sanity:checked, #usedThisYear-storyblok:checked, #usedThisYear-builderio:checked, #usedThisYear-cloudcannon:checked, #usedThisYear-contentstack:checked, #usedThisYear-datocms:checked, #usedThisYear-decap:checked, #usedThisYear-directus:checked, #usedThisYear-enonic:checked, #usedThisYear-frontmatter:checked, #usedThisYear-hygraph:checked, #usedThisYear-keystatic:checked, #usedThisYear-keystone:checked, #usedThisYear-microcms:checked, #usedThisYear-pagescms:checked, #usedThisYear-payload:checked, #usedThisYear-prismic:checked, #usedThisYear-strapi:checked, #usedThisYear-sveltia:checked, #usedThisYear-tina:checked):has(#usesCms-yes:checked) .if[data-if="c365"],
form.survey:not(:has(#role-editor:checked)):has(#switch-moved:checked):has(#triedOthers-yes:checked):has(#usesCms-yes:checked):has(input[name^="architecture."][value="headless"]:checked, input[name^="architecture."][value="hybrid"]:checked, input[name^="architecture."][value="git"]:checked) .if[data-if="c365"],
form.survey:not(:has(#role-editor:checked)):has(#switch-moved:checked):has(#triedOthers-yes:checked):has(#usedThisYear-static:checked, #usedThisYear-aiBuilt:checked):has(#usesCms-yes:checked) .if[data-if="c365"] {
  display: contents;
}
}
@media (min-width: 36rem) {
  form.survey .choices-agree.cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
/* build-survey state-of-cms-2026: end */

/* Home page breakpoints */

.hero-lead {
	max-width: 38ch;
}

@media (max-width: 991px) {
  .hero {
    padding: 88px 32px 96px;
  }

  .hero-card {
    padding: 28px 32px 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .hero-frame-top {
    inset-block-start: -48px;
    right: calc(50% + 24px);
    width: 128px;
  }

  .hero-main {
    padding: 96px 0 64px;
  }

  .hero-headline {
    font-size: clamp(4.5rem, min(15.5vw, 18.5cqi), 15rem);
  }

  .hero-title {
    font-size: clamp(4.5rem, min(15.5vw, 18.5cqi), 15rem);
  }

  .hero-frame-side {
    inset-block-start: 12%;
    inset-inline-end: -2%;
  }

  .hero-side {
    font-size: 13px;
  }

  .hero-promo {
    position: relative;
    width: auto;
    margin: 0 -32px;
    padding-right: 200px;
  }

  .hero-frame-bottom {
    right: -24px;
    bottom: 48px;
    width: 180px;
  }

  .why {
    padding: 24px 32px 96px;
  }

  .why-inner {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .why-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .now {
    padding: 0 32px 112px;
  }

  .now-card {
    padding: 72px 32px 80px;
  }

  .now-head {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 56px;
  }

  .now-body {
    grid-template-columns: 1fr;
    gap: 56px;
  }

  .now-gallery {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
  }

  .now-cta {
    margin-top: 72px;
  }

  .open {
    padding: 0 32px 112px;
  }

  .open-inner {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .site-footer-inner {
    padding: 72px 32px 32px;
  }

  .site-footer-top {
    grid-template-columns: 1fr;
  }

  .site-footer-cols {
    grid-template-columns: 1fr 1fr;
  }

  .page-404 {
    padding: 72px 32px 96px;
  }

  .page-404-card {
    padding: 28px 32px 80px;
  }

  .endcard {
    padding: 72px 32px 96px;
  }

  .endcard-card {
    padding: 28px 32px 80px;
  }

  .endcard-gallery {
    gap: 24px;
  }

  .legal {
    padding: 72px 32px 96px;
  }

  .legal-card {
    padding: 28px 32px 80px;
  }

  .span-1 {
		display: flex;
	}
}

@media (max-width: 767px) {
  .hero-frame-top {
    right: calc(50% - 50px);
    width: 100px;
  }

  .hero-frame-side {
    right: -12px;
    width: clamp(120px, min(40vw, 42vh), 200px);
  }

  /* The centre frame sits above the title; the title aligns left at the bottom */
  .hero-main {
    padding: 48px 0 40px;
    place-items: end stretch;
  }

  .hero-headline {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-frame-center {
    position: static;
    order: -1;
    align-self: center;
    width: min(3.4em, 100%);
    margin-bottom: 0.3em;
    transform: rotate(8deg);
  }

  .hero-frame-center-front {
    display: none;
  }

  .hero-title {
    text-align: left;
  }

  .hero-title-gap {
    display: none;
  }

  .hero-nav {
    grid-template-columns: 1fr 1fr;
  }

  .hero-logo {
    grid-column: 1 / -1;
    justify-self: center;
    order: -1;
    font-size: 34px;
  }

  .hero-nav-cta {
    font-size: 13px;
  }

  .hero-nav-icon {
    width: 28px;
    height: 28px;
  }

  .hero-promo {
    gap: 24px;
    padding-right: 140px;
  }

  .hero-frame-promo {
    width: 120px;
  }

  .hero-promo-title {
    font-size: 40px;
  }

  .hero-frame-bottom {
    width: 132px;
  }

  .site-footer-cols {
    grid-template-columns: 1fr;
  }

  .page-404-logo {
    font-size: 34px;
  }

  .endcard-logo {
    font-size: 34px;
  }

  .legal-logo {
    font-size: 34px;
  }
}

@media (max-width: 479px) {
  .hero {
    padding: 96px 12px 72px;
    overflow-x: clip;
  }

  .hero-card {
    padding: 20px 20px 0;
  }

  .hero-nav-icon {
    display: none;
  }

  .hero-logo {
    font-size: 30px;
  }

  .hero-frame-top {
    inset-block-start: -80px;
    left: auto;
    right: 24px;
    width: 88px;
  }

  .hero-main {
    padding: 40px 0 32px;
  }

  .hero-side {
    font-size: 12px;
  }

  .hero-frame-bottom {
    display: none;
  }

  .hero-promo {
    flex-direction: column;
    align-items: flex-start;
    margin: 0 -20px;
    padding: 24px 20px 28px;
  }

  .why {
    padding: 16px 20px 80px;
  }

  .why-list {
    grid-template-columns: 1fr;
  }

  .now {
    padding: 0 12px 80px;
  }

  .now-card {
    padding: 56px 20px 64px;
  }

  .now-item {
    grid-template-columns: 1fr;
  }

  .now-num {
    grid-row: auto;
    margin-bottom: 12px;
  }

  .now-item-title {
    font-size: 30px;
  }

  .open {
    padding: 0 20px 80px;
  }

  .site-footer-inner {
    padding: 56px 20px 28px;
  }

  .page-404 {
    padding: 48px 12px 72px;
  }

  .page-404-card {
    padding: 20px 20px 64px;
  }

  .page-404-logo {
    font-size: 30px;
  }

  .page-404-frame {
    margin: 40px 0 32px;
  }

  .endcard {
    padding: 48px 12px 72px;
  }

  .endcard-card {
    padding: 20px 20px 64px;
  }

  .endcard-logo {
    font-size: 30px;
  }

  .endcard-gallery {
    gap: 12px;
    margin: 40px 0 32px;
  }

  .endcard-frame {
    width: 150px;
  }

  .endcard-frame-left,
  .endcard-frame-right {
    width: 72px;
  }

  .endcard-frame-crooked {
    width: 200px;
  }

  .endcard-share-field {
    flex-direction: column;
  }

  .endcard-share-url {
    border-right: 1px solid var(--color-line-strong);
    border-bottom: 0;
    text-align: center;
  }

  .legal {
    padding: 48px 12px 72px;
  }

  .legal-card {
    padding: 20px 20px 64px;
  }

  .legal-logo {
    font-size: 30px;
  }

  .legal-eyebrow {
    margin-top: 40px;
  }

  .legal-body {
    font-size: 17px;
  }

  .hero-frame-side {
  	inset-block-start: auto;
  	inset-inline-end: auto;
  	position: static;
  	z-index: auto;
  	inset-block-end: auto;
  	inset-inline-start: auto;
  }

  .hero-frame.hero-frame-side {
  	width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-nav-cta,
  .hero-promo-arrow,
  .now-button,
  .page-404-link,
  .endcard-button {
    transition: none;
  }
}

.site-footer-legal {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
}

.site-footer-legal-link {
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--soc-on-red);
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.site-footer-legal-link:hover {
  border-bottom-color: currentColor;
}


.rich-text {
  font-size: var(--text-medium-size);
  line-height: var(--text-medium-leading);
  color: var(--scheme-text);
}

.rich-text > * + * {
  margin-top: 1em;
}

.rich-text h1 {
  font-size: var(--text-h1-size);
  line-height: var(--text-h1-leading);
  letter-spacing: var(--text-h1-tracking);
  font-weight: 700;
  margin: 0 0 0.5em;
}

.rich-text h2 {
  font-size: var(--text-h2-size);
  line-height: var(--text-h2-leading);
  letter-spacing: var(--text-h2-tracking);
  font-weight: 700;
  margin: 1.5em 0 0.5em;
}

.rich-text h3 {
  font-size: var(--text-h3-size);
  line-height: var(--text-h3-leading);
  letter-spacing: var(--text-h3-tracking);
  font-weight: 700;
  margin: 1.25em 0 0.5em;
}

.rich-text h4 {
  font-size: var(--text-h4-size);
  line-height: var(--text-h4-leading);
  letter-spacing: var(--text-h4-tracking);
  font-weight: 600;
  margin: 1em 0 0.5em;
}

.rich-text h5 {
  font-size: var(--text-h5-size);
  line-height: var(--text-h5-leading);
  letter-spacing: var(--text-h5-tracking);
  font-weight: 600;
  margin: 1em 0 0.5em;
}

.rich-text h6 {
  font-size: var(--text-h6-size);
  line-height: var(--text-h6-leading);
  letter-spacing: var(--text-h6-tracking);
  font-weight: 600;
  margin: 1em 0 0.5em;
}

.rich-text p {
  margin: 0 0 1em;
  font-size: var(--text-medium-size);
  line-height: var(--text-medium-leading);
}

.rich-text a {
  color: var(--scheme-text);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.rich-text ul,
.rich-text ol {
  margin: 0 0 1em;
  padding-inline-start: 1.5em;
  font-size: var(--text-regular-size);
  line-height: var(--text-regular-leading);
}

.rich-text li {
  margin: 0.25em 0;
}

.rich-text blockquote {
  margin: 1em 0;
  padding-inline-start: 1em;
  border-inline-start: 3px solid var(--scheme-border);
  color: var(--neutral);
  font-size: var(--text-medium-size);
}

.rich-text img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1em 0;
  border-radius: var(--corner-radius);
}

.rich-text figure {
  margin: 1em 0;
}

.rich-text figcaption {
  font-size: var(--text-small-size);
  line-height: var(--text-small-leading);
  color: var(--neutral);
  margin-top: 0.5em;
}

.rich-text pre {
  margin: 1em 0;
  padding: 1em;
  overflow-x: auto;
  background: var(--neutral-lightest);
  border: 1px solid var(--scheme-border);
  border-radius: var(--corner-radius);
  font-size: var(--text-small-size);
}

.rich-text code {
  font-size: 0.9em;
  background: var(--neutral-lightest);
  padding: 0.15em 0.35em;
  border-radius: var(--corner-radius);
}

.rich-text pre code {
  background: none;
  padding: 0;
}

.rich-text hr {
  margin: 2em 0;
  border: 0;
  border-top: 1px solid var(--scheme-border);
}

.rich-text strong {
  font-weight: 700;
}

.rich-text em {
  font-style: italic;
}

.rich-text table {
  width: 100%;
  margin: 1.5em 0;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--scheme-border);
  border-radius: var(--corner-radius);
  overflow: hidden;
  font-size: var(--text-regular-size);
  line-height: var(--text-regular-leading);
}

.rich-text thead {
  background-color: var(--neutral-darkest);
  color: var(--scheme-btn-text);
}

.rich-text th,
.rich-text td {
  padding: 0.75rem 1rem;
  border-right: 1px solid var(--scheme-border);
  border-bottom: 1px solid #e0e0e0;
  text-align: left;
  vertical-align: top;
}

.rich-text th {
  border-bottom: 1px solid var(--scheme-border);
  font-weight: 600;
  font-size: var(--text-regular-size);
  background-color: var(--neutral-darkest);
  color: var(--scheme-btn-text);
}

.rich-text th:last-child,
.rich-text td:last-child {
  border-right: none;
}

.rich-text tbody tr:last-child td {
  border-bottom: none;
}

.rich-text tbody tr:nth-child(even) {
  background-color: var(--neutral-lightest);
}

.page-404-code {
  font-size: 96px;
  font-weight: 700;
  margin: 0;
  letter-spacing: -0.04em;
  color: #000000;
}