.project-video{display:block;width:100%;height:100%;object-fit:cover}.project-video[data-project-video=preview]{object-fit:contain;object-position:center top;background:#fff;transition:opacity .18s ease}.project-preview-surface{position:relative;display:block;width:100%;aspect-ratio:8 / 5}.project-preview-surface:after{content:"";position:absolute;inset:auto 0 0;height:clamp(28px,18%,76px);background:linear-gradient(to bottom,transparent,rgb(255 255 255 / .35) 45%,#fff);pointer-events:none}.project-media-shot:has(.project-preview-surface){background:#fff}.project-video.is-resetting{opacity:0}@media(prefers-reduced-motion:reduce){.project-video{transition:none}}.case-page .browser-mockup-viewport:has(.project-video){height:auto;aspect-ratio:8 / 5}.browser-mockup-viewport>.project-video{object-fit:contain}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.project-media:has(.project-video):is(:hover,:focus-visible) .project-media-shot{top:0;left:0;width:100%;height:100%;border-radius:20px;box-shadow:none}}.project-card--film .project-media{aspect-ratio:16 / 9;background:#111}.project-card--music .project-media{aspect-ratio:1}.project-card--film .project-media:before{display:none}.film-preview{position:absolute;inset:0;display:block;overflow:hidden;color:#fff;background:#111}.film-preview__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.16,1,.3,1)}.film-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgb(0 0 0 / .65),transparent 35%,transparent 45%,rgb(0 0 0 / .85));pointer-events:none}.film-preview__top,.film-preview__bottom{position:absolute;z-index:1;left:16px;right:16px}.film-preview__top{top:14px;display:flex;justify-content:space-between;gap:12px;font:500 11px/1.4 var(--font-mono)}.film-preview__bottom{bottom:14px}.film-preview__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:600 15px/1.3 var(--font-body);max-width:85%;margin-bottom:8px}.film-preview__navigation{display:flex;justify-content:space-between;gap:12px;font:500 10px/1.4 var(--font-mono)}.film-preview__segments{display:flex;gap:4px;margin-top:9px}.film-preview__segments>span{flex:1;height:3px;background:#ffffff59;transition:background .15s}.film-preview__segments>.is-current{background:#fff}.film-preview__play{position:absolute;z-index:2;left:var(--film-x, 50%);top:var(--film-y, 46%);transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border:1px solid rgb(255 255 255 / .85);border-radius:50%;background:#0009;pointer-events:none;transition:background .18s}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.project-card--film .project-media:is(:hover,:focus-visible) .film-preview__image{transform:scale(1.035)}.project-card--film .project-media:is(:hover,:focus-visible) .film-preview__play{background:var(--accent)}}@media(prefers-reduced-motion:reduce){.film-preview *,.film-preview:after{transition:none}}@media(max-width:768px){[data-view=list] .film-preview__top,[data-view=list] .film-preview__bottom{display:none}[data-view=list] .film-preview__play{width:32px;height:32px}}.project-card--website[data-astro-cid-mspuyifq] .project-media[data-astro-cid-mspuyifq]{aspect-ratio:2 / 1}.project-card--website[data-astro-cid-mspuyifq] .project-media-shot[data-astro-cid-mspuyifq]{top:20px;left:18px;width:calc(100% - 36px);height:calc(100% - 20px)}.project-card--website[data-astro-cid-mspuyifq] .project-preview-surface{height:100%;aspect-ratio:auto;transform:scale(1);transform-origin:center top}.project-card--website[data-astro-cid-mspuyifq] .project-video[data-project-video=preview]{object-fit:cover;object-position:center top}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.project-card--website[data-astro-cid-mspuyifq][data-web-ready]{display:flex;flex-direction:column;min-height:var(--web-card-height)}.project-card--website[data-astro-cid-mspuyifq][data-web-ready] .project-media-frame[data-astro-cid-mspuyifq]{flex:none;height:var(--web-rest-height);transition:height .4s cubic-bezier(.45,0,.55,1)}.project-card--website[data-astro-cid-mspuyifq][data-web-ready] .project-media-shot[data-astro-cid-mspuyifq]{transition:top .4s cubic-bezier(.45,0,.55,1),left .4s cubic-bezier(.45,0,.55,1),width .4s cubic-bezier(.45,0,.55,1),height .4s cubic-bezier(.45,0,.55,1),border-radius .4s ease,box-shadow .4s ease}.project-card--website[data-astro-cid-mspuyifq][data-web-ready] .project-media[data-astro-cid-mspuyifq]{height:100%;aspect-ratio:auto}.project-card--website[data-astro-cid-mspuyifq][data-web-ready] .project-body[data-astro-cid-mspuyifq]{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding-top:22px;transition:gap .4s ease-in-out,padding .4s ease-in-out}.project-card--website[data-astro-cid-mspuyifq][data-web-ready] .project-heading[data-astro-cid-mspuyifq]{min-height:0;gap:12px;transition:gap .4s ease-in-out}.project-card--website[data-astro-cid-mspuyifq][data-web-ready] .project-tools[data-astro-cid-mspuyifq]{margin-top:8px;transition:margin .4s ease-in-out}.project-card--website[data-astro-cid-mspuyifq][data-web-ready]:is(:hover,:focus-within) .project-media-shot[data-astro-cid-mspuyifq]{top:0;left:0;width:100%;height:100%}.project-card--website[data-astro-cid-mspuyifq]:is(:hover,:focus-within) .project-preview-surface:after{display:none}.project-card--website[data-astro-cid-mspuyifq][data-web-ready]:is(:hover,:focus-within) .project-media-frame[data-astro-cid-mspuyifq]{height:var(--web-open-height)}.project-card--website[data-astro-cid-mspuyifq][data-web-ready]:is(:hover,:focus-within) .project-body[data-astro-cid-mspuyifq]{gap:8px;padding-top:10px}.project-card--website[data-astro-cid-mspuyifq][data-web-ready]:is(:hover,:focus-within) .project-heading[data-astro-cid-mspuyifq]{gap:4px}.project-card--website[data-astro-cid-mspuyifq][data-web-ready]:is(:hover,:focus-within) .project-tools[data-astro-cid-mspuyifq]{margin-top:4px}.project-card--website[data-astro-cid-mspuyifq][data-web-ready] .project-metrics[data-astro-cid-mspuyifq]{padding-top:12px;transition:padding .4s ease-in-out}.project-card--website[data-astro-cid-mspuyifq][data-web-ready]:is(:hover,:focus-within) .project-metrics[data-astro-cid-mspuyifq]{padding-top:6px}[data-view=timeline] .project-card--website[data-astro-cid-mspuyifq][data-web-ready]{min-height:0;display:block}[data-view=list] .project-card--website[data-astro-cid-mspuyifq][data-web-ready]{min-height:0;display:grid}[data-view=list] .project-card--website[data-astro-cid-mspuyifq][data-web-ready] .project-body[data-astro-cid-mspuyifq]{padding:0;gap:14px;justify-content:center}[data-view=list] .project-card--website[data-astro-cid-mspuyifq][data-web-ready] .project-heading[data-astro-cid-mspuyifq]{gap:8px}[data-view=list] .project-card--website[data-astro-cid-mspuyifq][data-web-ready] .project-media-frame[data-astro-cid-mspuyifq],[data-view=timeline] .project-card--website[data-astro-cid-mspuyifq][data-web-ready] .project-media-frame[data-astro-cid-mspuyifq]{height:auto}[data-view=list] .project-card--website[data-astro-cid-mspuyifq][data-web-ready] .project-media[data-astro-cid-mspuyifq],[data-view=timeline] .project-card--website[data-astro-cid-mspuyifq][data-web-ready] .project-media[data-astro-cid-mspuyifq]{aspect-ratio:2 / 1;height:auto}}.art-preview[data-astro-cid-mspuyifq],.art-preview__slide[data-astro-cid-mspuyifq]{position:absolute;inset:0;overflow:hidden}.art-preview__slide[data-astro-cid-mspuyifq]{opacity:0;z-index:0;transition:opacity .7s ease-in-out}.art-preview__slide[data-astro-cid-mspuyifq].is-current{opacity:1;z-index:2}.art-preview__slide[data-astro-cid-mspuyifq].is-outgoing{opacity:1;z-index:1}.art-preview__slide[data-astro-cid-mspuyifq] img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .9s cubic-bezier(.22,1,.36,1)}.art-preview[data-astro-cid-mspuyifq].is-active .art-preview__slide[data-astro-cid-mspuyifq].is-current img,.art-preview[data-astro-cid-mspuyifq].is-active .art-preview__slide[data-astro-cid-mspuyifq].is-outgoing img{transform:scale(1.09)}@media(prefers-reduced-motion:reduce){.art-preview__slide[data-astro-cid-mspuyifq],.art-preview__slide[data-astro-cid-mspuyifq] img{transition:none}}.archived-website-preview[data-astro-cid-mspuyifq]{display:block;position:absolute;inset:0;overflow:hidden}.archived-website-preview[data-astro-cid-mspuyifq] img{display:block;position:absolute;top:0;height:auto;max-width:none;width:calc(1600 / var(--pw) * 88%);left:calc(6% - var(--x) / var(--pw) * 88%);margin-top:calc(7% - var(--top) / var(--pw) * 88%);transition:left .4s cubic-bezier(.45,0,.55,1),width .4s cubic-bezier(.45,0,.55,1),margin-top .4s cubic-bezier(.45,0,.55,1)}.project-card[data-astro-cid-mspuyifq]:is(:hover,:focus-within) .archived-website-preview[data-astro-cid-mspuyifq] img{width:calc(1600 / var(--pw) * 100%);left:calc(var(--x) / var(--pw) * -100%);margin-top:calc(var(--top) / var(--pw) * -100%)}@media(prefers-reduced-motion:reduce){.archived-website-preview[data-astro-cid-mspuyifq] img{transition:none}}.project-card--collection[data-astro-cid-mspuyifq] .project-media[data-astro-cid-mspuyifq]{aspect-ratio:4 / 3}.project-card--collection[data-astro-cid-mspuyifq] .project-media-shot[data-astro-cid-mspuyifq]{inset:0;width:100%;height:100%;border-radius:20px;box-shadow:none}.project-card--collection[data-astro-cid-mspuyifq] .project-media-track[data-astro-cid-mspuyifq]{min-height:0;height:100%}.project-card--collection[data-astro-cid-mspuyifq] .project-media-track[data-astro-cid-mspuyifq] img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .52s cubic-bezier(.22,1,.36,1)}.project-card--collection[data-astro-cid-mspuyifq] .project-media-filler[data-astro-cid-mspuyifq]{display:none}@media(hover:hover)and (prefers-reduced-motion:no-preference){.project-card--collection[data-astro-cid-mspuyifq] .project-media[data-astro-cid-mspuyifq]:hover .project-media-track[data-astro-cid-mspuyifq] img,.project-card--collection[data-astro-cid-mspuyifq] .project-media[data-astro-cid-mspuyifq]:focus-visible .project-media-track[data-astro-cid-mspuyifq] img{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.project-card--collection[data-astro-cid-mspuyifq] .project-media-track[data-astro-cid-mspuyifq] img{transition:none}}