.home-mosaic-row {
  display: block;
  margin: 0;
}

.home-panel {
  min-width: 0;
  margin-bottom: var(--space-4);
}

.home-panel__box {
  padding: var(--space-3);
  border-style: dashed;
}
.home-panel__head .section-header {
  margin: 0 0 var(--space-2);
}
.home-panel__head .section-subtitle {
  opacity: 0.9;
}
.home-panel__body {
  min-width: 0;
}
.home-panel .grid,
.home-panel .card-grid,
.home-panel .zine-inner-grid {
  min-width: 0;
}
.home-panel .zine-hscroll {
  -webkit-overflow-scrolling: touch;
}
.home-panel--e .home-panel__box,
.home-panel--h .home-panel__box {
  padding: var(--space-4);
}

.home-mosaic-row--type1 {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: var(--space-3);
  grid-template-areas:
    "b"
    "c"
    "a"
    "d";
  align-items: stretch;
}
.home-mosaic-row--type1 .home-panel--a {
  grid-area: a;
}
.home-mosaic-row--type1 .home-panel--b {
  grid-area: b;
}
.home-mosaic-row--type1 .home-panel--c {
  grid-area: c;
}
.home-mosaic-row--type1 .home-panel--d {
  grid-area: d;
}

@media (min-width: 960px) {
  .home-mosaic-row {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--space-4);
    row-gap: var(--space-3);
    align-items: start;
  }

  .home-mosaic-row--type1 {
    grid-template-areas:
      "b b b b b a a a a a a a"
      "c c c c c a a a a a a a"
      "d d d d d d d d d d d d";
    grid-template-rows: auto auto;
    align-items: stretch;
  }
  .home-mosaic-row--type1 .home-panel--a {
    grid-area: a;
  }
  .home-mosaic-row--type1 .home-panel--b {
    grid-area: b;
  }
  .home-mosaic-row--type1 .home-panel--c {
    grid-area: c;
  }
  .home-mosaic-row--type1 .home-panel--d {
    grid-area: d;
  }

  .home-mosaic-row--type1 .home-panel--a,
  .home-mosaic-row--type1 .home-panel--b,
  .home-mosaic-row--type1 .home-panel--c {
    height: 100%;
  }
  .home-mosaic-row--type1 .home-panel--d {
    height: auto;
  }

  .home-mosaic-row--type1 .home-panel--a .home-panel__box,
  .home-mosaic-row--type1 .home-panel--b .home-panel__box,
  .home-mosaic-row--type1 .home-panel--c .home-panel__box {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .home-mosaic-row--type1 .home-panel__body {
    flex: 1;
    min-height: 0;
  }

  .home-mosaic-row--type2 {
    grid-template-areas:
      "e e e f f f f f f f f f"
      "e e e g g g g g h h h h";
    align-items: stretch;
  }
  .home-mosaic-row--type2 .home-panel--e {
    grid-area: e;
  }
  .home-mosaic-row--type2 .home-panel--f {
    grid-area: f;
  }
  .home-mosaic-row--type2 .home-panel--g {
    grid-area: g;
  }
  .home-mosaic-row--type2 .home-panel--h {
    grid-area: h;
  }

  .home-mosaic-row--type2 .home-panel {
    height: 100%;
  }
  .home-mosaic-row--type2 .home-panel__box {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .home-mosaic-row--type2 .home-panel__body {
    flex: 1;
    min-height: 0;
    padding-bottom: var(--space-3);
  }
  .home-mosaic-row--typed {
    grid-template-areas: "d d d d d d d d d d d d";
    align-items: stretch;
  }
  .home-mosaic-row--typed .home-panel--d {
    grid-area: d;
    height: auto;
  }

  .home-panel__box {
    padding: var(--space-4);
  }
  .home-panel {
    margin-bottom: 0;
  }
}
.home-panel:not(.home-panel--e):not(.home-panel--h) .card {
  padding: var(--space-3) var(--space-3);
}
.home-panel:not(.home-panel--e):not(.home-panel--h)
  .card
  .card-supporting-text {
  padding: 0;
}

@media (min-width: 960px) and (max-width: 1200px) {
  .home-panel__box {
    padding: var(--space-3);
  }
  .home-panel:not(.home-panel--e):not(.home-panel--h) .card {
    padding: var(--space-2) var(--space-3);
  }
  .home-panel .card .card-title {
    line-height: 1.15;
  }
}

.home-panel__head .section-header.zine-section-header {
  margin: 0 0 var(--space-3);
}
.zine-section-header__cluster {
  justify-content: space-between;
  align-items: baseline;
}
.zine-section-header__title {
  margin: 0;
  font-size: clamp(
    calc(var(--type-scale-base) * 1.05),
    1.5vw,
    calc(var(--type-scale-base) * 1.35)
  );
}
.zine-section-header__link {
  display: inline-flex;
  gap: var(--space-1);
  align-items: baseline;
  text-decoration: none;
}
.home-panel__head .section-subtitle.zine-section-header__subtitle {
  margin: var(--space-2) 0 0;
  max-width: 68ch;
}

.zine-mt-4 {
  margin-top: var(--space-4);
}

.zine-pad-lg {
  padding: var(--space-3);
}
.zine-pad-md {
  padding: var(--space-2) var(--space-3);
}
.zine-meta {
  opacity: 0.85;
}
.zine-excerpt {
  margin-top: var(--space-2);
  opacity: 0.9;
  font-size: calc(var(--type-scale-base) * 0.95);
  line-height: 1.25;
}
.zine-hero-title {
  margin: var(--space-2) 0 var(--space-2);
  font-size: clamp(
    calc(var(--type-scale-base) * 1.15),
    2vw,
    calc(var(--type-scale-base) * 1.7)
  );
  line-height: 1.08;
}
.zine-hero-excerpt {
  margin: 0;
  opacity: 0.9;
}

.zine-card-fit {
  overflow: hidden;
  height: 100%;
}
.zine-card-overflow {
  overflow: hidden;
}

.zine-pad-34 {
  padding: var(--space-3) var(--space-4);
}

.zine-title-compact115 {
  margin-top: var(--space-2);
  font-size: calc(var(--type-scale-base) * 1.05);
  font-weight: 650;
  line-height: 1.15;
}
.zine-title-compact11 {
  margin-top: var(--space-2);
  font-size: calc(var(--type-scale-base) * 1);
  font-weight: 650;
  line-height: 1.1;
}

.zine-eventline {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  flex-wrap: wrap;
}
.zine-eventline .zine-title-compact11 {
  margin-top: 0;
}
.zine-eventline .zine-e-cal-title {
  min-width: 0;
  flex: 1 1 auto;
}
.zine-caption-85 {
  opacity: 0.85;
}
.zine-caption-85-mb1 {
  opacity: 0.85;
  margin-bottom: var(--space-1);
}

.zine-span-4 {
  grid-column: span 4;
}
.zine-span-5 {
  grid-column: span 5;
}
.zine-span-6 {
  grid-column: span 6;
}
.zine-span-7 {
  grid-column: span 7;
}
.zine-span-8 {
  grid-column: span 8;
}

.zine-rot-n2 {
  transform: rotate(-2deg);
}
.zine-rot-1p2 {
  transform: rotate(1.2deg);
}
.zine-rot-n1 {
  transform: rotate(-1deg);
}
.zine-rot-2p2 {
  transform: rotate(2.2deg);
}
.zine-rot-n1p6 {
  transform: rotate(-1.6deg);
}
.zine-rot-1 {
  transform: rotate(1deg);
}
.zine-rot-n2p4 {
  transform: rotate(-2.4deg);
}
.zine-rot-1p6 {
  transform: rotate(1.6deg);
}
.zine-rot-n0p8 {
  transform: rotate(-0.8deg);
}

.zine-a-grid {
  display: grid;
  gap: var(--space-2);
  grid-template-columns: 1fr;
  grid-template-areas:
    "hero"
    "rail"
    "under"
    "bottom";
}
.zine-a-grid > * {
  min-width: 0;
  min-height: 0;
}

.zine-a-hero {
  grid-area: hero;
  min-width: 0;
}
.zine-a-railwrap {
  grid-area: rail;
  min-width: 0;
}
.zine-a-underwrap {
  grid-area: under;
  min-width: 0;
}
.zine-a-bottomwrap {
  grid-area: bottom;
  min-width: 0;
}

.zine-a-railwrap,
.zine-a-underwrap,
.zine-a-bottomwrap {
  display: grid;
  gap: var(--space-2);
  align-content: stretch;
}

.zine-a-railwrap {
  grid-template-columns: 1fr;
}
.zine-a-underwrap {
  grid-template-columns: 1fr;
}
.zine-a-bottomwrap {
  grid-template-columns: 1fr;
}

.zine-a-hero .card,
.zine-a-railwrap a.card-link .card,
.zine-a-underwrap a.card-link .card,
.zine-a-bottomwrap a.card-link .card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

@media (min-width: 960px) {
  .zine-a-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-areas:
      "hero hero hero hero hero hero hero rail rail rail rail rail"
      "hero hero hero hero hero hero hero rail rail rail rail rail"
      "hero hero hero hero hero hero hero rail rail rail rail rail"
      "under under under under under under under rail rail rail rail rail"
      "under under under under under under under rail rail rail rail rail"
      "bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom";
    grid-template-rows: auto auto auto;
    align-items: stretch;
  }

  .zine-a-railwrap {
    grid-template-columns: 1fr;
    grid-template-rows: 1.55fr 1fr;
  }
  .zine-a-railwrap a.card-link {
    height: 100%;
  }

  .zine-a-underwrap {
    display: grid;
    gap: var(--space-2);
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: 92px;
    grid-template-areas:
      "u1 u1 u1 u1 u1 u1 u2 u2 u2 u2 u2 u2"
      "u1 u1 u1 u1 u1 u1 u2 u2 u2 u2 u2 u2"
      "u3 u3 u3 u3 u3 u3 u3 u4 u4 u4 u4 u4"
      "u3 u3 u3 u3 u3 u3 u3 u4 u4 u4 u4 u4";
    align-items: stretch;
  }

  .zine-a-underwrap a.card-link:nth-child(1) {
    grid-area: u1;
    height: 100%;
  }
  .zine-a-underwrap a.card-link:nth-child(2) {
    grid-area: u2;
    height: 100%;
  }
  .zine-a-underwrap a.card-link:nth-child(3) {
    grid-area: u3;
    height: 100%;
  }
  .zine-a-underwrap a.card-link:nth-child(4) {
    grid-area: u4;
    height: 100%;
  }

  .home-panel--a .zine-a-bottomwrap a.card-link {
    min-height: 190px;
  }
  .home-panel--a .zine-a-bottomwrap a.card-link .card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

.home-panel--a .zine-a-railwrap a.card-link:nth-child(1) .card {
  transform: rotate(-1.25deg);
}
.home-panel--a .zine-a-railwrap a.card-link:nth-child(2) .card {
  transform: rotate(1.15deg);
}
.home-panel--a .zine-a-underwrap a.card-link:nth-child(1) .card {
  transform: rotate(-2deg);
}
.home-panel--a .zine-a-underwrap a.card-link:nth-child(2) .card {
  transform: rotate(1.6deg);
}
.home-panel--a .zine-a-underwrap a.card-link:nth-child(3) .card {
  transform: rotate(1.1deg);
}
.home-panel--a .zine-a-underwrap a.card-link:nth-child(4) .card {
  transform: rotate(-0.9deg);
}
.home-panel--a .zine-a-bottomwrap a.card-link:nth-child(1) .card {
  transform: rotate(0.8deg);
}

.home-panel--a .zine-a-grid a.card-link .card {
  transform-origin: 50% 40%;
}
.home-panel--a .zine-a-grid a.card-link .card {
  border-radius: 18px;
}

.zine-marquee {
  overflow: hidden;
  padding-bottom: var(--space-1);
  mask-image: linear-gradient(
    90deg,
    transparent 0,
    #000 6%,
    #000 94%,
    transparent 100%
  );
}
.zine-marquee__track {
  display: flex;
  gap: var(--space-3);
  width: max-content;
  animation: none;
  transform: translateX(0);
  will-change: transform;
  position: relative;
  z-index: 0;
}
.zine-marquee__item {
  min-width: min(82vw, 360px);
}
.home-panel--b .zine-marquee__item {
  min-height: 240px;
}
.home-panel--b .card {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.home-panel--b .card .card-supporting-text {
  margin-top: auto;
}
@media (min-width: 960px) {
  .home-panel--b .zine-marquee__item {
    min-height: 300px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .zine-marquee__track {
    animation: none;
  }
}
.home-panel--b .zine-marquee {
  position: relative;
  overflow: visible;
  mask-image: none;
}
.home-panel--b .zine-marquee__viewport {
  overflow: hidden;
  border-radius: inherit;
}
.home-panel--b .zine-marquee__track {
  width: 100%;
  gap: 0;
  transition: transform 700ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
.home-panel--b .zine-marquee__item {
  flex: 0 0 100%;
  min-width: 100%;
  max-width: 100%;
}
.home-panel--b .zine-marquee__controls {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
}
.home-panel--b .zine-marquee__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  min-width: 32px;
  height: 32px;
  padding: 0;
  aspect-ratio: 1 / 1;
  pointer-events: auto;
}
.home-panel--b .zine-marquee__btn[data-action="prev"] {
  left: calc(var(--space-3) * -1);
}
.home-panel--b .zine-marquee__btn[data-action="next"] {
  right: calc(var(--space-3) * -1);
}
.home-panel--b .zine-marquee__btn .material-symbols-outlined {
  font-size: 22px;
  line-height: 1;
}

.zine-layout-c-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--space-2);
}
.zine-layout-c-card {
  border-left-width: 6px;
  border-left-style: solid;
  border-left-color: var(--accent);
}
.zine-layout-c-card .card-supporting-text {
  padding: var(--space-2) var(--space-3);
}
.zine-layout-c-meta {
  justify-content: space-between;
  opacity: 0.85;
}
.zine-layout-c-meta .caption {
  margin: 0;
}
.zine-layout-c-title {
  margin-top: var(--space-2);
  font-weight: 650;
  line-height: 1.15;
}

.zine-d-grid {
  gap: var(--space-2);
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-flow: dense;
}

.zine-e-wrap {
  position: relative;
}
.zine-e-tape {
  position: absolute;
  inset: -10px 0 auto 0;
  height: 10px;
  background: repeating-linear-gradient(
    90deg,
    var(--accent),
    var(--accent) 14px,
    transparent 14px,
    transparent 22px
  );
  opacity: 0.6;
}
.zine-e-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--space-2);
}
.zine-e-card {
  padding: var(--space-2) var(--space-3);
}
.zine-justify-between {
  justify-content: space-between;
}

