.portfolio-works{background:color-mix(in srgb,var(--page-background) 95%,#000);position:relative}.work-page-overlay{z-index:2;pointer-events:none;background:0 0;height:100vh;position:sticky;top:0}.work-page-mask{background:var(--page-background);will-change:transform;position:absolute}.work-page-mask-top,.work-page-mask-bottom{width:100%;height:50%;transform:scaleY(var(--work-mask-y-scale,1));left:0}.work-page-mask-top{transform-origin:top;top:0}.work-page-mask-bottom{transform-origin:bottom;bottom:0}.work-page-mask-left,.work-page-mask-right{width:50%;height:100%;transform:scaleX(var(--work-mask-x-scale,1));top:0}.work-page-mask-left{transform-origin:0;left:0}.work-page-mask-right{transform-origin:100%;right:0}.work-page-inner{margin-top:-100vh;position:relative}.work-page-heading{padding:calc(50vh - 36 * var(--u)) var(--padding) 0;position:relative}.work-page-heading h1{grid-column:4/6;justify-self:center;margin:0 -.08em -.16em;padding:0 .08em .16em}.work-page-years{z-index:1;top:calc(50vh - 36 * var(--u));left:var(--padding);right:var(--padding);position:absolute}.work-page-years>:first-child{text-align:right;grid-column:2}.work-page-years>:last-child{grid-column:7}.work-page-views{margin-top:calc(128 * var(--u));height:calc(15 * var(--u));gap:calc(6 * var(--u));grid-column:4/6;justify-content:center;align-items:center;display:flex}.work-page-body{padding-top:calc(64 * var(--u))}.work-page-cards{padding:0 var(--padding)}.work-page-card{height:calc(480 * var(--u));perspective:1000px;background:#000;grid-column:span 4;position:relative;overflow:clip}.work-page-image{height:100%;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));justify-content:center;align-items:center;transition:transform .6s cubic-bezier(.25,1,.5,1);display:flex}.work-page-image img{width:auto;height:calc(332 * var(--u));object-fit:contain;max-width:100%}.work-page-meta{left:calc(16 * var(--u));bottom:calc(16 * var(--u));align-items:center;gap:calc(12 * var(--u));color:var(--page-background);display:flex;position:absolute}.work-page-type{border-radius:calc(32 * var(--u));padding:calc(4 * var(--u)) calc(8 * var(--u));border:1px solid}.work-page-card-link{z-index:2;position:absolute;inset:0}.work-page-explore{z-index:3;right:calc(16 * var(--u));bottom:calc(-40 * var(--u));padding:calc(4 * var(--u)) calc(8 * var(--u));background:var(--page-background);color:#000;border-radius:calc(32 * var(--u));transition:bottom .8s cubic-bezier(.76,0,.24,1);position:absolute}.work-page-card:hover .work-page-explore,.work-page-card:focus-within .work-page-explore{bottom:calc(16 * var(--u))}.work-page-outro{text-align:center;justify-content:center;align-items:center;height:100vh;display:flex}.portfolio-works [hidden]{display:none}@media (max-width:991px){.work-page-heading{height:100vh;padding:0 var(--padding);justify-content:center;align-items:center;display:flex}.work-page-years{top:calc(50vh - 20 * var(--u))}.work-page-years>:first-child{grid-column:1}.work-page-years>:last-child{text-align:left;grid-column:6}.work-page-views{display:none}.work-page-body{padding-top:calc(64 * var(--u))}.work-page-cards{flex-direction:column;display:flex}.work-page-card{height:calc(380 * var(--u))}.work-page-image img{height:calc(200 * var(--u))}.work-page-explore{display:none}.work-page-outro{padding:0 calc(96 * var(--u))}}@media (prefers-reduced-motion:reduce){.work-page-image,.work-page-explore{transition:none}}