/* Same 16:9 float footprint and Bubba interaction as the surrounding projects. */
.fz-project,.fz-project *{box-sizing:border-box}
.grid figure.fz-project{aspect-ratio:16/9;background:#090909;text-align:left;isolation:isolate;border-radius:0}
.grid .fz-project .fz-card-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 60%,#7fb42033,transparent 70%);z-index:-1}
.grid figure.fz-project>img{position:absolute;max-width:none;min-height:0;width:72%;height:auto;right:-16%;top:10%;opacity:1;rotate:12deg;filter:drop-shadow(0 10px 15px #0008);transition:opacity .35s}
.grid figure.fz-project figcaption{padding:0;color:#f2f5f3;z-index:2;font-family:system-ui,sans-serif}
.grid .fz-project .fz-card-intro{position:absolute;inset:0;padding:6% 7%;display:flex;flex-direction:column;align-items:flex-start;text-transform:none;letter-spacing:0;background:linear-gradient(90deg,#090909 0%,#090909b3 27%,transparent 72%);transition:opacity .35s}
.grid .fz-project .fz-card-brand{font-size:clamp(9px,.9vw,13px);font-weight:800;letter-spacing:-.6px;color:#c2ccc6;line-height:1.3}
.grid .fz-project .fz-card-intro h2{font-size:clamp(23px,2.1vw,30px);padding:0;color:#f2f5f3;line-height:1.03;letter-spacing:-1.5px;font-weight:800;word-spacing:normal;text-transform:none;margin:auto 0;transform:none}
.grid .fz-project .fz-card-intro h2>span{font-weight:800;color:#9bd739}
.grid .fz-project .fz-card-footer{font-size:clamp(7px,.6vw,10px);line-height:1.6}
.grid .fz-project .fz-card-hover{position:absolute;inset:0;padding:30px;text-align:center;opacity:0;transition:opacity .35s;pointer-events:none}
.grid .fz-project .fz-card-hover h2{font-size:20px;line-height:1.3;letter-spacing:3px;text-transform:uppercase;color:#fff}
.grid .fz-project .fz-card-hover p{padding:12px 1em}
.grid .fz-project:hover>img,.fz-project-link:focus-visible .fz-project>img{opacity:.4}
.grid .fz-project:hover .fz-card-intro,.fz-project-link:focus-visible .fz-card-intro{opacity:0}
.grid .fz-project:hover .fz-card-hover,.fz-project-link:focus-visible .fz-card-hover{opacity:1}
.fz-project-link:focus-visible{outline:3px solid #7fb420;outline-offset:5px;display:block}
.fz-project-link:focus-visible .effect-bubba figcaption::before,.fz-project-link:focus-visible .effect-bubba figcaption::after{opacity:1;transform:scale(1)}
.fz-project-link:focus-visible .effect-bubba h2,.fz-project-link:focus-visible .effect-bubba p{opacity:1;transform:translate3d(0,0,0)}
@media(max-width:767px){.grid .fz-project .fz-card-intro h2{font-size:clamp(25px,7.5vw,36px)}.grid .fz-project .fz-card-brand{font-size:11px}.grid .fz-project .fz-card-footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){.grid .fz-project *,.grid .fz-project ::before,.grid .fz-project ::after{transition:none!important}}

@media(min-width:768px) and (max-width:991px){.grid .fz-project .fz-card-hover{padding:32px 30px}.grid .fz-project .fz-card-hover h2{font-size:14px;line-height:1.2;letter-spacing:2px;padding-top:0}.grid .fz-project .fz-card-hover p{font-size:8.5px;line-height:1.4;padding:5px 0}}