.zine-f-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
}

.home-panel--f a.card-link .card {
  transform-origin: 50% 40%;
}
.home-panel--f a.card-link:nth-child(1) .card {
  transform: rotate(-1.2deg);
}
.home-panel--f a.card-link:nth-child(2) .card {
  transform: rotate(1.8deg);
}
.home-panel--f a.card-link:nth-child(3) .card {
  transform: rotate(-0.6deg);
}
.home-panel--f a.card-link:nth-child(4) .card {
  transform: rotate(2.8deg);
}
.home-panel--f a.card-link:nth-child(5) .card {
  transform: rotate(-0.9deg);
}
.home-panel--f a.card-link:nth-child(6) .card {
  transform: rotate(0.7deg);
}
.home-panel--f a.card-link:nth-child(7) .card {
  transform: rotate(-0.5deg);
}
.home-panel--f a.card-link:nth-child(8) .card {
  transform: rotate(0.6deg);
}

@media (min-width: 960px) {
  .home-panel:not(.home-panel--f) a.card-link:nth-of-type(odd) {
    transform: rotate(-0.45deg);
  }
  .home-panel:not(.home-panel--f) a.card-link:nth-of-type(even) {
    transform: rotate(0.35deg);
  }
  .home-panel:not(.home-panel--f) a.card-link {
    transform-origin: 12% 10%;
  }
}

