.work-grid .work{display:flex;flex-direction:column}
.work-grid .work-cover{height:390px;min-height:390px}
.real-hub-cover{display:flex;align-items:center;justify-content:center;padding:25px;background:#e1e7db;overflow:hidden}
.portfolio-browser{width:100%;border:1px solid #ffffffbd;border-radius:12px;overflow:hidden;background:#f8f8f5;box-shadow:0 24px 48px #24391c21;transform:perspective(1400px) rotateY(5deg) rotateX(3deg);transition:transform .6s}
.real-hub-cover:hover .portfolio-browser{transform:perspective(1400px) rotateY(0) rotateX(0)}
.portfolio-browser-bar{height:32px;display:flex;gap:5px;align-items:center;padding:0 12px;border-bottom:1px solid #ddd}
.portfolio-browser-bar i{width:5px;height:5px;background:#c2c8bb;border-radius:50%}
.portfolio-browser-bar span{font-size:8px!important;letter-spacing:0!important;color:#657454!important;margin:auto}
.portfolio-browser img{display:block;width:100%;height:auto}
.real-motion-cover{background:#111610;display:flex;justify-content:space-between;gap:20px;padding:0 20px 0 28px;overflow:hidden}
.real-motion-cover video{display:block;max-width:58%;height:100%;aspect-ratio:9/16;object-fit:contain;background:#0a0a0a}
.motion-case-note{align-self:center;color:#d4dfb8;max-width:150px}
.motion-case-note>span{display:block;font-size:11px!important;line-height:1.5;letter-spacing:.13em!important;margin-bottom:50px}
.motion-case-note>p{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin:0;color:#f2f4ec}
.work-caption{padding-top:25px}
.work-caption p{max-width:470px}
.portfolio-link{display:inline-flex;align-items:center;gap:20px;margin-top:18px;font-size:12px;border-bottom:1px solid #abb49d;padding-bottom:7px}
.portfolio-link .arrow-icon{width:17px;height:17px}
.portfolio-meta{font-size:12px!important;margin-top:20px!important;color:#657454}
@media(max-width:900px){.work-grid .work-cover{height:330px;min-height:330px}.real-motion-cover{padding:0 15px;gap:10px}.motion-case-note>p{font-size:17px}.real-hub-cover{padding:15px}}
@media(max-width:650px){.work-grid .work-cover{height:360px;min-height:360px}.real-hub-cover{height:auto!important;min-height:270px!important;padding:20px 16px}.real-motion-cover{padding-left:22px}.motion-case-note>p{font-size:19px}.work-caption h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.portfolio-browser{transform:none!important}}