#work-top.svelte-1xq8w35 .wrapper.svelte-1xq8w35{width:100%;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}#work-top.svelte-1xq8w35 .wrapper a.svelte-1xq8w35{height:28rem;margin-bottom:1.5%}#work-top.svelte-1xq8w35 .wrapper a .container.svelte-1xq8w35{position:relative;display:grid}#work-top.svelte-1xq8w35 .wrapper a .container .thumbnail.svelte-1xq8w35{width:100%;height:28rem;overflow:hidden}#work-top.svelte-1xq8w35 .wrapper a .container img.svelte-1xq8w35{width:100%;height:28rem;transition:transform 1.25s ease-in-out}#work-top.svelte-1xq8w35 .wrapper a .container .thumbnail.svelte-1xq8w35,#work-top.svelte-1xq8w35 .wrapper a .container .content.svelte-1xq8w35{grid-area:1/1}#work-top.svelte-1xq8w35 .wrapper a .container .content.svelte-1xq8w35{width:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:0 2rem 1.8rem 2.5rem}#work-top.svelte-1xq8w35 .wrapper a .container .content .svelte-1xq8w35{color:var(--backgroundColor);opacity:0;transition:1s ease-in-out;z-index:10}#work-top.svelte-1xq8w35 .wrapper a.svelte-1xq8w35:hover,#work-top.svelte-1xq8w35 .wrapper a:hover .container .content h2.svelte-1xq8w35,#work-top.svelte-1xq8w35 .wrapper a:hover .container .content h3.svelte-1xq8w35{opacity:1}#work-top.svelte-1xq8w35 .wrapper a .container img.svelte-1xq8w35{transition:1s ease-in-out}#work-top.svelte-1xq8w35 .wrapper a:hover .container img.svelte-1xq8w35{transform:scale(1.01);filter:saturate(.6) contrast(1.2) brightness(.6);opacity:1}#work-top.svelte-1xq8w35 .wrapper .container h2.svelte-1xq8w35,.serif.svelte-1xq8w35.svelte-1xq8w35{margin:1rem 0 0}#work-top.svelte-1xq8w35 .wrapper a .container h3.svelte-1xq8w35{margin-top:-.5rem;font-size:1.4rem}#work-top.svelte-1xq8w35 .wrapper a:hover .container .content h3.svelte-1xq8w35{opacity:.5}#work-top.svelte-1xq8w35 .wrapper a.svelte-1xq8w35:nth-of-type(1),#work-top.svelte-1xq8w35 .wrapper a.svelte-1xq8w35:nth-of-type(10n+1),#work-top.svelte-1xq8w35 .wrapper a.svelte-1xq8w35:nth-of-type(10n+7){width:40%;width:30vw}#work-top.svelte-1xq8w35 .wrapper a.svelte-1xq8w35:nth-of-type(2),#work-top.svelte-1xq8w35 .wrapper a.svelte-1xq8w35:nth-of-type(10n+2),#work-top.svelte-1xq8w35 .wrapper a.svelte-1xq8w35:nth-of-type(10n+6){width:58.5%;width:43.875vw}#work-top.svelte-1xq8w35 .wrapper a.svelte-1xq8w35:nth-of-type(3),#work-top.svelte-1xq8w35 .wrapper a.svelte-1xq8w35:nth-of-type(5),#work-top.svelte-1xq8w35 .wrapper a.svelte-1xq8w35:nth-of-type(8),#work-top.svelte-1xq8w35 .wrapper a.svelte-1xq8w35:nth-of-type(10n),#work-top.svelte-1xq8w35 .wrapper a.svelte-1xq8w35:nth-of-type(10n+3),#work-top.svelte-1xq8w35 .wrapper a.svelte-1xq8w35:nth-of-type(10n+5),#work-top.svelte-1xq8w35 .wrapper a.svelte-1xq8w35:nth-of-type(10n+8){width:28%;width:calc(75vw*.28)}#work-top.svelte-1xq8w35 .wrapper a.svelte-1xq8w35:nth-of-type(10n+4),#work-top.svelte-1xq8w35 .wrapper a.svelte-1xq8w35:nth-of-type(10n+9){width:41%;width:calc(75vw*.41)}@media screen and (max-width: 480px){#work-top.svelte-1xq8w35 .wrapper div.svelte-1xq8w35{width:100%!important}#work-top.svelte-1xq8w35 .wrapper .container.svelte-1xq8w35{margin-bottom:4rem;height:auto}#work-top.svelte-1xq8w35 .wrapper a.svelte-1xq8w35{width:100%!important;height:auto}#work-top.svelte-1xq8w35 .wrapper a .container.svelte-1xq8w35{display:block}#work-top.svelte-1xq8w35 .wrapper a .container .content.svelte-1xq8w35{padding-left:0;padding-bottom:0}#work-top.svelte-1xq8w35 .wrapper a .container .content .svelte-1xq8w35{color:var(--textColor);opacity:1}#work-top.svelte-1xq8w35 .wrapper a .container .thumbnail.svelte-1xq8w35,#work-top.svelte-1xq8w35 .wrapper a .container .thumbnail img.svelte-1xq8w35{height:auto}#work-top.svelte-1xq8w35 .wrapper a .container .content h2.svelte-1xq8w35{font-size:2.2rem}#work-top.svelte-1xq8w35 .wrapper a .container .content h3.svelte-1xq8w35{margin-top:0;opacity:.5;font-size:1.1rem}}