@import '_content/RGTechStudio.PortalShared/RGTechStudio.PortalShared.keuoj1g695.bundle.scp.css';

/* /Components/ConnectedSystem.razor.rz.scp.css */
/* Connected-system illustration from the requested reference. */
.connected-scene[b-owxnkdzywd] {
    position: relative;
    aspect-ratio: 1.04;
    width: 100%;
    min-width: 0;
    max-width: 540px;
    justify-self: center;
    isolation: isolate;
}
.scene-grid[b-owxnkdzywd] {
    position: absolute;
    inset: 5%;
    background-image: linear-gradient(#7bcccc07 1px, transparent 1px), linear-gradient(90deg, #7bcccc07 1px, transparent 1px);
    background-size: 38px 38px;
    mask-image: radial-gradient(ellipse, #000 10%, transparent 70%);
}
.scene-glow[b-owxnkdzywd] {
    position: absolute;
    inset: 14%;
    background: radial-gradient(ellipse, #325e833e, transparent 65%);
    filter: blur(30px);
    z-index: -1;
}
.orbit-map[b-owxnkdzywd] { position: absolute; width: 112%; height: 112%; left: -6%; top: -4%; overflow: visible; }
.scene-label[b-owxnkdzywd] { position: absolute; top: 4%; left: 10%; display: flex; align-items: center; gap: 14px; font-size: 8px; letter-spacing: 2px; color: #7f9da7; }
.status-light[b-owxnkdzywd] { width: 6px; height: 6px; border-radius: 50%; background: #91f1d9; box-shadow: 0 0 15px #91f1d955; }
.scene-bottom[b-owxnkdzywd] { position: absolute; bottom: 0; left: 8%; right: 1%; border-top: 1px solid #9dc7ff1c; padding-top: 15px; display: flex; justify-content: space-between; font: 8px monospace; letter-spacing: 1.8px; color: #668393; }
.node[b-owxnkdzywd] {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid #7898a536;
    background: linear-gradient(120deg, #182b36ee, #0d1925ee);
    backdrop-filter: blur(8px);
    box-shadow: 0 12px 36px #0003;
    border-radius: 6px;
    color: #d6ebe6;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 1.3px;
    animation: connected-float-b-owxnkdzywd 9s ease-in-out infinite;
}
.node[b-owxnkdzywd]  .icon { color: #8de2ce; width: 21px; height: 21px; }
.node small[b-owxnkdzywd] { display: block; color: #849eac; font-size: 9px; font-weight: 400; margin-top: 7px; letter-spacing: 0; white-space: nowrap; }
.node-engineering[b-owxnkdzywd] { top: 22%; left: 0; }
.node-infrastructure[b-owxnkdzywd] { right: -2%; top: 48%; animation-delay: -3s; }
.node-growth[b-owxnkdzywd] { left: 11%; bottom: 16%; animation-delay: -6s; }
@keyframes connected-float-b-owxnkdzywd { 50% { transform: translateY(-8px); } }
@media (max-width: 1100px) and (min-width: 801px), (max-width: 480px) {
    .node[b-owxnkdzywd] { padding: 10px; font-size: 6px; gap: 8px; letter-spacing: 1px; }
    .node small[b-owxnkdzywd] { font-size: 7px; margin-top: 4px; }
    .node[b-owxnkdzywd]  .icon { width: 15px; height: 15px; }
    .scene-label[b-owxnkdzywd], .scene-bottom[b-owxnkdzywd] { font-size: 6px; letter-spacing: 1.4px; }
    .node-infrastructure[b-owxnkdzywd] { right: 0; }
}
@media (prefers-reduced-motion: reduce) { .node[b-owxnkdzywd] { animation: none; } }
/* /Components/PortfolioSection.razor.rz.scp.css */
.portfolio-section[b-wodl98fral]{padding-block:10px 110px;scroll-margin-top:15px}.portfolio-section .section-heading h2[b-wodl98fral]{max-width:640px;font-size:clamp(35px,4.2vw,54px)}.portfolio-section .section-heading>p[b-wodl98fral]{max-width:350px}.portfolio-feature[b-wodl98fral]{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);border:1px solid #61acd434;border-radius:20px;overflow:hidden;background:linear-gradient(130deg,#0c1d2fe6,#0a111ee6)}.portfolio-visual[b-wodl98fral]{position:relative;min-width:0;padding:35px 32px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 45% 30%,#147e8f30,transparent 70%),linear-gradient(135deg,#14304585,#0b1725);border-right:1px solid #82b4dc1c}.portfolio-preview-label[b-wodl98fral]{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.16em;color:#9abfd0;margin-bottom:29px}.portfolio-preview-label .status-light[b-wodl98fral]{height:5px;width:5px;background:#86e5d2;box-shadow:0 0 16px #86e5d2}.portfolio-browser[b-wodl98fral]{display:block;background:#0e1e2c;border:1px solid #84bed84f;border-radius:10px;overflow:hidden;box-shadow:0 24px 50px #0005;transform:perspective(1400px) rotateY(4deg) rotateX(2deg);transition:transform .4s,border-color .4s,box-shadow .4s}.portfolio-browser:hover[b-wodl98fral],.portfolio-browser:focus-visible[b-wodl98fral]{transform:perspective(1400px) rotateY(0) rotateX(0);border-color:#43e8f180;box-shadow:0 24px 50px #0006,0 0 30px #43e8f112}.portfolio-browser-bar[b-wodl98fral]{min-height:37px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;font-size:7px;letter-spacing:.07em;color:#a4bfce}.portfolio-window-dots[b-wodl98fral]{display:flex;gap:4px}.portfolio-window-dots i[b-wodl98fral]{display:block;width:5px;height:5px;border-radius:50%;background:#69899a}.portfolio-window-dots i:first-child[b-wodl98fral]{background:#a56b70}.portfolio-window-dots i:nth-child(2)[b-wodl98fral]{background:#b39864}.portfolio-window-dots i:last-child[b-wodl98fral]{background:#6aaf99}.portfolio-browser-bar[b-wodl98fral]  .icon{width:12px;height:12px;color:#94c6d1}.portfolio-browser img[b-wodl98fral]{display:block;width:100%;height:auto;background:#0b3443}.portfolio-image-link[b-wodl98fral]{display:flex;justify-content:space-between;gap:15px;padding:14px 17px;color:#c4e7ed;font-size:11px;border-top:1px solid #75bacd24}.portfolio-image-link>span[b-wodl98fral]{color:#6be6e7}.portfolio-visual-caption[b-wodl98fral]{font:8px/1.7 'Segoe UI',sans-serif;letter-spacing:.18em;color:#7aa1b7;margin-top:27px}.portfolio-story[b-wodl98fral]{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:45px 42px;min-width:0}.portfolio-category[b-wodl98fral]{display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.04em;color:#96d5dc;margin-bottom:26px;overflow-wrap:anywhere}.portfolio-category[b-wodl98fral]  .icon{height:17px;width:17px}.portfolio-story h3[b-wodl98fral]{font-size:clamp(29px,3vw,40px);line-height:1.18;letter-spacing:-.04em;margin-bottom:23px;overflow-wrap:anywhere}.portfolio-story>p[b-wodl98fral]{font-size:14px;line-height:1.95;color:#a9bed5;white-space:pre-line;overflow-wrap:anywhere}.portfolio-studio[b-wodl98fral]{display:flex;align-items:center;gap:15px;margin-top:30px;color:#6f98b4;font-size:8px;letter-spacing:.1em;line-height:1.8}.portfolio-studio-line[b-wodl98fral]{width:28px;height:1px;background:#43e8f18c}.portfolio-studio strong[b-wodl98fral]{font-size:12px;letter-spacing:.02em;font-weight:500;color:#c3ddea}.portfolio-story .text-action[b-wodl98fral]{font-size:12px;gap:18px;margin-top:30px;padding-top:23px;border-top:1px solid #91b9d223;width:100%;justify-content:space-between}
@media(max-width:1100px){.portfolio-story[b-wodl98fral]{padding:32px}.portfolio-visual[b-wodl98fral]{padding:30px 24px}.portfolio-story h3[b-wodl98fral]{font-size:32px}.portfolio-browser-bar[b-wodl98fral]{font-size:6px}}
@media(max-width:800px){.portfolio-section[b-wodl98fral]{padding-bottom:80px}.portfolio-feature[b-wodl98fral]{grid-template-columns:1fr}.portfolio-visual[b-wodl98fral]{border-right:0;border-bottom:1px solid #82b4dc1c;padding:30px}.portfolio-browser[b-wodl98fral]{transform:none}.portfolio-story[b-wodl98fral]{padding:35px}.portfolio-story h3[b-wodl98fral]{font-size:34px}.portfolio-preview-label[b-wodl98fral]{margin-bottom:22px}.portfolio-browser-bar[b-wodl98fral]{font-size:8px}.portfolio-section .section-heading>p[b-wodl98fral]{max-width:530px}}
@media(max-width:520px){.portfolio-section[b-wodl98fral]{padding-bottom:65px}.portfolio-visual[b-wodl98fral]{padding:25px 19px}.portfolio-browser-bar[b-wodl98fral]{font-size:6px;padding:10px}.portfolio-window-dots[b-wodl98fral]{gap:3px}.portfolio-window-dots i[b-wodl98fral]{width:4px;height:4px}.portfolio-visual-caption[b-wodl98fral]{font-size:7px;letter-spacing:.1em}.portfolio-preview-label[b-wodl98fral]{font-size:8px}.portfolio-story[b-wodl98fral]{padding:28px 25px}.portfolio-story h3[b-wodl98fral]{font-size:30px}.portfolio-story>p[b-wodl98fral]{font-size:14px}.portfolio-category[b-wodl98fral]{margin-bottom:19px}.portfolio-studio[b-wodl98fral]{margin-top:23px}}
@media(prefers-reduced-motion:reduce){.portfolio-browser[b-wodl98fral]{transform:none;transition:none}.portfolio-browser:hover[b-wodl98fral],.portfolio-browser:focus-visible[b-wodl98fral]{transform:none}}