.zine-g-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.zine-h-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--space-2);
}
.zine-h-li {
  margin: 0;
  padding: 0;
}
.zine-h-item {
  display: block;
  padding: var(--space-3);
  border: 2px solid var(--outline);
  border-radius: 0;
  background: color-mix(in srgb, var(--surface) 92%, transparent);
  text-decoration: none;
  color: inherit;
}
.zine-h-item:hover {
  background: color-mix(in srgb, var(--surface) 84%, var(--accent) 8%);
}
.zine-h-header {
  display: flex;
  align-items: baseline;
  gap: var(--space-3);
}
.zine-h-date {
  font-family: var(
    --font-mono,
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace
  );
  font-size: calc(var(--type-scale-base) * 0.78);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--accent);
  opacity: 0.9;
  white-space: nowrap;
}
.zine-h-title {
  font-weight: 750;
  line-height: 1.15;
}
.zine-h-excerpt {
  margin-top: var(--space-2);
  opacity: 0.9;
  font-size: calc(var(--type-scale-base) * 0.92);
  line-height: 1.25;
  color: var(--on-surface-variant);
}

.sidebar .zine-stamp-nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: var(--space-3) 0 var(--space-4);
}
.sidebar .zine-stamp-nav__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.45rem 0.65rem;
  border: 2px dashed currentColor;
  border-radius: 10px;
  text-decoration: none;
  color: var(--on-surface);
  background: color-mix(in srgb, var(--surface) 86%, transparent);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;
  user-select: none;
  transform-origin: 20% 20%;
}
.sidebar .zine-stamp-nav__item:nth-child(odd) {
  transform: rotate(-1deg);
}
.sidebar .zine-stamp-nav__item:nth-child(even) {
  transform: rotate(1deg);
}

