.portfolio-page-main{padding-top:0;overflow-x:clip}.portfolio-hero-section{z-index:10;box-sizing:border-box;background:#0a0a0a;width:100%;min-height:100svh;position:relative;overflow:hidden}.portfolio-hero-media{z-index:0;position:absolute;inset:0}.portfolio-hero-image{object-fit:cover;object-position:center;display:block}.portfolio-hero-overlay{pointer-events:none;background:radial-gradient(57.65% 57.65% at 50% 42.35%,#19191900 0%,#191919 100%);position:absolute;inset:0}.portfolio-hero-container{z-index:2;width:100%;max-width:1300px;min-height:100svh;padding:calc(var(--landing-navbar-height) + 24px) 24px clamp(40px, 5vh, 56px);box-sizing:border-box;flex-direction:column;justify-content:space-between;margin:0 auto;display:flex;position:relative}.portfolio-hero-content{text-align:center;box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:clamp(24px,4vh,48px) 0;display:flex}.portfolio-hero-title{font-family:var(--font-manrope), sans-serif;letter-spacing:-.02em;margin:0;font-size:clamp(30px,5.2vw,64px);font-weight:700;line-height:1.18}.portfolio-hero-title-accent{background:linear-gradient(90deg,#ef1c5a 0%,#ff6b9d 42%,#3dd6c7 100%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.portfolio-hero-title-plain{color:#fff}.portfolio-hero-description{width:100%;max-width:52ch;font-family:var(--font-manrope), sans-serif;color:#ffffffe0;margin:clamp(18px,2.5vw,28px) auto 0;font-size:clamp(15px,1.6vw,22px);font-weight:400;line-height:1.65}.portfolio-hero-filters{flex-direction:column;gap:18px;width:100%;min-width:0;display:flex}.portfolio-hero-tabs{align-items:center;gap:28px;display:flex}.portfolio-hero-tab{font-family:var(--font-manrope), sans-serif;color:#ffffff8c;cursor:pointer;background:0 0;border:none;padding:0 0 10px;font-size:15px;font-weight:500;transition:color .2s;position:relative}.portfolio-hero-tab.active{color:#fff}.portfolio-hero-tab.active:after{content:"";background:#fff;height:1.5px;position:absolute;bottom:0;left:0;right:0}.portfolio-hero-tab:hover{color:#ffffffd9}.portfolio-hero-chip-row{flex-wrap:wrap;gap:10px;width:100%;display:flex}.portfolio-hero-chip{font-family:var(--font-manrope), sans-serif;color:#ffffff85;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff24;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500;line-height:1;text-decoration:none;transition:border-color .2s,color .2s}.portfolio-hero-chip.active{color:#fff;text-underline-offset:4px;background:0 0;border-color:#ffffffeb;text-decoration:underline;text-decoration-thickness:1px}.portfolio-hero-chip-row--sub{gap:8px}.portfolio-hero-chip--sub{color:#ffffff73;border-color:#ffffff1a;border-radius:999px;padding:8px 14px;font-size:12px}.portfolio-hero-chip--sub.active{color:#fff;background:#ffffff14;border-color:#ffffffbf;text-decoration:none}.portfolio-hero-chip:hover{color:#ffffffd1;border-color:#ffffff73}@media (min-width:1280px){.portfolio-hero-description{white-space:nowrap;max-width:none}}@media (max-width:1535px){.portfolio-hero-container{max-width:1100px}}@media (max-width:1023px){.portfolio-hero-container{padding:calc(var(--landing-navbar-height) + 20px) 20px 36px;min-height:auto}.portfolio-hero-section{min-height:auto}.portfolio-hero-content{flex:0 auto;padding:36px 0 40px}.portfolio-hero-title{font-size:clamp(28px,6.5vw,44px)}.portfolio-hero-description{max-width:42ch;font-size:clamp(15px,2.2vw,18px)}.portfolio-hero-tabs{gap:22px}.portfolio-hero-filters{gap:14px}}@media (max-width:767px){.portfolio-hero-container{padding:calc(var(--landing-navbar-height) + 14px) 16px 28px}.portfolio-hero-content{padding:28px 0 32px}.portfolio-hero-title{font-size:clamp(26px,8vw,34px)}.portfolio-hero-description{max-width:none;font-size:15px;line-height:1.6}.portfolio-hero-tabs{gap:20px}.portfolio-hero-tab{font-size:14px}.portfolio-hero-chip-row{padding-bottom:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;overflow-x:auto}.portfolio-hero-chip-row::-webkit-scrollbar{display:none}.portfolio-hero-chip{border-radius:7px;flex-shrink:0;padding:9px 14px;font-size:12px}}@media (max-width:479px){.portfolio-hero-title{font-size:24px}.portfolio-hero-description{font-size:14px}}
.portfolio-showcase-section{z-index:11;box-sizing:border-box;background:#191919;padding:clamp(32px,4vw,48px) 18px clamp(64px,7vw,96px);position:relative;overflow-x:clip}.portfolio-showcase-container{box-sizing:border-box;width:100%;max-width:1300px;margin:0 auto}.portfolio-showcase-list{flex-direction:column;gap:clamp(48px,6vw,92px);width:100%;display:flex}.portfolio-showcase-empty{text-align:center;color:#ffffffb8;margin:0;padding:clamp(48px,8vw,80px) 16px;font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.5}.portfolio-showcase-card{background:#191919;border-radius:clamp(20px,2.4vw,28px);width:100%;line-height:0;overflow:hidden}.portfolio-showcase-image{object-fit:cover;width:100%;height:auto;display:block}.portfolio-showcase-card--featured{aspect-ratio:1300/385;min-height:clamp(250px,30vw,385px);line-height:normal;position:relative}.portfolio-showcase-card-bg{object-fit:cover;object-position:center;filter:brightness(.72);width:100%;height:100%;display:block;position:absolute;inset:0}.portfolio-showcase-card:hover .portfolio-showcase-card-bg{filter:brightness()}.portfolio-showcase-card-inner{z-index:1;min-height:inherit;height:100%;aspect-ratio:inherit;align-items:center;display:flex;position:relative}.portfolio-showcase-website-thumb{z-index:2;pointer-events:auto;background:#fff;border-radius:clamp(14px,2vw,20px);flex-direction:column;width:clamp(230px,33vw,420px);height:clamp(175px,23vw,255px);display:flex;position:absolute;top:50%;right:clamp(18px,3vw,34px);overflow:hidden;transform:translateY(-50%);box-shadow:0 20px 50px #0006}.portfolio-showcase-website-thumb-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;flex:1;width:100%;min-height:0;overflow:hidden auto}.portfolio-showcase-website-thumb-scroll::-webkit-scrollbar{width:0;height:0;display:none}.portfolio-showcase-website-thumb-image{width:100%;height:auto;display:block}.portfolio-showcase-card-layout{box-sizing:border-box;align-items:flex-start;gap:clamp(14px,1.6vw,22px);width:min(100%,720px);margin:0;padding:calc(clamp(36px,4.2vw,56px) + 40px) clamp(24px,3vw,40px) clamp(36px,4.2vw,56px) calc(clamp(24px,3vw,40px) + 16px);display:flex}.portfolio-showcase-logo-wrap{flex-shrink:0;width:clamp(42px,4.5vw,56px);line-height:0}.portfolio-showcase-logo{object-fit:contain;object-position:top center;width:100%;height:auto;max-height:clamp(42px,4.5vw,56px)}.portfolio-showcase-logo-spacer{flex-shrink:0;width:clamp(42px,4.5vw,56px);height:clamp(42px,4.5vw,56px)}.portfolio-showcase-card-content{flex-direction:column;flex:1;align-items:flex-start;min-width:0;margin:0;display:flex}.portfolio-showcase-title{font-family:var(--font-poppins), Poppins, sans-serif;letter-spacing:-.02em;color:#fff;white-space:nowrap;word-break:normal;overflow-wrap:normal;margin:0 0 clamp(8px,1vw,12px);font-size:clamp(1.85rem,3.6vw,2.75rem);font-style:normal;font-weight:500;line-height:1.1}.portfolio-showcase-title--wrap{white-space:normal;max-width:16ch}.portfolio-showcase-title-image{object-fit:contain;object-position:left center;width:auto;height:clamp(1.85rem,3.6vw,2.65rem);margin:0 0 clamp(8px,1vw,12px)}.portfolio-showcase-desc{max-width:480px;font-family:var(--font-manrope), sans-serif;color:#ffffffe0;margin:0 0 clamp(16px,2vw,24px);font-size:clamp(.8125rem,1.1vw,.9375rem);font-weight:400;line-height:1.58}.portfolio-showcase-card--features .portfolio-showcase-card-layout{flex-direction:column;align-items:flex-start;gap:0;width:min(100%,640px)}.portfolio-showcase-card-layout--features{padding-top:clamp(28px,3.2vw,40px);padding-bottom:clamp(20px,2.4vw,32px)}.portfolio-showcase-feature-header{flex-wrap:nowrap;align-items:center;gap:clamp(10px,1.2vw,16px);width:100%;min-width:0;margin-bottom:clamp(10px,1.4vw,16px);display:flex}.portfolio-showcase-logo--header{flex-shrink:0;width:clamp(42px,4.5vw,56px);height:auto;max-height:clamp(42px,4.5vw,56px)}.portfolio-showcase-header-main{flex-wrap:nowrap;flex:auto;align-items:center;gap:10px;min-width:0;display:inline-flex}.portfolio-showcase-title--header{flex:0 auto;min-width:0;margin:0;font-size:clamp(1.55rem,2.9vw,2.35rem)}.portfolio-showcase-title-image--header{flex-shrink:1;min-width:0;max-width:min(220px,42vw);margin:0}.portfolio-showcase-header-stores{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:6px;margin-left:0;display:inline-flex}.portfolio-showcase-store-btn--compact{border-radius:7px;align-items:center;gap:5px;min-height:24px;padding:1px 8px}.portfolio-showcase-store-btn--compact .portfolio-showcase-store-btn-icon,.portfolio-showcase-store-btn--compact .portfolio-showcase-store-btn-icon svg{width:12px;height:12px}.portfolio-showcase-store-btn--compact .portfolio-showcase-store-btn-copy{flex-direction:column;justify-content:center;gap:0;display:inline-flex}.portfolio-showcase-store-btn--compact .portfolio-showcase-store-btn-label{letter-spacing:.02em;font-size:6px;line-height:1;display:block}.portfolio-showcase-store-btn--compact .portfolio-showcase-store-btn-platform{font-size:10px;font-weight:700;line-height:1.1}.portfolio-showcase-features{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(10px,1.2vw,16px) clamp(16px,2vw,28px);width:100%;margin:0 0 clamp(12px,1.5vw,18px);padding:0;list-style:none;display:grid}.portfolio-showcase-feature{align-items:flex-start;gap:clamp(8px,1vw,12px);min-width:0;display:flex}.portfolio-showcase-feature-icon{object-fit:contain;flex-shrink:0;width:clamp(32px,3.6vw,40px);height:clamp(32px,3.6vw,40px)}.portfolio-showcase-feature-icon-wrap{border:1.5px solid var(--portfolio-feature-icon,#fcae00);width:clamp(32px,3.6vw,40px);height:clamp(32px,3.6vw,40px);color:var(--portfolio-feature-icon,#fcae00);box-sizing:border-box;background:#00000040;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.portfolio-showcase-feature-icon-wrap svg{width:16px;height:16px}.portfolio-showcase-feature-copy{min-width:0}.portfolio-showcase-feature-title{font-family:var(--font-manrope), sans-serif;color:#fff;margin:0 0 2px;font-size:clamp(.875rem,1.05vw,1rem);font-weight:700;line-height:1.2}.portfolio-showcase-feature-desc{font-family:var(--font-manrope), sans-serif;color:#ffffffe0;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:clamp(.75rem,.9vw,.875rem);font-weight:400;line-height:1.4;display:-webkit-box;overflow:hidden}.portfolio-showcase-cta{-ms-overflow-style:none;scrollbar-width:none;background:0 0;flex-wrap:nowrap;align-items:center;gap:10px;margin:-4px 0;padding:4px 0;display:flex;overflow:auto hidden}.portfolio-showcase-cta::-webkit-scrollbar{display:none}.portfolio-showcase-card--features .portfolio-showcase-cta{margin-left:55px}.portfolio-showcase-view-btn{cursor:pointer;background:var(--portfolio-btn-bg,#fcae00);min-height:44px;color:var(--portfolio-btn-color,#000);font-family:var(--font-manrope), sans-serif;letter-spacing:.01em;white-space:nowrap;box-shadow:none;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:0 16px;font-size:12px;font-weight:700;line-height:1;text-decoration:none;transition:background .22s,border-color .22s,transform .22s;display:inline-flex}.portfolio-showcase-view-btn:hover{background:var(--portfolio-btn-bg-hover,#e09d00);border-color:#ffffff38;transform:translateY(-1px)}.portfolio-showcase-store-links{background:0 0;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.portfolio-showcase-case-study-btn{background:var(--portfolio-btn-bg,#fcae00);min-height:44px;color:var(--portfolio-btn-color,#000);font-family:var(--font-manrope), sans-serif;letter-spacing:.01em;white-space:nowrap;box-shadow:none;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:0 16px;font-size:12px;font-weight:700;text-decoration:none;transition:background .22s,border-color .22s,transform .22s,opacity .22s;display:inline-flex}.portfolio-showcase-case-study-btn:hover{background:var(--portfolio-btn-bg-hover,#e09d00);border-color:#ffffff38;transform:translateY(-1px)}.portfolio-showcase-case-study-btn--disabled{opacity:.5;cursor:not-allowed}.portfolio-showcase-case-study-btn--disabled:hover{background:var(--portfolio-btn-bg,#fcae00);border-color:#0000;transform:none}.portfolio-showcase-store-btn{color:#fff;min-height:44px;font-family:var(--font-manrope), sans-serif;white-space:nowrap;box-shadow:none;background:#111113;border:1px solid #ffffff3d;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:11px;font-weight:500;line-height:1;text-decoration:none;transition:background .22s,border-color .22s,transform .22s,opacity .22s;display:inline-flex}.portfolio-showcase-store-btn-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.portfolio-showcase-store-btn-icon svg{width:18px;height:18px}.portfolio-showcase-store-btn-copy{flex-direction:column;gap:3px;min-width:0;display:inline-flex}.portfolio-showcase-store-btn-label{letter-spacing:.01em;text-transform:uppercase;opacity:.86;font-size:9px;font-weight:500}.portfolio-showcase-store-btn-platform{letter-spacing:.01em;font-size:13px;font-weight:700}.portfolio-showcase-store-btn:hover{background:#1a1a1e;border-color:#ffffff6b;transform:translateY(-1px)}.portfolio-showcase-store-btn--disabled{opacity:.5;cursor:not-allowed}.portfolio-showcase-store-btn--disabled:hover{background:#111113;border-color:#ffffff3d;transform:none}.portfolio-video-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#000000f0;justify-content:center;align-items:center;padding:clamp(16px,4vw,32px);animation:.28s portfolio-video-overlay-in;display:flex;position:fixed;inset:0}.portfolio-video-phone{aspect-ratio:393/852;background:#000;border:2px solid #ffffff1a;border-radius:clamp(24px,3.5vw,32px);width:min(390px,88vw,39.2078vh);animation:.32s cubic-bezier(.22,1,.36,1) portfolio-video-phone-in;overflow:hidden;box-shadow:0 30px 90px #000000a6,inset 0 0 0 1px #ffffff0a}.portfolio-video-phone-screen{object-fit:cover;width:100%;height:100%;display:block}@keyframes portfolio-video-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes portfolio-video-phone-in{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.portfolio-website-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#000000f0;justify-content:center;align-items:center;padding:clamp(16px,3vw,28px);animation:.28s portfolio-video-overlay-in;display:flex;position:fixed;inset:0}.portfolio-website-frame{background:#fff;border-radius:clamp(32px,4.5vw,44px);width:min(860px,82vw);height:min(88vh,820px);max-height:calc(100dvh - 32px);animation:.32s cubic-bezier(.22,1,.36,1) portfolio-video-phone-in;overflow:hidden;box-shadow:0 30px 90px #000000a6}.portfolio-website-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;width:100%;height:100%;overflow:hidden auto}.portfolio-website-scroll::-webkit-scrollbar{width:0;height:0;display:none}.portfolio-website-image{width:100%;height:auto;display:block}@media (max-width:1535px){.portfolio-showcase-container{max-width:1100px}}@media (max-width:900px){.portfolio-showcase-header-main{flex-wrap:wrap}}@media (max-width:1200px) and (min-width:901px){.portfolio-showcase-card--featured{aspect-ratio:auto;min-height:clamp(300px,36vw,400px)}.portfolio-showcase-card-inner{aspect-ratio:auto;min-height:inherit;height:100%}.portfolio-showcase-card-layout{width:min(48%,460px);max-width:460px;margin:0;padding:68px 20px 28px 40px}.portfolio-showcase-title{font-size:clamp(1.65rem,3.2vw,2.4rem)}.portfolio-showcase-title-image{height:clamp(1.5rem,2.8vw,2.1rem)}.portfolio-showcase-desc{max-width:none;font-size:clamp(.75rem,1.2vw,.875rem)}.portfolio-showcase-card--features .portfolio-showcase-card-layout{width:100%}.portfolio-showcase-card-layout--features{padding-top:64px}.portfolio-showcase-feature-header{margin-bottom:14px}.portfolio-showcase-features{gap:14px 16px}.portfolio-showcase-feature-title{font-size:.9375rem}.portfolio-showcase-feature-desc{font-size:.8125rem}.portfolio-showcase-website-thumb{width:clamp(200px,28vw,320px);height:clamp(150px,20vw,210px);right:clamp(14px,2vw,24px)}}@media (max-width:900px){.portfolio-showcase-section{padding:24px 14px 56px}.portfolio-showcase-list{gap:28px}.portfolio-showcase-card{border-radius:16px}.portfolio-showcase-card--featured{flex-direction:column;align-items:stretch;display:flex;aspect-ratio:auto!important;height:auto!important;min-height:0!important}.portfolio-showcase-card--featured.portfolio-showcase-card--website{background:color-mix(in srgb, var(--portfolio-panel-tint,#666) 28%, #141414);grid-template-columns:1fr;grid-template-areas:"media""content";display:grid}.portfolio-showcase-card-bg{z-index:0;aspect-ratio:16/10;object-fit:cover;object-position:78% center;flex:none;order:1;width:100%;height:auto!important;max-height:none!important;position:relative!important;inset:auto!important}.portfolio-showcase-card--website .portfolio-showcase-card-bg{order:unset;object-position:center center;aspect-ratio:16/9;grid-area:media;place-self:stretch stretch;width:100%;height:100%!important}.portfolio-showcase-card-inner{z-index:1;background:color-mix(in srgb, var(--portfolio-panel-tint,#666) 28%, #141414);order:2;align-self:stretch;width:100%;display:block;overflow:visible;height:auto!important;min-height:unset!important;aspect-ratio:auto!important;flex:none!important;max-height:none!important;position:relative!important}.portfolio-showcase-card--website .portfolio-showcase-card-inner{order:unset;background:0 0;grid-area:content}.portfolio-showcase-website-thumb{z-index:2;border-radius:14px;flex:none;order:3;align-self:center;width:calc(100% - 32px)!important;max-width:none!important;height:min(52vw,220px)!important;margin:0 16px 20px!important;position:relative!important;inset:auto!important;transform:none!important}.portfolio-showcase-card--website .portfolio-showcase-website-thumb{order:unset;z-index:3;grid-area:media;width:calc(100% - 40px)!important;max-width:360px!important;height:min(42vw,200px)!important;margin:0!important;position:absolute!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important}.portfolio-showcase-card-layout{box-sizing:border-box;flex-direction:row;align-items:flex-start;gap:12px;width:100%;max-width:none;margin:0;padding:64px 18px 20px 34px;display:flex}.portfolio-showcase-card-content{width:100%;min-width:0;margin:0}.portfolio-showcase-logo-wrap,.portfolio-showcase-logo-spacer{width:clamp(36px,10vw,48px)}.portfolio-showcase-logo{max-height:clamp(36px,10vw,48px)}.portfolio-showcase-logo-spacer{height:clamp(36px,10vw,48px);display:none}.portfolio-showcase-title{margin-bottom:10px;font-size:clamp(1.55rem,7vw,2rem);line-height:1.15}.portfolio-showcase-title-image{height:clamp(1.4rem,6vw,1.85rem)}.portfolio-showcase-desc{max-width:none;margin-bottom:18px;font-size:.875rem;line-height:1.55}.portfolio-showcase-view-btn{flex-shrink:0;min-height:40px;margin-bottom:16px;padding:0 14px;font-size:11px}.portfolio-showcase-cta{gap:8px}.portfolio-showcase-store-btn{min-height:40px;padding:7px 10px}.portfolio-showcase-case-study-btn{min-height:40px;padding:0 12px;font-size:11px}.portfolio-showcase-store-btn-platform{font-size:12px}.portfolio-showcase-card--website .portfolio-showcase-view-btn{margin-bottom:8px}.portfolio-website-overlay{padding:max(12px, env(safe-area-inset-top,0px)) 12px max(12px, env(safe-area-inset-bottom,0px));background:#0a0a0a;align-items:center}.portfolio-website-frame{border-radius:20px;width:min(94vw,860px);height:min(86dvh,720px);max-height:calc(100dvh - 24px)}.portfolio-video-phone{border-radius:24px;width:min(320px,78vw,35.9789vh)}}@media (max-width:479px){.portfolio-showcase-section{padding:20px 12px 48px}.portfolio-showcase-list{gap:22px}.portfolio-showcase-card-bg{aspect-ratio:5/4;object-position:82% center}.portfolio-showcase-card-layout{flex-direction:column;gap:10px;padding:56px 14px 16px 30px}.portfolio-showcase-website-thumb{width:calc(100% - 24px)!important;height:min(58vw,200px)!important;margin:0 12px 16px!important}.portfolio-showcase-card--website .portfolio-showcase-website-thumb{width:calc(100% - 32px)!important;max-width:320px!important;height:min(40vw,180px)!important;margin:0!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important}.portfolio-showcase-title{font-size:1.45rem}.portfolio-showcase-title-image{height:1.35rem}.portfolio-showcase-desc{font-size:.8125rem}.portfolio-showcase-card-layout--features{padding-top:56px;padding-left:30px}.portfolio-showcase-features{grid-template-columns:1fr;gap:14px}.portfolio-showcase-view-btn{margin-bottom:12px}.portfolio-showcase-store-links{gap:6px}}