.sleeve-frame {
  width: min(1080px, calc(100% - 28px));
  aspect-ratio: 1;
  margin: 8px auto 0;
  position: relative;
  overflow: clip;
}
.sleeve-canvas {
  --copy-size: 22px;
  --compact-copy-size: 20px;
  --profile-copy-size: 18px;
  --copy-leading: 1.45;
  position: absolute;
  inset: 0 auto auto 0;
  container: sleeve / inline-size;
  width: 1080px;
  height: 1080px;
  transform: scale(var(--sleeve-scale, 1));
  transform-origin: top left;
}
.sleeve-canvas > section {
  width: 1080px;
  height: 1080px;
  min-height: 0;
  max-height: none;
  margin: 0;
}
.sleeve-canvas > .deck-slide { padding: 55px 55px 36px; }
.sleeve-canvas .slide-title { font-size: 88px; margin: 0 0 25px; }
.sleeve-canvas .slide-header,
.sleeve-canvas .deck-footer { flex-shrink: 0; }
.sleeve-canvas .slide-content {
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #b7ae8d66 transparent;
  padding-inline: 6px;
}
.sleeve-canvas .deck-footer { margin-top: 20px; font-size: 11px; }
.sleeve-canvas .slide-content:has(details[open]) { justify-content: safe center; }
.sleeve-canvas .deck-footer > span { text-align: left; }
.sleeve-canvas .slide-lead { font-size: 29px; }
.sleeve-canvas .logline-text p { font-size: 32px; }
.sleeve-canvas .synopsis-layout { grid-template-columns: 2fr 1fr; gap: 5%; }
.sleeve-canvas .synopsis-slide .slide-content { padding-block: 20px; }
.sleeve-canvas .synopsis-copy p { font-size: var(--copy-size); line-height: var(--copy-leading); margin: 0 0 22px; }
.sleeve-canvas .synopsis-copy p:last-child { margin-bottom: 0; }
.sleeve-canvas .synopsis-prints { display: grid; gap: 12px; justify-items: center; padding-block: 16px; }
.sleeve-canvas .synopsis-prints .instant-print { width: 94%; transform: rotate(3deg); }
.sleeve-canvas .synopsis-prints .instant-print:nth-child(even) { transform: rotate(-4deg) translateX(-5px); }
.sleeve-canvas .synopsis-second .synopsis-prints .instant-print { transform: rotate(-3deg); }
.sleeve-canvas .synopsis-second .synopsis-prints .instant-print:nth-child(even) { transform: rotate(3deg); }
.sleeve-canvas .synopsis-second > .slide-photo { object-position: 70% 50%; }
.sleeve-canvas .synopsis-second::before {
  background: linear-gradient(90deg, #11150ff2, #15180ec4 55%, #11170f55), linear-gradient(0deg, #11170fdd, transparent 80%);
}
.sleeve-canvas .characters-slide .slide-content { padding-block: 12px; }
.sleeve-canvas .character-name h3 { font-size: 43px; }
.sleeve-canvas .character > p { font-size: var(--profile-copy-size); line-height: 1.4; }
.sleeve-canvas .character-image { padding-bottom: 20px; }
.sleeve-canvas .character-image img { aspect-ratio: 1.6; }
.sleeve-canvas .character-name { margin-top: 16px; }
.sleeve-canvas .character:nth-child(4) .character-image img { object-position: 50% 42%; }
.sleeve-canvas .character-arc p { font-size: var(--profile-copy-size); line-height: var(--copy-leading); }
.sleeve-canvas .character-name .mono { font-size: 11px; }
.sleeve-canvas .character-arc summary { font-size: 11px; }
.sleeve-canvas .portrait-slot { overflow: hidden; background: #b1a48a; }
.sleeve-canvas .portrait-slot img {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: cover;
  object-position: var(--portrait-position, 50% 30%);
  transform: scale(var(--portrait-scale, 1.8));
  transform-origin: var(--portrait-origin, 40% 0%);
  filter: grayscale(.7) sepia(.24) saturate(.65) contrast(.94) brightness(1.04);
}
.portrait-slot--sammy { --portrait-scale: 3; --portrait-origin: 30% 25%; }
.portrait-slot--greg { --portrait-position: 0% 50%; --portrait-scale: 1.55; --portrait-origin: 30% 45%; }
.portrait-slot--karen { --portrait-position: 22% 50%; --portrait-scale: 2.1; --portrait-origin: 36% 9%; }
.portrait-slot--elliot { --portrait-scale: 2.15; --portrait-origin: 7% 20%; }
.portrait-slot--jade { --portrait-position: 50% 25%; --portrait-scale: 2.65; --portrait-origin: 65% 13%; }
.sleeve-canvas .hero h1 { font-size: 197px; margin-top: 24px; }
.sleeve-canvas .hero-line { font-size: 49px; }
.sleeve-canvas .interlude > div { padding-top: 180px; }
.sleeve-canvas .interlude blockquote { font-size: 140px; }
.sleeve-canvas .outro h2 { font-size: 150px; }
.sleeve-canvas .record-sleeve > p { font-size: 64px; }
.format-strip { max-width: 1080px; margin-inline: auto; }

.sleeve-canvas .tone-layout,
.sleeve-canvas .themes-layout { grid-template-columns: 1fr; gap: 24px; }
.sleeve-canvas .supporting-folder { width: 100%; max-width: 495px; padding: 0; justify-self: center; }
.sleeve-canvas .supporting-folder img { width: 100%; height: auto; filter: drop-shadow(0 12px 14px #0005); }
.sleeve-canvas .supporting-folder .folder-mounted-cutout {
  position: absolute;
  left: 18.5%;
  top: 34%;
  width: 75%;
  height: 47%;
  object-fit: contain;
  transform: rotate(-1.7deg);
  filter: drop-shadow(1px 2px 1px #30281735);
}
.sleeve-canvas .approved-collage { grid-row: 1; max-width: 800px; justify-self: center; }
.sleeve-canvas .tone-copy { display: block; columns: 2; column-gap: 40px; }
.sleeve-canvas .tone-copy > p { font-size: var(--copy-size); line-height: var(--copy-leading); margin: 0; }
.sleeve-canvas .tone-layout .approved-collage { max-width: 700px; }
.sleeve-canvas .tone-copy .tone-list { margin-top: 0; }
.sleeve-canvas .tone-copy .slide-lead { font-size: 27px; }
.sleeve-canvas .why-copy { display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; }
.sleeve-canvas .why-copy > .small-label,
.sleeve-canvas .why-copy > .slide-lead,
.sleeve-canvas .why-copy > .theme-tags { grid-column: 1 / -1; }
.sleeve-canvas .why-copy > p { margin-bottom: 16px; font-size: 17px; }
.sleeve-canvas .why-copy > .slide-lead { font-size: 29px; max-width: none; }
.sleeve-canvas .why-copy > .theme-tags { margin-top: 4px; }

.sleeve-canvas .tone-slide {
  background: #101110 url("assets/mini-dv-texture-4.jpg") center / cover no-repeat;
}
.sleeve-canvas .themes-slide {
  background: #101110 url("assets/mini-dv-texture-5.jpg") center / cover no-repeat;
}
.sleeve-canvas .tone-slide::before,
.sleeve-canvas .themes-slide::before {
  background: linear-gradient(180deg, #080a080d, #080a0840 60%, #080a0855);
}
.sleeve-canvas .themes-slide .slide-content { padding-block: 20px; }
.sleeve-canvas .theme-editorial-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 32px;
  align-items: start;
}
.sleeve-canvas .theme-editorial-grid .approved-collage {
  grid-row: auto;
  align-self: center;
  max-width: none;
}
.sleeve-canvas .theme-block h3,
.sleeve-canvas .production-opportunities h3 {
  font: 32px/1.05 var(--display);
  text-transform: uppercase;
  margin-bottom: 10px;
}
.sleeve-canvas .theme-block p { font-size: var(--compact-copy-size); line-height: 1.4; }
.tone-slide .approved-collage,
.themes-slide .approved-collage {
  isolation: auto;
  mix-blend-mode: lighten;
  mask-image:
    linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent),
    linear-gradient(0deg, transparent, #000 5%, #000 97%, transparent);
}
.sleeve-canvas .why-now-slide::before {
  background: linear-gradient(180deg, #17140d88, #17140da3 26%, #100f0cbf 65%, #0d100cdb);
}
.sleeve-canvas .why-now-slide > .slide-photo { object-position: 52% 50%; }
.sleeve-canvas .why-now-points {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px 48px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sleeve-canvas .why-now-points li { border-top: 1px solid #e8e2cf66; padding-top: 16px; }
.sleeve-canvas .why-now-points .mono {
  display: block;
  width: fit-content;
  padding: 5px 13px 6px;
  margin-bottom: 20px;
  font: 62px/.95 var(--display);
  letter-spacing: -.025em;
  color: #27291f;
  background: var(--paper);
  box-shadow: 2px 4px 7px #0005;
  transform: rotate(-3deg);
}
.sleeve-canvas .why-now-points li:nth-child(even) .mono { transform: rotate(3deg); }
.sleeve-canvas .why-now-points p { font-size: var(--copy-size); line-height: var(--copy-leading); }
.sleeve-canvas .setting-slide::before {
  background: linear-gradient(90deg, #11180fe8, #11180f99 45%, #11180f22), linear-gradient(0deg, #11180fd9, #11180f40 85%);
}
.sleeve-canvas .setting-slide > .slide-photo { object-position: 50% 50%; }
.sleeve-canvas .setting-slide .slide-content { justify-content: center; }
.sleeve-canvas .setting-layout { display: grid; grid-template-columns: .7fr 1.5fr; gap: 30px; align-items: center; }
.sleeve-canvas .setting-location h3 { font: 70px/1 var(--display); margin-bottom: 12px; }
.sleeve-canvas .setting-location p { font-size: var(--copy-size); line-height: var(--copy-leading); }
.sleeve-canvas .setting-location p + p { margin-top: 34px; }
.sleeve-canvas .setting-photo-link { margin-top: 42px; padding: 10px 0; border: 0; border-bottom: 1px solid #e8e2cf88; background: none; font-size: 11px; }
.sleeve-canvas .setting-collage { display: grid; grid-template-columns: 1fr 1fr; gap: 15px 8px; padding: 18px 9px; align-items: center; }
.sleeve-canvas .setting-collage .instant-print { width: 100%; transform: rotate(-3deg); }
.sleeve-canvas .setting-collage .instant-print:nth-child(even) { transform: rotate(3deg); }
.sleeve-canvas .setting-collage .instant-print:nth-child(3) { transform: rotate(2deg); }
.sleeve-canvas .setting-collage .instant-print:nth-child(4) { transform: rotate(-2deg); }
.sleeve-canvas .setting-print--house .print-photo { object-position: 50% 42%; }
.sleeve-canvas .setting-print--skaters .print-photo { object-position: 38% 50%; }
.sleeve-canvas .setting-print--room .print-photo { object-position: 50% 38%; }
.sleeve-canvas .episode-body p,
.sleeve-canvas .supporting-list p,
.sleeve-canvas .supporting-list .arc-line,
.sleeve-canvas .season-futures p {
  font-size: var(--compact-copy-size);
  line-height: var(--copy-leading);
}
.sleeve-canvas .stakes-grid p { font-size: var(--copy-size); line-height: var(--copy-leading); }
.sleeve-canvas .stakes-grid h3 { font-size: 32px; }
.sleeve-canvas .track-title { font-size: 28px; }
.sleeve-canvas .production-layout { grid-template-columns: .8fr 1.2fr; gap: 5%; }
.sleeve-canvas .production-opportunities { display: grid; gap: 24px; }
.sleeve-canvas .production-opportunities p { font-size: var(--copy-size); line-height: var(--copy-leading); }
.sleeve-canvas .production-setlist ol { font-size: 18px; line-height: 1.5; }
@font-face {
  font-family: "Caveat";
  src: url("assets/fonts/caveat-variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}
.sleeve-canvas .instant-print {
  position: relative;
  display: block;
  aspect-ratio: 1192 / 1320;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  color: #282a28;
  isolation: isolate;
  filter: drop-shadow(2px 4px 2px #0005) drop-shadow(1px 12px 10px #0003);
}
.sleeve-canvas .instant-print::after,
.sleeve-canvas .character-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("assets/instant-film-frame-v1.png") center / 100% 100% no-repeat;
  pointer-events: none;
  z-index: 2;
}
.sleeve-canvas .instant-print:nth-child(even)::after { transform: scaleX(-1); }
.sleeve-canvas .instant-print .print-photo,
.sleeve-canvas .character-image img {
  position: absolute;
  top: 8.1%;
  left: 7.6%;
  width: 84.8%;
  height: 70.5%;
  aspect-ratio: auto;
  object-fit: cover;
  filter: saturate(.88) sepia(.08) contrast(1.03);
  z-index: 0;
}
.sleeve-canvas .instant-print::before {
  content: "";
  position: absolute;
  inset: 8.1% 7.6% 21.4%;
  pointer-events: none;
  background: linear-gradient(125deg, #dfdecd0c, transparent 48%, #1619111a);
  box-shadow: inset 0 0 5px #1c201633;
  z-index: 1;
}
.sleeve-canvas .instant-print .print-caption {
  position: absolute;
  inset: 80% 8.5% 3%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 0;
  font: 600 21px/1 "Caveat", "Bradley Hand", cursive;
  letter-spacing: 0;
  text-align: left;
  text-shadow: none;
  z-index: 3;
}
.sleeve-canvas .print-note { transform: rotate(-2deg); }
.sleeve-canvas .print-index { font-size: 27px; font-weight: 500; transform: rotate(6deg); }
.sleeve-canvas .print-ink-red { color: #8c3029; }
.sleeve-canvas .instant-print:nth-child(even) .print-note { transform: rotate(1deg); }
.sleeve-canvas .character-image,
.sleeve-canvas .character:nth-child(even) .character-image,
.sleeve-canvas .character:nth-child(3) .character-image {
  height: 157px;
  padding: 0;
  background: transparent;
  box-shadow: none;
  isolation: isolate;
  filter: drop-shadow(2px 4px 3px #0005);
}
.sleeve-canvas .character-image .character-number {
  top: auto;
  bottom: 8%;
  left: auto;
  right: 10%;
  color: #33332d;
  font: 500 20px/1 "Caveat", "Bradley Hand", cursive;
  text-shadow: none;
  transform: rotate(4deg);
  z-index: 3;
}
.sleeve-canvas .character-print-note {
  position: absolute;
  left: 10%;
  bottom: 8%;
  color: #33332d;
  font: 600 20px/1 "Caveat", "Bradley Hand", cursive;
  transform: rotate(-2deg);
  z-index: 3;
}
.sleeve-canvas .character:nth-child(even) .character-image::after { transform: scaleX(-1); }
.sleeve-canvas .character:nth-child(even) .character-print-note { color: #8c3029; }
@media (max-width: 760px) {
  .sleeve-frame { width: calc(100% - 16px); margin-top: 8px; }
}
@media print {
  .sleeve-frame { break-before: page; break-inside: avoid; }
  .sleeve-canvas .slide-content { overflow: visible; }
}

.sleeve-canvas .comparables-slide {
  background: #141610 url("assets/mini-dv-texture-5.jpg") center / cover no-repeat;
}
.sleeve-canvas .comparables-slide::before {
  background: linear-gradient(180deg, #15170e33, #10120a99 75%, #10120a77);
}
.sleeve-canvas .comparables-layout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 36px;
  min-height: 100%;
  padding-block: 24px;
}
.sleeve-canvas .comparables-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
.sleeve-canvas .comparable-poster {
  height: 348px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 25px;
}
.sleeve-canvas .comparable-poster img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  box-shadow: 1px 2px 2px #0009, 5px 9px 16px #0008;
  transform: rotate(-1deg);
}
.sleeve-canvas .comparable:nth-child(even) .comparable-poster img { transform: rotate(1deg); }
.sleeve-canvas .comparable-format { display: block; font-size: 10px; margin-bottom: 13px; opacity: .7; }
.sleeve-canvas .comparable h3 { font: 36px/1 var(--display); margin: 0 0 13px; }
.sleeve-canvas .comparable h4 { font-size: 16px; font-weight: 600; line-height: 1.25; margin: 0 0 14px; color: #d0bc94; }
.sleeve-canvas .comparable p { font-size: var(--compact-copy-size); line-height: var(--copy-leading); margin: 0; }
.sleeve-canvas .comparables-position { border-top: 1px solid #e8e2cf66; padding-top: 21px; display: grid; grid-template-columns: 128px 1fr; gap: 20px; align-items: baseline; }
.sleeve-canvas .comparables-position .mono { font-size: 12px; }
.sleeve-canvas .comparables-position p { font-size: var(--copy-size); line-height: var(--copy-leading); margin: 0; }

html { scroll-padding-top: 104px; }
.masthead { height: 88px; gap: 30px; }
.masthead .wordmark { font: 30px/1 var(--display); letter-spacing: -.03em; flex-shrink: 0; }
.masthead nav { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); width: min(100%, 1050px); gap: 0 16px; justify-content: end; }
.masthead nav a { font-size: 12px; line-height: 1.2; padding: 8px 0; }
.masthead nav a::after { bottom: 3px; }
body > footer { justify-content: flex-start; }
.sleeve-canvas .hero h1 { margin-top: 72px; }
.sleeve-canvas #synopsis .synopsis-prints { position: absolute; top: 455px; right: 65px; width: 270px; gap: 12px; padding: 0; }
.sleeve-canvas #synopsis .instant-print { width: 84%; transform: rotate(-5deg); }
.sleeve-canvas #synopsis .instant-print:nth-child(even) { transform: rotate(5deg) translateX(8px); }
.sleeve-canvas .character-image:hover img,
.sleeve-canvas .character-image:active img,
.sleeve-canvas .character:focus-within .character-image img { filter: saturate(1.12) sepia(.02) contrast(1.04) brightness(var(--photo-light, 1.3)); }
.sleeve-canvas .why-now-slide > .slide-photo { object-position: 50% 50%; }
.sleeve-canvas .episode-layout { grid-template-columns: 410px minmax(0, 1fr); gap: 38px; }
.sleeve-canvas .record-column { padding-inline: 12px; }
.sleeve-canvas .track-plus { width: 20px; height: 20px; line-height: 20px; text-align: center; justify-self: center; }
.sleeve-canvas .record-package { width: 100%; max-width: none; margin: 58px 0 35px; transform: rotate(-5deg); isolation: isolate; filter: drop-shadow(3px 7px 5px #0006) drop-shadow(8px 20px 15px #0005); }
.sleeve-canvas .episodes-second .record-package { transform: rotate(3deg); }
.sleeve-canvas .record-material { position: relative; display: block; width: 100%; height: auto; }
.sleeve-canvas .record-sleeve { position: absolute; left: 4.7%; top: 7.4%; width: 56.5%; height: 83.6%; aspect-ratio: auto; padding: 0; background: transparent; transform: none; box-shadow: none; overflow: hidden; }
.sleeve-canvas .record-sleeve > img { inset: 18% auto auto 7%; width: 86%; height: 47%; object-fit: cover; filter: grayscale(1) contrast(1.15); mix-blend-mode: multiply; opacity: .82; }
.sleeve-canvas .record-sleeve > p { left: 7%; bottom: 14%; font-size: 49px; line-height: .85; text-shadow: 1px 1px 0 #752b2444; mix-blend-mode: screen; }
.sleeve-canvas .sleeve-top,
.sleeve-canvas .sleeve-bottom { left: 7%; right: 7%; font-size: 6px; letter-spacing: .02em; color: #f3e1bd; }
.sleeve-canvas .sleeve-top { top: 7%; }
.sleeve-canvas .sleeve-bottom { bottom: 6%; }

@media (max-width: 1100px) {
  html { scroll-padding-top: 92px; }
  .masthead { height: 76px; padding-inline: 4%; gap: 18px; }
  .masthead .menu-toggle { display: flex; align-items: center; gap: 18px; margin-left: auto; background: none; border: 1px solid #f1ecdf70; padding: 9px 12px; font: 11px var(--mono); }
  .masthead nav { position: absolute; inset: 75px 0 auto; display: none; width: auto; margin: 0; padding: 18px 4% 24px; background: #080908; border-bottom: 1px solid #ffffff30; max-height: calc(100dvh - 92px); overflow-y: auto; }
  .masthead nav.is-open { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; }
  .masthead nav a { font-size: 12px; padding: 12px 0; border-bottom: 1px solid #ffffff15; white-space: normal; }
  .masthead nav a::after { display: none; }
}

.sleeve-canvas .character-image img { filter: saturate(.8) sepia(.08) contrast(1.03) brightness(.94); transition: filter .25s ease; }
.sleeve-canvas .character:nth-child(3) { --photo-light: 1.55; }
.sleeve-canvas .character-image::before {
  content: "";
  position: absolute;
  inset: 8.1% 7.6% 21.4%;
  z-index: 1;
  background: linear-gradient(120deg, transparent 10%, #fff2 45%, #fff5 56%, transparent 88%);
  mix-blend-mode: screen;
  opacity: 0;
  transition: opacity .25s ease;
  pointer-events: none;
}
.sleeve-canvas .character-image:hover::before,
.sleeve-canvas .character-image:active::before,
.sleeve-canvas .character:focus-within .character-image::before { opacity: .85; }
.sleeve-canvas .portrait-slot img { transition: filter .25s ease; }
.sleeve-canvas .supporting-list summary:hover .portrait-slot img,
.sleeve-canvas .supporting-list summary:focus-visible .portrait-slot img { filter: grayscale(.3) sepia(.16) saturate(.9) contrast(1.02) brightness(1.22); }

.sleeve-canvas .production-release-kit { margin: 0; width: 100%; align-self: center; transform: rotate(-3deg); }
.sleeve-canvas .production-release-kit img { display: block; width: 100%; height: auto; max-height: 700px; object-fit: contain; filter: drop-shadow(2px 4px 3px #0006) drop-shadow(8px 16px 12px #0005); }

.sleeve-canvas .team-slide { background: #151710 url("assets/mini-dv-texture-5.jpg") center / cover no-repeat; }
.sleeve-canvas .team-slide::before { background: linear-gradient(135deg, #11140de0, #11140db3 55%, #11140de6); }
.sleeve-canvas .team-slide .slide-content { padding-block: 24px 10px; justify-content: flex-start; }
.sleeve-canvas .team-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 44px; padding: 0; align-items: start; }
.sleeve-canvas .team-intro { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 24px; align-items: center; margin-bottom: 24px; }
.sleeve-canvas .team-portrait { position: relative; height: 264px; margin: 0; padding: 4px; background: #c9c2aa; box-shadow: 1px 2px 2px #0008, 4px 8px 16px #0005; overflow: hidden; }
.sleeve-canvas .team-portrait img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--team-position, 50% 25%); filter: grayscale(1) sepia(.24) saturate(.65) contrast(.92) brightness(1.06); }
.sleeve-canvas .team-portrait::after { content: ""; position: absolute; inset: 4px; pointer-events: none; background: url("assets/charcoal-dust.svg") center / cover; mix-blend-mode: soft-light; opacity: .23; box-shadow: inset 0 0 20px #22230b22; }
.sleeve-canvas .team-member--sean-wang { --team-position: 50% 19%; }
.sleeve-canvas .team-member--alex-bigman { --team-position: 50% 31%; }
.sleeve-canvas .team-member--joey-izzo { --team-position: 50% 28%; }
.sleeve-canvas .team-member--madison-woodward { --team-position: 50% 14%; }
.sleeve-canvas .team-person { min-width: 0; }
.sleeve-canvas .team-person h3 span { display: block; }
.sleeve-canvas .team-person h3 { font: 43px/1 var(--display); letter-spacing: -.02em; text-transform: uppercase; margin: 0; }
.sleeve-canvas .team-role { font: 12px/1.4 var(--mono); text-transform: uppercase; margin: 14px 0 0; color: #d2c6ab; }
.sleeve-canvas .team-bio { font-size: var(--compact-copy-size); line-height: var(--copy-leading); margin: 0; }