```css
@charset "UTF-8";
/* ---------------------------------------------------------
   ART TOWN — Editorial Bauhaus (Dialed Back)
   NEW full desktop CSS (>=801px)

   Updates requested:
   - Season statement (.copy) has MORE space + easier reading
   - Footer has MORE space
   - Removed the hard geometric object (slab/bar)
   - Keeps animated soft circles
   - All h2 text stays dark
---------------------------------------------------------- */

/* ---------- TOKENS ---------- */
:root{
  --bg: rgba(222,152,125,.60);

  --panel: rgba(255,255,255,.90);
  --panel2: rgba(255,255,255,.72);

  --ink: #0b0c10;
  --rule: rgba(11,12,16,.85);

  --c1: #19d100;
  --c2: #3b1a0c;
  --c3: #d7ea63;
  --c4: #ff5a63;
  --c5: #0b63d6;
  --gray: #c9cbd2;

  --gap: clamp(14px, 2.2vw, 26px);
  --border: 2px;

  --h1: "ivymode", serif;
  --display: "Archivo Black", "Impact", Haettenschweiler, "Arial Black", system-ui, sans-serif;
  --sans: ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  /* noticeable but not frantic */
  --driftA: 14s;
  --driftB: 18s;
}

/* ---------- BASE ---------- */
*{ box-sizing:border-box; }
html, body{ height:100%; }

body{
  margin:0;
  color: var(--ink);
  font-family: var(--sans);
  line-height: 1.10;
  letter-spacing: -0.02em;
  background: var(--bg);
  overflow-x:hidden;
}

::selection{ background: rgba(215,234,99,.45); color: var(--ink); }

/* ---------- FRAME ---------- */
#container{
  width: min(1180px, calc(100% - var(--gap)*2));
  margin: 0 auto;
  padding: calc(var(--gap)*1.6) 0 calc(var(--gap)*3.2);
  position: relative;
  isolation: isolate;
}

/* --- THREE BIG SOFT CIRCLES (animated) --- */
#container::before{
  content:"";
  position: fixed;
  inset: -20vh -20vw;
  z-index: -3;
  pointer-events:none;

  background:
    radial-gradient(circle at 20% 24%,
      rgba(25,209,0,.24) 0px,
      rgba(25,209,0,.14) 180px,
      rgba(25,209,0,.06) 360px,
      transparent 600px),

    radial-gradient(circle at 80% 28%,
      rgba(255,90,99,.22) 0px,
      rgba(255,90,99,.12) 220px,
      rgba(255,90,99,.05) 420px,
      transparent 680px),

    radial-gradient(circle at 58% 82%,
      rgba(11,99,214,.18) 0px,
      rgba(11,99,214,.10) 240px,
      rgba(11,99,214,.04) 460px,
      transparent 740px);

  animation: driftOne var(--driftA) ease-in-out infinite;
}

#container::after{
  content:"";
  position: fixed;
  inset: -20vh -20vw;
  z-index: -2;
  pointer-events:none;

  background:
    radial-gradient(circle at 14% 74%,
      rgba(215,234,99,.10) 0px,
      rgba(215,234,99,.05) 260px,
      transparent 560px),
    radial-gradient(circle at 92% 78%,
      rgba(201,203,210,.10) 0px,
      rgba(201,203,210,.05) 280px,
      transparent 600px);

  opacity: .70;
  animation: driftTwo var(--driftB) ease-in-out infinite;
}

@keyframes driftOne{
  0%   { transform: translate3d(0,0,0) scale(1); }
  33%  { transform: translate3d(-3vw, 2vh,0) scale(1.03); }
  66%  { transform: translate3d(2.5vw, -2.5vh,0) scale(1.02); }
  100% { transform: translate3d(0,0,0) scale(1); }
}
@keyframes driftTwo{
  0%   { transform: translate3d(0,0,0) scale(1); }
  40%  { transform: translate3d(3vw, 2vh,0) scale(1.04); }
  80%  { transform: translate3d(-2vw,-2vh,0) scale(1.03); }
  100% { transform: translate3d(0,0,0) scale(1); }
}

@media (prefers-reduced-motion: reduce){
  #container::before, #container::after{ animation:none !important; }
}

/* ---------- HEADER ---------- */
header{
  position: relative;
  margin-bottom: var(--gap);
}

h1{
  margin: 0 0 10px 0;
  font-family: var(--h1);
  font-weight: 500;
  font-style: normal;
  font-size: clamp(64px, 8vw, 140px);
  line-height: .86;
  letter-spacing: -0.02em;
}

header h2{
  margin: 0;
  display:inline-block;
  font-family: var(--mono);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 12px;
  line-height: 1.2;

  padding: 12px 14px;
  background: var(--panel);
  border: var(--border) solid var(--rule);
}

header::after{
  content:"ART TOWN / UPSTATE NY";
  position:absolute;
  right: 0;
  top: 0;

  font-family: var(--mono);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;

  writing-mode: vertical-rl;
  transform: rotate(180deg);

  padding: 14px 12px;
  background: rgba(255,255,255,.62);
  border: var(--border) solid rgba(11,12,16,.65);
}

/* ---------- RULES ---------- */
hr{
  border:0;
  height:0;
  border-top: var(--border) solid rgba(11,12,16,.70);
  margin: calc(var(--gap)*1.1) 0;
}

/* ---------- NAV ---------- */
nav{
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
  align-items:center;
  font-size:0;
}
nav a{ font-size: 12px; }

nav a:link,
nav a:visited{
  color: var(--ink);
  text-decoration:none;
  font-family: var(--mono);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.18em;

  padding: 10px 12px;
  background: var(--panel2);
  border: var(--border) solid rgba(11,12,16,.65);

  transition: transform 160ms ease, background 160ms ease;
}

nav a:nth-child(odd){ transform: translateY(-1px); }
nav a:nth-child(even){ transform: translateY(0px); }

nav a:hover{
  background: rgba(255,255,255,.84);
  transform: translateY(-2px);
}

/* ---------- MAIN GRID ---------- */
main{
  position: relative;
  margin-top: var(--gap);
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--gap);
  align-items:start;

  counter-reset: ep;
  padding-left: 8px;

  background:
    linear-gradient(90deg, rgba(11,12,16,.26) 0 2px, transparent 2px) left top / 2px 100% no-repeat;
  background-position: -10px 0;
}

main > *{ position: relative; z-index: 1; }

/* ---------- YEAR LABEL ---------- */
main > h3{
  grid-column: 1 / -1;
  margin: 0;

  font-family: var(--mono);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.26em;
  font-size: 20px;

  display:inline-block;
  width: fit-content;
  padding: 10px 12px;
  background: var(--panel);
  border: var(--border) solid rgba(11,12,16,.65);
  position: relative;
}

main > h3::before{
  content:"";
  display:inline-block;
  width: 12px;
  height: 12px;
  background: var(--c4);
  margin-right: 10px;
  vertical-align: middle;
   margin-top: 30px;
}
main > h3::after{
  content:"";
  display:inline-block;
  width: 10px;
  height: 10px;
  background: var(--c3);
  margin-left: 10px;
  vertical-align: middle;
}

/* ---------- INTRO COPY (MORE SPACE + READABLE) ---------- */
.copy{
  grid-column: 1 / 10;
  margin: 0;

  /* more breathing room */
  padding: calc(var(--gap)*1.9) calc(var(--gap)*1.4) calc(var(--gap)*1.5);
  background: var(--panel);
  border: var(--border) solid rgba(11,12,16,.65);
  position: relative;
  overflow:hidden;

  /* readability */
  font-size: 17px;
  line-height: 1.45;
  letter-spacing: 0.005em;

  backdrop-filter: blur(1px);
}

/* label */

  
/* top bar */
.copy::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  height: 14px;
  width: 56%;
  background: var(--c4);
}

/* ---------- EPISODES ---------- */
.ep{
  grid-column: 1 / -1;
  margin: 0;
margin-top: 25px;
  padding: calc(var(--gap)*1.2);
  padding-top: calc(var(--gap)*1.60);

  background: var(--panel);
  border: var(--border) solid rgba(11,12,16,.65);
  position: relative;
  overflow:hidden;

  counter-increment: ep;

  backdrop-filter: blur(1px);
}

.ep:nth-of-type(odd){ grid-column: 1 / 9; }
.ep:nth-of-type(even){ grid-column: 4 / -1; }

.ep::after{
  content:"";
  position:absolute;
  left: 0;
  top: 0;
  height: 14px;
  width: 64%;
  background: var(--c1);
}
.ep:nth-of-type(5n+1)::after{ background: var(--c1); }
.ep:nth-of-type(5n+2)::after{ background: var(--c2); }
.ep:nth-of-type(5n+3)::after{ background: var(--c3); }
.ep:nth-of-type(5n+4)::after{ background: var(--c4); }
.ep:nth-of-type(5n+5)::after{ background: var(--c5); }

.ep::before{
  content: counter(ep, decimal-leading-zero);
  position:absolute;
  left: -40px;
  top: 44px;

  font-family: var(--mono);
  font-weight: 700;
  font-size: 56px;
  letter-spacing: -0.06em;

  writing-mode: vertical-rl;
  transform: rotate(180deg);

  color: rgba(154,161,178,.90);
}

/* ---------- TITLES (ALL DARK) ---------- */
.ep h2{
  margin: 0 0 18px 0;
  position: relative;
  padding-right: 90px;
  color: var(--ink);
}

.ep h2 span{
  display:inline-block;
  position: relative;
  z-index: 2;

  font-family: var(--display);
  font-weight: 900;
  font-size: clamp(26px, 3.0vw, 44px);
  letter-spacing: -0.01em;
  line-height: .95;

  color: var(--ink);

  text-shadow:
    2px 0 0 rgba(255,90,99,.16),
    -2px 0 0 rgba(201,203,210,.30);
}

.ep h2 span::before{
  content:"";
  position:absolute;
  left:-16px;
  top: 52%;
  width: 68%;
  height: 1.08em;
  transform: translateY(-50%) skewX(-6deg);
  z-index:-1;
  background: var(--c3);
}
.ep:nth-of-type(5n+1) h2 span::before{ background: var(--c1); }
.ep:nth-of-type(5n+2) h2 span::before{ background: var(--c2); }
.ep:nth-of-type(5n+3) h2 span::before{ background: var(--c3); }
.ep:nth-of-type(5n+4) h2 span::before{ background: var(--c4); }
.ep:nth-of-type(5n+5) h2 span::before{ background: var(--c5); }

.ep h2 span::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-10px;
  width: 94%;
  height: 5px;
  background:
    linear-gradient(90deg,
      rgba(11,12,16,.88) 0 56%,
      transparent 56% 64%,
      rgba(11,12,16,.88) 64% 100%);
}

.ep h2::after{
  content:"LAYOUT / TYPE";
  position:absolute;
  right: 0;
  top: 2px;

  font-family: var(--mono);
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;

  padding: 6px 8px;
  background: rgba(255,255,255,.62);
  border: var(--border) solid rgba(11,12,16,.40);
  opacity: .90;
}

/* metadata hint */
.ep > p:first-of-type{
  position: relative;
}
.ep > p:first-of-type::before{
  content:"EP / LINK";
  position:absolute;
  left: 0;
  top: -22px;

  font-family: var(--mono);
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  opacity: .75;
}

/* ---------- BODY ---------- */
p{ margin: 0 0 12px 0; }

a:link, a:visited{
  color: var(--ink);
  text-decoration: none;
  border-bottom: 2px solid rgba(11,12,16,.85);
  padding-bottom: 1px;
}
a:hover{ border-bottom-color: var(--c4); }

.roll{
  display:inline-block;
  margin-left: 8px;
  padding: 6px 10px;

  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;

  background: rgba(215,234,99,.18);
  border: var(--border) solid rgba(11,12,16,.65);
}
.roll:hover{
  background: rgba(255,90,99,.16);
}

iframe{
  margin-top: 10px;
  border: var(--border) solid rgba(11,12,16,.65);
  background: white;
}

/* ---------- FOOTER (MORE SPACE) ---------- */
footer{
  margin-top: 30px;
  padding-top: calc(var(--gap)*2.4);
  padding-bottom: calc(var(--gap)*3.0);
  padding:20px;
  border-top: var(--border) solid rgba(11,12,16,.60);
}

h4{
  margin: 0;
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 700;
}

.foot{ margin-top: calc(var(--gap)*1.2); }

.logo{
  margin: 0 12px;
  vertical-align: middle;
  filter: contrast(1.05);
}

/* ---------- REDUCED MOTION ---------- */
@media (prefers-reduced-motion: reduce){
  nav a:nth-child(odd),
  nav a:nth-child(even){
    transform: none !important;
  }
  #container::before,
  #container::after{
    animation: none !important;
  }
}
```