.project-reel{grid-column:1/-1;position:relative;height:580px;background:#17191c;color:white;overflow:hidden}.reel-frames,.reel-frame,.reel-shade{position:absolute;inset:0;width:100%;height:100%}.reel-frame{object-fit:cover;opacity:0;transition:opacity 1.2s ease,transform 7s linear;transform:scale(1)}.reel-frame.active{opacity:1;transform:scale(1.045)}.reel-shade{background:linear-gradient(90deg,#101318c9,transparent 80%),linear-gradient(0deg,#101318a8,transparent 65%);pointer-events:none}.reel-caption{position:absolute;left:44px;bottom:100px;max-width:650px}.reel-caption h2{font-size:clamp(34px,3.8vw,56px);line-height:1.1}.reel-caption>p:not(.eyebrow){color:#e5e6e8;margin:20px 0}.reel-controls{position:absolute;bottom:24px;left:44px;right:44px;display:flex;gap:10px;align-items:center;border-top:1px solid #ffffff50;padding-top:18px}.reel-controls span{font-size:13px;letter-spacing:.15em;margin-right:auto}.reel-controls button{border:1px solid #ffffff70;background:#17191c66;color:white;min-width:48px;min-height:44px;padding:8px 16px}.reel-controls button:hover{background:var(--red)}@media(max-width:760px){.project-reel{height:470px}.reel-caption{left:24px;right:24px;bottom:110px}.reel-controls{left:24px;right:24px}.reel-caption .eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){.reel-frame{transition:none;transform:none!important}}
.reel-caption{max-width:720px;filter:drop-shadow(0 8px 18px #0005)}
.reel-caption .eyebrow{display:table;background:#ad2430;color:#fff;padding:10px 16px;margin:0;font-size:12px;font-weight:800;letter-spacing:.16em;line-height:1.5}
.reel-caption h2{display:table;width:auto;max-width:560px;background:#fff;color:#191b20;border-left:5px solid #ad2430;padding:10px 16px;margin:0;font-size:clamp(25px,2.3vw,34px);line-height:1.15;letter-spacing:-.025em;font-weight:800;text-shadow:none}
.reel-caption>p:not(.eyebrow){display:table;background:#191b20;color:#fff;padding:12px 18px;margin:0;font-size:16px;line-height:1.5}
.reel-caption>a{display:inline-flex;align-items:center;min-height:44px;background:#ad2430;color:#fff;padding:12px 18px;margin-top:16px;font-size:14px;font-weight:750;text-decoration:none;border:1px solid #ffffff90}
.reel-caption>a:hover{background:#851924;text-decoration:underline}
.reel-controls{border-top:2px solid #fff}
.reel-controls span{background:#fff;color:#191b20;padding:10px 14px;border-left:5px solid #ad2430;font-weight:800}
.reel-controls button{background:#ad2430;border-color:#fff;font-weight:750}
.reel-controls button:hover{background:#851924}
.reel-caption>a:focus-visible,.reel-controls button:focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 7px #191b20}
@media(max-width:760px){.reel-caption h2{font-size:clamp(22px,4.8vw,29px);padding:8px 12px;border-left-width:4px}.reel-caption .eyebrow{padding:8px 12px}.reel-caption>p:not(.eyebrow){font-size:13px;padding:10px 12px}.reel-caption>a{margin-top:12px;font-size:12px;padding:10px 12px}.reel-controls{gap:6px}.reel-controls button{padding:8px 12px}.reel-controls span{padding:10px;font-size:11px;letter-spacing:.08em}}