.elementor-58 .elementor-element.elementor-element-wow01{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:34px;--padding-bottom:112px;--padding-left:22px;--padding-right:22px;}.elementor-58 .elementor-element.elementor-element-wow02{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-wow04{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:76px 76px;--row-gap:76px;--column-gap:76px;--grid-auto-flow:row;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-wow05{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Inter, Arial, Helvetica, sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Inter, Arial, Helvetica, sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-58 .elementor-element.elementor-element-wow09{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:13px 13px;--row-gap:13px;--column-gap:13px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Inter, Arial, Helvetica, sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-58 .elementor-element.elementor-element-wow20{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:88px;--padding-bottom:88px;--padding-left:22px;--padding-right:22px;}.elementor-58 .elementor-element.elementor-element-wow20:not(.elementor-motion-effects-element-type-background), .elementor-58 .elementor-element.elementor-element-wow20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080808;}.elementor-58 .elementor-element.elementor-element-wow21{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:42px 42px;--row-gap:42px;--column-gap:42px;--grid-auto-flow:row;--align-items:start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-wow30{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:112px;--padding-bottom:112px;--padding-left:22px;--padding-right:22px;}.elementor-58 .elementor-element.elementor-element-wow30:not(.elementor-motion-effects-element-type-background), .elementor-58 .elementor-element.elementor-element-wow30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F5;}.elementor-58 .elementor-element.elementor-element-wow31{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:86px 86px;--row-gap:86px;--column-gap:86px;--grid-auto-flow:row;--align-items:start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-wow32{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-wow40{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:112px;--padding-bottom:112px;--padding-left:22px;--padding-right:22px;}.elementor-58 .elementor-element.elementor-element-wow40:not(.elementor-motion-effects-element-type-background), .elementor-58 .elementor-element.elementor-element-wow40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-58 .elementor-element.elementor-element-wow41{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-wow42{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-wow43{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-wow48{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:25px 35px;--row-gap:25px;--column-gap:35px;--overflow:hidden;--margin-top:38px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:45px;--padding-bottom:45px;--padding-left:48px;--padding-right:48px;}.elementor-58 .elementor-element.elementor-element-wow48:not(.elementor-motion-effects-element-type-background), .elementor-58 .elementor-element.elementor-element-wow48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#090909;}.elementor-58 .elementor-element.elementor-element-wow49{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-wow50{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:112px;--padding-bottom:112px;--padding-left:22px;--padding-right:22px;}.elementor-58 .elementor-element.elementor-element-wow50:not(.elementor-motion-effects-element-type-background), .elementor-58 .elementor-element.elementor-element-wow50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F5;}.elementor-58 .elementor-element.elementor-element-wow51{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-wow52{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--gap:70px 70px;--row-gap:70px;--column-gap:70px;--padding-top:0px;--padding-bottom:45px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-wow53{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-wow57{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--align-items:stretch;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-wowk0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:visible;--padding-top:36px;--padding-bottom:36px;--padding-left:36px;--padding-right:36px;}.elementor-58 .elementor-element.elementor-element-wowk1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:visible;--padding-top:36px;--padding-bottom:36px;--padding-left:36px;--padding-right:36px;}.elementor-58 .elementor-element.elementor-element-wowk2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:visible;--padding-top:36px;--padding-bottom:36px;--padding-left:36px;--padding-right:36px;}.elementor-58 .elementor-element.elementor-element-wow60{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E8E8E8;--border-color:#E8E8E8;--padding-top:72px;--padding-bottom:72px;--padding-left:22px;--padding-right:22px;}.elementor-58 .elementor-element.elementor-element-wow60:not(.elementor-motion-effects-element-type-background), .elementor-58 .elementor-element.elementor-element-wow60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-58 .elementor-element.elementor-element-wow61{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:65px 65px;--row-gap:65px;--column-gap:65px;--grid-auto-flow:row;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-wow62{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-wow70{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-wow71{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-wowz0{--display:flex;--min-height:380px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:65px;--padding-bottom:65px;--padding-left:58px;--padding-right:58px;}.elementor-58 .elementor-element.elementor-element-wowz0:not(.elementor-motion-effects-element-type-background), .elementor-58 .elementor-element.elementor-element-wowz0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080808;}.elementor-58 .elementor-element.elementor-element-wowz1{--display:flex;--min-height:380px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:65px;--padding-bottom:65px;--padding-left:58px;--padding-right:58px;}.elementor-58 .elementor-element.elementor-element-wowz1:not(.elementor-motion-effects-element-type-background), .elementor-58 .elementor-element.elementor-element-wowz1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFA202;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-58 .elementor-element.elementor-element-wow04{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-58 .elementor-element.elementor-element-wow21{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-58 .elementor-element.elementor-element-wow31{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-58 .elementor-element.elementor-element-wow57{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-58 .elementor-element.elementor-element-wow61{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-58 .elementor-element.elementor-element-wow71{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-58 .elementor-element.elementor-element-wow01{--padding-top:24px;--padding-bottom:80px;--padding-left:14px;--padding-right:14px;}.elementor-58 .elementor-element.elementor-element-wow04{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-58 .elementor-element.elementor-element-wow20{--padding-top:68px;--padding-bottom:68px;--padding-left:14px;--padding-right:14px;}.elementor-58 .elementor-element.elementor-element-wow21{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-58 .elementor-element.elementor-element-wow30{--padding-top:82px;--padding-bottom:82px;--padding-left:14px;--padding-right:14px;}.elementor-58 .elementor-element.elementor-element-wow31{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-58 .elementor-element.elementor-element-wow40{--padding-top:82px;--padding-bottom:82px;--padding-left:14px;--padding-right:14px;}.elementor-58 .elementor-element.elementor-element-wow48{--padding-top:35px;--padding-bottom:35px;--padding-left:26px;--padding-right:26px;}.elementor-58 .elementor-element.elementor-element-wow50{--padding-top:82px;--padding-bottom:82px;--padding-left:14px;--padding-right:14px;}.elementor-58 .elementor-element.elementor-element-wow57{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-58 .elementor-element.elementor-element-wowk0{--padding-top:29px;--padding-bottom:29px;--padding-left:29px;--padding-right:29px;}.elementor-58 .elementor-element.elementor-element-wowk1{--padding-top:29px;--padding-bottom:29px;--padding-left:29px;--padding-right:29px;}.elementor-58 .elementor-element.elementor-element-wowk2{--padding-top:29px;--padding-bottom:29px;--padding-left:29px;--padding-right:29px;}.elementor-58 .elementor-element.elementor-element-wow60{--padding-top:72px;--padding-bottom:72px;--padding-left:14px;--padding-right:14px;}.elementor-58 .elementor-element.elementor-element-wow61{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-58 .elementor-element.elementor-element-wow71{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-58 .elementor-element.elementor-element-wowz0{--min-height:330px;--padding-top:49px;--padding-bottom:49px;--padding-left:27px;--padding-right:27px;}.elementor-58 .elementor-element.elementor-element-wowz1{--min-height:330px;--padding-top:49px;--padding-bottom:49px;--padding-left:27px;--padding-right:27px;}}/* Start custom CSS *//* ============================================================================
WEBEDGE — OUR WORK / PORTFOLIO
Verbatim port of our-work/assets/portfolio.css + the shared bits of
services/assets/service-pages.css, scoped to .we-portfolio-page.
Prototype declares NO font-weight on headings -> browser default 700.
Breakpoints are the prototype's own: 1080px and 760px.
============================================================================ */
.we-portfolio-page{--o:#ffa202;--od:#ed8d00;--ink:#171717;--muted:#656565;--line:#e8e8e8;--shadow:0 22px 65px rgba(0,0,0,.09)}
.we-portfolio-page{background:#fff;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.58;-webkit-font-smoothing:antialiased}
.we-portfolio-page .e-con-boxed>.e-con-inner{max-width:1240px}
body.we-portfolio-page{overflow-x:clip}
.we-portfolio-page img,.we-portfolio-page video,.we-portfolio-page svg{display:block;max-width:100%}
/* ---------- shared type ---------- */
.we-portfolio-page .we-eyebrow{display:inline-block;font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:var(--od)}
.we-portfolio-page .we-eyebrow-orange{color:var(--o)}
.we-portfolio-page .we-eyebrow-dark{color:#111}
.we-portfolio-page .we-section-title .elementor-heading-title{font-size:clamp(38px,4.3vw,64px);line-height:1.02;letter-spacing:-.052em;margin:12px 0 18px;max-width:820px;font-weight:700;color:var(--ink)}
.we-portfolio-page .we-section-copy,.we-portfolio-page .we-section-copy p{max-width:680px;color:var(--muted);font-size:17px;margin:0}
.we-portfolio-page .we-head-copy,.we-portfolio-page .we-head-copy p{padding-bottom:8px}
/* In the prototype .section-copy IS the — one element whose flex base size is its
unclamped max-content, with max-width:680px applied on top. Elementor nests a
inside the widget, so the inner max-width must be released or the flex base size
(and therefore the head's column split) comes out wrong. */
.we-portfolio-page .we-head-copy p{max-width:none}
/* ---------- buttons (.btn from service-pages.css) ---------- */
.we-portfolio-page .we-btn .elementor-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 22px;border-radius:8px;font-weight:700;font-size:14px;line-height:1;border:1px solid transparent;transition:.25s ease;font-family:Inter,Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:0}
.we-portfolio-page .we-btn .elementor-button:hover{transform:translateY(-2px)}
.we-portfolio-page .we-btn .elementor-button .arrow{font-size:18px;line-height:1;display:inline-block}
.we-portfolio-page .we-btn-orange .elementor-button{background:var(--o);color:#111;box-shadow:0 13px 30px rgba(255,162,2,.24)}
.we-portfolio-page .we-btn-orange .elementor-button:hover{background:var(--od);color:#111}
.we-portfolio-page .we-btn-dark .elementor-button{background:#080808;color:#fff}
.we-portfolio-page .we-btn-dark .elementor-button:hover{background:#1d1d1d;color:#fff}
.we-portfolio-page .we-btn-outline .elementor-button{border-color:#171717;background:#fff;color:#111}
.we-portfolio-page .we-btn-outline .elementor-button:hover{background:#171717;color:#fff}
.we-portfolio-page a:focus-visible,.we-portfolio-page button:focus-visible{outline:2px solid var(--o);outline-offset:2px}
/* ============================ 1. HERO ============================ */
/* .portfolio-hero{padding:34px 0 112px;background:linear-gradient(180deg,#fff 0,#fff 75%,#fafafa 100%)} */
.we-portfolio-page .we-portfolio-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fff 75%,#fafafa 100%)}
.we-portfolio-page .we-portfolio-hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,162,2,.24);border-radius:50%;right:-260px;top:130px;pointer-events:none}
.we-portfolio-page .we-portfolio-hero:after{content:"";position:absolute;width:180px;height:180px;border:42px solid rgba(255,162,2,.07);border-radius:50%;left:-80px;bottom:28px;pointer-events:none}
.we-portfolio-page .we-portfolio-breadcrumbs{display:flex;align-items:center;gap:10px;color:#777;font-size:12px;margin-bottom:42px}
.we-portfolio-page .we-portfolio-breadcrumbs a{color:#777;text-decoration:none}
.we-portfolio-page .we-portfolio-breadcrumbs a:hover{color:var(--od)}
.we-portfolio-page .we-portfolio-breadcrumbs span{color:#bbb}
.we-portfolio-page .we-portfolio-h1 .elementor-heading-title{font-size:clamp(58px,6.7vw,96px);line-height:.91;letter-spacing:-.072em;margin:18px 0 28px;max-width:690px;font-weight:700;color:var(--ink)}
.we-portfolio-page .we-accent{color:var(--o)}
.we-portfolio-page .we-handwritten{position:relative;display:inline-block}
.we-portfolio-page .we-handwritten:after{content:"";position:absolute;left:2%;right:-3%;height:8px;bottom:-6px;border-radius:50%;background:var(--o);transform:rotate(-2deg)}
.we-portfolio-page .we-hero-lead,.we-portfolio-page .we-hero-lead p{font-size:18px;color:#525252;max-width:620px;margin:0 0 31px}
/* proof stats */
.we-portfolio-page .we-portfolio-proof{display:grid;grid-template-columns:repeat(3,1fr);max-width:620px;margin-top:40px;padding-top:27px;border-top:1px solid var(--line)}
.we-portfolio-page .we-portfolio-proof>div{padding-right:22px;border-right:1px solid var(--line)}
.we-portfolio-page .we-portfolio-proof>div+div{padding-left:22px}
.we-portfolio-page .we-portfolio-proof>div:last-child{border-right:0}
.we-portfolio-page .we-portfolio-proof strong{display:block;font-size:26px;letter-spacing:-.04em;line-height:1;font-weight:700}
.we-portfolio-page .we-portfolio-proof span{display:block;color:#777;font-size:11px;margin-top:6px}
/* video composition */
.we-portfolio-page .we-portfolio-hero-media{min-height:540px;position:relative;display:flex;align-items:center;justify-content:center}
.we-portfolio-page .we-portfolio-video-frame{position:relative;width:88%;height:470px;overflow:hidden;background:#111;box-shadow:0 35px 90px rgba(0,0,0,.2)}
.we-portfolio-page .we-portfolio-video-frame:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.35);z-index:3;pointer-events:none}
.we-portfolio-page .we-portfolio-video-frame video{width:100%;height:100%;object-fit:cover}
.we-portfolio-page .we-portfolio-video-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.74))}
.we-portfolio-page .we-video-label{position:absolute;left:43px;right:80px;bottom:40px;z-index:2;color:#fff}
.we-portfolio-page .we-video-label span{display:inline-block;background:var(--o);color:#111;font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;padding:7px 9px;margin-bottom:10px}
.we-portfolio-page .we-video-label strong{display:block;max-width:400px;font-size:29px;line-height:1.05;letter-spacing:-.035em}
.we-portfolio-page .we-video-toggle{position:absolute;right:35px;bottom:35px;z-index:4;width:46px;height:46px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(0,0,0,.4);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.we-portfolio-page .we-video-toggle svg{grid-area:1/1}
.we-portfolio-page .we-video-toggle .we-ico-play{display:none}
.we-portfolio-page .we-video-toggle.is-paused .we-ico-play{display:block}
.we-portfolio-page .we-video-toggle.is-paused .we-ico-pause{display:none}
.we-portfolio-page .we-project-tag{position:absolute;z-index:4;padding:11px 15px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 40px rgba(0,0,0,.11);font-size:11px;font-weight:700}
.we-portfolio-page .we-project-tag:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--o);margin-right:8px}
.we-portfolio-page .we-tag-web{left:-8px;top:58px}
.we-portfolio-page .we-tag-growth{right:-10px;top:155px}
.we-portfolio-page .we-tag-ai{right:45px;bottom:4px}
.we-portfolio-page .we-portfolio-dots{position:absolute;left:0;bottom:35px;width:112px;height:112px;background-image:radial-gradient(#ffa202 1.5px,transparent 1.5px);background-size:12px 12px;opacity:.55}
/* ============================ 2. STATEMENT ============================ */
.we-portfolio-page .we-statement-index{font-size:13px;color:var(--o);font-weight:700;padding-top:12px;display:block}
.we-portfolio-page .we-statement-title .elementor-heading-title{font-size:clamp(35px,4vw,58px);line-height:1.04;letter-spacing:-.052em;margin:0;max-width:820px;font-weight:700;color:#fff}
.we-portfolio-page .we-statement-title .elementor-heading-title span{color:var(--o)}
.we-portfolio-page .we-statement-copy,.we-portfolio-page .we-statement-copy p{color:#aaa;font-size:15px;margin:8px 0 0}
.we-portfolio-page .we-statement-copy{padding-left:30px;border-left:1px solid #333}
/* ============================ 3. INDUSTRIES ============================ */
.we-portfolio-page .we-industry-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #ddd;border-left:1px solid #ddd}
.we-portfolio-page .we-industry-card{position:relative;min-height:210px;padding:30px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:rgba(255,255,255,.78);transition:.25s ease}
.we-portfolio-page .we-industry-card:hover{background:#fff;transform:translateY(-3px);box-shadow:0 16px 45px rgba(0,0,0,.07);z-index:2}
.we-portfolio-page .we-industry-card>span{position:absolute;right:22px;top:20px;font-size:10px;color:#aaa;font-weight:700}
.we-portfolio-page .we-industry-card svg{width:34px;height:34px;color:#111;margin-bottom:31px}
.we-portfolio-page .we-industry-card h3{font-size:24px;line-height:1.1;margin:0;letter-spacing:-.035em;max-width:250px;font-weight:700}
.we-portfolio-page .we-industry-card p{font-size:13px;color:#666;max-width:430px;margin:12px 0 0}
.we-portfolio-page .we-industry-card.we-wide{grid-column:1/-1;display:grid;grid-template-columns:55px 1fr 1fr;align-items:center;gap:25px;min-height:145px}
.we-portfolio-page .we-industry-card.we-wide svg{margin:0}
.we-portfolio-page .we-industry-card.we-wide h3{max-width:none}
.we-portfolio-page .we-industry-card.we-wide p{margin:0}
/* ============================ 4. PROJECTS ============================ */
.we-portfolio-page .we-portfolio-filter{display:flex;gap:9px;flex-wrap:wrap;margin:40px 0 31px;align-items:center}
.we-portfolio-page .we-filter-btn{border:1px solid #ddd;background:#fff;color:#555;border-radius:100px;padding:11px 17px;font-size:12px;font-weight:700;cursor:pointer;transition:.2s ease;font-family:inherit;line-height:1.58}
.we-portfolio-page .we-filter-btn:hover,.we-portfolio-page .we-filter-btn.is-active{background:#0a0a0a;color:#fff;border-color:#0a0a0a}
/* not colour alone: the active control also carries a marker */
.we-portfolio-page .we-filter-btn.is-active:after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--o);margin-left:8px;vertical-align:middle}
.we-portfolio-page .we-filter-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.we-portfolio-page .we-portfolio-art{height:390px;position:relative;overflow:hidden}
.we-portfolio-page .we-project-type{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#c66e00;font-weight:700;display:inline}
.we-portfolio-page .we-project-title .elementor-heading-title{font-size:28px;line-height:1.05;letter-spacing:-.04em;margin:10px 0;font-weight:700;color:var(--ink)}
.we-portfolio-page .we-project-desc,.we-portfolio-page .we-project-desc p{font-size:13px;color:#666;margin:0;max-width:430px}
.we-portfolio-page .we-circle-arrow{flex:0 0 42px;width:42px;height:42px;border:1px solid #ddd;border-radius:50%;display:grid;place-items:center;color:var(--ink)}
/* project bottom CTA */
.we-portfolio-page .we-projectcta-h2 .elementor-heading-title{font-size:38px;line-height:1;margin:8px 0 9px;font-weight:700;color:#fff;letter-spacing:normal}
.we-portfolio-page .we-projectcta-p,.we-portfolio-page .we-projectcta-p p{margin:0;color:#aaa;font-size:16px}
.we-portfolio-page .we-projectcta-btn{flex:0 0 auto}
/* ---------- KISARA editorial artwork ---------- */
.we-portfolio-page .we-kisara-art{background:#ead8cc;padding:48px}
.we-portfolio-page .we-art-topline{position:absolute;left:42px;right:42px;top:24px;display:flex;justify-content:space-between;align-items:center;color:#5f483e}
.we-portfolio-page .we-art-topline span{font-size:18px;font-weight:700;letter-spacing:.12em}
.we-portfolio-page .we-art-topline small{font-size:9px;text-transform:uppercase;letter-spacing:.15em}
.we-portfolio-page .we-editorial-screen{position:relative;height:100%;background:#f8f1eb;box-shadow:0 26px 60px rgba(65,38,26,.22);overflow:hidden;transform:rotate(-1deg)}
.we-portfolio-page .we-editorial-nav{height:52px;display:flex;align-items:center;padding:0 23px;border-bottom:1px solid #e1d5cd;gap:18px}
.we-portfolio-page .we-editorial-nav b{margin-right:auto;letter-spacing:.17em}
.we-portfolio-page .we-editorial-nav i{width:35px;height:5px;background:#dfd4cc;display:block}
.we-portfolio-page .we-editorial-copy{position:absolute;left:32px;top:105px;width:43%;z-index:2}
.we-portfolio-page .we-editorial-copy small{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#8e6d5f}
.we-portfolio-page .we-editorial-copy strong{display:block;font-family:Georgia,serif;font-size:50px;line-height:.92;margin:16px 0 22px;color:#36251f}
.we-portfolio-page .we-editorial-copy button{border:0;background:#482d24;color:#fff;padding:11px 17px;font-size:9px;font-family:inherit;cursor:default}
.we-portfolio-page .we-editorial-image{position:absolute;right:0;bottom:0;width:53%;height:83%;background:linear-gradient(145deg,#d39873,#6e3e2c 72%);clip-path:polygon(22% 0,100% 0,100% 100%,0 100%)}
.we-portfolio-page .we-editorial-image:before{content:"K";position:absolute;right:22%;top:10%;font-family:Georgia,serif;font-size:180px;color:rgba(255,255,255,.18)}
/* ---------- Nosak social artwork ---------- */
.we-portfolio-page .we-nosak-art{background:#101010;padding:34px;display:flex;justify-content:center;align-items:center}
.we-portfolio-page .we-social-phone{position:relative;width:235px;height:330px;background:#fafafa;border:9px solid #282828;border-radius:30px;overflow:hidden;box-shadow:0 28px 50px rgba(0,0,0,.4)}
.we-portfolio-page .we-phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:80px;height:17px;background:#282828;border-radius:0 0 12px 12px}
.we-portfolio-page .we-social-brand{padding:30px 17px 10px;font-weight:700;font-size:13px}
.we-portfolio-page .we-social-brand:after{content:" GROUP";color:#f69200;font-size:7px}
.we-portfolio-page .we-social-post{margin:7px 14px;border-radius:7px;position:relative}
.we-portfolio-page .we-post-a{height:145px;padding:18px;background:linear-gradient(145deg,#ffb027,#fa7900);display:flex;flex-direction:column;justify-content:flex-end;color:#111;overflow:hidden}
.we-portfolio-page .we-post-a span{position:absolute;width:78px;height:78px;border:16px solid rgba(255,255,255,.35);border-radius:50%;top:78px;right:24px}
.we-portfolio-page .we-post-a strong{font-size:17px;line-height:1.02;max-width:165px;z-index:2}
.we-portfolio-page .we-post-b{height:75px;background:#f0f0f0;display:flex;align-items:flex-end;gap:5px;padding:10px}
.we-portfolio-page .we-post-b i{flex:1;background:#222;display:block}
.we-portfolio-page .we-post-b i:nth-child(1){height:30%}
.we-portfolio-page .we-post-b i:nth-child(2){height:65%;background:#ffa202}
.we-portfolio-page .we-post-b i:nth-child(3){height:90%}
.we-portfolio-page .we-social-stat{position:absolute;right:23px;bottom:28px;background:#fff;padding:17px;box-shadow:0 15px 40px rgba(0,0,0,.3)}
.we-portfolio-page .we-social-stat small{font-size:8px;color:#888;text-transform:uppercase}
.we-portfolio-page .we-social-stat strong{display:block;font-size:13px;margin-top:5px}
/* ---------- Nosak Famili automation artwork ---------- */
.we-portfolio-page .we-famili-art{background:#141c38;padding:35px;display:flex;align-items:center}
.we-portfolio-page .we-automation-window{height:295px;width:100%;display:grid;grid-template-columns:55px 1fr;background:#0d1328;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 55px rgba(0,0,0,.38)}
.we-portfolio-page .we-automation-side{padding:18px 12px;background:#090e1e;display:flex;align-items:center;flex-direction:column;gap:18px}
.we-portfolio-page .we-automation-side b{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#ffa202;font-size:11px;color:#111}
.we-portfolio-page .we-automation-side i{width:16px;height:16px;border-radius:4px;background:#26304f;display:block}
.we-portfolio-page .we-automation-side i:nth-child(3){background:#6c52df}
.we-portfolio-page .we-automation-main{padding:20px;color:#fff}
.we-portfolio-page .we-automation-head{display:flex;justify-content:space-between;font-size:12px}
.we-portfolio-page .we-automation-head em{font-style:normal;color:#52e39b;font-size:8px;text-transform:uppercase}
.we-portfolio-page .we-automation-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:21px 0}
.we-portfolio-page .we-automation-metrics div{background:#192240;padding:15px}
.we-portfolio-page .we-automation-metrics small{display:block;color:#8290b7;font-size:8px}
.we-portfolio-page .we-automation-metrics strong{font-size:23px}
.we-portfolio-page .we-automation-chart{height:115px;display:flex;align-items:flex-end;gap:8px;padding:13px;background:#111a34}
.we-portfolio-page .we-automation-chart i{flex:1;background:linear-gradient(#9e68ff,#5d43dc);display:block}
.we-portfolio-page .we-automation-chart i:nth-child(1){height:28%}
.we-portfolio-page .we-automation-chart i:nth-child(2){height:42%}
.we-portfolio-page .we-automation-chart i:nth-child(3){height:37%}
.we-portfolio-page .we-automation-chart i:nth-child(4){height:70%}
.we-portfolio-page .we-automation-chart i:nth-child(5){height:58%}
.we-portfolio-page .we-automation-chart i:nth-child(6){height:88%}
.we-portfolio-page .we-automation-chart i:nth-child(7){height:100%;background:#ffa202}
/* ---------- Cre8Hive AI workflow artwork ---------- */
.we-portfolio-page .we-cre8-art{background:linear-gradient(135deg,#101226,#301260);position:relative}
.we-portfolio-page .we-cre8-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px}
.we-portfolio-page .we-ai-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:95px;height:95px;border-radius:50%;display:grid;place-items:center;background:#ffa202;box-shadow:0 0 0 14px rgba(255,162,2,.12),0 0 70px rgba(255,162,2,.35);z-index:3}
.we-portfolio-page .we-ai-core span{font-size:32px;font-weight:700;color:#111}
.we-portfolio-page .we-flow-node{position:absolute;width:170px;padding:14px 15px;background:rgba(15,16,34,.92);border:1px solid rgba(255,255,255,.15);color:#fff;z-index:4;box-shadow:0 20px 45px rgba(0,0,0,.25)}
.we-portfolio-page .we-flow-node i{display:block;width:10px;height:10px;border-radius:50%;background:#ffa202;margin-bottom:9px}
.we-portfolio-page .we-flow-node strong{display:block;font-size:13px}
.we-portfolio-page .we-flow-node small{color:#9b9db4;font-size:9px}
.we-portfolio-page .we-node-one{left:8%;top:14%}
.we-portfolio-page .we-node-two{right:6%;top:16%}
.we-portfolio-page .we-node-three{right:6%;bottom:14%}
.we-portfolio-page .we-flow-lines{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.we-portfolio-page .we-flow-lines path{fill:none;stroke:#a069ff;stroke-width:2;stroke-dasharray:7 6}
/* ---------- Nobleserve finance artwork ---------- */
.we-portfolio-page .we-noble-art{background:#e9f3ff;padding:34px;display:flex;align-items:center}
.we-portfolio-page .we-finance-window{height:300px;width:100%;background:#fff;border-radius:10px;padding:22px;box-shadow:0 25px 60px rgba(37,94,154,.18)}
.we-portfolio-page .we-finance-header{display:flex;justify-content:space-between;color:#0b4f9d;font-size:12px}
.we-portfolio-page .we-finance-header span{font-size:8px;letter-spacing:.12em}
.we-portfolio-page .we-finance-balance{margin-top:36px}
.we-portfolio-page .we-finance-balance small{display:block;font-size:9px;color:#7391b2}
.we-portfolio-page .we-finance-balance strong{font-size:26px;color:#0b2f5b;display:block;margin-top:5px}
.we-portfolio-page .we-finance-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}
.we-portfolio-page .we-finance-panels i{height:55px;background:#edf5fc;border-radius:7px;display:block}
.we-portfolio-page .we-finance-panels i:nth-child(2){background:#0d5dab}
.we-portfolio-page .we-finance-line{height:38px;margin-top:16px;background:#f5f8fb;padding:10px}
.we-portfolio-page .we-finance-line span{display:block;height:100%;width:72%;background:linear-gradient(90deg,#0d5dab,#65b0f4);clip-path:polygon(0 75%,16% 48%,31% 70%,46% 25%,62% 42%,76% 12%,100% 30%,100% 100%,0 100%)}
/* ---------- Tech Savvy artwork ---------- */
.we-portfolio-page .we-tech-art{background:#09170f;color:#fff;padding:36px;overflow:hidden}
.we-portfolio-page .we-tech-orbit{position:absolute;border:1px solid rgba(95,247,153,.35);border-radius:50%}
.we-portfolio-page .we-orbit-a{width:310px;height:310px;right:-95px;top:-95px}
.we-portfolio-page .we-orbit-b{width:220px;height:220px;right:-50px;top:-50px}
.we-portfolio-page .we-tech-logo{position:absolute;right:35px;top:35px;width:52px;height:52px;border:1px solid #6eff9c;display:grid;place-items:center;color:#6eff9c;font-weight:700}
.we-portfolio-page .we-tech-copy{position:absolute;left:34px;bottom:38px}
.we-portfolio-page .we-tech-copy small{color:#6eff9c;text-transform:uppercase;letter-spacing:.15em;font-size:8px}
.we-portfolio-page .we-tech-copy strong{display:block;font-size:38px;line-height:.95;letter-spacing:-.04em;margin:12px 0 17px}
.we-portfolio-page .we-tech-copy span{display:inline-block;border:1px solid rgba(255,255,255,.25);padding:7px 10px;font-size:9px}
/* ============================ 5. PACKAGES ============================ */
.we-portfolio-page .we-popular-label{position:absolute;right:22px;top:-13px;background:#111;color:#fff;font-size:8px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;padding:8px 10px;z-index:3}
.we-portfolio-page .we-package-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}
.we-portfolio-page .we-package-number{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#111;color:var(--o);font-size:11px;font-weight:700}
.we-portfolio-page .we-package-tag{font-size:8px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#777}
.we-portfolio-page .we-package-title .elementor-heading-title{font-size:34px;line-height:1;letter-spacing:-.045em;margin:0 0 17px;font-weight:700;color:var(--ink)}
.we-portfolio-page .we-package-intro,.we-portfolio-page .we-package-intro p{font-size:15px;color:#666;margin:0 0 30px}
.we-portfolio-page .we-package-details{padding:21px 0;border-top:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12)}
.we-portfolio-page .we-package-details small{font-size:8px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:#999}
.we-portfolio-page .we-package-details p{font-size:13px;margin:8px 0 0}
.we-portfolio-page .we-package-goal{padding:24px 0 28px}
.we-portfolio-page .we-package-goal span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#999;font-weight:700}
.we-portfolio-page .we-package-goal strong{display:block;font-size:19px;line-height:1.2;margin-top:8px}
.we-portfolio-page .we-package-btn{margin-top:auto;width:100%}
.we-portfolio-page .we-package-btn .elementor-button{width:100%}
/* ============================ 6. TEAM STRIP ============================ */
.we-portfolio-page .we-teamstrip-h2 .elementor-heading-title{font-size:38px;line-height:1.05;letter-spacing:-.04em;max-width:720px;margin:11px 0 0;font-weight:700;color:var(--ink)}
.we-portfolio-page .we-team-avatar-row{display:flex;justify-content:flex-end;align-items:center}
.we-portfolio-page .we-team-avatar-row img,.we-portfolio-page .we-team-avatar-row span{width:68px;height:68px;border-radius:50%;object-fit:cover;border:5px solid #fff;margin-left:-14px;background:#eee}
.we-portfolio-page .we-team-avatar-row img:first-child{margin-left:0}
.we-portfolio-page .we-team-avatar-row span{display:grid;place-items:center;background:#111;color:var(--o);font-weight:700;font-size:15px}
/* ============================ 7. FINAL CTA ============================ */
.we-portfolio-page .we-cta-h2 .elementor-heading-title{font-size:44px;line-height:1.03;letter-spacing:-.045em;margin:10px 0 16px;max-width:500px;font-weight:700}
.we-portfolio-page .we-cta-h2-light .elementor-heading-title{color:#fff}
.we-portfolio-page .we-cta-h2-dark .elementor-heading-title{color:#111}
.we-portfolio-page .we-cta-p,.we-portfolio-page .we-cta-p p{font-size:15px;max-width:480px;margin:0 0 25px}
.we-portfolio-page .we-cta-p-light,.we-portfolio-page .we-cta-p-light p{color:#c7c7c7}
.we-portfolio-page .we-cta-p-dark,.we-portfolio-page .we-cta-p-dark p{color:#111}
.we-portfolio-page .we-cta-btn{align-self:flex-start;width:auto}
/* ============================ REVEAL ============================ */
.we-portfolio-page .we-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}
.we-portfolio-page .we-reveal.we-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
.we-portfolio-page .we-reveal{opacity:1!important;transform:none!important;transition:none}
.we-portfolio-page .we-industry-card,.we-portfolio-page .we-filter-btn{transition:none}
}
/* ---- widget-rendered portfolio grid (values taken from portfolio.css) ---- */
.we-portfolio-page .we-portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.we-portfolio-page .we-portfolio-card{border:1px solid #e8e8e8;background:#fff;overflow:hidden;transition:.3s ease}
.we-portfolio-page .we-portfolio-card:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(0,0,0,.11)}
.we-portfolio-page .we-portfolio-visual{display:block;color:inherit;text-decoration:none}
.we-portfolio-page .we-portfolio-meta{padding:27px 28px 29px;display:flex;justify-content:space-between;gap:24px;align-items:flex-start;background:#fff}
.we-portfolio-page .we-portfolio-photo{width:100%;height:100%;object-fit:cover;display:block}
.we-portfolio-page .we-project-title a{color:inherit;text-decoration:none}
.we-portfolio-page a.we-circle-arrow{color:inherit;text-decoration:none}
/* the feature cards span the row and split art / copy side by side */
.we-portfolio-page .we-portfolio-card-lg{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.34fr) minmax(0,.66fr)}
.we-portfolio-page .we-portfolio-card-rev{grid-template-columns:minmax(0,.66fr) minmax(0,1.34fr)}
.we-portfolio-page .we-portfolio-card-rev .we-portfolio-visual{order:2}
.we-portfolio-page .we-portfolio-card-lg .we-portfolio-art{height:510px}
.we-portfolio-page .we-portfolio-card-lg .we-portfolio-meta{padding:44px;display:flex;flex-direction:column;justify-content:flex-end;min-height:300px}
@media(max-width:900px){
.we-portfolio-page .we-portfolio-grid{grid-template-columns:1fr}
.we-portfolio-page .we-portfolio-card-lg{grid-column:auto;grid-template-columns:minmax(0,1fr)}
.we-portfolio-page .we-portfolio-card-lg .we-portfolio-art{height:330px}
.we-portfolio-page .we-portfolio-card-lg .we-portfolio-meta{padding:28px;min-height:auto}
}
/* the feature cards use display:grid, so hiding must match that weight */
.we-portfolio-page .we-portfolio-card[hidden],
.we-portfolio-page .we-portfolio-card.we-is-hidden{display:none!important}
/* The widget renders a plain
, whereas the old build used Elementor's
heading markup — give the element itself the reference typography. */
.we-portfolio-page h3.we-project-title{font-size:28px;line-height:1.05;letter-spacing:-.04em;margin:10px 0;font-weight:700;color:var(--ink)}
.we-portfolio-page .we-portfolio-card-lg h3.we-project-title{font-size:44px}
@media(max-width:900px){.we-portfolio-page .we-portfolio-card-lg h3.we-project-title{font-size:32px}}
.we-portfolio-page .we-project-desc p{font-size:13px;color:#666;margin:0;max-width:430px}
/* strong/b default to `bolder`, which resolves to 900 against a 700 parent */
.we-portfolio-page strong,.we-portfolio-page b{font-weight:700}
/* Load More — same outline button used elsewhere on the site */
.we-portfolio-page .we-portfolio-more{text-align:center;margin-top:38px}
.we-portfolio-page .we-portfolio-more .we-load-more{display:inline-flex;align-items:center;justify-content:center;gap:12px;
min-height:52px;padding:0 22px;border:1px solid #171717;background:#fff;color:#111;border-radius:8px;
font-size:14px;font-weight:700;font-family:inherit;line-height:1;cursor:pointer;transition:.25s ease}
.we-portfolio-page .we-portfolio-more .we-load-more:hover{background:#171717;color:#fff}
.we-portfolio-page .we-load-arrow{font-size:16px;line-height:1}
/* ===== container-level rules (element-id targeted) ===== */
.we-portfolio-page .elementor-element.elementor-element-wow01{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fff 75%,#fafafa 100%)}
.we-portfolio-page .elementor-element.elementor-element-wow01:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,162,2,.24);border-radius:50%;right:-260px;top:130px;pointer-events:none;z-index:0}
.we-portfolio-page .elementor-element.elementor-element-wow01:after{content:"";position:absolute;width:180px;height:180px;border:42px solid rgba(255,162,2,.07);border-radius:50%;left:-80px;bottom:28px;pointer-events:none;z-index:0}
.we-portfolio-page .elementor-element.elementor-element-wow02{position:relative;z-index:2}
.we-portfolio-page .elementor-element.elementor-element-wowp0,.we-portfolio-page .elementor-element.elementor-element-wowp1,.we-portfolio-page .elementor-element.elementor-element-wowp2,.we-portfolio-page .elementor-element.elementor-element-wowp3,.we-portfolio-page .elementor-element.elementor-element-wowp4,.we-portfolio-page .elementor-element.elementor-element-wowp5{border:1px solid #e8e8e8;background:#fff;overflow:hidden;transition:.3s ease}
.we-portfolio-page .elementor-element.elementor-element-wowp0:hover,.we-portfolio-page .elementor-element.elementor-element-wowp1:hover,.we-portfolio-page .elementor-element.elementor-element-wowp2:hover,.we-portfolio-page .elementor-element.elementor-element-wowp3:hover,.we-portfolio-page .elementor-element.elementor-element-wowp4:hover,.we-portfolio-page .elementor-element.elementor-element-wowp5:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(0,0,0,.11)}
.we-portfolio-page .elementor-element.elementor-element-wowp0m,.we-portfolio-page .elementor-element.elementor-element-wowp1m,.we-portfolio-page .elementor-element.elementor-element-wowp2m,.we-portfolio-page .elementor-element.elementor-element-wowp3m,.we-portfolio-page .elementor-element.elementor-element-wowp4m,.we-portfolio-page .elementor-element.elementor-element-wowp5m{background:#fff}
.we-portfolio-page .we-is-hidden{display:none!important}
.we-portfolio-page .elementor-element.elementor-element-wow48{position:relative}
.we-portfolio-page .elementor-element.elementor-element-wow48:after{content:"";position:absolute;right:-45px;top:-80px;width:230px;height:230px;border:38px solid rgba(255,162,2,.16);border-radius:50%;pointer-events:none}
.we-portfolio-page .elementor-element.elementor-element-wow49,.we-portfolio-page .elementor-element.elementor-element-wow4D{position:relative;z-index:2}
.we-portfolio-page .elementor-element.elementor-element-wowk0,.we-portfolio-page .elementor-element.elementor-element-wowk1,.we-portfolio-page .elementor-element.elementor-element-wowk2{position:relative;background:#fff;border:1px solid #e3e3e3;display:flex;flex-direction:column;transition:.25s ease}
.we-portfolio-page .elementor-element.elementor-element-wowk0:hover,.we-portfolio-page .elementor-element.elementor-element-wowk1:hover,.we-portfolio-page .elementor-element.elementor-element-wowk2:hover{transform:translateY(-6px);box-shadow:0 25px 65px rgba(0,0,0,.09)}
.we-portfolio-page .elementor-element.elementor-element-wowk1{background:#ffa202;border-color:#ffa202;transform:translateY(-14px)}
.we-portfolio-page .elementor-element.elementor-element-wowk1:hover{transform:translateY(-20px)}
.we-portfolio-page .elementor-element.elementor-element-wowk1 .we-package-number{background:#fff;color:#111}
.we-portfolio-page .elementor-element.elementor-element-wowk1 .we-package-tag{color:#442900}
.we-portfolio-page .elementor-element.elementor-element-wowk1 .we-package-intro,.we-portfolio-page .elementor-element.elementor-element-wowk1 .we-package-intro p{color:#382500}
.we-portfolio-page .elementor-element.elementor-element-wowk1 .we-package-details small,.we-portfolio-page .elementor-element.elementor-element-wowk1 .we-package-goal span{color:#5c3900}
.we-portfolio-page .elementor-element.elementor-element-wowk2{background:#090909;border-color:#090909;color:#fff}
.we-portfolio-page .elementor-element.elementor-element-wowk2 .we-package-title .elementor-heading-title{color:#fff}
.we-portfolio-page .elementor-element.elementor-element-wowk2 .we-package-number{background:#ffa202;color:#111}
.we-portfolio-page .elementor-element.elementor-element-wowk2 .we-package-tag{color:#999}
.we-portfolio-page .elementor-element.elementor-element-wowk2 .we-package-intro,.we-portfolio-page .elementor-element.elementor-element-wowk2 .we-package-intro p{color:#bbb}
.we-portfolio-page .elementor-element.elementor-element-wowk2 .we-package-details{border-color:#2d2d2d}
.we-portfolio-page .elementor-element.elementor-element-wow42{margin-bottom:50px}
.we-portfolio-page .we-portfolio-filter{margin-top:0}
.we-portfolio-page .elementor-element.elementor-element-wowk1l{position:static}
.we-portfolio-page .elementor-element.elementor-element-wowz0e .we-eyebrow,.we-portfolio-page .elementor-element.elementor-element-wowz1e .we-eyebrow{display:block;line-height:1.58}
@media(min-width:1081px){
.we-portfolio-page .elementor-element.elementor-element-wow04{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important}
.we-portfolio-page .elementor-element.elementor-element-wow21>.e-con-inner{grid-template-columns:90px 1.25fr .6fr!important}
.we-portfolio-page .elementor-element.elementor-element-wow31>.e-con-inner{grid-template-columns:.72fr 1.28fr!important}
.we-portfolio-page .elementor-element.elementor-element-wow32{position:sticky;top:125px;align-self:start}
.we-portfolio-page .elementor-element.elementor-element-wow52{grid-template-columns:1.1fr .7fr}
.we-portfolio-page .elementor-element.elementor-element-wow61>.e-con-inner{grid-template-columns:1.2fr .8fr!important}
.we-portfolio-page .elementor-element.elementor-element-wowp0,.we-portfolio-page .elementor-element.elementor-element-wowp3{display:grid!important;grid-template-columns:1.34fr .66fr}
.we-portfolio-page .elementor-element.elementor-element-wowp3{grid-template-columns:.66fr 1.34fr}
}
@media(min-width:761px){
.we-portfolio-page .elementor-element.elementor-element-wowp0,.we-portfolio-page .elementor-element.elementor-element-wowp3{grid-column:1/-1}
.we-portfolio-page .elementor-element.elementor-element-wowp0 .we-portfolio-art,.we-portfolio-page .elementor-element.elementor-element-wowp3 .we-portfolio-art{height:510px}
.we-portfolio-page .elementor-element.elementor-element-wowp0m,.we-portfolio-page .elementor-element.elementor-element-wowp3m{padding:44px;flex-direction:column;justify-content:flex-end;align-items:flex-start}
.we-portfolio-page .elementor-element.elementor-element-wowp0m .we-project-title .elementor-heading-title,.we-portfolio-page .elementor-element.elementor-element-wowp3m .we-project-title .elementor-heading-title{font-size:44px}
}
@media(max-width:1080px){
.we-portfolio-page .elementor-element.elementor-element-wow04,.we-portfolio-page .elementor-element.elementor-element-wow31>.e-con-inner,.we-portfolio-page .elementor-element.elementor-element-wow61>.e-con-inner{grid-template-columns:1fr!important}
.we-portfolio-page .elementor-element.elementor-element-wow21>.e-con-inner{grid-template-columns:60px 1fr!important}
.we-portfolio-page .elementor-element.elementor-element-wow24{grid-column:2}
.we-portfolio-page .elementor-element.elementor-element-wow32{position:relative!important;top:auto!important}
.we-portfolio-page .we-portfolio-hero-media{margin-top:5px}
.we-portfolio-page .elementor-element.elementor-element-wow42,.we-portfolio-page .elementor-element.elementor-element-wow52{flex-direction:column!important;align-items:flex-start!important}
.we-portfolio-page .elementor-element.elementor-element-wow42>.elementor-element,.we-portfolio-page .elementor-element.elementor-element-wow52>.elementor-element{width:100%!important;max-width:100%!important}
.we-portfolio-page .we-head-copy,.we-portfolio-page .we-head-copy p{margin-top:18px;padding-bottom:0}
.we-portfolio-page .elementor-element.elementor-element-wow57{grid-template-columns:1fr 1fr!important}
.we-portfolio-page .elementor-element.elementor-element-wowk1{transform:none}
.we-portfolio-page .elementor-element.elementor-element-wowk1:hover{transform:translateY(-6px)}
.we-portfolio-page .elementor-element.elementor-element-wowp0,.we-portfolio-page .elementor-element.elementor-element-wowp3{grid-template-columns:1fr!important;display:flex!important;flex-direction:column}
.we-portfolio-page .elementor-element.elementor-element-wowp3v{order:1}.we-portfolio-page .elementor-element.elementor-element-wowp3m{order:2}
.we-portfolio-page .elementor-element.elementor-element-wowp0m,.we-portfolio-page .elementor-element.elementor-element-wowp3m{min-height:300px}
.we-portfolio-page .we-team-avatar-row{justify-content:flex-start}
}
@media(max-width:760px){
.we-portfolio-page .we-portfolio-h1 .elementor-heading-title{font-size:52px}
.we-portfolio-page .we-portfolio-proof{grid-template-columns:1fr;gap:14px}
.we-portfolio-page .we-portfolio-proof>div{border-right:0;padding:0 0 14px;border-bottom:1px solid var(--line)}
.we-portfolio-page .we-portfolio-proof>div+div{padding-left:0}
.we-portfolio-page .we-portfolio-proof>div:last-child{border-bottom:0}
.we-portfolio-page .we-portfolio-hero-media{min-height:410px}
.we-portfolio-page .we-portfolio-video-frame{width:100%;height:370px}
.we-portfolio-page .we-video-label{left:27px;right:65px;bottom:27px}
.we-portfolio-page .we-video-label strong{font-size:22px}
.we-portfolio-page .we-video-toggle{right:22px;bottom:20px}
.we-portfolio-page .we-project-tag{font-size:9px;padding:9px 11px}
.we-portfolio-page .we-tag-web{left:-5px;top:24px}
.we-portfolio-page .we-tag-growth{right:-5px;top:95px}
.we-portfolio-page .we-tag-ai{right:18px;bottom:-13px}
.we-portfolio-page .we-portfolio-dots{display:none}
.we-portfolio-page .elementor-element.elementor-element-wow21>.e-con-inner{grid-template-columns:1fr!important;gap:20px!important}
.we-portfolio-page .elementor-element.elementor-element-wow24{grid-column:auto;padding-left:0;border-left:0}
.we-portfolio-page .we-statement-title .elementor-heading-title{font-size:37px}
.we-portfolio-page .we-section-title .elementor-heading-title{font-size:42px}
.we-portfolio-page .we-industry-grid{grid-template-columns:1fr}
.we-portfolio-page .we-industry-card.we-wide{grid-column:auto;display:block}
.we-portfolio-page .we-industry-card.we-wide svg{margin-bottom:31px}
.we-portfolio-page .we-industry-card.we-wide p{margin-top:12px}
.we-portfolio-page .elementor-element.elementor-element-wow4G{grid-template-columns:1fr!important}
.we-portfolio-page .elementor-element.elementor-element-wowp0,.we-portfolio-page .elementor-element.elementor-element-wowp3{grid-column:auto}
.we-portfolio-page .we-portfolio-art{height:330px!important}
.we-portfolio-page .elementor-element.elementor-element-wowp0m,.we-portfolio-page .elementor-element.elementor-element-wowp3m{padding:28px;min-height:auto}
.we-portfolio-page .elementor-element.elementor-element-wowp0m .we-project-title .elementor-heading-title,.we-portfolio-page .elementor-element.elementor-element-wowp3m .we-project-title .elementor-heading-title{font-size:32px}
.we-portfolio-page .we-kisara-art{padding:36px 20px 20px}
.we-portfolio-page .we-art-topline{left:20px;right:20px}
.we-portfolio-page .we-editorial-copy{left:20px;top:92px}
.we-portfolio-page .we-editorial-copy strong{font-size:33px}
.we-portfolio-page .we-editorial-image{width:56%}
.we-portfolio-page .we-nosak-art{padding:22px}
.we-portfolio-page .we-social-stat{right:8px}
.we-portfolio-page .we-famili-art{padding:18px}
.we-portfolio-page .we-automation-window{grid-template-columns:42px 1fr}
.we-portfolio-page .we-automation-main{padding:14px}
.we-portfolio-page .we-automation-metrics{gap:5px}
.we-portfolio-page .we-automation-metrics div{padding:9px}
.we-portfolio-page .we-automation-metrics strong{font-size:17px}
.we-portfolio-page .we-node-one{left:4%;top:8%}
.we-portfolio-page .we-node-two{right:3%;top:8%}
.we-portfolio-page .we-node-three{right:3%;bottom:8%}
.we-portfolio-page .we-flow-node{width:130px;padding:10px}
.we-portfolio-page .we-ai-core{width:70px;height:70px}
.we-portfolio-page .we-ai-core span{font-size:23px}
.we-portfolio-page .we-noble-art{padding:18px}
.we-portfolio-page .we-finance-window{padding:16px}
.we-portfolio-page .we-tech-copy strong{font-size:31px}
.we-portfolio-page .elementor-element.elementor-element-wow48{flex-direction:column!important;align-items:flex-start!important}
.we-portfolio-page .we-projectcta-h2 .elementor-heading-title{font-size:32px}
.we-portfolio-page .elementor-element.elementor-element-wow4D{width:100%;margin-top:25px}.we-portfolio-page .elementor-element.elementor-element-wow4D .elementor-button{width:100%}
.we-portfolio-page .elementor-element.elementor-element-wow57{grid-template-columns:1fr!important}
.we-portfolio-page .we-teamstrip-h2 .elementor-heading-title{font-size:32px}
.we-portfolio-page .we-team-avatar-row img,.we-portfolio-page .we-team-avatar-row span{width:54px;height:54px;margin-left:-10px;border-width:4px}
.we-portfolio-page .we-team-avatar-row img:first-child{margin-left:0}
.we-portfolio-page .elementor-element.elementor-element-wow71{grid-template-columns:1fr!important}
.we-portfolio-page .we-cta-h2 .elementor-heading-title{font-size:39px}
}
@media(min-width:761px){.we-portfolio-page .elementor-element.elementor-element-wow71{grid-template-columns:1fr 1fr!important}.we-portfolio-page .elementor-element.elementor-element-wow4G{grid-template-columns:repeat(2,1fr)!important}}
@media(min-width:1081px){
.we-portfolio-page .elementor-element.elementor-element-wow43{width:auto!important;flex:0 1 auto;min-width:0;max-width:820px}
.we-portfolio-page .elementor-element.elementor-element-wow46{width:auto!important;flex:0 1 auto;min-width:0;max-width:680px!important}
.we-portfolio-page .elementor-element.elementor-element-wow52{display:grid!important;grid-template-columns:1.1fr .7fr;gap:70px;align-items:end}
.we-portfolio-page .elementor-element.elementor-element-wow53,.we-portfolio-page .elementor-element.elementor-element-wow56{width:auto!important;max-width:none;min-width:0}
}
/* ---- Our Work card copy ----
Only the featured card carries the eyebrow and the excerpt. Every other card
matches the homepage Recent Work card: title plus one short service line. */
.we-portfolio-page .we-project-sub{font-size:13px;color:#777;margin:3px 0 0;max-width:430px}
.we-portfolio-page .we-portfolio-card:not(.we-portfolio-card-lg) .we-portfolio-meta{align-items:center}
.we-portfolio-page .we-portfolio-card:not(.we-portfolio-card-lg) h3.we-project-title{margin:0}
/* client site down: same circle, just not a link */
.we-portfolio-page .we-circle-arrow-off{opacity:.45}
.we-portfolio-page div.we-portfolio-visual{display:block}
/* ---- placeholder artwork ----
Projects with no screenshot and no bespoke artwork used to render an empty
white panel. They now get the same browser-plus-phone mockup the app page
draws, tinted by the project's Card art style. */
.we-portfolio-page .we-portfolio-art-mock{display:grid;place-items:center;background:#111}
.we-portfolio-page .we-portfolio-art-mock.we-art-light{background:#e6eff7}
.we-portfolio-page .we-portfolio-art-mock.we-art-orange{background:#ffe6c2}
.we-portfolio-page .we-portfolio-art-mock.we-art-navy{background:#ece6fb}
.we-portfolio-page .we-portfolio-mock{position:relative;width:74%;max-width:420px}
.we-portfolio-page .we-portfolio-mock-window{background:#fff;border-radius:7px;overflow:hidden;
box-shadow:0 26px 60px rgba(0,0,0,.28)}
.we-portfolio-page .we-portfolio-mock-bar{display:flex;align-items:center;gap:5px;height:26px;
padding:0 11px;background:#efefef}
.we-portfolio-page .we-portfolio-mock-bar i{width:6px;height:6px;border-radius:50%;background:#c6c6c6;display:block}
.we-portfolio-page .we-portfolio-mock-hero{display:block;height:104px;margin:13px;border-radius:4px;
background:linear-gradient(135deg,#111,#ffa202)}
.we-portfolio-page .we-art-light .we-portfolio-mock-hero{background:linear-gradient(135deg,#0d2440,#55b5ed)}
.we-portfolio-page .we-art-orange .we-portfolio-mock-hero{background:linear-gradient(135deg,#181818,#ff7b00)}
.we-portfolio-page .we-art-navy .we-portfolio-mock-hero{background:linear-gradient(135deg,#21195f,#622dc6)}
.we-portfolio-page .we-portfolio-mock-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;
padding:0 13px 15px}
.we-portfolio-page .we-portfolio-mock-rows i{display:block;height:42px;background:#eee;border-radius:3px}
.we-portfolio-page .we-portfolio-mock-phone{position:absolute;right:-24px;bottom:-22px;width:72px;
height:128px;background:#fff;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.26);
padding:9px 8px;display:flex;flex-direction:column;gap:6px}
.we-portfolio-page .we-portfolio-mock-phone span{display:block;height:40px;border-radius:5px;
background:linear-gradient(135deg,#111,#ffa202)}
.we-portfolio-page .we-art-light .we-portfolio-mock-phone span{background:linear-gradient(135deg,#0d2440,#55b5ed)}
.we-portfolio-page .we-art-orange .we-portfolio-mock-phone span{background:linear-gradient(135deg,#181818,#ff7b00)}
.we-portfolio-page .we-art-navy .we-portfolio-mock-phone span{background:linear-gradient(135deg,#21195f,#622dc6)}
.we-portfolio-page .we-portfolio-mock-phone i{display:block;height:9px;border-radius:3px;background:#eee}
/* the featured card is taller, so the mockup can breathe */
.we-portfolio-page .we-portfolio-card-lg .we-portfolio-mock{width:62%;max-width:460px}
@media(max-width:640px){
.we-portfolio-page .we-portfolio-mock{width:80%}
.we-portfolio-page .we-portfolio-mock-phone{right:-14px;bottom:-14px;width:60px;height:106px}
.we-portfolio-page .we-portfolio-mock-hero{height:84px}
.we-portfolio-page .we-portfolio-mock-rows i{height:34px}
}/* End custom CSS */