/* Work grid, ported from obsidian-template.webflow.io/work/work-c (grid-work-r/-l groups).
   Classes prefixed obw-. Two alternating groups (small|LARGE then LARGE|small), cards with
   a static thumbnail that fades out on hover to reveal a looping video (IX2 a-5/a-6 spec),
   1.2s fade-in reveal on scroll (a-27). Card heights are vw-based like the original;
   em values converted at the original 16px base. */

.obw-section{z-index:1;background-color:#0A0A0A;position:relative}
.obw-wrap{grid-row-gap:74px;gap:74px;flex-direction:column;justify-content:flex-start;align-items:stretch;display:flex}
.obw-grid{display:grid;grid-template-rows:auto;grid-column-gap:30px;grid-row-gap:0;align-items:start}
.obw-grid-r{grid-template-columns:1fr 2fr}
.obw-grid-l{grid-template-columns:2fr 1fr}

.obw-card{width:100%;perspective:1200px;text-decoration:none;position:relative;display:block;opacity:0}
.obw-frame{width:100%;height:17vw;border-radius:15px;position:relative;overflow:hidden;background:#161616}
.obw-frame.obw-large{height:36vw}
.obw-thumb{z-index:20;width:100%;height:100%;object-fit:cover;border-radius:15px;position:absolute;inset:0;display:block}
.obw-video{z-index:10;position:absolute;inset:0;display:none}
.obw-video video{width:100%;height:100%;object-fit:cover;display:block}

.obw-text{flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:16px;display:flex}
.obw-title{font-family:Geist,sans-serif;color:#f1f1f1;font-size:16px;font-weight:500;line-height:1.3;letter-spacing:0;text-transform:none;margin:0 0 2px}
.obw-sub{font-family:Geist,sans-serif;color:rgba(230,230,230,.5);font-size:13px;font-weight:600;line-height:1.4;letter-spacing:0;text-transform:none}

@media screen and (max-width:991px){
.obw-grid-r,.obw-grid-l{grid-template-columns:1fr 1fr}
.obw-frame,.obw-frame.obw-large{height:25vw}
.obw-wrap{gap:46px}
}
@media screen and (max-width:767px){
.obw-grid-r,.obw-grid-l{grid-template-columns:1fr;grid-row-gap:46px}
.obw-frame,.obw-frame.obw-large{height:50vw}
}