.portfolio-modal .modal__content{background:0 0;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:visible;max-width:none!important;max-height:none!important}.portfolio-modal__layout{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-height:calc(100vh - 48px);display:flex;overflow:hidden auto}.portfolio-modal__media{flex-direction:column;flex:0 auto;align-items:center;width:100%;min-height:0;display:flex}.portfolio-modal__banner{box-sizing:border-box;-webkit-backdrop-filter:blur(16px);background:#ffffff26;border:1px solid #ffffff24;border-radius:100px;flex-flow:row;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:560px;height:85px;margin-top:30px;padding:20px;display:flex;box-shadow:-1px -1px #ffffffb3,inset -1.5px -2px 3px #c8c8c880,inset 0 0 8px 2px #eeaf7c0d}@media (max-width:380px){.portfolio-modal__banner{gap:8px;padding:16px 14px}}.portfolio-modal__banner-text{flex:1;min-width:0;margin-left:10px}.portfolio-modal__banner-title{color:#fff;margin:0;font-family:Inter,sans-serif;font-size:14px;font-weight:700;line-height:1.25}@media (min-width:768px){.portfolio-modal__banner-title{font-size:20px}}.portfolio-modal__banner-subtitle{color:#ffffffeb;opacity:.8;margin:4px 0 0;font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:1.35}@media (min-width:768px){.portfolio-modal__banner-subtitle{font-size:15px}}.portfolio-modal__banner-cta{flex-shrink:0;align-self:center}.portfolio-modal__banner-cta--pill{box-sizing:border-box;color:#282e49;cursor:pointer;background:#e2f779;border:none;border-radius:999px;flex:none;justify-content:flex-end;align-items:center;gap:8px;width:auto;min-width:160px;height:50px;padding:0 13px 0 20px;transition:background .2s;display:inline-flex}.portfolio-modal__banner-cta--pill:hover{background:#d0ed47}.portfolio-modal__banner-cta--pill:hover .portfolio-modal__banner-cta-pill-icon{transform:scale(1.1)rotate(45deg)}.portfolio-modal__banner-cta--pill:active{background:#c8ea1b}.portfolio-modal__banner-cta--pill:focus-visible{outline-offset:4px;outline:2px solid #e2f77959}.portfolio-modal__banner-cta-label{white-space:nowrap;text-transform:uppercase;color:#282e49;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:700}.portfolio-modal__banner-cta-pill-icon{background:#25183a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .2s;display:inline-flex}.portfolio-modal__banner-cta-pill-icon-img{width:7px;height:7px;display:block}.portfolio-modal__banner-cta--compact{box-sizing:border-box;cursor:pointer;background:#e2f779;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;padding:10px;transition:background .2s;display:inline-flex}.portfolio-modal__banner-cta--compact:hover{background:#d0ed47}.portfolio-modal__banner-cta--compact:hover .portfolio-modal__banner-cta-icon-wrap{transform:scale(1.1)rotate(45deg)}.portfolio-modal__banner-cta--compact:active{background:#c8ea1b}.portfolio-modal__banner-cta--compact:focus-visible{outline-offset:4px;outline:2px solid #e2f77959}.portfolio-modal__banner-cta-icon-wrap{transform-origin:50%;background:#25183a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .2s;display:flex}.portfolio-modal__banner-cta-arrow{width:7px;height:7px;display:block}.portfolio-modal__image{border-radius:0;width:calc(100vw - 16px);height:calc(100vh - 195px);max-height:calc(100vh - 195px);position:relative;overflow:visible}@media (min-width:768px){.portfolio-modal__image{width:calc(100vw - 80px);height:calc(100vh - 195px);max-height:calc(100vh - 195px)}}.portfolio-modal__image-img{border-radius:40px;object-fit:contain!important}@media (min-width:768px){.portfolio-modal__image-img{border-radius:0}}.portfolio-modal__slider-wrap{box-sizing:border-box;flex-direction:column;flex-shrink:0;align-items:center;width:calc(100vw - 16px);height:calc(100vh - 195px);max-height:calc(100vh - 195px);display:flex}@media (min-width:768px){.portfolio-modal__slider-wrap{width:calc(100vw - 80px)}}.portfolio-modal__slider{border-radius:0;flex:auto;width:100%;min-height:0;position:relative;overflow:hidden}.portfolio-modal__slider-viewport{width:100%;height:100%;overflow:hidden}.portfolio-modal__slider-container{width:100%;height:100%;display:flex}.portfolio-modal__slider-slide{flex:0 0 100%;width:100%;min-width:0;height:100%;position:relative;overflow:hidden}.portfolio-modal__slider-image{object-fit:contain!important}.portfolio-modal__arrow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:10;background:#00000026;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background .2s;display:none;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-modal__arrow:hover{background:#00000040}.portfolio-modal__arrow:active{background:#00000059}.portfolio-modal__arrow--prev{left:20px}.portfolio-modal__arrow--next{right:20px}@media (min-width:1024px){.portfolio-modal__arrow{width:70px;height:70px;display:flex}.portfolio-modal__arrow--prev{left:24px}.portfolio-modal__arrow--next{right:24px}}.portfolio-modal__arrow-icon{width:10px;height:10px;display:block}.portfolio-modal__arrow-icon--next{transform:rotate(180deg)}@media (min-width:1024px){.portfolio-modal__arrow-icon{width:16px;height:16px}}.portfolio-modal__slider-dots{z-index:1;pointer-events:auto;box-sizing:border-box;background:#fff;border-radius:50px;flex-shrink:0;justify-content:center;gap:4px;width:fit-content;max-width:calc(100% - 40px);margin-top:12px;padding:6px 10px;display:flex}@media (min-width:768px){.portfolio-modal__slider-dots{gap:8px;max-width:calc(100% - 48px);margin-top:14px;padding:6px 10px}}.portfolio-modal__slider-dot{cursor:pointer;background:#25183a80;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}@media (min-width:768px){.portfolio-modal__slider-dot{width:10px;height:10px}}.portfolio-modal__slider-dot:hover{background:#25183acc}.portfolio-modal__slider-dot--active{background:#25183acc;border-radius:4px;width:24px}@media (min-width:768px){.portfolio-modal__slider-dot--active{width:30px}}