/* Scoped, full-width product stories shared by the three portfolio hubs. */
.portfolio-showcase{--portfolio-accent:#a78bfa;--portfolio-ink:#23143e;background:#100a22;color:#fff;width:100%;max-width:none}
.portfolio-showcase *{box-sizing:border-box}
.portfolio-showcase__intro{max-width:900px;margin:auto;padding:100px 28px 80px;text-align:center}
.portfolio-showcase__intro h2{color:#fff!important;font:600 clamp(36px,4.2vw,60px)/1.08 Oswald,sans-serif;letter-spacing:-.02em;margin:0 0 24px;text-wrap:balance}
.portfolio-showcase__intro p{color:#e4dced!important;font:400 19px/1.7 Lato,sans-serif;margin:0}
.portfolio-product{position:relative;width:100%;padding:100px 0;background:radial-gradient(ellipse at 85% 30%,color-mix(in srgb,var(--portfolio-accent) 19%,transparent),transparent 65%),linear-gradient(120deg,color-mix(in srgb,var(--portfolio-ink) 72%,#090b18),#0d0b18);border-top:1px solid color-mix(in srgb,var(--portfolio-accent) 30%,transparent)}
.portfolio-product__inner{width:min(1280px,calc(100% - 96px));margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:64px;align-items:center}
.portfolio-product--reverse .portfolio-product__copy{order:2}
.portfolio-product__brand{display:flex;align-items:center;max-width:100%;width:440px;min-height:106px;margin-bottom:28px}
.portfolio-product__brand img{display:block;width:100%;height:auto;max-height:130px;object-fit:contain;object-position:left center}
.portfolio-product__copy h3{color:#fff!important;font:600 clamp(32px,3.1vw,46px)/1.12 Oswald,sans-serif;letter-spacing:-.015em;margin:0 0 24px;text-wrap:balance}
.portfolio-product__copy p,.portfolio-product__copy li{color:#e5dfeb!important;font:400 17px/1.75 Lato,sans-serif}
.portfolio-product__copy p{margin:0 0 20px}.portfolio-product__copy ul{padding:0;list-style:none;margin:0 0 30px}.portfolio-product__copy li{position:relative;padding-left:24px;margin:8px 0}.portfolio-product__copy li:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--portfolio-accent);position:absolute;left:1px;top:12px}
.portfolio-product__copy .portfolio-proof{margin:-10px 0 24px}.portfolio-proof a{color:#fff!important;font-weight:800;text-underline-offset:4px}
.portfolio-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.portfolio-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;min-height:52px;border:1px solid transparent;border-radius:12px;text-decoration:none;font:700 15px/1.4 Lato,sans-serif;background:color-mix(in srgb,var(--portfolio-accent) 60%,white);color:#101322!important;max-width:100%;text-align:center}
.portfolio-button--outline{background:transparent;color:#fff!important;border-color:#b0a5c6}
.portfolio-button:hover{filter:brightness(1.09)}.portfolio-showcase a:focus-visible{outline:3px solid #fff;outline-offset:5px}
.portfolio-stage{position:relative;min-width:0;width:100%;aspect-ratio:1.08;isolation:isolate}
.portfolio-stage figure{margin:0;overflow:hidden;box-shadow:0 26px 54px #0007}
.portfolio-stage__scene{position:absolute;z-index:2;right:0;top:0;width:52%;aspect-ratio:16/9;transform:rotate(3deg);border:1px solid color-mix(in srgb,var(--portfolio-accent) 38%,white);border-radius:17px}
.portfolio-stage__scene img,.portfolio-stage__scene video{display:block;width:100%;height:100%;object-fit:cover;background:var(--portfolio-ink)}
.portfolio-stage__desktop{position:absolute;left:0;top:34%;width:92%;border:5px solid #343643;border-radius:14px;background:#252735;transform:perspective(1400px) rotateY(-7deg) rotateX(2deg)}
.portfolio-stage__desktop>img,.portfolio-stage__desktop>video{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top}
.portfolio-window{display:flex;gap:5px;align-items:center;height:19px;padding-left:8px;background:#292c38}.portfolio-window i{width:5px;height:5px;background:#8991a4;border-radius:50%}
.portfolio-stage__phone{position:absolute;z-index:3;bottom:0;right:-1%;width:25%;aspect-ratio:390/844;border:6px solid #292c36;border-radius:24px;background:#111;transform:rotate(5deg);outline:1px solid #727987}
.portfolio-stage__phone:after{content:'';position:absolute;top:4px;left:33%;width:34%;height:9px;border-radius:10px;background:#171820}
.portfolio-stage__phone>img,.portfolio-stage__phone>video{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:16px}
.portfolio-stage--ops{aspect-ratio:.98}.portfolio-stage--ops .portfolio-stage__desktop{top:0;left:0;width:96%;transform:perspective(1600px) rotateY(5deg)}.portfolio-stage--ops .portfolio-stage__scene{top:auto;bottom:0;left:2%;right:auto;width:61%;aspect-ratio:16/9;transform:rotate(-3deg)}.portfolio-stage--ops .portfolio-stage__phone{bottom:6%;right:-1%}.portfolio-product--reverse .portfolio-stage--ops .portfolio-stage__scene{left:4%;transform:rotate(3deg)}.portfolio-product--reverse .portfolio-stage--ops .portfolio-stage__desktop{transform:perspective(1600px) rotateY(-5deg)}
@media(min-width:1500px){.portfolio-product{padding:120px 0}.portfolio-product__inner{gap:90px}}
@media(max-width:1000px){.portfolio-product__inner{width:calc(100% - 56px);gap:30px}.portfolio-product__brand{width:360px;min-height:80px}.portfolio-product__copy h3{font-size:34px}.portfolio-product__copy p,.portfolio-product__copy li{font-size:16px}.portfolio-product{padding:76px 0}}
@media(max-width:760px){.portfolio-showcase__intro{padding:76px 24px 52px}.portfolio-showcase__intro p{font-size:17px}.portfolio-product{padding:58px 0 72px}.portfolio-product__inner{width:calc(100% - 40px);grid-template-columns:minmax(0,1fr);gap:34px}.portfolio-product--reverse .portfolio-product__copy{order:0}.portfolio-product__brand{width:min(360px,100%);min-height:70px;margin-bottom:26px}.portfolio-product__brand img{max-height:104px}.portfolio-stage{max-width:620px;margin:auto;aspect-ratio:1.05}.portfolio-product__copy h3{font-size:36px}.portfolio-stage__desktop{border-width:4px}.portfolio-stage__phone{width:29%;border-width:4px;border-radius:18px;right:1%}.portfolio-stage__phone>img{border-radius:13px}.portfolio-stage__scene{right:2%}.portfolio-actions{align-items:stretch}.portfolio-button{flex:1 1 145px}}
.portfolio-product__copy h3 span{color:color-mix(in srgb,var(--portfolio-accent) 48%,white)}
/* Hub alignment: the membership intro follows the hub's left-aligned accent headings; the experience rows use the
   incumbent app showcase's framed copy card and 300px wordmark so all eighteen apps read as one list. */
.portfolio-showcase--membership .portfolio-showcase__intro{max-width:none;width:min(1280px,calc(100% - 96px));padding:100px 0 80px;text-align:left}.portfolio-showcase--membership .portfolio-showcase__intro h2{max-width:900px}.portfolio-showcase--membership .portfolio-showcase__intro p{max-width:760px}
.portfolio-showcase--experience .portfolio-product__copy{padding:48px 44px;border:1px solid color-mix(in srgb,var(--portfolio-accent) 32%,transparent);border-radius:24px;background:color-mix(in srgb,#0b0e19 82%,transparent)}.portfolio-showcase--experience .portfolio-product__brand{width:300px;min-height:84px}
@media(max-width:760px){.portfolio-showcase--membership .portfolio-showcase__intro{width:calc(100% - 40px);padding:76px 0 52px}.portfolio-showcase--experience .portfolio-product__copy{padding:30px 24px}.portfolio-showcase--experience .portfolio-product__brand{width:min(260px,100%)}}
.portfolio-showcase .portfolio-showcase__intro .mf-accent{color:#E2B8FF}