.portfolio-home{--portfolio-title-size: var(--gc-title-text-size);--portfolio-subtitle-size: var(--gc-subtitle-text-size);--portfolio-body-size: var(--gc-body-text-size);--portfolio-line: rgba(169, 206, 255, .18);--portfolio-team-line: rgba(207, 165, 72, .32);--portfolio-section-space: 6rem;--portfolio-block-space: 5rem;overflow:clip;padding-bottom:0;background:linear-gradient(rgba(169,206,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(169,206,255,.025) 1px,transparent 1px);background-size:40px 40px;font-size:var(--portfolio-body-size)}.portfolio-home h1,.portfolio-home h2,.portfolio-home h3,.portfolio-home p{text-wrap:pretty}.portfolio-home h1,.portfolio-home h2,.portfolio-home h3{font-family:var(--font-display);font-weight:700;letter-spacing:var(--gc-title-letter-spacing);text-transform:uppercase}.portfolio-home h1,.portfolio-section-heading h2{color:var(--gc-gold-bright);text-shadow:0 0 24px rgba(207,165,72,.13)}.portfolio-hero h1,.portfolio-section-heading h2,.portfolio-product-name,.portfolio-gasworks strong,.portfolio-subscribe h2{font-size:var(--portfolio-title-size);line-height:var(--gc-title-line-height)}.portfolio-hero-subtitle,.portfolio-product-card h3,.portfolio-team-copy h2,.portfolio-signup-panel h3{font-size:var(--portfolio-subtitle-size);line-height:var(--gc-subtitle-line-height)}.portfolio-hero-subtitle,.portfolio-product-card h3,.portfolio-team-copy h2,.portfolio-signup-panel h3{font-family:var(--font-display);font-weight:700;text-transform:uppercase}.portfolio-kicker,.portfolio-product-name,.portfolio-placement,.portfolio-gasworks span,.portfolio-gasworks a{font-family:var(--font-mono)}.portfolio-kicker,.portfolio-placement,.portfolio-gasworks span,.portfolio-gasworks a,.portfolio-hero-quote footer{font-size:var(--gc-ui-text-size);line-height:1.2;letter-spacing:var(--gc-ui-letter-spacing)}.portfolio-kicker{color:var(--gc-gold);font-weight:700;line-height:1.2;letter-spacing:var(--gc-ui-letter-spacing);text-transform:uppercase}.portfolio-product-name{color:var(--gc-gold-bright);font-family:var(--font-display);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.portfolio-hero{border-bottom:1px solid rgba(206,215,226,.14);background:linear-gradient(90deg,#03070df5,#050912cc 48%,#05091294),linear-gradient(180deg,transparent,rgba(5,9,18,.88)),url(/images/homepage/round-bead-factory-floor.webp) center 58% / cover no-repeat}.portfolio-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:2rem;align-items:start;width:min(100%,var(--container-max));padding-top:5rem;padding-bottom:4rem}.portfolio-hero-copy{display:flex;flex-direction:column}.portfolio-hero h1{max-width:690px;margin-top:.6rem}.portfolio-hero-subtitle{margin-top:.55rem;color:var(--gc-blue-bright)}.portfolio-hero-body{max-width:650px;margin-top:.9rem;color:var(--gc-text-bright)}.portfolio-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}.portfolio-hero-quote{position:relative;display:flex;flex-direction:column;min-height:0;padding:clamp(1.5rem,2vw,1.75rem);padding-left:clamp(2.5rem,3.25vw,3rem);overflow:visible;border:1px solid rgba(206,215,226,.24);border-radius:var(--radius);background:linear-gradient(90deg,#040a12b8,#040a124d),linear-gradient(180deg,#040a120f,#040a128c),url(/images/homepage/beads-to-high-quality-software.webp) center 45% / cover no-repeat;box-shadow:var(--shadow-soft),var(--shadow-blue),inset 0 1px #ffffff12}.portfolio-hero-quote:after{content:"";position:absolute;right:0;bottom:0;width:42%;height:2px;background:linear-gradient(90deg,transparent,var(--gc-gold))}.portfolio-hero-quote p{display:grid;gap:1.25rem;color:var(--gc-blue-bright);font-family:var(--font-body);font-size:var(--gc-endorsement-text-size);font-weight:600;line-height:var(--gc-endorsement-line-height);text-shadow:0 2px 14px rgba(0,0,0,.9)}.portfolio-hero-quote p span,.portfolio-hero-quote em{font-size:var(--gc-endorsement-text-size)}.portfolio-hero-quote em{color:var(--gc-gold-bright);font-family:var(--font-body);font-style:italic;font-weight:700}.portfolio-hero-quote p>span:first-child:before,.portfolio-hero-quote p>span:last-child:after{color:var(--gc-gold-bright);font-family:var(--font-body);font-weight:700}.portfolio-hero-quote p>span:first-child{position:relative}.portfolio-hero-quote p>span:first-child:before{content:"“";position:absolute;right:100%;margin-right:.08em}.portfolio-hero-quote p>span:last-child:after{content:"”";margin-left:.04em}.portfolio-hero-quote footer{align-self:flex-end;margin-top:1.5rem;padding:0;background:transparent;color:var(--gc-gold-bright);font-family:var(--font-mono);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.portfolio-hero-quote cite{font-style:normal}.portfolio-products{padding-top:var(--portfolio-section-space)}.portfolio-section-heading{max-width:800px;margin:0 auto 3rem;text-align:center}.portfolio-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.portfolio-product-card{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid rgba(206,215,226,.17);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 18%),linear-gradient(135deg,#131f2ff0,#070d15fa);box-shadow:var(--shadow-soft),inset 0 1px #ffffff0d}.portfolio-product-card>img{width:100%;height:220px;border-bottom:1px solid var(--portfolio-line);object-fit:cover}.portfolio-product-card>div{display:flex;flex-direction:column;padding:1.5rem}.portfolio-product-card h3{margin-top:.55rem;color:var(--gc-blue-bright)}.portfolio-product-card div>p:not(.portfolio-product-name){margin-top:.75rem;margin-bottom:1.25rem;color:var(--gc-text-dim)}.portfolio-install-button{width:fit-content;max-width:100%;align-self:flex-start;margin-top:auto}.portfolio-team{width:min(calc(100% - 3rem),var(--container-max));margin:var(--portfolio-section-space) auto 0;border:1px solid var(--portfolio-team-line);border-radius:var(--radius);background:linear-gradient(90deg,#30220cc2,#090f18f7 56%),radial-gradient(circle at 82% 30%,rgba(207,165,72,.12),transparent 30%);box-shadow:var(--shadow-soft),inset 0 1px #ffffff0f;scroll-margin-top:6rem}.portfolio-team-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.8fr);gap:2.5rem;align-items:center;padding:clamp(3rem,5vw,4rem)}.portfolio-team-copy h2{margin-top:.45rem;color:var(--gc-blue-bright)}.portfolio-placement{margin-top:.65rem;color:var(--gc-gold-bright);font-weight:600}.portfolio-team-copy>p:not(.portfolio-product-name,.portfolio-placement){max-width:680px;margin-top:.75rem;color:var(--gc-text-dim)}.portfolio-feature-list{display:grid;gap:.45rem;margin-top:1.1rem;color:var(--gc-text-dim);list-style:none}.portfolio-feature-list li{position:relative;padding-left:1rem}.portfolio-feature-list li:before{content:"";position:absolute;top:.55rem;left:0;width:.35rem;height:.35rem;color:var(--gc-gold);background:currentColor;transform:rotate(45deg)}.portfolio-signup-panel{padding:1.5rem;border:1px solid var(--portfolio-team-line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,244,210,.055),transparent 22%),linear-gradient(135deg,#241d12f0,#070d15fa);box-shadow:var(--shadow-soft),var(--shadow-warm),inset 0 1px #ffffff0f}.portfolio-signup-panel h3{margin-top:.45rem;color:var(--gc-gold-bright)}.portfolio-signup-panel>p:not(.portfolio-kicker,.email-form-note){margin-top:.65rem;color:var(--gc-text-dim)}.portfolio-gasworks{display:grid;grid-template-columns:.8fr 1.4fr auto;gap:1.25rem;align-items:center;margin-top:var(--portfolio-block-space);padding:2.25rem 2.5rem;border:1px solid rgba(206,215,226,.17);border-radius:var(--radius);background:linear-gradient(180deg,rgba(169,206,255,.035),transparent 30%),linear-gradient(135deg,#0f1926eb,#070d15fa);box-shadow:var(--shadow-soft),inset 0 1px #ffffff0d}.portfolio-gasworks>div{display:grid;gap:.2rem}.portfolio-gasworks span{color:var(--gc-gold);text-transform:uppercase}.portfolio-gasworks strong{color:var(--gc-gold-bright);font-family:var(--font-display);text-transform:uppercase}.portfolio-gasworks p{color:var(--gc-text-dim)}.portfolio-gasworks a{color:var(--gc-blue-bright);font-weight:600;text-transform:uppercase}.portfolio-gasworks a:hover{color:var(--gc-gold-bright)}.portfolio-subscribe{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;margin-top:var(--portfolio-block-space);margin-bottom:3rem;padding:2.5rem;border:1px solid rgba(169,206,255,.18);border-radius:var(--radius);background:linear-gradient(180deg,rgba(169,206,255,.045),transparent 22%),linear-gradient(135deg,#131f2feb,#070d15fa);box-shadow:var(--shadow-soft)}.portfolio-subscribe h2{margin-top:.45rem;color:var(--gc-blue-bright)}.portfolio-subscribe div>p:last-child{margin-top:.6rem;color:var(--gc-text-dim)}@media(max-width:980px){.portfolio-home{--portfolio-section-space: 4rem;--portfolio-block-space: 3rem}.portfolio-hero-grid,.portfolio-team-grid{grid-template-columns:1fr}.portfolio-hero-grid{padding-top:3rem;padding-bottom:3rem}.portfolio-team-grid{padding:3rem}.portfolio-hero-quote{width:100%}.portfolio-gasworks,.portfolio-subscribe{grid-template-columns:1fr}}@media(max-width:760px){.portfolio-product-grid{grid-template-columns:1fr}.portfolio-product-card>img{height:190px}}@media(max-width:480px){.portfolio-home{--portfolio-section-space: 3rem}.portfolio-actions .btn,.portfolio-subscribe .btn{width:100%}.portfolio-team-grid,.portfolio-gasworks,.portfolio-subscribe{padding:1.5rem}}
