/* The original gallery is the complete fallback. These stages require JS. */
.work-exhibition-nav,.work-exhibition-status{display:none}
.work-exhibition-hint{display:none}
.exhibition-enhanced .work-note{display:none}
.exhibition-enhanced .work-heading h2{transform:none}

@media(min-width:900px) and (min-height:650px) and (prefers-reduced-motion:no-preference){
  .studio-work.exhibition-desktop{padding-inline:0}
  .exhibition-desktop .work-heading{padding-inline:var(--gutter);margin-bottom:30px}
  .exhibition-desktop .work-close{margin-inline:var(--gutter);margin-top:42px}
  .exhibition-desktop .work-exhibition{position:relative;height:calc(100svh + var(--exhibition-distance,0px))}
  .exhibition-desktop .work-exhibition-sticky{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 58px 54px;isolation:isolate;overflow:clip}
  .exhibition-desktop .work-exhibition-sticky::before{content:attr(data-exhibition-index);position:absolute;inset:4vh auto auto 3vw;z-index:-1;font-size:clamp(280px,46vw,850px);font-weight:600;font-stretch:75%;letter-spacing:-.04em;line-height:.8;color:#f3f0e608;pointer-events:none}
  .exhibition-desktop .work-exhibition-sticky::after{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:var(--studio-orange);transform:scaleX(var(--exhibition-progress,0));transform-origin:0 50%;pointer-events:none}
  .exhibition-desktop .work-exhibition-window{position:relative;width:100%;min-width:0;min-height:0;display:flex;align-items:center;overflow:clip;perspective:1500px;perspective-origin:50% 44%}
  .exhibition-desktop .work-grid{display:flex;align-items:flex-start;gap:var(--exhibition-gap,70px);width:max-content;max-width:none;margin:0;padding:24px calc((100vw - var(--exhibition-card-width,72vw))/2) 30px;perspective:none;transform-style:preserve-3d;transform:translate3d(var(--exhibition-track-x,0px),0,0);pointer-events:none}
  .exhibition-desktop .work-card{position:relative;flex:0 0 var(--exhibition-card-width,72vw);width:var(--exhibition-card-width,72vw);max-width:none;margin:0;transform-origin:50% 48%;transform:translate3d(0,var(--exhibition-card-y,0px),var(--exhibition-card-z,0px)) rotateY(var(--exhibition-card-ry,0deg)) scale(var(--exhibition-card-scale,1));backface-visibility:hidden;pointer-events:auto}
  .exhibition-desktop .work-reveal{transform:none!important;perspective:1400px;translate:0 0;rotate:0deg;transition:translate .3s var(--ease-out),rotate .35s var(--ease-out)}
  .exhibition-desktop .work-visual{aspect-ratio:1.62;padding:7% 8%;border-radius:7px;border:1px solid #ffffff2b;box-shadow:0 35px 65px -30px #0009}
  .exhibition-desktop .work-visual img{transform:none;border-radius:3px;max-height:100%;object-fit:contain;box-shadow:0 20px 30px -15px #0008}
  .exhibition-desktop .work-card[href]:hover .work-visual img{transform:scale(1.025)}
  .exhibition-desktop .work-keystone-codex .work-visual{padding:0}
  .exhibition-desktop .work-keystone-codex .work-visual img{height:68%;object-fit:contain;box-shadow:none;border-radius:0}
  .exhibition-desktop .work-caption{padding-top:18px;min-height:100px;align-items:flex-start;background:var(--studio-ink)}
  .exhibition-desktop .work-caption>div{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
  .exhibition-desktop .work-caption h3{font-size:clamp(25px,2.15vw,35px);line-height:1.08;max-width:440px}
  .exhibition-desktop .work-caption p{font-size:13px;line-height:1.5;max-width:500px;margin-top:2px;padding-left:20px;border-left:1px solid #f3f0e638}
  .exhibition-desktop .work-exhibition-nav{display:flex;align-items:stretch;gap:8px;max-width:1160px;width:calc(100% - 2 * var(--gutter));margin:auto;height:48px;position:relative;z-index:4}
  .exhibition-desktop .work-exhibition-nav button{position:relative;flex:1;min-width:0;min-height:44px;padding:9px 10px;border-top:1px solid #f3f0e63d;text-align:left;font-size:18px;line-height:1.35;letter-spacing:.01em;color:#c3c4bb;transition:color .2s,background .2s,border-color .2s}
  .exhibition-desktop .work-exhibition-nav button:hover{color:var(--studio-paper);background:#ffffff08}
  .exhibition-desktop .work-exhibition-nav button[aria-current="true"]{border-top-color:var(--studio-orange);color:var(--studio-paper);background:#ffffff08}
  .exhibition-desktop .work-exhibition-nav button[aria-current="true"]::before{content:"";position:absolute;top:-3px;left:10px;width:5px;height:5px;border-radius:50%;background:var(--studio-orange)}
  .exhibition-desktop .work-exhibition-nav button:focus-visible{outline:2px solid var(--studio-orange);outline-offset:3px}
  .exhibition-desktop .work-exhibition-status{display:block;align-self:start;margin:6px var(--gutter) 0;max-width:none;text-align:center;font-size:13px;letter-spacing:.025em;line-height:1.5;color:#d4d4cb}
  .exhibition-desktop .work-card:focus-visible{outline:2px solid var(--studio-orange);outline-offset:8px;border-radius:5px}
  .exhibition-desktop.exhibition-in-view .work-grid,.exhibition-desktop.exhibition-in-view .work-card{will-change:transform}
}

@media(min-width:900px) and (min-height:650px) and (any-hover:hover) and (any-pointer:fine) and (prefers-reduced-motion:no-preference){
  .exhibition-desktop .work-reveal{cursor:grab}
  .exhibition-desktop .work-visual img{-webkit-user-drag:none;user-select:none}
  .exhibition-desktop .work-card.is-exhibition-current:hover .work-reveal{translate:0 -6px}
  .exhibition-desktop .work-card:focus-visible .work-reveal{translate:0 0;rotate:0deg}
  .exhibition-desktop.exhibition-dragging .work-exhibition-window,.exhibition-desktop.exhibition-dragging .work-exhibition-window *{cursor:grabbing!important;user-select:none}
  .exhibition-desktop.exhibition-dragging .work-card.is-exhibition-current .work-reveal{translate:0 -10px;rotate:var(--exhibition-drag-bank,0deg)}
  .exhibition-desktop.exhibition-dragging .work-cursor{opacity:0!important}
  .exhibition-desktop .work-exhibition-hint{display:block;position:absolute;right:calc((100vw - var(--exhibition-card-width,72vw))/2);bottom:11px;color:#b6b8ae;font-size:11px;line-height:1.4;letter-spacing:.025em;pointer-events:none;user-select:none}
}

@media(min-width:900px) and (max-height:749px) and (prefers-reduced-motion:no-preference){
  .exhibition-desktop .work-caption h3{font-size:25px}
  .exhibition-desktop .work-caption p{font-size:12px}
  .exhibition-desktop .project-type{top:17px}
  .exhibition-desktop .project-action{bottom:15px}
}

@media(max-width:767px) and (prefers-reduced-motion:no-preference){
  .exhibition-mobile .work-grid{gap:74px;perspective:none}
  .exhibition-mobile .work-card{perspective:1100px}
  .exhibition-mobile .work-reveal{transform-origin:50% 70%;transform:translate3d(0,var(--exhibition-mobile-y,0px),0) rotateX(var(--exhibition-mobile-rx,0deg)) rotateZ(var(--exhibition-mobile-rz,0deg)) scale(var(--exhibition-mobile-scale,1))}
  .exhibition-mobile .work-visual{box-shadow:0 24px 35px -22px #000b}
  .exhibition-mobile .work-card:focus-within .work-reveal{transform:none}
  .exhibition-mobile .work-caption{padding-top:26px}
}

@media(prefers-reduced-motion:reduce){
  .work-exhibition-nav,.work-exhibition-status{display:none!important}
}