@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[aria-expanded=false]+.project-detail{height:0;opacity:0}.wp-block-opalcat-project-list ul .project-list-item[aria-expanded=true]+.project-detail{height:auto;opacity:1}.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 ul .project-detail{overflow:hidden;transition-duration:.5s;transition-property:height,opacity;transition-timing-function:cubic-bezier(.19,1,.22,1)}@media only screen and (min-width:768px){.wp-block-opalcat-project-list ul .project-detail{display:none}}.wp-block-opalcat-project-list ul .project-detail>:first-child{padding-top:.75rem}.wp-block-opalcat-project-list ul .project-detail>:last-child{padding-bottom:.75rem}.wp-block-opalcat-project-list .project-detail-wrapper{display:none}@media only screen and (min-width:768px){.wp-block-opalcat-project-list .project-detail-wrapper{display:block;flex:1 1 0%}}.wp-block-opalcat-project-list .project-detail-wrapper a{font-weight:700;text-decoration:none}.wp-block-opalcat-project-list .project-gallery-arrows{bottom:0;display:flex;justify-content:space-between;left:0;padding:1rem;position:absolute;right:0;z-index:10}.wp-block-opalcat-project-list .project-gallery-arrows button{background:#000;border:none;border-radius:9999px;box-shadow:0 0 transparent,0 0 transparent,0 1px 2px 0 rgba(0,0,0,.05);color:#fff;cursor:pointer;height:2.5rem;padding:.5rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2.5rem}.wp-block-opalcat-project-list .project-gallery-arrows svg{fill:#fff;height:1.5rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1.5rem}.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;transition:width .3s cubic-bezier(.19,1,.22,1);width:33.333333%;will-change:width}.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}