.portfolio-detail-hero__visual .portfolio-orbit-stage{position:absolute;bottom:-178px;left:50%;transform:translate(-50%)}.portfolio-orbit-stage{aspect-ratio:1;isolation:isolate;width:min(100%,540px);position:relative}.portfolio-orbit-stage__halo{filter:blur(14px);pointer-events:none;background:radial-gradient(circle,#2867b629,#38bdf80d 54%,#0000 72%);border-radius:50%;position:absolute;inset:15%}.portfolio-orbit-stage__glow-spot{filter:blur(10px);pointer-events:none;background:radial-gradient(circle,#2867b62e,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-orbit-core-globe{z-index:5;pointer-events:none;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-particle-sphere{place-items:center;display:grid}.portfolio-particle-sphere__canvas{pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:50%;display:block}.portfolio-orbit-ring{pointer-events:none;border:1px solid #2867b624;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-orbit__spoke{z-index:10;transform-origin:bottom;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:center;width:50px;height:50%;margin-left:-25px;display:flex;position:absolute;top:0;left:50%}.portfolio-orbit__node{z-index:12;pointer-events:auto;flex-direction:column;align-items:center;margin-top:-25px;display:flex;position:relative}.portfolio-orbit__badge{cursor:pointer;-webkit-backdrop-filter:blur(18px)saturate(155%);background:linear-gradient(#ffffff45,#ffffff14);border:1px solid #ffffff4d;border-radius:16px;outline:none;place-items:center;width:50px;height:50px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),border-color .2s,box-shadow .2s,background .2s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff61,0 10px 24px #18467d1f,0 18px 32px #18467d0f}.portfolio-orbit__badge:hover,.portfolio-orbit__badge:focus-visible{z-index:40;background:linear-gradient(#ffffff57,#ffffff1c);border-color:#7dbfff94;transform:scale(1.14);box-shadow:inset 0 1px #ffffff70,0 14px 34px #2867b633}.portfolio-orbit__badge img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:28px;height:28px}.portfolio-orbit__fallback{color:#2867b6;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:700}:is(.portfolio-orbit__spoke:hover,.portfolio-orbit__spoke:focus-within,.portfolio-orbit-stage:has(.portfolio-orbit__badge:hover) .portfolio-orbit__spoke,.portfolio-orbit-stage:has(.portfolio-orbit__badge:focus-visible) .portfolio-orbit__spoke),:is(.portfolio-orbit__node:hover,.portfolio-orbit__node:focus-within,.portfolio-orbit-stage:has(.portfolio-orbit__badge:hover) .portfolio-orbit__node,.portfolio-orbit-stage:has(.portfolio-orbit__badge:focus-visible) .portfolio-orbit__node){animation-play-state:paused}.portfolio-orbit__tooltip{z-index:50;color:#fff;text-align:center;pointer-events:none;opacity:0;visibility:hidden;background:#182433;border-radius:6px;width:max-content;max-width:160px;padding:5px 9px;font-size:11px;font-weight:600;line-height:1.25;transition:opacity .18s,transform .18s cubic-bezier(.34,1.56,.64,1),visibility .18s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 8px 22px #0c162247}.portfolio-orbit__tooltip:after{content:"";border:4px solid #0000;border-top-color:#182433;position:absolute;top:100%;left:50%;transform:translate(-50%)}.portfolio-orbit__badge:hover .portfolio-orbit__tooltip,.portfolio-orbit__badge:focus-visible .portfolio-orbit__tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.portfolio-orbit-stage.is-paused .portfolio-orbit__spoke,.portfolio-orbit-stage.is-paused .portfolio-orbit__node{animation-play-state:paused}@keyframes orbit-cw{0%{transform:rotate(var(--start-angle))}to{transform:rotate(calc(var(--start-angle) + 360deg))}}@keyframes orbit-ccw{0%{transform:rotate(var(--start-angle))}to{transform:rotate(calc(var(--start-angle) - 360deg))}}@keyframes counter-cw{0%{transform:rotate(var(--counter-offset,0deg))}to{transform:rotate(calc(var(--counter-offset,0deg) - 360deg))}}@keyframes counter-ccw{0%{transform:rotate(var(--counter-offset,0deg))}to{transform:rotate(calc(var(--counter-offset,0deg) + 360deg))}}.portfolio-detail-gallery{background:linear-gradient(#edf4fa 0%,#e6eef7 44%,#eef5fb 100%);position:relative;overflow:hidden}.portfolio-detail-gallery__bg{z-index:0;pointer-events:none;opacity:.35;position:absolute;inset:0}.portfolio-detail-gallery__diagram,.portfolio-detail-gallery__code,.portfolio-detail-gallery__measure{opacity:.22;position:absolute}.portfolio-detail-gallery__diagram{overflow:visible}.portfolio-detail-gallery__diagram rect,.portfolio-detail-gallery__diagram circle,.portfolio-detail-gallery__diagram path{stroke:#273a52ad;stroke-width:1.3px}.portfolio-detail-gallery__diagram text{fill:#273a52bd;letter-spacing:.01em;font-size:12px;font-weight:600;font-family:var(--font-poppins)}.portfolio-detail-gallery__diagram--uml{width:min(360px,33vw);top:58px;left:12px}.portfolio-detail-gallery__diagram--flow{width:min(328px,30vw);top:56px;right:24px}.portfolio-detail-gallery__diagram--schema{width:min(342px,31vw);bottom:56px;left:54px}.portfolio-detail-gallery__code{color:#355477c2;letter-spacing:-.1px;text-shadow:0 1px #ffffff9e;white-space:pre-wrap;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px;font-weight:600;line-height:1.95}.portfolio-detail-gallery__code--react{width:210px;top:76px;left:43%}.portfolio-detail-gallery__code--delphi{width:182px;top:230px;right:11%}.portfolio-detail-gallery__code--css{width:170px;bottom:118px;right:19%}.portfolio-detail-gallery__code--js{width:172px;bottom:70px;left:44%}.portfolio-detail-gallery__code--sql{width:210px;top:300px;left:8%}.portfolio-detail-gallery__measure{color:#355477b8;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;width:224px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:8px;font-weight:700;display:flex;bottom:62px;right:64px}.portfolio-detail-gallery__measure-line{border-top:1px dashed #3f78b857;display:block;position:absolute;top:-8px;left:0;right:0}.portfolio-detail-gallery__measure-line:before,.portfolio-detail-gallery__measure-line:after{content:"";background:#3f78b857;width:1px;height:8px;position:absolute;top:-4px}.portfolio-detail-gallery__measure-line:before{left:0}.portfolio-detail-gallery__measure-line:after{right:0}.portfolio-detail-gallery .site-container{z-index:1;position:relative}.portfolio-detail-gallery__intro{z-index:2;justify-content:space-between;align-items:end;gap:32px;margin-bottom:10px;display:flex;position:relative}.portfolio-detail-gallery__intro .portfolio-detail-section-heading{margin-bottom:0}.portfolio-detail-gallery__intro>p{color:#718195;text-align:right;max-width:460px;margin:0 0 4px;font-size:13.5px;line-height:1.7}.portfolio-arch-gallery{z-index:1;margin-top:14px;padding:12px 0 0;position:relative}.portfolio-arch-gallery:before{filter:blur(18px);content:"";pointer-events:none;background:radial-gradient(#2867b61a,#2867b606 46%,#0000 72%);border-radius:50%;width:min(980px,88vw);height:260px;position:absolute;top:38px;left:50%;transform:translate(-50%)}.portfolio-arch-gallery__stage{width:100%;height:clamp(310px,31vw,420px);margin:0 auto;position:relative}.portfolio-arch-gallery__card{aspect-ratio:.73;cursor:zoom-in;width:clamp(128px,15.2vw,190px);transform:translate(-50%, -50%) translateX(calc(var(--gallery-offset) * clamp(42px, 8.5vw, 108px))) translateY(calc(var(--gallery-abs-offset) * clamp(8px, 1.15vw, 16px))) rotate(var(--gallery-rotation));transform-origin:50%;background:#e8eef5;border:1px solid #ffffffeb;border-radius:clamp(14px,1.5vw,20px);outline:none;padding:0;transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .2s,box-shadow .24s,filter .22s,opacity .22s;position:absolute;top:46%;left:50%;overflow:hidden;box-shadow:0 18px 42px #152e4929,0 4px 13px #152e4917}.portfolio-arch-gallery__card:hover,.portfolio-arch-gallery__card:focus-visible,.portfolio-arch-gallery__card.is-hovered{transform:translate(-50%, -50%) translateX(calc(var(--gallery-offset) * clamp(42px, 8.5vw, 108px))) translateY(calc((var(--gallery-abs-offset) * clamp(8px, 1.15vw, 16px)) - 18px)) rotate(0deg) scale(1.075);border-color:#2867b66b;box-shadow:0 30px 68px #18406833,0 8px 20px #1840681f}.portfolio-arch-gallery__card:focus-visible{outline-offset:4px;outline:3px solid #2867b633}.portfolio-arch-gallery__card.is-empty{cursor:default}.portfolio-arch-gallery__card img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:transform .42s cubic-bezier(.22,1,.36,1),filter .22s;display:block}.portfolio-arch-gallery__card img:not([src]),.portfolio-arch-gallery__card img[src=""]{display:none!important}.portfolio-arch-gallery__card:hover img,.portfolio-arch-gallery__card:focus-visible img,.portfolio-arch-gallery__card.is-hovered img{transform:scale(1.025)}.portfolio-arch-gallery.has-hovered .portfolio-arch-gallery__card:not(.is-hovered){filter:grayscale()blur(2.5px)saturate(.25);opacity:.34}.portfolio-arch-gallery__shade{pointer-events:none;background:linear-gradient(#0000 56%,#0b1b2c75 100%);position:absolute;inset:0}.portfolio-arch-gallery__index{color:#ffffffe6;letter-spacing:.12em;pointer-events:none;font-size:10px;font-weight:700;line-height:1;position:absolute;bottom:13px;left:14px}.portfolio-arch-gallery__expand{color:#fff;opacity:0;pointer-events:none;background:#0b1b2c85;border:1px solid #ffffff7a;border-radius:50%;place-items:center;width:34px;height:34px;transition:opacity .18s,transform .18s;display:grid;position:absolute;bottom:10px;right:11px;transform:translateY(5px)}.portfolio-arch-gallery__card:hover .portfolio-arch-gallery__expand,.portfolio-arch-gallery__card:focus-visible .portfolio-arch-gallery__expand{opacity:1;transform:translateY(0)}.portfolio-arch-gallery__hint{z-index:20;color:#8996a5;letter-spacing:.08em;text-align:center;text-transform:uppercase;margin:-28px 0 0;font-size:11px;font-weight:600;position:relative}.portfolio-lightbox{z-index:180;-webkit-backdrop-filter:blur(12px);background:#05111ff0;justify-content:stretch;align-items:stretch;width:100vw;height:100dvh;padding:0;display:flex;position:fixed;inset:0}.portfolio-lightbox__dialog{width:100%;height:100dvh;max-height:none;box-shadow:none;background:radial-gradient(circle at top,#1238627a,#0000 30%),#08121d;border:0;border-radius:0;flex-direction:column;display:flex;position:relative;overflow:hidden}.portfolio-lightbox__toolbar{z-index:5;color:#ffffffd1;background:linear-gradient(#040d17eb,#040d1700);flex:none;justify-content:space-between;align-items:center;min-height:72px;padding:18px 20px 18px 24px;font-size:12px;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.portfolio-lightbox__toolbar button,.portfolio-lightbox__nav{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;place-items:center;display:grid}.portfolio-lightbox__toolbar button{width:40px;height:40px}.portfolio-lightbox__canvas{touch-action:pan-y;flex:1;justify-content:center;align-items:center;min-height:0;padding:92px 84px 34px;display:flex;position:relative;overflow:hidden}.portfolio-lightbox__canvas img{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;display:block}.portfolio-lightbox__nav{z-index:2;width:44px;height:44px;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-lightbox__nav--previous{left:14px}.portfolio-lightbox__nav--next{right:14px}.portfolio-lightbox__toolbar button:hover,.portfolio-lightbox__nav:hover{background:#ffffff29;border-color:#ffffff8a}.portfolio-related{background:linear-gradient(#fff 0,#f4f7fb 70px 100%);position:relative;overflow-x:clip}.portfolio-related__heading{text-align:center;margin-left:auto;margin-right:auto}.portfolio-related__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.portfolio-related__grid>.reveal{min-width:0;height:100%}.portfolio-related__grid .portfolio-card{min-width:0}@media (width<=1279px){.portfolio-orbit-stage{max-width:450px}.portfolio-detail-hero__visual .portfolio-orbit-stage{bottom:-188px}}@media (width<=1024px){.portfolio-detail-hero__visual .portfolio-orbit-stage{width:min(100%,450px);bottom:-144px}.portfolio-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-related__grid>.reveal:last-child{display:none}}@media (width<=768px){.portfolio-detail-gallery__intro{display:block}.portfolio-detail-gallery__intro>p{text-align:left;max-width:520px;margin-top:12px}.portfolio-arch-gallery__stage{height:340px}.portfolio-arch-gallery__expand{opacity:1;transform:none}}@media (width<=640px){.portfolio-detail-hero__visual .portfolio-orbit-stage{width:min(100%,372px);bottom:-1px;transform:translate(-50%,50%)}.portfolio-orbit__spoke{width:44px;margin-left:-22px}.portfolio-orbit__node{margin-top:-22px}.portfolio-orbit__badge{border-radius:12px;width:44px;height:44px}.portfolio-orbit__badge img{width:24px;height:24px}.portfolio-arch-gallery{margin-top:2px;padding-top:0}.portfolio-arch-gallery__stage{height:285px}.portfolio-arch-gallery__card{top:48%}.portfolio-arch-gallery__hint{margin-top:-18px;font-size:10px}.portfolio-lightbox{padding:0}.portfolio-lightbox__dialog{border:0;border-radius:0;width:100%;height:100dvh;max-height:none}.portfolio-lightbox__canvas{padding:82px 54px 18px}.portfolio-lightbox__nav{width:38px;height:38px}.portfolio-lightbox__nav--previous{left:8px}.portfolio-lightbox__nav--next{right:8px}.portfolio-related__grid{grid-template-columns:minmax(0,1fr);gap:20px}.portfolio-related__grid>.reveal:last-child{display:block}}@media (width<=430px){.portfolio-detail-hero__visual .portfolio-orbit-stage{width:min(100%,324px);bottom:-2px;transform:translate(-50%,50%)}.portfolio-orbit__spoke{width:38px;margin-left:-19px}.portfolio-orbit__node{margin-top:-19px}.portfolio-orbit__badge{border-radius:10px;width:38px;height:38px}.portfolio-orbit__badge img{width:20px;height:20px}.portfolio-arch-gallery__stage{height:250px}.portfolio-arch-gallery__card{width:118px;transform:translate(-50%, -50%) translateX(calc(var(--gallery-offset) * 37px)) translateY(calc(var(--gallery-abs-offset) * 7px)) rotate(var(--gallery-rotation))}.portfolio-arch-gallery__card:hover,.portfolio-arch-gallery__card:focus-visible,.portfolio-arch-gallery__card.is-hovered{transform:translate(-50%, -50%) translateX(calc(var(--gallery-offset) * 37px)) translateY(calc((var(--gallery-abs-offset) * 7px) - 13px)) rotate(0deg) scale(1.055)}}@media (prefers-reduced-motion:reduce){.portfolio-orbit__spoke,.portfolio-orbit__node,.portfolio-arch-gallery__card,.portfolio-arch-gallery__card img,.portfolio-arch-gallery__expand{transition:none!important;animation:none!important}}@media (width<=1024px){.portfolio-detail-gallery__diagram,.portfolio-detail-gallery__code,.portfolio-detail-gallery__measure{opacity:.18}.portfolio-detail-gallery__diagram--uml{width:min(318px,36vw);left:-26px}.portfolio-detail-gallery__diagram--flow{width:min(284px,31vw);right:-8px}.portfolio-detail-gallery__code--react{left:40%}.portfolio-detail-gallery__code--css{right:14%}.portfolio-detail-gallery__measure{width:194px;right:30px}}@media (width<=768px){.portfolio-detail-gallery__diagram--flow,.portfolio-detail-gallery__code--delphi,.portfolio-detail-gallery__code--css,.portfolio-detail-gallery__measure{display:none}.portfolio-detail-gallery__diagram--uml{width:276px;top:70px;left:-58px}.portfolio-detail-gallery__diagram--schema{width:252px;bottom:54px;left:-4px}.portfolio-detail-gallery__code--react{width:168px;top:76px;left:auto;right:18px}.portfolio-detail-gallery__code--js{width:148px;bottom:58px;left:auto;right:16px}.portfolio-detail-gallery__code--sql{width:165px;top:260px;left:20px}}