.portfolio-design{--surface-app:var(--vw-cream);--surface-card:var(--vw-paper);--hair:var(--border-default);--hair-strong:var(--border-strong);--e-rest:0 1px 2px #0a1e3f0a, 0 1px 3px #0a1e3f0d;--e-raise:0 2px 4px #0a1e3f0d, 0 8px 18px -8px #0a1e3f1f;--e-lift:0 24px 50px -20px #0a1e3f3d, 0 8px 16px -10px #0a1e3f1f;--ease:cubic-bezier(.22, .61, .36, 1);--spring:cubic-bezier(.34, 1.42, .58, 1);background:var(--surface-app)}.portfolio-design .vw-section{padding:72px 0}.portfolio-design .vw-section.tight{padding:44px 0}.portfolio-design .vw-wrap{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:0 32px}@media (max-width:768px){.portfolio-design .vw-wrap{padding:0 20px}.portfolio-design .vw-section{padding:48px 0}}.portfolio-design .alt{background:radial-gradient(circle, color-mix(in oklab, var(--vw-navy-700) 8%, transparent) 1px, transparent 1.4px) 0 0 / 22px 22px, var(--vw-cream)}.portfolio-design .vw-kicker{font:var(--fw-medium) var(--fs-2xs) / 1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted);align-items:center;gap:10px;margin-bottom:16px;display:inline-flex}.portfolio-design .vw-kicker:before{content:"";opacity:.9;border:1.6px solid;border-radius:1.5px;flex-shrink:0;width:7px;height:7px;transform:rotate(45deg)}.portfolio-design .vw-kicker.brand{color:var(--vw-green-700)}.portfolio-design .vw-kicker.on-dark{color:#fff9}.portfolio-design .section-head{max-width:72ch;margin-bottom:34px}.portfolio-design .vw-h2{font:400 clamp(28px, 3.4vw, 38px) / 1.08 var(--font-display);letter-spacing:-.015em;color:var(--fg-primary);margin:0}.portfolio-design .vw-h2 em{color:var(--vw-green-700);font-style:italic}.portfolio-design .pf-hero{color:#fff;isolation:isolate;background:radial-gradient(130% 120% at 0% 0%, #1d4374 0%, var(--vw-navy-700) 46%, var(--vw-navy-800) 100%);position:relative;overflow:hidden}.portfolio-design .pf-hero .dots{z-index:0;opacity:.55;pointer-events:none;background-image:radial-gradient(circle,#ffffff12 1px,#0000 1.4px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 120% at 90% 0,#000,#0000 70%);mask-image:radial-gradient(85% 120% at 90% 0,#000,#0000 70%)}.portfolio-design .pf-hero .glow{z-index:0;filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#00b74a33,#0000 66%);width:520px;height:520px;position:absolute;top:-200px;right:-120px}.portfolio-design .pf-hero .vw-wrap{z-index:1;padding-top:28px;padding-bottom:54px;position:relative}.portfolio-design .pf-hero .vw-crumbs{width:fit-content;max-width:100%;font:var(--fw-medium) var(--fs-sm) / 1 var(--font-sans);color:#fff6;letter-spacing:0;border-radius:var(--r-pill);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff24;flex-wrap:nowrap;align-items:center;gap:8px;margin-bottom:26px;padding:7px 14px;display:flex}.portfolio-design .pf-hero .vw-crumbs a{color:#ffffffa8;text-decoration:none}.portfolio-design .pf-hero .vw-crumbs a:hover{color:#fff}.portfolio-design .pf-hero .vw-crumbs .sep{opacity:.45}.portfolio-design .pf-hero .vw-crumbs .here{color:#fff;font-weight:var(--fw-semibold)}.portfolio-design .pf-hero h1{font:400 clamp(38px, 5vw, 58px) / 1.03 var(--font-display);letter-spacing:-.02em;max-width:16ch;margin:12px 0 0}.portfolio-design .pf-hero h1 em{color:var(--vw-green-400);font-style:italic}.portfolio-design .pf-hero .sub{font:400 var(--fs-xl) / 1.55 var(--font-sans);color:#ffffffc2;max-width:56ch;margin:18px 0 0}.portfolio-design .vw-answer{background:var(--vw-green-50);border:1px solid color-mix(in oklab, var(--vw-green-500) 24%, var(--hair));border-radius:var(--r-xl);grid-template-columns:190px 1fr;align-items:start;gap:10px 44px;padding:30px 36px;display:grid}.portfolio-design .vw-answer .lbl{font:var(--fw-bold) var(--fs-2xs) / 1.3 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--vw-green-700);align-items:center;gap:9px;margin:6px 0 0;display:inline-flex}.portfolio-design .vw-answer .lbl:before{content:"";border:1.7px solid;border-radius:1.5px;width:8px;height:8px;transform:rotate(45deg)}.portfolio-design .vw-answer p{font:400 var(--fs-xl) / 1.55 var(--font-sans);color:var(--fg-primary);grid-column:2;margin:0}.portfolio-design .vw-answer p strong{font-weight:var(--fw-semibold);color:var(--vw-navy-700)}@media (max-width:760px){.portfolio-design .vw-answer{grid-template-columns:1fr;gap:14px;padding:24px 22px}.portfolio-design .vw-answer p{grid-column:1}}.portfolio-design .e-dark-duo{background:linear-gradient(120deg, var(--vw-navy-900) 0%, var(--vw-navy-700) 46%, #00a345 100%);color:#fff}.portfolio-design .vw-cta-band{border-radius:var(--r-2xl);isolation:isolate;padding:56px 48px;position:relative;overflow:hidden}.portfolio-design .vw-cta-band.has-art{grid-template-columns:1.15fr .85fr;align-items:center;gap:24px 48px;display:grid}.portfolio-design .vw-cta-band .dots{z-index:0;opacity:.5;pointer-events:none;background-image:radial-gradient(circle,#ffffff12 1px,#0000 1.4px);background-size:24px 24px;position:absolute;inset:0}.portfolio-design .vw-cta-band h2{font:400 clamp(28px, 3.6vw, 40px) / 1.06 var(--font-display);letter-spacing:-.02em;color:#fff;z-index:1;margin:0 0 14px;position:relative}.portfolio-design .vw-cta-band h2 em{color:var(--vw-green-400);font-style:italic}.portfolio-design .vw-cta-band p{font:400 var(--fs-lg) / 1.55 var(--font-sans);color:#ffffffbd;z-index:1;max-width:52ch;margin:0 0 26px;position:relative}.portfolio-design .vw-cta-band .actions{z-index:1;flex-wrap:wrap;gap:12px;display:flex;position:relative}.portfolio-design .vw-cta-band.has-art .cta-art .vw-vis{width:100%;height:280px;display:block}.portfolio-design .vw-cta-band.has-art .cta-art .vw-vis svg{width:100%;height:100%;display:block}@media (max-width:880px){.portfolio-design .vw-cta-band.has-art{grid-template-columns:1fr}.portfolio-design .vw-cta-band.has-art .cta-art{display:none}}.portfolio-design .e-btn{font:var(--fw-bold) var(--fs-sm) / 1 var(--font-sans);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:9px;padding:13px 22px;text-decoration:none;display:inline-flex}.portfolio-design .e-btn.primary{background:var(--vw-green-500);color:var(--fg-on-brand);box-shadow:var(--shadow-green-glow)}.portfolio-design .e-btn.on-dark{color:#fff;background:0 0;border-color:#ffffff38}.portfolio-design .vw-stats{background:var(--hair);border:1px solid var(--hair);border-radius:var(--r-lg);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}@media (max-width:760px){.portfolio-design .vw-stats{grid-template-columns:1fr 1fr}}.portfolio-design .vw-stats .stat{background:var(--surface-card);padding:26px 22px}.portfolio-design .vw-stats .v{font:500 var(--fs-5xl) / 1 var(--font-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--vw-navy-700)}.portfolio-design .vw-stats .v small{font:var(--fw-medium) var(--fs-lg) / 1 var(--font-sans);color:var(--fg-muted)}.portfolio-design .vw-stats .v em{font:italic 400 var(--fs-4xl) / 1 var(--font-display);color:var(--vw-green-700)}.portfolio-design .vw-stats .k{font:var(--fw-medium) var(--fs-xs) / 1.45 var(--font-sans);color:var(--fg-muted);max-width:22ch;margin-top:9px}
.portfolio-design .pf-filter{flex-wrap:wrap;gap:8px;margin:0 0 32px;display:flex}.portfolio-design .pf-filter button{border-radius:var(--r-pill);border:1px solid var(--hair-strong);background:var(--surface-card);color:var(--fg-secondary);font:var(--fw-semibold) var(--fs-xs) / 1 var(--font-sans);cursor:pointer;padding:9px 16px;transition:all .14s}.portfolio-design .pf-filter button:hover{border-color:var(--vw-green-400);color:var(--vw-green-700)}.portfolio-design .pf-filter button.on{background:var(--vw-navy-700);border-color:var(--vw-navy-700);color:#fff}.portfolio-design .pf-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:880px){.portfolio-design .pf-grid{grid-template-columns:1fr}}.portfolio-design .pf-card{background:var(--surface-card);border:1px solid var(--hair);border-radius:var(--r-xl);box-shadow:var(--e-rest);transition:transform .26s var(--spring), box-shadow .26s var(--ease);flex-direction:column;display:flex;overflow:hidden}.portfolio-design .pf-card:hover{box-shadow:var(--e-lift);transform:translateY(-3px)}.portfolio-design .pf-card:has(.ba.is-dragging){transform:none}.portfolio-design .pf-card .ba{aspect-ratio:1200/852;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;display:block;position:relative;overflow:hidden;box-shadow:none!important;background:#fff!important;border:none!important;border-radius:0!important}.portfolio-design .pf-card .ba .pane{pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden;background:0 0!important;gap:0!important;padding:0!important}.portfolio-design .pf-card .ba .pane.src{z-index:1;clip-path:inset(0 calc(100% - var(--split,50%)) 0 0);transition:clip-path .38s var(--ease,cubic-bezier(.22, 1, .36, 1))}.portfolio-design .pf-card .ba.is-dragging .pane.src,.portfolio-design .pf-card .ba.is-autoplaying .pane.src{transition:none}.portfolio-design .pf-card .ba .pane.out{z-index:0}.portfolio-design .pf-card .ba .pane .tag{z-index:4;border-radius:var(--r-pill);font:var(--fw-bold) 9px / 1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;position:absolute;top:12px;align-self:auto!important;display:inline-flex!important}.portfolio-design .pf-card .ba .pane.src .tag{color:#fff;background:#ff7043eb;left:12px}.portfolio-design .pf-card .ba .pane.out .tag{color:#fff;background:#00b74af2;right:12px}.portfolio-design .pf-card .ba .pane .image-slot,.portfolio-design .pf-card .ba .pane .image-slot.image-slot--filled,.portfolio-design .pf-card .ba .pane .image-slot.image-slot--fill{aspect-ratio:auto;width:100%;height:100%;min-height:0;line-height:0;display:block;position:absolute;inset:0;overflow:hidden;box-shadow:none!important;background:#fff!important;border:none!important;border-radius:0!important}.portfolio-design .pf-card .ba .pane .image-slot .image-slot__ring{display:none}.portfolio-design .pf-card .ba .pane .image-slot--filled .image-slot__img,.portfolio-design .pf-card .ba .pane .image-slot.image-slot--fill .image-slot__img,.portfolio-design .pf-card .ba .pane .image-slot__img{object-fit:cover;object-position:center;pointer-events:none;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0;border-radius:0!important}.portfolio-design .pf-card .ba .divider{top:0;bottom:0;left:var(--split,50%);z-index:2;pointer-events:none;width:2px;transition:left .38s var(--ease,cubic-bezier(.22, 1, .36, 1));background:#fff;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #0f172a1f}.portfolio-design .pf-card .compare{top:50%;left:var(--split,50%);z-index:3;border:1px solid var(--hair);width:44px;height:44px;box-shadow:var(--e-lift);color:var(--vw-green-700);cursor:ew-resize;touch-action:none;transition:left .38s var(--ease,cubic-bezier(.22, 1, .36, 1));background:#fff;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.portfolio-design .pf-card .ba.is-dragging .divider,.portfolio-design .pf-card .ba.is-dragging .compare,.portfolio-design .pf-card .ba.is-autoplaying .divider,.portfolio-design .pf-card .ba.is-autoplaying .compare{transition:none}.portfolio-design .pf-card .compare:focus-visible{outline:2px solid var(--vw-green-400);outline-offset:2px}.portfolio-design .pf-card .compare svg{width:18px;height:18px;transform:none!important}@media (max-width:768px){.portfolio-design .pf-card .compare{width:48px;height:48px}.portfolio-design .pf-card .compare svg{width:20px;height:20px;transform:none!important}.portfolio-design .pf-card .body .top{flex-direction:column;align-items:flex-start;gap:6px}.portfolio-design .pf-card .body .cat{white-space:normal}}@media (max-width:480px){.portfolio-design .pf-filter{gap:6px;margin-bottom:24px}.portfolio-design .pf-filter button{font-size:var(--fs-2xs);padding:8px 12px}.portfolio-design .pf-grid{gap:16px}.portfolio-design .pf-card .body{padding:16px 16px 18px}}.portfolio-design .pf-card .body{flex-direction:column;gap:10px;padding:18px 20px 20px;display:flex}.portfolio-design .pf-card a.body{color:inherit;text-decoration:none}.portfolio-design .pf-card a.body:hover h3{color:var(--vw-green-700)}.portfolio-design .pf-card .body .top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.portfolio-design .pf-card .body h3{font:var(--fw-semibold) var(--fs-md) / 1.3 var(--font-sans);color:var(--fg-primary);margin:0}.portfolio-design .pf-card .body .cat{font:var(--fw-semibold) 10px / 1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--vw-green-700);white-space:nowrap}.portfolio-design .pf-card .body p{font:400 var(--fs-sm) / 1.55 var(--font-sans);color:var(--fg-secondary);margin:0}.portfolio-design .pf-card .body .meta{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.portfolio-design .pf-card .body .chip{border-radius:var(--r-sm);border:1px solid var(--hair-strong);font:var(--fw-semibold) 10px / 1 var(--font-mono);color:var(--fg-muted);padding:4px 9px}.portfolio-design .pf-empty{text-align:center;color:var(--fg-muted);font:500 var(--fs-md) / 1.5 var(--font-sans);padding:40px 0}