.cases{--box-w:clamp(16rem, 26vw, 25rem);--peek:clamp(.95rem, 1.3vw, 1.3rem);--file-inset:1.5%;--lift:clamp(3.5rem, 4.9vw, 5rem);background-color:var(--neutral-light);width:100%;height:auto;min-height:78svh;color:var(--deep-void);flex-direction:column;align-items:center;padding:0;display:flex}.work-page{background-color:var(--neutral-light)}.cases-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cases-stage{flex-direction:column;align-items:center;width:100%;padding:clamp(2rem,4.5vw,4.5rem) clamp(1.25rem,2.6vw,50px) clamp(3rem,6vw,6rem);display:flex}.archive{width:var(--box-w);aspect-ratio:4/3.5;position:relative;overflow:visible}.archive:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(50% 50%,#050a144d 0%,#050a1429 42%,#050a1400 72%);height:13%;position:absolute;bottom:-4%;left:-9%;right:-9%}.archive-lip{height:calc(1% + var(--n) * var(--peek) + 5%);clip-path:polygon(13% 0,87% 0,100% 100%,0 100%);background-color:#14181f;position:absolute;top:2%;left:0;right:0}.archive-stack{position:absolute;inset:0}.archive-file{left:calc(5% + (var(--n) - 1 - var(--i)) * var(--file-inset));right:calc(5% + (var(--n) - 1 - var(--i)) * var(--file-inset));top:calc(3% + var(--i) * var(--peek));height:46%;z-index:calc(var(--i) + 1);will-change:transform;background-color:#fff;border-radius:.5rem .5rem 0 0;flex-direction:column;transition:translate .42s cubic-bezier(.2,.7,.3,1);display:flex;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #050a1412,0 -6px 14px #050a141a}.archive-file.is-lifted{translate:0 calc(var(--lift) * -1)}.archive-file-tab{height:var(--peek);flex:none;align-items:center;padding:0 .85em;display:flex}.archive-file-tag{letter-spacing:.01em;color:#050a146b;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.5rem,.62vw,.6875rem);font-weight:500;line-height:1;overflow:hidden}.archive-file-body{opacity:0;flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:0;padding:.4em 1em 1em;transition:opacity .28s;display:flex}.archive-file.is-lifted .archive-file-body{opacity:1}.archive-file-cta{font-family:var(--font-primary), sans-serif;letter-spacing:-.011em;color:var(--deep-void);text-underline-offset:.28em;cursor:pointer;background:0 0;border:0;padding:0;font-size:clamp(.5625rem,.72vw,.8125rem);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;transition:color .2s}.archive-file-cta:hover{color:var(--happening-blue)}.archive-file-cta:focus-visible{outline:2px solid var(--happening-blue);outline-offset:3px;border-radius:3px}.archive.is-open .archive-file:not(.is-lifted){filter:brightness(.96)}.archive-front{left:0;right:0;top:calc(3% + var(--n) * var(--peek));z-index:10;background-color:#202429;background-image:radial-gradient(#ffffff0d .5px,#0000 .5px),radial-gradient(#00000038 .5px,#0000 .5px),linear-gradient(#ffffff14 0%,#fff0 38%,#0000002e 100%);background-position:0 0,1px 2px,0 0;background-size:3px 3px,4px 4px,100% 100%;border-radius:.45rem;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;box-shadow:inset 0 1px #ffffff17,0 1px 2px #050a1447,0 6px 10px #050a1424,0 18px 30px #050a141f}.archive-plate{text-align:left;background-image:linear-gradient(160deg,#d8d2c7 0%,#c4beb2 100%);border-radius:.5rem;padding:clamp(.7rem,1.25vw,1.25rem) clamp(1.1rem,2.1vw,2.25rem);box-shadow:0 0 0 clamp(4px,.6vw,8px) #171b21,0 0 0 calc(clamp(4px,.6vw,8px) + 1px) #ffffff12,inset 0 1px #ffffff80}.archive-plate-title{letter-spacing:-.011em;color:#1b1f26;font-size:clamp(.8125rem,1vw,1.125rem);font-weight:600}.archive-plate-sub{color:#1b1f269e;margin-top:.35em;font-size:clamp(.625rem,.78vw,.875rem);font-weight:400}.archive-mark{aspect-ratio:1;background-color:#ffffff52;width:clamp(.9rem,1.4vw,1.4rem);position:absolute;bottom:clamp(.8rem,1.5vw,1.6rem);right:clamp(.8rem,1.5vw,1.6rem);-webkit-mask:url(/monogram.svg) 50%/contain no-repeat;mask:url(/monogram.svg) 50%/contain no-repeat}.cases-caption{font-family:var(--font-mono), monospace;letter-spacing:.04em;text-align:center;text-transform:uppercase;color:#050a149e;margin-top:clamp(2rem,4vw,4rem);font-size:clamp(.6875rem,.8vw,.875rem);line-height:1.6}.cases-caption-rule{color:#050a144d;margin-bottom:.6em;display:block}.cases-caption p{max-width:30ch;margin:0 auto}@media (prefers-reduced-motion:reduce){.archive-file,.archive-file-body{transition-duration:.01ms}}@media (max-width:56rem){.cases{--box-w:min(24rem, 86vw)}}