.project-video-open{overflow:hidden}.project-video-backdrop{z-index:80;opacity:0;backdrop-filter:blur();background:#090909db;transition:opacity .32s,backdrop-filter .32s;position:fixed;inset:0}.project-video-backdrop.is-open{opacity:1;backdrop-filter:blur(.45rem)}.project-video-viewer{--viewer-edge:clamp(.75rem, 2.5vw, 2rem);--viewer-carousel-height:6.4rem;z-index:81;grid-template-rows:var(--viewer-carousel-height) minmax(0, 1fr);pointer-events:none;display:grid;position:fixed;inset:0}.project-video-modal{width:max-content;height:max-content;max-width:calc(100vw - var(--viewer-edge) - var(--viewer-edge));max-height:calc(100vh - var(--viewer-carousel-height) - var(--viewer-edge) - var(--viewer-edge));max-height:calc(100dvh - var(--viewer-carousel-height) - var(--viewer-edge) - var(--viewer-edge));clip-path:inset(49% 0);opacity:0;pointer-events:auto;will-change:clip-path, opacity, transform;background:#000;grid-row:2;place-self:center;place-items:center;transition:clip-path .46s cubic-bezier(.22,1,.36,1),opacity .18s,transform .46s cubic-bezier(.22,1,.36,1);display:grid;position:relative;overflow:hidden;transform:scale(.975);box-shadow:0 1.5rem 6rem #00000085}.project-video-viewer.is-open .project-video-modal{clip-path:inset(0);opacity:1;transform:scale(1)}.project-video-carousel{z-index:1;width:100%;height:var(--viewer-carousel-height);background:var(--paper-soft);cursor:grab;overscroll-behavior-x:contain;opacity:0;pointer-events:auto;grid-row:1;transition:opacity .28s,transform .4s cubic-bezier(.22,1,.36,1);position:relative;overflow-y:hidden;transform:translateY(-.75rem);box-shadow:0 .75rem 2.5rem #00000047}.project-video-carousel.is-dragging,.project-video-carousel.is-dragging *{cursor:grabbing!important}.project-video-viewer.is-open .project-video-carousel{opacity:1;transform:translateY(0)}.project-video-carousel .carousel-container{align-items:stretch;width:max-content;min-width:100%;height:100%;padding:.55rem .35rem;display:flex}.project-video-carousel .carousel-slide{flex:0 0 clamp(10.5rem,17vw,14rem);padding:0 .2rem}.project-video-project{width:100%;height:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#ffffff59;border:1px solid #1515132e;grid-template-rows:1fr auto;grid-template-columns:4.6rem minmax(0,1fr);align-items:end;column-gap:.7rem;padding:.45rem;transition:background .2s,border-color .2s,transform .2s;display:grid;position:relative;overflow:hidden}.project-video-project:after{content:"";border-top:.75rem solid var(--project-accent);border-right:.75rem solid #0000;position:absolute;top:0;left:0}.project-video-project img{object-fit:cover;filter:saturate(.78);pointer-events:none;grid-row:1/3;width:4.6rem;height:100%;min-height:4.3rem;display:block}.project-video-project span{text-transform:uppercase;align-self:end;font-family:Staatliches,Impact,sans-serif;font-size:1.1rem;line-height:.9}.project-video-project small{color:var(--ink-muted);letter-spacing:.1em;align-self:start;font-size:.58rem;font-weight:800}.project-video-project[aria-current=true]{background:#fff}.project-video-project:focus-visible{outline:2px solid var(--project-accent);outline-offset:-.3rem}.project-video-stage{min-width:min(12rem,100vw);min-height:12rem}.project-video-modal video{width:auto;height:auto;max-width:calc(100vw - var(--viewer-edge) - var(--viewer-edge));max-height:calc(100vh - var(--viewer-carousel-height) - var(--viewer-edge) - var(--viewer-edge));max-height:calc(100dvh - var(--viewer-carousel-height) - var(--viewer-edge) - var(--viewer-edge));opacity:1;transition:opacity .18s,transform .58s cubic-bezier(.22,1,.36,1);display:block;transform:scale(1.035)}.project-video-viewer.is-open .project-video-modal video{transform:scale(1)}.project-video-stage.is-switching video{opacity:0;transition-duration:.18s;transform:scale(.985)}.project-video-controls{z-index:2;pointer-events:none;position:absolute;inset:0}.project-video-controls[hidden]{display:none}.project-video-controls button{border-radius:var(--radius-pill);width:2.7rem;height:2.7rem;color:var(--paper-soft);font:inherit;cursor:pointer;pointer-events:auto;backdrop-filter:blur(.4rem);background:#0f0f0eb8;border:0;place-items:center;padding:0;font-size:1.25rem;line-height:1;transition:background .2s,color .2s,opacity .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.project-video-controls button:disabled{cursor:wait;opacity:.4}.project-video-previous{left:1rem}.project-video-next{right:1rem}.project-video-position{border-radius:var(--radius-pill);min-height:2rem;color:var(--paper-soft);letter-spacing:.1em;backdrop-filter:blur(.4rem);background:#0f0f0eb8;align-items:center;padding:0 .75rem;font-size:.62rem;font-weight:820;display:inline-flex;position:absolute;top:1rem;left:1rem}.project-video-close{z-index:3;border-radius:var(--radius-pill);color:#fff;min-height:2.35rem;font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;opacity:0;backdrop-filter:blur(.4rem);background:#0000009e;border:1px solid #ffffffa6;padding:0 1rem;font-size:.68rem;font-weight:820;transition:opacity .3s .25s,transform .3s .25s,background .2s;position:absolute;top:1rem;right:1rem;transform:translateY(-.5rem)}.project-video-viewer.is-open .project-video-close{opacity:1;transform:translateY(0)}.project-video-close:hover,.project-video-close:focus-visible,.project-video-controls button:not(:disabled):hover,.project-video-controls button:not(:disabled):focus-visible{background:var(--paper-soft);color:var(--ink)}@media (width>=641px) and (hover:hover) and (pointer:fine){.project-video-project:hover{background:#fff;transform:translateY(-.1rem)}}@media (width<=640px){.project-video-viewer{--viewer-edge:0rem;--viewer-carousel-height:5.8rem}.project-video-carousel .carousel-slide{flex-basis:10rem}.project-video-project{grid-template-columns:3.8rem minmax(0,1fr);column-gap:.55rem}.project-video-project img{width:3.8rem;min-height:3.7rem}}