.sidebar .zine-stamp-nav__item:hover {
  background: color-mix(in srgb, currentColor 16%, var(--surface));
}
.sidebar .zine-stamp-nav__item:active {
  transform: translateY(1px) rotate(0deg);
}
.sidebar .zine-stamp-nav__item:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
.sidebar .zine-stamp-nav__label {
  display: block;
  white-space: nowrap;
}

.home-panel .card-media {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}

.home-panel .zine-card-overlay {
  padding: 0 !important;
}
.home-panel .zine-card-overlay .card-media {
  padding: 0;
  width: 100%;
  border-radius: inherit;
}
.home-panel .zine-card-overlay .card-media img {
  display: block;
}

.home-panel .zine-card-overlay .card-media {
  aspect-ratio: var(--card-ar, 16 / 9);
}

.home-panel .card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  display: block;
}

.zine-a-hero .zine-card-overlay .card-media {
  --card-ar: 3 / 2;
}
.zine-a-underwrap .zine-card-overlay .card-media {
  --card-ar: 4 / 3;
}

.zine-a-grid a.card-link {
  display: block;
  height: 100%;
}
.zine-a-grid a.card-link .card {
  height: 100%;
}

.zine-a-hero .zine-card-overlay .card-media,
.zine-a-underwrap .zine-card-overlay .card-media,
.zine-a-railwrap .zine-card-overlay .card-media,
.zine-a-bottomwrap .zine-card-overlay .card-media {
  height: 100%;
  aspect-ratio: auto;
}

