.project-grid.video-gallery,.video-gallery{display:block;width:100%;--video-columns:2;--short-columns:3;--video-gap:24px;--video-radius:16px;--video-bg:#fff;--video-text:#171717;--play-color:#f77c18;--play-icon:#171717;--play-size:64px}.video-group{margin:0 0 48px}.video-group-title{font-size:22px;font-weight:800;margin:0 0 20px}.video-grid{display:grid;grid-template-columns:repeat(var(--video-columns),minmax(0,1fr));gap:var(--video-gap);align-items:start}.video-group[data-kind=shorts] .video-grid{grid-template-columns:repeat(var(--short-columns),minmax(0,1fr));max-width:100%}.video-group[data-kind=shorts] .video-card{width:100%;max-width:300px;justify-self:center}.video-card{background:var(--video-bg);border:1px solid #dfe1e5;border-radius:var(--video-radius);overflow:hidden;min-width:0;color:var(--video-text)}.video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#151515}.video-card[data-ratio=portrait] .video-frame{aspect-ratio:9/16}.video-card[data-ratio=square] .video-frame{aspect-ratio:1}.video-cover{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;cursor:pointer;display:block;background:#151515;color:inherit}.video-cover:focus-visible{outline:4px solid #2563eb;outline-offset:-4px}.video-cover:hover .video-poster{transform:scale(1.025)}.video-poster{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.video-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#0005)}.video-play{position:absolute;z-index:2;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:var(--play-size);height:var(--play-size);display:flex;align-items:center;justify-content:center;background:var(--play-color);color:var(--play-icon);box-shadow:0 4px 20px #0003;gap:8px;transition:scale .2s}.video-play[data-shape=circle]{border-radius:50%}.video-play[data-shape=rounded]{border-radius:16px}.video-play[data-shape=square]{border-radius:0}.video-play[data-style=outline]{background:#0002;border:2px solid var(--play-color);backdrop-filter:blur(5px)}.video-play[data-style=glass]{background:color-mix(in srgb,var(--play-color) 32%,transparent);border:1px solid color-mix(in srgb,var(--play-color) 70%,white);backdrop-filter:blur(12px)}.video-play[data-position=bottom]{top:auto;bottom:18px;left:18px;transform:none}.video-play-triangle{display:block;width:0;height:0;border-top:calc(var(--play-size)*.14) solid transparent;border-bottom:calc(var(--play-size)*.14) solid transparent;border-left:calc(var(--play-size)*.22) solid var(--play-icon);margin-left:5px;flex-shrink:0}.video-play.has-label{width:auto;min-width:var(--play-size);padding:0 18px;border-radius:12px;font-size:14px;font-weight:800}.video-info{padding:16px 18px}.video-info h3{font-size:19px;line-height:1.65;margin:0 0 5px;color:inherit;overflow-wrap:anywhere}.video-category{font-size:13px;opacity:.7}.video-info p{font-size:14px;line-height:1.8;margin:10px 0 0;opacity:.8;overflow-wrap:anywhere}.video-inline-player{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important;border:0!important;display:block!important;margin:0!important;background:#000;border-radius:0!important}.video-stop{font:inherit;font-size:13px;color:var(--video-text);background:var(--video-bg);border:0;border-top:1px solid #e2e4e8;display:block;width:100%;padding:10px;cursor:pointer}.video-placeholder-art{height:100%;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:#171b23;color:#fff;text-align:center;padding:24px}.video-placeholder-art span{font-size:13px;opacity:.6}.video-placeholder-art strong{font-size:24px;max-width:80%;line-height:1.6}.video-gallery[data-layout=scroll] .video-grid{display:flex;gap:var(--video-gap);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 15px;align-items:start}.video-gallery[data-layout=scroll] .video-card{flex:0 0 min(480px,80%);scroll-snap-align:start}.video-gallery[data-layout=scroll] .video-group[data-kind=shorts] .video-card{flex:0 0 250px}.projects-empty{grid-column:1/-1;padding:24px;font-size:16px;color:#676b75}.video-cover[hidden]{display:none}@media(max-width:900px){.video-grid{grid-template-columns:repeat(var(--video-small-columns,2),minmax(0,1fr))}.video-group[data-kind=shorts] .video-grid{grid-template-columns:repeat(var(--short-small-columns,2),minmax(0,1fr))}}@media(max-width:560px){.video-grid{grid-template-columns:minmax(0,1fr)}.video-group[data-kind=shorts] .video-grid{grid-template-columns:repeat(var(--short-small-columns,2),minmax(0,1fr));gap:min(var(--video-gap),12px)}.video-group-title{font-size:19px}.video-info{padding:12px}.video-info h3{font-size:16px}.video-card[data-ratio=portrait] .video-play{width:min(var(--play-size),52px);height:min(var(--play-size),52px)}.video-card[data-ratio=portrait] .video-play.has-label{width:auto;min-width:0;padding:0 9px;font-size:12px}}