.portfolio-page{padding-bottom:7rem}.portfolio-header{overflow:hidden}.portfolio-eyebrow,.portfolio-kicker{max-width:100%;color:var(--accent);letter-spacing:.13em;text-transform:uppercase;overflow-wrap:anywhere;align-items:center;gap:.45rem;font-size:.76rem;font-weight:700;display:inline-flex}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,3vw,2rem);display:grid}.portfolio-project-card{isolation:isolate;border:1px solid color-mix(in srgb, var(--accent) 16%, var(--panel-border));background:linear-gradient(135deg, #ffffffc2, #fff6), radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--portfolio-accent) 18%, transparent) 0%, transparent 34%), var(--glass-panel-bg);min-width:0;min-height:520px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-radius:34px;align-content:space-between;gap:2rem;padding:clamp(1.5rem,3vw,2.4rem);display:grid;position:relative;overflow:hidden}.portfolio-project-card-stocktrigger{--portfolio-accent:#c48a1a}.portfolio-project-card-invoicematcher{--portfolio-accent:#2a2c6e}.portfolio-project-card:before{content:"";z-index:-2;border-radius:inherit;background:linear-gradient(120deg, #ffffffad, transparent 34%), radial-gradient(circle at 90% 12%, color-mix(in srgb, var(--portfolio-accent) 16%, transparent), transparent 26%);pointer-events:none;position:absolute;inset:1px}.portfolio-card-orbit{z-index:-1;border:1px solid color-mix(in srgb, var(--portfolio-accent) 20%, transparent);background:radial-gradient(circle, color-mix(in srgb, var(--portfolio-accent) 12%, transparent) 0%, transparent 58%), repeating-conic-gradient(from 24deg, color-mix(in srgb, var(--portfolio-accent) 22%, transparent) 0 6deg, transparent 6deg 18deg);opacity:.62;border-radius:999px;width:19rem;height:19rem;position:absolute;bottom:-8rem;right:-7rem;-webkit-mask-image:radial-gradient(circle,#0000 42%,#000 43%);mask-image:radial-gradient(circle,#0000 42%,#000 43%)}.portfolio-card-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-width:0;display:flex}.portfolio-icon{border:1px solid color-mix(in srgb, var(--portfolio-accent) 26%, var(--subtle-border));background:linear-gradient(145deg, #ffffffe6, #ffffff75), color-mix(in srgb, var(--portfolio-accent) 8%, transparent);width:4.3rem;height:4.3rem;color:color-mix(in srgb, var(--portfolio-accent) 72%, var(--text-primary));box-shadow:inset 0 1px 0 #fffc, 0 18px 34px color-mix(in srgb, var(--portfolio-accent) 12%, transparent);border-radius:22px;justify-content:center;align-items:center;display:inline-flex}.portfolio-card-copy{gap:1.1rem;min-width:0;max-width:38rem;display:grid}.portfolio-card-copy h2{overflow-wrap:anywhere;letter-spacing:-.055em;margin:0;font-size:clamp(2.15rem,3.6vw,3.7rem);line-height:1}.portfolio-card-copy p{overflow-wrap:break-word;max-width:40rem;color:var(--text-secondary);font-size:clamp(1rem,1.4vw,1.12rem)}.portfolio-stat-row{flex-wrap:wrap;gap:.65rem;display:flex}.portfolio-stat-row span{border:1px solid var(--subtle-border);background:color-mix(in srgb, var(--subtle-bg) 72%, transparent);min-height:2.4rem;color:var(--text-secondary);border-radius:999px;align-items:center;padding:.5rem .85rem;font-size:.9rem;display:inline-flex}.portfolio-card-cta{width:fit-content}@media (max-width:820px){.portfolio-grid{grid-template-columns:1fr}.portfolio-project-card{min-height:460px}}@media (max-width:540px){.portfolio-project-card{border-radius:26px;min-height:0}.portfolio-card-topline{flex-direction:column;align-items:flex-start}}