.portfolio-page{--pf-navy:#12367c;--pf-blue:#205783;--pf-sky:#4facfe;--pf-accent:var(--pf-sky);--pf-accent-soft:#4facfe38;--pf-surface:#ffffffb8;--pf-surface-strong:#ffffffeb;--pf-border:#ffffffa6;--pf-border-navy:#12367c1a;--pf-deep:#f8fbff;--pf-card-radius:16px;--pf-shadow-card:0 10px 30px #0000000a;--pf-shadow-card-hover:0 25px 50px #12367c1f;--pf-grid-gap:clamp(1.15rem, 2.2vw, 1.65rem);overflow-x:clip}.portfolio-hero{isolation:isolate;justify-content:flex-end;align-items:center;min-height:clamp(320px,58vh,520px);padding:clamp(1.25rem,4vw,2.5rem);display:flex;position:relative}.portfolio-hero__bg{z-index:0;background-image:url(/assets/portfolio/portfoliopage-background1.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;animation:28s ease-in-out infinite alternate portfolio-hero-ken;position:absolute;inset:0;transform:scale(1.02)}.portfolio-hero__bg:after{content:"";background:linear-gradient(120deg,#f8fbffe0 0%,#f0f7ffd1 42%,#ffffffc7 100%);position:absolute;inset:0}.portfolio-hero__mesh{z-index:1;opacity:.55;pointer-events:none;background:radial-gradient(80% 50% at 20% 40%,#4facfe24,#0000 55%),radial-gradient(60% 40% at 85% 20%,#00f2fe1a,#0000 50%);position:absolute;inset:0}.portfolio-hero__grid{z-index:1;opacity:.14;pointer-events:none;background-image:linear-gradient(#12367c1f 1px,#0000 1px),linear-gradient(90deg,#12367c1f 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 30%,#0000 95%);mask-image:linear-gradient(#000 30%,#0000 95%)}.portfolio-hero__orb{filter:blur(64px);z-index:1;pointer-events:none;border-radius:50%;animation:14s ease-in-out infinite portfolio-orb-float;position:absolute}.portfolio-hero__orb--a{background:#4facfe33;width:min(42vw,320px);height:min(42vw,320px);animation-delay:-2s;top:10%;left:5%}.portfolio-hero__orb--b{background:#2057831f;width:min(36vw,260px);height:min(36vw,260px);animation-delay:-5s;bottom:5%;right:8%}.portfolio-hero__content{z-index:2;flex-direction:column;align-items:flex-start;gap:1rem;width:min(100%,560px);margin-top:clamp(2rem,8vh,5rem);margin-left:auto;margin-right:clamp(0rem,4vw,2rem);display:flex;position:relative}.portfolio-hero__eyebrow{color:var(--pf-blue);letter-spacing:.02em;opacity:0;font-size:clamp(1rem,2.2vw,1.25rem);font-weight:600;animation:.85s cubic-bezier(.22,1,.36,1) .1s forwards portfolio-fade-up}.portfolio-hero__title{letter-spacing:-.02em;background:linear-gradient(135deg, var(--pf-blue) 0%, var(--pf-navy) 100%);color:#0000;opacity:0;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.125rem);font-weight:800;line-height:1.15;animation:.9s cubic-bezier(.22,1,.36,1) .22s forwards portfolio-fade-up,8s ease-in-out 1s infinite alternate portfolio-title-shimmer}.portfolio-hero__line-wrap{opacity:0;margin-top:.5rem;animation:.85s cubic-bezier(.22,1,.36,1) .38s forwards portfolio-fade-up}.portfolio-hero__line{filter:drop-shadow(0 0 12px #4facfe59);max-width:220px;height:auto;animation:3.5s ease-in-out infinite portfolio-line-pulse;display:block}.portfolio-hero__accent-bar{background:linear-gradient(90deg, var(--pf-sky), #4facfe26);opacity:0;transform-origin:0;border-radius:999px;width:72px;height:3px;margin-top:.25rem;animation:.75s cubic-bezier(.22,1,.36,1) .5s forwards portfolio-bar-in;transform:scaleX(0)}[dir=rtl] .portfolio-hero__content{align-items:flex-end;margin-left:clamp(0rem,4vw,2rem);margin-right:auto}[dir=rtl] .portfolio-hero__accent-bar{transform-origin:100%}.portfolio-grid-section{background:linear-gradient(135deg,#f0f7ff 0%,#fff 100%);border-top:1px solid #20578314;padding:clamp(2rem,5vw,4rem) 0 clamp(3.5rem,9vw,6rem);position:relative;overflow:hidden}.portfolio-grid-section:before,.portfolio-grid-section:after{content:"";filter:blur(80px);z-index:0;opacity:.55;pointer-events:none;border-radius:50%;position:absolute}.portfolio-grid-section:before{top:-50px;background:#00f2fe1a;width:min(450px,55vw);height:min(450px,55vw);inset-inline-end:-100px}.portfolio-grid-section:after{bottom:-100px;background:#4facfe1f;width:min(500px,60vw);height:min(500px,60vw);inset-inline-start:-120px}.portfolio-grid-section__inner{z-index:1;position:relative}.portfolio-grid-section__glow{pointer-events:none;filter:blur(2px);z-index:0;background:radial-gradient(closest-side,#4facfe24,#0000 72%);width:min(900px,85vw);height:min(420px,55vw);position:absolute;top:0;left:50%;transform:translate(-50%,-35%)}.portfolio-grid-section__inner:before{content:"";opacity:.85;background:linear-gradient(90deg,#0000 0%,#4facfe40 25%,#12367c33 50%,#4facfe40 75%,#0000 100%);border-radius:999px;width:min(720px,88vw);height:2px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.portfolio-grid{--reveal-delay:0s;counter-reset:portfolio-idx;place-items:stretch stretch;column-gap:var(--pf-grid-gap);row-gap:var(--pf-grid-gap);z-index:1;grid-template-columns:1fr;grid-auto-rows:auto;grid-auto-flow:row;margin-top:clamp(.5rem,2vw,1.25rem);display:grid;position:relative}@media (min-width:576px) and (max-width:991.98px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:992px){.portfolio-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.portfolio-grid__cell{grid-column:span 4}.portfolio-grid__cell:nth-child(5n+1){grid-column:span 8}.portfolio-grid__cell:nth-child(5n+2){grid-column:span 4}}.portfolio-grid__cell{color:inherit;opacity:0;counter-increment:portfolio-idx;flex-direction:column;align-items:stretch;width:100%;min-width:0;max-width:100%;min-height:0;padding:0;text-decoration:none;display:flex;transform:translateY(28px)scale(.98)}@media (min-width:992px){.portfolio-grid__cell:nth-child(5n+1) .portfolio-card{border-radius:clamp(18px,2vw,22px)}.portfolio-grid__cell:nth-child(5n+1) .portfolio-card__title{font-size:clamp(1rem,1.35vw,1.15rem)}}.portfolio-card:before{content:counter(portfolio-idx, decimal-leading-zero);z-index:4;letter-spacing:.12em;color:#12367c61;font-variant-numeric:tabular-nums;pointer-events:none;font-size:.65rem;font-weight:700;position:absolute;top:11px;right:14px}[dir=rtl] .portfolio-card:before{left:14px;right:auto}@media (min-width:992px){.portfolio-grid__cell:nth-child(5n+1) .portfolio-card:before{color:#4facfed9;font-size:.72rem}}.portfolio-grid__cell--static{cursor:default}.portfolio-grid__cell--static:hover .portfolio-card,.portfolio-grid__cell--static:focus-within .portfolio-card{border-color:var(--pf-border);box-shadow:var(--pf-shadow-card);transform:translateY(-2px)}.portfolio-grid__cell--static:hover .portfolio-card__image,.portfolio-grid__cell--static:focus-within .portfolio-card__image{animation:none;transform:none}.portfolio-grid__cell--static:hover .portfolio-card__arrow,.portfolio-grid__cell--static:focus-within .portfolio-card__arrow{transform:none}.portfolio-grid--revealed .portfolio-grid__cell{animation:.75s cubic-bezier(.22,1,.36,1) forwards portfolio-card-enter;animation-delay:var(--reveal-delay,0s)}.portfolio-card{border-radius:var(--pf-card-radius);background:var(--pf-surface);border:1px solid var(--pf-border);width:100%;max-width:100%;min-height:0;box-shadow:var(--pf-shadow-card);-webkit-backdrop-filter:blur(12px);flex-direction:column;flex:auto;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .35s,background .35s;display:flex;position:relative;overflow:hidden}.portfolio-grid__cell:focus-visible .portfolio-card{outline:2px solid var(--pf-sky);outline-offset:3px}.portfolio-grid__cell:hover .portfolio-card,.portfolio-grid__cell:focus-visible .portfolio-card{background:var(--pf-surface-strong);box-shadow:var(--pf-shadow-card-hover);border-color:#4facfe73;transform:translateY(-8px)}.portfolio-card__chrome{z-index:1;padding:10px 14px;border-bottom:1px solid var(--pf-border-navy);background:#f8fbfff2;flex-shrink:0;align-items:center;gap:6px;padding-inline-end:3.25rem;display:flex;position:relative}.portfolio-card__dot{background:#ff5f57;border-radius:50%;width:8px;height:8px;box-shadow:inset 0 0 0 1px #00000026}.portfolio-card__dot--amber{background:#febc2e}.portfolio-card__dot--green{background:#28c840}.portfolio-card__viewport{background:var(--pf-deep);flex:auto;min-height:clamp(200px,22vw,280px);position:relative;overflow:hidden}.portfolio-card__image{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .65s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0;transform:scale(1.001)}.portfolio-card__overlay{opacity:.65;background:linear-gradient(#0000 48%,#12367c73 100%);transition:opacity .4s;position:absolute;inset:0}.portfolio-grid__cell:hover .portfolio-card__overlay,.portfolio-grid__cell:focus-visible .portfolio-card__overlay{opacity:1}.portfolio-card__glow{opacity:0;background:radial-gradient(circle at 50% 100%,#4facfe38,#0000 55%);transition:opacity .5s;position:absolute;inset:-40%}.portfolio-grid__cell:hover .portfolio-card__glow,.portfolio-grid__cell:focus-visible .portfolio-card__glow{opacity:1}.portfolio-card__footer{border-top:1px solid var(--pf-border-navy);background:#ffffffe0;flex-shrink:0;grid-template-columns:1fr auto;align-items:center;column-gap:10px;min-height:48px;padding:12px 16px 14px;display:grid}.portfolio-card__title{color:var(--pf-navy);text-align:start;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-width:0;margin:0;font-size:.95rem;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}.portfolio-card__arrow{width:32px;height:32px;color:var(--pf-blue);background:#4facfe1f;border-radius:9px;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.22,1,.36,1),background .3s,color .3s;display:flex}[dir=rtl] .portfolio-card__arrow svg{transform:scaleX(-1)}.portfolio-grid__cell:hover .portfolio-card__arrow,.portfolio-grid__cell:focus-visible .portfolio-card__arrow{color:var(--pf-navy);background:#4facfe38;transform:translate(4px)}[dir=rtl] .portfolio-grid__cell:hover .portfolio-card__arrow,[dir=rtl] .portfolio-grid__cell:focus-visible .portfolio-card__arrow{transform:translate(-4px)}.portfolio-grid__cell:hover .portfolio-card__image,.portfolio-grid__cell:focus-visible .portfolio-card__image{animation:6s cubic-bezier(.45,0,.25,1) forwards portfolio-scroll-shot;transform:scale(1.06)}.portfolio-grid__cell:not(:hover):not(:focus-visible) .portfolio-card__image{animation:none}@keyframes portfolio-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes portfolio-title-shimmer{0%{background-position:0%}to{background-position:100%}}@keyframes portfolio-line-pulse{0%,to{opacity:.85;filter:drop-shadow(0 0 10px #4facfe47)}50%{opacity:1;filter:drop-shadow(0 0 16px #4facfe73)}}@keyframes portfolio-bar-in{to{opacity:1;transform:scaleX(1)}}@keyframes portfolio-hero-ken{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.08)translate(-1.5%,-1%)}}@keyframes portfolio-orb-float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(12px,-16px)scale(1.05)}}@keyframes portfolio-card-enter{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes portfolio-scroll-shot{0%{object-position:top center}to{object-position:bottom center}}@media (prefers-reduced-motion:reduce){.portfolio-hero__bg,.portfolio-hero__orb,.portfolio-hero__title,.portfolio-hero__line,.portfolio-hero__eyebrow,.portfolio-hero__accent-bar,.portfolio-hero__line-wrap{animation:none!important}.portfolio-hero__bg{transform:none}.portfolio-hero__eyebrow,.portfolio-hero__title,.portfolio-hero__line-wrap{opacity:1;transform:none}.portfolio-hero__accent-bar{opacity:1;transform:scaleX(1)}.portfolio-grid--revealed .portfolio-grid__cell{opacity:1;transform:none;animation:none!important}.portfolio-card,.portfolio-card__image,.portfolio-card__arrow{transition-duration:.01ms!important}.portfolio-grid__cell:hover .portfolio-card__image,.portfolio-grid__cell:focus-visible .portfolio-card__image{transform:scale(1.03);animation:none!important}}@media (max-width:991px){.portfolio-hero{justify-content:center}.portfolio-hero__content{text-align:center;align-items:center;margin-left:auto;margin-right:auto}.portfolio-hero__accent-bar{margin-left:auto;margin-right:auto}[dir=rtl] .portfolio-hero__content{align-items:center}}