.aspect-ratio.svelte-yo0yr5{position:relative;display:inline-flex;padding:56.25% 0 0;aspect-ratio:16/9;height:0;overflow:hidden}.aspect-ratio.svelte-yo0yr5 img:where(.svelte-yo0yr5){position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../../../images/landscape/1999.jpeg);box-shadow:0 0 8px 8px #fff inset}header.svelte-1elxaub{display:flex;align-items:flex-end;justify-content:space-between;padding:var(--padding) 0}header.svelte-1elxaub .link:where(.svelte-1elxaub){position:relative;color:var(--primary-color);font-size:12px;font-weight:700;top:-1.5px}.play.svelte-14oac2x{margin-left:4px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:18px solid #fff}.play.primary.svelte-14oac2x{border-left:18px solid var(--primary-color)}.play-list.svelte-1cieyzq{list-style:none;list-style-position:inside;display:flex;flex-direction:column}.play-list.svelte-1cieyzq a:where(.svelte-1cieyzq){display:flex;text-decoration:none;color:inherit;align-items:center;padding:.65rem 0;border-bottom:1px solid var(--border-color)}.play-list.svelte-1cieyzq a:where(.svelte-1cieyzq) .body:where(.svelte-1cieyzq){padding:0 var(--padding-sm);flex-grow:1;min-width:0}.play-list.svelte-1cieyzq a:where(.svelte-1cieyzq) .body:where(.svelte-1cieyzq) .caption:where(.svelte-1cieyzq){width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-list.svelte-1cieyzq a:where(.svelte-1cieyzq) .body:where(.svelte-1cieyzq) .category:where(.svelte-1cieyzq){color:var(--sub-text-color);font-size:var(--font-size-sm)}.play-list.svelte-1cieyzq a:where(.svelte-1cieyzq) .time:where(.svelte-1cieyzq){font-size:var(--font-size-sm);padding:0 var(--padding-sm);color:var(--sub-text-color);white-space:nowrap}.play-list.svelte-1cieyzq a:where(.svelte-1cieyzq) .icon:where(.svelte-1cieyzq){cursor:pointer;width:20px;height:20px;min-width:20px;text-align:center;margin:0 .25rem}.play-list.svelte-1cieyzq a:where(.svelte-1cieyzq) .icon:where(.svelte-1cieyzq) svg{width:100%;height:100%;display:inline-flex;justify-items:center;align-items:center}.play-list.svelte-1cieyzq li:where(.svelte-1cieyzq):last-child{border:none}.video.svelte-1xchvqj{display:flex;justify-content:center;align-items:center;width:100%;text-align:center}.video.svelte-1xchvqj .play-btn:where(.svelte-1xchvqj){position:absolute;right:10px;bottom:0;width:45px;height:45px;display:inline-flex;justify-content:center;align-items:center;background:var(--primary-color);border-radius:50%;opacity:0;box-shadow:0 1px 3px #0000004d;transition:all .5s}.video.svelte-1xchvqj .play-btn:where(.svelte-1xchvqj) .play:where(.svelte-1xchvqj){margin-left:4px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:18px solid #fff}.video.svelte-1xchvqj .client:where(.svelte-1xchvqj){position:absolute;left:10px;bottom:10px;display:block;width:22%;border-radius:3px;overflow:hidden;box-shadow:0 2px 3px #00000026}.video.svelte-1xchvqj img:where(.svelte-1xchvqj),.video.svelte-1xchvqj .img:where(.svelte-1xchvqj){display:block;position:absolute;background-color:var(--image-placeholder-color);top:0;left:0;width:100%;height:100%}.video.svelte-1xchvqj:hover .play-btn:where(.svelte-1xchvqj){opacity:1;bottom:10px}.video-list.svelte-4u2m3r{list-style:none;list-style-position:inside;display:flex;justify-content:space-between}.video-list.svelte-4u2m3r li:where(.svelte-4u2m3r){cursor:pointer;width:23.5%;transition:all .5s}@media (hover: none){.video-list.svelte-4u2m3r li:where(.svelte-4u2m3r):hover{transform:none}}@media screen and (max-width: 600px){.video-list.svelte-4u2m3r{flex-direction:column}.video-list.svelte-4u2m3r li:where(.svelte-4u2m3r){width:100%;margin-bottom:var(--margin)}}@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:local("Lato"),url(https://eyokicreative.com/fonts/lato-400.woff2) format("woff2")}#body.svelte-8j04kr{padding:var(--padding)}@media screen and (min-width: 680px){#body.svelte-8j04kr{padding:var(--padding) 0}}.works.svelte-8j04kr{display:flex;padding:1.5rem 0;flex-direction:column;justify-content:space-between}.works.svelte-8j04kr>div:where(.svelte-8j04kr){margin:1rem 0;width:100%}@media screen and (min-width: 680px){.works.svelte-8j04kr{flex-direction:row}.works.svelte-8j04kr>div:where(.svelte-8j04kr){width:48%}}