.elementor-5454 .elementor-element.elementor-element-4d7a0618{border-style:solid;border-width:0px 0px 1px 0px;border-color:#E8ECEE;margin-top:0px;margin-bottom:0px;padding:60px 20px 36px 20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5454 .elementor-element.elementor-element-6ab2ba6{text-align:center;}.elementor-5454 .elementor-element.elementor-element-6ab2ba6 .elementor-heading-title{font-family:"Geist", Sans-serif;font-size:56px;font-weight:700;line-height:1.1em;letter-spacing:-1.5px;color:#0E3942;}.elementor-5454 .elementor-element.elementor-element-be67362{margin-top:0px;margin-bottom:0px;padding:32px 20px 48px 20px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-5454 .elementor-element.elementor-element-13eb8f6 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-5454 .elementor-element.elementor-element-13eb8f6{text-align:justify;font-family:"Poppins", Sans-serif;font-weight:400;}@media(max-width:1024px){.elementor-5454 .elementor-element.elementor-element-4d7a0618{padding:48px 18px 28px 18px;}.elementor-5454 .elementor-element.elementor-element-6ab2ba6 .elementor-heading-title{font-size:44px;}.elementor-5454 .elementor-element.elementor-element-be67362{padding:28px 16px 40px 16px;}}@media(max-width:767px){.elementor-5454 .elementor-element.elementor-element-4d7a0618{padding:36px 16px 20px 16px;}.elementor-5454 .elementor-element.elementor-element-6ab2ba6{text-align:center;}.elementor-5454 .elementor-element.elementor-element-6ab2ba6 .elementor-heading-title{font-size:34px;}.elementor-5454 .elementor-element.elementor-element-be67362{padding:24px 12px 32px 12px;}.elementor-5454 .elementor-element.elementor-element-13eb8f6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5454 .elementor-element.elementor-element-13eb8f6{column-gap:0px;text-align:start;}}/* Start custom CSS *//* ============================================================
   SURIOTA Design System "sx-" — Portfolio (post_id=839)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800&family=Geist+Mono:wght@400;500;600&display=swap');

:root {
  --sx-teal:#205B69;--sx-teal-deep:#0E3942;--sx-green:#3C7D47;--sx-amber:#C8851F;
  --sx-surface:#FAFBFC;--sx-line:#E8ECEE;
  --sx-text:#1F2D33;--sx-text-mute:#5B6F75;
  --sx-font-display:'Geist',system-ui,sans-serif;
  --sx-font-mono:'Geist Mono','Menlo',monospace;
  --sx-ease:cubic-bezier(0.22,1,0.36,1);
}

.entry-title { display: none !important; }

/* sx- tokens */
.sx-eyebrow{display:inline-block;font-family:var(--sx-font-mono);font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--sx-teal);}
.sx-stat-num{font-family:var(--sx-font-mono);font-feature-settings:"tnum" 1,"lnum" 1;font-weight:600;letter-spacing:-0.02em;line-height:1;}
.sx-stat-num .sx-plus{color:var(--sx-amber);margin-left:2px;}

/* Section heading consistency */
.elementor-widget-heading h1.elementor-heading-title,
.elementor-widget-heading h2.elementor-heading-title {
  font-family: 'Geist', system-ui, sans-serif !important;
}

/* Portfolio-specific refinements */
.portfolio-wrap {
  font-family: var(--sx-font-display) !important;
}
.portfolio-wrap .stat-num {
  font-family: var(--sx-font-mono) !important;
  font-feature-settings: "tnum" 1;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  color: var(--sx-teal-deep) !important;
}
.portfolio-wrap .stat-label {
  font-family: var(--sx-font-mono) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}
.portfolio-wrap .year-nav a {
  font-family: var(--sx-font-mono) !important;
  letter-spacing: 1px !important;
  text-transform: uppercase;
}
.portfolio-wrap .port-table thead th {
  font-family: var(--sx-font-mono) !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px !important;
}
.portfolio-wrap .port-table td:first-child {
  font-family: var(--sx-font-mono) !important;
  color: var(--sx-amber) !important;
}
.portfolio-wrap .year-badge {
  font-family: var(--sx-font-mono) !important;
}
.portfolio-wrap .pcard-num {
  font-family: var(--sx-font-mono) !important;
  color: var(--sx-amber) !important;
  background: rgba(200, 133, 31, 0.1) !important;
}
.portfolio-wrap .pcard-client {
  font-family: var(--sx-font-display) !important;
  color: var(--sx-teal-deep) !important;
  letter-spacing: -0.2px;
}
.portfolio-wrap .port-cta h2 {
  font-family: var(--sx-font-display) !important;
  letter-spacing: -0.3px;
}
.portfolio-wrap .port-cta a {
  font-family: var(--sx-font-display) !important;
  letter-spacing: 0.5px;
}
.portfolio-wrap .seo-links a {
  font-family: var(--sx-font-mono) !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 11px;
}

/* RESPONSIVE */
@media (max-width:767px){
  .elementor-widget-heading h1.elementor-heading-title {
    line-height: 1.15em !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .portfolio-wrap * { transition: none !important; transform: none !important; animation: none !important; }
}/* End custom CSS */