/* The wall is a desktop edition. Under 1000px the original four rollers keep the whole stage. */
.wall-choices,.work-wall,.wall-choices[hidden],.work-wall [hidden] {display:none}
@media(min-width:1000px) {
  #featured-work .portfolio-index>.portfolio-tabs,#featured-work .portfolio-stage>.work-tab-panel {display:none}
  #featured-work .portfolio-index {align-self:start}
  .wall-choices:not([hidden]) {display:grid;margin:clamp(26px,3.4vw,62px) 0 clamp(22px,2.4vw,38px)}
  .wall-choices button {display:flex;align-items:center;gap:12px;padding:.64em 2px;text-align:left;min-height:44px;border:0;border-bottom:1px solid #c6c3b9;background:none;color:#5b5952;font:inherit;font-weight:520;font-size:clamp(15px,1.1vw,20px)}
  .wall-choices button::before {content:"";width:7px;height:7px;border-radius:50%;background:var(--brass);transform:scale(0);transition:transform .18s}
  .wall-choices button[aria-pressed=true] {font-weight:690;color:var(--oxblood);border-bottom-color:var(--brass)}
  .wall-choices button:is([aria-pressed=true],:hover,:focus-visible)::before {transform:scale(1)}
  .work-wall {display:block;min-width:0}
  .wall-mast,.desk-register {display:flex;align-items:baseline;justify-content:space-between}
  .wall-mast {border-top:1px solid var(--oxblood);padding:10px 0 13px;font-size:12px;font-weight:570}
  .wall-mast i {font-style:normal;color:var(--brass);margin-inline:.35em}
  .wall-mast span+span {color:#5a5852;font-size:11px}
  .wall-sheet {display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(110px,11.1vw,220px);gap:clamp(11px,1vw,19px) clamp(9px,.77vw,15px);align-items:stretch}
  .wall-tile {display:flex;flex-direction:column;min-height:0;min-width:0;color:var(--oxblood);text-decoration:none}
  .wall-tile:nth-child(1) {grid-area:1/1/3/6}
  .wall-tile:nth-child(2) {grid-area:1/6/2/9}
  .wall-tile:nth-child(3) {grid-area:1/9/2/13}
  .wall-tile:nth-child(4) {grid-area:2/6/3/10}
  .wall-tile:nth-child(5) {grid-area:2/10/3/13}
  .wall-tile:nth-child(6) {grid-area:3/1/4/5}
  .wall-tile:nth-child(7) {grid-area:3/5/4/8}
  .wall-tile:nth-child(8) {grid-area:3/8/4/13}
  .wall-sheet[data-count="3"],.wall-sheet[data-count="4"],.wall-sheet[data-count="5"] {grid-auto-rows:clamp(155px,15.2vw,265px)}
  .wall-sheet[data-count="3"] .wall-tile:nth-child(1) {grid-area:1/1/3/8}
  .wall-sheet[data-count="3"] .wall-tile:nth-child(2) {grid-area:1/8/2/13}
  .wall-sheet[data-count="3"] .wall-tile:nth-child(3) {grid-area:2/8/3/13}
  .wall-sheet[data-count="4"] .wall-tile:nth-child(4) {grid-column:6/13}
  .wall-picture {flex:1;overflow:hidden;min-height:0;background:#e5e3da}
  .wall-picture picture,.wall-picture img {display:block;width:100%;height:100%}
  .wall-picture img {object-fit:cover;transition:transform .45s ease}
  .wall-tile[data-id=soyou] .wall-picture {background:#171716}
  .wall-tile[data-id=soyou] .wall-picture img {object-fit:contain}
  .wall-tile:is(:hover,:focus-visible) img {transform:scale(1.035)}
  .wall-tile:is(:hover,:focus-visible) b {text-decoration:underline;text-underline-offset:3px}
  .wall-caption {display:flex;align-items:baseline;justify-content:space-between;gap:7px;padding-top:5px}
  .wall-caption b {font-size:clamp(12px,.82vw,16px);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:590}
  .wall-caption small {color:#625f58;font-size:clamp(10px,.64vw,12px);white-space:nowrap}
  .wall-pager {display:flex;justify-content:flex-start;align-items:center;gap:14px;margin-top:13px;font-size:12px}
  .wall-pager button {border:1px solid var(--line);color:var(--oxblood);border-radius:50%;background:transparent;min-width:44px;min-height:44px;font-size:17px}
  .wall-pager button:is(:hover,:focus-visible) {background:var(--oxblood);color:white}
}
.studio-desk {width:100%;min-width:0;align-self:center}
.studio-desk .desk-tabs {justify-content:flex-start;gap:clamp(16px,2.5vw,37px);border-color:var(--oxblood)}
.desk-tabs button {font-size:clamp(12px,1vw,15px)}
.desk-board {position:relative;aspect-ratio:1.62;isolation:isolate;overflow:hidden}
.desk-print {position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);transform:rotate(var(--r));transition:transform .2s ease;color:#fff}
.desk-print:is(:hover,:focus-visible) {transform:translateY(-3px) rotate(0);z-index:5}
.desk-paper {display:block;width:100%;height:100%;position:relative;box-shadow:0 2px 5px #24190e34,0 11px 17px -12px #24190e66;background:white}
.desk-paper img {display:block;width:100%;height:100%;object-fit:cover}
.desk-no {position:absolute;bottom:5px;left:5px;background:#281419;color:#fff;padding:2px 4px;font:560 11px/1.15 var(--studio-type,sans-serif);font-variant-numeric:tabular-nums}
.desk-print:nth-child(3) .desk-no,.desk-print:nth-child(4) .desk-no {top:5px;bottom:auto}
.desk-print:nth-child(1) {--x:4%;--y:9%;--w:47%;--h:43%;--r:-4deg}
.desk-print:nth-child(2) {--x:56%;--y:7%;--w:38%;--h:28%;--r:3deg}
.desk-print:nth-child(3) {--x:38%;--y:34%;--w:21%;--h:45%;--r:4deg}
.desk-print:nth-child(4) {--x:69%;--y:39%;--w:24%;--h:54%;--r:3deg}
.desk-print:nth-child(5) {--x:6%;--y:54%;--w:28%;--h:38%;--r:-3deg}
.desk-print:nth-child(6) {--x:34%;--y:73%;--w:37%;--h:21%;--r:-2deg}
.desk-board--paper .desk-print:nth-child(1) {--x:5%;--y:10%;--w:49%;--h:46%}
.desk-board--paper .desk-print:nth-child(2) {--x:61%;--y:11%;--w:33%;--h:39%}
.desk-board--paper .desk-print:nth-child(3) {--x:10%;--y:55%;--w:51%;--h:38%;--r:2deg}
.desk-board--paper .desk-print:nth-child(4) {--x:57%;--y:38%;--w:22%;--h:55%;--r:-4deg}
.desk-register {display:flex;justify-content:space-between;padding:12px 0 8px;border-bottom:1px solid #c7c3b8;color:#59534c;font-size:11px;font-weight:550}
.desk-legend {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(12px,2vw,30px);margin:0;padding:0;list-style:none}
.desk-legend a {display:flex;align-items:center;gap:8px;min-height:35px;text-decoration:none;color:var(--oxblood);font-size:clamp(12px,.83vw,15px)}
.desk-legend small {font-size:10px;font-variant-numeric:tabular-nums;color:#625b48}
.desk-legend i {margin-left:auto;font-style:normal}
.desk-legend a:is(:hover,:focus-visible) span {text-decoration:underline;text-underline-offset:3px}
@media(max-width:999px) {.studio-home .home-studio.studio-atlas {grid-template-columns:minmax(0,1fr)}.studio-desk {max-width:720px;justify-self:start}}
@media(max-width:760px) {
  .desk-board {aspect-ratio:1.23}
  .desk-print:nth-child(1) {--w:49%;--h:37%}
  .desk-print:nth-child(2) {--x:56%;--w:38%;--h:25%}
  .desk-print:nth-child(3) {--y:31%;--h:40%;--w:26%}
  .desk-print:nth-child(4) {--y:39%;--h:52%;--w:26%}
  .desk-print:nth-child(5) {--y:53%;--w:33%;--h:33%}
  .desk-print:nth-child(6) {--y:72%;--w:35%;--h:18%}
  .desk-board--paper .desk-print:nth-child(3) {--x:6%;--y:52%;--w:54%;--h:38%}
  .desk-board--paper .desk-print:nth-child(4) {--x:63%;--y:45%;--w:25%;--h:44%}
  .desk-legend a {min-height:44px;font-size:12px;gap:5px}
  .desk-register {font-size:11px}
  .desk-tabs button {font-size:13px}
}
@media(prefers-reduced-motion:reduce) {.wall-tile img,.wall-choices button::before,.desk-print {transition:none}}