#showreel{padding:48px 4vw 64px;background:#0b1010;color:#f7f8f4;scroll-margin-top:90px;border-top:1px solid #ffffff18}
#showreel .reel-heading,#showreel .reel-caption{display:flex;justify-content:space-between;gap:16px;align-items:center}
#showreel .reel-heading{font-size:12px;letter-spacing:.12em;margin-bottom:20px;font-weight:600}#showreel .reel-heading span:first-child{color:#b8ff00}
#showreel video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#080b0a;border:1px solid #ffffff20;border-radius:12px}
#showreel .reel-caption{margin-top:18px;font-size:13px;color:#b3beb8}#showreel .reel-caption span:first-child{color:#f7f8f4}
@media(min-width:768px){#showreel .reel-player,#showreel .reel-heading,#showreel .reel-caption{width:50%;margin-left:auto;margin-right:auto}}
@media(max-width:767px){#showreel{padding:32px 18px 40px}#showreel video{aspect-ratio:4/5;border-radius:8px}#showreel .reel-heading{font-size:9px;letter-spacing:.07em;margin-bottom:14px}#showreel .reel-caption{align-items:flex-start;flex-direction:column;gap:7px;font-size:12px}}
#showreel .reel-player{border:1px solid #a6c0b34a;border-radius:16px;overflow:hidden;background:#101b17;box-shadow:0 20px 60px #0005}
#showreel .reel-bar,#showreel .reel-bottom{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-size:9px;letter-spacing:.13em;color:#abbdb4;gap:12px}
#showreel .reel-bar{border-bottom:1px solid #ffffff14;color:#f7f8f4}.reel-bar i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b8ff00;margin-right:7px;box-shadow:0 0 10px #b8ff0040}
#showreel .reel-screen{position:relative}#showreel .reel-screen video{width:100%;border:0;border-radius:0}
#showreel .reel-play{position:absolute;left:50%;bottom:10%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;white-space:nowrap;border:1px solid #b8ff0070;background:#173c30;color:#fff;padding:8px 17px 8px 8px;border-radius:99px;cursor:pointer;letter-spacing:.09em;transition:background .2s,box-shadow .2s}
#showreel .reel-play-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#b8ff00;color:#0b1010;font-size:13px;padding-left:2px}#showreel .reel-play small{display:inline-block;margin-left:9px;font-size:10px;color:#b7c8bd}#showreel .reel-play:hover{background:#245843;box-shadow:0 0 24px #b8ff001a}#showreel .reel-play:focus-visible{outline:3px solid #b8ff00;outline-offset:4px}#showreel .reel-play[hidden]{display:none}
#showreel .reel-play{font-family:inherit;font-size:10px;font-weight:600;line-height:1.3}
#showreel .reel-bottom{border-top:1px solid #ffffff14;padding-top:12px;padding-bottom:12px;font-size:8px}
@media(max-width:767px){#showreel .reel-player{border-radius:12px}#showreel .reel-play{bottom:13%}}