/* Real deck covers: a composed spread on desktop, a short swipeable shelf on mobile. */
.home .format-showcase-panel,.page-work .lab-panel{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);padding:20px 0 12px;min-height:0;overflow:visible;background:transparent}
.home .format-showcase-panel[hidden],.page-work .lab-panel[hidden]{display:none!important}
.deck-gallery{min-width:0;order:1;align-self:center}
.home .showcase-copy,.page-work .lab-panel .lab-copy{order:2;padding:0;min-height:0;display:grid;gap:20px;background:transparent}
.home .showcase-copy :is(h3,p),.page-work .lab-copy :is(h3,p){margin:0}
.home .showcase-copy h3,.page-work .lab-copy h3{max-width:16ch}
.home .showcase-copy .textlink,.page-work .lab-copy .button{justify-self:start;margin-top:4px}
.deck-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;padding:32px 12px 42px;isolation:isolate;min-width:0}
.deck-print{position:relative;display:block;min-width:0;padding:7px 7px 16px;background:#fffdf7;box-shadow:0 2px 3px #17171412,0 12px 24px -14px #17171448;transform:translateY(var(--stagger,0px)) rotate(var(--tilt,0deg));transition:box-shadow .2s,translate .2s;text-decoration:none;outline-offset:6px;align-self:start}
.deck-print:nth-child(3n+1){--tilt:-5deg;--stagger:34px}
.deck-print:nth-child(3n+2){--tilt:0deg;--stagger:0px;z-index:2}
.deck-print:nth-child(3n){--tilt:5deg;--stagger:28px}
.deck-print img{display:block;width:100%;height:auto;max-width:none;max-height:none;aspect-ratio:auto;object-fit:contain;border:0;border-radius:0;box-shadow:none;transform:none}
.deck-print-action{position:absolute;bottom:4px;right:8px;line-height:1;font-size:12px;color:#171714}
.deck-print:focus-visible{outline:2px solid #171714;z-index:4}
@media(hover:hover){.deck-print:hover{translate:0 -6px;box-shadow:0 3px 5px #17171412,0 18px 26px -12px #17171455;z-index:4}}
.deck-board-podcast{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px 12px 32px}
.deck-board-podcast .deck-print{--tilt:-3deg;--stagger:0px}
.deck-board-podcast .deck-print:nth-child(even){--tilt:3deg;--stagger:20px}
.deck-gallery .collection-controls{margin-top:0}
/* Two distinct finite collage scenes. Artwork keeps generous safe bounds. */
.scene-workshop,.scene-journey{max-width:680px}
.scene-workshop .paper-scene-art,.scene-journey .paper-scene-art{aspect-ratio:1.08;overflow:visible}
.page-work .motion-intro,.page-projects .motion-intro{min-height:640px;padding-block:64px;gap:4%}
.workshop-sheet{width:80%;height:67%;left:10%;top:16%;background:var(--collage-yellow);clip-path:var(--paper-edge)}
.scene-workshop .workshop-cover{width:28%;height:auto;top:6%;border:5px solid #fffdf7;border-bottom-width:12px;box-shadow:0 9px 15px #17171422;z-index:2}
.workshop-cover.cover-a{left:3%;top:13%}.workshop-cover.cover-b{left:34%;top:3%}.workshop-cover.cover-c{right:5%;top:13%}
.scene-workshop .workshop-hand{width:77%;left:2%;bottom:-1%;z-index:3;filter:grayscale(1)}
.workshop-tape{width:22%;height:5%;right:9%;bottom:10%;background:#171714;clip-path:var(--paper-edge);z-index:4}
.journey-ticket{width:86%;height:61%;left:6%;top:19%;background:var(--collage-yellow);clip-path:polygon(0 0,94% 0,94% 8%,100% 8%,100% 92%,94% 92%,94% 100%,0 100%)}
.journey-orbit{width:85%;height:45%;left:5%;top:22%;border:1px solid #17171488;border-radius:50%}
.scene-journey .journey-case{width:79%;left:13%;bottom:1%;z-index:3;filter:grayscale(1)}
.scene-journey .journey-postcard{width:46%;left:1%;top:7%;border:6px solid #fffdf7;border-bottom-width:15px;box-shadow:0 10px 20px #17171426;z-index:2}
.journey-arrow{right:0;top:1%;font-size:clamp(72px,16cqw,110px);line-height:1;color:#171714;font-weight:400;z-index:4}
@media(min-width:1600px){.deck-board{gap:22px}.deck-print{padding:9px 9px 19px}}
@media(max-width:1049px) and (min-width:700px){
 .home .format-showcase-panel,.page-work .lab-panel{grid-template-columns:minmax(0,1fr);gap:24px}
 .deck-gallery{order:2}.home .showcase-copy,.page-work .lab-panel .lab-copy{order:1;max-width:56ch}.home .showcase-copy h3,.page-work .lab-copy h3{max-width:24ch}
 .deck-board{gap:18px;padding-inline:14px;max-width:760px}.deck-print{padding:7px 7px 16px}
 .page-work .motion-intro,.page-projects .motion-intro{min-height:520px;padding-block:48px}
}
@media(max-width:699px){
 .home .format-showcase-panel,.page-work .lab-panel{grid-template-columns:minmax(0,1fr);gap:24px;padding:0}
 .home .showcase-copy,.page-work .lab-panel .lab-copy{gap:16px;order:1}
 .home .showcase-copy h3,.page-work .lab-copy h3{max-width:22ch}
 .deck-gallery{order:2;width:100%}
 .deck-board,.deck-board-podcast{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:12px;overscroll-behavior-x:contain;scrollbar-width:none;scrollbar-color:#17171450 transparent;padding:16px 12px 24px;margin:0 -12px;min-width:0}
 .deck-print,.deck-board-podcast .deck-print{flex:0 0 72%;max-width:260px;scroll-snap-align:start;--tilt:-.75deg;--stagger:0px;padding:7px 7px 17px}
 .deck-board .deck-print:nth-child(n){--tilt:-.75deg;--stagger:0px}
 .deck-board .deck-print:nth-child(even){--tilt:.75deg;--stagger:0px}
 .deck-board-video .deck-print{flex-basis:64%;max-width:214px}
 .deck-board-podcast .deck-print{flex-basis:88%;max-width:330px}
 .deck-print-action{font-size:13px;bottom:3px}
 .deck-gallery .collection-controls{padding-top:8px}
 .page-work .motion-intro,.page-projects .motion-intro{min-height:0;padding:40px 22px 36px;gap:30px}
 .scene-workshop,.scene-journey{max-width:420px}
 .scene-workshop .paper-scene-art,.scene-journey .paper-scene-art{aspect-ratio:1.1;margin-top:8px}
 .scene-workshop .workshop-cover{border-width:3px;border-bottom-width:8px}
 .scene-journey .journey-postcard{border-width:4px;border-bottom-width:10px}
 .journey-arrow{font-size:70px}
}
@media(prefers-reduced-motion:reduce){.deck-print{transition:none}.deck-print:hover{translate:none}}

/* Compact, consistent format navigation on phones. */
@media(max-width:699px){
 .home .home-formats .section-heading{gap:20px;margin-bottom:24px}
 .home .home-formats .section-heading .textlink{margin-top:0}
 .home .showcase-tabs,.page-work .lab-top .tabs{width:100%;margin:0}
 .home .showcase-tabs button,.page-work .lab-top .tabs button{flex:1;min-height:44px}
 .page-work .lab-top{margin-bottom:24px}
 .deck-board::-webkit-scrollbar{display:none}
}