/* Figma 8:2 / 14:2 — Portfolio page only. Native editable widgets and Loop Grid. */
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-intro{width:calc(100% - 52px)!important;max-width:none;margin:12px 26px 0!important;height:454.0625px;min-height:454.0625px;padding:0!important;display:block!important;text-align:left;border-radius:34px;background:linear-gradient(145deg,#0e141b 8%,#14293f 100%);isolation:isolate;overflow:hidden}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-intro:before{content:"";position:absolute;width:560px;height:560px;left:auto!important;right:-6%;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(27,115,221,.42),rgba(27,115,221,0) 68%);pointer-events:none;z-index:-1}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-intro>.elementor-widget{margin:0!important;position:absolute;width:auto;z-index:1}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-eyebrow{left:48.96px;top:86.4px}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-eyebrow .elementor-heading-title{font:500 11px/17px Prompt,sans-serif;letter-spacing:2.64px;color:#f9dbaa}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-title{left:48.96px;top:121.4px;width:55.8%!important}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-title .elementor-heading-title{font:600 72px/81px Prompt,sans-serif;letter-spacing:-2.4px;color:#fff}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-description{right:48.96px;top:227.4px;width:37%!important;color:#d5dee7;font:400 14px/28px Prompt,sans-serif}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-description p{margin:0;font:inherit;color:inherit}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-watermark{top:249.265625px!important;left:50%!important;transform:translateX(-50%);width:max-content!important;z-index:0!important}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-watermark .elementor-heading-title{font:700 180px/.94 Prompt,sans-serif;letter-spacing:-.3px;color:rgba(255,255,255,.06);white-space:nowrap}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-intro>.jj-filter{left:48.96px;top:323.4px;width:calc(100% - 97.92px)}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-intro .e-filter{justify-content:flex-start;gap:8px;flex-wrap:wrap}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-intro .e-filter-item{box-sizing:border-box;height:45px!important;min-height:45px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:100px!important;padding:12px 22px!important;background:transparent!important;color:#c9d4df!important;font:500 14px/21px Prompt,sans-serif!important}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-intro .e-filter-item[aria-pressed=true]{background:#fff!important;color:#141a21!important;border-color:#fff!important}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-body{max-width:none;padding:66.24px 48.96px 100.8px!important;width:100%;gap:0!important}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-grid .elementor-loop-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px!important;align-items:start}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-grid .e-loop-item{min-height:440px}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-grid .e-loop-item .jj-project-card{height:440px;border-radius:28px}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-grid .e-loop-item:nth-of-type(even) .jj-project-card{height:380px}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-project-card .jj-project-group{top:12px;left:12px;padding:7px 14px;background:rgba(255,255,255,.92);border:0;backdrop-filter:blur(14px);width:auto}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-project-group .elementor-heading-title{font:500 11px/16.5px Prompt,sans-serif;letter-spacing:.88px;color:#1b73dd;text-transform:uppercase}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-project-card .jj-card-caption{padding:16px 18px!important;left:12px!important;bottom:12px!important;width:calc(100% - 24px)!important;border-radius:20px!important;gap:10px;background:linear-gradient(173.451deg,rgba(14,20,27,.78) 7.735%,rgba(14,20,27,.5) 92.265%);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);min-height:80.5px}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-card-copy{gap:3px!important}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-project-card .jj-card-title .elementor-heading-title{font:500 17px/25.5px Prompt,sans-serif;color:#fff}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-project-card .jj-card-subtitle .elementor-heading-title{font:400 12px/18px Prompt,sans-serif;color:#c9d4df}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-project-card .jj-card-arrow{width:34px!important;height:34px!important;min-height:34px;border-radius:50%}
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-card-arrow .elementor-heading-title{font:400 24px/1 sans-serif;color:#141a21}
@media(min-width:768px) and (max-width:1100px){
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-intro{height:430px;min-height:430px}
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-title .elementor-heading-title{font-size:52px;line-height:1.16}
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-description{top:213px;width:39%!important}
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-body{padding-inline:28px!important}
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-grid .elementor-loop-container{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-intro{margin:12px 2.6vw 0!important;width:94.8vw!important;height:430.90625px;min-height:430.90625px;border-radius:28px;overflow:hidden}
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-intro:before{right:-22px;top:-160px}
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-eyebrow{left:20px;top:44px}
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-title{left:20px;top:79px;width:calc(100% - 40px)!important}
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-title .elementor-heading-title{font-size:32px;line-height:38.5px;letter-spacing:-.8px}
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-description{left:20px;right:auto;top:179.15625px;width:calc(100% - 40px)!important;font:400 14px/27.75px Prompt,sans-serif}
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-watermark{top:333.4375px!important;left:0!important;transform:none}
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-watermark .elementor-heading-title{font-size:67.3px;line-height:63px;letter-spacing:-.12px}
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-intro>.jj-filter{left:20px;top:288.40625px;width:calc(100% - 40px)}
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-intro .e-filter{gap:8.5px 8px;justify-content:flex-start}
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-intro .e-filter-item{font:500 14px/21px Prompt,sans-serif!important;padding:12px 22px!important}
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-body{padding:36px 20px 60px!important}
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-grid .elementor-loop-container{grid-template-columns:minmax(0,1fr);gap:14px!important}
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-grid .e-loop-item{min-height:0}
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-grid .e-loop-item .jj-project-card{height:340px;border-radius:28px}
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-grid .e-loop-item:nth-of-type(even) .jj-project-card{height:300px}
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-project-card .jj-card-title .elementor-heading-title{font:500 15px/22.5px Prompt,sans-serif}
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-project-card .jj-card-subtitle .elementor-heading-title{font:400 11px/16.5px Prompt,sans-serif}
 html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-project-card .jj-card-caption{min-height:76px}
}

html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-portfolio-intro>.elementor-widget{text-align:left}

/* Preserve the native decorative heading while using the exported Figma arrow artwork. */
html:root body.elementor-page.elementor-page-109 .elementor.elementor-109 .jj-card-arrow .elementor-heading-title{width:16px;height:16px;font-size:0;line-height:0;background:url('/wp-content/uploads/2026/09/jj-arrow-up-right-icon.webp') center/16px 16px no-repeat}