.zine-a-grid .zine-card-overlay .card-media {
  width: 100%;
}
.zine-a-grid .zine-card-overlay .card-media img {
  width: 100%;
  height: 100%;
}

.zine-d-grid .zine-span-4 .card-media {
  --card-ar: 1 / 1;
}
.zine-d-grid .zine-span-5 .card-media {
  --card-ar: 5 / 4;
}
.zine-d-grid .zine-span-6 .card-media {
  --card-ar: 3 / 2;
}
.zine-d-grid .zine-span-7 .card-media {
  --card-ar: 16 / 9;
}
.zine-d-grid .zine-span-8 .card-media {
  --card-ar: 2 / 1;
}

.zine-f-grid .zine-card-overlay .card-media {
  --card-ar: 4 / 3;
}
.zine-g-grid .zine-card-overlay .card-media {
  --card-ar: 4 / 3;
}

.zine-marquee__item .card-media {
  aspect-ratio: 1 / 1;
  margin-bottom: 0;
}
.zine-marquee__item .card-media img {
  height: 100%;
  object-fit: cover;
}

.home-panel .zine-media-tapes {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: var(--space-2);
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  pointer-events: none;
}

.home-panel .zine-tape {
  width: fit-content;
  max-width: 100%;
  padding: 0.35rem 0.55rem;
  border-radius: 0.6rem;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(8px) saturate(1.1);
  -webkit-backdrop-filter: blur(8px) saturate(1.1);
}

