.project-reel{margin:56px 0 12px;min-width:0}.project-reel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 26px}.project-reel-heading h3{font-size:clamp(28px,3.3vw,48px);line-height:1.1;letter-spacing:-.045em;margin:12px 0;color:#edf3ff}.project-reel-heading p{color:#a8b5c9;margin:0}.project-reel .eyebrow{font:10px/1.5 monospace;letter-spacing:.12em;color:#9fc8ff}.project-reel-controls{display:flex;gap:8px}.project-reel-controls button{width:46px;height:46px;border:1px solid #557095;border-radius:50%;background:#131e2d;color:#d5e9ff;cursor:pointer;font-size:20px}.project-reel-controls button:disabled{opacity:.3;cursor:default}.project-reel-track{position:relative;display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#688cbd #111722;padding:0 0 18px;max-width:100%}.project-reel-card{flex:0 0 62%;min-width:0;scroll-snap-align:start;overflow:hidden;border:1px solid #3b4c65;border-radius:20px;background:linear-gradient(145deg,#182333,#10151d 65%);transition:border-color .25s,box-shadow .25s}.project-reel-card:hover{border-color:#7fb9ff;box-shadow:inset 0 1px #cee6ff20}.project-reel-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#050a10}.project-reel-media>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.project-reel-card:hover .project-reel-media>img{transform:scale(1.025)}.project-brand .project-reel-media>img{object-fit:contain;padding:24px;box-sizing:border-box;background:radial-gradient(ellipse,#132947,#070d16 70%)}.project-reel-index{position:absolute;left:18px;top:18px;color:#daeaff;background:#09111ddd;border:1px solid #739bcc70;padding:7px 10px;border-radius:5px;font:10px monospace}.project-reel-launch{position:absolute;bottom:18px;right:18px;border:1px solid #bedbff90;border-radius:50%;width:48px;height:48px;background:#101c2be6;color:#e1f1ff;font-size:25px;cursor:pointer}.project-reel-copy{padding:26px 28px}.project-reel-copy h4{font-size:clamp(25px,2.5vw,36px);letter-spacing:-.04em;margin:12px 0 8px;color:#eff6ff}.project-reel-copy>strong{font-size:16px;font-weight:400;color:#c7dcf9}.project-reel-copy>p{font-size:14px;line-height:1.65;color:#aab9ce;max-width:55ch}.project-reel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}.project-reel-actions .project-site-glitch{margin:0;font-size:12px}.project-reel-detail{border:0;background:transparent;color:#daeaff;padding:12px 4px;cursor:pointer;font:12px monospace;text-align:left}.project-reel-detail span{margin-left:12px}.project-reel-detail:hover,.project-reel-detail:focus-visible{text-shadow:2px 0 #169bff,-1px 0 #b9eaff}.project-reel-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:#8ea8ca;font:10px monospace;letter-spacing:.1em}@media(max-width:700px){.project-reel{margin-top:32px}.project-reel-heading{gap:12px;align-items:center}.project-reel-heading h3{font-size:29px}.project-reel-heading p{font-size:12px}.project-reel-controls button{width:40px;height:40px}.project-reel-track{gap:14px}.project-reel-card{flex-basis:88%}.project-reel-copy{padding:20px}.project-reel-copy h4{font-size:27px}.project-reel-bottom{font-size:8px}.project-reel-media{aspect-ratio:16/10}}@media(prefers-reduced-motion:reduce){.project-reel-card,.project-reel-media>img{transition:none}.project-reel-card:hover .project-reel-media>img{transform:none}}/* Compact ORI-ON tablet */
.project-reel{width:min(720px,100%);margin:48px auto 24px;padding:18px 22px 14px;box-sizing:border-box;border:1px solid #6983a5;border-radius:30px;background:linear-gradient(135deg,#27374b,#111821 30%,#0c121c 70%,#263449);box-shadow:0 28px 70px #0008,0 0 38px #169bff12,inset 0 1px #d6e8ff50;position:relative;isolation:isolate}.project-reel::before{content:'';position:absolute;top:9px;left:50%;width:5px;height:5px;border-radius:50%;background:#93bcf1;box-shadow:0 0 8px #169bff}.project-reel-heading{margin:10px 2px 16px;align-items:center}.project-reel-heading h3{font-size:25px;margin:7px 0;letter-spacing:-.045em}.project-reel-heading p{font-size:12px}.project-reel-heading .eyebrow{font-size:8px}.project-reel-controls button{width:35px;height:35px;font-size:16px}.project-reel-track{gap:0;border-radius:14px;scrollbar-width:none;padding:0;background:#080d15;border:1px solid #415776;touch-action:pan-x pan-y}.project-reel-track::-webkit-scrollbar{display:none}.project-reel-card{flex-basis:100%;border:0;border-radius:0;background:#0c1420;box-shadow:none!important}.project-reel-media{aspect-ratio:16/9;border-bottom:1px solid #31425c}.project-reel-copy{padding:17px 20px}.project-reel-copy h4{font-size:25px;margin:6px 0}.project-reel-copy>.eyebrow{font-size:8px}.project-reel-copy>strong{font-size:13px}.project-reel-copy>p{font-size:12px;margin:8px 0}.project-reel-actions{margin-top:10px}.project-reel-actions .project-site-glitch{min-height:36px;padding:8px 12px;font-size:10px}.project-reel-detail{font-size:11px;padding:10px 4px}.project-reel-launch{width:35px;height:35px;bottom:12px;right:12px;font-size:20px}.project-reel-index{font-size:8px;padding:5px 7px;top:12px;left:12px}.project-reel-bottom{font-size:8px;margin:12px 3px 0}.project-reel-media video{display:block;width:100%;height:100%;object-fit:contain;background:#05080c}.reel-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px 16px;border:1px solid #bedbff;border-radius:24px;background:#0c1a2ce6;color:#e2f6ff;cursor:pointer;font:11px monospace;box-shadow:0 0 25px #169bff30}.reel-play:hover,.reel-play:focus-visible{background:#17385a;text-shadow:2px 0 #169bff}.reel-playing .reel-play{top:auto;left:12px;bottom:12px;transform:none;padding:7px 12px;font-size:10px}.project-reel.is-switching .project-reel-media{animation:tablet-project-glitch .32s steps(2,end)}@keyframes tablet-project-glitch{0%,100%{filter:none;transform:none}20%{filter:drop-shadow(-4px 0 #169bff) contrast(1.2);transform:translateX(2px)}45%{filter:drop-shadow(3px 0 #c4efff);transform:translateX(-2px)}70%{filter:contrast(1.15);transform:none}}@media(max-width:700px){.project-reel{width:100%;padding:15px 10px 12px;border-radius:23px;margin:32px auto 16px}.project-reel-heading{margin:8px 5px 13px;gap:8px}.project-reel-heading h3{font-size:22px}.project-reel-heading p{font-size:10px}.project-reel-controls{gap:5px}.project-reel-controls button{width:32px;height:32px}.project-reel-card{flex-basis:100%}.project-reel-media{aspect-ratio:16/9}.project-reel-copy{padding:14px}.project-reel-copy h4{font-size:23px}.project-reel-bottom{font-size:7px}}@media(prefers-reduced-motion:reduce){.project-reel.is-switching .project-reel-media{animation:none}}
.project-reel-media>[hidden]{display:none!important}