.portfolio-archive{--p-bg:#080b12;--p-panel:#111621;--p-panel-2:#171d2a;--p-border:rgba(255,255,255,.1);--p-copy:#aeb7c7;--p-white:#f7f9fc;--p-accent:#7c6cff;min-height:80vh;padding:clamp(64px,8vw,112px) 20px;color:var(--p-copy);background:radial-gradient(circle at 50% 0,rgba(124,108,255,.11),transparent 31%),var(--p-bg)}.portfolio-shell{max-width:1440px;margin:auto}.portfolio-hero{max-width:700px;margin:0 auto clamp(40px,6vw,72px);text-align:center}.portfolio-drawer__header span,.portfolio-eyebrow{margin:0 0 10px;color:#9f94ff;font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.portfolio-hero h1{margin:0 0 16px;color:var(--p-white);font-size:clamp(2.6rem,6vw,5.2rem);letter-spacing:-.055em;line-height:.98}.portfolio-hero>p:last-child{margin:0;font-size:1.08rem}.portfolio-toolbar{display:flex;gap:14px;max-width:900px;margin:0 auto 42px}.portfolio-search{position:relative;flex:1}.portfolio-search svg,.portfolio-term-search svg{position:absolute;width:20px;left:20px;top:50%;fill:none;stroke:currentColor;stroke-width:1.8;transform:translateY(-50%);pointer-events:none}.portfolio-search input,.portfolio-term-search input{width:100%;height:58px;padding:0 20px 0 52px;color:var(--p-white);background:rgba(17,22,33,.88);border:1px solid var(--p-border);border-radius:16px;outline:0;transition:.2s}.portfolio-search input:focus,.portfolio-term-search input:focus{border-color:var(--p-accent);box-shadow:0 0 0 4px rgba(124,108,255,.12)}.portfolio-filter-toggle{display:inline-flex;align-items:center;gap:10px;height:58px;padding:0 22px;color:var(--p-white);font-weight:650;background:var(--p-panel-2);border:1px solid var(--p-border);border-radius:16px;cursor:pointer}.portfolio-filter-toggle svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}.portfolio-filter-count{min-width:22px;padding:1px 6px;color:#fff;background:var(--p-accent);border-radius:12px}.portfolio-content{display:grid;grid-template-columns:0 minmax(0,1fr);gap:0;align-items:start;transition:grid-template-columns .32s ease,gap .32s ease}.portfolio-archive.is-filter-open .portfolio-content{grid-template-columns:minmax(280px,330px) minmax(0,1fr);gap:24px}.portfolio-results-column{min-width:0}.portfolio-results{min-height:300px;transition:opacity .2s}.portfolio-results.is-loading{opacity:.4;pointer-events:none}.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.portfolio-card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(23,29,42,.94),rgba(14,18,27,.96));border:1px solid var(--p-border);border-radius:22px;box-shadow:0 18px 50px rgba(0,0,0,.2);transition:transform .28s,border-color .28s,box-shadow .28s}.portfolio-card.is-selected{border-color:var(--p-accent);box-shadow:0 0 0 2px var(--p-accent),0 24px 65px rgba(0,0,0,.35)}.portfolio-selection-mark{position:absolute;z-index:4;top:12px;right:12px;display:grid;width:30px;height:30px;place-items:center;color:#fff;background:var(--p-accent);border:2px solid rgba(255,255,255,.85);border-radius:50%;box-shadow:0 7px 20px rgba(0,0,0,.35);opacity:0;transform:scale(.65);transition:.2s;pointer-events:none}.portfolio-selection-mark svg{width:17px;fill:none;stroke:currentColor;stroke-width:2.5}.portfolio-card.is-selected .portfolio-selection-mark{opacity:1;transform:scale(1)}.portfolio-results.is-selecting .portfolio-card{cursor:pointer;user-select:none}.portfolio-selection-actions{position:fixed;z-index:9998;top:24px;right:24px;display:flex;gap:7px;padding:6px;background:rgba(17,22,33,.92);border:1px solid rgba(255,255,255,.16);border-radius:17px;box-shadow:0 14px 45px rgba(0,0,0,.38);backdrop-filter:blur(14px);animation:portfolio-copy-in .2s ease-out}.portfolio-selection-actions[hidden]{display:none}.portfolio-selection-actions button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;color:#fff;font-weight:700;background:0 0;border:0;border-radius:11px;cursor:pointer}.portfolio-selection-actions button:hover{background:rgba(255,255,255,.09)}.portfolio-selection-actions button:disabled{opacity:.45;cursor:not-allowed}.portfolio-selection-actions svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.9}.portfolio-selection-copy{background:var(--p-accent)!important}.portfolio-selection-copy:disabled{background:rgba(124,108,255,.45)!important}.portfolio-selection-copy small{display:grid;min-width:23px;height:23px;padding:0 6px;place-items:center;color:#fff;background:rgba(0,0,0,.22);border-radius:99px}.portfolio-selection-copy.is-copied{background:#18794e!important}.portfolio-selection-copy.is-error{animation:portfolio-copy-shake .25s linear 2}.portfolio-selection-cancel{color:#ffb4b4!important}@keyframes portfolio-copy-in{from{opacity:0;transform:translateY(-8px)}}@keyframes portfolio-copy-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.portfolio-card:hover{transform:translateY(-7px);border-color:rgba(124,108,255,.42);box-shadow:0 26px 70px rgba(0,0,0,.34)}.portfolio-card__media{position:relative;display:grid;aspect-ratio:16/10;place-items:center;overflow:hidden;color:#778094;background:#0c1018}.portfolio-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.portfolio-card:hover img{transform:scale(1.035)}.portfolio-card__body{padding:15px}.portfolio-card h2{margin:0;color:var(--p-white);font-size:1.12rem;line-height:1.4}.portfolio-preview{position:absolute;z-index:2;top:calc(50% - 34px);left:50%;display:inline-flex;align-items:center;gap:9px;width:auto;padding:10px 15px;color:var(--p-white);font-size:.88rem;font-weight:650;background:rgba(10,14,22,.9);border:1px solid rgba(255,255,255,.22);border-radius:999px;box-shadow:0 12px 35px rgba(0,0,0,.38);cursor:pointer;opacity:0;transform:translate(-50%,-40%);backdrop-filter:blur(12px);transition:.25s}.portfolio-card:focus-within .portfolio-preview,.portfolio-card:hover .portfolio-preview{opacity:1;transform:translate(-50%,-50%)}.portfolio-card__media::after{content:"";position:absolute;inset:0;background:rgba(5,8,13,.38);opacity:0;transition:opacity .25s}.portfolio-card:focus-within .portfolio-card__media::after,.portfolio-card:hover .portfolio-card__media::after{opacity:1}.portfolio-preview:hover{color:#fff;background:var(--p-accent);border-color:var(--p-accent)}.portfolio-preview:disabled{cursor:not-allowed;opacity:.45}.portfolio-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:46px}.portfolio-pagination .page-numbers{display:grid;min-width:42px;height:42px;padding:0 13px;place-items:center;color:var(--p-copy);background:var(--p-panel);border:1px solid var(--p-border);border-radius:11px}.portfolio-pagination .current{color:#fff;background:var(--p-accent)}.portfolio-infinite-sentinel{display:flex;min-height:90px;align-items:center;justify-content:center;gap:10px;color:var(--p-copy)}.portfolio-infinite-sentinel[hidden]{display:none}.portfolio-infinite-sentinel span{width:20px;height:20px;border:2px solid rgba(255,255,255,.18);border-top-color:var(--p-accent);border-radius:50%;animation:portfolio-spin .7s linear infinite}.portfolio-infinite-sentinel button{padding:10px 16px;color:var(--p-white);font-weight:650;background:var(--p-panel);border:1px solid var(--p-border);border-radius:10px;cursor:pointer}.portfolio-infinite-sentinel.is-loading button{opacity:.55;pointer-events:none}.portfolio-infinite-sentinel:not(.is-loading) span{display:none}.portfolio-empty{padding:80px 20px;text-align:center;border:1px dashed var(--p-border);border-radius:24px}.portfolio-empty h2{color:var(--p-white)}.portfolio-lock{overflow:hidden}.portfolio-drawer-overlay{display:none}.portfolio-drawer{position:sticky;z-index:5;top:24px;width:100%;max-height:calc(100vh - 48px);display:flex;min-width:0;flex-direction:column;overflow:hidden;color:var(--p-copy,#aeb7c7);background:#0f141e;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 18px 55px rgba(0,0,0,.24);opacity:0;transform:translateX(-18px);pointer-events:none;transition:opacity .24s ease,transform .32s ease}.portfolio-drawer[aria-hidden=false]{opacity:1;transform:none;pointer-events:auto}.portfolio-drawer__footer,.portfolio-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.09)}.portfolio-drawer__header h2{margin:0;color:#fff;font-size:1.75rem}.portfolio-drawer-close{width:42px;height:42px;color:#fff;font-size:28px;line-height:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:50%;cursor:pointer}.portfolio-drawer__body{flex:1;overflow:auto;padding:0 28px}.portfolio-filter-group{padding:28px 0;border-bottom:1px solid rgba(255,255,255,.08)}.portfolio-filter-group h3{margin:0 0 15px;color:#fff;font-size:1.1rem}.portfolio-term-search{position:relative;display:block;margin-bottom:12px}.portfolio-term-search input{height:46px;padding-left:44px;border-radius:12px}.portfolio-term-search svg{left:15px;width:18px}.portfolio-term-list{max-height:230px;overflow:auto}.portfolio-term-list{scrollbar-width:thin;scrollbar-color:#50586a transparent;scrollbar-gutter:stable}.portfolio-term-list::-webkit-scrollbar{width:7px}.portfolio-term-list::-webkit-scrollbar-track{background:0 0}.portfolio-term-list::-webkit-scrollbar-thumb{background:#50586a;border:2px solid #0f141e;border-radius:8px}.portfolio-term-list::-webkit-scrollbar-thumb:hover{background:#70798d}.portfolio-term-list label{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:9px 4px;color:#d7dce5;cursor:pointer}.portfolio-term-list input{width:18px;height:18px;accent-color:#7c6cff}.portfolio-term-list small{color:#757f91}.portfolio-drawer__footer{gap:12px;border-top:1px solid rgba(255,255,255,.09);border-bottom:0}.portfolio-drawer__footer button{flex:1;padding:13px;color:#fff;font-weight:700;border-radius:12px;cursor:pointer}.portfolio-reset{background:0 0;border:1px solid rgba(255,255,255,.13)}.portfolio-apply{background:#7c6cff;border:1px solid #7c6cff}.portfolio-modal{position:fixed;inset:0;z-index:10100;padding:clamp(12px,2.2vw,34px);background:rgba(3,5,9,.92);backdrop-filter:blur(16px)}.portfolio-modal__panel{width:100%;height:100%}.portfolio-preview-stage{position:relative;display:flex;width:100%;height:100%;justify-content:center;background:0 0}.portfolio-browser{position:relative;width:100%;height:100%;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.18);border-radius:18px;box-shadow:0 35px 110px rgba(0,0,0,.72);transition:width .35s ease}.portfolio-browser[data-device=tablet]{width:min(768px,100%)}.portfolio-browser[data-device=mobile]{width:min(390px,100%)}.portfolio-browser__bar{position:relative;z-index:4;display:grid;grid-template-columns:1fr minmax(220px,560px) 1fr;gap:14px;align-items:center;height:56px;padding:7px 12px;color:#667085;background:linear-gradient(180deg,#f6f7f9,#e8ebf0);border-bottom:1px solid #d4d8e0;box-shadow:0 3px 12px rgba(24,32,48,.12)}.portfolio-window-controls{display:flex;gap:12px;align-items:center}.portfolio-devices button,.portfolio-modal-close{display:grid;width:30px;height:30px;padding:0;color:#667085;background:#dfe3e9;border:1px solid #cbd0d9;border-radius:50%;cursor:pointer;place-items:center;transition:color .18s,background .18s,border-color .18s,box-shadow .18s}.portfolio-modal-close{font-size:18px;line-height:1}.portfolio-modal-close span{opacity:.8}.portfolio-modal-close:focus-visible,.portfolio-modal-close:hover{color:#fff;background:#e45454;border-color:#e45454;box-shadow:0 0 0 3px rgba(228,84,84,.16)}.portfolio-devices{display:flex;gap:6px}.portfolio-devices button svg{width:14px;fill:none;stroke:currentColor;stroke-width:1.8}.portfolio-devices button:hover{color:#3d4656;background:#d3d8e1}.portfolio-devices button.is-active{color:#fff;background:#6f5df2;border-color:#6f5df2;box-shadow:0 0 0 3px rgba(111,93,242,.18)}.portfolio-address{grid-column:2;display:flex;min-width:0;width:100%;height:34px;padding:0 12px;align-items:center;justify-content:center;overflow:hidden;color:#4d5667;font-size:.72rem;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:rgba(255,255,255,.9);border:1px solid #cfd4dd;border-radius:9px;box-shadow:inset 0 1px 2px rgba(24,32,48,.06),0 1px 2px rgba(24,32,48,.05)}.portfolio-address:hover{color:#2f3a4b;background:#fff;border-color:#b9c0cc}.portfolio-load-progress{position:absolute;right:0;bottom:-1px;left:0;height:3px;overflow:hidden;background:rgba(255,255,255,.04)}.portfolio-load-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#735fff,#42d6c6);box-shadow:0 0 12px #735fff;transition:width .3s ease}.portfolio-browser iframe{position:relative;z-index:1;width:100%;height:calc(100% - 56px);background:#fff;border:0;opacity:1;transition:opacity .28s}.portfolio-browser.is-loading iframe{opacity:0}.portfolio-browser[data-device=mobile] .portfolio-browser__bar{grid-template-columns:auto minmax(0,1fr);gap:7px;padding:8px}.portfolio-browser[data-device=mobile] .portfolio-window-controls{gap:5px}.portfolio-browser[data-device=mobile] .portfolio-devices button,.portfolio-browser[data-device=mobile] .portfolio-modal-close{width:25px;height:25px}.portfolio-browser[data-device=mobile] .portfolio-devices{gap:2px}.portfolio-browser[data-device=mobile] .portfolio-address{padding:0 8px;font-size:.64rem}.portfolio-iframe-loading{position:absolute;z-index:2;inset:56px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#758096;background:radial-gradient(circle at 50% 45%,#fff,#f4f6fa);opacity:0;pointer-events:none;transition:opacity .2s}.portfolio-browser.is-loading .portfolio-iframe-loading{opacity:1}.portfolio-iframe-loading strong{margin:15px 0 3px;color:#252b38;font-size:.95rem}.portfolio-iframe-loading small{font-size:.78rem}.portfolio-loader-mark{width:36px;height:36px;border:3px solid #dfe3ec;border-top-color:#735fff;border-radius:50%;animation:portfolio-spin .75s linear infinite}@keyframes portfolio-spin{to{transform:rotate(360deg)}}.portfolio-iframe-fallback{position:relative;z-index:3;height:calc(100% - 56px);padding:40px;color:#697386;text-align:center;background:#f6f7fa}.portfolio-iframe-fallback img{max-width:700px;max-height:58%;margin:0 auto 25px;object-fit:contain;border-radius:12px}.portfolio-iframe-fallback h3{color:#141821}.portfolio-iframe-fallback a{display:inline-block;padding:12px 20px;color:#fff;background:#6557e8;border-radius:10px}.portfolio-preview-help{position:absolute;z-index:5;right:16px;bottom:16px;min-height:40px;padding:10px 15px;color:#e0e5ed;font-size:.84rem;font-weight:650;background:rgba(10,14,21,.9);border:1px solid rgba(255,255,255,.22);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.22);cursor:pointer;backdrop-filter:blur(8px)}.portfolio-cols-desktop-1 .portfolio-grid{grid-template-columns:1fr}.portfolio-cols-desktop-2 .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-cols-desktop-3 .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-cols-desktop-4 .portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio-archive.is-filter-open.portfolio-cols-desktop-4 .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-archive.is-filter-open.portfolio-cols-desktop-3 .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:1100px){.portfolio-cols-tablet-1 .portfolio-grid{grid-template-columns:1fr}.portfolio-cols-tablet-2 .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-cols-tablet-3 .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-cols-tablet-4 .portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio-devices{display:none}}@media (max-width:900px){.portfolio-archive.is-filter-open .portfolio-content,.portfolio-content{grid-template-columns:minmax(0,1fr);gap:0}.portfolio-drawer{position:relative;top:auto;max-height:0;margin-bottom:0;transform:translateY(-12px)}.portfolio-drawer[aria-hidden=false]{max-height:min(680px,75vh);margin-bottom:24px}.portfolio-archive.is-filter-open .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.portfolio-archive{padding:50px 15px 80px}.portfolio-toolbar{align-items:stretch}.portfolio-filter-toggle{padding:0 15px}.portfolio-filter-toggle svg{margin:auto}.portfolio-filter-toggle:not(:has(.portfolio-filter-count:not([hidden]))){font-size:0}.portfolio-cols-mobile-1 .portfolio-grid{grid-template-columns:1fr}.portfolio-cols-mobile-2 .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-cols-mobile-3 .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-cols-mobile-4 .portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio-grid{gap:12px}.portfolio-card__body{padding:14px}.portfolio-card h2{min-height:0;font-size:.98rem}.portfolio-preview{position:static;margin-top:12px;padding:8px 12px;font-size:.8rem;opacity:1;transform:none}.portfolio-card:focus-within .portfolio-preview,.portfolio-card:hover .portfolio-preview{transform:none}.portfolio-card__media::after{display:none}.portfolio-drawer__footer,.portfolio-drawer__header{padding:20px}.portfolio-drawer__body{padding:0 20px}.portfolio-modal{padding:0}.portfolio-modal__panel{border:0;border-radius:0}.portfolio-modal header{min-height:76px;gap:10px;padding:10px 12px}.portfolio-modal header>div:first-child{min-width:0}.portfolio-modal header span,.portfolio-modal-url,.portfolio-open-site{display:none}.portfolio-modal h2{max-width:160px}.portfolio-preview-stage{height:calc(100% - 76px);padding:8px}.portfolio-preview-help{right:16px;bottom:16px}}@media (max-width:1100px){.portfolio-devices{display:flex}}@media (max-width:650px){.portfolio-modal__panel,.portfolio-preview-stage{width:100%;height:100%;padding:0}.portfolio-browser{border:0;border-radius:0}.portfolio-browser__bar{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;height:64px;padding:8px}.portfolio-window-controls{gap:6px}.portfolio-devices button,.portfolio-modal-close{width:26px;height:26px}.portfolio-devices{gap:3px}.portfolio-devices button svg{width:12px}.portfolio-address{height:42px;padding:5px 9px}.portfolio-address>span,.portfolio-modal-url{display:none}.portfolio-modal h2{max-width:none;font-size:.72rem}.portfolio-open-site{display:grid;width:36px;height:36px;padding:0;place-items:center}.portfolio-open-site span{display:none}.portfolio-browser iframe{height:calc(100% - 64px)}.portfolio-iframe-loading{inset:64px 0 0}.portfolio-iframe-fallback{height:calc(100% - 64px);padding:24px 15px}.portfolio-preview-help{right:8px;bottom:8px}}@media (max-width:650px){.portfolio-browser__bar{grid-template-columns:auto minmax(0,1fr)}.portfolio-address.portfolio-modal-url{display:flex;padding:0 9px;font-size:.64rem}}@media (max-width:650px){.portfolio-selection-actions{top:10px;right:10px;left:10px;justify-content:center}.portfolio-selection-actions button{flex:1;justify-content:center;padding:0 8px;font-size:.78rem}.portfolio-selection-actions svg{width:16px}.portfolio-selection-copy small{min-width:20px;height:20px}}@media (max-width:650px){.portfolio-archive.is-filter-open.portfolio-cols-mobile-1 .portfolio-grid{grid-template-columns:1fr}.portfolio-archive.is-filter-open.portfolio-cols-mobile-2 .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-archive.is-filter-open.portfolio-cols-mobile-3 .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-archive.is-filter-open.portfolio-cols-mobile-4 .portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:651px){.portfolio-browser[data-device=mobile] .portfolio-browser__bar{grid-template-columns:1fr minmax(0,220px) 1fr}.portfolio-browser[data-device=mobile] .portfolio-address{grid-column:2}}@media (max-width:650px){.portfolio-browser[data-device=mobile] .portfolio-browser__bar,.portfolio-browser__bar{grid-template-columns:auto minmax(0,1fr);gap:7px;height:52px;padding:6px 8px}.portfolio-devices button[data-device=desktop],.portfolio-devices button[data-device=tablet]{display:none}.portfolio-devices button[data-device=mobile]{display:grid}.portfolio-address,.portfolio-address.portfolio-modal-url{grid-column:2;height:32px;padding:0 8px;font-size:.62rem}.portfolio-browser iframe{height:calc(100% - 52px)}.portfolio-iframe-loading{inset:52px 0 0}.portfolio-iframe-fallback{height:calc(100% - 52px)}.portfolio-preview-help{right:10px;bottom:10px;min-height:42px;padding:10px 14px;font-size:.82rem}}body.portfolio-filter-lock{overflow:hidden;overscroll-behavior:none}.portfolio-drawer-overlay{position:fixed;z-index:10020;inset:0;display:block;background:rgba(3,6,12,.68);opacity:1;backdrop-filter:blur(5px);animation:portfolio-overlay-in .22s ease-out}.portfolio-drawer-overlay[hidden]{display:none}.portfolio-drawer{position:fixed;z-index:10030;top:0;right:0;bottom:0;left:auto;width:clamp(390px,38vw,540px);max-width:calc(100vw - 24px);max-height:none;margin:0;color:var(--p-copy,#aeb7c7);background:linear-gradient(180deg,#121824,#0b1019);border:0;border-left:1px solid rgba(255,255,255,.12);border-radius:22px 0 0 22px;box-shadow:-28px 0 90px rgba(0,0,0,.48);opacity:0;transform:translate3d(104%,0,0);visibility:hidden;pointer-events:none;transition:transform .32s cubic-bezier(.22,.8,.22,1),opacity .2s ease,visibility 0s linear .32s}.portfolio-drawer[aria-hidden=false]{opacity:1;transform:translate3d(0,0,0);visibility:visible;pointer-events:auto;transition-delay:0s}.portfolio-drawer__header{flex:0 0 auto;padding:max(24px,env(safe-area-inset-top)) 30px 22px;background:rgba(18,24,36,.96)}.portfolio-drawer__header h2{font-size:clamp(1.55rem,3vw,2rem)}.portfolio-drawer-close{display:grid;min-width:44px;min-height:44px;padding:0;place-items:center;transition:background .18s,border-color .18s,transform .18s}.portfolio-drawer-close:focus-visible,.portfolio-drawer-close:hover{background:rgba(124,108,255,.2);border-color:#7c6cff;transform:rotate(4deg);outline:0}.portfolio-drawer__body{min-height:0;padding:0 30px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#50586a transparent}.portfolio-filter-group{padding:24px 0}.portfolio-term-list{max-height:min(245px,27vh);padding-right:6px}.portfolio-term-list label{min-height:42px;padding:9px 7px;border-radius:9px;transition:color .16s,background .16s}.portfolio-term-list label:hover{color:#fff;background:rgba(255,255,255,.055)}.portfolio-term-list input{flex:0 0 auto}.portfolio-drawer__footer{flex:0 0 auto;padding:18px 30px max(18px,env(safe-area-inset-bottom));background:rgba(11,16,25,.97);box-shadow:0 -12px 30px rgba(0,0,0,.18)}.portfolio-drawer__footer button{min-height:48px}.portfolio-apply{box-shadow:0 9px 25px rgba(124,108,255,.28)}@keyframes portfolio-overlay-in{from{opacity:0}}@media (max-width:900px){.portfolio-drawer{position:fixed;top:0;right:0;bottom:0;width:min(470px,calc(100vw - 12px));max-width:none;max-height:none;margin:0;border-radius:18px 0 0 18px;transform:translate3d(104%,0,0)}.portfolio-drawer[aria-hidden=false]{max-height:none;margin:0;transform:translate3d(0,0,0)}}@media (max-width:520px){.portfolio-drawer{width:100vw;border-left:0;border-radius:0}.portfolio-drawer__header{padding-right:20px;padding-left:20px}.portfolio-drawer__body{padding-right:20px;padding-left:20px}.portfolio-drawer__footer{gap:10px;padding-right:20px;padding-left:20px}.portfolio-term-list{max-height:220px}}@media (prefers-reduced-motion:reduce){.portfolio-drawer,.portfolio-drawer-overlay{animation:none;transition:none}}.portfolio-archive .portfolio-results,.portfolio-archive .portfolio-shell{width:100%;min-width:0}.portfolio-archive .portfolio-grid{display:grid!important;width:100%;min-width:0;align-items:stretch}.portfolio-archive .portfolio-card{width:auto;min-width:0;margin:0}.portfolio-archive .portfolio-card__media{width:100%}.portfolio-archive .portfolio-pagination{display:flex!important;width:100%;flex-direction:row!important;flex-wrap:wrap!important;align-items:center;justify-content:center}.portfolio-archive .portfolio-pagination[hidden]{display:none!important}.portfolio-archive .portfolio-infinite-sentinel[hidden]{display:none!important}.portfolio-single{min-height:80vh;padding:clamp(56px,8vw,110px) 20px;color:var(--p-copy,#aeb7c7);background:radial-gradient(circle at 50% 0,rgba(124,108,255,.14),transparent 38%),#080b12}.portfolio-single__shell{max-width:1200px;margin:0 auto}.portfolio-single__header{max-width:850px;margin:0 auto clamp(30px,5vw,58px);text-align:center}.portfolio-single__eyebrow{margin:0 0 12px;color:#978cff;font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.portfolio-single__header h1{margin:0 0 18px;color:#f7f9fc;font-size:clamp(2rem,5vw,4.4rem);letter-spacing:-.045em;line-height:1.05}.portfolio-single__terms{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.portfolio-single__terms a{padding:7px 11px;color:#c4bdff;background:rgba(112,95,241,.14);border-radius:999px;font-size:.78rem;text-decoration:none}.portfolio-single__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(24px,5vw,70px);align-items:center}.portfolio-single__image{overflow:hidden;aspect-ratio:16/10;margin:0;background:#141925;border:1px solid rgba(255,255,255,.12);border-radius:24px;box-shadow:0 28px 80px rgba(0,0,0,.3)}.portfolio-single__image img{display:block;width:100%;height:100%;object-fit:cover}.portfolio-single__details{padding:clamp(24px,4vw,42px);background:linear-gradient(145deg,#171d2a,#10151f);border:1px solid rgba(255,255,255,.1);border-radius:22px;box-shadow:0 18px 50px rgba(0,0,0,.22)}.portfolio-single__status{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:#8e99aa;font-size:.78rem}.portfolio-single__status::before{width:8px;height:8px;content:'';background:#42d6a1;border-radius:50%}.portfolio-single__details .portfolio-single__preview{position:static!important;display:inline-flex;width:100%;min-height:48px;margin:0 0 12px;opacity:1!important;transform:none!important;align-items:center;justify-content:center}.portfolio-single__open{display:inline-flex;width:100%;min-height:46px;align-items:center;justify-content:center;color:#d8d4ff;border:1px solid rgba(124,108,255,.55);border-radius:10px;font-weight:700;text-decoration:none}.portfolio-single__back{display:inline-flex;margin-top:clamp(28px,5vw,54px);color:#a9a1ff;font-weight:700;text-decoration:none}@media (max-width:800px){.portfolio-single{padding-right:14px;padding-left:14px}.portfolio-single__grid{grid-template-columns:1fr}.portfolio-single__image{border-radius:18px}}