/* Homepage entry to the portfolio workspace. */
.hero-btns .portfolio-hero-button{display:inline-flex;align-items:center;gap:11px;background:linear-gradient(115deg,#2359d2,#5b3cbe);border:1px solid #ffffff63;color:#fff;box-shadow:0 10px 30px #334fc72e;position:relative;overflow:hidden}.hero-btns .portfolio-hero-button:hover{background:linear-gradient(115deg,#1949c2,#6945d1);box-shadow:0 13px 34px #334fc746;transform:translateY(-3px);color:#fff}.portfolio-hero-button svg,.portfolio-feature svg{width:23px;height:23px;flex-shrink:0}.portfolio-hero-button>span:last-child{font-size:1.2em;transition:transform .2s}.portfolio-hero-button:hover>span:last-child{transform:translateX(4px)}.portfolio-hero-note{display:flex;align-items:center;gap:7px;color:#63738d;font-size:.72rem;line-height:1.6;margin:14px 0 0}.portfolio-hero-note:before{content:'';width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#389986;box-shadow:0 0 0 3px #38998616}
.portfolio-feature{background:#f3f6fc;padding:30px 5% 55px}.portfolio-feature-inner{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 100% 100%,#334c8c,transparent 70%),linear-gradient(115deg,#192840,#292b58);border:1px solid #ffffff29;border-radius:24px;color:#fff;padding:45px 48px;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;box-shadow:0 20px 50px #202a4119}.portfolio-feature-inner:before{content:'';position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent,#000)}.portfolio-feature .eyebrow{color:#8ae5d8;font-size:.62rem;letter-spacing:.19em}.portfolio-feature h2{font-family:Jost,Arial,sans-serif;font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:500;line-height:1.18;margin:18px 0;color:white;letter-spacing:-.035em}.portfolio-feature-copy>p{font-size:.93rem;line-height:1.8;color:#c2cde1;max-width:500px;margin:0 0 24px}.portfolio-feature .portfolio-feature-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 23px;border-radius:11px;background:#e0f9f3;color:#193b54;font:600 .8rem Jost,Arial,sans-serif;line-height:1.4;box-shadow:0 6px 18px #0d1a3326;text-decoration:none;transition:transform .25s,box-shadow .25s}.portfolio-feature-button:hover{transform:translateY(-3px);box-shadow:0 9px 24px #07112d4d}.portfolio-feature .portfolio-feature-privacy{font-size:.64rem;color:#9aacc7;margin:17px 0 0}.portfolio-preview{position:relative;display:grid;grid-template-columns:130px 1fr;gap:23px;align-items:center;background:#ffffff0b;border:1px solid #ffffff24;border-radius:19px;padding:28px 24px;box-shadow:0 15px 40px #0e163322;backdrop-filter:blur(10px);transform:rotate(-2deg);transition:transform .4s}.portfolio-preview:hover{transform:rotate(0)}.portfolio-preview-ring{width:128px;height:128px;border-radius:50%;padding:13px;background:conic-gradient(#89e4d5 0% 30%,#8894f8 30% 57%,#eec37f 57% 78%,#b28de5 78% 100%);box-shadow:0 0 32px #70b6e525}.portfolio-preview-ring>span{height:100%;background:#253654;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;color:#e7f0fc;font-size:.75rem;line-height:1.5}.portfolio-preview-labels{display:grid;gap:18px}.portfolio-preview-labels>span{display:flex;align-items:center;gap:9px;font-size:.7rem;color:#e0e8f6}.portfolio-preview-labels i{width:7px;height:7px;background:#89e4d5;border-radius:3px;box-shadow:0 0 12px #89e4d527}.portfolio-preview-labels>span:nth-child(2) i{background:#8894f8}.portfolio-preview-labels>span:nth-child(3) i{background:#eec37f}.portfolio-preview-caption{position:absolute;bottom:-13px;right:18px;background:#e8edf8;color:#314567;padding:6px 12px;border-radius:8px;font-size:.58rem;box-shadow:0 5px 15px #101a3b22}
.portfolio-droplet{position:fixed;right:27px;bottom:158px;z-index:999;display:flex;align-items:center;gap:12px;text-decoration:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px);transition:opacity .35s,transform .35s,visibility .35s}.portfolio-droplet.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.portfolio-drop-label{background:#f1f5ffed;border:1px solid #d4def3;box-shadow:0 5px 20px #172a4320;color:#273b5a;border-radius:12px;padding:10px 13px;font:600 .73rem Jost,Arial,sans-serif;line-height:1.35;backdrop-filter:blur(12px);transition:transform .25s}.portfolio-drop-label small{display:block;font-size:.55rem;font-weight:400;color:#6f7d94;letter-spacing:.02em;margin-top:2px}.portfolio-drop-shell{position:relative;display:flex;align-items:center;justify-content:center;width:63px;height:67px;animation:portfolio-droplet-float 4s ease-in-out infinite;flex-shrink:0}.portfolio-drop-shell:before{content:'';position:absolute;inset:9px 0 -2px;border:1px solid #7093f16e;border-radius:50%;animation:portfolio-droplet-pulse 3.8s ease-out infinite}.portfolio-drop-core{position:relative;isolation:isolate;width:54px;height:54px;border-radius:12% 54% 54% 54%;transform:rotate(45deg);background:radial-gradient(ellipse at 20% 20%,#c0f3ffb3,transparent 48%),linear-gradient(140deg,#599cef,#315fdb 52%,#6444c7);border:1px solid #d3efffcc;box-shadow:inset 3px 4px 9px #ffffff66,inset -5px -6px 12px #172c9c55,0 8px 22px #2e53c94d;display:flex;align-items:center;justify-content:center;overflow:hidden}.portfolio-drop-core:before{content:'';position:absolute;left:6px;top:8px;width:11px;height:28px;border-radius:50%;background:linear-gradient(#ffffffb3,#ffffff05);transform:rotate(-20deg)}.portfolio-drop-core svg{position:relative;width:25px;height:25px;color:#fff;transform:rotate(-45deg);filter:drop-shadow(0 2px 3px #153a9c44)}.portfolio-droplet:hover .portfolio-drop-shell{animation-play-state:paused}.portfolio-droplet:hover .portfolio-drop-label{transform:translateX(-4px)}.portfolio-droplet:hover .portfolio-drop-core{filter:brightness(1.12)}.portfolio-droplet:focus-visible,.portfolio-hero-button:focus-visible,.portfolio-feature-button:focus-visible{outline:3px solid #5b80d9;outline-offset:6px;border-radius:12px}.portfolio-droplet:active .portfolio-drop-shell{transform:scale(.95)}
@keyframes portfolio-droplet-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes portfolio-droplet-pulse{0%,30%{transform:scale(.8);opacity:0}40%{opacity:.55}100%{transform:scale(1.5);opacity:0}}
.portfolio-portal[hidden]{display:none}.portfolio-portal{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;pointer-events:all;background:radial-gradient(ellipse at var(--portal-x,50%) var(--portal-y,50%),#4168dc,#333c9d 55%,#192b51);clip-path:circle(0px at var(--portal-x,50%) var(--portal-y,50%));transition:clip-path .68s cubic-bezier(.22,.75,.24,1);isolation:isolate;color:#fff}.portfolio-portal.is-opening{clip-path:circle(var(--portal-reach,180vmax) at var(--portal-x,50%) var(--portal-y,50%))}.portfolio-portal:before{content:'';position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse,#000,transparent)}.portfolio-portal-ring{position:absolute;width:130px;height:130px;border:1px solid #afefe96b;border-radius:50%;left:var(--portal-x,50%);top:var(--portal-y,50%);transform:translate(-50%,-50%) scale(.1);opacity:0}.portfolio-portal.is-opening .portfolio-portal-ring{animation:portfolio-portal-wave .85s ease-out both}.portfolio-portal.is-opening .portfolio-portal-ring:nth-child(2){animation-delay:.08s}.portfolio-portal.is-opening .portfolio-portal-ring:nth-child(3){animation-delay:.16s}.portfolio-portal-copy{position:relative;text-align:center;padding:25px;opacity:0;transform:translateY(10px);transition:opacity .25s .3s,transform .35s .3s}.portfolio-portal.is-opening .portfolio-portal-copy{opacity:1;transform:translateY(0)}.portfolio-portal-icon{display:grid;place-items:center;margin:0 auto 22px;width:72px;height:72px;border-radius:21px;background:#ffffff15;box-shadow:inset 0 0 0 1px #ffffff32,0 0 40px #7ce2df23}.portfolio-portal-icon svg{width:38px;height:38px;color:#a6f2e1}.portfolio-portal-copy strong{font:500 clamp(1.3rem,3vw,2rem) Jost,Arial,sans-serif;letter-spacing:-.02em;display:block;color:#fff}.portfolio-portal-copy p{font:400 .83rem Jost,Arial,sans-serif;color:#c8d7f6;margin:12px 0 0}.portfolio-portal-copy small{display:block;font:500 .6rem Jost,Arial,sans-serif;letter-spacing:.17em;margin:26px 0 0;color:#9caed6}@keyframes portfolio-portal-wave{0%{transform:translate(-50%,-50%) scale(.1);opacity:.9}100%{transform:translate(-50%,-50%) scale(13);opacity:0}}
@media(max-width:1000px){.portfolio-feature-inner{padding:35px 32px;gap:30px;grid-template-columns:1.2fr 1fr}.portfolio-preview{grid-template-columns:1fr;justify-items:center;padding:25px}.portfolio-preview-labels{gap:11px;width:100%}.portfolio-feature-copy>p{font-size:.84rem}}
@media(max-width:650px){.hero-btns .portfolio-hero-button{padding:16px 19px;font-size:.76rem}.portfolio-hero-note{font-size:.61rem;align-items:flex-start;max-width:290px}.portfolio-hero-note:before{margin-top:5px}.portfolio-feature{padding:20px 5% 38px}.portfolio-feature-inner{grid-template-columns:1fr;padding:30px 25px;gap:35px;border-radius:19px}.portfolio-feature h2{font-size:2rem}.portfolio-feature .portfolio-feature-button{font-size:.73rem;padding:14px 16px;width:100%}.portfolio-preview{grid-template-columns:110px 1fr;padding:23px 18px;gap:20px;max-width:360px;width:100%;margin:auto}.portfolio-preview-ring{width:110px;height:110px;padding:11px}.portfolio-preview-ring>span{font-size:.65rem}.portfolio-preview-labels>span{font-size:.62rem}.portfolio-preview-caption{font-size:.52rem}.portfolio-droplet{right:18px;bottom:153px;gap:8px}.portfolio-drop-shell{width:56px;height:60px}.portfolio-drop-core{width:48px;height:48px}.portfolio-drop-label{font-size:.64rem;padding:8px 10px;border-radius:10px}.portfolio-drop-label small{font-size:.51rem}.portfolio-drop-core svg{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.portfolio-drop-shell,.portfolio-drop-shell:before,.portfolio-portal-ring{animation:none!important}.portfolio-droplet,.portfolio-feature-button,.portfolio-preview,.portfolio-hero-button,.portfolio-portal,.portfolio-portal-copy{transition:none!important}.portfolio-hero-button:hover,.portfolio-feature-button:hover,.portfolio-preview,.portfolio-preview:hover{transform:none}}