.single-thumbnail.svelte-1se39l1{align-items:center;border-bottom:1px solid var(--green);display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-m);position:relative;-webkit-text-decoration:none;text-decoration:none;transition:background-color .35s cubic-bezier(.65,0,.35,1)}.single-thumbnail.svelte-1se39l1,.single-thumbnail.svelte-1se39l1:last-child,.single-thumbnail.svelte-1se39l1:nth-child(4n){border-right:1px solid var(--green)}.single-thumbnail.svelte-1se39l1:hover{background-color:#acf2abe6}.single-thumbnail.svelte-1se39l1:hover .card-title-main:where(.svelte-1se39l1){opacity:0}.single-thumbnail.svelte-1se39l1:hover .card-index:where(.svelte-1se39l1){left:10%!important}.single-thumbnail.svelte-1se39l1 .number-empty:where(.svelte-1se39l1){background-color:var(--white);color:var(--grey);height:13px;line-height:.8;position:absolute}@media (width<= 640px){.single-thumbnail.svelte-1se39l1 .number-empty:where(.svelte-1se39l1){height:12px}}.card-index.svelte-1se39l1:is(.single-thumbnail:where(.svelte-1se39l1) .number-empty:where(.svelte-1se39l1)){left:50%;top:0;transform:translate(-50%,-50%);transition:left .6s cubic-bezier(.33,1,.68,1)}.card-vertical.svelte-1se39l1:is(.single-thumbnail:where(.svelte-1se39l1) .number-empty:where(.svelte-1se39l1)){left:0;margin-top:calc(var(--margin)/2);position:sticky;top:15vh;transform:rotate(-90deg) translate(-100%);transform-origin:left}.single-thumbnail.svelte-1se39l1 .card-vertical-container:where(.svelte-1se39l1){align-items:flex-start;display:flex;height:90%;justify-content:flex-start;left:0;position:absolute;top:0;width:100%}@media (width<= 640px){.single-thumbnail.svelte-1se39l1 .card-vertical-container:where(.svelte-1se39l1){height:80%}}.single-thumbnail.blog.svelte-1se39l1{grid-column:span 6}.single-thumbnail.blog.svelte-1se39l1:hover{background-color:#ffd0d0}.single-thumbnail.blog.svelte-1se39l1 .thumbnail-content:where(.svelte-1se39l1){display:flex}:is(.single-thumbnail.blog:where(.svelte-1se39l1) .thumbnail-content:where(.svelte-1se39l1)) .thumbnail-visual.svelte-1se39l1{aspect-ratio:3/4;padding:var(--spacing-m);width:50%}:is(.single-thumbnail.blog:where(.svelte-1se39l1) .thumbnail-content:where(.svelte-1se39l1)) .thumbnail-data.svelte-1se39l1{align-items:center;background-color:var(--green);display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:var(--spacing-m);transition:background-color .35s cubic-bezier(.33,1,.68,1);width:50%}:is(.single-thumbnail.blog:where(.svelte-1se39l1):nth-child(4n+3),.single-thumbnail.blog:where(.svelte-1se39l1):nth-child(4n+4)) .thumbnail-content.svelte-1se39l1{flex-direction:row-reverse}.single-thumbnail.blog.svelte-1se39l1:hover .thumbnail-data:where(.svelte-1se39l1){background-color:var(--white)}.single-thumbnail.blog.svelte-1se39l1 .card-vertical-container:where(.svelte-1se39l1){height:80%}@media (width<= 640px){.single-thumbnail.blog.svelte-1se39l1 .card-vertical-container:where(.svelte-1se39l1){height:65%}}@media (width<= 1080px){.single-thumbnail.blog.svelte-1se39l1{grid-column:span 12}:is(.single-thumbnail.blog:where(.svelte-1se39l1):nth-child(4n+3),.single-thumbnail.blog:where(.svelte-1se39l1):nth-child(4n+4)) .thumbnail-content.svelte-1se39l1{flex-direction:row}.single-thumbnail.blog.svelte-1se39l1:nth-child(2n) .thumbnail-content:where(.svelte-1se39l1){flex-direction:row-reverse}}@media (width<= 640px){.single-thumbnail.blog.svelte-1se39l1{grid-column:span 8}.single-thumbnail.blog.svelte-1se39l1:nth-child(2n) .thumbnail-content:where(.svelte-1se39l1){flex-direction:row-reverse}}.single-thumbnail.works.svelte-1se39l1{grid-column:span 3;padding:var(--spacing-m)}.single-thumbnail.works.svelte-1se39l1 .thumbnail-content:where(.svelte-1se39l1){display:flex;flex-direction:column;gap:var(--spacing-m);position:relative;width:100%}:is(.single-thumbnail.works:where(.svelte-1se39l1) .thumbnail-content:where(.svelte-1se39l1)) .thumbnail-visual.svelte-1se39l1{aspect-ratio:3/4;overflow:hidden}:is(.single-thumbnail.works:where(.svelte-1se39l1) .thumbnail-content:where(.svelte-1se39l1)) .thumbnail-data.svelte-1se39l1{align-items:center;background-color:#acf2abe6;bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .45s cubic-bezier(.65,0,.35,1);z-index:2}:is(:is(.single-thumbnail.works:where(.svelte-1se39l1) .thumbnail-content:where(.svelte-1se39l1)) .thumbnail-data:where(.svelte-1se39l1)) .description.svelte-1se39l1{color:var(--black);opacity:0;transform:translateY(40px);transition:transform .6s cubic-bezier(.33,1,.68,1)}:is(.single-thumbnail.works:where(.svelte-1se39l1):hover .thumbnail-content:where(.svelte-1se39l1)) .thumbnail-data.svelte-1se39l1{opacity:1;transform:scale(1);transition:background-color .45s cubic-bezier(.33,1,.68,1),opacity .45s cubic-bezier(.65,0,.35,1)}:is(:is(.single-thumbnail.works:where(.svelte-1se39l1):hover .thumbnail-content:where(.svelte-1se39l1)) .thumbnail-data:where(.svelte-1se39l1)) .card-title.svelte-1se39l1{transform:translateY(0)}:is(:is(.single-thumbnail.works:where(.svelte-1se39l1):hover .thumbnail-content:where(.svelte-1se39l1)) .thumbnail-data:where(.svelte-1se39l1)) .card-description.svelte-1se39l1{opacity:.7;transform:translateY(0)}@media (width<= 768px){.single-thumbnail.works.svelte-1se39l1{grid-column:span 4}}.single-thumbnail.related-work-thumbnail.svelte-1se39l1{border-top:1px solid var(--green)}.single-thumbnail.related-work-thumbnail.svelte-1se39l1:first-child{border-left:1px solid var(--green)}@media (width<= 640px){.single-thumbnail.related-work-thumbnail.svelte-1se39l1:first-child{border-left:none}.single-thumbnail.related-work-thumbnail.svelte-1se39l1{border-bottom:none}.single-thumbnail.related-work-thumbnail.svelte-1se39l1:nth-child(odd){border-left:1px solid var(--green)}.single-thumbnail.related-work-thumbnail.svelte-1se39l1:last-child,.single-thumbnail.related-work-thumbnail.svelte-1se39l1:nth-last-child(2){border-bottom:1px solid var(--green)}}.single-thumbnail.svelte-1se39l1 .card-title:where(.svelte-1se39l1){text-align:center}.card-title-main.svelte-1se39l1:is(.single-thumbnail:where(.svelte-1se39l1) .card-title:where(.svelte-1se39l1)){transition:opacity .45s cubic-bezier(.65,0,.35,1)}.single-thumbnail.svelte-1se39l1 .card-description:where(.svelte-1se39l1){color:var(--grey)}