/* IAMRETONE v11 — live desktop typography correction; texture and geometry retained */
:root {
  --paper: #f7f5f0;
  --ink: #101010;
  --edge-x: 5.20vw;
  --top-y: 4.75vh;
  --bottom-y: 6.35vh;
  --content-x: 16.73vw;
  --content-y: 36.9vh;
  --display-size: clamp(54px, 4.05vw, 64px);
  --micro-size: clamp(10.5px, 0.76vw, 12px);
  --micro-track: .245em;
  --identity-size: clamp(18px, 1.32vw, 21px);
  --footer-size: clamp(10px, 0.72vw, 11.25px);
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
html { background: var(--paper); }
body {
  color: var(--ink);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
  background-color: var(--paper);
  background-image: url("paper-texture.jpg");
  background-repeat: repeat;
  background-size: 520px 520px;
  background-blend-mode: normal;
}

a { color: inherit; text-decoration: none; }
.page { position: relative; min-height: 100svh; overflow: hidden; }

.brand {
  position: absolute;
  left: var(--edge-x);
  top: var(--top-y);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: var(--identity-size);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.018em;
}

.nav {
  position: absolute;
  right: var(--edge-x);
  top: calc(var(--top-y) + 2px);
  display: flex;
  gap: clamp(30px, 2.75vw, 43px);
  font-size: var(--micro-size);
  line-height: 1;
  font-weight: 500;
  letter-spacing: .22em;
}
.nav a { padding-bottom: 4px; }
.nav a.active { border-bottom: 1px solid currentColor; }

.hero {
  position: absolute;
  left: var(--content-x);
  top: var(--content-y);
  width: min(720px, 66vw);
}

h1 {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: var(--display-size);
  font-weight: 300;
  line-height: 1.09;
  letter-spacing: -0.04em;
}
.home h1 span { display: block; }

.kicker, .index, .bio, .contact-links {
  font-size: var(--micro-size);
  font-weight: 500;
  letter-spacing: var(--micro-track);
}

.kicker {
  margin-top: 2.05rem;
  line-height: 1.4;
  white-space: nowrap;
}

.index {
  margin-top: 2.15rem;
  display: grid;
  gap: .92rem;
  line-height: 1.25;
}
.index-row {
  display: grid;
  grid-template-columns: 2.65rem auto;
  align-items: baseline;
}

.bio {
  margin-top: 2.15rem;
  max-width: 760px;
  line-height: 1.67;
  letter-spacing: .205em;
}
.bio p { margin: 0 0 1.35rem; }
.bio p:last-child { margin-bottom: 0; }

.contact-links {
  margin-top: 2.15rem;
  line-height: 2;
}
.contact-links a:hover, .index a:hover { opacity: .58; }

.footer {
  position: absolute;
  bottom: var(--bottom-y);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: var(--footer-size);
  font-weight: 500;
  letter-spacing: .035em;
  line-height: 1;
}
.footer.left { left: var(--edge-x); }
.footer.right { right: var(--edge-x); }

@media (max-width: 900px) {
  :root {
    --edge-x: 7vw;
    --top-y: 5.5vh;
    --bottom-y: 5vh;
    --content-x: 7vw;
    --content-y: 30vh;
    --display-size: clamp(43px, 9vw, 58px);
    --micro-size: 10px;
  }
  .nav { gap: 18px; }
  .hero { width: 86vw; }
  .kicker { white-space: normal; line-height: 1.65; max-width: 90%; }
  .bio { max-width: 86vw; }
}

@media (max-width: 600px) {
  .brand { font-size: 15px; }
  .nav { font-size: 9px; letter-spacing: .18em; gap: 14px; }
  .hero { top: 28vh; }
  .index { gap: .9rem; }
  .index-row { grid-template-columns: 2rem auto; }
  .bio { font-size: 9px; line-height: 1.72; }
  .footer { font-size: 8.814px; letter-spacing: .035em; }
  .footer.right { max-width: 45vw; text-align: right; }
}

/* v10 — deliberate mobile composition; desktop remains identical to v9 */
@media (max-width: 600px) {
  :root {
    --edge-x: 7.2vw;
    --top-y: 4.7vh;
    --bottom-y: 4.5vh;
    --content-x: 7.2vw;
    --content-y: 27.5vh;
    --display-size: clamp(39px, 11.2vw, 48px);
    --micro-size: 9px;
    --identity-size: 14px;
    --footer-size: 9.35px;
  }

  .page {
    min-height: 100svh;
    overflow: hidden;
  }

  .brand {
    left: var(--edge-x);
    top: var(--top-y);
    font-size: var(--identity-size);
    font-weight: 600;
  }

  .nav {
    left: var(--edge-x);
    right: auto;
    top: calc(var(--top-y) + 43px);
    width: calc(100vw - (var(--edge-x) * 2));
    justify-content: space-between;
    gap: 0;
    font-size: var(--micro-size);
    letter-spacing: .20em;
  }

  .nav a {
    padding-bottom: 4px;
  }

  .hero {
    left: var(--content-x);
    top: var(--content-y);
    width: calc(100vw - (var(--content-x) * 2));
  }

  h1 {
    font-size: var(--display-size);
    line-height: 1.08;
    letter-spacing: -0.045em;
  }

  .kicker,
  .index,
  .bio,
  .contact-links {
    font-size: var(--micro-size);
    font-weight: 500;
    letter-spacing: .20em;
  }

  .kicker {
    margin-top: 1.65rem;
    max-width: 88vw;
    white-space: normal;
    line-height: 1.75;
  }

  .index {
    margin-top: 1.75rem;
    gap: 1.05rem;
    line-height: 1.45;
  }

  .index-row {
    grid-template-columns: 2.2rem minmax(0, 1fr);
  }

  .bio {
    margin-top: 1.65rem;
    max-width: 88vw;
    font-size: 8.7px;
    line-height: 1.72;
    letter-spacing: .16em;
  }

  .bio p {
    margin-bottom: 1.15rem;
  }

  .contact-links {
    margin-top: 1.7rem;
    line-height: 2.15;
  }

  .contact-static {
    cursor: default;
  }

  .footer {
    bottom: var(--bottom-y);
    font-size: var(--footer-size);
    font-weight: 500;
    letter-spacing: .035em;
  }

  .footer.left {
    left: var(--edge-x);
  }

  .footer.right {
    right: var(--edge-x);
    max-width: none;
    text-align: right;
  }
}

/* Narrow phones: preserve breathing room without changing the visual system. */
@media (max-width: 380px) {
  :root {
    --display-size: 38px;
    --micro-size: 8.5px;
    --footer-size: 8.8px;
  }
  .nav { letter-spacing: .16em; }
  .bio { font-size: 8.2px; line-height: 1.65; }
}

/* v12 — Work archive architecture */
.work-category { width: min(800px, 70vw); }
.project-index {
  margin-top: 2.25rem;
  width: min(700px, 62vw);
  font-size: var(--micro-size);
  font-weight: 500;
  letter-spacing: var(--micro-track);
}
.project-row {
  display: grid;
  grid-template-columns: 2.65rem minmax(0, 1fr) 4.5rem;
  gap: 1rem;
  align-items: baseline;
  padding: .55rem 0;
  line-height: 1.35;
}
a.project-row:hover { opacity: .58; }
.project-row span:last-child { text-align: right; }
.back-link {
  display: inline-block;
  margin-bottom: 1.7rem;
  font-size: var(--micro-size);
  font-weight: 500;
  letter-spacing: .20em;
}
.back-link:hover { opacity: .58; }
.project-meta {
  margin-top: 2.25rem;
  display: grid;
  gap: .8rem;
  max-width: 720px;
  font-size: var(--micro-size);
  letter-spacing: .18em;
  line-height: 1.55;
}
.project-meta div { display: grid; grid-template-columns: 10rem minmax(0, 1fr); }
.project-meta span { font-weight: 400; }
.project-meta strong { font-weight: 500; }
.project-note {
  margin: 2.1rem 0 0;
  max-width: 620px;
  font-size: var(--micro-size);
  font-weight: 500;
  letter-spacing: .18em;
  line-height: 1.65;
}
@media (max-width: 600px) {
  .work-category { width: calc(100vw - (var(--content-x) * 2)); }
  .project-index { width: 100%; margin-top: 1.75rem; font-size: var(--micro-size); letter-spacing: .16em; }
  .project-row { grid-template-columns: 2rem minmax(0, 1fr) 3.2rem; gap: .55rem; padding: .55rem 0; }
  .project-meta { margin-top: 1.75rem; font-size: var(--micro-size); letter-spacing: .14em; }
  .project-meta div { grid-template-columns: 1fr; gap: .2rem; }
  .project-note { font-size: var(--micro-size); letter-spacing: .14em; }
}

/* v14 — category destination: projects only, no repeated category title */
.category-list-only .project-index { margin-top: 0; }


/* v17 — Artist Development & Leadership archive */
.artist-development-list .project-row { grid-template-columns: 2.65rem minmax(0, 1fr) 7rem; }
@media (max-width: 600px) {
  .artist-development-list .project-row { grid-template-columns: 2rem minmax(0, 1fr) 5.8rem; }
}


/* v18 — photography elevated to primary navigation + expanded Work archive */
.project-row.no-year { grid-template-columns: 2.65rem minmax(0, 1fr); }
.live-list .project-index { width: min(760px, 66vw); }
.live-list .project-row { grid-template-columns: 2.65rem minmax(0, 1fr) 6.8rem; }

.photography-body { background-attachment: fixed; }
.photography-page { min-height: 100svh; overflow: visible; padding-bottom: 0; }
.photography-page > .brand,
.photography-page > .nav { position: fixed; z-index: 20; }
.photo-intro {
  padding: 27vh var(--edge-x) 12vh var(--content-x);
}
.photo-tabs {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.7rem;
  font-size: var(--micro-size);
  font-weight: 500;
  letter-spacing: var(--micro-track);
  line-height: 1.4;
}
.photo-tabs span { opacity: .42; }
.photo-tabs span.active { opacity: 1; border-bottom: 1px solid currentColor; padding-bottom: 4px; }
.photo-sequence { padding: 0 var(--edge-x) 18vh; }
.photo { margin: 0 0 17vh; }
.photo img { display: block; width: 100%; height: auto; }
.photo-wide { width: min(84vw, 1320px); margin-left: auto; margin-right: auto; }
.photo-medium { width: min(56vw, 860px); }
.photo-small { width: min(36vw, 560px); }
.photo-tall { width: min(38vw, 590px); }
.photo-left { margin-left: 7vw; margin-right: auto; }
.photo-right { margin-left: auto; margin-right: 7vw; }
.photo-center { margin-left: auto; margin-right: auto; }
.photo-footer {
  display: flex;
  justify-content: space-between;
  padding: 0 var(--edge-x) var(--bottom-y);
  font-size: var(--footer-size);
  font-weight: 500;
  letter-spacing: .035em;
  line-height: 1;
}
@media (max-width: 900px) {
  .nav { gap: 17px; font-size: 9.5px; letter-spacing: .18em; }
  .photo-intro { padding-left: var(--edge-x); }
}
@media (max-width: 600px) {
  .nav { font-size: 7.7px; letter-spacing: .11em; }
  .photo-intro { padding: 25vh var(--edge-x) 10vh; }
  .photo-tabs { gap: .9rem 1.2rem; font-size: 8px; letter-spacing: .16em; }
  .photo-sequence { padding: 0 var(--edge-x) 12vh; }
  .photo { margin-bottom: 11vh; }
  .photo-wide, .photo-medium, .photo-small, .photo-tall { width: 100%; }
  .photo-left, .photo-right, .photo-center { margin-left: auto; margin-right: auto; }
  .photo-footer { font-size: var(--footer-size); }
  .project-row.no-year { grid-template-columns: 2rem minmax(0, 1fr); }
  .live-list .project-index { width: 100%; }
  .live-list .project-row { grid-template-columns: 2rem minmax(0, 1fr) 5.4rem; }
}

/* v19 — photography is a hidden footer entrance; Work remains the primary archive */
.vision-link { cursor: pointer; }
.vision-link:hover { opacity: .58; }
.artist-development-list .project-index { width: min(700px, 62vw); }
.artist-development-list .project-row,
.artist-development-list .project-row.no-year {
  grid-template-columns: 2.65rem minmax(0, 1fr);
}
@media (max-width: 600px) {
  .artist-development-list .project-index { width: 100%; }
  .artist-development-list .project-row,
  .artist-development-list .project-row.no-year { grid-template-columns: 2rem minmax(0, 1fr); }
}

/* v20 — align names with index numbers + tighten photography sequence */
.project-row.no-year span:last-child { text-align: left; }
.photo { margin-bottom: 8vh; }
@media (max-width: 600px) {
  .photo { margin-bottom: 6vh; }
}


/* v21 — photography constrained to one master image column + tighter sequencing */
.photo-sequence {
  width: min(84vw, 1320px);
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
.photo { margin-bottom: clamp(12px, 1.35vw, 22px); }
.photo-wide { width: 100%; margin-left: 0; margin-right: 0; }
.photo-medium { width: 66%; }
.photo-small { width: 44%; }
.photo-tall { width: 44%; }
.photo-left { margin-left: 0; margin-right: auto; }
.photo-right { margin-left: auto; margin-right: 0; }
.photo-center { margin-left: auto; margin-right: auto; }
@media (max-width: 600px) {
  .photo-sequence { width: calc(100vw - (var(--edge-x) * 2)); padding-left: 0; padding-right: 0; }
  .photo { margin-bottom: 10px; }
  .photo-wide, .photo-medium, .photo-small, .photo-tall { width: 100%; }
}

/* v22 — center every photograph within the master gallery column */
.photo-wide,
.photo-medium,
.photo-small,
.photo-tall,
.photo-left,
.photo-right,
.photo-center {
  margin-left: auto;
  margin-right: auto;
}

/* v23 — lock every photograph to the exact horizontal center axis */
.photo-sequence > .photo,
.photo-sequence > .photo.photo-wide,
.photo-sequence > .photo.photo-medium,
.photo-sequence > .photo.photo-small,
.photo-sequence > .photo.photo-tall,
.photo-sequence > .photo.photo-left,
.photo-sequence > .photo.photo-right,
.photo-sequence > .photo.photo-center {
  margin-left: auto !important;
  margin-right: auto !important;
}
.photo-sequence > .photo > img {
  margin-left: auto;
  margin-right: auto;
}


/* v24 — Live archive + first recurring cultural case study */
.live-list .project-row.no-year { grid-template-columns: 2.65rem minmax(0, 1fr); }
.grammy-archive {
  width: min(800px, 70vw);
  margin: 25vh 0 18vh var(--content-x);
  padding-bottom: 10vh;
}
.grammy-archive h1 {
  margin: 0 0 4.5rem;
  font-size: var(--display-size);
  line-height: .95;
  letter-spacing: var(--display-track);
}
.grammy-entry {
  display: grid;
  grid-template-columns: 7rem minmax(0, 1fr);
  gap: 2rem;
  padding: 2rem 0;
  border-top: 1px solid rgba(0,0,0,.18);
  font-size: var(--micro-size);
  letter-spacing: var(--micro-track);
  line-height: 1.6;
}
.grammy-entry:last-child { border-bottom: 1px solid rgba(0,0,0,.18); }
.grammy-year { font-weight: 500; }
.grammy-copy { display: flex; flex-direction: column; align-items: flex-start; }
.grammy-copy strong { font-weight: 500; }
.watch-link { display: inline-block; margin-top: 1.15rem; font-weight: 500; }
.watch-link:hover { opacity: .58; }
@media (max-width: 600px) {
  .live-list .project-row.no-year { grid-template-columns: 2rem minmax(0, 1fr); }
  .grammy-archive { width: calc(100vw - (var(--content-x) * 2)); margin-top: 28vh; }
  .grammy-archive h1 { margin-bottom: 3rem; }
  .grammy-entry { grid-template-columns: 4rem minmax(0, 1fr); gap: 1rem; padding: 1.5rem 0; letter-spacing: .16em; }
}


/* v27 — Live case-study system */
.live-case { width:min(980px,74vw); margin:23vh 0 20vh var(--content-x); padding-bottom:10vh; }
.live-case-header { margin:2.3rem 0 6rem; }
.live-case-header h1 { margin:0; font-size:var(--display-size); line-height:.94; letter-spacing:var(--display-track); font-weight:500; }
.live-case-header p { margin:1.25rem 0 0; font-size:var(--micro-size); letter-spacing:var(--micro-track); line-height:1.5; }
.live-moment { margin:0 0 8rem; }
.live-frame { aspect-ratio:16/9; border:1px solid rgba(0,0,0,.22); display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
.live-frame span { font-size:clamp(58px,9vw,150px); font-weight:500; letter-spacing:-.055em; line-height:.8; }
.live-frame small { margin-top:1.4rem; font-size:var(--micro-size); letter-spacing:var(--micro-track); }
.live-caption { display:grid; grid-template-columns:7rem minmax(0,1fr); gap:2rem; padding-top:1.25rem; font-size:var(--micro-size); letter-spacing:var(--micro-track); line-height:1.65; }
.live-caption > div { display:flex; flex-direction:column; align-items:flex-start; }
.live-caption strong { font-weight:500; }
.case-object { width:min(860px,100%); margin:0 0 2rem; }
.case-object-type { aspect-ratio:16/9; border:1px solid rgba(0,0,0,.22); display:flex; flex-direction:column; justify-content:center; padding:clamp(28px,5vw,72px); box-sizing:border-box; }
.case-object-type > span { font-size:clamp(36px,6.2vw,94px); font-weight:500; letter-spacing:-.055em; line-height:.78; }
.case-object-type small { margin-top:2.2rem; font-size:var(--micro-size); letter-spacing:var(--micro-track); }
.case-image { width:min(720px,82%); margin:0 auto 2rem; }
.case-image img { display:block; width:100%; height:auto; }
.case-image figcaption { margin-top:.75rem; font-size:var(--micro-size); letter-spacing:var(--micro-track); }
.case-note { display:grid; grid-template-columns:14rem minmax(0,1fr); gap:2rem; width:min(860px,100%); padding-top:1.4rem; border-top:1px solid rgba(0,0,0,.18); font-size:var(--micro-size); letter-spacing:var(--micro-track); line-height:1.65; }
.case-note p { margin:0; max-width:46rem; }
@media (max-width:600px) {
  .live-case { width:calc(100vw - (var(--content-x) * 2)); margin-top:27vh; }
  .live-case-header { margin-bottom:3.5rem; }
  .live-moment { margin-bottom:5rem; }
  .live-caption { grid-template-columns:3.5rem minmax(0,1fr); gap:1rem; letter-spacing:.15em; }
  .case-image { width:100%; }
  .case-note { grid-template-columns:1fr; gap:.65rem; letter-spacing:.15em; }
}

/* V31 — Championship Tour: centered monochrome archive */
.championship-archive{padding:148px 0 170px}
.championship-archive .back-link{display:inline-block;margin:0 0 46px}
.championship-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 86px}
.championship-heading h1{margin:0}
.championship-heading span{font-size:11px;letter-spacing:.14em}
.championship-gallery{width:100%;display:flex;flex-direction:column;align-items:center;gap:78px}
.championship-gallery .ct-photo{margin:0;width:100%;display:flex;justify-content:center}
.championship-gallery .ct-photo img{display:block;width:auto;height:auto;max-width:min(68vw,840px);max-height:82vh;object-fit:contain}
.championship-gallery .ct-photo:nth-child(3n+1) img{max-width:min(76vw,960px)}
.championship-gallery .ct-photo:nth-child(3n+2) img{max-width:min(60vw,740px)}
@media(max-width:700px){.championship-archive{padding-top:118px}.championship-heading{margin-bottom:58px}.championship-gallery{gap:48px}.championship-gallery .ct-photo img,.championship-gallery .ct-photo:nth-child(3n+1) img,.championship-gallery .ct-photo:nth-child(3n+2) img{max-width:88vw;max-height:none}}

/* V32 — restore V30 Championship Tour header weight + correct page alignment */
.championship-page .championship-archive{
  padding-left:0;
  padding-right:0;
}
.championship-page .championship-archive .back-link,
.championship-page .championship-heading{
  margin-left:0;
}
.championship-page .championship-heading{
  width:100%;
}
.championship-page .championship-heading h1{
  font-weight:700;
  letter-spacing:-0.035em;
}

/* V32 correction — exact V30 Championship Tour header treatment */
.championship-page .championship-archive{
  width:min(1180px,calc(100vw - 96px));
  margin:0 auto;
  padding-left:0;
  padding-right:0;
}
.championship-page .championship-archive .back-link{
  margin-left:0;
}
.championship-page .championship-heading{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  width:100%;
  margin:42px 0 92px;
}
.championship-page .championship-heading h1{
  margin:0;
  font-size:clamp(30px,4.2vw,62px);
  line-height:.95;
  letter-spacing:-.045em;
  font-weight:700;
}
@media(max-width:760px){
  .championship-page .championship-archive{
    width:calc(100vw - 40px);
  }
  .championship-page .championship-heading{
    margin:32px 0 64px;
  }
  .championship-page .championship-heading h1{
    font-size:34px;
  }
}

/* V32d — mobile About footer clearance only */
@media (max-width:600px){
  .about-page{
    min-height:100svh;
    overflow:visible;
  }
  .about-page .hero{
    position:relative;
    left:auto;
    top:auto;
    width:86vw;
    margin-left:var(--content-x);
    padding-top:27.5vh;
    padding-bottom:110px;
  }
}


/* V35 — About mobile navigation remains above scrolling bio content */
@media (max-width:600px){
  .about-page > .brand,
  .about-page > .nav{
    z-index:30;
  }
  .about-page > .nav a{
    position:relative;
    z-index:31;
    pointer-events:auto;
  }
}


/* V37 — About copy density refinement */
.about-page .bio{
  font-size:clamp(9.5px,.69vw,10.75px);
  line-height:1.72;
  letter-spacing:.19em;
}
@media (max-width:600px){
  .about-page .bio{
    font-size:8.5px;
    line-height:1.76;
    letter-spacing:.18em;
  }
}

/* V38 — TDE Holiday Concert + Toy Drive archive */
.holiday-page{min-height:100vh}
.holiday-archive{width:min(1180px,calc(100vw - 96px));margin:0 auto;padding:148px 0 190px}
.holiday-archive .back-link{display:inline-block;margin:0 0 46px}
.holiday-heading{margin:0 0 92px}
.holiday-heading h1{margin:0;font-size:clamp(30px,4.2vw,62px);line-height:.95;letter-spacing:-.045em;font-weight:700;max-width:1050px}
.holiday-gallery{width:100%;display:flex;flex-direction:column;align-items:center;gap:76px}
.holiday-photo,.holiday-video{position:relative;margin:0;display:flex;justify-content:center;overflow:hidden}
.holiday-photo{width:100%}
.holiday-photo img,.holiday-video video{display:block;width:auto;height:auto;max-width:min(68vw,840px);max-height:82vh;object-fit:contain;filter:saturate(.78) contrast(1.06) sepia(.08) brightness(.98)}
.holiday-photo:nth-child(3n+1) img{max-width:min(76vw,960px)}
.holiday-photo:nth-child(3n+2) img{max-width:min(60vw,740px)}
.holiday-video{width:min(72vw,900px);aspect-ratio:16/9;background:#111}
.holiday-video video{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
.holiday-photo::after,.holiday-video::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.48'/%3E%3C/svg%3E")}
@media(max-width:760px){.holiday-archive{width:calc(100vw - 40px);padding-top:118px;padding-bottom:150px}.holiday-heading{margin-bottom:64px}.holiday-heading h1{font-size:34px}.holiday-gallery{gap:48px}.holiday-photo img,.holiday-photo:nth-child(3n+1) img,.holiday-photo:nth-child(3n+2) img{max-width:88vw;max-height:none}.holiday-video{width:88vw}}


/* V40 — Partnerships & Experiences logo archive */
.partnerships-page{min-height:100vh}
.partnerships-archive{width:min(1180px,calc(100vw - 96px));margin:0 auto;padding:148px 0 190px}
.partnerships-archive .back-link{display:inline-block;margin:0 0 82px}
.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);column-gap:72px;row-gap:92px;align-items:center}
.partner-logo{height:112px;display:flex;align-items:center;justify-content:center;text-align:center}
.partner-logo img{display:block;max-width:190px;max-height:82px;width:auto;height:auto;filter:grayscale(1) contrast(100);mix-blend-mode:multiply}
.partner-logo span{display:none;font-size:12px;line-height:1.15;font-weight:700;letter-spacing:.08em}
.partner-logo:nth-child(3) img,.partner-logo:nth-child(9) img{max-height:72px}
.partner-logo:nth-child(10) img,.partner-logo:nth-child(12) img{max-width:205px}
@media(max-width:900px){.partner-grid{grid-template-columns:repeat(3,1fr);column-gap:48px}}
@media(max-width:600px){.partnerships-archive{width:calc(100vw - 40px);padding-top:118px;padding-bottom:150px}.partnerships-archive .back-link{margin-bottom:58px}.partner-grid{grid-template-columns:repeat(2,1fr);column-gap:30px;row-gap:54px}.partner-logo{height:82px}.partner-logo img{max-width:125px;max-height:58px}.partner-logo span{font-size:9px}}

/* V41 — user-supplied partnership marks */
.partner-logo.spotify-logo img{filter:invert(1) grayscale(1) contrast(100);mix-blend-mode:multiply}

/* V47 — DAMN. Tour archive */
.damn-tour-gallery{display:flex;flex-direction:column;align-items:center;gap:5rem;margin-bottom:6rem}
.damn-tour-gallery .case-image{margin:0 auto;width:min(820px,92%)}
@media(max-width:600px){.damn-tour-gallery{gap:3rem;margin-bottom:4rem}.damn-tour-gallery .case-image{width:100%}}


/* V49 — DAMN. Tour centered archive axis */
.damn-tour-page .live-case{
  width:min(1180px,calc(100vw - 96px));
  margin:148px auto 20vh;
  padding-bottom:10vh;
}
.damn-tour-page .live-case-header{
  margin:42px 0 92px;
}
.damn-tour-page .live-case-header h1{
  margin:0;
  font-size:clamp(30px,4.2vw,62px);
  line-height:.95;
  letter-spacing:-.045em;
  font-weight:700;
}
.damn-tour-page .damn-tour-gallery{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:78px;
}
.damn-tour-page .damn-tour-gallery .case-image{
  margin:0;
  width:100%;
  display:flex;
  justify-content:center;
}
.damn-tour-page .damn-tour-gallery .case-image img{
  display:block;
  width:auto;
  height:auto;
  max-width:min(68vw,840px);
  max-height:82vh;
  object-fit:contain;
}
.damn-tour-page .damn-tour-gallery .case-image:nth-child(3n+1) img{max-width:min(76vw,960px)}
.damn-tour-page .damn-tour-gallery .case-image:nth-child(3n+2) img{max-width:min(60vw,740px)}
@media(max-width:760px){
  .damn-tour-page .live-case{width:calc(100vw - 40px);margin-top:118px}
  .damn-tour-page .live-case-header{margin:32px 0 64px}
  .damn-tour-page .live-case-header h1{font-size:34px}
  .damn-tour-page .damn-tour-gallery{gap:48px}
  .damn-tour-page .damn-tour-gallery .case-image img,
  .damn-tour-page .damn-tour-gallery .case-image:nth-child(3n+1) img,
  .damn-tour-page .damn-tour-gallery .case-image:nth-child(3n+2) img{max-width:88vw;max-height:none}
}

/* V51 — DAMN. Tour flyer normalization */
.damn-tour-page .damn-tour-gallery .case-image.tour-flyer img{
  width:min(68vw,840px);
  max-width:min(68vw,840px);
  max-height:none;
  height:auto;
  object-fit:contain;
}
@media(max-width:760px){
  .damn-tour-page .damn-tour-gallery .case-image.tour-flyer img{
    width:88vw;
    max-width:88vw;
    max-height:none;
  }
}

/* V52 — subtle partnership logo reduction; keep grid and optical centering */
.partnerships-page .partner-logo img{transform:scale(.9);transform-origin:center center}

/* V52 — About page: natural document height and scrollable content on laptops */
.about-page{min-height:100svh;overflow:visible;display:flex;flex-direction:column}
.about-page .hero{position:relative;left:auto;top:auto;width:min(720px,66vw);margin:0 0 0 var(--content-x);padding-top:clamp(180px,30vh,320px);padding-bottom:100px}
.about-page .footer{position:relative;bottom:auto;margin-top:auto;margin-bottom:var(--bottom-y)}
.about-page .footer.left{align-self:flex-start}
.about-page .footer.right{align-self:flex-end;margin-top:calc(-1em - var(--bottom-y))}
@media(max-width:900px){.about-page .hero{width:86vw}}
@media(max-width:600px){.about-page .hero{width:86vw;padding-top:27.5vh;padding-bottom:110px}}

/* V55 — Work category navigation and 15% logo reduction from V52 */
.category-list-only { position:relative; }
.category-list-only .category-back-link {
  position:absolute;
  left:0;
  bottom:calc(100% + 22px);
  margin:0;
}
.partner-logo img { transform:scale(.765); transform-origin:center center; }
@media(max-width:760px) {
 .category-list-only .category-back-link { bottom:calc(100% + 16px); }
}

/* V56: ensure back links remain visible in normal document flow */
.category-list-only .category-back-link {
  display:inline-block;
  position:static;
  left:auto;
  bottom:auto;
  margin:0 0 24px;
  width:auto;
  z-index:2;
}

/* V57: another 15% reduction relative to V55, keeping grid intact. */
.partner-grid .partner-logo img { transform:scale(.65025); transform-origin:center center; }

/* V65 — ABOUT biography refresh; preserve site typography and layout */
.about-page .bio { text-transform: uppercase; }
.about-page .bio .bio-closing { font-weight: inherit; margin-top: 1.8rem; }

/* V67 — keep closing statement regular; subtle signature */
.about-page .bio .bio-closing { font-weight: inherit; }
.about-page .bio .bio-signature { margin-top: 1.5rem; font-weight: 500; }