@media only screen and (min-width:768px){.wp-block-opalcat-project-list{display:flex;gap:2.25rem}}@media only screen and (min-width:1024px){.wp-block-opalcat-project-list{gap:2.5rem}}@media only screen and (min-width:1280px){.wp-block-opalcat-project-list{gap:5rem}}.wp-block-opalcat-project-list ul{list-style:none;margin-top:1rem;padding:0}@media only screen and (min-width:768px){.wp-block-opalcat-project-list ul{margin-top:0;width:46%}}@media only screen and (min-width:1024px){.wp-block-opalcat-project-list ul{position:relative}}.wp-block-opalcat-project-list ul .project-list-item{align-items:flex-end;background:#fff;-moz-column-gap:.75rem;column-gap:.75rem;cursor:pointer;display:flex;flex-wrap:wrap;overflow:hidden;padding-bottom:.5rem;padding-top:.5rem;position:relative;z-index:10}@media only screen and (min-width:1024px){.wp-block-opalcat-project-list ul .project-list-item{padding-bottom:.875rem;padding-top:.875rem}}.wp-block-opalcat-project-list ul .project-list-item:after{background:#000;content:"";height:100%;position:absolute;top:-100%;transition-duration:.45s;transition-property:top;transition-timing-function:cubic-bezier(.19,1,.22,1);width:100%;z-index:-10}.wp-block-opalcat-project-list ul .project-list-item>div{position:relative;width:100%}.wp-block-opalcat-project-list ul .project-list-item .project-list-item-headline{align-items:flex-end;display:flex;flex-wrap:wrap;transition-duration:.5s;transition-property:transform;transition-timing-function:cubic-bezier(.19,1,.22,1)}.wp-block-opalcat-project-list ul .project-list-item .project-list-item-headline+.project-list-item-headline{color:#000;position:absolute;transform:translateY(100%);transition-property:all}.wp-block-opalcat-project-list ul .project-list-item:hover:after,.wp-block-opalcat-project-list ul .project-list-item[aria-expanded=true]:after{top:0}.wp-block-opalcat-project-list ul .project-list-item:hover .project-list-item-headline,.wp-block-opalcat-project-list ul .project-list-item[aria-expanded=true] .project-list-item-headline{transform:translateY(-100%)}.wp-block-opalcat-project-list ul .project-list-item:hover .project-list-item-headline+.project-list-item-headline,.wp-block-opalcat-project-list ul .project-list-item[aria-expanded=true] .project-list-item-headline+.project-list-item-headline{color:#fff;padding-left:.25rem}@media only screen and (min-width:768px){.wp-block-opalcat-project-list ul .project-list-item:hover .project-list-item-headline+.project-list-item-headline,.wp-block-opalcat-project-list ul .project-list-item[aria-expanded=true] .project-list-item-headline+.project-list-item-headline{padding-left:.5rem}}.wp-block-opalcat-project-list ul .project-list-item h3{margin:0;padding-right:.5rem;--wp--preset--font-size--h-3:25px}.wp-block-opalcat-project-list ul .project-list-item span{font-size:.75rem;font-weight:500;letter-spacing:0;line-height:16px}.wp-block-opalcat-project-list ul>li{border-bottom:1px solid #000}.wp-block-opalcat-project-list .project-detail-wrapper{flex:1 1 0%}@media only screen and (min-width:768px){.wp-block-opalcat-project-list .project-detail-wrapper{display:block}}.wp-block-opalcat-project-list .project-detail-wrapper a{font-weight:700;text-decoration:none}.wp-block-opalcat-project-list .project-gallery{display:flex;flex-direction:column;margin-bottom:1rem;position:relative}@media only screen and (min-width:768px){.wp-block-opalcat-project-list .project-gallery{gap:.75rem}}@media only screen and (min-width:1024px){.wp-block-opalcat-project-list .project-gallery{gap:1rem}}.wp-block-opalcat-project-list .project-thumbs{margin-left:-.5rem;margin-right:-.5rem}@media only screen and (min-width:768px){.wp-block-opalcat-project-list .project-thumbs{display:flex}}.wp-block-opalcat-project-list .project-thumbs>div{align-items:center;cursor:pointer;display:flex;justify-content:center;width:33.333333%}.wp-block-opalcat-project-list .project-thumbs>div.selected{width:0}.wp-block-opalcat-project-list .project-thumbs>div img{box-sizing:border-box;display:block;height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;padding-left:.5rem;padding-right:.5rem;vertical-align:middle;width:100%}.wp-block-opalcat-project-list .project-feature-image img{aspect-ratio:1/1;display:block;height:auto;max-width:100%;-o-object-fit:cover;object-fit:cover;vertical-align:middle;width:100%}@media only screen and (min-width:1024px){.wp-block-opalcat-project-list .project-feature-image img{aspect-ratio:1/1;-o-object-position:center;object-position:center}}.wp-block-opalcat-project-list .project-detail-headline{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}@media only screen and (min-width:1024px){.wp-block-opalcat-project-list .project-detail-headline{margin-bottom:1rem}}.wp-block-opalcat-project-list .project-detail-headline h3{margin:0}.wp-block-opalcat-project-list .project-detail-headline span{font-size:12px;font-weight:500;line-height:16px}