.showreels{padding-top:22px;border-top:1px solid var(--line);scroll-margin-top:24px}.showreels .section-top{padding-top:36px}.reel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin-top:32px}.reel-card{min-width:0}.reel-cover{display:block;width:100%;aspect-ratio:4/3;border:1px solid #d6dccd;border-radius:9px;position:relative;overflow:hidden;padding:0;background:#e2e8d7;isolation:isolate}.reel-cover::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff50,transparent 55%);z-index:-1}.reel-cover.lumber{background:#e9ded0;border-color:#e0d2c2}.reel-cover.other{background:#e3dcec;border-color:#d9cfe5}.reel-shot{position:absolute;height:88%;width:auto;max-width:62%;object-fit:contain;border-radius:4px;box-shadow:0 12px 20px #20241e2b;transition:transform .35s}.reel-shot.one{top:14%;left:5%;transform:rotate(-7deg)}.reel-shot.two{bottom:12%;right:4%;transform:rotate(8deg)}.reel-cover:hover .reel-shot.one{transform:translateY(-5px) rotate(-5deg)}.reel-cover:hover .reel-shot.two{transform:translateY(-5px) rotate(5deg)}.reel-badge{position:absolute;top:14px;left:14px;font-size:8px;letter-spacing:1px;font-weight:600;padding:7px 9px;border-radius:4px;background:#f6f5f1ee;border:1px solid #ffffff80}.reel-duration{position:absolute;bottom:14px;right:14px;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.4px;padding:6px 9px;background:#20241ee6;color:#fff;border-radius:4px}.reel-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#f6f5f1f2;box-shadow:0 0 0 8px #f6f5f130,0 6px 20px #1d271c24;transition:background .2s,color .2s}.reel-play svg{width:22px;height:22px;margin-left:3px;fill:currentColor}.reel-cover:hover .reel-play{background:var(--ink);color:#fff}.reel-info{padding:18px 2px 0}.reel-info>.project-meta{font-size:8px}.reel-title-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.reel-title-row h3{font-size:20px;font-weight:500;letter-spacing:-.6px;margin:0}.reel-watch{border:0;background:none;padding:6px 0;color:#69755e;font-size:10px;white-space:nowrap}.reel-watch:hover{color:var(--orange)}.reel-info p{font-size:11px;line-height:1.6;color:var(--muted);margin:11px 0 0}.reel-foot{margin-top:30px;border-top:1px solid var(--line);padding-top:17px;font-size:10px;color:var(--muted)}.reel-dialog{width:min(920px,94vw);max-height:95dvh;overflow:hidden}.reel-shell{display:flex;flex-direction:column;max-height:95dvh}.reel-shell>.player-header{flex-shrink:0}.reel-stage{display:flex;justify-content:center;align-items:center;background:#1d221c;padding:15px;min-height:0;min-width:0;overflow:hidden}.reel-stage video{display:block;width:auto;height:min(72dvh,740px,calc(95dvh - 145px));max-width:100%;max-height:calc(95dvh - 145px);object-fit:contain;aspect-ratio:var(--reel-ratio,4/5);background:#1d221c;border-radius:4px}.reel-player-foot{padding:12px 24px;display:flex;gap:16px;justify-content:space-between;align-items:center;min-height:43px;font-size:10px;color:var(--muted);flex-shrink:0}.reel-status{margin:0;font-size:11px}.reel-status[hidden],.reel-retry[hidden]{display:none}.reel-retry{border:1px solid var(--line);border-radius:4px;background:none;padding:6px 10px;font-size:10px}.reel-close-hint{margin-left:auto;white-space:nowrap;font-size:9px}@media(max-width:1100px){.reel-grid{gap:18px}.reel-title-row{align-items:flex-start;flex-wrap:wrap;gap:4px}.reel-title-row h3{font-size:19px}.reel-play{width:50px;height:50px}.reel-info p{font-size:10px}}@media(max-width:800px){.reel-grid{gap:15px}.reel-badge{font-size:7px;top:10px;left:10px;padding:6px 7px}.reel-duration{font-size:9px;bottom:10px;right:10px}.reel-play{width:44px;height:44px;box-shadow:0 0 0 6px #f6f5f130}.reel-title-row h3{font-size:17px}}@media(max-width:600px){.showreels{padding-top:0}.showreels .section-top{padding-top:30px}.reel-grid{grid-template-columns:1fr;gap:30px;margin-top:24px}.reel-cover{aspect-ratio:1.6}.reel-shot{height:100%}.reel-shot.one{left:11%;top:8%}.reel-shot.two{right:9%;bottom:7%}.reel-play{width:58px;height:58px}.reel-badge{top:15px;left:15px;font-size:8px;padding:7px 9px}.reel-duration{bottom:15px;right:15px;font-size:10px}.reel-title-row{flex-wrap:nowrap;align-items:center}.reel-title-row h3{font-size:22px}.reel-watch{font-size:11px}.reel-info p{font-size:12px}.reel-foot{font-size:10px;line-height:1.7}.reel-dialog{width:96vw}.reel-stage{padding:8px}.reel-stage video{height:min(72dvh,calc(95dvh - 130px));max-height:calc(95dvh - 130px)}.reel-player-foot{padding:12px 15px;gap:10px}.reel-close-hint{display:none}}@media(prefers-reduced-motion:reduce){.reel-shot,.reel-play{transition:none}}

/* Full frames, simple video covers. */
.reel-cover{aspect-ratio:4/5;background:#273029;border-color:var(--line)}.reel-cover::before{display:none}.reel-shot.one{inset:0;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0;box-shadow:none;transform:none;z-index:0}.reel-shot.two{display:none}.reel-cover:hover .reel-shot.one{transform:none}.reel-cover:hover .reel-shot.two{transform:scale(1.15)}.reel-badge{font-size:11px;letter-spacing:0;padding:6px 10px}.reel-info{padding-top:17px}.reel-title-row{margin-top:0}.reel-title-row h3{font-size:22px}.reel-watch{font-size:12px;min-height:36px}.reel-info p{display:none}@media(max-width:1100px){.reel-title-row{flex-wrap:wrap}.reel-title-row h3{font-size:20px}}@media(max-width:600px){.reel-cover{aspect-ratio:4/5;max-height:440px}.reel-title-row{flex-wrap:nowrap}.reel-title-row h3{font-size:23px}.reel-badge{font-size:11px}.reel-info{padding-top:15px}}