.cropped-media{position:relative;overflow:hidden;border-radius:6px;background:transparent;box-shadow:none}.cropped-media :is(img,video){position:absolute!important;inset:auto!important;display:block!important;max-width:none!important;max-height:none!important;margin:0!important;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:center!important;object-position:center!important;width:calc(100% / var(--crop-w))!important;height:calc(100% / var(--crop-h))!important;left:calc(var(--crop-x) / var(--crop-w) * -100%)!important;top:calc(var(--crop-y) / var(--crop-h) * -100%)!important;right:auto!important;bottom:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.cropped-media[data-fit=cover] :is(img,video){width:100%!important;height:100%!important;left:0!important;top:0!important}.project-shot{display:flex;justify-content:center;margin:2rem auto 2.5rem}.project-shot>.cropped-media[data-shape=phone],.project-shot>.project-shot-trigger:has([data-shape=phone]){width:min(232px,68%)}.project-shot>.cropped-media[data-shape=wide],.project-shot>.project-shot-trigger:has([data-shape=wide]){width:min(100%,520px)}.project-shot>.project-shot-trigger{min-height:0;overflow:hidden;border-radius:6px;box-shadow:none}.project-shot>.project-shot-trigger .cropped-media{width:100%}.project-shot-enlarged{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:auto;height:auto;margin:0}.project-shot.project-shot-enlarged>.cropped-media[data-shape=phone]{flex:none;width:min(100cqi,420px,calc(100cqb * var(--shot-aspect)));height:auto;max-width:none;max-height:none}.project-shot.project-shot-enlarged>.cropped-media[data-shape=wide]{flex:none;width:min(100cqi,960px,calc(100cqb * var(--shot-aspect)));height:auto;max-width:none;max-height:none}.media-plain{border-radius:6px;box-shadow:none;outline:none}.device{position:relative;width:100%;aspect-ratio:var(--device-aspect)}.device-body{inset:0}.device-body,.device-screen{position:absolute;overflow:hidden}.device-screen{background:#111214}.device-screen>.cropped-media{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;aspect-ratio:auto!important;border-radius:0}.device-screen:after{content:"";position:absolute;z-index:4;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.2),rgba(255,255,255,.05) 14%,transparent 32%),linear-gradient(180deg,rgba(255,255,255,.07),transparent 10%)}.device-ipad .device-body,.device-iphone .device-body{background:#0c0c0c;box-shadow:0 0 0 1px rgba(255,255,255,.72),0 0 0 2px #b7b7b1,0 0 0 3px #6f6f6b,0 18px 36px rgba(28,28,26,.16),0 2px 8px rgba(28,28,26,.08)}.device-iphone .device-body{border-radius:12.4%/calc(12.4% * var(--device-aspect))}.device-iphone .device-screen{left:2.6%;right:2.6%;top:calc(2.6% * var(--device-aspect));bottom:calc(2.6% * var(--device-aspect));border-radius:10.2%/calc(10.2% * var(--screen-aspect));box-shadow:inset 0 0 0 1px rgba(0,0,0,.45)}.device-ipad .device-body{border-radius:4.6%/calc(4.6% * var(--device-aspect))}.device-ipad .device-screen{left:2%;right:2%;top:calc(2% * var(--device-aspect));bottom:calc(2% * var(--device-aspect));border-radius:3.2%/calc(3.2% * var(--screen-aspect));box-shadow:inset 0 0 0 1px rgba(0,0,0,.4)}.device-laptop .device-body{background:#141414;border-radius:3.6%/calc(3.6% * var(--device-aspect));box-shadow:0 0 0 1px rgba(255,255,255,.78),0 0 0 3px #c5c5bf,0 0 0 4px #7a7a76,0 18px 40px rgba(28,28,26,.16),0 2px 8px rgba(28,28,26,.08)}.device-laptop .device-screen{left:1.6%;right:1.6%;top:calc(1.6% * var(--device-aspect));bottom:calc(1.6% * var(--device-aspect) * 2.35);border-radius:1.8%/calc(1.8% * var(--screen-aspect));box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.device-island{position:absolute;z-index:5;left:31%;top:1.15%;width:38%;height:4.7%;border-radius:999px;background:#050505;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 1px 1px rgba(0,0,0,.35);pointer-events:none}.device-island:before{content:"";position:absolute;top:22%;right:14%;width:16%;height:56%;border-radius:50%;background:radial-gradient(circle at 38% 36%,#3a3a40 0,#16161a 42%,#050506 70%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.device-button{position:absolute;z-index:2;width:1.05%;border-radius:2px;background:linear-gradient(90deg,#7e7e7a,#d8d8d2 46%,#8f8f8a);box-shadow:inset 0 0 0 .5px rgba(0,0,0,.28);pointer-events:none}.device-button-silent{left:-.55%;top:14.6%;height:2.7%}.device-button-volume{left:-.7%;top:19.2%;height:8.4%}.device-button-power{right:-.7%;top:22.4%;height:6.6%}.project-shot>.device-iphone,.project-shot>.project-shot-trigger:has(.device-iphone){width:min(232px,68%)}.project-shot>.device-ipad,.project-shot>.device-laptop,.project-shot>.project-shot-trigger:has(.device-ipad),.project-shot>.project-shot-trigger:has(.device-laptop){width:min(100%,520px)}.project-shot>.project-shot-trigger:has(.device){overflow:visible;border-radius:0;box-shadow:none}.project-shot>.device,.project-shot>.project-shot-trigger .device{width:100%}.project-shot-enlarged{container-type:size}.project-shot.project-shot-enlarged>.device-iphone{flex:none;width:min(100cqi,420px,calc(100cqb * var(--device-aspect)));height:auto;max-width:none;max-height:none}.project-shot.project-shot-enlarged>.device-ipad,.project-shot.project-shot-enlarged>.device-laptop{flex:none;width:min(100cqi,960px,calc(100cqb * var(--device-aspect)));height:auto;max-width:none;max-height:none}.home-showcase-frame .device-iphone{width:auto;height:84%;max-width:70%}.home-showcase-frame .device-ipad,.home-showcase-frame .device-laptop{width:min(74%,680px);height:auto;max-height:84%}@media (max-width:820px){.home-showcase-frame .device-iphone{height:76%;max-width:58%}.home-showcase-frame .device-ipad,.home-showcase-frame .device-laptop{width:min(88%,340px);max-height:70%}.project-shot>.device-iphone,.project-shot>.project-shot-trigger:has(.device-iphone){width:min(200px,62%)}}