.portfolio-page-main{padding-top:0;overflow-x:clip}.portfolio-hero-section{position:relative;z-index:10;width:100%;min-height:100vh;min-height:100svh;overflow:hidden;background:#0a0a0a;box-sizing:border-box}.portfolio-hero-media{position:absolute;inset:0;z-index:0}.portfolio-hero-image{display:block;object-fit:cover;object-position:center}.portfolio-hero-overlay{position:absolute;inset:0;background:radial-gradient(57.65% 57.65% at 50% 42.35%,rgba(25,25,25,0) 0,#191919 100%);pointer-events:none}.portfolio-hero-container{position:relative;z-index:2;justify-content:space-between;max-width:1300px;min-height:100vh;min-height:100svh;padding:calc(var(--landing-navbar-height) + 24px) 24px clamp(40px,5vh,56px)}.portfolio-hero-container,.portfolio-hero-content{display:flex;flex-direction:column;width:100%;margin:0 auto;box-sizing:border-box}.portfolio-hero-content{align-items:center;justify-content:center;flex:1;max-width:1280px;text-align:center;padding:clamp(24px,4vh,48px) 0}.portfolio-hero-title{margin:0;font-family:var(--font-manrope),sans-serif;font-size:clamp(30px,5.2vw,64px);font-weight:700;line-height:1.18;letter-spacing:-.02em}.portfolio-hero-title-accent{background:linear-gradient(90deg,#ef1c5a,#ff6b9d 42%,#3dd6c7);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.portfolio-hero-title-plain{color:#ffffff}.portfolio-hero-description{margin:clamp(18px,2.5vw,28px) auto 0;max-width:52ch;width:100%;font-family:var(--font-manrope),sans-serif;font-size:clamp(15px,1.6vw,22px);font-weight:400;line-height:1.65;color:rgba(255,255,255,.88)}.portfolio-hero-filters{display:flex;flex-direction:column;gap:18px;width:100%;min-width:0}.portfolio-hero-tabs{display:flex;align-items:center;gap:28px}.portfolio-hero-tab{position:relative;background:transparent;border:none;padding:0 0 10px;font-family:var(--font-manrope),sans-serif;font-size:15px;font-weight:500;color:rgba(255,255,255,.55);cursor:pointer;transition:color .2s ease}.portfolio-hero-tab.active{color:#ffffff}.portfolio-hero-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:#ffffff}.portfolio-hero-tab:hover{color:rgba(255,255,255,.85)}.portfolio-hero-chip-row{display:flex;flex-wrap:wrap;gap:10px;width:100%}.portfolio-hero-chip{background:transparent;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:10px 16px;font-family:var(--font-manrope),sans-serif;font-size:13px;font-weight:500;line-height:1;color:rgba(255,255,255,.52);cursor:pointer;white-space:nowrap;text-decoration:none;transition:border-color .2s ease,color .2s ease}.portfolio-hero-chip.active{border-color:rgba(255,255,255,.92);color:#ffffff;background:transparent;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.portfolio-hero-chip-row--sub{gap:8px}.portfolio-hero-chip--sub{border-radius:999px;padding:8px 14px;font-size:12px;border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.45)}.portfolio-hero-chip--sub.active{border-color:rgba(255,255,255,.75);color:#ffffff;background:rgba(255,255,255,.08);text-decoration:none}.portfolio-hero-chip:hover{border-color:rgba(255,255,255,.45);color:rgba(255,255,255,.82)}@media (min-width:1280px){.portfolio-hero-description{max-width:none;white-space:nowrap}}@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{padding:36px 0 40px;flex:0 1 auto}.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{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-inline:-16px;padding-inline:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.portfolio-hero-chip-row::-webkit-scrollbar{display:none}.portfolio-hero-chip{flex-shrink:0;font-size:12px;padding:9px 14px;border-radius:7px}}@media (max-width:479px){.portfolio-hero-title{font-size:24px}.portfolio-hero-description{font-size:14px}}.portfolio-showcase-section{background:#191919;padding:clamp(32px,4vw,48px) 18px clamp(64px,7vw,96px);position:relative;z-index:11;box-sizing:border-box;overflow-x:clip}.portfolio-showcase-container{width:100%;max-width:1300px;margin:0 auto;box-sizing:border-box}.portfolio-showcase-list{display:flex;flex-direction:column;gap:clamp(48px,6vw,92px);width:100%}.portfolio-showcase-empty{margin:0;padding:clamp(48px,8vw,80px) 16px;text-align:center;color:rgba(255,255,255,.72);font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.5}.portfolio-showcase-card{width:100%;border-radius:clamp(20px,2.4vw,28px);overflow:hidden;line-height:0;background:#191919;scroll-margin-top:calc(var(--landing-navbar-height, 84px) + 16px);content-visibility:auto;contain-intrinsic-size:auto 420px}.portfolio-showcase-card.is-hash-target{box-shadow:0 0 0 3px rgba(255,255,255,.42),0 0 0 8px rgba(186,0,54,.28)}.portfolio-showcase-image{width:100%;height:auto;display:block;object-fit:cover}.portfolio-showcase-card--featured{position:relative;line-height:normal;min-height:clamp(250px,30vw,385px);aspect-ratio:1300/385}.portfolio-showcase-card-bg{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:brightness(.72)}.portfolio-showcase-card-bg--pending{background:linear-gradient(90deg,#1d1d1d,#262626 50%,#1d1d1d);background-size:200% 100%}.portfolio-showcase-feature-icon-slot,.portfolio-showcase-logo-slot,.portfolio-showcase-title-image-slot{display:block;flex-shrink:0;background:rgba(255,255,255,.06);border-radius:8px}.portfolio-showcase-logo-slot{width:clamp(42px,4.5vw,56px);height:clamp(42px,4.5vw,56px)}.portfolio-showcase-title-image-slot{width:min(100%,260px);height:36px}.portfolio-showcase-feature-icon-slot{width:44px;height:44px}.portfolio-showcase-card:hover .portfolio-showcase-card-bg{filter:brightness(1)}.portfolio-showcase-card-inner{position:relative;z-index:1;display:flex;align-items:center;min-height:inherit;height:100%;aspect-ratio:inherit}.portfolio-showcase-website-thumb{position:absolute;top:50%;right:clamp(18px,3vw,34px);z-index:2;display:flex;flex-direction:column;width:clamp(230px,33vw,420px);height:clamp(175px,23vw,255px);border-radius:clamp(14px,2vw,20px);overflow:hidden;background:#ffffff;box-shadow:0 20px 50px rgba(0,0,0,.4);transform:translateY(-50%);pointer-events:auto}.portfolio-showcase-website-thumb-scroll{flex:1;min-height:0;width:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.portfolio-showcase-website-thumb-scroll::-webkit-scrollbar{display:none;width:0;height:0}.portfolio-showcase-website-thumb-image{width:100%;height:auto;display:block}.portfolio-showcase-card-layout{display:flex;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);box-sizing:border-box}.portfolio-showcase-logo-wrap{flex-shrink:0;width:clamp(42px,4.5vw,56px);line-height:0}.portfolio-showcase-logo{width:100%;height:auto;max-height:clamp(42px,4.5vw,56px);object-fit:contain;object-position:top center}.portfolio-showcase-logo-spacer{width:clamp(42px,4.5vw,56px);height:clamp(42px,4.5vw,56px);flex-shrink:0}.portfolio-showcase-card-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0;margin:0}.portfolio-showcase-title{margin:0 0 clamp(8px,1vw,12px);font-family:var(--font-poppins),Poppins,sans-serif;font-size:clamp(1.85rem,3.6vw,2.75rem);font-weight:500;font-style:normal;line-height:1.1;letter-spacing:-.02em;color:#ffffff;white-space:nowrap;word-break:normal;overflow-wrap:normal}.portfolio-showcase-title--wrap{white-space:normal;max-width:16ch}.portfolio-showcase-title-image{width:auto;height:clamp(1.85rem,3.6vw,2.65rem);margin:0 0 clamp(8px,1vw,12px);object-fit:contain;object-position:left center}.portfolio-showcase-desc{margin:0 0 clamp(16px,2vw,24px);max-width:480px;font-family:var(--font-manrope),sans-serif;font-size:clamp(.8125rem,1.1vw,.9375rem);font-weight:400;line-height:1.58;color:rgba(255,255,255,.88)}.portfolio-showcase-card--features .portfolio-showcase-card-layout{flex-direction:column;align-items:flex-start;width:min(100%,640px);gap:0}.portfolio-showcase-card-layout--features{padding-top:clamp(28px,3.2vw,40px);padding-bottom:clamp(20px,2.4vw,32px)}.portfolio-showcase-feature-header{display:flex;align-items:center;flex-wrap:nowrap;gap:clamp(10px,1.2vw,16px);margin-bottom:clamp(10px,1.4vw,16px);min-width:0;width:100%}.portfolio-showcase-logo--header{width:clamp(42px,4.5vw,56px);height:auto;max-height:clamp(42px,4.5vw,56px);flex-shrink:0}.portfolio-showcase-header-main{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:10px;min-width:0;flex:1 1 auto}.portfolio-showcase-title--header{margin:0;flex:0 1 auto;min-width:0;font-size:clamp(1.55rem,2.9vw,2.35rem)}.portfolio-showcase-title-image--header{margin:0;flex-shrink:1;min-width:0;max-width:min(220px,42vw)}.portfolio-showcase-header-stores{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap;flex-shrink:0;margin-left:0}.portfolio-showcase-store-btn--compact{min-height:24px;padding:1px 8px;gap:5px;border-radius:7px;align-items:center}.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{display:inline-flex;flex-direction:column;gap:0;justify-content:center}.portfolio-showcase-store-btn--compact .portfolio-showcase-store-btn-label{display:block;font-size:6px;letter-spacing:.02em;line-height:1}.portfolio-showcase-store-btn--compact .portfolio-showcase-store-btn-platform{font-size:10px;line-height:1.1;font-weight:700}.portfolio-showcase-features{list-style:none;margin:0 0 clamp(12px,1.5vw,18px);padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,auto);gap:clamp(10px,1.2vw,16px) clamp(16px,2vw,28px);width:100%;align-items:start}.portfolio-showcase-feature{display:flex;align-items:flex-start;gap:clamp(8px,1vw,12px);min-width:0}.portfolio-showcase-feature-icon{object-fit:contain}.portfolio-showcase-feature-icon,.portfolio-showcase-feature-icon-wrap{width:clamp(32px,3.6vw,40px);height:clamp(32px,3.6vw,40px);flex-shrink:0}.portfolio-showcase-feature-icon-wrap{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1.5px solid var(--portfolio-feature-icon,#fcae00);color:var(--portfolio-feature-icon,#fcae00);background:rgba(0,0,0,.25);box-sizing:border-box}.portfolio-showcase-feature-icon-wrap svg{width:16px;height:16px}.portfolio-showcase-feature-copy{min-width:0}.portfolio-showcase-feature-title{margin:0 0 2px;font-family:var(--font-manrope),sans-serif;font-size:clamp(.875rem,1.05vw,1rem);font-weight:700;line-height:1.2;color:#ffffff}.portfolio-showcase-feature-desc{margin:0;font-family:var(--font-manrope),sans-serif;font-size:clamp(.75rem,.9vw,.875rem);font-weight:400;line-height:1.4;color:rgba(255,255,255,.88);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.portfolio-showcase-cta{display:flex;align-items:center;flex-wrap:nowrap;gap:10px;overflow-x:auto;overflow-y:hidden;padding:4px 0;margin:-4px 0;background:transparent;-ms-overflow-style:none;scrollbar-width:none}.portfolio-showcase-cta::-webkit-scrollbar{display:none}.portfolio-showcase-card--features .portfolio-showcase-cta{margin-left:55px;width:auto;justify-content:flex-start}.portfolio-showcase-card--features .portfolio-showcase-case-study-btn,.portfolio-showcase-card--features .portfolio-showcase-view-btn{min-height:34px;padding:0 12px;border-radius:10px;font-size:11px}.portfolio-showcase-view-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid transparent;cursor:pointer;background:var(--portfolio-btn-bg,#fcae00);color:var(--portfolio-btn-color,#000000);font-family:var(--font-manrope),sans-serif;font-size:12px;font-weight:700;letter-spacing:.01em;line-height:1;text-decoration:none;white-space:nowrap;box-shadow:none;transition:background .22s ease,border-color .22s ease,transform .22s ease}.portfolio-showcase-view-btn:hover{background:var(--portfolio-btn-bg-hover,#e09d00);border-color:rgba(255,255,255,.22);transform:translateY(-1px)}.portfolio-showcase-store-links{display:inline-flex;align-items:center;gap:10px;flex-wrap:nowrap;flex-shrink:0;background:transparent}.portfolio-showcase-case-study-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid transparent;background:var(--portfolio-btn-bg,#fcae00);color:var(--portfolio-btn-color,#000000);text-decoration:none;font-family:var(--font-manrope),sans-serif;font-size:12px;font-weight:700;letter-spacing:.01em;white-space:nowrap;box-shadow:none;transition:background .22s ease,border-color .22s ease,transform .22s ease,opacity .22s ease}.portfolio-showcase-case-study-btn:hover{background:var(--portfolio-btn-bg-hover,#e09d00);border-color:rgba(255,255,255,.22);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:transparent;transform:none}.portfolio-showcase-store-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.24);background:#111113;color:#ffffff;text-decoration:none;font-family:var(--font-manrope),sans-serif;font-size:11px;font-weight:500;line-height:1;white-space:nowrap;box-shadow:none;transition:background .22s ease,border-color .22s ease,transform .22s ease,opacity .22s ease}.portfolio-showcase-store-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.portfolio-showcase-store-btn-icon svg{width:18px;height:18px}.portfolio-showcase-store-btn-copy{display:inline-flex;flex-direction:column;gap:3px;min-width:0}.portfolio-showcase-store-btn-label{font-size:9px;font-weight:500;letter-spacing:.01em;text-transform:uppercase;opacity:.86}.portfolio-showcase-store-btn-platform{font-size:13px;font-weight:700;letter-spacing:.01em}.portfolio-showcase-store-btn:hover{background:#1a1a1e;border-color:rgba(255,255,255,.42);transform:translateY(-1px)}.portfolio-showcase-store-btn--disabled{opacity:.5;cursor:not-allowed}.portfolio-showcase-store-btn--disabled:hover{background:#111113;border-color:rgba(255,255,255,.24);transform:none}.portfolio-video-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,32px);background:rgba(0,0,0,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:portfolio-video-overlay-in .28s ease}.portfolio-video-phone{width:min(390px,88vw,calc(85vh * 393 / 852));aspect-ratio:393/852;border-radius:clamp(24px,3.5vw,32px);overflow:hidden;background:#000000;border:2px solid rgba(255,255,255,.1);box-shadow:0 30px 90px rgba(0,0,0,.65),inset 0 0 0 1px rgba(255,255,255,.04);animation:portfolio-video-phone-in .32s cubic-bezier(.22,1,.36,1)}.portfolio-video-phone-screen{width:100%;height:100%;display:block;object-fit:cover}@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{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,28px);background:rgba(0,0,0,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:portfolio-video-overlay-in .28s ease}.portfolio-website-frame{width:min(860px,82vw);height:min(88vh,820px);max-height:calc(100dvh - 32px);border-radius:clamp(32px,4.5vw,44px);overflow:hidden;background:#ffffff;box-shadow:0 30px 90px rgba(0,0,0,.65);animation:portfolio-video-phone-in .32s cubic-bezier(.22,1,.36,1)}.portfolio-website-scroll{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.portfolio-website-scroll::-webkit-scrollbar{display:none;width:0;height:0}.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-feature-header{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"logo title" "stores stores";align-items:center;column-gap:12px;row-gap:12px;width:100%}.portfolio-showcase-logo--header{grid-area:logo;width:clamp(40px,11vw,48px);max-height:clamp(40px,11vw,48px)}.portfolio-showcase-header-main{display:contents}.portfolio-showcase-title--header{grid-area:title;width:auto;margin:0;white-space:normal}.portfolio-showcase-title-image--header{grid-area:title;max-width:min(240px,70vw)}.portfolio-showcase-header-stores{grid-area:stores;display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}.portfolio-showcase-store-btn--compact{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;flex:0 0 auto;min-height:34px;height:auto;padding:5px 10px;gap:7px}.portfolio-showcase-store-btn--compact .portfolio-showcase-store-btn-icon{width:16px;height:16px;flex-shrink:0}.portfolio-showcase-store-btn--compact .portfolio-showcase-store-btn-icon svg{width:16px;height:16px}.portfolio-showcase-store-btn--compact .portfolio-showcase-store-btn-copy{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;min-width:0}.portfolio-showcase-store-btn--compact .portfolio-showcase-store-btn-label{display:block;font-size:7px;line-height:1.1}.portfolio-showcase-store-btn--compact .portfolio-showcase-store-btn-platform{font-size:11px;line-height:1.15;font-weight:700}}@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{display:flex;flex-direction:column;align-items:stretch;aspect-ratio:auto!important;height:auto!important;min-height:0!important}.portfolio-showcase-card--featured.portfolio-showcase-card--website{display:grid;grid-template-columns:1fr;grid-template-areas:"media" "content";background:color-mix(in srgb,var(--portfolio-panel-tint,#666666) 28%,#141414)}.portfolio-showcase-card-bg{position:relative!important;inset:auto!important;order:1;z-index:0;flex:0 0 auto;width:100%;height:auto!important;max-height:none!important;aspect-ratio:16/10;object-fit:cover;object-position:78% center}.portfolio-showcase-card--website .portfolio-showcase-card-bg{grid-area:media;order:unset;justify-self:stretch;align-self:stretch;width:100%;height:100%!important;object-position:center center;aspect-ratio:16/9}.portfolio-showcase-card-inner{order:2;position:relative!important;z-index:1;display:block;flex:0 0 auto!important;align-self:stretch;width:100%;height:auto!important;min-height:unset!important;max-height:none!important;aspect-ratio:auto!important;overflow:visible;background:color-mix(in srgb,var(--portfolio-panel-tint,#666666) 28%,#141414)}.portfolio-showcase-card--website .portfolio-showcase-card-inner{grid-area:content;order:unset;background:transparent}.portfolio-showcase-website-thumb{position:relative!important;order:3;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;z-index:2;flex:0 0 auto;width:calc(100% - 32px)!important;max-width:none!important;height:min(52vw,220px)!important;margin:0 16px 20px!important;transform:none!important;border-radius:14px;align-self:center}.portfolio-showcase-card--website .portfolio-showcase-website-thumb{grid-area:media;order:unset;position:absolute!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;z-index:3;width:calc(100% - 40px)!important;max-width:360px!important;height:min(42vw,200px)!important;margin:0!important;transform:translate(-50%,-50%)!important}.portfolio-showcase-card-layout{display:flex;flex-direction:row;align-items:flex-start;width:100%;max-width:none;margin:0;padding:64px 18px 20px 34px;gap:12px;box-sizing:border-box}.portfolio-showcase-card-content{margin:0;min-width:0;width:100%}.portfolio-showcase-logo-spacer,.portfolio-showcase-logo-wrap{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{font-size:clamp(1.55rem,7vw,2rem);line-height:1.15;margin-bottom:10px}.portfolio-showcase-title-image{height:clamp(1.4rem,6vw,1.85rem)}.portfolio-showcase-desc{max-width:none;font-size:.875rem;line-height:1.55;margin-bottom:18px}.portfolio-showcase-view-btn{min-height:40px;padding:0 14px;font-size:11px;flex-shrink:0;margin-bottom:0}.portfolio-showcase-cta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px}.portfolio-showcase-card--features .portfolio-showcase-cta{margin-left:0;justify-content:flex-start}.portfolio-showcase-card--features .portfolio-showcase-case-study-btn,.portfolio-showcase-card--features .portfolio-showcase-view-btn{min-height:32px;padding:0 10px;font-size:10px}.portfolio-showcase-store-links{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.portfolio-showcase-store-btn:not(.portfolio-showcase-store-btn--compact){min-height:40px;padding:7px 10px}.portfolio-showcase-case-study-btn{min-height:40px;padding:0 12px;font-size:11px;margin:0}.portfolio-showcase-store-btn-platform{font-size:12px}.portfolio-showcase-card--website .portfolio-showcase-view-btn{margin-bottom:0}.portfolio-website-overlay{align-items:center;padding:max(12px,env(safe-area-inset-top,0px)) 12px max(12px,env(safe-area-inset-bottom,0px));background:#0a0a0a}.portfolio-website-frame{width:min(94vw,860px);height:min(86dvh,720px);max-height:calc(100dvh - 24px);border-radius:20px}.portfolio-video-phone{width:min(320px,78vw,calc(78vh * 393 / 852));border-radius:24px}}@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;padding:56px 14px 16px 30px;gap:10px}.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{top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;width:calc(100% - 32px)!important;max-width:320px!important;height:min(40vw,180px)!important;margin:0!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:0}.portfolio-showcase-store-links{display:inline-flex;align-items:center;gap:6px}}