.home-panel .zine-tape__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home-panel .zine-tape--meta {
  background: color-mix(in srgb, var(--secondary) 78%, transparent);
  color: var(--on-secondary);
  font-size: calc(var(--type-scale-base) * 0.8);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.home-panel .zine-tape--meta .zine-tape__text {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.home-panel .zine-tape--title {
  background: color-mix(in srgb, var(--primary) 82%, transparent);
  color: var(--on-primary);
  font-weight: 750;
  font-size: calc(var(--type-scale-base) * 1.05);
  line-height: 1.15;
}
.home-panel .zine-tape--title .zine-tape__text {
  max-height: calc(1.15em * 2);
}

.home-panel .zine-tape--excerpt {
  background: color-mix(in srgb, var(--surface) 70%, transparent);
  color: var(--on-surface);
  font-size: calc(var(--type-scale-base) * 0.92);
  line-height: 1.25;
}
.home-panel .zine-tape--excerpt .zine-tape__text {
  max-height: calc(1.25em * 2);
}

.home-panel .zine-card-overlay .card-supporting-text {
  padding-top: var(--space-3);
}

.zine-card-overlay {
  padding: 0 !important;
}

.zine-card-overlay .card-media {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  padding: 0;
  width: 100%;
  border-radius: inherit;
  aspect-ratio: var(--card-ar, 16 / 9);
}

.zine-card-overlay .card-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.zine-overlay-cards a.card-link,
.archive-grid--posts a.card-link {
  display: block;
  height: 100%;
}

.zine-overlay-cards a.card-link .card,
.archive-grid--posts a.card-link .card {
  height: 100%;
}

.zine-overlay-cards .zine-media-tapes,
.archive-grid--posts .zine-media-tapes {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: var(--space-2);
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  pointer-events: none;
}

.zine-overlay-cards .zine-tape,
.archive-grid--posts .zine-tape {
  width: fit-content;
  max-width: 100%;
  padding: 0.35rem 0.55rem;
  border-radius: 0.6rem;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(8px) saturate(1.1);
  -webkit-backdrop-filter: blur(8px) saturate(1.1);
}

.zine-overlay-cards .zine-tape__text,
.archive-grid--posts .zine-tape__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.zine-overlay-cards .zine-tape--meta,
.archive-grid--posts .zine-tape--meta {
  background: color-mix(in srgb, var(--secondary) 78%, transparent);
  color: var(--on-secondary);
  font-size: calc(var(--type-scale-base) * 0.8);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.zine-overlay-cards .zine-tape--meta .zine-tape__text,
.archive-grid--posts .zine-tape--meta .zine-tape__text {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.zine-overlay-cards .zine-tape--title,
.archive-grid--posts .zine-tape--title {
  background: color-mix(in srgb, var(--primary) 82%, transparent);
  color: var(--on-primary);
  font-weight: 750;
  font-size: calc(var(--type-scale-base) * 1.05);
  line-height: 1.15;
}

.zine-overlay-cards .zine-tape--title .zine-tape__text,
.archive-grid--posts .zine-tape--title .zine-tape__text {
  max-height: calc(1.15em * 2);
}

.zine-related-card .card-media {
  --card-ar: 4 / 3;
}
.zine-archive-card .card-media {
  --card-ar: 4 / 3;
}

.zine-archive-card .zine-tape,
.related-grid .zine-tape {
  width: fit-content;
  max-width: 100%;
  padding: 0.35rem 0.55rem;
  border-radius: 0.6rem;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(8px) saturate(1.1);
  -webkit-backdrop-filter: blur(8px) saturate(1.1);
}

.zine-archive-card .zine-tape__text,
.related-grid .zine-tape__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.zine-archive-card .zine-tape--meta,
.related-grid .zine-tape--meta {
  background: color-mix(in srgb, var(--secondary) 78%, transparent);
  color: var(--on-secondary);
  font-size: calc(var(--type-scale-base) * 0.8);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.zine-archive-card .zine-tape--meta .zine-tape__text,
.related-grid .zine-tape--meta .zine-tape__text {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.zine-archive-card .zine-tape--title,
.related-grid .zine-tape--title {
  background: color-mix(in srgb, var(--primary) 82%, transparent);
  color: var(--on-primary);
  font-weight: 750;
  font-size: calc(var(--type-scale-base) * 1.05);
  line-height: 1.15;
}
.zine-archive-card .zine-tape--title .zine-tape__text,
.related-grid .zine-tape--title .zine-tape__text {
  max-height: calc(1.15em * 2);
}

.home-panel,
.home-mosaic-row,
[class*="home-panel--"] {
  isolation: isolate;
}
.home-panel .section-header,
.home-panel__header {
  margin-bottom: 0.85rem;
}
.home-panel .section-title,
.home-panel__title {
  display: inline-block;
  position: relative;
  padding: 0.18rem 0.48rem;
  background: color-mix(in srgb, var(--primary) 16%, var(--surface));
  border-radius: 0.4rem;
}
.home-panel .section-title::after,
.home-panel__title::after {
  content: "";
  position: absolute;
  inset: auto -0.25rem -0.18rem 0.25rem;
  height: 0.45rem;
  background: color-mix(in srgb, var(--primary) 62%, transparent);
  z-index: -1;
  transform: rotate(-1.5deg);
  border-radius: 0.2rem;
}
.zine-a-wrap > *,
.zine-d-grid > *,
.zine-marquee__item > * {
  transform-origin: center;
}
.zine-a-wrap > *:nth-child(odd),
.zine-d-grid > *:nth-child(odd) {
  transform: rotate(-0.7deg);
}
.zine-a-wrap > *:nth-child(even),
.zine-d-grid > *:nth-child(even) {
  transform: rotate(0.65deg);
}
.zine-marquee__item > .card {
  height: 100%;
}
.zine-layout-c-card,
.zine-e-card {
  background: linear-gradient(
    180deg,
    var(--surface) 0%,
    var(--surface-raised) 100%
  );
}