/* Device Atelier: independent models, information-only cards. Scoped to portfolio owners. */
@property --meb-edge-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.meb-device-card,.meb-device-stage,.meb-device-stage *{box-sizing:border-box}
.meb-work-card.meb-device-card,.mev-project[data-meb-device]{position:relative;min-width:0;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;transform:none;transition:none;color:#f6f8ff}
.meb-work-card.meb-device-card:hover,.mev-project[data-meb-device].is-featured{border:0;box-shadow:none;transform:none}
.meb-device-stage{height:400px;width:100%;position:relative;z-index:2;isolation:isolate;background:transparent;touch-action:pan-y;overflow:hidden;direction:ltr}
.meb-device-stage .meb-device-play{pointer-events:auto}
.meb-device-stage:before{content:'';position:absolute;inset:14% 0 0;background:radial-gradient(ellipse at 50% 68%,#134d9338,transparent 65%);z-index:-2;pointer-events:none}
.meb-device-stage:after{content:'';position:absolute;bottom:4%;left:14%;right:14%;height:12%;background:radial-gradient(ellipse,#000b,transparent 66%);filter:blur(9px);z-index:-1;pointer-events:none}
.meb-device-stage .meb-device-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;visibility:hidden}
.meb-device-stage.is-device-rendered .meb-device-canvas{visibility:visible}
.meb-device-fallback{position:absolute;inset:12% 8%;display:grid;place-items:center;overflow:hidden;border-radius:18px;background:#0c1930}
.meb-device-fallback img{display:block;width:100%;height:100%;object-fit:contain;object-position:top}
.meb-device-phone .meb-device-fallback{inset:6% 24%;border-radius:28px}
.is-device-rendered .meb-device-fallback{opacity:0;pointer-events:none}
.meb-device-empty{display:grid;place-items:center;padding:24px;min-height:120px;color:#c8daf0;text-align:center;font:inherit;direction:rtl}
.meb-device-card .meb-work-copy,.mev-project[data-meb-device] .mev-details{position:relative;isolation:isolate;margin:-64px 0 0;padding:76px 28px 28px;border-radius:24px;background:linear-gradient(145deg,#102344ee,#081327);border:1px solid #293e5c;box-shadow:0 18px 50px #0003;text-align:start;color:#f6f8ff}
.meb-device-card .meb-work-copy:before,.mev-project[data-meb-device] .mev-details:before{content:'';position:absolute;inset:-2px;border-radius:26px;padding:2px;background:conic-gradient(from var(--meb-edge-angle),transparent 0deg,#155dff 70deg,#78e9ff 100deg,#8c91ff 135deg,transparent 175deg,transparent 240deg,#1972ff 300deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .25s;pointer-events:none}
.meb-device-card .meb-work-copy:hover:before,.meb-device-card .meb-work-copy:focus-within:before,.mev-project[data-meb-device] .mev-details:hover:before,.mev-project[data-meb-device] .mev-details:focus-within:before{opacity:1;animation:meb-edge-travel 4s linear 2}
.meb-device-card .meb-work-copy>span{display:block;color:#ffb76a;font-size:13px;line-height:1.8;margin-bottom:8px}
.meb-device-card .meb-work-copy h3,.mev-project[data-meb-device] .mev-details h3{color:#fff;font-family:inherit;font-size:clamp(21px,2vw,29px);line-height:1.7;margin:0;font-weight:750;overflow-wrap:anywhere}
.meb-device-card .meb-work-copy p,.mev-project[data-meb-device] .mev-caption{color:#c5d7f1;font-size:16px;line-height:1.9;margin:12px 0 0}
.meb-device-card .meb-work-site-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0;align-items:stretch}
.meb-device-card .meb-work-site-actions a{display:flex;flex:1 1 160px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-family:inherit;font-size:14px;font-weight:650;line-height:1.8;color:#e8f5ff;border:1px solid #4c78aa;border-radius:12px;background:#152c4c;text-decoration:none;padding:10px 14px}
.meb-device-card .meb-work-site-actions a.is-primary{color:#17141d;background:#ff8300;border-color:#ffb65d}
.meb-device-card a:focus-visible,.meb-device-play:focus-visible{outline:3px solid #ffc16c;outline-offset:5px}
.meb-device-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.meb-device-tags span{padding:4px 10px;border-radius:8px;border:1px solid #446182;color:#c3d6ed;font-size:12px}
.meb-device-play{position:absolute;left:44%;top:49%;width:60px;height:60px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid #d7eaff;border-radius:50%;background:#071327d9;box-shadow:0 8px 32px #0006;z-index:2;text-decoration:none}
.meb-device-play svg{display:block;width:25px;height:25px;fill:#fff;margin-left:3px}
.meb-device-play:hover{background:#ff8300;border-color:#ffd2a1}
.meb-service-page #meb-service-showcase:has([data-meb-device]),.mst-page #meb-service-showcase:has([data-meb-device]){background:radial-gradient(ellipse at 80% 20%,#13336688,transparent 55%),radial-gradient(1px 1px at 23px 30px,#a6c9ff80 55%,transparent),linear-gradient(140deg,#070d20,#0c1b37);background-size:auto,260px 210px,auto;color:#f6f8ff}
.meb-service-page #meb-service-showcase:has([data-meb-device]) h2,.mst-page #meb-service-showcase:has([data-meb-device]) h2{color:#fff}
.meb-service-page #meb-service-showcase:has([data-meb-device])>.meb-service-shell>p,.meb-service-page .mev-showcase:has([data-meb-device]) .mev-heading p{color:#c5d7f1}
.meb-service-page .meb-portfolio-grid.meb-device-grid,.mst-page .mst-portfolio.meb-work-tour-grid,.meb-work-grid:has(.meb-device-card){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 36px;align-items:start}
.meb-device-grid>.meb-work-card,.meb-work-grid:has(.meb-device-card)>.meb-work-card:nth-child(n){grid-column:auto}
.meb-work-grid.count-1:has(.meb-device-card){max-width:680px;margin-inline:auto;grid-template-columns:minmax(0,1fr)}
.mev-project[data-meb-device]{gap:32px;align-items:center}
.mev-project .mev-media.is-device{display:block;aspect-ratio:auto;padding:0;background:none;min-width:0;min-height:0;overflow:visible}
.mev-project[data-meb-device] .mev-details dl,.mev-project[data-meb-device] .mev-details dl>div{border-color:#38506e}
.mev-project[data-meb-device] .mev-details dt{color:#b5cbe7}.mev-project[data-meb-device] .mev-details dd{color:#f1f6ff}
.mev-project[data-meb-device] .mev-index{color:#c5d7f1}
body.meb-work-owned-page .meb-site-footer{margin-top:0}
.meb-showcase-more{margin-top:32px;border:0;color:inherit}
.meb-showcase-more>summary,.meb-sector-more>summary{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;min-height:48px;margin:0 auto;cursor:pointer;padding:12px 24px;border:1px solid #59799e;border-radius:12px;font-size:16px;font-weight:700;list-style:none;background:#152c4c;color:#f6f8ff}
.meb-showcase-more>summary::-webkit-details-marker,.meb-sector-more>summary::-webkit-details-marker{display:none}
.meb-showcase-more>summary:after,.meb-sector-more>summary:after{content:'+';font-size:22px}
.meb-showcase-more[open]>summary:after,.meb-sector-more[open]>summary:after{content:'−'}
.meb-showcase-more>summary span{font-size:13px;font-weight:400;color:#c5d7f1}
.meb-showcase-more[open]>div{margin-top:32px}
.meb-showcase-more>summary:focus-visible,.meb-sector-more>summary:focus-visible{outline:3px solid #ffb76a;outline-offset:5px}
.meb-sector-more{margin-top:20px}.meb-sector-more>summary{background:#fff;color:#182340;border-color:#c6d3e6}
.meb-sector-more[open]>.meb-sector-grid{margin-top:20px}
.mst-page #meb-service-showcase{scroll-margin-top:100px}
.meb-service-page #meb-service-showcase{scroll-margin-top:100px}
.meb-service-page #meb-service-showcase .meb-service-section-head p,.mst-page #meb-service-showcase .mst-section-title p{color:#c5d7f1}
@keyframes meb-edge-travel{to{--meb-edge-angle:360deg}}
@media(max-width:700px){.meb-service-page .meb-portfolio-grid.meb-device-grid,.mst-page .mst-portfolio.meb-work-tour-grid,.meb-work-grid:has(.meb-device-card){grid-template-columns:minmax(0,1fr);gap:36px;overflow:visible;padding:0}.meb-device-stage{height:320px}.meb-device-phone{height:420px}.meb-device-card .meb-work-copy,.mev-project[data-meb-device] .mev-details{padding:46px 22px 22px;margin-top:-48px}.meb-device-card .meb-work-copy h3{font-size:22px}.mev-project[data-meb-device]{grid-template-columns:minmax(0,1fr);gap:0}.meb-device-play{width:52px;height:52px}}
@media(min-width:701px){.mev-project[data-meb-device] .mev-details{margin:0;padding:28px}.mev-project[data-meb-device]{gap:8px}}
@media(max-width:700px){.meb-device-card .meb-work-copy,.mev-project[data-meb-device] .mev-details{padding-top:60px}}
@media(prefers-reduced-motion:reduce){.meb-device-card .meb-work-copy:before,.mev-project[data-meb-device] .mev-details:before{animation:none;transition:none}}