implements tailwind v4 and removes scss

assets/css/components/wompum.css

@@ -0,0 +1,45 @@
+.wompum-container {
+  width: 100%;
+  margin: 0 auto;
+}
+
+.wompum-container .wompum-grid,
+.wompum-container .wompum-article-grid {
+  gap: 2px;
+  height: 100%;
+  min-height: 2px;
+  grid-template-rows: repeat(var(--grid-rows, 5), 1fr);
+}
+
+.wompum-container--aspect-ratio {
+  aspect-ratio: 3/1;
+}
+
+.wompum-container--wide-gap .wompum-grid,
+.wompum-container--wide-gap .wompum-article-grid {
+  gap: 1rem;
+}
+
+.wompum-container--no-gap .wompum-grid,
+.wompum-container--no-gap .wompum-article-grid {
+  gap: 0;
+}
+
+.wompum-grid,
+.wompum-article-grid {
+  display: grid;
+  width: 100%;
+}
+
+.wompum-cell {
+  width: 100%;
+  height: 100%;
+  transition: background-color 0.3s ease;
+  background-color: var(--sand-500);
+}
+
+.wompum-cell--narrator,
+.wompum-cell--subject,
+.wompum-cell--facilitator {
+  min-height: unset;
+}

assets/css/main.css

@@ -0,0 +1,46 @@
+body {
+  @apply font-garamond;
+}
+
+.interviewer-question {
+  font-style: italic;
+  color: #444;
+  margin-left: -1rem;
+}
+
+.article-title--single .article-title__narrator {
+  @apply mb-2 block font-light;
+}
+
+.article-title--single .article-title__subject {
+  font-size: 1.5em;
+}
+
+.article-title--list .article-title__narrator::after {
+  content: ":";
+}
+
+.article-title--list .article-title__subject {
+  @apply font-light;
+}
+
+.wompum-radial-grid {
+  @apply absolute w-full h-full top-0 left-0;
+}
+
+.narrator__container {
+  @apply relative;
+}
+
+.narrator__frame {
+  @apply relative p-4;
+}
+
+.narrator__image {
+  @apply w-full rounded-full object-cover relative z-10 bg-white text-center border-4 border-white grid place-items-center;
+  aspect-ratio: 1;
+}
+
+.narrator__wompum {
+  @apply absolute inset-0 w-full h-full;
+}

assets/css/styles.css

@@ -0,0 +1,14 @@
+@import "tailwindcss";
+@plugin "@tailwindcss/typography";
+
+@theme {
+  --font-garamond: 'EB Garamond 12', 'Garamond', 'Baskerville', 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif;
+  --font-iosevka: 'Iosevka', Consolas, 'Liberation Mono', Menlo, monospace;
+}
+
+body {
+  @apply antialiased;
+}
+
+@import "components/wompum.css";
+@import "main.css";