.content-page--portfolio{max-width:1200px;padding-top:clamp(3.25rem,6vw,4.4rem)}.portfolio-filters{display:grid;gap:10px;margin:0 auto clamp(1.25rem,2vw,1.8rem)}.portfolio-filters__row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:4px 0}.portfolio-filters__button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:10px 14px;border-radius:999px;border:1px solid rgb(255 255 255 / 16%);background:linear-gradient(150deg,#0f1c3abd,#081428b3);color:#d9ebf8;font-size:var(--text-sm);font-weight:700;letter-spacing:.03em;text-transform:uppercase;transition:border-color .24s,background .24s,color .24s,transform .24s}.portfolio-filters__button:hover{transform:translateY(-1px);border-color:#4db8ff6b;color:#eff8ff}.portfolio-filters__button[data-active=true]{border-color:#4db8ff7f;background:linear-gradient(150deg,#4db8ff47,#142c4ac7);color:#fff}.portfolio-filters__empty{margin:0 0 var(--space-lg);padding:14px 16px;border-radius:12px;border:1px dashed rgb(255 255 255 / 20%);background:#0a162870;color:#d6eaf8;font-size:var(--text-sm)}.portfolio-showcase{display:grid;gap:clamp(2.1rem,3.4vw,3rem)}.portfolio-case[hidden]{display:none!important}.portfolio-case{position:relative;display:block;border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--case-color, #4db8ff) 30%,rgb(255 255 255 / 8%));background:radial-gradient(460px 180px at 86% 92%,color-mix(in srgb,var(--case-color, #4db8ff) 15%,transparent),transparent 65%),linear-gradient(158deg,color-mix(in srgb,var(--case-color, #4db8ff) 10%,rgb(8 18 35 / 92%)),#081223e0);box-shadow:0 18px 44px #00000057;overflow:hidden;isolation:isolate;scroll-margin-top:96px;transition:border-color .25s,box-shadow .25s,transform .25s}.portfolio-case:hover{border-color:color-mix(in srgb,var(--case-color, #4db8ff) 48%,rgb(255 255 255 / 12%));box-shadow:0 20px 44px #0000005c,0 0 0 1px color-mix(in srgb,var(--case-color, #4db8ff) 16%,transparent);transform:translateY(-3px)}.portfolio-case:before{content:"";position:absolute;left:22px;right:22px;top:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--case-color, #4db8ff) 70%,transparent),transparent)}.portfolio-case__share{position:relative;flex:0 0 auto}.portfolio-case__share-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid rgb(255 255 255 / 10%);background:#ffffff08;color:#dceeff99;transition:background .2s,border-color .2s,color .2s}.portfolio-case__share-btn svg{width:18px;height:18px}.portfolio-case__share-btn:hover{border-color:#fff3;background:#ffffff0f;color:#fff}.portfolio-case__share-btn[aria-expanded=true]{border-color:color-mix(in srgb,var(--case-color, #4db8ff) 54%,rgb(255 255 255 / 20%));background:color-mix(in srgb,var(--case-color, #4db8ff) 24%,rgb(255 255 255 / 6%));color:#fff}.portfolio-case__share-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:160px;padding:6px;border-radius:12px;border:1px solid rgb(255 255 255 / 12%);background:#0c1830f5;backdrop-filter:blur(12px);box-shadow:0 12px 32px #0006;z-index:50}.portfolio-case__share-menu[hidden]{display:none}.portfolio-case__share-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:8px;border:none;background:transparent;color:#ebf8ffe5;font-size:var(--text-sm);font-weight:500;text-align:left;transition:background .15s,color .15s}.portfolio-case__share-option:hover{background:#ffffff14;color:#fff}.portfolio-case__share-option svg{width:18px;height:18px;flex:0 0 auto;opacity:.8}.portfolio-case__share-option[data-copied=true]{background:color-mix(in srgb,var(--case-color, #4db8ff) 20%,rgb(255 255 255 / 5%));color:#fff}.portfolio-case__share-option[data-copied=true] [data-copy-label]:after{content:" ✓"}.portfolio-case__client{display:flex;align-items:center;gap:12px;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid rgb(255 255 255 / 6%)}.portfolio-case__client-info{display:flex;flex-direction:column;gap:2px}.portfolio-case__client-info strong{font-size:var(--text-lg);font-weight:900;color:#f0f8ff}.portfolio-case__client-info span{font-size:var(--text-xs-1);color:#dceeffa6}.portfolio-case__logo{flex:0 0 auto;width:120px;height:80px;border-radius:12px;border:1px solid rgb(255 255 255 / 12%);background:#091324a3;display:flex;align-items:center;justify-content:center;overflow:hidden}.portfolio-case__logo--image{padding:12px 16px;background:#081223b8}.portfolio-case__logo img{width:100%;height:100%;object-fit:contain}.portfolio-case__logo span{font-size:var(--text-xxs);font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#f3faff}.portfolio-case__website{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--case-color, #4db8ff) 32%,rgb(255 255 255 / 12%));background:color-mix(in srgb,var(--case-color, #4db8ff) 10%,rgb(255 255 255 / 2%));font-size:var(--text-sm);font-weight:600;color:color-mix(in srgb,var(--case-color, #4db8ff) 82%,#ecf8ff);transition:background .2s,border-color .2s}.portfolio-case__website svg{width:14px;height:14px}.portfolio-case__website:hover{background:color-mix(in srgb,var(--case-color, #4db8ff) 18%,rgb(255 255 255 / 4%));border-color:color-mix(in srgb,var(--case-color, #4db8ff) 48%,rgb(255 255 255 / 16%));color:color-mix(in srgb,var(--case-color, #4db8ff) 92%,#fff)}.portfolio-case__body{padding:clamp(1.5rem,2.2vw,2rem) clamp(1.5rem,2.2vw,2rem) calc(clamp(2rem,2.8vw,2.5rem) + 8px);display:grid;gap:clamp(1rem,1.5vw,1.25rem)}.portfolio-case__header{display:grid;gap:clamp(.5rem,.9vw,.75rem)}.portfolio-case__eyebrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.portfolio-case__eyebrow-lead{display:flex;align-items:center;gap:10px;flex:0 0 auto}.portfolio-case__pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:color-mix(in srgb,var(--case-color, #4db8ff) 88%,#ecf8ff);background:color-mix(in srgb,var(--case-color, #4db8ff) 14%,rgb(255 255 255 / 3%));border:1px solid color-mix(in srgb,var(--case-color, #4db8ff) 28%,transparent)}.portfolio-case__pill--soft{color:#dceeffd1;background:#ffffff05;border-color:#ffffff1f}.portfolio-case__pill--link{color:#dceeffe0;background:#ffffff08;border-color:#ffffff24;transition:background .2s,border-color .2s,color .2s,transform .2s}.portfolio-case__pill--link:hover{color:#fff;background:color-mix(in srgb,var(--case-color, #4db8ff) 16%,rgb(255 255 255 / 5%));border-color:color-mix(in srgb,var(--case-color, #4db8ff) 36%,rgb(255 255 255 / 16%));transform:translateY(-1px)}.portfolio-case__header h2{font-family:var(--font-primary);font-size:clamp(2.02rem,3.3vw,2.65rem);line-height:1.06;letter-spacing:-.012em}.portfolio-case__header p{margin:0;color:#ebf7ffd9;line-height:1.72;font-size:var(--text-lg);max-width:80ch}.portfolio-case__steps{display:inline-flex;width:fit-content;gap:10px;padding:5px;border-radius:16px;border:1px solid rgb(255 255 255 / 10%);background:#ffffff08}.portfolio-case__step-tab{border:0;border-radius:12px;padding:10px 16px;background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;font-weight:700;transition:background .24s,color .24s,transform .24s}.portfolio-case__step-tab:hover{color:color-mix(in srgb,var(--case-color, #4db8ff) 90%,#fff);background:color-mix(in srgb,var(--case-color, #4db8ff) 16%,rgb(255 255 255 / 6%))}.portfolio-case__step-tab[data-active=true]{background:color-mix(in srgb,var(--case-color, #4db8ff) 24%,rgb(255 255 255 / 10%));color:#fff}.portfolio-media{border-radius:20px;border:1px solid color-mix(in srgb,var(--case-color, #4db8ff) 24%,rgb(255 255 255 / 10%));background:linear-gradient(160deg,color-mix(in srgb,var(--case-color, #4db8ff) 10%,rgb(9 19 36 / 84%)),#091324c2);padding:12px}.portfolio-media__video-shell{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:#060e1cb8}.portfolio-media__video-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#060e1c29,#060e1c7a);z-index:1}.portfolio-media__video-shell[data-loaded=true]:before{display:none}.portfolio-media__video-shell img,.portfolio-media__video-backdrop{width:100%;height:100%;display:block;object-fit:cover}.portfolio-media__video-backdrop{background:radial-gradient(circle at 30% 30%,rgb(77 184 255 / 26%),transparent 48%),linear-gradient(155deg,#0a162ce5,#081223db)}.portfolio-media__video-overlay{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;display:grid;gap:2px;pointer-events:none}.portfolio-media__video-overlay strong{font-family:var(--font-primary);font-size:var(--text-xl)}.portfolio-media__video-overlay span{font-size:var(--text-xs-1);color:#e2f1ffd6}.portfolio-media__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;border:1px solid color-mix(in srgb,var(--case-color, #4db8ff) 42%,rgb(255 255 255 / 20%));background:color-mix(in srgb,var(--case-color, #4db8ff) 22%,rgb(10 20 40 / 86%));color:#fff;z-index:3;display:inline-flex;align-items:center;justify-content:center;transition:transform .22s,background .22s}.portfolio-media__play svg{margin-left:2px}.portfolio-media__play:hover{transform:translate(-50%,-50%) scale(1.06);background:color-mix(in srgb,var(--case-color, #4db8ff) 34%,rgb(10 20 40 / 88%))}.portfolio-media__stage{position:relative;margin:0;border-radius:14px;overflow:hidden;min-height:170px;background:#050c189e}.portfolio-media__stage img,.portfolio-media--video iframe,.portfolio-media--video video{width:100%;aspect-ratio:16 / 9;border:0;border-radius:14px}.portfolio-media__stage img{object-fit:contain;object-position:center;transition:opacity .22s}.portfolio-media--video iframe,.portfolio-media--video video{object-fit:cover;display:block}.portfolio-media__stage img[data-active=true]{display:block}.portfolio-media__stage img[hidden]{display:none!important}.portfolio-media__thumb img{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block}.portfolio-lightbox__stage img{max-width:100%;max-height:90vh;width:auto;height:auto;border-radius:12px;display:block;object-fit:contain;box-shadow:0 24px 64px #0009}.portfolio-media--video iframe,.portfolio-media--video video.portfolio-media--single .portfolio-media__stage img{display:block}.portfolio-media__thumbs{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.portfolio-media__thumb{position:relative;border:1px solid rgb(255 255 255 / 16%);border-radius:11px;padding:0;overflow:hidden;background:#ffffff08;transition:border-color .2s,transform .2s}.portfolio-media__thumb[data-active=true]{border-color:color-mix(in srgb,var(--case-color, #4db8ff) 64%,rgb(255 255 255 / 20%));box-shadow:0 0 0 1px color-mix(in srgb,var(--case-color, #4db8ff) 22%,transparent)}.portfolio-media__thumb:hover{transform:translateY(-1px)}@media(width>=981px){.portfolio-media--gallery{display:grid;grid-template-columns:minmax(130px,178px) minmax(0,1fr);grid-template-areas:"thumbs stage";align-items:stretch;gap:12px}.portfolio-media--gallery .portfolio-media__stage{grid-area:stage;min-height:0}.portfolio-media--gallery .portfolio-media__thumbs-col{grid-area:thumbs;display:flex;flex-direction:column;gap:6px;height:100%;min-height:0}.portfolio-media--gallery .portfolio-media__thumbs{margin-top:0;display:flex;flex-direction:column;gap:8px;overflow-y:hidden;flex:1;min-height:0;scrollbar-width:none}.portfolio-media--gallery .portfolio-media__thumbs::-webkit-scrollbar{display:none}.portfolio-media--gallery .portfolio-media__thumbs-col:not(.portfolio-media__thumbs-col--nav) .portfolio-media__thumbs{justify-content:space-between}.portfolio-media--gallery .portfolio-media__thumb{flex:1 1 0;min-height:0}.portfolio-media--gallery .portfolio-media__thumbs-col--nav .portfolio-media__thumb{flex:0 0 calc((100% - 16px) / 3)}.portfolio-media--gallery .portfolio-media__thumb img{height:100%;width:100%;aspect-ratio:auto;object-fit:cover}}.portfolio-media__thumb-nav{display:none}@media(width>=981px){.portfolio-media__thumb-nav{display:flex;align-items:center;justify-content:center;width:100%;height:28px;flex:0 0 28px;border-radius:8px;border:1px solid rgb(255 255 255 / 10%);background:#ffffff08;color:#dceeff99;transition:background .2s,border-color .2s,color .2s}.portfolio-media__thumb-nav svg{width:16px;height:16px}.portfolio-media__thumb-nav:disabled{opacity:.3;cursor:default}}.portfolio-media__thumb-nav:hover:not(:disabled){background:#ffffff12;border-color:#fff3;color:#fff}.portfolio-media__video-placeholder{width:100%;aspect-ratio:16 / 9;border-radius:12px;border:1px dashed color-mix(in srgb,var(--case-color, #4db8ff) 34%,rgb(255 255 255 / 18%));background:#0812238c;display:grid;place-items:center;text-align:center;padding:var(--space-md);gap:6px}.portfolio-media__video-placeholder strong{font-family:var(--font-primary);font-size:var(--text-base)}.portfolio-media__video-placeholder span{font-size:var(--text-xs-1);color:var(--color-text-muted)}.portfolio-case__panel{display:none;gap:.72rem;opacity:0;transform:translateY(8px);padding:clamp(1rem,1.6vw,1.4rem);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--case-color, #4db8ff) 24%,rgb(255 255 255 / 10%));background:linear-gradient(160deg,color-mix(in srgb,var(--case-color, #4db8ff) 12%,rgb(9 19 36 / 84%)),#091324c7)}.portfolio-case__panel--result{padding-bottom:var(--space-lg)}.portfolio-case[data-step=need] .portfolio-case__panel--need,.portfolio-case[data-step=result] .portfolio-case__panel--result{display:grid;animation:portfolio-step-reveal .28s ease forwards}@keyframes portfolio-step-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.portfolio-case__panel h3{font-family:var(--font-primary);font-size:var(--text-xl-m);line-height:1.2}.portfolio-case__panel p{margin:0;color:#e9f6ffe0;line-height:1.72;font-size:var(--text-md);max-width:90ch}.portfolio-case__panel ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.portfolio-case__panel li{position:relative;color:#eaf7ffe5;padding-left:20px;font-size:var(--text-lg)}.portfolio-case__panel li:before{content:"";position:absolute;top:.52rem;left:0;width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--case-color, #4db8ff) 84%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--case-color, #4db8ff) 24%,transparent)}.portfolio-case__metrics{list-style:none;margin-top:var(--space-sm);display:grid;gap:8px}.portfolio-case__metrics li{position:relative;padding:0 0 0 20px;border:none;border-radius:0;background:none;color:#eaf7ff;font-size:var(--text-lg);line-height:1.5;font-weight:500}.portfolio-case__metrics li:before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--case-color, #4db8ff) 80%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--case-color, #4db8ff) 20%,transparent)}.portfolio-case__cta-wrap{margin-block:var(--space-lg)}.portfolio-case__cta-wrap .btn-primary{width:auto;padding:14px 28px;border-color:color-mix(in srgb,var(--case-color, #4db8ff) 56%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--case-color, #4db8ff) 88%,#fff),color-mix(in srgb,var(--case-color, #4db8ff) 72%,#0b1f3f));box-shadow:0 10px 26px color-mix(in srgb,var(--case-color, #4db8ff) 34%,transparent),0 0 0 1px color-mix(in srgb,var(--case-color, #4db8ff) 22%,transparent)}.portfolio-case__cta-wrap .btn-primary:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--case-color, #4db8ff) 94%,#fff),color-mix(in srgb,var(--case-color, #4db8ff) 78%,#0b1f3f));border-color:color-mix(in srgb,var(--case-color, #4db8ff) 70%,transparent);box-shadow:0 12px 30px color-mix(in srgb,var(--case-color, #4db8ff) 42%,transparent),0 0 0 1px color-mix(in srgb,var(--case-color, #4db8ff) 30%,transparent)}@media(width<=1120px){.content-page--portfolio{max-width:1100px}.portfolio-case__header h2{font-size:clamp(1.7rem,2.35vw,2.2rem)}.portfolio-case__header p{font-size:var(--text-base)}}@media(width<=980px){.portfolio-case__body{padding:var(--space-lg) var(--space-lg) var(--space-xl);gap:var(--space-md)}.portfolio-case__header h2{font-size:clamp(1.55rem,5vw,2.05rem);line-height:1.1}.portfolio-case__header p{font-size:var(--text-lg-s)}.portfolio-case__pill{padding:4px 8px;font-size:var(--text-sm)}.portfolio-case__steps{width:100%;gap:8px;padding:4px}.portfolio-case__step-tab{flex:1;text-align:center;padding:9px 13px;font-size:var(--text-sm)}.portfolio-media__thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width<=640px){.portfolio-filters__row{gap:6px}.portfolio-filters__button{font-size:var(--text-xs-1)}.portfolio-case{scroll-margin-top:80px}.content-page--portfolio{max-width:none}.portfolio-case__eyebrow-lead{flex:1 1 100%}.portfolio-case__client{flex-wrap:wrap}.portfolio-case__website{margin-left:0;margin-top:8px;flex:1 1 100%;justify-content:center;font-size:var(--text-lg)}.portfolio-case__share-btn{width:32px;height:32px}.portfolio-case__share-btn svg{width:16px;height:16px}.portfolio-case__logo{width:80px;height:54px}.portfolio-case__header h2{font-size:var(--text-xxl);margin-block:1.3rem 1.4rem}.portfolio-case__header p{font-size:var(--text-lg);line-height:1.66}.portfolio-case__body{padding:var(--space-md) var(--space-md) var(--space-lg)}.portfolio-case__cta-wrap .btn-primary{width:100%}.portfolio-media{padding:8px}.portfolio-media__thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}}.portfolio-media__stage[data-gallery-open]{cursor:zoom-in}.portfolio-lightbox{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;background:#040a16f0;backdrop-filter:blur(10px);animation:lightbox-in .22s ease}.portfolio-lightbox[hidden]{display:none}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}.portfolio-lightbox__stage{position:relative;max-width:min(92vw,1200px);max-height:90vh;display:flex;align-items:center;justify-content:center}.portfolio-lightbox__close{position:fixed;top:20px;right:20px;width:42px;height:42px;border-radius:50%;border:1px solid rgb(255 255 255 / 16%);background:#ffffff0f;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;z-index:10}.portfolio-lightbox__close:hover{background:#ffffff1f;transform:scale(1.06)}.portfolio-lightbox__close svg{width:20px;height:20px}.portfolio-lightbox__nav{position:fixed;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid rgb(255 255 255 / 14%);background:#ffffff0d;color:#dceeffd9;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,color .2s;z-index:10}.portfolio-lightbox__nav--prev{left:20px}.portfolio-lightbox__nav--next{right:20px}.portfolio-lightbox__nav svg{width:22px;height:22px}.portfolio-lightbox__nav:disabled{opacity:.2;cursor:default}.portfolio-lightbox__nav:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff42;color:#fff}.portfolio-lightbox__nav[hidden]{display:none}.portfolio-lightbox__counter{position:fixed;bottom:24px;left:50%;transform:translate(-50%);font-size:var(--text-sm);color:#c8e1ff99;pointer-events:none}@media(width<=640px){.portfolio-lightbox__nav--prev{left:10px}.portfolio-lightbox__nav--next{right:10px}.portfolio-lightbox__nav{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.portfolio-case,.portfolio-case__step-tab,.portfolio-case__logo:after,.portfolio-case__panel{transition:none;animation:none}.portfolio-lightbox{animation:none}}