
/* MR Portfolio Experience V8: in-page media, visual operations, cyber lab and project diversity */
.media-trigger,.ops-v8-card,.lab-command-v8__image,.lab-proof-strip-v8 button,.lab-gallery-v8__item,.about-workstation-v8__media{appearance:none;border:0;padding:0;background:none;color:inherit;font:inherit;text-align:inherit;cursor:zoom-in}
.ops-showcase-v8{overflow:hidden}.ops-showcase-v8__layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(620px,1.22fr);gap:54px;align-items:center}.ops-deck-v8{position:relative;min-height:650px;border:1px solid rgba(104,239,255,.18);border-radius:30px;background:radial-gradient(circle at 30% 20%,rgba(73,225,255,.09),transparent 42%),#050c15;padding:18px;box-shadow:0 35px 120px rgba(0,0,0,.34);overflow:hidden}.ops-deck-v8:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(104,239,255,.035) 1px,transparent 1px),linear-gradient(rgba(104,239,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 90%);pointer-events:none}.ops-v8-card{position:relative;overflow:hidden;border:1px solid rgba(104,239,255,.18);border-radius:23px;background:#06101a;box-shadow:0 18px 55px rgba(0,0,0,.34);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.ops-v8-card:hover{transform:translateY(-4px);border-color:rgba(104,239,255,.5);box-shadow:0 26px 70px rgba(0,0,0,.46),0 0 35px rgba(64,216,255,.08)}.ops-v8-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .4s ease}.ops-v8-card:hover img{transform:scale(1.025);filter:saturate(1.08) contrast(1.04)}.ops-v8-card--hero{display:block;width:72%;height:450px;margin:18px 0 0 0}.ops-v8-rail{position:absolute;right:18px;top:38px;width:35%;display:grid;gap:14px}.ops-v8-rail .ops-v8-card{height:180px}.ops-v8-overlay{position:absolute;left:14px;right:14px;bottom:14px;padding:13px 15px;border:1px solid rgba(104,239,255,.18);border-radius:14px;background:linear-gradient(180deg,rgba(4,12,22,.68),rgba(4,12,22,.94));backdrop-filter:blur(12px);display:grid;gap:3px;z-index:2}.ops-v8-overlay small{font:800 8px/1.2 ui-monospace,monospace;letter-spacing:.16em;color:#68efff}.ops-v8-overlay b{font-size:12px}.ops-v8-overlay i{font:700 7px/1.2 ui-monospace,monospace;color:#7ea5b5;letter-spacing:.12em;font-style:normal}.ops-v8-status{position:absolute;left:26px;bottom:22px;right:38%;display:flex;gap:9px;flex-wrap:wrap}.ops-v8-status span{font:700 8px/1 ui-monospace,monospace;letter-spacing:.13em;padding:8px 10px;border-radius:999px;border:1px solid rgba(104,239,255,.14);background:rgba(4,12,22,.85);color:#8fb9c8}.ops-v8-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#54ffad;box-shadow:0 0 12px #54ffad;margin-right:6px}
.lab-hero-v8{padding-top:140px;min-height:auto}.lab-hero-v8__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:48px;align-items:center}.lab-hero-v8__copy h1{font-size:clamp(48px,5.4vw,82px);line-height:.94;max-width:760px;margin:18px 0 20px;letter-spacing:-.055em}.lab-hero-v8__copy p{max-width:680px;color:#93afbd;font-size:17px}.lab-v8-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.lab-v8-chips span{padding:8px 10px;border:1px solid rgba(104,239,255,.18);border-radius:999px;color:#68efff;font:800 8px/1 ui-monospace,monospace;letter-spacing:.14em;background:rgba(104,239,255,.035)}.lab-command-v8{position:relative;min-height:525px;border:1px solid rgba(104,239,255,.22);border-radius:30px;padding:13px;background:#040b13;box-shadow:0 40px 120px rgba(0,0,0,.42);overflow:hidden}.lab-command-v8:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 58%,rgba(1,8,15,.75)),linear-gradient(90deg,rgba(104,239,255,.04) 1px,transparent 1px);background-size:auto,46px 46px}.lab-command-v8__image{display:block;width:100%;height:500px;border-radius:20px;overflow:hidden}.lab-command-v8__image img{width:100%;height:100%;object-fit:cover}.lab-command-v8__hud{position:absolute;z-index:3;left:30px;right:30px;bottom:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lab-command-v8__hud div{padding:12px 14px;border:1px solid rgba(104,239,255,.18);border-radius:14px;background:rgba(3,11,19,.82);backdrop-filter:blur(12px)}.lab-command-v8__hud small{display:block;font:800 8px/1 ui-monospace,monospace;color:#6f9aaa;letter-spacing:.13em;margin-bottom:6px}.lab-command-v8__hud b{font:800 10px/1.2 ui-monospace,monospace;color:#e8fbff;letter-spacing:.08em}.lab-command-v8__pulse{position:absolute;z-index:3;top:28px;right:28px;padding:9px 11px;border-radius:999px;background:rgba(2,12,20,.78);border:1px solid rgba(84,255,173,.24);font:800 8px/1 ui-monospace,monospace;letter-spacing:.14em;color:#b8fbd3}.lab-command-v8__pulse i{display:inline-block;width:7px;height:7px;background:#54ffad;border-radius:50%;box-shadow:0 0 13px #54ffad;margin-right:7px}.lab-command-proof-v8{border-block:1px solid rgba(104,239,255,.1);background:linear-gradient(180deg,rgba(7,17,29,.65),rgba(3,9,16,.86))}.lab-proof-strip-v8{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:14px}.lab-proof-strip-v8 button{height:320px;position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(104,239,255,.17)}.lab-proof-strip-v8 img{width:100%;height:100%;object-fit:cover}.lab-proof-strip-v8 span{position:absolute;left:14px;bottom:14px;padding:8px 10px;border-radius:999px;background:rgba(3,10,18,.84);border:1px solid rgba(104,239,255,.2);color:#68efff;font:800 8px/1 ui-monospace,monospace;letter-spacing:.13em}.lab-gallery-v8__grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:240px;gap:14px}.lab-gallery-v8__item{position:relative;border:1px solid rgba(104,239,255,.16);border-radius:22px;overflow:hidden;background:#06101a}.lab-gallery-v8__item--wide{grid-row:span 2}.lab-gallery-v8__item:last-child{grid-column:2 / 4}.lab-gallery-v8__item img{width:100%;height:100%;object-fit:cover;transition:.5s}.lab-gallery-v8__item:hover img{transform:scale(1.025)}.lab-gallery-v8__item>span{position:absolute;left:14px;right:14px;bottom:14px;padding:12px 14px;background:rgba(3,11,20,.82);border:1px solid rgba(104,239,255,.16);border-radius:13px;backdrop-filter:blur(10px);display:flex;justify-content:space-between;gap:10px;align-items:center}.lab-gallery-v8__item b{font-size:10px;letter-spacing:.1em}.lab-gallery-v8__item small{color:#82a7b7;font-size:9px}.about-workstation-v8__media{position:relative;width:100%;max-height:660px;border-radius:28px;overflow:hidden;border:1px solid rgba(104,239,255,.18)}.about-workstation-v8__media img{width:100%;max-height:660px;object-fit:cover}.about-workstation-v8__media span{position:absolute;left:20px;bottom:20px;padding:10px 13px;border:1px solid rgba(104,239,255,.2);border-radius:999px;background:rgba(3,11,20,.82);color:#68efff;font:800 9px/1 ui-monospace,monospace;letter-spacing:.14em}
/* Same-page immersive media viewer */
.mr-media-viewer{position:fixed;inset:0;z-index:12000;visibility:hidden;pointer-events:none}.mr-media-viewer.is-open{visibility:visible;pointer-events:auto}.mr-media-viewer__backdrop{position:absolute;inset:0;background:rgba(0,4,10,.91);backdrop-filter:blur(22px);opacity:0;transition:.25s}.mr-media-viewer.is-open .mr-media-viewer__backdrop{opacity:1}.mr-media-viewer__shell{position:absolute;inset:22px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;transform:scale(.96) translateY(12px);opacity:0;transition:.28s}.mr-media-viewer.is-open .mr-media-viewer__shell{transform:none;opacity:1}.mr-media-viewer__top,.mr-media-viewer__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid rgba(104,239,255,.16);border-radius:15px;background:rgba(4,13,22,.84)}.mr-media-viewer__caption{min-width:0}.mr-media-viewer__caption small{display:block;color:#68efff;font:800 8px/1 ui-monospace,monospace;letter-spacing:.15em}.mr-media-viewer__caption b{display:block;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mr-media-viewer__controls{display:flex;gap:8px}.mr-media-viewer button{width:42px;height:42px;border:1px solid rgba(104,239,255,.2);border-radius:12px;background:#071522;color:#e9fbff;cursor:pointer}.mr-media-viewer__stage{position:relative;overflow:auto;display:grid;place-items:center;border:1px solid rgba(104,239,255,.12);border-radius:20px;background:radial-gradient(circle at 50% 50%,rgba(104,239,255,.06),transparent 45%),#02070d}.mr-media-viewer__stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .25s;transform-origin:center;user-select:none;-webkit-user-drag:none}.mr-media-viewer.is-zoomed .mr-media-viewer__stage img{transform:scale(1.65);cursor:zoom-out}.mr-media-viewer__bottom{justify-content:center;color:#789dad;font:700 9px/1 ui-monospace,monospace;letter-spacing:.11em}.mr-media-viewer__bottom span{color:#d9f8ff}.media-trigger img,.credential-visual-card img,.verified-card__visual img,.global-project-card__visual img,.universe-card__visual img,.case-cover img,.visual-system-frame img{cursor:zoom-in}
/* Cinematic same-page project viewers */
.project-viewer__backdrop,.project-modal__backdrop{backdrop-filter:blur(20px)!important;background:rgba(0,4,10,.9)!important}.project-viewer__panel{top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;width:min(1220px,calc(100vw - 36px))!important;height:min(820px,calc(100vh - 40px))!important;display:grid!important;grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr)!important;grid-template-rows:auto auto auto 1fr auto!important;column-gap:30px!important;overflow:auto!important;padding:22px!important;border:1px solid rgba(104,239,255,.28)!important;border-radius:28px!important;background:linear-gradient(145deg,#071522,#02070d)!important;transform:translate(-50%,-46%) scale(.96)!important;opacity:0!important;box-shadow:0 50px 160px rgba(0,0,0,.72)!important;transition:.3s!important}.project-viewer.is-open .project-viewer__panel{transform:translate(-50%,-50%) scale(1)!important;opacity:1!important}.project-viewer__image{grid-column:1;grid-row:1 / 6;width:100%!important;height:100%!important;min-height:600px;aspect-ratio:auto!important;object-fit:cover!important;border-radius:20px!important;margin:0!important}.project-viewer__status,.project-viewer h2,.project-viewer>p,.project-viewer__panel>p,.project-viewer__meta,.project-viewer__actions{grid-column:2}.project-viewer__close{position:absolute!important;right:18px!important;top:18px!important;float:none!important}.project-viewer__status{align-self:end;padding-top:30px}.project-viewer h2{font-size:clamp(30px,3.7vw,52px)!important;line-height:1!important}.project-viewer__meta{grid-template-columns:1fr!important}.project-modal__panel{width:min(1220px,calc(100vw - 36px))!important;max-height:calc(100vh - 40px)!important;margin:20px auto!important;display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)!important;grid-template-rows:auto auto auto 1fr auto auto!important;column-gap:30px!important;padding:22px!important;border-radius:28px!important;background:linear-gradient(145deg,#071522,#02070d)!important;box-shadow:0 50px 160px rgba(0,0,0,.72)!important}.project-modal__image{grid-column:1!important;grid-row:1 / 7!important;width:100%!important;height:100%!important;min-height:620px!important;aspect-ratio:auto!important;object-fit:cover!important;border-radius:20px!important;margin:0!important}.project-modal__panel>[data-modal-index],.project-modal__panel>[data-modal-title],.project-modal__panel>[data-modal-meta],.project-modal__panel>[data-modal-summary],.project-modal__panel>[data-modal-tags],.project-modal__panel>[data-modal-whatsapp]{grid-column:2!important}.project-modal__panel>[data-modal-index]{align-self:end;padding-top:34px}.project-modal__panel>[data-modal-title]{font-size:clamp(32px,4vw,56px)!important;line-height:1!important;margin:12px 0!important}.project-modal__summary{font-size:14px;line-height:1.8}.project-modal__close{position:absolute!important;right:18px!important;top:18px!important}
/* Project card layouts intentionally vary instead of one repeated dashboard pattern */
.global-project-card,.universe-card{--card-accent:#68efff}.global-project-card:nth-child(4n+2),.universe-card:nth-child(5n+2){border-radius:30px 10px 30px 10px}.global-project-card:nth-child(4n+3),.universe-card:nth-child(5n+3){border-radius:10px 30px 10px 30px}.global-project-card:nth-child(4n),.universe-card:nth-child(5n+4){background:linear-gradient(180deg,rgba(5,18,31,.94),rgba(10,29,44,.8))}.global-project-card:nth-child(3n+1) .global-project-card__visual,.universe-card:nth-child(4n+1) .universe-card__visual{aspect-ratio:16/10;height:auto}.global-project-card:nth-child(3n+2) .global-project-card__visual,.universe-card:nth-child(4n+2) .universe-card__visual{aspect-ratio:4/3;height:auto}.global-project-card:nth-child(3n) .global-project-card__visual,.universe-card:nth-child(4n+3) .universe-card__visual{aspect-ratio:16/8;height:auto}.global-project-card:nth-child(6n+1){transform:translateY(10px)}.global-project-card:nth-child(6n+4){transform:translateY(-5px)}.global-project-card:hover,.universe-card:hover{transform:translateY(-7px)!important}
@media(max-width:1100px){.ops-showcase-v8__layout,.lab-hero-v8__grid{grid-template-columns:1fr}.ops-deck-v8{min-height:620px}.project-viewer__panel,.project-modal__panel{grid-template-columns:1fr!important;height:min(92vh,940px)!important;overflow:auto!important}.project-viewer__image,.project-modal__image{grid-column:1!important;grid-row:auto!important;min-height:340px!important;height:44vh!important}.project-viewer__status,.project-viewer h2,.project-viewer__panel>p,.project-viewer__meta,.project-viewer__actions,.project-modal__panel>[data-modal-index],.project-modal__panel>[data-modal-title],.project-modal__panel>[data-modal-meta],.project-modal__panel>[data-modal-summary],.project-modal__panel>[data-modal-tags],.project-modal__panel>[data-modal-whatsapp]{grid-column:1!important}.lab-proof-strip-v8{grid-template-columns:1fr 1fr}.lab-proof-strip-v8 button:first-child{grid-column:1/-1}}
@media(max-width:720px){.ops-showcase-v8__layout{gap:28px}.ops-deck-v8{min-height:0;padding:10px;display:grid;gap:10px}.ops-v8-card--hero{width:100%;height:270px;margin:0}.ops-v8-rail{position:static;width:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.ops-v8-rail .ops-v8-card{height:150px}.ops-v8-rail .ops-v8-card:last-child{grid-column:1/-1;height:180px}.ops-v8-status{position:static;margin-top:2px;display:flex}.lab-hero-v8{padding-top:112px}.lab-hero-v8__copy h1{font-size:clamp(42px,13vw,64px)}.lab-command-v8{min-height:0;padding:8px}.lab-command-v8__image{height:330px}.lab-command-v8__hud{left:14px;right:14px;bottom:14px;grid-template-columns:1fr}.lab-command-v8__hud div:nth-child(2),.lab-command-v8__hud div:nth-child(3){display:none}.lab-command-v8__pulse{top:14px;right:14px}.lab-proof-strip-v8{grid-template-columns:1fr}.lab-proof-strip-v8 button,.lab-proof-strip-v8 button:first-child{grid-column:auto;height:230px}.lab-gallery-v8__grid{grid-template-columns:1fr;grid-auto-rows:240px}.lab-gallery-v8__item--wide{grid-row:auto}.lab-gallery-v8__item:last-child{grid-column:auto}.mr-media-viewer__shell{inset:8px}.mr-media-viewer__top{padding:8px}.mr-media-viewer__caption b{font-size:11px}.mr-media-viewer__bottom{font-size:8px}.mr-media-viewer.is-zoomed .mr-media-viewer__stage img{transform:scale(1.35)}.project-viewer__panel,.project-modal__panel{width:calc(100vw - 12px)!important;height:calc(100vh - 12px)!important;max-height:calc(100vh - 12px)!important;margin:6px!important;border-radius:20px!important;padding:12px!important;top:0!important;left:0!important;transform:translateY(100%)!important}.project-viewer.is-open .project-viewer__panel{transform:none!important}.project-modal__panel{transform:none!important}.project-viewer__image,.project-modal__image{height:38vh!important;min-height:250px!important}.project-viewer__meta{grid-template-columns:1fr 1fr!important}.global-project-card:nth-child(n),.universe-card:nth-child(n){transform:none!important;border-radius:20px}}
@media(prefers-reduced-motion:reduce){.ops-v8-card,.ops-v8-card img,.mr-media-viewer__shell,.mr-media-viewer__backdrop,.project-viewer__panel{transition:none!important}}
