.digitalBackboneSchema{position:relative;padding:calc(var(--section) / 2) 0;margin-top:var(--section)}.digitalBackboneSchema .background-image{border-radius:var(--borderradius);overflow:hidden;position:absolute;height:100%;top:0;left:0;right:0;bottom:0;margin:0 calc((var(--spacer)*-1) + var(--gutter))}.digitalBackboneSchema .background-image .media{width:100%;height:100%}.digitalBackboneSchema .background-image .media:before{content:"";opacity:.6;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;transition:all .5s ease;border-radius:var(--borderradius);z-index:9;pointer-events:none}.digitalBackboneSchema .background-image .media img,.digitalBackboneSchema .background-image .media video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.digitalBackboneSchema .grid-container{width:100%;display:grid;gap:var(--gutter);grid-template-columns:repeat(12,1fr)}.digitalBackboneSchema .grid-container .item{border:1px solid rgba(255,255,255,0.21);background:rgba(255,255,255,0.15);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;padding:calc(var(--padding) / 2);align-items:flex-end;gap:var(--gutter);flex:1 0 0;border-radius:var(--borderradius);transition:all .2s linear;min-height:210px;position:relative;overflow:hidden;transition:background .3s,border .3s,height 0s}@media(max-width:64em){.digitalBackboneSchema .grid-container .item{min-height:190px;padding:var(--padding)}}.digitalBackboneSchema .grid-container .item .inner{position:relative;color:#fff}.digitalBackboneSchema .grid-container .item .inner .header svg,.digitalBackboneSchema .grid-container .item .inner .header img{min-width:32px;max-height:50px;display:block}.digitalBackboneSchema .grid-container .item .inner .header .headerTag{font-size:var(--l-fontsize);line-height:var(--l-lineheight);margin-top:var(--gutter);display:block;-webkit-hyphens:auto;hyphens:auto}@media(max-width:64em){.digitalBackboneSchema .grid-container .item .inner .header .headerTag{font-size:var(--s-fontsize);line-height:var(--s-lineheight)}}.digitalBackboneSchema .grid-container .item .inner .content{opacity:0;font-size:var(--xs-fontsize);line-height:var(--xs-lineheight);max-height:0;margin:0}.digitalBackboneSchema .grid-container .item .inner .footer{transition:all .5s ease;display:block;opacity:0}@media(min-width:64em){.digitalBackboneSchema .grid-container .item .inner .footer .actionButton:nth-child(1){display:none}}@media(max-width:64em){.digitalBackboneSchema .grid-container .item .inner .footer{opacity:1;margin-top:calc(var(--gutter) / 2)}.digitalBackboneSchema .grid-container .item .inner .footer .actionButton:nth-child(1){display:flex}.digitalBackboneSchema .grid-container .item .inner .footer .actionButton:nth-child(2){display:none}}.digitalBackboneSchema .grid-container .item .inner .footer .actionButton{border:0;padding:0;flex-direction:row-reverse;float:left;width:auto;transition:all .5s ease}.digitalBackboneSchema .grid-container .item .inner .footer .actionButton:after{padding:0;border-radius:0;border:0;width:auto;height:auto}.digitalBackboneSchema .grid-container .item.full{grid-column:1 / -1}.digitalBackboneSchema .grid-container .item.half{grid-column:span 6}@media(max-width:64em){.digitalBackboneSchema .grid-container .item.half{grid-column:1 / -1}}.digitalBackboneSchema .grid-container .item.third{grid-column:span 4}@media(min-width:64em){.digitalBackboneSchema .grid-container .item.third{min-height:255px}}@media(max-width:64em){.digitalBackboneSchema .grid-container .item.third{grid-column:1 / -1}}.digitalBackboneSchema .grid-container .item.no-details{background:rgba(255,255,255,0.05);pointer-events:none;min-height:150px;opacity:.75}.digitalBackboneSchema .grid-container .item.no-details .inner .header .headerTag{font-size:calc(var(--l-fontsize) - 0.4rem)}@media(max-width:64em){.digitalBackboneSchema .grid-container .item.no-details .inner .header .headerTag{font-size:var(--m-fontsize);line-height:var(--m-lineheight)}}.digitalBackboneSchema .grid-container .item.no-details .inner .footer{display:none}.digitalBackboneSchema .grid-container .item.clicked{background:var(--color2);border-color:var(--color2);transition:all .5s ease}.digitalBackboneSchema .grid-container .item.clicked .inner .header svg,.digitalBackboneSchema .grid-container .item.clicked .inner .header img{opacity:0;max-height:0}.digitalBackboneSchema .grid-container .item.clicked .inner .header .headerTag{margin-top:0}.digitalBackboneSchema .grid-container .item.clicked .inner .content{opacity:1;max-height:500px;margin-top:calc(var(--gutter) / 2)}.digitalBackboneSchema .grid-container .item.clicked .inner .footer{margin-top:calc(var(--gutter) / 2);opacity:1;transition:all .5s ease}.digitalBackboneSchema .grid-container .item.clicked .inner .footer .actionButton:nth-child(1){display:none}.digitalBackboneSchema .grid-container .item.clicked .inner .footer .actionButton:nth-child(2){display:flex}@media(min-width:64em){.digitalBackboneSchema .grid-container .item:hover{background:var(--color2);border-color:var(--color2);transition:all .5s ease}.digitalBackboneSchema .grid-container .item:hover .inner .header svg,.digitalBackboneSchema .grid-container .item:hover .inner .header img{opacity:0;max-height:0}.digitalBackboneSchema .grid-container .item:hover .inner .header .headerTag{margin-top:0}.digitalBackboneSchema .grid-container .item:hover .inner .content{opacity:1;max-height:500px;margin-top:calc(var(--gutter) / 2)}.digitalBackboneSchema .grid-container .item:hover .inner .footer{margin-top:calc(var(--gutter) / 2);opacity:1;transition:all .5s ease}.digitalBackboneSchema .grid-container .item:hover .inner .footer .actionButton:nth-child(1){display:none}.digitalBackboneSchema .grid-container .item:hover .inner .footer .actionButton:nth-child(2){display:flex}}.digitalBackboneSchema .outer{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter);position:relative;z-index:9}.digitalBackboneSchema .outer .main{grid-column:1 / span 12}@media(min-width:90em){.digitalBackboneSchema .outer .main{grid-column:1 / span 8}}.digitalBackboneSchema .outer .aside{grid-column:1 / span 12;display:flex;flex-direction:column;gap:var(--gutter)}.digitalBackboneSchema .outer .aside .grid-container{height:100%}.digitalBackboneSchema .outer .aside .grid-container .item{height:100%}@media(min-width:90em){.digitalBackboneSchema .outer .aside{grid-column:9 / span 4}}