*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;font-family:Arial,sans-serif;color:#000}body{overflow-x:hidden}#portfolio{position:relative;width:100%}.canvas{position:relative;transform-origin:top left;overflow:hidden}.widget{position:absolute}.widget.text{height:auto!important}.widget p,.widget h1,.widget h2,.widget h3{margin:0;padding:0;font-weight:400}.widget p{font-size:16px;line-height:20px}a{color:inherit;text-decoration:none;cursor:pointer}.image-frame{position:relative;width:100%;height:100%;overflow:hidden}.widget video,.widget iframe{width:100%;height:100%;object-fit:cover;border:0;display:block}.media-link{display:block;width:100%;height:100%}.hover{transition:scale .2s ease,opacity .2s ease;opacity:.9}.hover:hover{scale:1.02;opacity:1}.enter{animation:arrive var(--duration,.8s) both;animation-delay:var(--delay,0s)}@keyframes arrive{from{translate:var(--dx,0) var(--dy,0);opacity:0}to{translate:0 0;opacity:1}}@media(prefers-reduced-motion:reduce){.enter{animation:none}.hover{transition:none}}