.banner-portfolio-block{--pad-copy:6;&.has-visual{--pad-copy:0;@media screen and (min-width:768px){--pad-copy:22}}@media screen and (min-width:768px){--pad-copy:12;&.has-visual{--pad-copy:22}}&.text-dark{color:var(--background-color-dark)}.inner-wrapper{border-radius:0 0 var(--radius) var(--radius);overflow:hidden;padding-bottom:calc(var(--baseline)*14);padding-top:calc(var(--baseline)*14);position:relative}.banner-bg,.inner-wrapper{background-color:var(--background-color-dark)}.banner-bg{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:0}.block-copy{align-items:center;display:flex;flex-direction:column;padding-bottom:calc(var(--baseline)*var(--pad-copy));padding-top:calc(var(--baseline)*var(--pad-copy));z-index:1}.block-header{margin-left:auto;margin-right:auto}.block-abstract{margin-left:auto;margin-right:auto;padding-top:calc(var(--baseline)*4)}.block-actions{justify-content:center;padding-top:calc(var(--baseline)*3)}.action-wrapper{.hs-web-interactive-inline{opacity:0;a{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}}}@media (hover:hover) and (pointer:fine){.action-wrapper:has(:hover){.button-label{text-wrap:nowrap;&:after{background-color:currentColor;width:100%}}.button-icon{transform:translateX(var(--baseline));&:before{opacity:1}}.hs-web-interactive-inline{a{width:calc(100% + var(--baseline))}}}}}