:root { --anima-paper:#f1efe8; --anima-ink:#0a0a0a; --anima-line:rgba(10,10,10,.22); }
.anima-project { --project-header-bg:#0a0a0a; --project-progress-color:#0a0a0a; --anima-grid-column-gutter:clamp(4px,1vw,20px); --anima-grid-row-gutter:clamp(5px,1vh,12px); position:relative; isolation:isolate; color:var(--anima-ink); background:var(--anima-paper); }
.anima-swiss-grid { display:none; }
.anima-section-grid { display:none; }
.anima-swiss-grid__columns,.anima-swiss-grid__rows { position:absolute; inset:0; display:grid; }
.anima-swiss-grid__columns { grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--anima-grid-column-gutter); }
.anima-swiss-grid__columns i { border-right:1px solid rgba(10,10,10,.11); border-left:1px solid rgba(10,10,10,.11); }
.anima-swiss-grid__rows { grid-template-rows:repeat(4,minmax(0,1fr)); gap:var(--anima-grid-row-gutter); }
.anima-swiss-grid__rows i { border-top:1px solid rgba(10,10,10,.075); border-bottom:1px solid rgba(10,10,10,.075); }
.anima-project>.project-header,.anima-project>main,.anima-project>.project-footer { position:relative; z-index:1; }
.anima-overview { background:transparent; }
.anima-overview .project-eyebrow { color:#777269; }
.anima-overview .project-summary p { max-width:850px; }
.anima-collection-head { display:flex; justify-content:space-between; padding-top:20px; padding-bottom:20px; font-size:8px; font-weight:900; letter-spacing:.12em; background:transparent; }
.anima-artwork { display:grid; grid-template-columns:minmax(250px,360px) minmax(360px,520px); column-gap:clamp(64px,6vw,116px); justify-content:center; align-items:stretch; padding:clamp(82px,8vw,136px) var(--pad) clamp(100px,10vw,160px); background:transparent; }
.anima-artwork figure { margin:0; }
.anima-artwork__side { grid-column:1; display:flex; flex-direction:column; justify-content:space-between; gap:48px; width:100%; max-width:360px; }
.anima-artwork__result { grid-column:2; width:100%; max-width:520px; justify-self:start; }
.anima-artwork__result img { display:block; width:100%; height:auto; }
.anima-artwork figcaption { display:flex; justify-content:space-between; gap:20px; padding-top:12px; color:rgba(10,10,10,.52); font-size:7px; font-weight:900; letter-spacing:.12em; }
.anima-artwork__info { display:block; margin:0; padding:0; }
.anima-artwork__info>span { display:block; margin-bottom:38px; color:#777269; font-size:8px; font-weight:900; line-height:1; letter-spacing:.12em; }
.anima-artwork__info h2 { max-width:350px; margin:0 0 36px; font-family:inherit; font-size:clamp(1.05rem,1.25vw,1.4rem); font-weight:400; line-height:1.18; letter-spacing:-.025em; }
.anima-artwork__info dl { width:100%; margin:0; }
.anima-artwork__info dl div { display:grid; grid-template-columns:88px 1fr; gap:12px; padding:6px 0; }
.anima-artwork__info dt { font-size:7px; font-weight:900; letter-spacing:.1em; }.anima-artwork__info dd { margin:0; font-size:11px; line-height:1.3; }
.anima-artwork__original,.anima-artwork__original--landscape,.anima-artwork__original--wide { width:100%; max-width:320px; align-self:center; }
.anima-artwork__original img { display:block; width:100%; height:auto; }
.anima-end { color:var(--anima-ink); background:transparent; }.anima-end h2 { color:var(--anima-ink); }.anima-end p { max-width:620px; }
.anima-project .project-next { color:#fff; background:#0a0a0a; }
@media (min-width:1101px) {
  .anima-artwork { --anima-section-pad-x:7vw; --anima-section-pad-y:7vh; position:relative; isolation:isolate; min-height:clamp(920px,60vw,1150px); grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-rows:repeat(4,minmax(0,1fr)); column-gap:var(--anima-grid-column-gutter); row-gap:var(--anima-grid-row-gutter); align-items:stretch; padding:var(--anima-section-pad-y) var(--anima-section-pad-x); }
  .anima-section-grid { position:absolute; z-index:0; inset:var(--anima-section-pad-y) var(--anima-section-pad-x); display:block; pointer-events:none; }
  .anima-section-grid__columns,.anima-section-grid__rows { position:absolute; inset:0; display:grid; }
  .anima-section-grid__columns { grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--anima-grid-column-gutter); }
  .anima-section-grid__columns i { border-right:1px solid rgba(10,10,10,.11); border-left:1px solid rgba(10,10,10,.11); }
  .anima-section-grid__rows { grid-template-rows:repeat(4,minmax(0,1fr)); gap:var(--anima-grid-row-gutter); }
  .anima-section-grid__rows i { border-top:1px solid rgba(10,10,10,.075); border-bottom:1px solid rgba(10,10,10,.075); }
  .anima-artwork__side { display:contents; }
  .anima-artwork__info,.anima-artwork__original,.anima-artwork__result { position:relative; z-index:1; min-width:0; margin:0; }
  .anima-artwork__info { padding:0; align-self:center; }
  .anima-artwork__original { width:min(100%,280px); max-width:none; height:100%; align-self:start; display:flex; flex-direction:column; justify-content:flex-start; }
  .anima-artwork__original img { width:100%; height:auto; max-height:calc(100% - 24px); object-fit:contain; object-position:top; }
  .anima-artwork__result { width:min(100%,620px); max-width:none; align-self:start; justify-self:start; }
  .anima-artwork__result img { width:100%; }

  #anima-01 .anima-artwork__original { grid-column:1; grid-row:2/4; }
  #anima-01 .anima-artwork__info { grid-column:2; grid-row:1/3; }
  #anima-01 .anima-artwork__result { grid-column:3/5; grid-row:1/5; }

  #anima-02 .anima-artwork__original { grid-column:1; grid-row:1/3; }
  #anima-02 .anima-artwork__info { grid-column:2; grid-row:2/4; }
  #anima-02 .anima-artwork__result { grid-column:3/5; grid-row:2/5; }

  #anima-03 .anima-artwork__result { grid-column:1/3; grid-row:1/5; }
  #anima-03 .anima-artwork__info { grid-column:3; grid-row:1/3; }
  #anima-03 .anima-artwork__original { grid-column:4; grid-row:2/4; justify-self:end; }

  #anima-04 .anima-artwork__original { grid-column:1; grid-row:2/4; }
  #anima-04 .anima-artwork__info { grid-column:2; grid-row:3/5; }
  #anima-04 .anima-artwork__result { grid-column:3/5; grid-row:1/5; }

  #anima-05 .anima-artwork__original { grid-column:1; grid-row:2/4; width:min(100%,260px); }
  #anima-05 .anima-artwork__info { grid-column:2; grid-row:1/3; }
  #anima-05 .anima-artwork__result { grid-column:3/5; grid-row:1/5; }

  #anima-06 .anima-artwork__result { grid-column:1/3; grid-row:1/5; }
  #anima-06 .anima-artwork__info { grid-column:3; grid-row:2/4; }
  #anima-06 .anima-artwork__original { grid-column:4; grid-row:1/3; justify-self:end; }

  #anima-07 .anima-artwork__original { grid-column:1; grid-row:2/4; }
  #anima-07 .anima-artwork__info { grid-column:2; grid-row:1/3; }
  #anima-07 .anima-artwork__result { grid-column:3/5; grid-row:1/5; }

  #anima-08 .anima-artwork__result { grid-column:1/3; grid-row:1/5; }
  #anima-08 .anima-artwork__info { grid-column:3; grid-row:2/4; }
  #anima-08 .anima-artwork__original { grid-column:4; grid-row:1/3; justify-self:end; }

  #anima-09 .anima-artwork__result { grid-column:1/3; grid-row:1/5; width:100%; }
  #anima-09 .anima-artwork__info { grid-column:3; grid-row:2/4; }
  #anima-09 .anima-artwork__original { grid-column:4; grid-row:2/4; width:min(100%,280px); justify-self:end; }
}
@media (max-width:800px) {
  .anima-collection-head { padding:16px 18px; font-size:6px; }
  .anima-artwork { grid-template-columns:1fr; grid-template-rows:auto auto auto; gap:40px; padding:58px 16px 95px; }
  .anima-artwork__side { display:contents; }
  .anima-artwork__info { grid-column:1; grid-row:1; }.anima-artwork__info>span { margin-bottom:28px; }.anima-artwork__info h2 { max-width:280px; margin-bottom:34px; font-size:1.15rem; }
  .anima-artwork__result { grid-column:1; grid-row:2; width:100%; }.anima-artwork__original,.anima-artwork__original--landscape,.anima-artwork__original--wide { grid-column:1; grid-row:3; width:62%; max-width:320px; height:auto; display:block; justify-self:start; }.anima-artwork__original img { max-height:none; }
  .anima-artwork figcaption { display:block; font-size:6px; line-height:1.55; }.anima-artwork figcaption span { display:block; }
}