/*

Theme Name: Digtize

Theme URI: https://digtize.com

Author: Aksshit Wadhwa

Author URI: https://digtize.com

Description: This theme is for Digtize only. This theme have rights that no one can copy or use it's code. 
 
Version: 2.0

*/

/* ==========================================================================
   CONSOLIDATED: DESIGN TOKENS
   Section: Global design tokens
   ========================================================================== */
/**
 * Digtize design tokens
 *
 * This is the only global design-token source. Component and state variables
 * may remain locally scoped when their values are calculated at runtime.
 */

:root {
  /* ---------------------------------
     COLORS
  ---------------------------------- */

  /* Brand palette */
  --color-primary: #1C8878;
  --color-secondary: #5BFEB3;
  --color-tertiary: #FFFFE8;
  --color-black: #000000;
  --color-white: #FFFFFF;
  --color-grey: #6B7280;
  --color-primary-text: #1A8071;
  --color-grey-text: #606773;
  --color-case-study-purple: #7D40FF;
  --color-case-study-lavender: #C6CFFF;
  --color-case-study-coral: #FFB8B0;
  --color-case-study-yellow: #FBE8A4;
  --color-case-study-cyan: #ABF5FF;
  --color-case-study-mint: #C9FFF7;
  --color-case-study-card: var(--color-case-study-lavender);
   --dgt-color-deep-teal: var(--color-primary);
  --dgt-color-ivory-yellow: var(--color-tertiary);
  --dgt-color-mint-green: var(--color-secondary);
  --dgt-color-hero-navy: var(--color-primary);
  --dgt-color-hero-aqua: var(--color-secondary);
  --dgt-color-hero-mint: var(--color-case-study-cyan);
  --dgt-color-cta-teal: var(--color-primary);
  --dgt-color-page-white: var(--color-white);
  --dgt-color-white: var(--color-white);
  --dgt-color-ink: var(--color-black);
  --dgt-color-border-soft: var(--color-tertiary);
  --dgt-font-heading: "Plus Jakarta Sans", Inter, Arial, sans-serif;
  --dgt-font-body: "Inter Tight", Inter, Arial, sans-serif;
  --dgt-font-ui: "Inter Tight", Inter, Arial, sans-serif;
  --dgt-font-serif-accent: "Instrument Serif", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --dgt-gradient-brand: linear-gradient(135deg, var(--dgt-color-deep-teal) 0%, var(--dgt-color-hero-aqua) 46%, var(--dgt-color-mint-green) 100%);
  --dgt-gradient-page:radial-gradient(circle at 18% 6%, color-mix(in srgb, var(--color-secondary) 16%, transparent), transparent 30%), radial-gradient(circle at 84% 18%, color-mix(in srgb, var(--color-primary) 14%, transparent), transparent 32%), linear-gradient(180deg, color-mix(in srgb, var(--color-tertiary) 92%, transparent), var(--color-white) 100%);

  /* ---------------------------------
     TYPOGRAPHY
  ---------------------------------- */

  --font-family-body: "Inter Tight", Inter, Arial, sans-serif;
  --font-family-heading: "Plus Jakarta Sans", Inter, Arial, sans-serif;
  --font-family-accent: "Instrument Serif", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-family-icons-fa: "Font Awesome 6 Free";

  --font-size-2xs: 11px;
  --font-size-xs: 12px;
  --font-size-xs-plus: 13px;
  --font-size-sm: 14px;
  --font-size-sm-plus: 15px;
  --font-size-base: 16px;
  --font-size-md: 18px;
  --font-size-lg: 20px;
  --font-size-lg-mid: 21px;
  --font-size-lg-plus: 22px;
  --font-size-lg-wide: 23px;
  --font-size-xl: 24px;
  --font-size-2xl: 28px;
  --font-size-2xl-plus: 30px;
  --font-size-3xl: 32px;
  --font-size-3xl-plus: 34px;
  --font-size-3xl-wide: 36px;
  --font-size-4xl: 40px;
  --font-size-5xl: 48px;
  --font-size-display-md: 52px;
  --font-size-5xl-max: 60px;
  --font-size-7xl: 72px;
  --font-size-display-xl: 75px;
  --font-size-display-xl-plus: 76px;
  --font-size-exact-001: .32em;
  --font-size-exact-017: clamp(15px, 1.2vw, 16px);
  --font-size-exact-019: clamp(18px, 1.5vw, 24px);
  --font-size-exact-020: clamp(18px, 1.6vw, 20px);
  --font-size-exact-025: clamp(22px, 1.8vw, 24px);
  --font-size-exact-026: clamp(22px, 2vw, 30px);
  --font-size-exact-027: clamp(24px, 2.3vw, 38px);
  --font-size-exact-028: clamp(24px, 2.6vw, 36px);
  --font-size-exact-030: clamp(24px, 3vw, 32px);
  --font-size-exact-035: clamp(28px, 3.0vw, 45px);
  --font-size-exact-039: clamp(30px, 4vw, 58px);
  --font-size-exact-043: clamp(32px, 4vw, 46px);
  --font-size-exact-044: clamp(34px, 10vw, 44px);
  --font-size-exact-048: clamp(34px, 4vw, 56px);
  --font-size-exact-049: clamp(34px, 4vw, 64px);
  --font-size-exact-052: clamp(36px, 4vw, 50px);
  --font-size-exact-053: clamp(38px, 12vw, 54px);
  --font-size-exact-054: clamp(38px, 4.6vw, 60px);
  --font-size-exact-055: clamp(38px, calc(29.09px + 2.286vw), 62px);
  --font-size-exact-061: clamp(40px, 5vw, 70px);
  --font-size-exact-062: clamp(42px, 4.9vw, 64px);
  --font-size-exact-066: clamp(44px, 5vw, 70px);
  --font-size-exact-068: clamp(44px, 5vw, 84px);
  --font-size-exact-070: clamp(44px, 7vw, 104px);
  --font-size-exact-076: clamp(52px, 6vw, 76px);
  --font-size-exact-078: clamp(56px, 6vw, 84px);
  --line-height-exact-001: .98;
  --line-height-exact-008: 1.02;
  --line-height-exact-011: 1.05;
  --line-height-exact-012: 1.08;
  --line-height-exact-014: 1.12;
  --line-height-exact-016: 1.18;
  --line-height-exact-018: 1.25;
  --line-height-exact-020: 1.3;
  --line-height-exact-021: 1.38;
  --line-height-exact-022: 1.4;
  --line-height-exact-023: 1.43;
  --line-height-exact-024: 1.45;
  --line-height-exact-026: 1.55;
  --line-height-exact-027: 1.65;
  --line-height-exact-028: 1.7;
  --line-height-exact-029: 1.75;
  --line-height-exact-030: 1.85;
  --line-height-exact-031: 18px;
  --line-height-exact-033: 20px;
  --line-height-exact-034: 22px;
  --line-height-exact-035: 24px;
  --line-height-exact-036: 26px;
  --line-height-exact-037: 28px;
  --line-height-exact-038: 30px;
  --line-height-exact-039: 32px;
  --line-height-exact-041: 45px;
  --line-height-exact-043: 56px;
  --line-height-exact-046: 72px;
  --line-height-exact-047: 80px;
  --line-height-exact-048: clamp(30px, 2.3vw, 32px);
  --line-height-exact-049: clamp(46px, 5.5vw, 72px);
  --line-height-exact-050: clamp(48px, 5.5vw, 72px);
  --line-height-exact-051: clamp(62px, 6.6vw, 90px);

  --font-weight-thin: 100;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-semibold-plus: 650;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-heavy: 850;
  --font-weight-black: 900;

  --line-height-none: 1;
  --line-height-tight: 1.2;
  --line-height-snug: 1.35;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.6;
  --line-height-loose: 1.8;

  --letter-spacing-tight: -0.02em;
  --letter-spacing-normal: 0;
  --letter-spacing-wide: 0.08em;
  --letter-spacing-compact-xs: -0.01em;
  --letter-spacing-compact-sm: -0.03em;
  --letter-spacing-compact-md: -0.035em;
  --letter-spacing-compact-lg: -0.04em;
  --letter-spacing-compact-xl: -0.045em;
  --letter-spacing-compact-2xl: -0.05em;
  --letter-spacing-open-sm: 0.04em;
  --letter-spacing-open-lg: 0.14em;
  --letter-spacing-open-xl: 0.16em;
  --letter-spacing-open-2xl: 0.18em;
  --letter-spacing-open-3xl: 0.20em;
  --letter-spacing-px-1: 1px;
  --letter-spacing-px-2: 2px;
  --letter-spacing-px-2-4: 2.4px;
  --letter-spacing-px-3: 3px;
  --letter-spacing-px-4: 4px;

  /* Shared site-wide text hierarchy. Component classes may modify these only
     when a section intentionally needs a different treatment. */
  --typography-h1: normal var(--font-weight-semibold) var(--font-size-exact-061) / var(--line-height-exact-011) var(--font-family-heading);
  --typography-h2: normal var(--font-weight-semibold) var(--font-size-exact-048) / var(--line-height-exact-014) var(--font-family-heading);
  --typography-h3: normal var(--font-weight-semibold) var(--font-size-exact-027) / var(--line-height-exact-018) var(--font-family-heading);
  --typography-h4: normal var(--font-weight-semibold) var(--font-size-exact-026) / var(--line-height-exact-020) var(--font-family-heading);
  --typography-h5: normal var(--font-weight-semibold) var(--font-size-exact-019) / var(--line-height-exact-021) var(--font-family-heading);
  --typography-h6: normal var(--font-weight-semibold) var(--font-size-base) / var(--line-height-exact-022) var(--font-family-heading);
  --typography-body: normal var(--font-weight-regular) var(--font-size-base) / var(--line-height-relaxed) var(--font-family-body);

  /* ---------------------------------
     SPACING — 8px base rhythm
  ---------------------------------- */

  --space-0: 0;
  --space-half: 4px;
  --space-1: 8px;
  --space-1-5: 12px;
  --space-2: 16px;
  --space-2-5: 20px;
  --space-3: 24px;
  --space-3-5: 28px;
  --space-4: 32px;
  --space-4-5: 36px;
  --space-5: 40px;
  --space-5-5: 44px;
  --space-6: 48px;
  --space-6-5: 52px;
  --space-7: 56px;
  --space-7-5: 60px;
  --space-8: 64px;
  --space-9: 72px;
  --space-10: 80px;
  --space-11: 88px;
  --space-12: 96px;
  --space-13: 104px;
  --space-14: 112px;
  --space-15: 120px;
  --space-16: 128px;
  --space-17: 136px;
  --space-20: 160px;
  --space-px-1: 1px;
  --space-px-2: 2px;
  --space-px-3: 3px;
  --space-px-5: 5px;
  --space-px-6: 6px;
  --space-px-7: 7px;
  --space-px-9: 9px;
  --space-px-10: 10px;
  --space-px-11: 11px;
  --space-px-13: 13px;
  --space-px-14: 14px;
  --space-px-15: 15px;
  --space-px-18: 18px;
  --space-px-22: 22px;
  --space-px-25: 25px;
  --space-px-26: 26px;
  --space-px-30: 30px;
  --space-px-34: 34px;
  --space-px-38: 38px;
  --space-px-42: 42px;
  --space-px-46: 46px;
  --space-px-54: 54px;
  --space-px-58: 58px;
  --space-px-62: 62px;
  --space-px-70: 70px;
  --space-px-76: 76px;
  --space-px-78: 78px;
  --space-px-82: 82px;
  --space-px-84: 84px;
  --space-px-86: 86px;
  --space-px-90: 90px;
  --space-px-92: 92px;
  --space-px-100: 100px;
  --space-px-108: 108px;
  --space-px-116: 116px;
  --space-px-118: 118px;
  --space-px-124: 124px;
  --space-px-130: 130px;
  --space-px-140: 140px;
  --space-px-150: 150px;

 

  /* Exact contextual spacing retained from the production UI. */
  --spacing-exact-014: 0 auto;
  --spacing-exact-025: -12em auto 0;
  --spacing-exact-055: auto;
  --spacing-exact-056: auto 0 0;

  /* ---------------------------------
     BORDER RADIUS
  ---------------------------------- */

  --border-width-none: 0;
  --border-width-thin: 1px;
  --border-width-hairline-strong: 1.5px;
  --border-width-medium: 2px;
  --border-width-thick: 3px;
  --border-width-emphasis: 6px;
  --radius-none: 0;
  --radius-sm: 4px;
  --radius-sm-wide: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-lg-plus: 14px;
  --radius-xl: 16px;
  --radius-xl-plus: 18px;
  --radius-xl-wide: 20px;
  --radius-xl-max: 22px;
  --radius-2xl: 24px;
  --radius-3xl: 32px;
  --radius-full: 999px;
  --radius-circle: 50%;

  /* ---------------------------------
     SHADOWS
  ---------------------------------- */

  --shadow-none: none;
  --shadow-sm: 0 4px 10px color-mix(in srgb, var(--color-black) 5%, transparent);
  --shadow-xl: 0 30px 80px color-mix(in srgb, var(--color-black) 20%, transparent);

  /* Exact shadow recipes retained from the production UI. */
  --shadow-exact-015: 0 10px 40px transparent;
  --shadow-exact-022: 0 14px 34px transparent;
  --shadow-exact-035: 0 16px 42px color-mix(in srgb, var(--color-primary), transparent 62%);
  --shadow-exact-036: 0 18px 44px transparent;
  --shadow-exact-038: 0 18px 50px transparent;
  --shadow-exact-040: 0 18px 56px transparent;
  --shadow-exact-047: 0 24px 58px transparent;
  --shadow-exact-048: 0 24px 60px transparent;
  --shadow-exact-063: 0 36px 90px transparent;
  --shadow-exact-077: 0 8px 22px transparent;

  /* ---------------------------------
     OPACITY
  ---------------------------------- */

  --opacity-0: 0;
  --opacity-5: 0.05;
  --opacity-20: 0.20;
  --opacity-25: 0.25;
  --opacity-30: 0.30;
  --opacity-45: 0.45;
  --opacity-58: 0.58;
  --opacity-72: 0.72;
  --opacity-75: 0.75;
  --opacity-78: 0.78;
  --opacity-82: 0.82;
  --opacity-100: 1;

  /* ---------------------------------
     Z-INDEX
  ---------------------------------- */

  --z-recessed: -1;
  --z-base: 0;
  --z-raised: 1;
  --z-elevated: 2;
  --z-popover: 3;
  --z-floating: 4;
  --z-floating-raised: 5;
  --z-overlay: 20;
  --z-sticky-raised: 9999;
  --z-fixed: 10000;



  /* ---------------------------------
     TRANSITIONS
  ---------------------------------- */

  --duration-quick: 200ms;
  --duration-ui: 220ms;
  --duration-normal: 250ms;
  --duration-medium: 300ms;
  --duration-slow: 350ms;
  --duration-long: 400ms;
  --duration-slower: 500ms;
  --duration-accessibility: 0.001ms;
  --duration-reduced-motion: 0.01ms;
  --duration-80: 80ms;
  --duration-100: 100ms;
  --duration-160: 160ms;
  --duration-240: 240ms;
  --duration-260: 260ms;
  --duration-320: 320ms;
  --duration-360: 360ms;
  --duration-380: 380ms;
  --duration-450: 450ms;
  --duration-480: 480ms;
  --duration-550: 550ms;
  --duration-600: 600ms;
  --duration-700: 700ms;
  --duration-800: 800ms;
  --duration-1000: 1000ms;
  --duration-1600: 1600ms;
  --duration-2000: 2000ms;
  --duration-5000: 5000ms;
  --duration-6000: 6000ms;
  --duration-8000: 8000ms;
  --duration-30000: 30000ms;
  --animation-none: none;
  --ease-default: ease;
  --ease-out: ease-out;
  --ease-in-out: ease-in-out;
  --ease-linear: linear;
  --ease-emphasized: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-executive: cubic-bezier(0.22, 0.61, 0.36, 1);
  --transition-none: none;



  /* ---------------------------------
     LAYOUT
  ---------------------------------- */

  --container-2xs: 480px;
  --container-xs: 520px;
  --container-xs-wide: 560px;
  --container-sm-compact: 620px;
  --container-sm-narrow: 640px;
  --container-readable: 760px;
  --container-md: 960px;
  --container-md-wide: 980px;
  --container-site: 1260px;
  --container-xl-compact: 1280px;
  --container-xl: 1320px;

  /* Functional defaults for the homepage card stack. */
  --card-height: 40vw;
  --card-margin: 4vw;
  --card-top-offset: 1em;
  --numcards: 3;
}
.has-vivid-red-color{
    color: var(--wp--preset--color--vivid-red) !important;
}
header{position:relative;z-index:1000}.digtize-services-mega{background:var(--color-white);border:1px solid transparent;border-radius:24px;box-shadow:0 26px 60px transparent;display:none;left:50%;padding:28px;position:absolute;top:100%;transform:translateX(-50%);width:min(1120px,calc(100vw - 48px));z-index:1001}.digtize-services-mega__inner{display:grid;gap:32px;grid-template-columns:repeat(3,minmax(0,1fr))}.digtize-services-mega__item{align-items:center;border-bottom:1px solid transparent;color:var(--color-black);display:flex;gap:16px;justify-content:space-between;padding:15px 0}.digtize-services-mega__item strong{color:inherit;display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:var(--line-height-exact-018)}.digtize-services-mega__item em{color:var(--color-black);display:block;font-size:var(--font-size-xs-plus);font-style:normal;line-height:var(--line-height-exact-024);margin-top:4px;white-space:normal}.digtize-services-mega__item i{align-items:center;border:1px solid transparent;border-radius:50%;color:var(--color-primary);display:inline-flex;flex:0 0 34px;font-size:var(--font-size-sm);height:34px;justify-content:center}.digtize-services-mega__cta{background:var(--color-primary);border-radius:14px;color:var(--color-white);margin-top:22px;padding:18px}.digtize-services-mega__cta span{color:var(--color-secondary);display:block;font-size:var(--font-size-xs-plus);line-height:var(--line-height-exact-022);margin-bottom:9px}.digtize-services-mega__cta a{color:var(--color-white);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}@media(max-width:1024px){.digtize-services-mega{display:none!important}}



caption,ol,p,td,th,ul{font-weight:400}article,aside,details,dir,figcaption,figure,footer,header,hgroup,menu,section,ul{display:block}
 
blockquote:after,blockquote:before,q:after,q:before{content:""}


blockquote.wp-block-quote {
    border-left: 5px solid var(--color-primary);
    padding: 25px;
    margin: 0 0 20px 0;
}

.page-hero-section {
    background: var(--dgt-gradient-page);
    padding: 8em 0 4em;
    text-align: center;
}
.page-numbers a,.page-numbers span,.page-numbers:hover,a,a:hover{text-decoration:none}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}blockquote,q{quotes:"" ""}sup{vertical-align:super;font-size:smaller}a img{border:none;max-width:100%;height:auto}ol,p,ul{font-size:18px;color:var(--color-black);line-height:2;margin:0 0 1.5em}dir,menu,ol,ul{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px}dir,menu,ul{list-style-type:disc}li{display:list-item;text-align:-webkit-match-parent}ol{display:block;list-style-type:decimal}footer ul,
nav ul li,
nav.clearfix li.button a,
ul.sidebar_list{list-style-type:none}::-moz-selection{background:var(--color-primary);color:var(--color-white);text-shadow:none}::selection{background:var(--color-black);color:var(--color-white);text-shadow:none}a{color:var(--color-secondary);transition:color .15s linear;-webkit-transition:color .15s linear;-moz-transition:color .15s linear}a:hover {
    color: var(--color-primary-text);
}

.clr{clear:both;float:none}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{margin:0 2px;padding:.35em .625em .75em;border:1px solid var(--color-grey)}legend{padding:0;border:0}input[type=email],input[type=text],input[type=number],input[type=tel],textarea,select{line-height:40px;width:99%;padding:0;border-radius:3px;background-color:var(--color-white);color:var(--color-black);text-indent:10px;margin-bottom:15px;float:left}optgroup{font-weight:700}td,th{padding:0}input[type=email],input[type=text],input[type=number],input[type=tel],select{font-size:18px;height:40px;border:1px solid var(--color-tertiary)}input[type=submit]{width:100%;border:none;background:var(--color-primary);font-size:1em;font-weight:700;color:var(--color-white);border-radius:2px;padding:1.7%;cursor:pointer}textarea{overflow:auto;font-size:18px;border:1px solid var(--color-tertiary)}


body.menu-open {
    overflow: hidden;
}


.page-template-page-service .container {
    margin-bottom: 5%;
}

.fullscreen {
    display: flex;
    justify-content: center;
    align-items: center;
	left: 0;
    z-index: var(--z-base);
    top: 0;
}
.grecaptcha-badge {
    visibility:hidden;
}

/* ==========================================================================
   LEGACY: BODY
   Section: Global body defaults
   ========================================================================== */

html {
    scroll-behavior: smooth;
}
body {
    background: var(--color-white);
    color: var(--color-black);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 18px;
    line-height: 1.8;
    margin: 0;
    transition: 0.3s all;
}
.container {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

h2{ margin:0;}h3{margin:0;}h4{margin:0;}h5{margin:0;}h6{margin:0;}

.page-template-services #content {
    width: 100%;
}
.page-template-pagewithoutsidebar #content {
    width: 100%;
    float: none;
}
h1.entry-title,
.entry > .section-eyebrow {
    text-align: center;
}

.entry .nocomments{
	margin:0;
}

/* ==========================================================================
   LEGACY: NEW HEADER
   Section: Legacy header variant (superseded by .digtize-site-header)
   ========================================================================== */


.logo img {
  max-height: 40px;
}


/* Mobile Styles */


/* Responsive menu */
@media (max-width: 767px) {


}


/* ==========================================================================
   LEGACY: HEADER
   Section: Legacy header styles
   ========================================================================== */

header {
	background: var(--color-white); 
    z-index: 1000;
    left: 0;
    right: 0;
    padding: 1%;
    position: relative;
}
header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 50px;
  margin: 10px auto;
  max-width: 1160px;
  width: calc(100% - 40px);
  padding: 10px 30px;
  background: color-mix(in srgb, var(--color-white) 56.86%, transparent);
  box-shadow: 0 4px 12px color-mix(in srgb, var(--color-black) 30%, transparent);
	z-index:1000;
    backdrop-filter: blur(16px);
}

header {
  transition: all 0.3s ease-in-out;
}

header.sticky {
  transform: translateY(0);
  animation: fadeInDown 0.4s ease-in-out;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.afterheader {
    height: 100vh;
    background: linear-gradient(180deg, var(--color-primary), var(--color-black));
    color: var(--color-white);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
.afterheader .blue-dot {
    color: var(--color-primary-text);
}
.afterheader .left {
    width: min(100%, 1100px);
    float: none;
    margin: 0 auto;
    z-index: var(--z-raised);
    position: relative;
    text-align: center;
}
.afterheader .right {
    width: 40%;
    float: right;
}
.afterheader h2 {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    color: var(--color-white);
	  text-shadow: 1px 1px 2px color-mix(in srgb, var(--color-black) 32.16%, transparent);
}
.afterheader p {
    color: var(--color-white);
    margin-left: auto;
    margin-right: auto;
	    text-shadow: 1px 1px 5px color-mix(in srgb, var(--color-black) 43.92%, transparent);
}


a.button {
    background: var(--color-primary);
    color: var(--color-white);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: lowercase;
    line-height: 1.2;
    border-radius: 3px;
    padding: 10px 25px;
    cursor: pointer;
	padding-right: 35px;
}
a.button:hover svg {
    -webkit-transform: translate(15px, 0);
    transform: translate(15px, 0);
}

a.button svg {
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
	margin-left: 15px;
}

.work {
    background: var(--color-white);
	padding: 4em 0px;
	position:relative;
}
.work::before{
	content: '';
    display: inline-block;
    background-image: url(./images/our-works-left-befor.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 500px;
    height: 500px;
    vertical-align: middle;
	position:absolute;
	left:0px;
	top:40%;
}
.work::after{
	content: '';
    display: inline-block;
    background-image: url(./images/our-work-bottom.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 175px;
    height: 295px;
    vertical-align: middle;
	position:absolute;
	bottom:-0px;
	right:0px;
}
.our_work_footer{
	text-align:center;
}
.our_work_footer p{
	font-size:25px;
}
.our_work_footer p a{
	margin-left:20px;
    color: var(--color-black);
}
.our_work_footer p a::after{
	margin-left:10px;
	content: '';
    display: inline-block;
    background-image: url(./images/our-result-circle-arrow-right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}
.our_work_footer p a::before{
	content: '';
    display: inline-block;
    background-image: url(./images/more-work-bottom-right-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
	margin-right:20px;
}
.projects {
    position: relative;
}
.project-type span {
   display: inline-block;
    background: var(--color-white);
    padding: 3px 10px;
    border-radius: 10px;
    font-size: 18px;
    margin-bottom: 15px;
    color: color-mix(in srgb, var(--color-black) 70%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-black) 20%, transparent);
    margin-right: 15px;
}

.home-portfolio-marquee {
    bottom: 0;
    left: 0;
    min-width: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: var(--z-elevated);
}
.home-portfolio-marquee__viewport {
    cursor: grab;
    overflow: hidden;
    padding: 0 0 clamp(16px, 2vw, 28px);
    scrollbar-width: none;
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
}
.home-portfolio-marquee__viewport::-webkit-scrollbar {
    display: none;
}
.home-portfolio-marquee.is-dragging .home-portfolio-marquee__viewport {
    cursor: grabbing;
}
.home-portfolio-marquee__track {
    align-items: stretch;
    display: flex;
    gap: clamp(14px, 1.45vw, 24px);
    width: max-content;
}
.home-portfolio-marquee__item {
    aspect-ratio: 16 / 9;
    background: color-mix(in srgb, var(--color-black) 18%, transparent);
    border-radius: clamp(16px, 1.5vw, 28px);
    box-shadow: 0 20px 56px color-mix(in srgb, var(--color-black) 22%, transparent);
    color: var(--color-white);
    flex: 0 0 clamp(230px, 21vw, 390px);
    overflow: hidden;
    position: relative;
    text-decoration: none;
}
.home-portfolio-marquee__item img {
    display: block;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
    -webkit-user-drag: none;
    user-select: none;
    width: 100%;
}
.home-portfolio-marquee__item span {
    align-items: center;
    display: flex;
    font-size: 22px;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    padding: 24px;
    text-align: center;
}
.home-portfolio-marquee__item:hover img,
.home-portfolio-marquee__item:focus-visible img {
    transform: scale(1.04);
}
body.home #section2.dt-work-showcase {
    display: none !important;
}
.home-services {
	color: var(--color-black);
	overflow: hidden;
	width: 100%;
}

.home-services * {
	box-sizing: border-box;
}

.home-services__header {
	margin-bottom: clamp(var(--space-5), 6vw, var(--space-8));
}

.home-services__eyebrow {
	color: var(--color-primary-text);
	margin: 0 0 var(--space-2);
	text-align: left;
}

.home-services__title {
	color: var(--color-black);
	text-align: center;
	
}

.home-services__description {
	color: var(--color-grey-text);
	font-family: var(--font-family-body);
	font-size: var(--font-size-md);
	line-height: var(--line-height-relaxed);
	margin: var(--space-3) 0 0;
	text-align: center;
}

.home-services__marquee {
	min-width: 0;
	overflow: hidden;
	width: 100%;
}

.home-services__viewport {
	cursor: grab;
	overflow: hidden;
	padding: var(--space-1) 0 var(--space-3);
	scrollbar-width: none;
	touch-action: pan-y;
	-webkit-user-select: none;
	user-select: none;
}

.home-services__viewport::-webkit-scrollbar {
	display: none;
}

.home-services.is-dragging .home-services__viewport {
	cursor: grabbing;
}

.home-services__track,
.home-services__group {
	align-items: stretch;
	display: flex;
	gap: clamp(var(--space-2), 1.8vw, var(--space-3));
}

.home-services__track {
	width: max-content;
}

.home-services__group {
	flex: 0 0 auto;
}

.home-service-card {
	background: color-mix(in srgb, var(--color-primary) 22%, var(--color-black));
	border: var(--border-width-thin) solid color-mix(in srgb, var(--color-white) 14%, transparent);
	border-radius: var(--radius-lg-plus);
	color: var(--color-white);
	cursor: pointer;
	display: flex;
	flex: 0 0 clamp(310px, 28vw, 430px);
	flex-direction: column;
	min-height: 420px;
	padding: clamp(var(--space-3), 3vw, var(--space-4));
	text-align: left;
	text-decoration: none;
	transition: background-color var(--duration-normal) var(--ease-default), border-color var(--duration-normal) var(--ease-default), transform var(--duration-normal) var(--ease-default);
}

.home-service-card:hover,
.home-service-card:focus-visible {
	background: color-mix(in srgb, var(--color-primary) 38%, var(--color-black));
	border-color: color-mix(in srgb, var(--color-primary) 72%, var(--color-white));
	color: var(--color-white);
	transform: translateY(-6px);
}

.home-service-card:focus-visible {
	outline: var(--border-width-thick) solid var(--color-white);
	outline-offset: var(--space-1);
}

.home-service-card__number {
	color: var(--color-primary-text);
	font-family: var(--font-family-body);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
	letter-spacing: var(--letter-spacing-wide);
	line-height: var(--line-height-none);
}

.home-service-card__title {
	color: inherit;
	font: var(--typography-h4);
	margin: var(--space-5) 0 var(--space-2);
	text-wrap: balance;
}

.home-service-card__description {
	color: color-mix(in srgb, var(--color-white) 72%, transparent);
	font-family: var(--font-family-body);
	font-size: var(--font-size-base);
	line-height: var(--line-height-relaxed);
	margin: 0;
}

.home-service-card__link {
	align-items: center;
	color: var(--color-white);
	display: inline-flex;
	font-family: var(--font-family-body);
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-semibold);
	gap: var(--space-1);
	margin-top: auto;
	padding-top: var(--space-5);
}

.home-service-card__link span {
	transition: transform var(--duration-normal) var(--ease-default);
}

.home-service-card:hover .home-service-card__link span,
.home-service-card:focus-visible .home-service-card__link span {
	transform: translateX(var(--space-1));
}

@media (max-width: 700px) {
	.home-services {
		padding: var(--space-8) 0;
	}

	.home-services__title {
		font-size: var(--font-size-3xl);
		line-height: 1.05;
		letter-spacing: -0.03em;
	}

	.home-services__description {
		font-size: var(--font-size-base);
	}

	.home-service-card {
		flex-basis: min(82vw, 340px);
		min-height: 370px;
		padding: var(--space-3);
	}

	.home-service-card__title {
		font-size: var(--font-size-xl);
		line-height: var(--line-height-snug);
	}
}

@media (prefers-reduced-motion: reduce) {
	.home-service-card,
	.home-service-card__link span {
		transition: var(--transition-none);
	}

	.home-service-card:hover,
	.home-service-card:focus-visible {
		transform: none;
	}
}

.h-100 {
    height: 100%!important;
}
.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}

figure {
    margin: 0;
}


.testimonials {
    background: var(--color-black);
    overflow: hidden;
	color:var(--color-white);
	padding:4em 0;
}
.testimonials h2::after {
    content: '';
    display: inline-block;
    background-image: url('./images/heart-vector.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 70px;   
    height: 70px; 
    margin-left: 20px;
    vertical-align: middle;
}
.testimonials .swiper{
	margin-top:60px;
	margin-bottom:60px;
}

.swiper-horizontal {
    overflow: visible!important;
}
.testimonial-content {
    padding: 5%;
	position:relative;
	color:var(--color-white);
	background: var(--color-white);
    border-radius: 30px;
}

.testimonial:nth-child(even) .featured-image {
    border-radius: 50px;
}

.testimonial-content .featured-image {
    display: inline-flex;
    vertical-align: middle;
    border-radius: 50px;
    width: 60px;
    height: 60px;
    overflow: hidden;
}

.company-logo{
	float:right;
	display: inline-flex;
	width: 120px;
	height: 45px;
	overflow:hidden;
	object-fit:contain;
}

.company-logo img
{
		width: 100%;
		height:auto;
		object-fit:contain;	
		
}
.testimonial-content .featured-image img{
		width: 100%;
		height:auto;
		object-fit:cover;
}


.testimonial-client-name {
    display: inline-block;
    vertical-align: middle;
	margin-left: 20px;
}

.testimonial-client-name .client-name{
	margin:0;
	font-weight:700;
}

.testimonial-client-name .source{
	margin:0;
	font-size:14px;
	margin-top:-5px;
}
.testimonial-client-name .source a {
    color: var(--color-grey-text);
}
.testimonial-text{
    margin-bottom: 20px;
    font-size: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}


.testimonial-text span {
    background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--color-white) 27.06%, transparent));
}

.swiper-pagination {
	position: relative;
}

.testimonial.swiper-slide {
    background: var(--color-white);
    border: none;
    border-radius: 30px;
	height:325px;
}

.testimonial .swiper1 {
  overflow: hidden;
  pointer-events: none;
}

.testimonial .swiper1 .swiper-wrapper {
  display: flex;
  animation: scrollLeft 20s linear infinite;
}

.testimonial .swiper-button-next,
.testimonial .swiper-button-prev {
  display: none !important;
}


@keyframes scrollLeft {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Homepage testimonials: keep black section, update cards to the reference layout. */
.testimonials .container {
  max-width: 1320px;
}

.testimonials h2 {
  color: var(--color-white);
  margin: 0;
  text-align: center !important;
}

.testimonials .swiper {
  margin: 58px 0 72px;
  overflow: visible !important;
}

.testimonials .swiper-wrapper {
  align-items: stretch;
}

.testimonials .testimonial.swiper-slide {
  background: transparent;
  border-radius: 0;
  height: auto;
  min-height: 0;
}

.testimonials .testimonial-content {
  background: var(--color-white);
  border: 1px solid color-mix(in srgb, var(--color-black) 8%, transparent);
  border-radius: 8px;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--color-white) 8%, transparent), 0 8px 22px color-mix(in srgb, var(--color-black) 14%, transparent);
  color: var(--color-black);
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 250px;
  padding: 28px 28px 24px;
  position: relative;
  text-align: left;
}

.testimonials .testimonial-content::before {
  color: var(--color-case-study-coral);
  content: "\2605 \2605 \2605 \2605 \2605";
  display: block;
  font-size: 18px;
  letter-spacing: 6px;
  line-height: 1;
  margin-bottom: 16px;
}

.testimonials .testimonial-text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  color: var(--color-black);
  display: -webkit-box;
  font-size: 16px;
  line-height: 1.55;
  margin: 0 0 22px;
  overflow: hidden;
  text-align: left;
}

.testimonials .testimonial-text span {
  background: none;
}

.testimonials .testimonial-content .featured-image {
  border-radius: 50%;
  display: inline-flex;
  height: 42px;
  margin-right: 12px;
  overflow: hidden;
  vertical-align: middle;
  width: 42px;
}

.testimonials .testimonial-client-name {
  color: var(--color-black);
  display: inline-block;
  margin-left: 0;
  text-align: left;
  vertical-align: middle;
}

.testimonials .testimonial-client-name .client-name {
  color: var(--color-black);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
}

.testimonials .testimonial-client-name .source {
  color: var(--color-grey-text);
  font-size: 13px;
  line-height: 1.35;
  margin: 3px 0 0;
}

.testimonials .testimonial-client-name .source::before {
  color: var(--color-grey-text);
  content: "\2714";
  display: inline-block;
  font-size: 11px;
  margin-right: 5px;
}

.testimonials .testimonial-client-name .source a {
  color: var(--color-grey-text);
}

.testimonials .company-logo {
  float: none;
  height: 34px;
  margin-right: 12px;
  max-width: 82px;
  vertical-align: middle;
  width: auto;
}

.testimonials .swiper-button-next,
.testimonials .swiper-button-prev {
  align-items: center;
  background: var(--color-white);
  border: 1px solid color-mix(in srgb, var(--color-black) 8%, transparent);
  border-radius: 50%;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--color-black) 12%, transparent);
  color: var(--color-black);
  display: flex;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.testimonials .swiper-button-next::after,
.testimonials .swiper-button-prev::after {
  font-size: 18px;
  font-weight: 700;
}

/* Premium homepage testimonials carousel */
.dt-home-testimonials {
  --testimonial-bg: var(--color-white);
  --testimonial-text: var(--color-black);
  --testimonial-muted: var(--color-grey);
  --testimonial-line: color-mix(in srgb, var(--color-black) 6%, transparent);
  --testimonial-line-hover: color-mix(in srgb, var(--color-black) 16%, transparent);
  --testimonial-star: var(--color-case-study-coral);
  --testimonial-shadow: 0 10px 35px color-mix(in srgb, var(--color-black) 5%, transparent);
  --testimonial-shadow-hover: 0 20px 60px color-mix(in srgb, var(--color-black) 12%, transparent);
  --testimonial-ease: cubic-bezier(.22, 1, .36, 1);
  background: var(--color-white);
  color: var(--testimonial-text);
  overflow: hidden;
}

.dt-home-testimonials * {
  box-sizing: border-box;
}

.dt-home-testimonials__inner {
  margin: 0 auto;
  max-width: 1600px;
  padding: 0 12px;
  width: 100%;
}

.dt-home-testimonials__header {
  margin: 0 auto 38px;
  max-width: 760px;
  text-align: center;
}

.dt-home-testimonials__eyebrow {
  color: var(--color-grey-text);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .18em;
  line-height: 1.4;
  margin: 0 0 16px;
  text-transform: uppercase;
}

.dt-home-testimonials__title {
  color: var(--testimonial-text);


  margin: 0;
  text-align: center !important;
}

.dt-home-testimonials__title::after {
  display: none !important;
}

.dt-home-testimonials__slider {
  align-items: center;
  display: grid;
  gap: 24px;
  grid-template-columns: 56px minmax(0, 1fr) 56px;
}

.dt-home-testimonials__viewport {
  overflow: hidden;
  outline: none;
}

.dt-home-testimonials__viewport:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--color-black) 18%, transparent);
  outline-offset: 8px;
}

.dt-home-testimonials__track {
  --testimonial-gap: 32px;
  align-items: stretch;
  display: flex;
  gap: var(--testimonial-gap);
  scroll-snap-type: x mandatory;
  transform: translate3d(0, 0, 0);
  transition: transform 700ms var(--testimonial-ease);
  will-change: transform;
}

.dt-home-testimonials__card {
  background: var(--testimonial-bg);
  border: 1px solid var(--testimonial-line);
  border-radius: 20px;
  box-shadow: var(--testimonial-shadow);
  color: var(--testimonial-text);
  display: flex;
  flex: 0 0 calc((100% - (var(--testimonial-gap) * 2)) / 3);
  flex-direction: column;
  min-height: 310px;
  opacity: 0;
  padding: 26px;
  scroll-snap-align: start;
  transform: translateY(40px);
  transition:
    opacity 700ms var(--testimonial-ease),
    transform 350ms var(--testimonial-ease),
    border-color 350ms ease,
    box-shadow 350ms ease;
}

.dt-home-testimonials.is-visible .dt-home-testimonials__card {
  opacity: 1;
  transform: translateY(0);
}

.dt-home-testimonials.is-visible .dt-home-testimonials__card:nth-child(2) {
  transition-delay: 120ms, 0ms, 0ms, 0ms;
}

.dt-home-testimonials.is-visible .dt-home-testimonials__card:nth-child(3) {
  transition-delay: 240ms, 0ms, 0ms, 0ms;
}

.dt-home-testimonials__card:hover,
.dt-home-testimonials__card:focus-within {
  border-color: var(--testimonial-line-hover);
  box-shadow: var(--testimonial-shadow-hover);
  transform: translateY(-8px);
}

.dt-home-testimonials__card h3 {
  color: var(--testimonial-text);


  margin: 16px 0 0;
  text-align: left !important;
}

.dt-home-testimonials__quote {
  color: var(--testimonial-muted);
  display: -webkit-box;
  font-size: 16px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  line-height: 1.55;
  margin: 12px 0 20px;
  overflow: hidden;
}

.dt-home-testimonials__customer {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: auto;
  text-align: center;
}

.dt-home-testimonials__avatar {
  align-items: center;
  background: var(--color-tertiary);
  border-radius: 50%;
  color: var(--color-black);
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  height: 56px;
  justify-content: center;
  margin-bottom: 14px;
  overflow: hidden;
  width: 56px;
}

.dt-home-testimonials__avatar img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.dt-home-testimonials__customer strong {
  color: var(--testimonial-text);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.25;
}

.dt-home-testimonials__customer small {
  align-items: center;
  color: var(--color-grey-text);
  display: inline-flex;
  font-size: 13px;
  gap: 6px;
  line-height: 1.4;
  margin-top: 5px;
}

.dt-home-testimonials__customer small span {
  align-items: center;
  background: var(--color-grey);
  border-radius: 50%;
  color: var(--color-white);
  display: inline-flex;
  font-size: 9px;
  height: 15px;
  justify-content: center;
  width: 15px;
}

@media only screen and (max-width: 1024px) {
  .dt-home-testimonials {
    padding: 72px 0;
  }

  .dt-home-testimonials__card {
    flex-basis: calc((100% - var(--testimonial-gap)) / 2);
  }
}

@media only screen and (max-width: 720px) {
  .dt-home-testimonials {
    padding: 58px 0;
  }

  .dt-home-testimonials__inner {
    padding: 0 20px;
  }

  .dt-home-testimonials__header {
    margin-bottom: 28px;
  }

  .dt-home-testimonials__slider {
    gap: 18px;
    grid-template-columns: 1fr 1fr;
  }

  .dt-home-testimonials__viewport {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .dt-home-testimonials__card {
    flex-basis: 100%;
    min-height: 0;
    padding: 22px;
  }

  .dt-home-testimonials__quote {
    font-size: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dt-home-testimonials__track,
  .dt-home-testimonials__card {
    transition: none !important;
  }

  .dt-home-testimonials__card {
    opacity: 1;
    transform: none;
  }
}

.dt-home-testimonials__header {
  margin-bottom: 40px !important;
}

.dt-home-testimonials__title {
  color: var(--color-black);


}

.dt-home-testimonials__slider {
  display: grid;
  gap: 34px;
  grid-template-columns: 1fr 1fr;
}

.dt-home-testimonials__viewport {
  grid-column: 1 / -1;
  grid-row: 1;
  overflow: hidden;
  padding: 0 0 10px;
}

.dt-home-testimonials__track {
  --testimonial-gap: 18px;
  gap: var(--testimonial-gap);
}

.dt-home-testimonials__item {
  display: flex;
  flex: 0 0 calc((100% - (var(--testimonial-gap) * 2)) / 3);
  flex-direction: column;
  opacity: 1;
  scroll-snap-align: start;
  transform: translateY(0);
  transition: opacity 700ms var(--testimonial-ease), transform 700ms var(--testimonial-ease);
}

/* Inverse shared-header theme: light sites receive a dark header and vice versa. */
body.main .digtize-site-header {
  --inverse-header-surface: transparent;
  --inverse-header-dropdown: color-mix(in srgb, var(--color-white) 88%, transparent);
  --inverse-header-blur: 48px;
  --inverse-header-text: var(--color-black);
  --inverse-header-muted: var(--color-grey);
  --inverse-header-border: color-mix(in srgb, var(--color-black) 14%, transparent);
  --inverse-header-hover: var(--color-primary);
  --inverse-header-hover-soft: color-mix(in srgb, var(--color-primary) 10%, transparent);
  --inverse-header-cta-bg: var(--color-black);
  --inverse-header-cta-text: var(--color-white);
  --inverse-header-icon-bg: var(--color-black);
  --inverse-header-icon-text: var(--color-white);
  --inverse-header-shadow: 0 12px 34px color-mix(in srgb, var(--color-black) 16%, transparent);
  --inverse-header-focus: var(--color-primary);
  --background: var(--inverse-header-surface);
  color: var(--inverse-header-text) !important;
}

body.main .digtize-site-header.is-over-light {
  --inverse-header-surface: transparent;
  --inverse-header-dropdown: color-mix(in srgb, var(--color-white) 88%, transparent);
  --inverse-header-text: var(--color-black);
  --inverse-header-muted: var(--color-grey);
  --inverse-header-border: color-mix(in srgb, var(--color-black) 14%, transparent);
  --inverse-header-hover: var(--color-primary);
  --inverse-header-hover-soft: color-mix(in srgb, var(--color-primary) 10%, transparent);
  --inverse-header-cta-bg: var(--color-black);
  --inverse-header-cta-text: var(--color-white);
  --inverse-header-icon-bg: var(--color-black);
  --inverse-header-icon-text: var(--color-white);
  --inverse-header-shadow: 0 12px 34px color-mix(in srgb, var(--color-black) 16%, transparent);
  --inverse-header-focus: var(--color-primary);
}

body.main .digtize-site-header.is-over-dark {
  --inverse-header-surface: transparent;
  --inverse-header-dropdown: color-mix(in srgb, var(--color-black) 88%, transparent);
  --inverse-header-text: var(--color-white);
  --inverse-header-muted: var(--color-case-study-lavender);
  --inverse-header-border: color-mix(in srgb, var(--color-white) 18%, transparent);
  --inverse-header-hover: var(--color-secondary);
  --inverse-header-hover-soft: color-mix(in srgb, var(--color-secondary) 12%, transparent);
  --inverse-header-cta-bg: var(--color-white);
  --inverse-header-cta-text: var(--color-black);
  --inverse-header-icon-bg: var(--color-white);
  --inverse-header-icon-text: var(--color-black);
  --inverse-header-shadow: 0 14px 38px color-mix(in srgb, var(--color-black) 28%, transparent);
  --inverse-header-focus: var(--color-secondary);
}

body.main .digtize-site-header .digtize-site-header__inner,
body.main .digtize-site-header.is-compact .digtize-site-header__inner,
body.main .digtize-site-header.is-scrolled .digtize-site-header__inner,
body.main .digtize-site-header.is-expanded .digtize-site-header__inner,
body.main .digtize-site-header.is-expanding .digtize-site-header__inner {
  background: var(--inverse-header-surface) !important;
  -webkit-backdrop-filter: blur(var(--inverse-header-blur)) !important;
  backdrop-filter: blur(var(--inverse-header-blur)) !important;
  border-color: var(--inverse-header-border) !important;
  box-shadow: var(--inverse-header-shadow) !important;
  color: var(--inverse-header-text) !important;
  transition-duration: 250ms !important;
}

body.main .digtize-site-header__menu a,
body.main .digtize-site-header.is-over-dark .digtize-site-header__menu a,
body.main .digtize-site-header.is-over-light .digtize-site-header__menu a,
body.main .digtize-site-header__language,
body.main .digtize-site-header__mobile-menu a {
  color: var(--inverse-header-text) !important;
  transition: color 250ms ease, background-color 250ms ease, border-color 250ms ease, transform 220ms cubic-bezier(.22, 1, .36, 1) !important;
}

body.main .digtize-site-header__menu a:hover,
body.main .digtize-site-header__menu a:focus-visible,
body.main .digtize-site-header__menu .is-current > a,
body.main .digtize-site-header.is-over-dark .digtize-site-header__menu a:hover,
body.main .digtize-site-header.is-over-dark .digtize-site-header__menu a:focus-visible,
body.main .digtize-site-header.is-over-light .digtize-site-header__menu a:hover,
body.main .digtize-site-header.is-over-light .digtize-site-header__menu a:focus-visible,
body.main .digtize-site-header__mobile-menu a:hover,
body.main .digtize-site-header__mobile-menu a:focus-visible {
  color: var(--inverse-header-hover) !important;
}

body.main .digtize-site-header__menu .sub-menu,
body.main .digtize-site-header__nav .digtize-services-mega {
  background: var(--inverse-header-dropdown) !important;
  border-color: var(--inverse-header-border) !important;
  box-shadow: var(--inverse-header-shadow) !important;
  color: var(--inverse-header-text) !important;
  transition: opacity 250ms ease, transform 250ms cubic-bezier(.22, 1, .36, 1), visibility 250ms ease, background-color 250ms ease, border-color 250ms ease !important;
}

body.main .digtize-site-header__menu .sub-menu a,
body.main .digtize-services-mega__item,
body.main .digtize-services-mega__item strong {
  color: var(--inverse-header-text) !important;
}

body.main .digtize-services-mega__item {
  border-color: var(--inverse-header-border) !important;
}

body.main .digtize-services-mega__item em,
body.main .digtize-site-header__mobile-menu .sub-menu a {
  color: var(--inverse-header-muted) !important;
}

body.main .digtize-site-header__menu .sub-menu a:hover,
body.main .digtize-site-header__menu .sub-menu a:focus-visible,
body.main .digtize-services-mega__item:hover,
body.main .digtize-services-mega__item:focus-visible {
  background: var(--inverse-header-hover-soft) !important;
  color: var(--inverse-header-hover) !important;
}

body.main .digtize-services-mega__icon {
  background: var(--inverse-header-hover-soft) !important;
  border-color: var(--inverse-header-border) !important;
  color: var(--inverse-header-hover) !important;
}

body.main .digtize-site-header__cta,
body.main .digtize-site-header__cta:hover,
body.main .digtize-site-header__cta:focus-visible {
  background: var(--inverse-header-cta-bg) !important;
  color: var(--inverse-header-cta-text) !important;
}

body.main .digtize-site-header__toggle {
  background: var(--inverse-header-icon-bg) !important;
  color: var(--inverse-header-icon-text) !important;
  transition: background-color 250ms ease, color 250ms ease, transform 220ms cubic-bezier(.22, 1, .36, 1) !important;
}

body.main .digtize-site-header__toggle span {
  background: var(--inverse-header-icon-text) !important;
  transition: background-color 250ms ease !important;
}

body.main .digtize-site-header__drawer {
  background: var(--inverse-header-surface) !important;
  color: var(--inverse-header-text) !important;
  transition: transform 300ms cubic-bezier(.22, 1, .36, 1), background-color 250ms ease, color 250ms ease !important;
}

body.main .digtize-site-header__close {
  background: var(--inverse-header-hover-soft) !important;
  color: var(--inverse-header-text) !important;
  transition: background-color 250ms ease, color 250ms ease, transform 220ms ease !important;
}

body.main .digtize-site-header__mobile-menu a {
  border-color: var(--inverse-header-border) !important;
}

body.main .digtize-site-header a:focus-visible,
body.main .digtize-site-header button:focus-visible {
  outline: 2px solid var(--inverse-header-focus) !important;
  outline-offset: 3px !important;
}

.dt-home-testimonials.is-motion-ready .dt-home-testimonials__item {
  opacity: 0;
  transform: translateY(34px);
}

.dt-home-testimonials.is-motion-ready.is-visible .dt-home-testimonials__item {
  opacity: 1;
  transform: translateY(0);
}

.dt-home-testimonials.is-visible .dt-home-testimonials__item:nth-child(2) {
  transition-delay: 120ms;
}

.dt-home-testimonials.is-visible .dt-home-testimonials__item:nth-child(3) {
  transition-delay: 240ms;
}

.dt-home-testimonials__card {
  border: 1px solid var(--color-tertiary) !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 12px color-mix(in srgb, var(--color-black) 8%, transparent) !important;
  flex: none !important;
  min-height: 176px !important;
  opacity: 1 !important;
  padding: 24px 28px 20px !important;
  transform: none !important;
}

.dt-home-testimonials__card:hover,
.dt-home-testimonials__card:focus-within {
  border-color: var(--color-case-study-lavender) !important;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--color-black) 10%, transparent) !important;
  transform: translateY(-3px) !important;
}

.dt-home-testimonials__card h3 {
  color: var(--color-black);


  margin: 0 0 6px !important;
}

.dt-home-testimonials__quote {
  color: var(--color-black) !important;
  font-size: 15px !important;
  font-weight: 500;
  -webkit-line-clamp: 3;
  line-height: 1.55 !important;
  margin: 0 !important;
}

.dt-home-testimonials__customer {
  margin-top: 12px;
  min-height: 58px;
}

.dt-home-testimonials__avatar {
  display: none;
}

.dt-home-testimonials__customer strong {
  color: var(--color-black);
  font-size: 16px;
  font-weight: 500;
}

.dt-home-testimonials__customer small {
  color: var(--color-grey-text);
  font-size: 13px;
  font-weight: 500;
  margin-top: 2px;
}

.dt-home-testimonials__customer small span {
  background: var(--color-grey);
  font-size: 9px;
  height: 15px;
  width: 15px;
}

@media only screen and (max-width: 1024px) {
  .dt-home-testimonials__item {
    flex-basis: calc((100% - var(--testimonial-gap)) / 2);
  }
}

@media only screen and (max-width: 720px) {
  .dt-home-testimonials {
    padding: 48px 0 58px !important;
  }

  .dt-home-testimonials__inner {
    padding: 0 16px;
  }

  .dt-home-testimonials__item {
    flex-basis: 100%;
  }

  .dt-home-testimonials__card {
    min-height: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dt-home-testimonials__item {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}



/* ==========================================================================
   LEGACY: BLOG
   Section: Legacy blog listing/single styles
   ========================================================================== */


.blog #content {
    width: 100%;
    padding: 0;
}
.blog .summary, .blog .post-thumbnail {
    display: none;
}


.blog .hentry h2 {
    margin-bottom: 0;
    
	    text-align: center;
}
.blog .hentry h2 a {
    color: var(--color-black);
}
.blog .hentry h2 a:hover {
    color: var(--color-primary-text);
}
.blog .hentry {
    padding-bottom: 4%;
    margin-bottom: 4%;
    border-bottom: 1px solid var(--color-case-study-lavender);
}
.blog .details {
    text-align: center;
}
a.readmore {
    background: var(--color-primary);
    padding: 1%;
    border-radius: 3px;
    color: var(--color-white);
}
.details {
    margin-bottom: 15px;
	text-align:center;
	color:var(--color-white);
}
.details span {
    padding: 0 2%;
}
.post-thumbnail img {
    border-radius: 10px;
}


.single .hentry .post-meta{
       text-align:center;
    }


.single h1 a{
	color:var(--color-white);
}
.single #content {
    width: 100%;
    padding: 0;
}
.single #content img {
    border-radius:20px;
	margin-bottom:15px;
}

.single .post-thumbnail {
    margin-top: -12%;
	z-index: var(--z-raised);
    position: relative;
}
div#rank-math-faq {
    background: var(--color-tertiary);
    border-radius: 10px;
    padding: 1em;
}
div#rank-math-faq h3 {
	    margin: 0;
}

.post-meta h1 a {
    color: var(--color-black);
}

.author_bio_section {
    display: none;
}
.single .details span {
    padding: 0 1% 0 0;
}


footer {
    background: var(--color-black);
    color: var(--color-white);
    overflow: hidden;
    position: relative;
    max-width: 100%;
    padding: 60px 0px 0px 0px;
}


footer p {
    color: var(--color-white);
}
footer a {
    font-weight: 600;
    color: var(--color-white);
}
footer .menu {
    float: none;
	display: block;
}
footer .menu li {
    display: block;
}
footer .menu li a {
    margin: 0;
	display: inline-block;
	color:var(--color-white);
   font-weight: 400;
}
footer .menu li a:hover, footer .menu li:hover>a {
    color: var(--color-white);
}


.locations {
    width: 100%;
    overflow: hidden;
    padding-top: 3em;
}


.copyright {
    overflow: hidden;
    width: 100%;
    text-align: center;
    padding: 1% 0;
}
.copyright p {
    color: var(--color-white);
    margin: 0;
}


.clientsboxes {
    display: grid;
    grid-gap: 0;
    grid-template-columns: repeat(5,1fr);
    grid-auto-rows: auto;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    background-color: var(--color-white);
}
.clientsboxes div {
    -webkit-box-pack: center;
    justify-content: center;
    display: flex;
    width: auto;
    margin: initial;
}
.clientsboxes div img {
    width: 80%;
	height:auto;
    padding: 15% 10%;
}



/* ==========================================================================
   LEGACY: INNER PAGE
   Section: Generic inner-page layout
   ========================================================================== */

#content a {
    font-weight: 600;
}
#content iframe {
    border-radius: 10px;
    z-index: var(--z-raised);
    position: relative;
    max-width: 100%;
    min-width: min(640px, 100%);
    min-height: 320px;
}

#content iframe[src*="youtube.com"],
#content iframe[data-src*="youtube.com"] {
    aspect-ratio: 2 / 1;
    height: auto;
    min-height: 0;
}

aside.sidebar-wrapper {
    width: 28%;
    float: right;
    padding: 1%;
	overflow: hidden;
}
ul.sidebar_list {
    padding: 0;
}

/* ==========================================================================
   LEGACY: WIDGETS
   Section: Sidebar widget styles
   ========================================================================== */


.team {
    text-align: center;
    background: var(--color-black);
}
.team h2.title {
    
    color: var(--color-black);
    background: var(--color-white);
    margin: 0vh auto 0;
    text-align: center;
    
}

.team .container {
	    padding: 3% 0;
}
/* ==========================================================================
   LEGACY: CONTACT PAGE
   Section: Legacy contact page styles
   ========================================================================== */

/* ==========================================================================
   LEGACY: WEBSITE AUDIT TOOL
   Section: Site-audit lead-gen tool (siteaudit.php)
   ========================================================================== */

.afterheader #form {
background: var(--color-white);
    color: var(--color-black);
    position: relative;
    width: 700px;
    margin: 0 auto;
    padding: 5px 15px 5px 15px;
    box-shadow: 0 16px 24px 2px color-mix(in srgb, var(--color-black) 14%, transparent), 0 6px 30px 5px color-mix(in srgb, var(--color-black) 12%, transparent), 0 8px 10px -5px color-mix(in srgb, var(--color-black) 30%, transparent);
    transition: transform .1s ease-in-out;
    border-radius: 30px;
}

.afterheader #form.close {
  width: 0;
  padding: 0;
	display:none;
  overflow: hidden;
  transition: .8s ease-in-out;
  box-shadow: 0 16px 24px 2px transparent;
}
.afterheader h1 {
    margin-bottom: 0.5em;
    margin-top: -45vh;
}
.afterheader h4 {
    text-align: center;
}
.afterheader .next {
position: absolute;
    right: 20px;
    bottom: 0px;
    font-size: 37px;
    color: var(--color-grey-text);
    float: right;
    cursor: pointer;
}
.afterheader .next:hover {
	color: var(--color-black);
}
.afterheader .wrong .next {
	color: var(--color-grey-text);
}
.afterheader .close .next {
	color: var(--color-white);
}
.afterheader #container {
    position: relative;
    opacity: 0;
    width: 90%;
    margin: 10px 0;
    transition: opacity .3s ease-in-out;
	overflow: hidden;
}
.afterheader #container input {
    width: 100%;
    height: auto;
    line-height: inherit;
    padding: 0 5px;
    margin: 0;
    border: none;
    font-size: 20px;
    font-weight: bold;
    outline: 0;
    background: transparent;
    box-shadow: none;
}

.afterheader #container input:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}
.afterheader #placeholder {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  font-size: 20px;
  font-weight: bold;
  padding: 0 5px;
  transition: .2s ease-in-out;
}
.afterheader #container input:valid + #placeholder {
  top: -15px;
  font-size: 11px;
  font-weight: normal;
  color: var(--color-black);
}
.afterheader #bottomline {
  position: absolute;
  border-bottom: 2px solid var(--color-grey);
  padding: 0;
  width: 0;
  left: 5px;
	bottom: 0;
  transition: width .6s ease-in-out;
}
.afterheader .wrong #bottomline {
  border-color: var(--color-grey);
}


/* Info */
.info {
  width: 300px;
  margin: 35px auto;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
}

.info h1 {
  margin: 0;
  padding: 0;
  
  
  color: var(--color-black);
  padding-bottom: 5px;

}
.info span {
color: var(--color-tertiary);
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.info span a {
  color: var(--color-grey-text);
  text-decoration: none;
}
.info span .fa {
  color: var(--color-case-study-coral);
  font-size: 19px;
  position: relative;
  left: -2px;
}

.info span .spoilers {
  color: var(--color-grey-text);
  margin-top: 5px;
  font-size: 10px;
}

/* ==========================================================================
   LEGACY: TABLE OF CONTENTS (TOC)
   Section: Blog single-post TOC sidebar (instance 1 of 2)
   ========================================================================== */

.single-post .container {
	 width: 760px;
}


/* ==========================================================================
   LEGACY: TABLE OF CONTENTS (TOC)
   Section: Blog single-post TOC sidebar (instance 2 of 2)
   ========================================================================== */


.fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* ==========================================================================
   LEGACY: MENU
   Section: Legacy nav menu styles
   ========================================================================== */


nav {
    width: 55%;
    float:left;
    height: 60px;
}


.menu {
    display: block;
/*     margin: 5px 0; */
    padding: 0;
    float: left;
	margin-top:10px;
}

.menu li {
    display: inline-block;
    position: relative;
}

.menu li:first-child {
    margin-left: 0;
}

.menu li a {
font-weight: 600;
    text-decoration: none;
    padding: 5px 0;
    display: block;
    color: var(--color-black);
    transition: all 0.2s ease-in-out 0s;
}
.menu li a:hover,.menu li:hover>a {
    color: var(--color-black);
    border-bottom: 2px solid var(--color-black);
}

.menu ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 0;
    width: 170px;
    position: absolute;
    left: 0px;
    background: var(--color-white);
    z-index: 99;
    transform: translate(0,20px);
    transition: all 0.2s ease-out;
}

.menu ul:after {
    bottom: 100%;
    left: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: var(--color-white);
    border-width: 6px;
    margin-left: -6px;
}
ul.sub-menu {
    width: 280px;
}
.menu ul.sub-menu li a {
    font-size: 16px;
    margin: 0;
    padding: 10px 15px;
    color: var(--color-black);
    font-weight: 500;
}

.menu ul li {
    display: block;
    float: none;
    background: none;
    margin: 0;
    padding: 0;
}

.menu ul li a {
    font-size: 12px;
    font-weight: normal;
    display: block;
    color: var(--color-grey-text);
    background: var(--color-white);
}

.menu ul li a:hover,.menu ul li:hover>a {
    background: linear-gradient(45deg, var(--color-primary), var(--color-black));
    color: var(--color-white);
}

.menu li:hover>ul {
    visibility: visible;
    opacity: 1;
    transform: translate(0,0);
}

.menu ul ul {
    left: 169px;
    top: 0px;
    visibility: hidden;
    opacity: 0;
    transform: translate(20px,20px);
    transition: all 0.2s ease-out;
}

.menu ul ul:after {
    left: -6px;
    top: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-right-color: var(--color-white);
    border-width: 6px;
    margin-top: -6px;
}

.menu li>ul ul:hover {
    visibility: visible;
    opacity: 1;
    transform: translate(0,0);
}

.responsive-menu {
display: none;
    width: auto;
    float: right;
    padding: 5px;
    background: none;
    color: var(--color-white);
    text-transform: uppercase;
    font-weight: 600;
}

.responsive-menu:hover {
/*     background: none; */
    color: var(--color-white);
    text-decoration: none;
}

html,
body {
  background: var(--color-white);
  overflow-x: clip;
}

html {
  scrollbar-color: color-mix(in srgb, var(--color-white) 28%, transparent) var(--color-black);
}

body::-webkit-scrollbar {
  width: 14px;
}

body::-webkit-scrollbar-track {
  background: var(--color-black);
}

body::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--color-white) 28%, transparent);
  border: 3px solid var(--color-black);
  border-radius: 999px;
}


/* ==========================================================================
   LEGACY: PORTFOLIO
   Section: Legacy portfolio grid/listing styles
   ========================================================================== */

.project {
    width: calc(93%/3);
    display: inline-block;
    margin: 1%;
	position:relative;
}
.projectcontent {
    margin: 3%;
	text-align:center;
}
.projectcontent .entry-content {
    margin: 0 0 15px 0;
}
.project h2 {
	font:var(--typography-h5);
  margin: 0;
}
.project h2 a {
    color: var(--color-black);
}
.project h2 a:hover {
    color: var(--color-primary-text);
}
.project p {
    font-size: 18px;
}


/* ==========================================================================
   LEGACY: GET FREE QUOTE POPUP
   Section: Quote-request modal
   ========================================================================== */

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: var(--z-popover); /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: var(--color-black); /* Fallback color */
    background-color: color-mix(in srgb, var(--color-black) 40%, transparent); /* Black w/ opacity */
}
.modal-content {
    background-color: var(--color-white);
    margin: auto;
    padding: 30px;
	border-radius: 3px;
    width: 45%;
	border-radius:25px;
}
.getfreequote .modal-content p {
    font-size: 16px;
    color: var(--color-black);
}
.getfreequote .wpcf7-spinner {
	display:none;
}
.close {
	color: var(--color-white);
    float: right;
    font-size: 35px;
    line-height: 0.25em;
    width: 20px;
    height: 20px;
    font-weight: 400;
    margin-top: -40px;
    margin-right: -40px;
    background: var(--color-black);
    border-radius: 50px;
    padding: 10px;
	cursor: pointer;
}

.close:hover,
.close:focus {
    color: var(--color-white);
    text-decoration: none;
}	

.full {width:100%;}
.half {
    width: 49.5%;
    display: inline-block;
}
.request_proposal{
	padding-top:20px;
}
.request_proposal input{
    border: none;
    border-bottom: 1px solid color-mix(in srgb, var(--color-black) 15%, transparent);
    height: auto;
	border-radius:0;
	padding:15px 0px;
}
.request_proposal input:focus-visible {
    outline: none;
    box-shadow: none;
    border-bottom-color: var(--color-primary);
}
.request_proposal textarea{
	border: none;
    border-bottom: 1px solid color-mix(in srgb, var(--color-black) 15%, transparent);
	border-radius:0;
}
.request_proposal textarea:focus-visible{
	outline: none;
    box-shadow: none;
    border-bottom-color: var(--color-primary);
}
.request_proposal select{
	border: none;
    border-bottom: 1px solid color-mix(in srgb, var(--color-black) 15%, transparent);
    border-radius: inherit;
    height: auto;
	padding:15px 0px;
}
.request_proposal select:focus-visible{
	outline: 2px solid var(--color-primary);
	outline-offset: 2px;
}
.request_proposal_submit_button input{
	 border: none; 
     border-bottom: unset; 
     height: unset; 
     background: var(--color-case-study-purple);
    border-radius: 15px;
    font-weight: 500;
}
.request_proposal input::placeholder {
    color: var(--color-black);
}
.request_proposal textarea::placeholder {
    color: var(--color-black);
}
/* ==========================================================================
   LEGACY: WHATSAPP ICON
   Section: WhatsApp/chat button styles
   ========================================================================== */


.joinchat__button,
.qlwapp-toggle,
.wa__btn_popup,
a[href*="wa.me"],
a[href*="whatsapp"],
a[href*="wa.me"][class*="message"],
a[href*="whatsapp"][class*="message"],
[class*="message-us"] {
  background: var(--color-primary) !important;
  background-color: var(--color-primary) !important;
}

.joinchat__button:hover,
.joinchat__button:focus-visible,
.qlwapp-toggle:hover,
.qlwapp-toggle:focus-visible,
.wa__btn_popup:hover,
.wa__btn_popup:focus-visible,
a[href*="wa.me"]:hover,
a[href*="wa.me"]:focus-visible,
a[href*="whatsapp"]:hover,
a[href*="whatsapp"]:focus-visible,
[class*="message-us"]:hover,
[class*="message-us"]:focus-visible {
  background: var(--color-primary) !important;
  background-color: var(--color-primary) !important;
}


/* ==========================================================================
   LEGACY: CURSOR CODE
   Section: Custom cursor-follow effect
   ========================================================================== */

.cursor {
    width: 20px;
    height: 20px;
    border: 1px solid var(--color-white);
    border-radius: 50%;
    position: absolute;
    transition-duration: 200ms;
    transition-timing-function: ease-out;
    animation: cursorAnim .5s infinite alternate;
    pointer-events: none;
}

.cursor::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    border: 8px solid var(--color-grey);
    border-radius: 50%;
    opacity: .5;
    top: -8px;
    left: -8px;
    animation: cursorAnim2 .5s infinite alternate;
}

@keyframes cursorAnim {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(.7);
    }
}

@keyframes cursorAnim2 {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(.4);
    }
}

@keyframes cursorAnim3 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(3);
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.expand {
    animation: cursorAnim3 .5s forwards;
    border: 1px solid var(--color-primary);
}

/* ==========================================================================
   LEGACY: RESPONSIVE CODE
   Section: Legacy responsive breakpoint overrides
   ========================================================================== */

@media (min-width: 768px) and (max-width: 979px) {
    .menu ul {
        top: 37px;
    }

    .menu li a {
        font-size: 12px;
    }

}


@media screen and (max-width:960px){
	nav ul li {
    float: none;
}
	header {
    padding: 0;
	}
	
	.afterheader .container {
    width: 90%;
	}

	
footer h2.heading {
    margin: 10% 0;
    width: 100%;
}
	
	.container {
    width: 100%;
		overflow:hidden;
}
	.single .container {
/*     width: 100%;
		overflow: visible; */
}
	
	.blog .container {
    width: 90%;
}


/* 	.site-logo img{width:100%;} */

	.scroll {
    display: none;
	}
	
	
	.afterheader .right{float:none;width:100%}
	
	#content{width:100%;padding:0;}
	
	aside.sidebar-wrapper {
    width: 100%;
    float: none;
    padding: 0;
		overflow:hidden;
}
	footer.author_bio_section {
    padding: 5%;
    width: auto;
}
	
	.footer{padding:40px 0}
	
	.footer .container{text-align:center;width:90%}
	
	.inner,.sidebar-wrapper,.single #content{width:100%}.single #content img{width:100%;height:auto}#commentsAdd{padding:15px}.commentlist .children,ol.commentlist{padding:0}

	
}

/* Default styles for the menu */


/* Mobile menu toggle */
.responsive-menu {
    display: none;
    cursor: pointer;
}



.digtize-services-mega {
  background: var(--color-white);
  border: 1px solid color-mix(in srgb, var(--color-black) 8%, transparent);
  border-radius: 24px;
  box-shadow: 0 26px 60px color-mix(in srgb, var(--color-black) 18%, transparent);
  left: 50%;
  opacity: 0;
  padding: 28px;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateX(-50%) translateY(10px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
  visibility: hidden;
  width: min(1120px, calc(100vw - 48px));
  z-index: 1001;
}


.digtize-services-mega__inner {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.digtize-services-mega__column {
  min-width: 0;
}


.digtize-services-mega__item {
  align-items: center;
  border-bottom: 1px solid color-mix(in srgb, var(--color-black) 10%, transparent);
  color: var(--color-black);
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 15px 0;
}

.digtize-services-mega__item:hover,
.digtize-services-mega__item:focus {
  color: var(--color-case-study-purple);
}

.digtize-services-mega__item strong {
  color: inherit;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
}

.digtize-services-mega__item em {
  color: var(--color-black);
  display: block;
  font-size: 13px;
  font-style: normal;
  line-height: 1.45;
  margin-top: 4px;
  white-space: normal;
}

.digtize-services-mega__item i {
  align-items: center;
  border: 1px solid color-mix(in srgb, var(--color-black) 14%, transparent);
  border-radius: 50%;
  color: var(--color-primary-text);
  display: inline-flex;
  flex: 0 0 34px;
  font-size: 14px;
  height: 34px;
  justify-content: center;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.digtize-services-mega__item:hover i,
.digtize-services-mega__item:focus i {
  background: var(--color-case-study-purple);
  border-color: var(--color-case-study-purple);
  color: var(--color-white);
}

.digtize-services-mega__cta {
  background: var(--color-black);
  border-radius: 14px;
  color: var(--color-white);
  margin-top: 22px;
  padding: 18px;
}

.digtize-services-mega__cta span {
  color: var(--color-primary-text);
  display: block;
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 9px;
}

.digtize-services-mega__cta a {
  color: var(--color-white);
  font-size: 16px;
  font-weight: 700;
}

.digtize-services-mega__cta a::after {
  content: '\f061';
  font-family: 'Font Awesome 6 Free';
  font-size: 12px;
  font-weight: 900;
  margin-left: 8px;
  transform: rotate(-45deg);
  display: inline-block;
}


.my-header-reachout-button {
    color: var(--color-white);
    font-size: 20px;
    letter-spacing: 1px;
    background: var(--color-primary);
    padding: 10px 25px;
    border-radius: 50px;
}
.my-header-reachout-button::after {
    content: '';
    display: inline-block;
    background-image: url(https://staging.digtize.com/wp-content/uploads/2025/05/up-right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    top: 5px;
    margin-left: 10px;
    position: relative;
}
.my-header-reachout-button:hover {
    color: var(--color-white);
    background: var(--color-primary);
}


@media only screen and (max-width: 1180px) and (min-width: 768px) {


	.trp-language-switcher > div {
		min-width: 88px;
		padding-left: 12px;
		padding-right: 12px;
	}
}
/* ==========================================================================
   CONSOLIDATED: "OUR RESULTS" SLIDER (LEGACY)
   Section: .our-results-wrapper / .our-results-container-2 / .our-results-slide
   No matching class found in any current *.php template -- appears to be
   from an earlier homepage results/metrics slider. Unconfirmed-dead.
   ========================================================================== */


    /* Hide left arrow */
    .swiper-button-prev {
      display: none;
    }

    /* Right arrow */


.our-work-arrow-btn{
  background: var(--color-white);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: var(--color-black);
  transition: background 0.3s;
  position: absolute;
  bottom: 55px;
  right: -8px;
}
.our-work-arrow-btn img{
	width:50px;
	height:50px;
/* 	padding-top:10px; */
}

.our-work-arrow-btn:hover {
  background: var(--color-case-study-purple);
}


/* ==========================================================================
   CONSOLIDATED: BLOG LISTING CARDS + MISC WIDGETS
   Section: .digtize-blog-* grid/box cards, .latest-blogs-page-heading,
   .blue-dot, .collaboration-*/
.digtize-blog-fullwidth {
    margin-top: 50px;
}


.blue-dot{
    display: inline-block;
    color: var(--color-primary-text);
    font-weight: bold;
	font-size:80px;
 }
#nav_menu-2{
	float:right;
	margin-right:25px;
}


/* ==========================================================================
   CONSOLIDATED: SHARED PAGINATION & PORTFOLIO FILTER CONTROLS
   Section: .pagination, .project-filter, .filter-button, #load-more
   ========================================================================== */

.pagination {
    margin: 30px 0;
    text-align: center;
}
.pagination .page-numbers {
    display: inline-block;
    margin: 0 5px;
    padding: 8px 14px;
    background: var(--color-tertiary);
    color: var(--color-black);
    border-radius: 4px;
    text-decoration: none;
}
.pagination .current {
    background: linear-gradient(60deg, var(--color-primary) 15%, var(--color-primary) 40%, var(--color-case-study-mint) 90%, var(--color-white) 100%);
    color: var(--color-white);
}


.project-filter {
    text-align: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.filter-button {
    background: var(--color-tertiary);
    border: none;
    padding: 8px 20px;
    margin: 5px;
    cursor: pointer;
    border-radius: 4px;
    transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
    font-size: 16px;
}

.filter-button.active {
    background: linear-gradient(180deg,var(--color-primary) 7.4%,var(--color-secondary) 104.9%,var(--color-case-study-cyan) 81.4%,var(--color-white) 100%);
    color: var(--color-white);
    transform: scale(1.05);
}

#load-more {
    display: block;
    margin: 30px auto;
    padding: 10px 20px;
    background: linear-gradient(180deg,var(--color-primary) 7.4%,var(--color-secondary) 104.9%,var(--color-case-study-cyan) 81.4%,var(--color-white) 100%);
    color: var(--color-white);
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s ease;
}

#load-more:hover {
    background-color: var(--color-primary);
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.digtize-services-mega {
		display: none;
	}
	 .afterheader::after {
		content: none !important; 
		background: none ;
		height: 0 ;
		display: block; 
    }
   
	.work::after{
		content:none;
	}


}


@media only screen and (max-width: 767px) {
	
	.digtize-services-mega {
		display: none;
	}


	.swiper-horizontal {
    overflow: visible !important;
}
	.testimonial.swiper-slide {
         width: 96% !important;
		 height:unset;
     }
	.testimonial-client-name{
		margin-left:5px;
	}
	.testimonial-client-name .client-name{
		font-size:16px;
	}
	.testimonial-text{
		font-size:14px;
		margin-bottom:0;
	}
	.testimonial-client-name .source{
		font-size:12px;
	}
	.company-logo{
		width:60px;
	}
	.testimonial-content .featured-image {
		left:-5px;
	}
	.testimonials .container {
		overflow:visible;
	}
	.testimonials .nextprevbutton {
    right: 20%;
    top: -3%;
	}
	.testimonials .swiper-button-next, .testimonials .swiper-button-prev {
    width: 40px;
    height: 40px;
}
	
	.project {
        width: 90%;
        display: block;
        margin: 3em auto;
	}
	
	.afterheader .left {
    width: 100%;
	}
	.afterheader {
       background-size:cover;
       padding-bottom: 160px;
     }
	.afterheader h3 {
    margin-top: 5%;
	}
	.afterheader h2 {
        margin-bottom: 1em;
        
        text-shadow: 2px 2px 2px color-mix(in srgb, var(--color-black) 47.06%, transparent);
    }
	.banner_btn_div{
		text-align:center;
		width:auto;
	}
	.my-header-reachout-button::after{
		width: 19px;
        height: 19px;
        margin-left: 10px;
	}
	.home-portfolio-marquee__viewport {
		padding-bottom: 14px;
	}
	.home-portfolio-marquee__item {
		flex-basis: clamp(210px, 42vw, 320px);
	}
	 .afterheader::after {
		content: none !important; 
		background: none ;
		height: 0 ;
		display: block; 
    }
    .menu {
        display: none;
		width:100%;
    }

    .responsive-menu {
        display: block;
		padding:7%;
		font-size:20px;
    }

    nav {
        margin: 0;
        background: none;
    }

    .menu li {
        display: block;
        margin: 0;
    }

    .menu li a {
    color: var(--color-white);
    text-align: center;
    margin: 0;
    font-weight: 500;
    }

    .menu ul {
        visibility: hidden;
        opacity: 0;
        top: 0;
        left: 0;
        width: 100%;
        transform: initial;
    }

    .menu li:hover>ul {
        visibility: visible;
        opacity: 1;
        position: relative;
        transform: initial;
    }

    .menu ul ul {
        left: 0;
        transform: initial;
    }

    .menu li>ul ul:hover {
        transform: initial;
    }
	.modal-content {
    width: 80%;
	 padding:20px;
}
	.request_proposal input{
		padding:10px 0px;
		margin-bottom:0;
	}
	.half {
    width: 100%;
	}


    .responsive-menu-header {
        display: none; 
        position: fixed;
        top: 0;
        left: -100%; 
        width: 100%;
        height: 100%;
        background-color: color-mix(in srgb, var(--color-black) 81.96%, transparent);
        flex-direction: column;
        padding-top: 50px;
        transition: left 0.3s ease-in-out;
        padding: 0px 30px;
		z-index:999;
    }
    .responsive-menu-header li {
        padding: 5px 20px;
        text-align: center;
        color: var(--color-white);
    }
    /* Menu item hover effect */
    .responsive-menu-header li:hover {
        background-color: var(--color-grey);
    }
    /* Toggle menu to slide in from the side */
    .responsive-menu-header.open {
		margin:0;
        left: 0;
		align-items: center;
		text-align: center;
		justify-content: center;
		display: flex;
    }
    .responsive-menu {
        display: block!important; ;
        font-size: 16px;
        color: var(--color-white);
        background-color: var(--color-black);
        padding: 10px 20px;
		margin-top:10px;
		margin-right:10px;
    }

/* 	.our-results-slide {
        flex-direction: column;
        text-align: center;
        padding: 30px 20px;
      } */
	.work{
		padding:20px 0px 20px 0px;
	}
	
	.work::after{
		content:none;
	}
	.our_work_footer p a::after{
		margin-left:5px;
		width: 25px;
        height: 25px;
	}
	.testimonials {
    height: auto;
    position: relative;
}
	
	.testimonials .left {
    width: 100%;
    float: none;
}
	.testimonials .right {
    float: none;
    width: 100%;
}
  .testimonials h2::after{
		width: 25px;
        height: 25px;
       margin-left: 10px;
	}
	.testimonials .cards:before {display:none;
	}
	.testimonials .cards {
    display: inline-block;
	}
	.testimonials .cards .card {
    width: auto;
    padding: 20% 10% 10% 10%;
    margin: 20% auto;
	}
	
/* ==========================================================================
   CONSOLIDATED: CLIENT LOGOS SECTION
   Section: .clients
   ========================================================================== */

	.clientsboxes {
    grid-template-columns: repeat(2,1fr);
	}


	.locations{
		padding:20px 0px 0px 0px;
	}
	
	
	#block-9 .wp-block-image img{
		width:60px!important;
	}
	
	footer{
		padding:20px 0px 10px 0px;
	}
	.info{
		width:250px;
	}


/* ==========================================================================
   CONSOLIDATED: SINGLE PORTFOLIO CASE HEADER
   Section: .digtize-single-portfolio-header
   ========================================================================== */


	.work::before{
		display:none;
	}


	.our_work_footer p{
		font-size:18px;
	}
	.our_work_footer p a{
		font-size:15px;
		margin-left: 7px;
	}
	.our_work_footer p a::before{
		margin-right:5px;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
		z-index:99;
	}
	.projects{
		padding:0px 20px;
	}
	.project-type span{
		font-size:16px;
		margin-right: 5px;
		padding: 2px 10px;
		margin-bottom:5px;
	}
	
	.entry-content{
		padding:0px 20px;
	}


	#nav_menu-2{
		float: unset;
        margin-right: unset;
	}


	.our-work-arrow-btn{
/* 		display:none; */
		bottom: 46px;
        right: -8px;
	}


	.modal{
		padding-top:50px;
	}
	
	
	.testimonials h2{
		text-align:center;
	}
	
	

	.filter-button{
	    padding: 5px 10px;
        margin: 5px 10px;
	}
	
}


@media(max-width: 480px) {


    }


/**------*/


:root {
  --card-height: 40vw;
  --card-margin: 4vw;
  --card-top-offset: 1em;
  --numcards: 3;
  --outline-width: 0px;
}



#cards {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(var(--numcards), var(--card-height));
  gap: var(--card-margin);
}

.card:nth-child(1) {
  --index: 1;
}

.card:nth-child(2) {
  --index: 2;
}

.card:nth-child(3) {
  --index: 3;
}

.card:nth-child(4) {
  --index: 4;
}

.card {
  position: sticky;
  top: 20%;
  padding-top: calc(var(--index) * var(--card-top-offset));
  color: inherit;
  cursor: pointer;
  display: block;
  text-decoration: none;
}

.card:focus-visible {
  border-radius: 30px;
  outline: 3px solid var(--color-case-study-purple);
  outline-offset: 8px;
}

/* Animation */
@supports (animation-timeline: works) {

  @scroll-timeline cards-element-scrolls-in-body {
    source: selector(body);
    scroll-offsets:
      selector(#cards) start 1,
      selector(#cards) start 0
    ;
    start: selector(#cards) start 1;
    end: selector(#cards) start 0;
    time-range: 4s;
  }

  .card {
    --index0: calc(var(--index) - 1);
    --reverse-index: calc(var(--numcards) - var(--index0));
    --reverse-index0: calc(var(--reverse-index) - 1);
  }
  
  .card__content {
    transform-origin: 50% 0%;
    will-change: transform;

    --duration: calc(var(--reverse-index0) * 1s);
    --delay: calc(var(--index0) * 1s);

    animation: var(--duration) linear scale var(--delay) forwards;
    animation-timeline: cards-element-scrolls-in-body;
  }

  @keyframes scale {
    to {
      transform:
        scale(calc(
          1.1
          -
          calc(0.1 * var(--reverse-index))
        ));
    }
  }
}

@media only screen and (max-width: 1024px) {


}

@media only screen and (max-width: 767px) {


}


/* ==========================================================================
   CONSOLIDATED: LEGACY HEADER MARKUP (PRE-REWRITE)
   Section: .header / .headerwrapper / .header-navigation .menu li a
   .header and .headerwrapper aren't found in current header.php, which
   builds the header as .digtize-site-header (directly below). Unconfirmed-
   dead remnant of the header before its rewrite.
   ========================================================================== */


/* Premium shared header */
.digtize-site-header {
  --header-font-family: "Plus Jakarta Sans", Inter, Arial, sans-serif;
  --header-font-size: 14px;
  --header-line-height: 20px;
  --header-font-weight: 500;
  --header-nav-gap: clamp(22px, 2.7vw, 42px);
  --header-text-color: var(--color-black);
  background: transparent;
  color: var(--header-text-color);
  font-family: var(--header-font-family);
  font-size: var(--header-font-size);
  font-style: normal;
  font-weight: var(--header-font-weight);
  height: 88px;
  left: 0;
  letter-spacing: 0;
  line-height: var(--header-line-height);
  margin-left: auto;
  margin-right: auto;
  padding: 12px 0;
  position: fixed;
  right: 0;
  text-transform: none;
  top: 12px;
  transition: height 350ms cubic-bezier(0.22, 1, 0.36, 1), padding 350ms cubic-bezier(0.22, 1, 0.36, 1), transform 350ms cubic-bezier(0.22, 1, 0.36, 1);
  width: calc(100% - 48px);
  z-index: var(--z-fixed);
}

.digtize-site-header *,
.digtize-site-header *::before,
.digtize-site-header *::after {
  box-sizing: border-box;
  font-family: var(--header-font-family);
  letter-spacing: 0;
  text-transform: none;
}

.digtize-site-header__inner {
  align-items: center;
  background: color-mix(in srgb, var(--color-white) 70%, transparent);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid color-mix(in srgb, var(--color-white) 25%, transparent);
  border-radius: 999px;
  box-shadow: 0 8px 30px color-mix(in srgb, var(--color-black) 8%, transparent);
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(170px, 1fr) auto minmax(170px, 1fr);
  height: 100%;
  margin: 0 auto;
  max-width: none;
  padding: 0 28px;
  transition:
    height 350ms cubic-bezier(0.22, 1, 0.36, 1),
    padding 350ms cubic-bezier(0.22, 1, 0.36, 1),
    background-color 350ms ease,
    backdrop-filter 350ms ease,
    -webkit-backdrop-filter 350ms ease,
    box-shadow 350ms ease,
    transform 350ms cubic-bezier(0.22, 1, 0.36, 1);
}

.digtize-site-header.is-compact {
  --header-nav-gap: clamp(16px, 2vw, 30px);
  height: 64px;
  padding-bottom: 0;
  padding-top: 0;
}

.digtize-site-header.is-compact .digtize-site-header__inner {
  background: color-mix(in srgb, var(--color-white) 92%, transparent);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-color: color-mix(in srgb, var(--color-black) 8%, transparent);
  box-shadow: 0 18px 45px color-mix(in srgb, var(--color-black) 14%, transparent);
  padding: 0 20px;
}

.digtize-site-header__brand {
  align-items: center;
  display: inline-flex;
  text-decoration: none;
  transition: transform 250ms cubic-bezier(0.22, 1, 0.36, 1);
  width: fit-content;
}

.digtize-site-header__brand:hover,
.digtize-site-header__brand:focus-visible {
  transform: translateY(-1px) scale(1.02);
}

.digtize-site-header__brand img {
  display: block;
  height: 34px;
  max-width: 172px;
  object-fit: contain;
  transform: scale(1);
  transform-origin: left center;
  transition: transform 350ms cubic-bezier(0.22, 1, 0.36, 1);
  width: auto;
}

.digtize-site-header.is-compact .digtize-site-header__brand img {
  transform: scale(0.92);
}

.digtize-site-header__nav {
  align-items: center;
  display: flex;
  justify-content: center;
  min-width: 0;
  position: relative;
}

.digtize-site-header__menu,
.digtize-site-header__mobile-menu,
.digtize-site-header__menu ul,
.digtize-site-header__mobile-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.digtize-site-header__menu {
  align-items: center;
  display: flex;
  gap: var(--header-nav-gap);
  justify-content: center;
  transition: gap 350ms cubic-bezier(0.22, 1, 0.36, 1);
}

.digtize-site-header__menu li {
  position: relative;
}

.digtize-site-header__menu a {
  color: var(--color-black);
  display: inline-flex;
  font-size: var(--header-font-size);
  font-weight: var(--header-font-weight);
  line-height: var(--header-line-height);
  padding: 12px 0;
  position: relative;
  text-decoration: none;
  transition: color 250ms cubic-bezier(0.22, 1, 0.36, 1), transform 250ms cubic-bezier(0.22, 1, 0.36, 1);
  white-space: nowrap;
}

.digtize-site-header__menu a::before {
  background: currentColor;
  border-radius: 999px;
  bottom: 5px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 250ms cubic-bezier(0.22, 1, 0.36, 1);
  width: 100%;
}

.digtize-site-header__menu a:hover,
.digtize-site-header__menu a:focus-visible,
.digtize-site-header__menu .current-menu-item > a,
.digtize-site-header__menu .current_page_item > a {
  color: var(--color-primary-text);
  transform: translateY(-2px);
}

.digtize-site-header__menu a:hover::before,
.digtize-site-header__menu a:focus-visible::before,
.digtize-site-header__menu .current-menu-item > a::before,
.digtize-site-header__menu .current_page_item > a::before {
  transform: scaleX(1);
}

.digtize-site-header__menu .sub-menu {
  background: color-mix(in srgb, var(--color-white) 96%, transparent);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid color-mix(in srgb, var(--color-black) 8%, transparent);
  border-radius: 18px;
  box-shadow: 0 24px 58px color-mix(in srgb, var(--color-black) 14%, transparent);
  left: 50%;
  min-width: 238px;
  opacity: 0;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  top: calc(100% + 14px);
  transform: translate(-50%, 10px);
  transition: opacity 250ms cubic-bezier(0.22, 1, 0.36, 1), transform 250ms cubic-bezier(0.22, 1, 0.36, 1), visibility 250ms cubic-bezier(0.22, 1, 0.36, 1);
  visibility: hidden;
  z-index: calc(var(--z-fixed) + 1);
}

.digtize-site-header__menu li:hover > .sub-menu,
.digtize-site-header__menu li:focus-within > .sub-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0);
  visibility: visible;
}

.digtize-site-header__menu .sub-menu a {
  border-radius: 12px;
  display: flex;
  padding: 12px 14px;
  width: 100%;
}

.digtize-site-header__menu .sub-menu a::before {
  display: none;
}

.digtize-site-header__actions {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: flex-end;
}

/*
 * HI-7: .digtize-site-header__cta composes from the shared .btn--primary
 * primitive (style.css, "SHARED BUTTON PRIMITIVE" -- align-items,
 * background, border-radius, color, display, justify-content, min-height,
 * and text-decoration were already identical to .btn--primary, so those
 * are inherited rather than redeclared). What's kept here is genuinely
 * different by design, not just unmigrated: its own font-size/line-height
 * (driven by --header-font-size/--header-line-height, which change with
 * the header's compact/expanded scroll state), heavier padding, an
 * ambient box-shadow, and a hover treatment that lifts+scales without
 * darkening (unlike .btn--primary's darken-on-hover) since this button
 * sits directly on the header's own light/dark surface treatments.
 * `.btn.digtize-site-header__cta` (not plain `.digtize-site-header__cta`)
 * so this override reliably wins the cascade regardless of this rule's
 * position relative to the primitive (see the portfolio-case-button note
 * above for why that matters). Markup: header.php's `<a class="digtize-
 * site-header__cta ...">` now also carries `btn btn--primary`.
 */
.btn.digtize-site-header__cta {
  box-shadow: 0 8px 20px color-mix(in srgb, var(--color-black) 12%, transparent);
  font-size: var(--header-font-size);
  font-weight: 600;
  line-height: var(--header-line-height);
  padding: 14px 28px;
  transition: background-color 300ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 300ms cubic-bezier(0.22, 1, 0.36, 1), transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
  white-space: nowrap;
}

.btn.digtize-site-header__cta:hover,
.btn.digtize-site-header__cta:focus-visible {
  background: var(--color-primary);
  box-shadow: 0 16px 40px color-mix(in srgb, var(--color-black) 20%, transparent);
  color: var(--color-white);
  transform: translateY(-2px) scale(1.03);
}

.digtize-site-header__toggle {
  align-items: center;
  appearance: none;
  background: var(--color-black);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: none;
  flex-direction: column;
  gap: 4px;
  height: 46px;
  justify-content: center;
  padding: 0;
  width: 46px;
}

.digtize-site-header__toggle span {
  background: var(--color-white);
  border-radius: 999px;
  display: block;
  height: 2px;
  width: 18px;
}

.digtize-site-header__overlay {
  background: color-mix(in srgb, var(--color-black) 38%, transparent);
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  transition: opacity 250ms cubic-bezier(0.22, 1, 0.36, 1);
  z-index: calc(var(--z-fixed) + 1);
}

.digtize-site-header__drawer {
  background: var(--color-white);
  box-shadow: -28px 0 70px color-mix(in srgb, var(--color-black) 18%, transparent);
  display: flex;
  flex-direction: column;
  gap: 28px;
  height: 100dvh;
  max-width: 100vw;
  overflow-y: auto;
  padding: 28px;
  position: fixed;
  inset: 0;
  left: auto;
  right: 0;
  top: 0;
  transform: translateX(100%);
  transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
  width: 100vw;
  z-index: calc(var(--z-fixed) + 2);
}

.digtize-site-header__drawer-top {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.digtize-site-header__close {
  align-items: center;
  appearance: none;
  background: var(--color-white);
  border: 0;
  border-radius: 50%;
  color: var(--color-black);
  cursor: pointer;
  display: inline-flex;
  font-size: 30px;
  height: 44px;
  justify-content: center;
  line-height: 1;
  padding: 0 0 3px;
  width: 44px;
}

.digtize-site-header__mobile-menu a {
  border-bottom: 1px solid color-mix(in srgb, var(--color-black) 8%, transparent);
  color: var(--header-text-color);
  display: flex;
  font-size: 16px;
  font-weight: 600;
  justify-content: space-between;
  line-height: 22px;
  padding: 18px 0;
  text-decoration: none;
}

.digtize-site-header__mobile-menu .sub-menu {
  padding-left: 16px;
}

.digtize-site-header__mobile-menu .sub-menu a {
  color: var(--color-grey-text);
  font-size: 14px;
  line-height: 20px;
  padding: 12px 0;
}

body.about-menu-open {
  overflow: hidden;
}

body.about-menu-open .digtize-site-header__overlay {
  opacity: 1;
  pointer-events: auto;
}

body.about-menu-open .digtize-site-header__drawer {
  transform: translateX(0);
}

.digtize-site-header__nav .digtize-services-mega {
  display: block;
  top: calc(100% + 14px);
}

.digtize-site-header__nav.services-mega-open .digtize-services-mega {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
  visibility: visible;
}

.digtize-site-header__nav .digtize-services-trigger {
  position: relative;
}

.digtize-site-header__nav .digtize-services-trigger::after {
  content: '\f107';
  font-family: 'Font Awesome 6 Free';
  font-size: 11px;
  font-weight: 900;
  margin-left: 7px;
  position: relative;
  top: -1px;
}

@media only screen and (max-width: 991px) {
  .digtize-site-header {
    height: 78px;
    padding: 10px 16px;
  }

  .digtize-site-header__inner {
    display: flex;
    padding: 0 14px 0 20px;
  }

  .digtize-site-header__nav,
  .digtize-site-header__actions > .digtize-site-header__language,
  .digtize-site-header__actions > .digtize-site-header__cta {
    display: none;
  }

  .digtize-site-header__toggle {
    display: inline-flex;
  }

  .digtize-site-header__brand img {
    height: 32px;
    max-width: 138px;
  }
}

@media only screen and (max-width: 480px) {
  .digtize-site-header {
    padding-left: 12px;
    padding-right: 12px;
  }

  .digtize-site-header__drawer {
    max-width: 100vw;
    width: 100vw;
    padding: 24px 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .digtize-site-header,
  .digtize-site-header *,
  .digtize-site-header *::before,
  .digtize-site-header *::after {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
  }
}

body.main .digtize-site-header {
  --header-font-size: 16px;
  --header-nav-gap: 32px;
  background: transparent;
  height: 90px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: fixed;
  right: 0;
  top: 16px;
  transition: height 350ms cubic-bezier(0.22, 1, 0.36, 1), padding 350ms cubic-bezier(0.22, 1, 0.36, 1), transform 350ms cubic-bezier(0.22, 1, 0.36, 1);
  width: calc(100% - 48px);
}

body.main .digtize-site-header__inner {
  background: color-mix(in srgb, var(--color-white) 70%, transparent);
  backdrop-filter: saturate(135%) blur(16px);
  -webkit-backdrop-filter: saturate(135%) blur(16px);
  border: 1px solid color-mix(in srgb, var(--color-white) 25%, transparent);
  border-radius: 999px;
  box-shadow: 0 8px 30px color-mix(in srgb, var(--color-black) 8%, transparent);
  max-width: none;
  padding: 0 32px;
  transition:
    height 350ms cubic-bezier(0.22, 1, 0.36, 1),
    padding 350ms cubic-bezier(0.22, 1, 0.36, 1),
    background-color 350ms ease,
    backdrop-filter 350ms ease,
    -webkit-backdrop-filter 350ms ease,
    box-shadow 350ms ease,
    transform 350ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.main .digtize-site-header.is-compact {
  --header-font-size: 15px;
  --header-nav-gap: 20px;
  height: 64px;
  padding-bottom: 0;
  padding-top: 0;
}

body.main .digtize-site-header.is-compact .digtize-site-header__inner {
  background: color-mix(in srgb, var(--color-white) 90%, transparent);
  backdrop-filter: saturate(180%) blur(30px);
  -webkit-backdrop-filter: saturate(180%) blur(30px);
  box-shadow: 0 18px 45px color-mix(in srgb, var(--color-black) 14%, transparent);
  padding: 0 20px;
}

body.main .digtize-site-header.is-scrolled .digtize-site-header__inner {
  background: color-mix(in srgb, var(--color-white) 90%, transparent);
  backdrop-filter: saturate(180%) blur(30px);
  -webkit-backdrop-filter: saturate(180%) blur(30px);
  box-shadow: 0 18px 45px color-mix(in srgb, var(--color-black) 14%, transparent);
}

body.main .digtize-site-header.is-expanded .digtize-site-header__inner {
  background: color-mix(in srgb, var(--color-white) 72%, transparent);
  backdrop-filter: saturate(145%) blur(18px);
  -webkit-backdrop-filter: saturate(145%) blur(18px);
  box-shadow: 0 10px 30px color-mix(in srgb, var(--color-black) 8%, transparent);
}

body.main .digtize-site-header.is-scrolled.is-expanded .digtize-site-header__inner {
  background: color-mix(in srgb, var(--color-white) 88%, transparent);
  backdrop-filter: saturate(170%) blur(28px);
  -webkit-backdrop-filter: saturate(170%) blur(28px);
  box-shadow: 0 14px 38px color-mix(in srgb, var(--color-black) 12%, transparent);
}

body.main .digtize-site-header__brand img {
  height: 38px;
  max-width: 180px;
  transform: scale(1);
  transform-origin: left center;
  transition: transform 350ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.main .digtize-site-header.is-compact .digtize-site-header__brand img {
  transform: scale(0.9);
}

body.main .digtize-site-header__menu {
  gap: var(--header-nav-gap);
  transition: gap 350ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.main .digtize-site-header__menu a {
  font-size: var(--header-font-size);
  transition: color 250ms cubic-bezier(0.22, 1, 0.36, 1), transform 250ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.main .digtize-site-header__actions {
  margin-left: auto;
}

body.main .digtize-site-header__cta {
  gap: 8px;
  min-height: 48px;
  padding: 0 24px;
  transition: background-color 300ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 300ms cubic-bezier(0.22, 1, 0.36, 1), gap 300ms cubic-bezier(0.22, 1, 0.36, 1), min-height 350ms cubic-bezier(0.22, 1, 0.36, 1), padding 350ms cubic-bezier(0.22, 1, 0.36, 1), transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.main .digtize-site-header.is-compact .digtize-site-header__cta {
  min-height: 40px;
  padding-left: 18px;
  padding-right: 18px;
}

body.main .digtize-site-header__cta:hover,
body.main .digtize-site-header__cta:focus-visible {
  gap: 12px;
}

body.main .digtize-site-header__inner .digtize-site-header__cta-arrow {
  display: block !important;
  flex: 0 0 auto;
  height: 18px;
  min-width: 18px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.4;
  transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
  width: 18px;
}

body.main .digtize-site-header__cta:hover .digtize-site-header__cta-arrow,
body.main .digtize-site-header__cta:focus-visible .digtize-site-header__cta-arrow {
  transform: translateX(2px);
}

@media only screen and (max-width: 991px) {
  body.main .digtize-site-header {
    height: 78px;
    padding: 10px 0;
    top: 10px;
    width: calc(100% - 32px);
  }

  body.main .digtize-site-header.is-compact {
    height: 64px;
    padding-bottom: 0;
    padding-top: 0;
  }

  body.main .digtize-site-header__inner {
    padding: 0 14px 0 20px;
  }
}



.portfolio-showcase {
  color: var(--color-black);
  overflow: hidden;
  padding-top: 0;
}


.portfolio-hero__title {
  margin: 0;
}

.portfolio-hero__title-line--primary {
  white-space: nowrap;
}

.portfolio-listing {
  padding: 14px 24px 72px;
}

.portfolio-listing .project-filter {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin: 0 auto 48px;
}

.portfolio-listing .filter-button {
  background: color-mix(in srgb, var(--color-white) 88%, transparent);
  border: 1px solid color-mix(in srgb, var(--color-primary) 12%, transparent);
  border-radius: 999px;
  box-shadow: 0 10px 30px color-mix(in srgb, var(--color-primary) 6%, transparent);
  color: var(--color-black);
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  min-height: 46px;
  min-width: 94px;
  padding: 0 26px;
  transition: background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, color 220ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.portfolio-listing .filter-button:hover,
.portfolio-listing .filter-button:focus-visible {
  border-color: color-mix(in srgb, var(--color-secondary) 65%, transparent);
  color: var(--color-primary-text);
  transform: translateY(-2px);
}

.portfolio-listing .filter-button.active {
  background: var(--color-secondary);
  border-color: transparent;
  box-shadow: 0 14px 30px color-mix(in srgb, var(--color-secondary) 28%, transparent);
  color: var(--color-black);
  transform: none;
}

.portfolio-grid {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.portfolio-grid .project,
.portfolio-card {
  background: var(--color-white);
  border: 1px solid color-mix(in srgb, var(--color-black) 8%, transparent);
  border-radius: 14px;
  box-shadow: 0 18px 50px color-mix(in srgb, var(--color-black) 9%, transparent);
  display: block;
  margin: 0;
  overflow: hidden;
  position: relative;
  transition: background-color 260ms ease, box-shadow 260ms ease, transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
  width: auto;
}

.portfolio-grid .project:hover,
.portfolio-card:hover {
  background: var(--color-white);
  border-color: var(--color-secondary);
  box-shadow: 0 24px 64px color-mix(in srgb, var(--color-black) 14%, transparent);
  transform: translateY(-4px);
}

.portfolio-card__media {
  background: var(--color-white);
  display: block;
  overflow: hidden;
}

.portfolio-card__media img,
.portfolio-card__placeholder{
  aspect-ratio: 1.43 / 1;
  border-radius: 0;
  display: flex;
  height: auto;
  object-fit: cover;
  transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
  width: 100%;
}

.portfolio-card__placeholder {
  align-items: center;
  background: linear-gradient(135deg, var(--color-white) 0%, var(--color-white) 100%);
  color: var(--color-case-study-purple);
  font-size: 18px;
  font-weight: 800;
  justify-content: center;
  line-height: 1.25;
  padding: 24px;
  text-align: center;
}

.portfolio-card:hover .portfolio-card__media img {
  transform: scale(1.035);
}

.portfolio-card__content,
.portfolio-grid .projectcontent {
  align-items: flex-start;
  background: var(--color-white);
  display: flex;
  gap: 18px;
  justify-content: space-between;
  margin: 0;
  min-height: 92px;
  padding: 18px 18px 20px;
  text-align: left;
  transition: background-color 260ms ease;
}

.portfolio-card:hover .portfolio-card__content,
.portfolio-grid .project:hover .projectcontent {
  background: var(--color-white);
}

.portfolio-card h2,
.portfolio-grid .project h2 {


  margin: 0 0 8px;
}

.portfolio-card h2 a,
.portfolio-grid .project h2 a {
  color: var(--color-black) !important;
  text-decoration: none;
}

.portfolio-card h2 a:hover,
.portfolio-card h2 a:focus-visible {
  color: var(--color-black) !important;
}

.portfolio-card__meta {
  color: var(--color-grey-text);
  font-size: 13px !important;
  font-weight: 650;
  line-height: 1.45;
  margin: 0;
  padding-left: 12px;
  position: relative;
}

.portfolio-card__meta::before {
  background: var(--color-secondary);
  border-radius: 50%;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  top: 7px;
  width: 5px;
}

.portfolio-card__arrow,
.portfolio-grid .our-work-arrow-btn {
  align-items: center;
  background: color-mix(in srgb, var(--color-white) 94%, transparent);
  border: 1px solid color-mix(in srgb, var(--color-case-study-purple) 18%, transparent);
  border-radius: 50%;
  box-shadow: 0 12px 26px color-mix(in srgb, var(--color-case-study-purple) 16%, transparent);
  color: var(--color-primary-text);
  display: inline-flex;
  flex: 0 0 auto;
  height: 44px;
  justify-content: center;
  margin-top: 0;
  position: relative;
  bottom: auto;
  right: auto;
  text-decoration: none;
  transition: background-color 220ms ease, color 220ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  width: 44px;
}

.portfolio-card__arrow:hover,
.portfolio-card__arrow:focus-visible {
  background: var(--color-secondary);
  color: var(--color-black);
  transform: translate(2px, -2px);
}

.portfolio-load-more,
#load-more.portfolio-load-more {
  align-items: center;
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  border-radius: 999px;
  color: var(--color-white);
  cursor: pointer;
  display: flex;
  font-size: 15px;
  font-weight: 800;
  gap: 10px;
  justify-content: center;
  margin: 42px auto 0 !important;
  min-height: 52px;
  padding: 0 30px;
  transition: background-color 220ms ease, box-shadow 220ms ease, color 220ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.portfolio-load-more:hover,
.portfolio-load-more:focus-visible,
#load-more.portfolio-load-more:hover,
#load-more.portfolio-load-more:focus-visible {
  background: var(--color-secondary);
  border-color: var(--color-secondary);
  box-shadow: 0 16px 36px color-mix(in srgb, var(--color-secondary) 28%, transparent);
  color: var(--color-black);
  transform: translateY(-2px);
}

@media only screen and (max-width: 980px) {
  .portfolio-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 640px) {
  .portfolio-showcase {
    padding-top: 0;
  }


  .portfolio-listing {
    padding: 12px 16px 54px;
  }

  .portfolio-listing .project-filter {
    justify-content: flex-start;
    margin-bottom: 30px;
    overflow-x: auto;
    padding-bottom: 8px;
  }

  .portfolio-listing .filter-button {
    flex: 0 0 auto;
  }

  .portfolio-grid {
    grid-template-columns: 1fr;
  }
}

@media only screen and (min-width: 821px) and (max-width: 991px) {
  body.main .digtize-site-header__inner {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) auto minmax(150px, 1fr);
  }

  body.main .digtize-site-header__nav {
    display: flex;
  }

  body.main .digtize-site-header__actions > .digtize-site-header__cta {
    display: inline-flex;
  }

  body.main .digtize-site-header__toggle {
    display: none;
  }
}

@media only screen and (max-width: 820px) {
  body.main .digtize-site-header__nav,
  body.main .digtize-site-header__actions > .digtize-site-header__cta {
    display: none;
  }

  body.main .digtize-site-header__toggle {
    display: inline-flex;
  }
}

@media only screen and (min-width: 821px) {
  body.main .digtize-site-header__overlay {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.main .digtize-site-header__drawer {
    transform: translateX(100%) !important;
    visibility: hidden;
  }
}

@media only screen and (max-width: 480px) {
  body.main .digtize-site-header {
    width: calc(100% - 24px);
  }
}


/* Floating glass navigation */
body.main .digtize-site-header {
  --background: color-mix(in srgb, var(--color-black) 20%, transparent);
  --blur: 60px;
  --shadow: 0 4px 16px color-mix(in srgb, var(--color-black) 4%, transparent);
  --radius: 999px;
  --transition: 500ms ease-out;
  --header-height: 90px;
  --header-width: calc(100% - 48px);
  --header-padding: 20px;
  --header-gap: 32px;
  --header-font-size: 16px;
  --logo-scale: 1;
  background: transparent;
  height: var(--header-height);
  left: 50%;
  max-width: 1320px;
  padding: 0;
  position: fixed;
  right: auto;
  top: 16px;
  transform: translate3d(-50%, 0, 0);
  transition: height var(--transition), width var(--transition), transform var(--transition);
  will-change: height, width, transform;
  width: var(--header-width);
  z-index: var(--z-fixed);
}

body.main .digtize-site-header.is-compact {
  --background: color-mix(in srgb, var(--color-black) 28%, transparent);
  --blur: 60px;
  --shadow: 0 8px 24px color-mix(in srgb, var(--color-black) 8%, transparent);
  --header-height: 64px;
  --header-width: min(1120px, calc(100% - 96px));
  --header-padding: 20px;
  --header-gap: 20px;
  --header-font-size: 15px;
  --logo-scale: 0.92;
  margin-top: 1em;
}

body.main .digtize-site-header.is-expanding {
  --background: color-mix(in srgb, var(--color-black) 20%, transparent);
  --blur: 60px;
  --shadow: 0 4px 16px color-mix(in srgb, var(--color-black) 4%, transparent);
  --header-height: 90px;
  --header-width: calc(100% - 48px);
  --header-padding: 20px;
  --header-gap: 32px;
  --header-font-size: 16px;
  --logo-scale: 1;
  margin-top: 15px;
}

body.main .digtize-site-header__inner {
  align-items: center;
  background-color: var(--background);
  -webkit-backdrop-filter: blur(var(--blur));
  backdrop-filter: blur(var(--blur));
  border: 1px solid color-mix(in srgb, var(--color-white) 10%, transparent);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  display: flex;
  gap: 24px;
  height: 100%;
  justify-content: space-between;
  margin: 0;
  max-width: none;
  padding: 10px var(--header-padding);
  transition:
    all var(--transition),
    padding var(--transition),
    background-color var(--transition),
    -webkit-backdrop-filter var(--transition),
    backdrop-filter var(--transition),
    box-shadow var(--transition);
  will-change: padding, background-color, backdrop-filter, box-shadow;
  width: 100%;
}

body.main .digtize-site-header__brand {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-self: start;
  transform: translateZ(0);
  width: fit-content;
}

body.main .digtize-site-header__brand img {
  display: block;
  height: 40px;
  max-width: 190px;
  object-fit: contain;
  transform: scale(var(--logo-scale));
  transform-origin: left center;
  transition: transform var(--transition);
  width: auto;
}

body.main .digtize-site-header__nav {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  justify-self: center;
  min-width: 0;
  width: 100%;
}

body.main .digtize-site-header__menu,
body.main .digtize-site-header__mobile-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.main .digtize-site-header__menu {
  align-items: center;
  display: flex;
  gap: var(--header-gap);
  justify-content: center;
  transition: gap var(--transition);
}

body.main .digtize-site-header__menu li {
  position: relative;
}

body.main .digtize-site-header__menu a {
  color: var(--color-black);
  display: inline-flex;
  font-size: var(--header-font-size);
  font-weight: 650;
  line-height: 20px;
  padding: 12px 0;
  position: relative;
  text-decoration: none;
  transition: color 220ms ease, font-size var(--transition), transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  white-space: nowrap;
}

body.main .digtize-site-header__menu a::before {
  display: none;
}

body.main .digtize-site-header__menu a:hover,
body.main .digtize-site-header__menu a:focus-visible,
body.main .digtize-site-header__menu .is-current > a {
  color: var(--color-primary-text);
  transform: translateY(-2px);
}

body.main .digtize-site-header.is-over-dark .digtize-site-header__menu a {
  color: color-mix(in srgb, var(--color-white) 88%, transparent);
}

body.main .digtize-site-header.is-over-dark .digtize-site-header__menu a:hover,
body.main .digtize-site-header.is-over-dark .digtize-site-header__menu a:focus-visible,
body.main .digtize-site-header.is-over-dark .digtize-site-header__menu .is-current > a {
  color: var(--color-secondary);
}

body.main .digtize-site-header.is-over-light .digtize-site-header__menu a {
  color: var(--color-black);
}

body.main .digtize-site-header.is-over-light .digtize-site-header__menu a:hover,
body.main .digtize-site-header.is-over-light .digtize-site-header__menu a:focus-visible,
body.main .digtize-site-header.is-over-light .digtize-site-header__menu .is-current > a {
  color: var(--color-primary-text);
}

body.main .digtize-site-header.is-over-dark .digtize-site-header__brand img {
  filter: none;
}

body.main .digtize-site-header.is-over-light .digtize-site-header__brand img {
  filter: none;
}

/* Light services mega menu */
body.main .digtize-site-header__nav {
  position: static;
}

body.main .digtize-site-header__nav .digtize-services-mega {
  display: none !important;
  background: color-mix(in srgb, var(--color-white) 96%, transparent);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border: 1px solid color-mix(in srgb, var(--color-black) 8%, transparent);
  border-radius: 28px;
  box-shadow: 0 28px 80px color-mix(in srgb, var(--color-black) 18%, transparent);
  display: block;
  left: 50%;
  opacity: 0;
  padding: 34px 42px 38px;
  pointer-events: none;
  position: absolute;
  top: calc(100% + 22px);
  transform: translate3d(-50%, 10px, 0);
  transition: opacity 220ms ease, transform 260ms cubic-bezier(0.22, 1, 0.36, 1), visibility 220ms ease;
  visibility: hidden;
  width: min(1180px, calc(100vw - 96px));
  z-index: calc(var(--z-fixed) + 2);
}

body.main .digtize-site-header__nav .digtize-services-trigger::after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  content: "";
  display: inline-block;
  font-family: inherit;
  height: 0;
  margin-left: 8px;
  position: static;
  transform: translateY(-1px);
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  width: 0;
}

body.main .digtize-site-header__nav.services-mega-open .digtize-services-trigger::after {
  transform: translateY(-1px) rotate(180deg);
}

body.main .digtize-site-header__nav.services-mega-open .digtize-services-mega {
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(-50%, 0, 0);
  visibility: visible;
}

body.page-template-services .digtize-site-header__nav .digtize-services-mega,
body.page-template-page-service .digtize-site-header__nav .digtize-services-mega,
body.page-id-services .digtize-site-header__nav .digtize-services-mega {
  display: none !important;
}

body.main .digtize-services-mega__inner {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.main .digtize-services-mega__column {
  display: grid;
  align-content: start;
}

body.main .digtize-services-mega__item {
  align-items: center;
  border-bottom: 1px solid color-mix(in srgb, var(--color-black) 10%, transparent);
  color: var(--color-black);
  display: flex;
  gap: 20px;
  justify-content: space-between;
  min-height: 82px;
  padding: 15px 0;
  text-decoration: none;
  transition: color 200ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.main .digtize-services-mega__item:hover,
body.main .digtize-services-mega__item:focus-visible {
  color: var(--color-primary-text);
  transform: translateY(-2px);
}

body.main .digtize-services-mega__item strong {
  color: inherit;
  display: block;
  font-size: 20px;
  font-weight: 820;
  line-height: 1.2;
}

body.main .digtize-services-mega__item em {
  color: var(--color-grey-text);
  display: block;
  font-size: 15px;
  font-style: normal;
  line-height: 1.45;
  margin-top: 6px;
  white-space: normal;
}

body.main .digtize-services-mega__icon {
  align-items: center;
  background: var(--color-white);
  border: 1px solid color-mix(in srgb, var(--color-black) 11%, transparent);
  border-radius: 50%;
  color: var(--color-secondary);
  display: inline-flex;
  flex: 0 0 46px;
  font-size: 14px;
  font-weight: 850;
  height: 46px;
  justify-content: center;
  line-height: 1;
  transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  width: 46px;
}

body.main .digtize-services-mega__item:hover .digtize-services-mega__icon,
body.main .digtize-services-mega__item:focus-visible .digtize-services-mega__icon {
  background: var(--color-secondary);
  border-color: var(--color-secondary);
  color: var(--color-white);
  transform: rotate(6deg);
}

body.main .digtize-services-mega__cta {
  background: var(--color-black);
  border-radius: 18px;
  color: var(--color-white);
  margin-top: 28px;
  padding: 28px 30px;
}

body.main .digtize-services-mega__cta span {
  color: var(--color-secondary);
  display: block;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.4;
  margin-bottom: 20px;
}

body.main .digtize-services-mega__cta a {
  color: var(--color-white);
  display: inline-flex;
  font-size: 20px;
  font-weight: 850;
  gap: 10px;
  text-decoration: none;
}

body.main .digtize-services-mega__cta a::after {
  content: "↗";
}

@media only screen and (max-width: 1024px) {
  body.main .digtize-site-header__nav .digtize-services-mega {
    display: none;
  }
}

/* Services page light gradient index */
.services-showcase,
.services-showcase * {
  box-sizing: border-box;
}

.services-showcase {
  color: var(--color-black);
  overflow: hidden;
  overflow-x: clip;
  margin-top: 0;
  padding-top: 90px;
  position: relative;
  width: 100%;
  z-index: var(--z-base);
}

body.page-template-services #content.services-showcase,
body.page-template-page-service #content.services-showcase,
#content.services-showcase {
  margin-left: 0;
  margin-right: 0;
  max-width: none;
  width: 100%;
}

.services-showcase__rail span {
  margin-bottom: var(--space-3);
}

.services-showcase__title {
  margin: 0 auto;
  max-width: none;
  text-align: center;
}

.services-showcase__list-section {
  border-bottom: 1px solid color-mix(in srgb, var(--color-primary) 16%, transparent);
  border-top: 1px solid color-mix(in srgb, var(--color-primary) 16%, transparent);
  padding: 0;
}

.services-showcase__list-layout {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
}

.services-showcase__rail {
  border-right: 1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);
  padding-top: 46px;
}

@media (min-width: 981px) {
 
  .services-showcase__rail {
    align-self: start;
    position: sticky;
    top: calc(var(--dt-header-top, 0px) + 90px + 32px);
  }
}

.services-showcase__list {
  position: relative;
}

.services-showcase__row {
    align-items: center;
    border-bottom: 1px solid color-mix(in srgb, var(--color-primary) 16%, transparent);
    color: inherit;
    display: grid;
    gap: 44px;
    grid-template-columns: 70px minmax(190px, 0.8fr) minmax(240px, 1fr) 44px;
    min-height: 140px;
    padding: 28px 0 28px 36px;
    position: relative;
    text-decoration: none;
    transition: background-color 260ms ease, color 260ms ease, transform 260ms cubic-bezier(.22, 1, .36, 1);
}

.services-showcase__row::before {
  background: var(--color-primary);
  border-radius: 2px;
  box-shadow: 0 0 18px color-mix(in srgb, var(--color-primary) 42%, transparent);
  content: "";
  height: 8px;
  left: -5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
}

.services-showcase__number {
  color: var(--color-grey-text);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 1px;
}

.services-showcase__row h2 {
   text-align: left;
  font: var(--typography-h4) !important;
}

.services-showcase__row p {
  color: var(--color-grey-text);
  font-size: 16px;
  line-height: 1.65;
  margin: 0 auto;
  max-width: 390px;
  text-align: left;
}

.services-showcase__arrow {
  align-items: center;
  color: var(--color-primary-text);
  display: inline-flex;
  height: 44px;
  justify-content: center;
  transition: color 220ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  width: 44px;
}

.services-showcase__row:hover,
.services-showcase__row:focus-visible {
  background: color-mix(in srgb, var(--color-white) 58%, transparent);
  transform: translateX(8px);
}

.services-showcase__row:hover h2,
.services-showcase__row:focus-visible h2,
.services-showcase__row:hover .services-showcase__arrow,
.services-showcase__row:focus-visible .services-showcase__arrow {
  color: var(--color-primary-text);
}

.services-showcase__row:hover .services-showcase__arrow,
.services-showcase__row:focus-visible .services-showcase__arrow {
  transform: translate(4px, -4px);
}

@media only screen and (min-width: 981px) {
  .services-showcase__row {
    border-bottom: 0;
    isolation: isolate;
  }

  .services-showcase__row::after {
    background: transparent;
    border-bottom: 1px solid color-mix(in srgb, var(--color-primary) 16%, transparent);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: min(-48px, calc((1260px - 100vw) / 2 - 48px));
    top: 0;
    transition: background-color 260ms ease;
    z-index: var(--z-recessed);
  }

  .services-showcase__row:hover,
  .services-showcase__row:focus-visible {
    background: transparent;
  }

  .services-showcase__row:hover::after,
  .services-showcase__row:focus-visible::after {
    background: color-mix(in srgb, var(--color-white) 58%, transparent);
  }
}

.services-showcase__empty {
  color: var(--color-grey-text);
  padding: 48px 0 48px 36px;
}

@media only screen and (max-width: 980px) {

  .services-showcase__list-layout {
    grid-template-columns: 1fr;
  }

  .services-showcase__rail {
    border-right: 0;
    padding: 36px 0 0;
  }

  .services-showcase__row {
    gap: 24px;
    grid-template-columns: 54px minmax(0, 1fr) 42px;
    padding-left: 22px;
  }

  .services-showcase__row p {
    grid-column: 2 / -1;
    max-width: none;
  }

}

@media only screen and (max-width: 640px) {
  #content.services-showcase {
    margin-top: 0;
    padding-top: 74px;
  }

  .services-showcase__row {
    grid-template-columns: 46px minmax(0, 1fr);
    min-height: 0;
    padding: 28px 0 28px 18px;
  }

  .services-showcase__row p,
  .services-showcase__arrow {
    grid-column: 2 / -1;
  }

  .services-showcase__arrow {
    justify-content: flex-start;
  }

}



body.main .digtize-site-header__menu .menu-item-has-children > a::after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  content: "";
  display: inline-block;
  height: 0;
  margin-left: 8px;
  margin-top: 8px;
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  width: 0;
}

body.main .digtize-site-header__menu .menu-item-has-children:hover > a::after,
body.main .digtize-site-header__menu .menu-item-has-children:focus-within > a::after {
  transform: rotate(180deg);
}

body.main .digtize-site-header__menu .sub-menu {
  background: color-mix(in srgb, var(--color-black) 94%, transparent);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  border: 1px solid color-mix(in srgb, var(--color-white) 10%, transparent);
  border-radius: 20px;
  box-shadow: 0 24px 58px color-mix(in srgb, var(--color-black) 24%, transparent);
  left: 50%;
  min-width: 240px;
  opacity: 0;
  padding: 10px;
  pointer-events: none;
  position: absolute;
  top: calc(100% + 10px);
  transform: translate3d(-50%, 8px, 0);
  transition: opacity 220ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1), visibility 220ms ease;
  visibility: hidden;
  z-index: calc(var(--z-fixed) + 1);
}

body.main .digtize-site-header__menu li:hover > .sub-menu,
body.main .digtize-site-header__menu li:focus-within > .sub-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(-50%, 0, 0);
  visibility: visible;
}

body.main .digtize-site-header__menu .sub-menu a {
  border-radius: 12px;
  color: color-mix(in srgb, var(--color-white) 84%, transparent);
  display: flex;
  padding: 12px 14px;
  width: 100%;
}

body.main .digtize-site-header__menu .sub-menu a:hover,
body.main .digtize-site-header__menu .sub-menu a:focus-visible {
  background: color-mix(in srgb, var(--color-white) 8%, transparent);
  color: var(--color-white);
}

body.main .digtize-site-header__actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  justify-self: end;
}

body.main .digtize-site-header__cta {
  align-items: center;
  background: var(--color-primary);
  border-radius: var(--radius);
  box-shadow: 0 8px 20px color-mix(in srgb, var(--color-black) 12%, transparent);
  color: var(--color-white);
  display: inline-flex;
  font-size: 15px;
  font-weight: 750;
  gap: 9px;
  justify-content: center;
  line-height: 20px;
  min-height: 48px;
  padding: 0 24px;
  text-decoration: none;
  transition: box-shadow 220ms ease, gap 220ms ease, min-height var(--transition), padding var(--transition), transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  white-space: nowrap;
}

body.main .digtize-site-header.is-compact .digtize-site-header__cta {
  min-height: 40px;
  padding-left: 18px;
  padding-right: 18px;
}

body.main .digtize-site-header__cta:hover,
body.main .digtize-site-header__cta:focus-visible {
  box-shadow: 0 16px 40px color-mix(in srgb, var(--color-black) 22%, transparent);
  gap: 13px;
  transform: translateY(-2px) scale(1.03);
}

body.main .digtize-site-header__cta-arrow {
  display: block;
  flex: 0 0 auto;
  height: 18px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.4;
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  width: 18px;
}

body.main .digtize-site-header__cta:hover .digtize-site-header__cta-arrow,
body.main .digtize-site-header__cta:focus-visible .digtize-site-header__cta-arrow {
  transform: translateX(2px);
}

body.main .digtize-site-header__toggle {
  align-items: center;
  appearance: none;
  background: var(--color-black);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: none;
  flex-direction: column;
  gap: 4px;
  height: 44px;
  justify-content: center;
  padding: 0;
  width: 44px;
}

body.main .digtize-site-header__toggle span {
  background: var(--color-white);
  border-radius: 999px;
  display: block;
  height: 2px;
  width: 18px;
}

body.main .digtize-site-header .digtize-site-header__inner,
body.main .digtize-site-header.is-compact .digtize-site-header__inner,
body.main .digtize-site-header.is-scrolled .digtize-site-header__inner,
body.main .digtize-site-header.is-expanded .digtize-site-header__inner,
body.main .digtize-site-header.is-expanding .digtize-site-header__inner {
  background: var(--background) !important;
  -webkit-backdrop-filter: blur(var(--blur)) !important;
  backdrop-filter: blur(var(--blur)) !important;
  border-color: color-mix(in srgb, var(--color-white) 10%, transparent) !important;
  box-shadow: var(--shadow) !important;
}

@media only screen and (min-width: 821px) {
  body.main .digtize-site-header__overlay {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.main .digtize-site-header__drawer {
    transform: translateX(100%) !important;
    visibility: hidden;
  }
}

@media only screen and (max-width: 820px) {
	body.main .digtize-site-header__drawer {
		transition: transform 300ms cubic-bezier(.22, 1, .36, 1), background-color 250ms ease, color 250ms ease, visibility 0s linear 300ms !important;
		visibility: hidden;
	}

	body.main.about-menu-open .digtize-site-header__drawer {
		transform: translateX(0) !important;
		transition-delay: 0s !important;
		visibility: visible;
	}

	body.about-menu-open .digtize-site-header,
	body.menu-open .digtize-site-header {
		--header-width: 100% !important;
		left: 0 !important;
		right: auto !important;
		top: 0 !important;
		transform: none !important;
	}

  body.main .digtize-site-header {
    --header-height: 78px;
    --header-width: calc(100% - 24px);
    top: 10px;
  }

  body.main .digtize-site-header.is-compact {
    --header-height: 64px;
    --header-width: calc(100% - 36px);
  }

  body.main .digtize-site-header.is-expanding {
    --header-height: 78px;
    --header-width: calc(100% - 24px);
  }

  body.main .digtize-site-header__inner {
    display: flex;
    padding: 0 18px;
  }

  body.main .digtize-site-header__nav,
  body.main .digtize-site-header__actions > .digtize-site-header__cta {
    display: none;
  }

  body.main .digtize-site-header__toggle {
    display: inline-flex;
  }
}

@media only screen and (max-width: 767px) {


}


#content.services-showcase {
  color: var(--color-black) !important;
}

.services-showcase__row:hover h2,
.services-showcase__row:focus-visible h2 {
  color: var(--color-primary-text) !important;
}


.portfolio-card__content,
.portfolio-card__content h2,
.portfolio-card__content h2 a,
.portfolio-card__meta,
.portfolio-grid .projectcontent,
.portfolio-grid .project h2,
.portfolio-grid .project h2 a {
  text-align: left !important;
}

/* Shared floating header: single source of truth. */
html,
body {
  margin: 0;
  padding: 0;
}

html {
  scroll-padding-top: 140px;
}

body.main {
  --dt-header-top: env(safe-area-inset-top, 0px);
}

body.admin-bar.main {
  --dt-header-top: calc(var(--wp-admin--admin-bar--height, 32px) + env(safe-area-inset-top, 0px));
}

body.main .digtize-site-header {
  --background: color-mix(in srgb, var(--color-black) 20%, transparent);
  --blur: 60px;
  --shadow: 0 4px 16px color-mix(in srgb, var(--color-black) 4%, transparent);
  --radius: 999px;
  --transition: 500ms ease-out;
  --header-height: 90px;
  --header-width: calc(100% - 48px);
  --header-padding: 20px;
  --header-font-family: "Plus Jakarta Sans", Inter, Arial, sans-serif;
  --header-gap: 32px;
  --header-font-size: 16px;
  --logo-scale: 1;
  background: transparent !important;
  color: var(--color-black);
  height: var(--header-height) !important;
  left: 50% !important;
  max-width: 1320px !important;
  overflow: visible !important;
  padding: 0 !important;
  position: fixed !important;
  right: auto !important;
  top: var(--dt-header-top) !important;
  transform: translate3d(-50%, 0, 0) !important;
  transition: height var(--transition), width var(--transition), transform var(--transition) !important;
  width: var(--header-width) !important;
  z-index: var(--z-fixed) !important;
}

body.main .digtize-site-header,
body.main .digtize-site-header * {
  font-family: var(--header-font-family) !important;
}

body.main .digtize-site-header.is-compact {
  --background: color-mix(in srgb, var(--color-black) 28%, transparent);
  --shadow: 0 8px 24px color-mix(in srgb, var(--color-black) 8%, transparent);
  --header-height: 64px;
  --header-width: min(1120px, calc(100% - 96px));
  --header-gap: 20px;
  --header-font-size: 15px;
  --logo-scale: 0.92;
}

body.main .digtize-site-header.is-expanding {
  --background: color-mix(in srgb, var(--color-black) 20%, transparent);
  --shadow: 0 4px 16px color-mix(in srgb, var(--color-black) 4%, transparent);
  --header-height: 90px;
  --header-width: calc(100% - 48px);
  --header-gap: 32px;
  --header-font-size: 16px;
  --logo-scale: 1;
}

body.main .digtize-site-header__inner {
  align-items: center !important;
  background: var(--background) !important;
  -webkit-backdrop-filter: blur(var(--blur)) !important;
  backdrop-filter: blur(var(--blur)) !important;
  border: 1px solid color-mix(in srgb, var(--color-white) 10%, transparent) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow) !important;
  display: flex !important;
  gap: 24px !important;
  grid-template-columns: none !important;
  height: 100% !important;
  justify-content: space-between !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 10px var(--header-padding) !important;
  position: relative;
  transition:
    padding var(--transition),
    background-color var(--transition),
    -webkit-backdrop-filter var(--transition),
    backdrop-filter var(--transition),
    box-shadow var(--transition) !important;
  width: 100% !important;
  will-change: padding, background-color, backdrop-filter, box-shadow;
}

body.main .digtize-site-header__brand,
body.main .digtize-site-header__actions {
  flex: 0 0 auto !important;
}

body.main .digtize-site-header__brand img {
  height: 40px !important;
  max-width: 190px !important;
  transform: scale(var(--logo-scale)) !important;
  transform-origin: left center !important;
  transition: transform var(--transition) !important;
  width: auto !important;
}

body.main .digtize-site-header__nav {
  align-items: center !important;
  display: flex !important;
  flex: 1 1 auto !important;
  justify-content: center !important;
  min-width: 0 !important;
}

body.main .digtize-site-header__menu {
  align-items: center !important;
  display: flex !important;
  gap: var(--header-gap) !important;
  justify-content: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: gap var(--transition) !important;
}

body.main .digtize-site-header__menu a {
  color: var(--color-black);
  font-size: var(--header-font-size) !important;
  font-weight: 650 !important;
  line-height: 20px !important;
  padding: 12px 0 !important;
  text-decoration: none !important;
  transition: color 220ms ease, font-size var(--transition), transform 220ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

body.main .digtize-site-header.is-over-dark .digtize-site-header__menu a {
  color: color-mix(in srgb, var(--color-white) 88%, transparent);
}

body.main .digtize-site-header__menu a::before {
  display: none !important;
}

@media only screen and (max-width: 820px) {
  body.main .digtize-site-header {
    --header-height: 74px;
    --header-width: calc(100% - 24px);
  }

  body.main .digtize-site-header.is-compact {
    --header-height: 62px;
    --header-width: calc(100% - 24px);
  }

  body.main .digtize-site-header__nav,
  body.main .digtize-site-header__actions > .digtize-site-header__cta {
    display: none !important;
  }

  body.main .digtize-site-header__toggle {
    display: inline-flex !important;
  }
}



.section.dt-home-testimonials {
  --testimonial-ease: cubic-bezier(.22, 1, .36, 1);
  background: var(--color-white)!important;
  color: var(--color-black) !important;
  height: auto !important;
  overflow: hidden !important;
  position: relative !important;
  padding: var(--space-10) 0 var(--space-10);
}

.section.dt-home-testimonials .dt-home-testimonials__inner {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 auto !important;
  max-width: 1440px !important;
  padding: 0 12px !important;
  width: 100% !important;
}

.section.dt-home-testimonials--about {
  background: transparent !important;
}

.section.dt-home-testimonials .dt-home-testimonials__header {
  display: flex !important;
  justify-content: center !important;
  margin: 0 0 40px !important;
  margin-left: calc(50% - 50vw) !important;
  max-width: none !important;
  position: relative !important;
  text-align: center !important;
  width: 100vw !important;
}

.section.dt-home-testimonials--about .dt-home-testimonials__header {
  flex-direction: column !important;
  gap: 14px !important;
}

.section.dt-home-testimonials--about .dt-home-testimonials__eyebrow {
  margin: 0 !important;
}

.section.dt-home-testimonials--about .dt-home-testimonials__title em {
  display: block;
  
  
}

.section.dt-home-testimonials .dt-home-testimonials__title {
  color: var(--color-black) !important;
  max-width: 100% !important;
  text-align: center !important;
  width: 100% !important;
}

.section.dt-home-testimonials .dt-home-testimonials__title::after {
  display: none !important;
}

.section.dt-home-testimonials .dt-home-testimonials__slider {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: block !important;
}

.section.dt-home-testimonials .dt-home-testimonials__viewport {
  --testimonial-edge-fade: 12%;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin-left: calc(50% - 50vw) !important;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    color-mix(in srgb, var(--color-black) 10%, transparent) 3%,
    color-mix(in srgb, var(--color-black) 30%, transparent) 6%,
    color-mix(in srgb, var(--color-black) 60%, transparent) 9%,
    var(--color-black) var(--testimonial-edge-fade),
    var(--color-black) calc(100% - var(--testimonial-edge-fade)),
    color-mix(in srgb, var(--color-black) 60%, transparent) 91%,
    color-mix(in srgb, var(--color-black) 30%, transparent) 94%,
    color-mix(in srgb, var(--color-black) 10%, transparent) 97%,
    transparent 100%
  ) !important;
  mask-image: linear-gradient(
    90deg,
    transparent 0%,
    color-mix(in srgb, var(--color-black) 10%, transparent) 3%,
    color-mix(in srgb, var(--color-black) 30%, transparent) 6%,
    color-mix(in srgb, var(--color-black) 60%, transparent) 9%,
    var(--color-black) var(--testimonial-edge-fade),
    var(--color-black) calc(100% - var(--testimonial-edge-fade)),
    color-mix(in srgb, var(--color-black) 60%, transparent) 91%,
    color-mix(in srgb, var(--color-black) 30%, transparent) 94%,
    color-mix(in srgb, var(--color-black) 10%, transparent) 97%,
    transparent 100%
  ) !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  overflow: hidden !important;
  padding: 0 0 10px !important;
  position: relative !important;
  width: 100vw !important;
}

.section.dt-home-testimonials .dt-home-testimonials__track {
  background: transparent !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  transform: none !important;
  transition: none !important;
}

.section.dt-home-testimonials .dt-home-testimonials__row {
  background: transparent !important;
  display: flex !important;
  gap: 18px !important;
  padding: 0 7vw !important;
  transform: translate3d(0, 0, 0);
  transition: none !important;
  width: max-content !important;
  will-change: transform;
}

.section.dt-home-testimonials .dt-home-testimonials__item {
  background: transparent !important;
  display: flex !important;
  flex: 0 0 clamp(360px, 31vw, 520px) !important;
  flex-direction: column !important;
  opacity: 0 !important;
  scroll-snap-align: start;
  transform: translateY(60px) !important;
  transition:
    opacity 700ms var(--testimonial-ease),
    transform 700ms var(--testimonial-ease) !important;
  will-change: opacity, transform;
}

.section.dt-home-testimonials.is-visible .dt-home-testimonials__item {
  opacity: 1 !important;
  transform: none !important;
}

.section.dt-home-testimonials.is-visible .dt-home-testimonials__row:nth-child(1) .dt-home-testimonials__item:nth-child(2) {
  transition-delay: 80ms;
}

.section.dt-home-testimonials.is-visible .dt-home-testimonials__row:nth-child(1) .dt-home-testimonials__item:nth-child(3) {
  transition-delay: 160ms;
}

.section.dt-home-testimonials.is-visible .dt-home-testimonials__row:nth-child(2) .dt-home-testimonials__item:nth-child(1) {
  transition-delay: 240ms;
}

.section.dt-home-testimonials.is-visible .dt-home-testimonials__row:nth-child(2) .dt-home-testimonials__item:nth-child(2) {
  transition-delay: 320ms;
}

.section.dt-home-testimonials.is-visible .dt-home-testimonials__row:nth-child(2) .dt-home-testimonials__item:nth-child(3) {
  transition-delay: 400ms;
}

.section.dt-home-testimonials.is-visible .dt-home-testimonials__row:nth-child(3) .dt-home-testimonials__item:nth-child(1) {
  transition-delay: 480ms;
}

.section.dt-home-testimonials.is-visible .dt-home-testimonials__row:nth-child(3) .dt-home-testimonials__item:nth-child(2) {
  transition-delay: 560ms;
}

.section.dt-home-testimonials.is-visible .dt-home-testimonials__row:nth-child(3) .dt-home-testimonials__item:nth-child(3) {
  transition-delay: 640ms;
}

.section.dt-home-testimonials .dt-home-testimonials__card {
  background: color-mix(in srgb, var(--color-white) 8%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--color-black) 34%, transparent) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: var(--color-black) !important;
  display: flex !important;
  flex: none !important;
  flex-direction: column !important;
  height: 320px !important;
  min-height: 320px !important;
  opacity: 1 !important;
  padding: 28px 28px 24px !important;
  text-align: left !important;
  transform: none !important;
  transition: none !important;
  will-change: auto !important;
}

.section.dt-home-testimonials .dt-home-testimonials__card:hover,
.section.dt-home-testimonials .dt-home-testimonials__card:focus-within {
  border-color: color-mix(in srgb, var(--color-black) 34%, transparent) !important;
  box-shadow: none !important;
  transform: none !important;
}

.section.dt-home-testimonials .dt-home-testimonials__card h3 {
  color: var(--color-black) !important;


  margin: 0 0 6px !important;
  text-align: left !important;
}

.section.dt-home-testimonials .dt-home-testimonials__quote {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  color: var(--color-black) !important;
  display: -webkit-box;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  margin: 22px 0 0 !important;
  overflow: hidden;
  text-align: left !important;
}

.section.dt-home-testimonials .dt-home-testimonials__customer {
  align-items: center !important;
  background: transparent !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 14px !important;
  margin: 0 !important;
  min-height: 0 !important;
  text-align: left !important;
}

.section.dt-home-testimonials .dt-home-testimonials__avatar {
  align-items: center !important;
  background: color-mix(in srgb, var(--color-black) 10%, transparent) !important;
  border-radius: 999px !important;
  color: var(--color-black) !important;
  display: inline-flex !important;
  flex: 0 0 48px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  height: 48px !important;
  justify-content: center !important;
  overflow: hidden !important;
  width: 48px !important;
}

.section.dt-home-testimonials .dt-home-testimonials__avatar img {
  display: block !important;
  height: 100% !important;
  object-fit: cover !important;
  width: 100% !important;
}

.section.dt-home-testimonials .dt-home-testimonials__customer strong {
  color: var(--color-black) !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
}

.section.dt-home-testimonials .dt-home-testimonials__person {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.section.dt-home-testimonials .dt-home-testimonials__customer small {
  align-items: center !important;
  color: color-mix(in srgb, var(--color-black) 68%, transparent) !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

.section.dt-home-testimonials .dt-home-testimonials__customer small span {
  align-items: center !important;
  background: var(--color-grey) !important;
  border-radius: 999px !important;
  color: var(--color-white) !important;
  display: inline-flex !important;
  font-size: 9px !important;
  height: 15px !important;
  justify-content: center !important;
  line-height: 1 !important;
  width: 15px !important;
}

@media only screen and (max-width: 1024px) {
  .section.dt-home-testimonials .dt-home-testimonials__viewport {
    --testimonial-edge-fade: 10%;
  }

  .section.dt-home-testimonials .dt-home-testimonials__item {
    flex-basis: clamp(330px, 46vw, 460px) !important;
  }
}

@media only screen and (max-width: 720px) {
  .section.dt-home-testimonials {
    padding: 46px 0 58px !important;
  }

  .section.dt-home-testimonials .dt-home-testimonials__inner {
    padding: 0 16px !important;
  }

  .section.dt-home-testimonials .dt-home-testimonials__viewport {
    --testimonial-edge-fade: 8%;
  }

  .section.dt-home-testimonials .dt-home-testimonials__row {
    gap: 18px !important;
    padding: 0 18px !important;
  }

  .section.dt-home-testimonials .dt-home-testimonials__item {
    flex-basis: calc(100vw - 58px) !important;
  }

  .section.dt-home-testimonials .dt-home-testimonials__card {
    height: 300px !important;
    min-height: 300px !important;
    padding: 20px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .section.dt-home-testimonials .dt-home-testimonials__track,
  .section.dt-home-testimonials .dt-home-testimonials__row,
  .section.dt-home-testimonials .dt-home-testimonials__item,
  .section.dt-home-testimonials .dt-home-testimonials__card {
    transition: none !important;
  }

  .section.dt-home-testimonials .dt-home-testimonials__item {
    opacity: 1 !important;
    transform: none !important;
  }

  .section.dt-home-testimonials .dt-home-testimonials__row {
    transform: none !important;
  }
}

body #testimonials-section .dt-home-testimonials__header {
  background: transparent !important;
  display: block !important;
  margin: 0 auto 40px !important;
  max-width: none !important;
  padding: 0 !important;
  position: static !important;
  text-align: center !important;
  transform: none !important;
  width: 100% !important;
}

body #home-testimonials-title {
  background: transparent !important;
  display: block !important;
  margin: 0 auto !important;
  max-width: none !important;
  padding: 0 !important;
  text-align: center !important;
  width: 100% !important;
}

/* Premium editorial work showcase on the homepage. */
.dt-work-showcase.work {
  background: var(--color-white) !important;
  color: var(--color-black) !important;
  overflow: hidden !important;
  padding: clamp(70px, 8vw, 110px) 0 !important;
  position: relative !important;
}

.dt-work-showcase.work::before,
.dt-work-showcase.work::after {
  display: none !important;
}

.dt-work-showcase .container {
  margin: 0 auto !important;
  max-width: 1380px !important;
  padding: 0 clamp(14px, 3vw, 44px) !important;
  width: 100% !important;
}

.dt-work-showcase .our_work_header {
  margin: 0 0 clamp(42px, 5vw, 72px) !important;
  max-width: 1040px !important;
  position: relative !important;
  text-align: left !important;
}

.dt-work-showcase .our_work_header h2 {
  color: var(--color-black) !important;


  margin: 0 0 28px !important;
  text-align: left !important;
}

.dt-work-showcase .our_work_header p {
  color: color-mix(in srgb, var(--color-black) 68%, transparent) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  max-width: 760px !important;
  text-align: left !important;
}

.dt-work-showcase__list.projects {
  display: grid !important;
  gap: clamp(6px, .8vw, 10px) !important;
  grid-auto-rows: auto !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.dt-work-card.card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  opacity: 1;
  padding: 0 !important;
  position: relative !important;
  top: auto !important;
  transform: translate3d(0, 0, 0) scale(1);
  transition:
    opacity 800ms cubic-bezier(.22, 1, .36, 1),
    transform 800ms cubic-bezier(.22, 1, .36, 1) !important;
  will-change: opacity, transform;
}

.dt-work-showcase.is-motion-ready .dt-work-card.card {
  opacity: 0;
  transform: translate3d(0, 60px, 0) scale(.97);
}

.dt-work-showcase.is-motion-ready .dt-work-card.card.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.dt-work-card__link {
  color: inherit !important;
  display: block !important;
  text-decoration: none !important;
}

.dt-work-card__media {
  aspect-ratio: 1.02 / 1;
  background: var(--color-tertiary);
  border-radius: clamp(10px, 1.2vw, 16px);
  box-shadow: none;
  display: block !important;
  margin: 0 !important;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.dt-work-card__image {
  --dt-work-parallax-y: 0px;
  display: block !important;
  height: calc(100% + 24px) !important;
  left: 0;
  object-fit: contain !important;
  object-position: center center !important;
  position: absolute;
  top: -12px;
  transform: translate3d(0, var(--dt-work-parallax-y), 0) scale(1);
  transition: transform 300ms cubic-bezier(.22, 1, .36, 1) !important;
  width: 100% !important;
  will-change: transform;
}

.dt-work-card__overlay {
  background: linear-gradient(180deg, color-mix(in srgb, var(--color-black) 5%, transparent) 0%, color-mix(in srgb, var(--color-black) 64%, transparent) 100%);
  inset: 0;
  opacity: .78;
  pointer-events: none;
  position: absolute;
  transition: opacity 300ms cubic-bezier(.22, 1, .36, 1);
  will-change: opacity;
  z-index: var(--z-elevated);
}

.dt-work-card__media::before {
  align-items: center;
  background: var(--color-white);
  border-radius: 50%;
  box-shadow: 0 10px 28px color-mix(in srgb, var(--color-black) 16%, transparent);
  color: var(--color-primary-text);
  content: "↗";
  display: flex;
  font-family: "Plus Jakarta Sans", Inter, Arial, sans-serif;
  font-size: clamp(17px, 1.4vw, 22px);
  font-weight: 800;
  height: clamp(42px, 4.3vw, 56px);
  justify-content: center;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: clamp(14px, 1.5vw, 22px);
  right: clamp(14px, 1.5vw, 22px);
  transform: translate3d(0, 8px, 0) scale(.88);
  transition:
    opacity 260ms cubic-bezier(.22, 1, .36, 1),
    transform 260ms cubic-bezier(.22, 1, .36, 1);
  width: clamp(42px, 4.3vw, 56px);
  will-change: opacity, transform;
  z-index: var(--z-floating);
}

.dt-work-card__content {
  bottom: clamp(16px, 2vw, 28px);
  display: flex;
  flex-direction: column;
  gap: clamp(7px, .9vw, 11px);
  left: clamp(18px, 2.4vw, 32px);
  max-width: min(82%, 560px);
  position: absolute;
  text-align: left;
  z-index: var(--z-popover);
}

.dt-work-card__title {
  color: var(--color-white);
  display: block;


  margin: 0;
}

.dt-work-card__category {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 !important;
  padding: 0 !important;
}

.dt-work-card__category span {
  align-items: center;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: color-mix(in srgb, var(--color-white) 82%, transparent) !important;
  display: inline-flex !important;
  font-size: clamp(10px, .85vw, 12px) !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: uppercase !important;
}

.dt-work-card__category span + span::before {
  background: currentColor;
  border-radius: 999px;
  content: "";
  display: inline-block;
  height: 4px;
  margin: 0 6px 1px 0;
  opacity: .72;
  width: 4px;
}

.dt-work-card__link:hover .dt-work-card__image,
.dt-work-card__link:focus-visible .dt-work-card__image {
  transform: translate3d(0, var(--dt-work-parallax-y), 0) scale(1.05);
}

.dt-work-card__link:hover .dt-work-card__overlay,
.dt-work-card__link:focus-visible .dt-work-card__overlay {
  opacity: .9;
}

.dt-work-card__link:hover .dt-work-card__media::before,
.dt-work-card__link:focus-visible .dt-work-card__media::before {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.dt-work-showcase .our_work_footer {
  margin-top: clamp(38px, 5vw, 72px) !important;
  text-align: center !important;
}

.dt-work-showcase .our_work_footer p {
  color: color-mix(in srgb, var(--color-black) 62%, transparent) !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

.dt-work-showcase .our_work_footer a {
  color: var(--color-black) !important;
}

@media only screen and (max-width: 760px) {
  .dt-work-showcase.work {
    padding: 82px 0 !important;
  }

  .dt-work-showcase__list.projects {
    gap: 10px !important;
    grid-template-columns: 1fr !important;
  }

  .dt-work-card__media {
    aspect-ratio: 4 / 5;
    border-radius: 24px;
  }

  .dt-work-card__category {
    gap: 6px;
  }

}

@media (prefers-reduced-motion: reduce) {
  .dt-work-card.card {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .dt-work-card__image,
  .dt-work-card__overlay {
    transition: none !important;
  }
}

/* Homepage repair overrides: keep the premium sections isolated from legacy card/Swiper rules. */
.dt-work-showcase .dt-work-card.card {
  height: auto !important;
  left: auto !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  width: 100% !important;
}

.dt-work-showcase .dt-work-card .card-content,
.dt-work-showcase .dt-work-card figure {
  display: block !important;
}

.dt-work-card__media::before {
  content: "\2197" !important;
}

.dt-work-showcase .dt-work-card__image {
  max-width: none !important;
}

@media only screen and (max-width: 760px) {
  .dt-work-showcase .our_work_header {
    margin-bottom: 34px !important;
    text-align: center !important;
  }

  .dt-work-showcase .our_work_header h2,
  .dt-work-showcase .our_work_header p {
    text-align: center !important;
  }

  .dt-work-showcase .our_work_header p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .dt-work-card.card {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Global shared header: one design and state system for every page. */
body.main .digtize-site-header {
  --header-height: 90px;
  --header-width: calc(100% - 48px);
  --header-gap: 32px;
  --header-font-size: 16px;
  --header-logo-scale: 1;
  --header-motion: 380ms cubic-bezier(.22, 1, .36, 1);
  --inverse-header-surface: transparent;
  --inverse-header-dropdown: color-mix(in srgb, var(--color-white) 88%, transparent);
  --inverse-header-blur: 48px;
  --inverse-header-text: var(--color-black);
  --inverse-header-muted: var(--color-grey);
  --inverse-header-border: color-mix(in srgb, var(--color-black) 14%, transparent);
  --inverse-header-hover: var(--color-primary);
  --inverse-header-hover-soft: color-mix(in srgb, var(--color-primary) 10%, transparent);
  --inverse-header-cta-bg: var(--color-black);
  --inverse-header-cta-text: var(--color-white);
  --inverse-header-icon-bg: var(--color-black);
  --inverse-header-icon-text: var(--color-white);
  --inverse-header-shadow: 0 12px 34px color-mix(in srgb, var(--color-black) 16%, transparent);
  --inverse-header-focus: var(--color-primary);
  background: transparent !important;
  color: var(--inverse-header-text) !important;
  font-family: var(--font-family-heading) !important;
  height: var(--header-height) !important;
  left: 50% !important;
  max-width: 1320px !important;
  padding: 0 !important;
  position: fixed !important;
  right: auto !important;
  top: var(--dt-header-top) !important;
  transform: translate3d(-50%, 0, 0) !important;
  transition: height var(--header-motion), width var(--header-motion), transform var(--header-motion) !important;
  width: var(--header-width) !important;
  z-index: var(--z-fixed) !important;
}

body.main .digtize-site-header.is-over-light {
  --inverse-header-surface: transparent;
  --inverse-header-dropdown: color-mix(in srgb, var(--color-white) 88%, transparent);
  --inverse-header-text: var(--color-black);
  --inverse-header-muted: var(--color-grey);
  --inverse-header-border: color-mix(in srgb, var(--color-black) 14%, transparent);
  --inverse-header-hover: var(--color-primary);
  --inverse-header-hover-soft: color-mix(in srgb, var(--color-primary) 10%, transparent);
  --inverse-header-cta-bg: var(--color-black);
  --inverse-header-cta-text: var(--color-white);
  --inverse-header-icon-bg: var(--color-black);
  --inverse-header-icon-text: var(--color-white);
  --inverse-header-shadow: 0 12px 34px color-mix(in srgb, var(--color-black) 16%, transparent);
  --inverse-header-focus: var(--color-primary);
}

body.main .digtize-site-header.is-over-dark {
  --inverse-header-surface: transparent;
  --inverse-header-dropdown: color-mix(in srgb, var(--color-black) 88%, transparent);
  --inverse-header-text: var(--color-white);
  --inverse-header-muted: color-mix(in srgb, var(--color-white) 72%, var(--color-grey));
  --inverse-header-border: color-mix(in srgb, var(--color-white) 18%, transparent);
  --inverse-header-hover: var(--color-secondary);
  --inverse-header-hover-soft: color-mix(in srgb, var(--color-secondary) 12%, transparent);
  --inverse-header-cta-bg: var(--color-white);
  --inverse-header-cta-text: var(--color-black);
  --inverse-header-icon-bg: var(--color-white);
  --inverse-header-icon-text: var(--color-black);
  --inverse-header-shadow: 0 14px 38px color-mix(in srgb, var(--color-black) 28%, transparent);
  --inverse-header-focus: var(--color-secondary);
}

body.main .digtize-site-header.is-compact {
  --header-height: 72px;
  --header-width: min(1120px, calc(100% - 96px));
  --header-gap: 24px;
  --header-font-size: 15px;
  --header-logo-scale: .94;
}

body.main .digtize-site-header__inner {
  align-items: center !important;
  background: var(--inverse-header-surface) !important;
  -webkit-backdrop-filter: blur(var(--inverse-header-blur)) !important;
  backdrop-filter: blur(var(--inverse-header-blur)) !important;
  border: 1px solid var(--inverse-header-border) !important;
  border-radius: var(--radius-full) !important;
  box-shadow: var(--inverse-header-shadow) !important;
  color: var(--inverse-header-text) !important;
  display: flex !important;
  gap: var(--space-3) !important;
  height: 100% !important;
  justify-content: space-between !important;
  margin: 0 !important;
  max-width: none !important;
  padding: var(--space-1-5) var(--space-2-5) !important;
  transition: padding var(--header-motion), background-color var(--header-motion), border-color var(--header-motion), box-shadow var(--header-motion), -webkit-backdrop-filter var(--header-motion), backdrop-filter var(--header-motion) !important;
  width: 100% !important;
}

/* At the page top the hero remains fully visible through a borderless header. */
body.main .digtize-site-header:not(.is-scrolled):not(.is-compact):not(.is-expanding) .digtize-site-header__inner {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.main.page-template-services .digtize-site-header {
  z-index: calc(var(--z-fixed) + 1) !important;
}

body.main .digtize-site-header.is-scrolled .digtize-site-header__inner,
body.main .digtize-site-header.is-compact .digtize-site-header__inner,
body.main .digtize-site-header.is-expanding .digtize-site-header__inner {
  background: transparent !important;
  -webkit-backdrop-filter: blur(var(--inverse-header-blur)) !important;
  backdrop-filter: blur(var(--inverse-header-blur)) !important;
  border: 1px solid var(--inverse-header-border) !important;
  box-shadow: var(--inverse-header-shadow) !important;
}

body.main .digtize-site-header__brand img {
  height: 40px !important;
  max-width: 190px !important;
  transform: scale(var(--header-logo-scale)) !important;
  transform-origin: left center !important;
  transition: transform var(--header-motion) !important;
  width: auto !important;
}

body.main .digtize-site-header__brand:hover,
body.main .digtize-site-header__brand:focus-visible {
  transform: translateY(-1px) scale(1.02);
}

body.main .digtize-site-header__menu {
  gap: var(--header-gap) !important;
  transition: gap var(--header-motion) !important;
}

body.main .digtize-site-header__menu a,
body.main .digtize-site-header__mobile-menu a {
  color: var(--inverse-header-text) !important;
  font-family: var(--font-family-heading) !important;
  font-size: var(--header-font-size) !important;
  font-weight: var(--font-weight-semibold) !important;
  letter-spacing: var(--letter-spacing-normal) !important;
  line-height: var(--line-height-exact-033) !important;
}

body.main .digtize-site-header__menu a:hover,
body.main .digtize-site-header__menu a:focus-visible,
body.main .digtize-site-header__menu .is-current > a,
body.main .digtize-site-header__mobile-menu a:hover,
body.main .digtize-site-header__mobile-menu a:focus-visible {
  color: var(--inverse-header-hover) !important;
  transform: translateY(-2px);
}

body.main .digtize-site-header__menu .sub-menu,
body.main .digtize-site-header__nav .digtize-services-mega,
body.main .digtize-site-header__drawer {
  background: var(--inverse-header-dropdown) !important;
  -webkit-backdrop-filter: blur(var(--inverse-header-blur)) !important;
  backdrop-filter: blur(var(--inverse-header-blur)) !important;
  border-color: var(--inverse-header-border) !important;
  box-shadow: var(--inverse-header-shadow) !important;
  color: var(--inverse-header-text) !important;
}

body.main .digtize-site-header__cta {
  background: var(--inverse-header-cta-bg) !important;
  color: var(--inverse-header-cta-text) !important;
  gap: var(--space-1) !important;
  min-height: 48px;
  padding: 0 var(--space-3) !important;
  transition: gap var(--duration-normal) var(--ease-emphasized), transform var(--duration-normal) var(--ease-emphasized) !important;
}

body.main .digtize-site-header.is-compact .digtize-site-header__cta {
  min-height: 40px;
  padding-inline: var(--space-px-18) !important;
}

body.main .digtize-site-header__cta:hover,
body.main .digtize-site-header__cta:focus-visible {
  background: var(--inverse-header-cta-bg) !important;
  color: var(--inverse-header-cta-text) !important;
  gap: var(--space-1-5) !important;
}

body.main .digtize-site-header__cta:hover .digtize-site-header__cta-arrow,
body.main .digtize-site-header__cta:focus-visible .digtize-site-header__cta-arrow {
  transform: translateX(2px);
}

body.main .digtize-site-header__toggle {
  background: var(--inverse-header-icon-bg) !important;
  color: var(--inverse-header-icon-text) !important;
}

body.main .digtize-site-header__toggle span {
  background: var(--inverse-header-icon-text) !important;
}

body.main .digtize-site-header a:focus-visible,
body.main .digtize-site-header button:focus-visible {
  outline: 2px solid var(--inverse-header-focus) !important;
  outline-offset: 3px !important;
}

@media only screen and (max-width: 820px) {
  body.main .digtize-site-header {
    --header-height: 74px;
    --header-width: calc(100% - 24px);
  }

  body.main .digtize-site-header.is-compact,
  body.main .digtize-site-header.is-scrolled {
    --header-height: 62px;
    --header-width: calc(100% - 24px);
  }

  body.main .digtize-site-header__inner {
    padding-inline: var(--space-2) var(--space-1-5) !important;
  }

  body.main .digtize-site-header__actions {
    display: flex;
    margin-left: auto;
    opacity: 1;
    visibility: visible;
  }

  body.main .digtize-site-header__nav,
  body.main .digtize-site-header__actions > .digtize-site-header__cta {
    display: none !important;
  }

  body.main .digtize-site-header__toggle {
    display: inline-flex !important;
    flex: 0 0 44px;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.main .digtize-site-header,
  body.main .digtize-site-header *,
  body.main .digtize-site-header *::before,
  body.main .digtize-site-header *::after {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
  }
}



.page-gradient {
  background: var(--dgt-gradient-page);
}

.blogpage .afterheader {
  background: transparent;
}

.hero-surface {
  padding-top: var(--space-14);
}

@media only screen and (max-width: 820px) {
  .hero-surface {
    padding-top: var(--space-12);
  }
}


body.main:not(.home) .digtize-site-header,
body.main:not(.home) .digtize-site-header__menu a,
body.main:not(.home) .digtize-site-header__mobile-menu a,
body.main:not(.home) .digtize-services-mega,
body.main:not(.home) .digtize-services-mega__item,
body.main:not(.home) .digtize-services-mega__item em,
body.main:not(.home) .digtize-services-mega__item strong {
  font-family: var(--dgt-font-ui) !important;
  font-style: normal;
}

/* One global eyebrow treatment for every page and section. */
.section-eyebrow {
  color: var(--color-primary-text);
  font-family: var(--font-family-body) ;
  font-size: var(--font-size-sm);
  font-style: normal ;
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--letter-spacing-wide);
  line-height: var(--line-height-exact-034);
  text-transform: uppercase;
  text-align: center;
}

.hero-surface .section-eyebrow {
  margin: 0 0 var(--space-1);
}

.hero-surface .section-eyebrow + .hero-title {
  margin-top: 0;
}

body.main:not(.home) .digtize-services-hero h1 em,
body.main:not(.home) h1 strong,
body.main:not(.home) h2 strong {
  background: var(--dgt-gradient-brand);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}

body.main:not(.home) .digtize-services-hero {
  background: var(--dgt-gradient-page) !important;
}


html:has(body.page-template-about),
body.page-template-about {
  background-color: var(--color-tertiary) !important;
}

@media only screen and (max-width: 760px) {
  .portfolio-hero__title-line--primary {
    white-space: normal;
  }
}

body.main:not(.home) .button,
body.main:not(.home) .btn,
body.main:not(.home) .digtize-site-header__cta,
body.main:not(.home) .digtize-services-button,
body.main:not(.home) .about-process__cta {
  font-family: var(--dgt-font-heading) !important;
  font-weight: 600 !important;
}

/* Homepage hero: tighten the primary text group upward on desktop. */
@media only screen and (min-width: 1025px) {
  

  body.home #section1.afterheader .home-portfolio-marquee {
    bottom: auto !important;
    left: auto !important;
    margin-top: clamp(34px, 4vh, 52px) !important;
    position: relative !important;
    right: auto !important;
  }

  body.home #section1.afterheader .home-portfolio-marquee__viewport {
    padding-bottom: 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  body.home #section1.afterheader {
    height: auto;
    justify-content: flex-start;
    min-height: 100svh;
    padding: var(--space-12) 0 var(--space-5);
  }

  body.home #section1.afterheader > .container {
    overflow: visible;
  }

  body.home #section1.afterheader h1 {
    margin-top: 0;
  }

  body.home #section1.afterheader .home-portfolio-marquee {
    bottom: auto;
    left: auto;
    margin-top: var(--space-4);
    position: relative;
    right: auto;
  }
}



   
.cs {
  background: var(--color-white);
  overflow: visible;
  position: relative;
}

@media (min-width: 1025px) {
  .cs {
    margin-top: var(--space-0);
    padding-top: clamp(var(--space-10), 2vw, var(--space-px-34));
  }
}

.cs * {
  box-sizing: border-box;
  text-align: left;
}

.cs__line {
  display: block;
  max-width: none;
  overflow: visible;
  overflow-wrap: normal;
  transform: none;
  white-space: nowrap;
  word-break: normal;
}

.cs__line--accent {
  font-family: var(--font-family-accent);
  font-style: italic;
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-compact-md);
}

.cs__cards {
  display: block;
  margin: 0;
  overflow: visible;
  position: relative;
}

.cs__card {
  display: block;
  text-decoration: none;
}

.cs__card-inner {
  --case-card-background: var(--color-case-study-card);
  --case-card-text: var(--color-black);
  align-items: stretch;
  background: var(--case-card-background);
  border: var(--border-width-thin) solid color-mix(in srgb, var(--color-primary) 14%, transparent);
  border-radius: var(--radius-lg-plus);
  box-shadow: var(--shadow-sm);
  color: var(--case-card-text);
  display: grid;
  gap: clamp(var(--space-2), 2.2vw, var(--space-5));
  grid-template-columns: minmax(0, 1fr) minmax(0, 360px);
  overflow: hidden;
  min-height: clamp(300px, 34vw, 420px);
  padding: clamp(var(--space-3), 2.8vw, var(--space-4));
  transition: box-shadow var(--duration-normal) var(--ease-default),
    border-color var(--duration-normal) var(--ease-default);
}

.cs__card:hover .cs__card-inner,
.cs__card:focus-visible .cs__card-inner {
  border-color: color-mix(in srgb, var(--color-primary) 35%, transparent);
  box-shadow: 0 12px 32px color-mix(in srgb, var(--color-black) 12%, transparent);
}

.cs__card:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
}


@media (min-width: 768px) {
  .cs__cards {
    --cs-gap: 8px;
    --cs-peek: 30px;
    --cs-sticky-offset: 96px;
  }

  body.admin-bar .cs__cards {
    --cs-sticky-offset: 128px;
  }

  .cs__card {
    padding-top: var(--cs-gap);
    position: sticky;
    top: calc(var(--cs-sticky-offset) + (var(--card-index, 0) * var(--cs-peek)));
    z-index: calc(var(--card-index, 0) + 1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cs__card {
    position: static;
  }
}

.cs__card-inner:not(:has(.cs__media)) {
  grid-template-columns: 1fr;
}

.cs__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  justify-content: center;
  min-width: 0;
  width: 100%;
}

.cs__intro {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
}

.cs__num {
  color: color-mix(in srgb, var(--case-card-text) 45%, transparent);
  display: block;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-extrabold);
  letter-spacing: 0.02em;
}

.cs__card .cs__industry {
  background: transparent;
  color: var(--case-card-text);
  margin: var(--space-0);
  font-size: 18px;
}

.cs__card .cs__title {
  color: var(--case-card-text);
  display: -webkit-box;
  margin: var(--space-1) 0 0;
  overflow: hidden;
  text-wrap: balance;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.cs__card .cs__text {
  color: var(--case-card-text);
  display: -webkit-box;
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-normal);
  margin: var(--space-1) 0 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.cs__media {
  aspect-ratio: 4 / 3;
  align-self: center;
  background: var(--color-secondary);
  border-radius: var(--radius-lg);
  max-height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.cs__img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.cs__all {
  align-items: center;
  color: var(--color-black);
  display: flex;
  font-size: var(--font-size-sm-plus);
  font-weight: var(--font-weight-extrabold);
  gap: var(--space-px-10);
  justify-content: center;
  margin: var(--space-2) auto 0;
  max-width: 12.9375rem;
  position: relative;
  text-decoration: none;
  width: fit-content;
  z-index: var(--z-overlay);
}

@media (min-width: 768px) and (max-width: 1024px) {
  .cs__cards {
    --cs-peek: 24px;
  }

  .cs__card-inner {
    gap: var(--space-px-22);
    grid-template-columns: minmax(0, 1fr) minmax(0, 280px);
    padding: var(--space-3);
  }
}

@media (max-width: 767px) {
  .cs {
    padding-block: var(--space-7-5) var(--space-10);
  }

  .cs__head {
    margin-left: var(--space-0);
    margin-right: var(--space-0);
    max-width: none;
    text-align: center;
    width: 100%;
  }

  .cs__eyebrow {
    margin-bottom: var(--space-2);
  }

  .cs__cards {
    max-width: none;
    min-width: 0;
    width: 100%;
  }

  .cs__line {
    white-space: normal;
  }

  .cs__card {
    margin-bottom: var(--space-3);
  }

  .cs__card-inner {
    min-height: clamp(260px, 46vw, 330px);
    gap: var(--space-3);
    grid-template-columns: 1fr;
    border-radius: var(--radius-lg-plus);
    padding: var(--space-3);
  }

  .cs__body {
    order: 2;
  }

  .cs__media {
    aspect-ratio: 4 / 3;
    border-radius: var(--radius-md);
    min-height: 0;
    order: 1;
    width: 100%;
  }
}

/* Homepage why-us split section. */
.home-why-us {
	background:
		linear-gradient(
			180deg,
			var(--color-white) 0%,
			color-mix(in srgb, var(--color-white) 92%, transparent) 10%,
			transparent 34%
		),
		var(--dgt-gradient-page);
}

.home-why-us * {
	box-sizing: border-box;
}

.home-why-us__grid {
	align-items: stretch;
	display: grid;
	gap: clamp(var(--space-5), 6vw, var(--space-10));
	grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
	padding-block: var(--space-10);
}

.home-why-us__media {
	border-radius: var(--radius-lg-plus);
	margin: 0;
	min-height: 680px;
	overflow: hidden;
}

.home-why-us__image {
	display: block;
	height: 100%;
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.home-why-us__content {
	align-self: center;
	min-width: 0;
}

.home-why-us__eyebrow {
	margin: 0 0 var(--space-2);
	text-align: center;
}

.home-why-us__title {
	color: var(--color-black);
	margin: 0;
	max-width: 650px;
	text-align: left;
	text-wrap: balance;
}

.home-why-us__description {
	color: color-mix(in srgb, var(--color-black) 68%, transparent);
	font-family: var(--font-family-body);
	font-size: var(--font-size-md);
	line-height: var(--line-height-relaxed);
	margin: var(--space-3) 0 0;
	max-width: 650px;
	text-align: left;
}

.home-why-us__list {
	margin-top: clamp(var(--space-4), 4vw, var(--space-6));
}


.home-why-us__question {
	align-items: center;
	color: var(--color-black);
	cursor: pointer;
	display: grid;
	gap: var(--space-3);
	grid-template-columns: minmax(0, 1fr) 22px;
	list-style: none;
	padding: var(--space-3) 0;
	text-align: left;
}

.home-why-us__question::-webkit-details-marker {
	display: none;
}

.home-why-us__question:focus-visible {
	outline: var(--border-width-thick) solid var(--color-primary);
	outline-offset: var(--space-1);
}

.home-why-us__point-title {
	color: inherit;
	font-family: var(--font-family-body);
	font-size: var(--font-size-lg);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--letter-spacing-normal);
	line-height: var(--line-height-normal);
	margin: 0;
}

.home-why-us__icon {
	height: 18px;
	position: relative;
	width: 18px;
}

.home-why-us__icon::before,
.home-why-us__icon::after {
	background: var(--color-black);
	content: "";
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: opacity var(--duration-260) var(--ease-default), transform var(--duration-260) var(--ease-default);
}

.home-why-us__icon::before {
	height: 1.5px;
	width: 18px;
}

.home-why-us__icon::after {
	height: 18px;
	width: 1.5px;
}

.home-why-us__item[open] .home-why-us__icon::after {
	opacity: var(--opacity-0);
	transform: translate(-50%, -50%) rotate(90deg);
}

.home-why-us__answer p {
	color: color-mix(in srgb, var(--color-black) 68%, transparent);
	font-family: var(--font-family-body);
	font-size: var(--font-size-base);
	line-height: var(--line-height-relaxed);
	margin: 0;
	max-width: 620px;
	padding: 0 var(--space-5) var(--space-3) 0;
	text-align: left;
}

@media (max-width: 900px) {
	.home-why-us__grid {
		gap: var(--space-6);
		grid-template-columns: 1fr;
	}

	.home-why-us__media {
		aspect-ratio: 16 / 10;
		min-height: 0;
	}

	.home-why-us__image {
		object-position: center 38%;
	}
}

@media (max-width: 600px) {
	.home-why-us__grid {
		gap: var(--space-5);
		padding-block: var(--space-8);
	}

	.home-why-us__media {
		aspect-ratio: 4 / 3;
		border-radius: var(--radius-lg);
	}

	.home-why-us__title {
		font-size: var(--font-size-3xl);
		line-height: var(--line-height-tight);
	}

	.home-why-us__description {
		font-size: var(--font-size-base);
	}

	.home-why-us__point-title {
		font-size: var(--font-size-md);
	}
}

@media (prefers-reduced-motion: reduce) {
	.home-why-us__icon::before,
	.home-why-us__icon::after {
		transition: var(--transition-none);
	}
}

/* ==========================================================================
   CONSOLIDATED: ABOUT PAGE
   Section: About page
   HI-17 (docs/04_change_plan.md): despite the label, this section is NOT
   safe to extract into an about.php-only conditional stylesheet as-is --
   .about-faq* (FAQ accordion) is also rendered by contact.php,
   page-home.php, and single-services.php; .about-brand-marquee__* and
   .about-executive-team* back template-parts included elsewhere too.
   Confirmed by cross-referencing every class in this section against every
   template's markup before attempting a split. See the HI-17 "Update" note
   in docs/04_change_plan.md for the full finding.
   ========================================================================== */
@property --about-card-float {
	syntax: "<length>";
	inherits: false;
	initial-value: 0px;
}

.about-story {
	background: var(--color-tertiary);
	overflow: hidden;
	padding: clamp(var(--space-6), 5vw, var(--space-10)) 0;
	width: 100%;
}

.about-story * {
	box-sizing: border-box;
}

.about-story h2.about-story__title {
	color: var(--color-black);
	font-size: var(--font-size-display-md);
	line-height: var(--line-height-exact-043);
	margin: 0 0 var(--space-4-5);
	max-width: 700px;
	text-align: left;
	text-wrap: balance;
}

.about-story__grid {
	align-items: center;
	display: grid;
	gap: 48px;
	grid-template-columns: repeat(2, minmax(0, 745.4px));
	justify-content: center;
	margin: 0 auto;
	max-width: 1538.8px;
	width: 100%;
}

.about-story__media,
.about-story__content {
	max-width: 745.4px;
	width: 100%;
}

.about-story__media {
	height: 640.06px;
	margin: 0;
	overflow: visible;
	position: relative;
}

.about-story__image {
	display: block;
	object-fit: cover;
	position: absolute;
}

.about-story__image--main {
	border-radius: 18px;
	height: 72%;
	left: 7.5%;
	object-position: center;
	top: 15%;
	width: 86%;
}

.about-story__content {
	align-items: flex-start;
	color: var(--color-black);
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 640.06px;
	padding: clamp(20px, 2.5vw, 44px) clamp(12px, 2vw, 32px);
}

.about-story__content p {
	color: var(--color-grey-text);
	font-family: var(--font-family-body);
	font-size: var(--font-size-md);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-compact-xs);
	line-height: 2;
	margin: 0;
	max-width: 700px;
}

.about-story__content p + p {
	margin-top: clamp(28px, 3vw, 46px);
}

.about-brand-marquee {
	background: var(--color-black);
	overflow: hidden;
	padding: var(--space-6) 0;
	width: 100%;
}

.about-brand-marquee * {
	box-sizing: border-box;
}

.about-brand-marquee__header {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 0 var(--space-3) var(--space-6);
	position: relative;
	touch-action: pan-y;
	-webkit-user-select: none;
	user-select: none;
}

.about-brand-marquee__heading {
	
	margin: 0;
	text-align: center;

}

.about-brand-marquee__viewport {
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, var(--color-black) 16%, var(--color-black) 84%, transparent 100%);
	cursor: grab;
	mask-image: linear-gradient(90deg, transparent 0%, var(--color-black) 16%, var(--color-black) 84%, transparent 100%);
	overflow: hidden;
	touch-action: pan-y;
	-webkit-user-select: none;
	user-select: none;
	width: 100%;
}

.about-brand-marquee.is-dragging .about-brand-marquee__viewport {
	cursor: grabbing;
}

.about-brand-marquee__track {
	align-items: center;
	display: flex;
	gap: var(--space-px-90);
	transform: translate3d(0, 0, 0);
	width: max-content;
	animation: about-brand-marquee 45s var(--ease-linear) infinite;
	will-change: transform;
}

.about-brand-marquee__group {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	gap: var(--space-px-90);
	white-space: nowrap;
}

.about-brand-marquee__logo {
	color: var(--color-tertiary);
	display: block;
	fill: currentColor;
  flex: 0 0 auto;
	height: 40px;
	max-width: 180px;
	object-fit: contain;
	opacity: var(--opacity-75);
	transform: translate3d(0, 0, 0);
	transition: opacity var(--duration-medium) var(--ease-default), transform var(--duration-medium) var(--ease-default);
	-webkit-user-drag: none;
	user-select: none;
	width: auto;
}

.about-brand-marquee__logo:hover {
	opacity: var(--opacity-100);
	transform: translate3d(0, 0, 0) scale(1.05);
}

.about-brand-marquee--service {
	background: var(--color-white);
}

.about-brand-marquee--service .about-brand-marquee__heading {
	color: var(--svd-navy);
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-heavy);
	text-transform: uppercase;
}

.about-brand-marquee__viewport:hover .about-brand-marquee__track {
	animation-play-state: paused;
}

@keyframes about-brand-marquee {
	from {
		transform: translate3d(0, 0, 0);
	}

	to {
		transform: translate3d(calc(-50% - 45px), 0, 0);
	}
}

.about-process {
	--process-bg: var(--color-black);
	--process-cream: var(--color-tertiary);
	--process-cream-72: var(--color-tertiary);
	--process-accent: var(--color-tertiary);
	--process-font-sans: var(--font-family-body);
	--process-font-serif: var(--font-family-accent);
	background: var(--process-bg);
	color: var(--process-cream);
	padding: var(--space-15) 0 0;
	width: 100%;
}

.about-global-team {
	background: var(--color-black);
	padding: var(--space-5) 0 var(--space-7);
	width: 100%;
}

.about-global-team * {
	box-sizing: border-box;
}

.about-global-team__banner {
	border-radius: var(--radius-sm-wide);
	height: 724px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.about-global-team__image {
	display: block;
	height: 100%;
	object-fit: cover;
	object-position: center right;
	transform: scale(1);
	transition: transform var(--duration-slower) var(--ease-out);
	width: 100%;
}

.about-global-team__banner:hover .about-global-team__image {
	transform: scale(1.02);
}

.about-global-team__overlay {
	background: linear-gradient(90deg, var(--color-black) 0%, var(--color-black) 32%, transparent 56%, transparent 78%);
	inset: 0;
	position: absolute;
	z-index: var(--z-raised);
}

.about-global-team__content {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	left: var(--space-7);
	max-width: var(--container-sm-narrow);
	position: absolute;
	top: var(--space-7);
	z-index: var(--z-elevated);
}

.about-global-team__eyebrow {
	color: var(--color-tertiary);
	font-family: var(--font-family-body);
	font-size: var(--font-size-base);
	font-style: normal;
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-px-3);
	line-height: var(--line-height-exact-035);
	margin: 0 0 var(--space-px-18);
	text-transform: uppercase;
}

.about-global-team__heading {
	color: var(--color-tertiary);


	margin: var(--space-0);
}

.about-global-team__heading span,
.about-global-team__heading em {
	display: inline;
}

.about-global-team__heading span {
	color: var(--color-tertiary);	
}

.about-global-team__heading em {
	color: var(--color-tertiary);
	
}

.about-global-team__description {
	color: var(--color-tertiary);
	font-family: var(--font-family-body);
	font-size: var(--font-size-md);
	font-style: normal;
	font-weight: var(--font-weight-regular);
	line-height: var(--line-height-exact-036);
	margin: var(--space-3) 0 0;
	max-width: var(--container-sm-compact);
}

.about-global-team__cards {
	display: flex;
	flex-direction: column;
	gap: var(--space-1);
	margin-top: var(--space-4);
	max-width: var(--container-sm-narrow);
	position: static;
	width: 640px;
}

.about-global-team__card {
	--about-card-float: 0px;
	--about-card-parallax: 0px;
	--about-card-hover-y: 0px;
	--about-card-scale: 1;
	align-items: center;
	-webkit-backdrop-filter: blur(22px);
	backdrop-filter: blur(22px);
	background: transparent;
	border: var(--border-width-thin) solid transparent;
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-exact-015);
	color: var(--color-tertiary);
	display: flex;
	gap: var(--space-3);
	height: 100px;
	overflow: hidden;
	padding: var(--space-2-5) var(--space-3);
	position: relative;
	transition: transform var(--duration-medium) var(--ease-default), backdrop-filter var(--duration-medium) var(--ease-default), background-color var(--duration-medium) var(--ease-default), border-color var(--duration-medium) var(--ease-default);
	transform: translateY(calc(var(--about-card-float) + var(--about-card-parallax) + var(--about-card-hover-y))) scale(var(--about-card-scale));
	width: 640px;
	will-change: transform;
	animation: about-global-card-float var(--duration-5000) var(--ease-in-out) infinite alternate;
}

.about-global-team__card:nth-child(2) {
	animation-delay: var(--duration-800);
}

.about-global-team__card:nth-child(3) {
	animation-delay: var(--duration-1600);
}

.about-global-team__card::before {
	background: linear-gradient(105deg, transparent 0%, transparent 48%, transparent 100%);
	content: "";
	height: 160%;
	left: -80%;
	opacity: var(--opacity-45);
	pointer-events: none;
	position: absolute;
	top: -30%;
	transform: translateX(0) skewX(-18deg);
	width: 55%;
	animation: about-global-card-shimmer var(--duration-6000) var(--ease-linear) infinite;
}

.about-global-team__card:nth-child(2)::before {
	animation-delay: var(--duration-1000);
}

.about-global-team__card:nth-child(3)::before {
	animation-delay: var(--duration-2000);
}

.about-global-team__card:hover {
	-webkit-backdrop-filter: blur(26px) brightness(1.08);
	backdrop-filter: blur(26px) brightness(1.08);
	border-color: transparent;
	--about-card-hover-y: -6px;
	--about-card-scale: 1.015;
}

.about-global-team__icon {
	align-items: center;
	background: transparent;
	border: var(--border-width-thin) solid transparent;
	border-radius: var(--radius-md);
	display: inline-flex;
	flex: 0 0 56px;
	height: 56px;
	justify-content: center;
	transition: transform var(--duration-medium) var(--ease-default);
	width: 56px;
}

.about-global-team__card:hover .about-global-team__icon {
	transform: scale(1.08) rotate(4deg);
}

.about-global-team__icon i {
	color: var(--color-tertiary);
	font-size: var(--font-size-2xl-plus);
	line-height: var(--line-height-none);
}

.about-global-team__card-text {
	color: var(--color-tertiary);
	font-family: var(--font-family-body);
	font-size: var(--font-size-lg-plus);
	font-style: normal;
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-normal);
	line-height: var(--line-height-exact-038);
	transition: transform var(--duration-medium) var(--ease-default);
}

.about-global-team__card:hover .about-global-team__card-text {
	transform: translateX(6px);
}

@keyframes about-global-card-float {
	from {
		--about-card-float: 0px;
	}

	to {
		--about-card-float: -4px;
	}
}

@keyframes about-global-card-shimmer {
	from {
		transform: translateX(0) skewX(-18deg);
	}

	to {
		transform: translateX(360%) skewX(-18deg);
	}
}

.about-executive-team {
	background: var(--color-tertiary);
	overflow: hidden;
	overflow-x: clip;
	padding: var(--space-5-5) 0 var(--space-11);
	width: 100%;
}

.about-executive-team * {
	box-sizing: border-box;
}

.about-executive-team > .container {
	contain: none;
	overflow: visible;
	position: relative;
}

.about-executive-team__intro {
	margin: 0 auto var(--space-8);
	max-width: 1500px;
	text-align: center;
	width: 100%;
}

.about-executive-team__eyebrow {
	color: var(--color-black);
	font-family: var(--font-family-body);
	font-size: var(--font-size-sm);
	font-style: normal;
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-open-2xl);
	line-height: var(--line-height-exact-034);
	margin: 0 0 var(--space-px-14);
	text-transform: uppercase;
}

.about-executive-team__heading {
	color: var(--color-black);


	margin: var(--space-0);
	max-width: 1500px;
	text-wrap: balance;
	width: 100%;
}

.about-executive-team__heading em {
	color: var(--color-black);


	white-space: nowrap;
}

.about-executive-team__viewport {
	contain: layout paint;
	cursor: grab;
	margin-left: calc(50% - 50vw);
	overflow: hidden;
	overflow-x: clip;
	position: relative;
	touch-action: pan-y;
	-webkit-user-select: none;
	user-select: none;
	width: 100vw;
}

.about-executive-team.is-dragging .about-executive-team__viewport {
	cursor: grabbing;
}

.about-executive-team__track {
	--executive-card-width: clamp(248px, 22vw, 296px);
	display: flex;
	gap: var(--space-3);
	left: 0;
	max-width: none;
	padding-bottom: var(--space-2);
	position: relative;
	touch-action: pan-y;
	transform: translate3d(0, 0, 0);
	width: max-content;
	will-change: transform;
	z-index: var(--z-raised);
}

.about-executive-team__card {
	--executive-ease: var(--ease-executive);
	background: var(--color-black);
	border-radius: var(--radius-xl-plus);
	flex: 0 0 var(--executive-card-width);
	height: 520px;
	overflow: hidden;
	position: relative;
	transform: translateZ(0);
	transition: transform var(--duration-360) var(--executive-ease);
	will-change: transform;
}

.about-executive-team__card:focus-visible {
	outline: var(--border-width-thick) solid transparent;
	outline-offset: 6px;
}

.about-executive-team__card img {
	display: block;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform var(--duration-380) var(--executive-ease);
	-webkit-user-drag: none;
	user-select: none;
	width: 100%;
	will-change: transform;
}

.about-executive-team__card:hover,
.about-executive-team__card:focus-visible {
	transform: translateY(-8px) translateZ(0);
}

.about-executive-team__card:hover img,
.about-executive-team__card:focus-visible img {
	transform: scale(1.03);
}

.about-executive-team__name {
	align-items: flex-start;
	background: var(--color-black);
	bottom: 0;
	color: var(--color-tertiary);
	display: flex;
	flex-direction: column;
	font-family: var(--font-family-accent);
	font-size: var(--font-size-lg-plus);
	font-style: normal;
	font-weight: var(--font-weight-regular);
	height: 72px;
	justify-content: center;
	left: 0;
	line-height: var(--line-height-exact-037);
	padding: 0 var(--space-3-5);
	position: absolute;
	transition: height var(--duration-360) var(--ease-executive);
	width: 100%;
}

.about-executive-team__card:hover .about-executive-team__name,
.about-executive-team__card:focus-visible .about-executive-team__name {
	height: 108px;
}

.about-executive-team__name span {
	display: block;
	flex: 0 0 auto;
	transform: translateZ(0);
}

.about-executive-team__name small {
	color: var(--color-secondary);
	display: block;
	font-family: var(--font-family-body);
	font-size: var(--font-size-sm);
	font-style: normal;
	font-weight: var(--font-weight-medium);
	line-height: var(--line-height-exact-033);
	margin-top: var(--space-0);
	max-height: 0;
	opacity: var(--opacity-0);
	overflow: hidden;
	transform: translate3d(0, 12px, 0);
	transition:
		opacity var(--duration-320) var(--ease-executive),
		transform var(--duration-320) var(--ease-executive),
		max-height var(--duration-320) var(--ease-executive),
		margin-top var(--duration-320) var(--ease-executive);
	will-change: opacity, transform;
}

.about-executive-team__card:hover .about-executive-team__name small,
.about-executive-team__card:focus-visible .about-executive-team__name small {
	margin-top: var(--space-1);
	max-height: 24px;
	opacity: var(--opacity-100);
	transform: translate3d(0, 0, 0);
}

.about-executive-team__card--lime .about-executive-team__name {
	background: var(--color-tertiary);
	color: var(--color-black);
}

.about-executive-team__card--rose .about-executive-team__name {
	background: var(--color-black);
	color: var(--color-tertiary);
}

.about-executive-team__card--blue .about-executive-team__name {
	background: var(--color-primary);
	color: var(--color-tertiary);
}

.about-comparison {
	background: var(--color-tertiary);
	padding: var(--space-15) 0 var(--space-16);
	width: 100%;
}

.about-comparison * {
	box-sizing: border-box;
}

.about-comparison__eyebrow {
	color: var(--color-black);
	font-family: var(--font-family-body);
	font-size: var(--font-size-sm);
	font-style: normal;
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-normal);
	line-height: var(--line-height-exact-034);
	margin: 0 0 var(--space-2-5);
	text-align: center;
	text-transform: none;
}

.about-comparison__heading {
	color: var(--color-black);
	margin: 0 auto var(--space-9);
	max-width: 820px;
	text-align: center;
	text-wrap: balance;
}

.about-comparison__grid {
	display: grid;
	gap: var(--space-2);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.about-comparison__panel {
	border-radius: var(--radius-md);
	display: flex;
	flex-direction: column;
	min-height: 470px;
	padding: var(--space-5-5) var(--space-6);
}

.about-comparison__panel--muted {
	background: var(--color-tertiary);
	border: var(--border-width-thin) solid var(--color-black);
}

.about-comparison__panel--accent {
	background: var(--color-tertiary);
	border: var(--border-width-thin) solid transparent;
}

.about-comparison__intro {
	margin-bottom: var(--space-px-42);
	max-width: var(--container-xs);
}

.about-comparison__intro h3 {
	color: var(--color-black);
	margin: 0 0 var(--space-1-5);
}

.about-comparison__intro p,
.about-comparison__list {
	color: var(--color-black);
	font-family: var(--font-family-body);
	font-size: var(--font-size-sm);
	font-style: normal;
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-normal);
	line-height: var(--line-height-exact-033);
}

.about-comparison__intro p {
	margin: var(--space-0);
}

.about-comparison__list {
	list-style: none;
	margin: var(--spacing-exact-056);
	padding: var(--space-0);
}

.about-comparison__list li {
	align-items: center;
	border-top: var(--border-width-thin) solid transparent;
	display: grid;
	gap: var(--space-3);
	grid-template-columns: minmax(0, 1fr) 18px;
	padding: var(--space-px-18) 0;
}

.about-comparison__list li:first-child {
	border-top: var(--border-width-none);
}

.about-comparison__list span {
	display: block;
}

.about-comparison__list i {
	color: var(--color-black);
	font-family: var(--font-family-body);
	font-size: var(--font-size-base);
	font-style: normal;
	font-weight: var(--font-weight-regular);
	line-height: var(--line-height-none);
	text-align: center;
}

.about-faq {
	width: 100%;
}

.about-faq * {
	box-sizing: border-box;
}

.about-faq__eyebrow {
  padding-top: 30px;
	color: var(--color-primary-text);
	font-family: var(--font-family-body);
	font-size: var(--font-size-sm);
	font-style: normal;
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-normal);
	line-height: var(--line-height-exact-034);
	margin: 0 0 var(--space-px-18);
	text-transform: uppercase;
}

.about-faq__heading {
	color: var(--color-black);
	max-width: 940px;
}

.about-faq__heading em {
	color: var(--color-black);	
}

.about-faq__question {
	align-items: center;
	color: var(--color-black);
	cursor: pointer;
	display: grid;
	font-family: var(--font-family-body);
	font-size: var(--font-size-lg);
	font-style: normal;
	font-weight: var(--font-weight-medium);
	gap: var(--space-3);
	grid-template-columns: minmax(0, 1fr) 24px;
	list-style: none;
	line-height: var(--line-height-exact-036);
	padding: var(--space-px-34) 0;
	text-align: left;
}

.about-faq__question::-webkit-details-marker {
	display: none;
}

.about-faq__item-title {
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
	margin: 0;
}

.about-faq__question:focus-visible {
	outline: var(--border-width-thick) solid var(--color-primary);
	outline-offset: 6px;
}

.about-faq__icon {
	height: 18px;
	position: relative;
	width: 18px;
}

.about-faq__icon::before,
.about-faq__icon::after {
	background: var(--color-black);
	content: "";
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: transform var(--duration-260) var(--ease-default), opacity var(--duration-260) var(--ease-default);
}

.about-faq__icon::before {
	height: 1.5px;
	width: 18px;
}

.about-faq__icon::after {
	height: 18px;
	width: 1.5px;
}

.about-faq__item[open] .about-faq__icon::after {
	opacity: var(--opacity-0);
	transform: translate(-50%, -50%) rotate(90deg);
}

.about-faq__answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height var(--duration-320) var(--ease-default);
}

.about-faq__item[open] .about-faq__answer {
	max-height: none;
	overflow: visible;
}

.about-faq__item[open] .about-faq__answer p {
	opacity: var(--opacity-100);
	padding-bottom: var(--space-3-5);
}


html:has(body.page-template-about),
body.page-template-about {
	background: var(--color-tertiary);
	margin: var(--space-0);
	max-width: 100%;
	min-height: 100%;
	padding: var(--space-0);
	overflow-x: clip !important;
	width: 100%;
}

body:has(.digtize-about-page) {
	position: relative;
}

body:has(.digtize-about-page) .digtize-about-page,
body:has(.digtize-about-page) .about-executive-team{
	max-width: 100%;
	overflow-x: clip;
}

body:has(.digtize-about-page) {
	clip-path: none;
}

body:has(.digtize-about-page) a[href*="wa.me"],
body:has(.digtize-about-page) a[href*="whatsapp"],
body:has(.digtize-about-page) .joinchat__button,
body:has(.digtize-about-page) .qlwapp-toggle,
body:has(.digtize-about-page) .wa__btn_popup,
body:has(.digtize-about-page) [class*="message-us"],
body:has(.digtize-about-page) [class*="MessageUs"],
body:has(.digtize-about-page) .about-message-button {
	align-items: center !important;
	background: var(--color-primary) !important;
	border: var(--border-width-none) !important;
	border-radius: var(--radius-full) !important;
	box-shadow: var(--shadow-exact-022) !important;
	color: var(--color-white) !important;
	display: inline-flex !important;
	font-family: var(--font-family-body) !important;
	font-size: var(--font-size-sm) !important;
	font-style: normal !important;
	font-weight: var(--font-weight-medium) !important;
	height: 56px !important;
	justify-content: center !important;
	line-height: var(--line-height-exact-033) !important;
	padding: 0 var(--space-3-5) !important;
	text-decoration: none !important;
	transition: transform var(--duration-medium) var(--ease-default), box-shadow var(--duration-medium) var(--ease-default), background-color var(--duration-medium) var(--ease-default) !important;
}

body:has(.digtize-about-page) a[href*="wa.me"]:hover,
body:has(.digtize-about-page) a[href*="whatsapp"]:hover,
body:has(.digtize-about-page) .joinchat__button:hover,
body:has(.digtize-about-page) .qlwapp-toggle:hover,
body:has(.digtize-about-page) .wa__btn_popup:hover,
body:has(.digtize-about-page) [class*="message-us"]:hover,
body:has(.digtize-about-page) [class*="MessageUs"]:hover,
body:has(.digtize-about-page) .about-message-button:hover {
	background: color-mix(in srgb, var(--color-primary), var(--color-black) 10%) !important;
	box-shadow: var(--shadow-exact-036) !important;
	color: var(--color-white) !important;
	transform: translateY(-2px) !important;
}

.about-process * {
	box-sizing: border-box;
}

.about-process > .container {
	overflow: visible;
}

.about-process__layout {
	align-items: flex-start;
	display: grid;
	gap: var(--space-15);
	grid-template-columns: minmax(0, .45fr) minmax(0, .55fr);
	overflow: visible;
	padding-bottom:  0;
}

.about-process__content {
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
	max-width: var(--container-sm-compact);
	min-width: 0;
}

.about-process__eyebrow {
	color: var(--process-cream);
	font-family: var(--process-font-sans);
	font-size: var(--font-size-base);
	font-style: normal;
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-open-3xl);
	line-height: var(--line-height-exact-035);
	margin: 0 0 calc(-1 * var(--space-1));
	text-transform: uppercase;
}

.about-process__heading {
	color: var(--process-cream);
	margin: var(--space-0);
	max-width: var(--container-sm-compact);
}

.about-process__highlight {
	display: block;
	color: var(--process-cream);
	font-family: var(--process-font-serif);
	font-size: var(--font-size-exact-062);
	font-style: italic;
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-normal);
	line-height: var(--line-height-exact-050);
	margin: var(--space-0);
	max-width: var(--container-sm-compact);
}

.about-process__highlight em {
	font: inherit;
}

.about-process__description {
	color: var(--color-tertiary);
	font-family: var(--process-font-sans);
	font-size: var(--font-size-md);
	font-style: normal;
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-normal);
	line-height: var(--line-height-exact-036);
	margin: var(--space-0);
	max-width: var(--container-xs);
}

.about-process__cta {
	align-items: center;
	background: var(--color-primary);
	border-radius: var(--radius-full);
	color: var(--color-white);
	display: inline-flex;
	font-family: var(--process-font-sans);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
	height: 64px;
	justify-content: center;
	line-height: var(--line-height-exact-033);
	margin-top: var(--space-1);
	max-width: none;
	min-width: unset;
	padding: 0 var(--space-4);
	text-decoration: none;
	width: fit-content;
}

.about-process__cta:focus-visible {
	outline: var(--border-width-thick) solid color-mix(in srgb, var(--color-primary), transparent 58%);
	outline-offset: 4px;
}

.about-process__stats {
	display: grid;
	gap: var(--space-px-30);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: var(--space-8);
	max-width: var(--container-xs);
}

.about-process__stat {
	min-width: 0;
}

.about-process__stat strong {
	color: var(--process-cream);
	display: block;
	font-family: var(--process-font-serif);
	font-size: var(--font-size-7xl);
	font-style: normal;
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-normal);
	line-height: var(--line-height-exact-047);
	white-space: nowrap;
}

.about-process__stat span {
	color: var(--process-cream-72);
	display: block;
	font-family: var(--process-font-sans);
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-regular);
	line-height: var(--line-height-exact-035);
	margin-top: var(--space-1-5);
}

.about-process__timeline {
	display: grid;
	gap: var(--space-0);
	position: relative;
}

.about-process__timeline-item {
	display: grid;
	gap: var(--space-5);
	grid-template-columns: 48px minmax(0, 1fr);
	min-height: 220px;
	opacity: var(--opacity-100);
	position: relative;
	transition: opacity var(--duration-medium) var(--ease-default);
}

.about-process__timeline-marker {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: var(--space-0);
	position: relative;
	z-index: var(--z-elevated);
}

.about-process__timeline-number {
	align-items: center;
	background: var(--process-bg);
	border: var(--border-width-none);
	border-radius: var(--radius-circle);
	color: transparent;
	display: inline-flex;
	flex: 0 0 48px;
	font-family: var(--process-font-serif);
	font-size: var(--font-size-exact-025);
	font-style: normal;
	font-weight: var(--font-weight-regular);
	height: 48px;
	justify-content: center;
	letter-spacing: var(--letter-spacing-normal);
	line-height: var(--line-height-exact-048);
	position: relative;
	text-align: center;
	text-rendering: optimizeLegibility;
	transform: scale(.95);
	transition: color var(--duration-medium) var(--ease-out), opacity var(--duration-medium) var(--ease-out), transform var(--duration-medium) var(--ease-out);
	width: 48px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	z-index: var(--z-popover);
}

.about-process__timeline-item.is-complete .about-process__timeline-number,
.about-process__timeline-item.is-active .about-process__timeline-number {
	color: var(--process-cream);
	opacity: var(--opacity-100);
	transform: scale(1);
}

.about-process__timeline-circle {
	height: 48px;
	inset: 0;
	overflow: visible;
	pointer-events: none;
	position: absolute;
	transform: rotate(-90deg);
	width: 48px;
	z-index: var(--z-raised);
}

.about-process__timeline-circle-bg,
.about-process__timeline-circle-progress {
	fill: none;
	stroke-linecap: round;
	stroke-width: 2;
	transform-origin: 50% 50%;
}

.about-process__timeline-circle-bg {
	stroke: transparent;
}

.about-process__timeline-circle-progress {
	stroke: var(--process-accent);
	stroke-dasharray: 144.52;
	stroke-dashoffset: 144.52;
	will-change: stroke-dashoffset;
}

.about-process__timeline-number-text {
	position: relative;
	z-index: var(--z-elevated);
}

.about-process__timeline-connector {
	background: transparent;
	border-radius: var(--radius-full);
	display: block;
	height: 0;
	left: 23px;
	margin-top: var(--space-0);
	overflow: hidden;
	position: absolute;
	width: 2px;
	z-index: var(--z-base);
}

.about-process__timeline-connector--bottom {
	top: var(--space-6);
}

.about-process__timeline-connector-fill {
	background: var(--process-accent);
	border-radius: inherit;
	display: block;
	height: 100%;
	transform: scaleY(0);
	transform-origin: top;
	width: 100%;
	will-change: transform;
}

.about-process__timeline-content {
	padding-bottom: var(--space-10);
	position: relative;
	z-index: var(--z-raised);
}

.about-process__timeline-category {
	color: var(--process-cream);
	margin: 0 0 var(--space-1);
	text-decoration: none;
	white-space: nowrap;
}

.about-process__timeline h3 {
	color: var(--process-cream);
  margin: var(--space-half) 0 var(--space-1-5);
	
}

.about-process__timeline p:not(.about-process__timeline-category) {
	color: var(--color-tertiary);
	margin: var(--space-0);
	max-width: var(--container-2xs);
}

.about-process.is-motion-ready .about-process__timeline-category,
.about-process.is-motion-ready .about-process__timeline h3,
.about-process.is-motion-ready .about-process__timeline p:not(.about-process__timeline-category) {
	transition: opacity var(--duration-long) var(--ease-default), transform var(--duration-long) var(--ease-default);
}

.about-process.is-motion-ready .about-process__timeline-category {
	opacity: var(--opacity-30);
	transform: translateY(12px);
}

.about-process.is-motion-ready .about-process__timeline h3 {
	opacity: var(--opacity-30);
	transform: translateY(16px);
}

.about-process.is-motion-ready .about-process__timeline p:not(.about-process__timeline-category) {
	opacity: var(--opacity-25);
	transform: translateY(18px);
}

.about-process.is-motion-ready .about-process__timeline-item.is-complete:not(.is-active) .about-process__timeline-category,
.about-process.is-motion-ready .about-process__timeline-item.is-complete:not(.is-active) h3,
.about-process.is-motion-ready .about-process__timeline-item.is-complete:not(.is-active) p:not(.about-process__timeline-category) {
	opacity: var(--opacity-58);
	transform: translateY(0);
}

.about-process.is-motion-ready .about-process__timeline-item.is-active .about-process__timeline-category,
.about-process.is-motion-ready .about-process__timeline-item.is-active h3,
.about-process.is-motion-ready .about-process__timeline-item.is-active p:not(.about-process__timeline-category) {
	opacity: var(--opacity-100);
	transform: translateY(0);
}

@media (min-width: 1025px) {
	.digtize-about-hero__title .hero-title-primary {
		white-space: nowrap;
	}

	.about-process__content {
		align-self: flex-start;
		height: fit-content;
		position: sticky;
		top: calc(var(--dt-header-top, 0px) + 120px);
		will-change: transform;
		z-index: var(--z-elevated);
	}
}

@media (max-width: 1024px) {
	.about-story__grid {
		gap: var(--space-6);
		grid-template-columns: 1fr;
		justify-items: center;
	}

	.about-story__media {
		height: min(82vw, 640.06px);
	}

	.about-story h2.about-story__title {
		font-size: var(--font-size-4xl);
		line-height: var(--space-5-5);
	}

	.about-story__content {
		height: auto;
		min-height: 0;
		padding: clamp(24px, 4vw, 48px);
	}

	.about-story__content p {
		font-size: 17px;
		line-height: 32px;
	}

	.about-brand-marquee__track,
	.about-brand-marquee__group {
		gap: var(--space-7-5);
	}

	@keyframes about-brand-marquee {
		from {
			transform: translate3d(0, 0, 0);
		}

		to {
			transform: translate3d(calc(-50% - 30px), 0, 0);
		}
	}

	.about-process {
		padding: var(--space-13) 0;
	}

	.about-global-team__banner {
		height: 640px;
	}

	.about-global-team__content {
		left: var(--space-5);
		max-width: calc(100% - 80px);
		top: var(--space-5);
	}

	.about-global-team__cards {
		max-width: var(--container-xs-wide);
		width: 560px;
	}

	.about-global-team__card {
		width: 560px;
	}

	.about-executive-team__track {
		--executive-card-width: clamp(280px, 44vw, 360px);
	}

	.about-executive-team__card {
		height: 500px;
	}

	.about-comparison__grid {
		grid-template-columns: 1fr;
	}

	.about-comparison__panel {
		min-height: 0;
	}

	.about-process__layout {
		gap: var(--space-10);
		grid-template-columns: 1fr;
	}

	.about-process__heading {
		max-width: var(--container-readable);
	}

	.about-process__highlight {
		max-width: var(--container-readable);
	}

	.about-process__stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: var(--container-sm-narrow);
	}

	.about-process__timeline-item,
	.about-process__timeline-item.is-active {
		opacity: var(--opacity-100);
	}

	.about-process.is-motion-ready .about-process__timeline-category,
	.about-process.is-motion-ready .about-process__timeline h3,
	.about-process.is-motion-ready .about-process__timeline p:not(.about-process__timeline-category) {
		opacity: var(--opacity-100);
		transform: none;
	}

	.about-process__timeline-number {
		color: var(--process-cream);
		transform: scale(1);
	}

}

@media (max-width: 767px) {
	.about-story {
		padding: var(--space-5) 0;
	}

	.about-story h2.about-story__title {
		font-size: var(--font-size-3xl);
		line-height: var(--space-4-5);
		margin-bottom: var(--space-4);
	}

	.about-story__grid {
		grid-template-columns: 1fr;
	}

	.about-story__media,
	.about-story__content {
		max-width: none;
	}

	.about-story__media {
		height: clamp(410px, 112vw, 520px);
	}

	.about-story__image--main {
		border-radius: 14px;
		height: 68%;
		left: 5%;
		top: 16%;
		width: 90%;
	}

	.about-story__content {
		height: auto;
		min-height: 0;
		padding: var(--space-5) var(--space-1);
	}

	.about-story__content p {
		font-size: var(--font-size-base);
		line-height: var(--line-height-exact-037);
	}

	.about-brand-marquee {
		padding: var(--space-6) 0;
	}

	.about-brand-marquee__header {
		flex-direction: column;
		gap: var(--space-3);
		margin-bottom: var(--space-4-5);
	}

	.about-brand-marquee__track,
	.about-brand-marquee__group {
		gap: var(--space-5);
	}

	.about-brand-marquee__logo {
		height: 24px;
	}

	@keyframes about-brand-marquee {
		from {
			transform: translate3d(0, 0, 0);
		}

		to {
			transform: translate3d(calc(-50% - 20px), 0, 0);
		}
	}

	.about-process {
		padding: var(--space-px-84) 0;
	}

	.about-process__timeline-category {
		white-space: normal;
	}

	.about-global-team {
		padding: var(--space-6) 0;
	}

	.about-global-team__banner {
		height: 720px;
	}

	.about-global-team__image {
		object-position: center;
	}

	.about-global-team__overlay {
		background: linear-gradient(180deg, var(--color-black) 0%, var(--color-black) 58%, transparent 100%);
	}

	.about-global-team__content {
		left: var(--space-3);
		max-width: calc(100% - 48px);
		top: var(--space-4);
	}

	.about-global-team__eyebrow {
		font-size: var(--font-size-xs);
		letter-spacing: var(--letter-spacing-px-2-4);
		margin-bottom: var(--space-px-14);
	}

	.about-global-team__description {
		font-size: var(--font-size-base);
		line-height: var(--line-height-exact-035);
	}

	.about-global-team__cards {
		max-width: 100%;
		width: 100%;
	}

	.about-global-team__card {
		border-radius: var(--radius-md);
		width: 100%;
	}

	.about-global-team__card-text {
		font-size: var(--font-size-md);
		line-height: var(--line-height-exact-035);
	}

	.about-executive-team {
		padding: var(--space-5) 0 var(--space-9);
	}

	.about-executive-team__intro {
		margin-bottom: var(--space-5-5);
	}

	.about-executive-team__heading em {
		white-space: normal;
	}

	.about-executive-team__track {
		--executive-card-width: min(82vw, 340px);
	}

	.about-executive-team__card {
		height: 440px;
	}

	.about-executive-team__name {
		height: 72px;
		padding: 0 var(--space-2-5);
	}

	.about-comparison {
		padding: var(--space-px-84) 0;
	}

	.about-comparison__heading {
		margin-bottom: var(--space-5-5);
	}

	.about-comparison__panel {
		padding: var(--space-3-5) var(--space-3);
	}

	.about-comparison__intro {
		margin-bottom: var(--space-3-5);
	}

	.about-comparison__list li {
		gap: var(--space-px-18);
		padding: var(--space-2) 0;
	}

	.about-faq {
		padding: var(--space-px-84) 0;
	}

	.about-faq__heading {
		margin-bottom: var(--space-px-42);
	}

	.about-faq__question {
		font-size: var(--font-size-sm-plus);
		line-height: var(--line-height-exact-034);
		padding: var(--space-px-26) 0;
	}

	.about-faq__answer p {
		font-size: var(--font-size-sm-plus);
		line-height: var(--line-height-exact-035);
		padding-right: var(--space-px-42);
	}

	.about-faq__item[open] .about-faq__answer p {
		padding-bottom: var(--space-3);
	}

	body.page-template-about .section.dt-home-testimonials--about .dt-home-testimonials__quote {
		-webkit-line-clamp: unset !important;
		display: block !important;
		max-height: none !important;
		overflow: visible !important;
	}

	body.page-template-about .cky-consent-container {
		bottom: var(--space-1-5) !important;
		left: var(--space-1-5) !important;
		right: var(--space-1-5) !important;
		width: auto !important;
	}

	body.page-template-about .cky-consent-bar {
		border-radius: var(--radius-md) !important;
		padding: var(--space-2) !important;
	}

	body.page-template-about .cky-title {
		margin: 0 0 var(--space-1) !important;
	}

	body.page-template-about .cky-notice-des {
		max-height: 60px;
		overflow-y: auto;
	}

	body.page-template-about .cky-notice-btn-wrapper {
		display: grid !important;
		gap: var(--space-1) !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: var(--space-1-5) !important;
	}

	body.page-template-about .cky-notice-btn-wrapper .cky-btn {
		font-size: var(--font-size-xs) !important;
		margin: 0 !important;
		min-height: 44px;
		padding: var(--space-1) var(--space-half) !important;
		width: 100% !important;
	}

	body.page-template-about .cky-notice-btn-wrapper .cky-btn-customize {
		grid-column: 1 / -1;
		grid-row: 2;
	}

	body.page-template-about .cky-notice-btn-wrapper .cky-btn-reject {
		grid-column: 2;
		grid-row: 1;
	}

	body.page-template-about .cky-notice-btn-wrapper .cky-btn-accept {
		grid-column: 1;
		grid-row: 1;
	}

	.about-process__layout {
		gap: var(--space-8);
	}

	.about-process__content {
		gap: var(--space-2);
	}

	.about-process__eyebrow {
		font-size: var(--font-size-xs-plus);
		line-height: var(--line-height-exact-033);
		margin-bottom: var(--space-1);
	}

	.about-process__cta {
		margin-top: var(--space-3);
	}

	.about-process__stats {
		gap: var(--space-px-30) var(--space-px-22);
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: var(--space-6);
	}

	.about-process__stat strong {
		font-size: var(--font-size-exact-044);
	}

	.about-process__timeline-item {
		gap: var(--space-px-22);
		grid-template-columns: 48px minmax(0, 1fr);
		min-height: 0;
	}

	.about-process__timeline-content {
		padding-bottom: var(--space-7);
	}
}

@media (prefers-reduced-motion: reduce) {
	.about-brand-marquee__track {
		animation: none;
		transform: none;
	}

	.about-global-team__image {
		transition: var(--transition-none);
	}

	.about-global-team__card,
	.about-global-team__card::before {
		animation: var(--animation-none);
	}

	.about-executive-team__card,
	.about-executive-team__card img,
	.about-executive-team__name,
	.about-executive-team__name small {
		transition: var(--transition-none);
	}

	.about-executive-team__card:hover,
	.about-executive-team__card:focus-visible,
	.about-executive-team__card:hover img,
	.about-executive-team__card:focus-visible img {
		transform: none;
	}

	.about-executive-team__viewport {
		overflow-x: auto;
	}

	.about-executive-team__track {
		will-change: auto;
	}

	.about-faq__answer,
	.about-faq__icon::before,
	.about-faq__icon::after {
		transition: var(--transition-none);
	}

}

/* About page keeps the shared floating header after this page stylesheet loads. */
html:has(.digtize-about-page),
body:has(.digtize-about-page) {
	background: var(--color-tertiary);
	margin: var(--space-0);
	padding: var(--space-0);
}

html:has(.digtize-about-page) {
	overflow-y: auto;
}

body:has(.digtize-about-page) {
	overflow-y: visible;
}


body.page-template-about .about-process,
body.page-template-about .about-process__content,
body.page-template-about .about-process__timeline-content,
body.page-template-about .about-process__eyebrow,
body.page-template-about .about-process__heading,
body.page-template-about .about-process__highlight,
body.page-template-about .about-process__description,
body.page-template-about .about-process__timeline-category,
body.page-template-about .about-process__timeline h3,
body.page-template-about .about-process__timeline p:not(.about-process__timeline-category) {
	text-align: left !important;
}

/* ==========================================================================
   CONSOLIDATED: BLOG LISTING PAGE
   Section: Blog listing page
   ========================================================================== */
.digtize-blog-container {
	max-width: 1240px;
	padding-bottom: clamp(72px, 9vw, 128px);
}

.category-archive__hero .entry-title {
	margin: var(--space-2) 0 0;
}

.category-archive__description {
	font-size: clamp(16px, 1.5vw, 19px);
	line-height: 1.65;
	margin: var(--space-3) auto 0;
	max-width: var(--container-sm-compact);
}

.category-archive__description > :last-child,
.category-archive__empty {
	margin-bottom: 0;
}

.category-archive__empty {
	text-align: center;
}

.client-dashboard-page__hero .entry-title {
	margin: var(--space-2) 0 0;
}

.client-dashboard-page__body {
	padding: clamp(64px, 8vw, 112px) 0;
}

.client-dashboard-page__body > .container {
	max-width: calc(var(--container-readable) + 80px);
}

.client-dashboard-page__portal {
	background: var(--color-white);
	border: 1px solid color-mix(in srgb, var(--color-black) 9%, transparent);
	border-radius: var(--radius-3xl);
	box-shadow: 0 18px 54px color-mix(in srgb, var(--color-black) 7%, transparent);
	margin: 0;
	padding: clamp(32px, 6vw, 64px);
	text-align: center;
}

.client-dashboard-page__portal h2 {
	color: var(--color-black);
	margin: 0;
}

.client-dashboard-page__portal p {
	line-height: 1.7;
	margin: var(--space-3) auto 0;
	max-width: var(--container-sm-compact);
}

.client-dashboard-page__portal .btn {
	margin-top: var(--space-4);
}

@media (max-width: 640px) {
	.client-dashboard-page__body {
		padding: 48px 0 72px;
	}

	.client-dashboard-page__portal {
		border-radius: 22px;
		padding: 32px 22px;
	}
}

.digtize-blog-fullwidth {
	display: grid;
	gap: 32px;
	margin-top: clamp(40px, 6vw, 72px);
}

.digtize-blog-card {
	background: var(--color-white);
	border: 1px solid color-mix(in srgb, var(--color-black) 8%, transparent);
	border-radius: 28px;
	box-shadow: 0 12px 40px color-mix(in srgb, var(--color-black) 4%, transparent);
	overflow: hidden;
	transition: box-shadow 180ms ease, transform 180ms ease;
}

.digtize-blog-card:hover {
	box-shadow: 0 20px 54px color-mix(in srgb, var(--color-black) 10%, transparent);
	transform: translateY(-3px);
}

.digtize-blog-card__link {
	color: var(--color-black);
	display: grid;
	grid-template-columns: minmax(320px, 46%) minmax(0, 1fr);
	min-height: 338px;
	text-decoration: none;
}

.digtize-blog-card__media {
	background: var(--color-white);
	min-height: 338px;
	overflow: hidden;
}

.digtize-blog-card__image {
    display: block;
    height: 400px;
    object-fit: cover;
    transition: transform 350ms ease;
    width: 100%;
}

.digtize-blog-card:hover .digtize-blog-card__image {
	transform: scale(1.025);
}

.digtize-blog-card__placeholder {
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--color-case-study-purple) 12%, transparent), color-mix(in srgb, var(--color-case-study-lavender) 36%, transparent)),
		var(--color-white);
	height: 100%;
	min-height: 338px;
}

.digtize-blog-card__content {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: clamp(32px, 4vw, 52px);
}

.digtize-blog-card__category {
	color: var(--color-case-study-purple);
	display: block;
	font-size: 12px;
	font-weight: var(--font-weight-bold);
	letter-spacing: 0.1em;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.digtize-blog-card__title {
	color: var(--color-black);
  font: var(--typography-h4);
	margin: 0;
}

.digtize-blog-card__excerpt {
	color: var(--color-grey-text);
	font-size: clamp(15px, 1.25vw, 18px);
	line-height: 1.65;
	margin: 20px 0 0;
	max-width: 650px;
}

.digtize-blog-card__meta {
	align-items: center;
	color: var(--color-grey-text);
	display: flex;
	font-size: 14px;
	gap: 20px;
	justify-content: space-between;
	margin-top: 32px;
}

.digtize-blog-card__author,
.digtize-blog-card__details {
	align-items: center;
	display: flex;
	gap: 8px;
}

.digtize-blog-card__author {
	color: var(--color-black);
	font-weight: var(--font-weight-medium);
}

.digtize-blog-card__avatar {
	border-radius: var(--radius-full);
	height: 32px;
	object-fit: cover;
	width: 32px;
}

.digtize-blog-card__details {
	color: var(--color-grey-text);
	justify-content: flex-end;
	white-space: nowrap;
}

.digtize-blog-fullwidth .pagination {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	margin-top: 20px;
}

@media (max-width: 900px) {
	.digtize-blog-card__link {
		grid-template-columns: 42% minmax(0, 1fr);
		min-height: 300px;
	}

	.digtize-blog-card__media,
	.digtize-blog-card__placeholder {
		min-height: 300px;
	}

	.digtize-blog-card__content {
		padding: 30px;
	}

	.digtize-blog-card__meta {
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
	}
}

@media (max-width: 680px) {
	.digtize-blog-container {
		padding-left: 18px;
		padding-right: 18px;
	}

	.digtize-blog-fullwidth {
		gap: 24px;
		margin-top: 36px;
	}

	.digtize-blog-card {
		border-radius: 22px;
	}

	.digtize-blog-card__link {
		display: block;
	}

	.digtize-blog-card__media,
	.digtize-blog-card__placeholder {
		min-height: 220px;
	}

	.digtize-blog-card__media {
		aspect-ratio: 16 / 10;
	}

	.digtize-blog-card__content {
		padding: 26px 22px 24px;
	}

	.digtize-blog-card__category {
		margin-bottom: 14px;
	}

	.digtize-blog-card__excerpt {
		font-size: 15px;
		margin-top: 16px;
	}

	.digtize-blog-card__meta {
		margin-top: 26px;
	}

	.digtize-blog-card__details {
		flex-wrap: wrap;
		justify-content: flex-start;
		white-space: normal;
	}
}

/* ==========================================================================
   CONSOLIDATED: BLOG SINGLE PAGE
   Section: Blog single page
   ========================================================================== */
.blog-single {
	background: var(--color-white);
	color: var(--color-black);
}
.h1.h1.hero-title.blog-single-title{
  font: var(--typography-h2);
}
.blog-single-hero {
	background: var(--color-black);
	color: var(--color-white);
	padding: var(--space-px-86) var(--space-2-5) var(--space-20);
	text-align: center;
}

.blog-single-title {
	color: var(--color-white);
	margin: var(--space-0);
}

.blog-single-byline {
	align-items: center;
	display: flex;
	gap: var(--space-px-14);
	justify-content: center;
	margin-top: var(--space-px-34);
}

.blog-single-byline__avatar img {
	border: var(--border-width-medium) solid var(--color-white);
	border-radius: var(--radius-full);
	display: block;
	height: 56px;
	width: 56px;
}

.blog-single-byline__text {
	display: flex;
	flex-direction: column;
	gap: var(--space-half);
	text-align: left;
}

.blog-single-byline__author {
	color: var(--color-white);
	font-size: var(--font-size-base);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-exact-020);
	text-decoration: none;
}

.blog-single-byline__author:hover {
	color: var(--color-white);
	text-decoration: underline;
	text-underline-offset: 4px;
}

.blog-single-byline__date {
	color: var(--color-tertiary);
	font-size: var(--font-size-sm);
	line-height: var(--line-height-exact-022);
}

.blog-single-featured {
	margin: calc(-1 * var(--space-px-108)) auto var(--space-9);
	max-width: 920px;
	padding: 0 var(--space-2-5);
	position: relative;
	z-index: var(--z-sticky-raised);
}

.blog-single-featured__image {
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-exact-048);
	display: block;
	height: auto;
	margin: var(--spacing-exact-014);
	max-width: 100%;
	width: 100%;
}

.blog-single-shell {
	display: grid;
	gap: var(--space-7);
	grid-template-columns: minmax(180px, 240px) minmax(0, 760px) minmax(90px, 120px);
	margin: var(--spacing-exact-014);
	max-width: 1240px;
	padding: 0 var(--space-3-5) var(--space-px-90);
}

.blog-single-sticky {
	position: sticky;
	top: 110px;
}

.blog-single-sidebar-title {
	background: transparent;
	border-bottom: var(--border-width-thin) solid var(--color-tertiary);
	border-left: var(--border-width-none);
	border-right: var(--border-width-none);
	border-top: var(--border-width-none);
	color: var(--color-grey-text);
	display: flex;
	justify-content: space-between;
	letter-spacing: var(--letter-spacing-normal);
	font-size: var(--font-size-xs-plus);
	font-weight: var(--font-weight-extrabold);
	line-height: var(--line-height-exact-022);
	margin: 0 0 var(--space-2-5);
	padding-bottom: var(--space-2);
	text-align: left;
	text-transform: uppercase;
	box-sizing: border-box;
	width: 100%;
}


.blog-single-toc__list {
    display: flex;
    flex-direction: column;
    gap: var(--space-1-5);
    width: 100%;
    height: auto;
}

.blog-single-toc__list a {
	color: var(--color-grey-text);
	display: block;
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-semibold);
	line-height: var(--line-height-exact-024);
	text-decoration: none;
}

.blog-single-toc__list a:hover,
.blog-single-toc__list a.is-active {
	color: var(--color-primary-text);
}

.blog-single-toc__list a[data-level="3"] {
	font-size: var(--font-size-xs-plus);
	font-weight: var(--font-weight-medium);
	padding-left: var(--space-2);
}

.blog-single-toc.is-empty {
	display: none;
}

.blog-single-toc.is-empty + .blog-single-main {
	grid-column: 2;
}

.blog-single-toc.is-empty ~ .blog-single-share {
	grid-column: 3;
}

.blog-single-main {
	min-width: 0;
}

.blog-single-readtime {
	background: var(--color-white);
	border: var(--border-width-thin) solid var(--color-tertiary);
	border-radius: var(--radius-full);
	color: var(--color-primary-text);
	display: inline-flex;
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-extrabold);
	line-height: var(--line-height-tight);
	margin-bottom: var(--space-px-30);
	padding: var(--space-px-10) var(--space-px-18);
}

.blog-single-content {
	color: var(--color-black);
	font-size: var(--font-size-lg);
	line-height: var(--line-height-exact-030);
}

.blog-single-content > *:first-child {
	margin-top: var(--space-0);
}

.blog-single-content p {
	color: var(--color-black);
	font-size: var(--font-size-lg);
	line-height: var(--line-height-exact-030);
	margin: 0 0 var(--space-3-5);
}

.blog-single-content a {
    color: var(--color-primary-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.blog-single-content h2,
.blog-single-content h3 {
	color: var(--color-black);
	
	margin: var(--space-7) 0 var(--space-px-18);
	scroll-margin-top: var(--space-15);
}

.blog-single-content ul,
.blog-single-content ol {
	color: var(--color-black);
	font-size: var(--font-size-lg);
	line-height: var(--line-height-exact-029);
	margin: 0 0 var(--space-px-30);
	padding-left: var(--space-3-5);
}

.blog-single-content li {
	margin-bottom: var(--space-px-10);
	padding-left: var(--space-half);
}

.blog-single-content li::marker {
	color: var(--color-primary-text);
	font-weight: var(--font-weight-extrabold);
}

.blog-single-content blockquote,
.blog-single-content blockquote.wp-block-quote {
	background: var(--color-white);
	border-left: var(--border-width-emphasis) solid var(--color-primary);
	border-radius: var(--radius-none) var(--radius-md) var(--radius-md) var(--radius-none);
	color: var(--color-black);
	font-size: var(--font-size-lg-plus);
	line-height: var(--line-height-exact-028);
	margin: var(--space-px-42) 0;
	padding: var(--space-3-5) var(--space-4);
}

.blog-single-content blockquote p {
	font-size: inherit;
	line-height: inherit;
	margin-bottom: var(--space-2);
}

.blog-single-content blockquote p:last-child {
	margin-bottom: var(--space-0);
}

.blog-single-content img {
	border-radius: var(--radius-md);
	height: auto;
	margin: var(--space-px-18) 0 var(--space-px-34);
	max-width: 100%;
}

.blog-single-content figure {
	margin: var(--space-px-42) 0;
}

.blog-single-content figcaption {
	color: var(--color-grey-text);
	font-size: var(--font-size-sm);
	line-height: var(--line-height-normal);
	margin-top: var(--space-px-10);
	text-align: center;
}

.blog-single-content table {
	border-collapse: collapse;
	display: block;
	font-size: var(--font-size-base);
	line-height: var(--line-height-normal);
	margin: var(--space-px-42) 0;
	overflow-x: auto;
	width: 100%;
}

.blog-single-content th,
.blog-single-content td {
	border: var(--border-width-thin) solid var(--color-tertiary);
	padding: var(--space-px-14) var(--space-2);
	text-align: left;
}

.blog-single-content th {
	background: var(--color-black);
	color: var(--color-white);
	font-weight: var(--font-weight-extrabold);
}

.blog-single-content tr:nth-child(even) td {
	background: var(--color-white);
}

.blog-single-share {
	justify-self: end;
}

.blog-single-share__box {
	align-items: center;
	border: var(--border-width-thin) solid var(--color-tertiary);
	border-radius: var(--radius-md);
	display: flex;
	flex-direction: column;
	gap: var(--space-px-18);
	padding: var(--space-px-18) var(--space-px-14);
}

.blog-single-share__count {
	color: var(--color-black);
	font-size: var(--font-size-xs-plus);
	font-weight: var(--font-weight-extrabold);
	line-height: var(--line-height-tight);
	margin: var(--space-0);
	text-align: center;
	text-transform: uppercase;
}

.blog-single-share__box a {
	align-items: center;
	color: var(--color-primary-text);
	display: flex;
	font-size: var(--font-size-lg-plus);
	font-weight: var(--font-weight-black);
	height: 34px;
	justify-content: center;
	line-height: var(--line-height-none);
	text-decoration: none;
	width: 34px;
}

.blog-single-share__box a:hover {
	color: var(--color-primary-text);
}

@media (max-width: 1100px) {
	.blog-single-shell {
		gap: var(--space-4-5);
		grid-template-columns: minmax(170px, 220px) minmax(0, 1fr);
	}

	.blog-single-share {
		display: none;
	}
}

@media (max-width: 820px) {
	.blog-single-hero {
		padding: var(--space-px-58) var(--space-px-18) var(--space-px-116);
	}

	.blog-single-hero .container {
		width: 100%;
	}

	.blog-single-byline {
		align-items: center;
		flex-direction: column;
		margin-top: var(--space-px-26);
	}

	.blog-single-byline__text {
		text-align: center;
	}

	.blog-single-featured {
		margin-bottom: var(--space-5-5);
		margin-top: calc(-1 * var(--space-px-76));
	}

	.blog-single-shell {
		display: block;
		padding: 0 var(--space-2-5) var(--space-8);
	}

	.blog-single-toc {
		background: var(--color-white);
		border: var(--border-width-thin) solid var(--color-tertiary);
		border-radius: var(--radius-md);
		box-shadow: var(--shadow-exact-077);
		margin-bottom: var(--space-px-34);
		padding: var(--space-0);
	}

	.blog-single-sticky {
		position: static;
	}

	.blog-single-sidebar-title {
		align-items: center;
		border-bottom: var(--border-width-none);
		color: var(--color-black);
		cursor: pointer;
		margin: var(--space-0);
		padding: var(--space-px-18) var(--space-2);
	}


	.blog-single-toc__list {
		border-top: var(--border-width-thin) solid var(--color-tertiary);
		display: none;
		gap: var(--space-px-14);
		max-height: 58vh;
		overflow-y: auto;
		padding: var(--space-2-5) var(--space-2);
	}

	.blog-single-toc.is-open .blog-single-toc__list {
		display: flex;
	}

	.blog-single-toc__list a {
		font-size: var(--font-size-xs-plus);
	}

	.blog-single-content,
	.blog-single-content p,
	.blog-single-content ul,
	.blog-single-content ol {
		font-size: var(--font-size-md);
		line-height: var(--line-height-loose);
	}
}

@media (max-width: 520px) {
	.blog-single-hero {
		padding-top: var(--space-px-46);
	}

	.blog-single-featured {
		padding: 0 var(--space-2);
	}

	.blog-single-shell {
		padding-left: var(--space-2);
		padding-right: var(--space-2);
	}
}

/* ==========================================================================
   CONSOLIDATED: PORTFOLIO CASE PAGE
   Section: Portfolio case page
   ========================================================================== */
.portfolio-case-study {
  --case-dark: var(--color-black);
  --case-ink: var(--color-black);
  --case-muted: var(--color-grey);
  --case-soft: var(--color-white);
  --case-cream: var(--color-tertiary);
  --case-radius: 24px;
  background: var(--color-white);
  color: var(--case-ink);
  font-family: var(--font-family-heading);
  overflow: hidden;
  margin-top: 0;
  padding-top: var(--space-0);
}

.portfolio-case-study *,
.portfolio-case-study *::before,
.portfolio-case-study *::after {
  box-sizing: border-box;
}

.portfolio-case-hero {
  background:linear-gradient(180deg, var(--color-primary), var(--color-primary)),
    radial-gradient(circle at 50% 25%, transparent, transparent 28rem);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--color-white);
  margin-top: var(--space-0);
  position: relative;
}

.portfolio-case-hero::before {
  background:
    linear-gradient(180deg, var(--color-primary), var(--color-primary)),
    radial-gradient(circle at 50% 25%, transparent, transparent 28rem);
  mix-blend-mode: color;
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  border-radius: var(--radius-none) var(--radius-none) var(--radius-3xl) var(--radius-3xl);
  z-index: var(--z-raised);
}

.portfolio-case-hero::after {
  background: linear-gradient(180deg, transparent, var(--color-black));
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  border-radius: var(--radius-none) var(--radius-none) var(--radius-3xl) var(--radius-3xl);
  z-index: var(--z-raised);
}

.portfolio-case-hero__glow {
  animation: case-float var(--duration-8000) var(--ease-in-out) infinite alternate;
  background: radial-gradient(circle, transparent, transparent 58%);
  filter: blur(6px);
  height: 34vw;
  max-height: 420px;
  position: absolute;
  right: 6vw;
  top: 10vh;
  width: 34vw;
  z-index: var(--z-elevated);
}

.portfolio-case-study .container {
  position: relative;
  z-index: var(--z-popover);
}

.portfolio-case-hero > .container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--space-0);
  justify-content: center;
  text-align: center;
}

.portfolio-case-hero__copy {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: var(--spacing-exact-014);
  max-width: var(--container-md-wide);
  text-align: center;
  width: 100%;
}

.portfolio-case-hero h1 {
  color: var(--color-white);
  margin: var(--space-0);
  max-width: 860px;
}

.portfolio-case-client {
  color: var(--case-cream);
  font-size: var(--font-size-sm-plus);
  font-weight: var(--font-weight-extrabold);
  letter-spacing: var(--letter-spacing-normal);
  margin: var(--space-2-5) 0 0;
  text-transform: uppercase;
}

.portfolio-case-short {
  color: var(--color-white);
  font-size: var(--font-size-exact-019);
  line-height: var(--line-height-exact-026);
  margin: var(--space-3) auto 0;
  max-width: var(--container-sm-compact);
  text-align: center;
}

.portfolio-case-meta {
  display: grid;
  gap: var(--space-2);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: var(--space-6) auto 0;
  max-width: var(--container-md);
  width: 100%;
}

.portfolio-case-meta div {
  border-left: var(--border-width-none);
  padding-left: var(--space-0);
  text-align: center;
}

.portfolio-case-meta span {
  color: var(--color-white);
  display: block;
  font-size: var(--font-size-xs-plus);
  margin-bottom: var(--space-px-7);
}

.portfolio-case-meta strong {
  color: var(--color-white);
  display: block;
  font-size: var(--font-size-sm-plus);
  line-height: var(--line-height-snug);
}


.btn.portfolio-case-button {
  margin-top: var(--space-px-34);
  min-height: 54px;
  padding: 0 var(--space-px-26);
  transition: box-shadow var(--duration-normal) var(--ease-default), transform var(--duration-normal) var(--ease-default);
  background: var(--color-primary);
  color: var(--color-white);
}

.btn.portfolio-case-button:hover,
.btn.portfolio-case-button:focus-visible {
  box-shadow: var(--shadow-exact-035);
}


.portfolio-case-masonry figcaption {
  color: var(--case-muted);
  font-size: var(--font-size-sm);
  margin-top: var(--space-1-5);
  text-align: center;
}

.portfolio-case-section {
  padding: 60px  0;
}


.portfolio-case-description {
  background: var(--color-white);
  text-align: center;
}

.portfolio-case-project-media {
  aspect-ratio: 1038 / 600;
  background: var(--color-white);
  border: 1px solid color-mix(in srgb, var(--color-white) 65%, transparent);
  border-radius: var(--radius-3xl);
  box-shadow: 0 28px 70px color-mix(in srgb, var(--color-black) 18%, transparent);
  margin: -150px auto 0;
  max-width: 1038px;
  overflow: hidden;
  position: relative;
  width: calc(100% - 48px);
  z-index: var(--z-popover);
}

.portfolio-case-project-media img,
.portfolio-case-project-media video {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

@media (max-width: 900px) {
  .portfolio-case-project-media {
    margin-top: -160px;
  }
}

@media (max-width: 760px) {
  .portfolio-case-project-media {
    border-radius: 18px;
    margin-top: -72px;
    width: calc(100% - 32px);
  }

}


.portfolio-case-problem-copy {
  color: var(--color-black);
  font-family: var(--font-family-heading);
  font-size: var(--font-size-3xl-wide);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-exact-041);
  margin: var(--space-3) auto 0;
}


.problem-statement-block {
  align-items: stretch;
  display: grid;
  gap: var(--space-4);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: clamp(var(--space-7), 6vw, var(--space-px-86));
  text-align: left;
}

.problem-statement {
  background: transparent;
  border: var(--border-width-thin) solid var(--color-primary);
  border-radius: var(--radius-2xl);
  color: var(--color-black);
  font-family: var(--font-family-heading);
  font-style: normal;
  margin: var(--space-0);
  min-height: 0;
  padding: var(--space-3);
  width: 100%;
}

.problem-statement > ul {
  list-style: none;
  margin: 0 0 var(--space-3);
  padding: var(--space-0);
}

.problem-statement > ul > li {
  align-items: center;
  color: var(--color-black);
  display: flex;
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  gap: var(--space-1-5);
  line-height: var(--line-height-exact-018);
}

.problem-statement > ul > li::before {
  align-items: center;
  background: var(--color-primary);
  border-radius: var(--radius-circle);
  color: var(--color-white);
  content: "i";
  display: inline-flex;
  flex: 0 0 24px;
  font-size: var(--font-size-sm-plus);
  font-weight: var(--font-weight-bold);
  height: 24px;
  justify-content: center;
  line-height: var(--line-height-none);
  width: 24px;
}

.problem-statement__content {
  color: var(--color-grey-text);
  font-family: var(--font-family-heading);
  font-size: var(--font-size-md);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-normal);
}

.problem-statement__content p {
  margin: var(--space-0);
}

.portfolio-case-section-image {
  aspect-ratio: 1910 / 875.73;
  max-width: 1910px;
  overflow: hidden;
  width: 100%;
}

.portfolio-case-section-image img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.portfolio-case-challenge {
  background: var(--color-white);
}


.portfolio-case-card {
  background: var(--color-white);
  border: var(--border-width-thin) solid transparent;
  border-radius: var(--case-radius);
  box-shadow: var(--shadow-exact-040);
  padding: clamp(var(--space-px-26), 4vw, var(--space-px-46));
}

.portfolio-case-card-grid,
.portfolio-case-result-grid {
  display: grid;
  gap: var(--space-px-18);
}


.portfolio-case-solution h2,
.portfolio-case-services h2,
.portfolio-case-process h2,
.portfolio-case-cta h2 {
  color: var(--color-black);
}

.portfolio-case-heading {
  margin-bottom: clamp(var(--space-4-5), 5vw, var(--space-px-70));
  text-align: center;
}

.portfolio-case-card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.portfolio-case-services .portfolio-case-card {
  background: transparent;
  box-shadow: var(--shadow-none);
}

.portfolio-case-services .portfolio-case-card span {
  color: var(--case-accent);
  display: block;
  font-size: var(--font-size-3xl);
  margin-bottom: var(--space-4);
}

.portfolio-case-services .portfolio-case-card h3,
.portfolio-case-timeline__item h3 {
  color: var(--color-white);
  
  margin: 0 0 var(--space-1-5);
}

.portfolio-case-services .portfolio-case-card p,
.portfolio-case-timeline__item p {
  color: var(--color-white);
  font-size: var(--font-size-base);
  line-height: var(--line-height-exact-027);
  margin: var(--space-0);
}

.portfolio-case-style,
.portfolio-case-image-row,
.portfolio-case-related {
  background: linear-gradient(180deg,var(--color-white) 0%,color-mix(in srgb,var(--color-white) 92%,transparent) 10%,transparent 34%),var(--dgt-gradient-page);
}

.portfolio-case-masonry {
  column-count: 2;
  column-gap: var(--space-px-22);
}

.portfolio-case-masonry figure {
  break-inside: avoid;
  margin: 0 0 var(--space-px-22);
  overflow: hidden;
}

.portfolio-case-masonry img {
  border-radius: var(--case-radius);
  transition: transform var(--duration-550) var(--ease-emphasized);
}

.portfolio-case-masonry figure:hover img {
  transform: scale(1.035);
}

.portfolio-case-style-grid {
  display: grid;
  gap: var(--space-px-22);
  grid-template-columns: .85fr 1.15fr;
}

.portfolio-case-style-type h3 {
  
  margin: 0 0 var(--space-px-18);
}

.portfolio-case-style-type small {
  color: var(--case-muted);
}

.portfolio-case-palette {
  display: grid;
  gap: var(--space-2);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.portfolio-case-palette div {
  background: var(--color-white);
  border-radius: var(--radius-xl-wide);
  box-shadow: var(--shadow-exact-040);
  padding: var(--space-2);
}

.portfolio-case-palette span {
  background: var(--swatch);
  border-radius: var(--radius-xl);
  display: block;
  height: 122px;
  margin-bottom: var(--space-px-14);
}

.portfolio-case-palette strong,
.portfolio-case-palette small {
  display: block;
}

.portfolio-case-palette small {
  color: var(--case-muted);
}

.portfolio-case-component-strip,
.portfolio-case-row-gallery {
  display: grid;
  gap: var(--space-2-5);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: var(--space-4);
}

.portfolio-case-component-strip img,
.portfolio-case-row-gallery img {
  border-radius: var(--case-radius);
  box-shadow: var(--shadow-exact-040);
}

.portfolio-case-timeline {
  border-left: var(--border-width-thin) solid transparent;
  display: grid;
  gap: var(--space-3);
  margin-left: var(--space-1-5);
  padding-left: var(--space-px-34);
}

.portfolio-case-timeline__item {
  background: transparent;
  border: var(--border-width-thin) solid transparent;
  border-radius: var(--case-radius);
  padding: var(--space-px-26);
  position: relative;
}

.portfolio-case-timeline__item::before {
  background: var(--case-accent);
  border-radius: var(--radius-circle);
  content: "";
  height: 14px;
  left: -42px;
  position: absolute;
  top: 30px;
  width: 14px;
}

.portfolio-case-timeline__item > span {
  color: var(--case-accent);
  display: block;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-black);
  margin-bottom: var(--space-px-10);
}

.portfolio-case-results {
  background: var(--color-white);
}

.portfolio-case-result-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.portfolio-case-result {
  background: var(--case-dark);
  border-radius: var(--case-radius);
  color: var(--color-white);
  padding: var(--space-4);
}

.portfolio-case-result strong {
  color: var(--case-cream);
  display: block;
  font-size: var(--font-size-exact-068);
  line-height: var(--line-height-none);
}

.portfolio-case-result h3 {
  color: var(--color-white);
  margin: var(--space-px-18) 0 var(--space-px-10);
}

.portfolio-case-result p {
  color: var(--color-white);
  margin: var(--space-0);
}

.portfolio-case-testimonial blockquote {
  border: var(--border-width-none);
  margin: var(--space-0);
  padding: var(--space-0);
  text-align: center;
}

.portfolio-case-testimonial blockquote p {
  color: var(--color-white);
  font-size: var(--font-size-exact-039);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-exact-014);
  margin: var(--space-0);
}

.portfolio-case-testimonial cite {
  align-items: center;
  color: var(--color-white);
  display: inline-flex;
  font-style: normal;
  gap: var(--space-px-14);
  margin-top: var(--space-px-30);
}

.portfolio-case-testimonial cite img {
  border-radius: var(--radius-circle);
  height: 58px;
  object-fit: cover;
  width: 58px;
}

.portfolio-case-testimonial cite strong,
.portfolio-case-testimonial cite small {
  display: block;
  text-align: left;
}

.portfolio-case-cta {
  align-items: stretch;
  background-image: var(--cta-bg, url("assets/images/final-cta-creative.avif"));
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  display: flex;
  isolation: isolate;
  margin: 60px auto;
  max-width: var(--container-site);
  min-height: 500px;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: left;
  width: calc(100% - 48px);
}

.portfolio-case-cta.portfolio-case-cta--default-bg {
  background-position: right top;
}

.portfolio-case-cta::before {
  background: linear-gradient(90deg, rgba(10, 10, 10, 0.92) 0%, rgba(10, 10, 10, 0.76) 38%, rgba(10, 10, 10, 0.28) 72%, rgba(10, 10, 10, 0.06) 100%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: var(--z-base);
}

.portfolio-case-cta > .container {
  align-items: center;
  display: flex;
  max-width: 100%;
  padding: 60px;
  width: 100%;
}

.portfolio-case-cta__content {
  max-width: 650px;
  position: relative;
  z-index: var(--z-raised);
}

.portfolio-case-cta h2 {
  color: var(--color-white);
  font-family: var(--font-family-heading);
  font-style: normal;
  letter-spacing: -0.045em;
  line-height: 1;
  margin: 0;
  max-width: 640px;
  text-align: left;
  text-wrap: balance;
}

.portfolio-case-cta h2 span {
  display: block;
}

.portfolio-case-cta h2 em {
  color: var(--color-tertiary);
  font-family: var(--font-family-accent);
  font-size: 1.08em;
  font-weight: var(--font-weight-regular);
}

.portfolio-case-cta p {
  color: var(--color-white);
  font-size: var(--font-size-md);
  line-height: 1.65;
  margin: 30px 0 0;
  max-width: 500px;
  opacity: 0.84;
}

.portfolio-case-cta .btn.portfolio-case-button {
  background: var(--color-secondary);
  color: var(--color-black);
  margin-top: 36px;
  min-height: 56px;
  padding: 0 32px;
  transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.portfolio-case-cta .btn.portfolio-case-button:hover,
.portfolio-case-cta .btn.portfolio-case-button:focus-visible {
  background: color-mix(in srgb, var(--color-secondary), var(--color-white) 12%);
  box-shadow: 0 16px 36px color-mix(in srgb, var(--color-black) 28%, transparent);
  color: var(--color-black);
  transform: translateY(-2px) scale(1.01);
}

.portfolio-case-study.portfolio-case--js [data-case-reveal] {
  opacity: var(--opacity-0);
  transform: translateY(34px);
}

@keyframes case-float {
  from {
    transform: translate3d(0, 0, 0) scale(1);
  }
  to {
    transform: translate3d(-20px, 24px, 0) scale(1.08);
  }
}

@media (max-width: 1024px) {
  .portfolio-case-style-grid {
    grid-template-columns: 1fr;
  }

  .portfolio-case-cta {
    margin: 52px auto;
    min-height: 460px;
    width: calc(100% - 32px);
  }

  .portfolio-case-cta > .container {
    padding: 48px;
  }

  .portfolio-case-cta__content {
    max-width: 580px;
  }

  .portfolio-case-cta h2 {
    font-size: clamp(40px, 6vw, 58px);
  }
}

@media (max-width: 760px) {
  .portfolio-case-mobile-grid {
    grid-template-columns: 1fr;
  }

  .portfolio-case-masonry {
    column-count: 1;
  }

  .portfolio-case-section {
    padding: 52px 0;
  }

  .portfolio-case-section.portfolio-case-cta {
    background-position: 68% center;
    border-radius: 16px;
    margin: 40px auto;
    min-height: 420px;
    padding: 0;
    width: calc(100% - 24px);
  }

  .portfolio-case-section.portfolio-case-cta.portfolio-case-cta--default-bg {
    background-position: 72% center;
  }

  .portfolio-case-cta::before {
    background: linear-gradient(90deg, rgba(10, 10, 10, 0.96) 0%, rgba(10, 10, 10, 0.88) 55%, rgba(10, 10, 10, 0.55) 100%);
  }

  .portfolio-case-cta > .container {
    padding: 40px 24px;
  }

  .portfolio-case-cta h2 {
    font-size: clamp(34px, 10.5vw, 48px);
    letter-spacing: -0.035em;
    line-height: 1.02;
  }

  .portfolio-case-cta p {
    font-size: var(--font-size-base);
    margin-top: 24px;
  }

  .portfolio-case-cta .btn.portfolio-case-button {
    margin-top: 30px;
    min-height: 54px;
    padding: 0 28px;
  }

  .problem-statement-block {
    grid-template-columns: 1fr;
  }

  .problem-statement {
    min-height: 0;
  }

  .problem-statement p {
    font-size: var(--font-size-lg);
    line-height: var(--line-height-exact-024);
  }
}

@media (prefers-reduced-motion: reduce) {
  .portfolio-case-study *,
  .portfolio-case-study *::before,
  .portfolio-case-study *::after {
    animation-duration: var(--duration-reduced-motion) !important;
    animation-iteration-count: 1 !important;
    transition-duration: var(--duration-reduced-motion) !important;
  }

  [data-case-reveal] {
    opacity: var(--opacity-100);
    transform: none;
  }
}

/* Reference-style portfolio overview, problem, and solution flow. */
.portfolio-case-study {
  --case-problem-bg: #fff6f3;
  --case-problem-border: #f3d7cf;
  --case-problem-accent: #ef6f61;
  --case-solution-bg: #f1faf4;
  --case-solution-border: #cfe8d7;
  --case-solution-accent: #2f9b5d;
  background: var(--color-white);
}

.portfolio-case-study .portfolio-case-hero {
    border-radius: 0 0 var(--radius-3xl) var(--radius-3xl);
    overflow: hidden;
    padding: 8em 2em 10em;
}

.portfolio-case-study .portfolio-case-hero::before {
  background:
    radial-gradient(circle at 8% 20%, color-mix(in srgb, var(--color-primary) 55%, transparent), transparent 24rem),
    linear-gradient(180deg, color-mix(in srgb, var(--color-black) 28%, transparent), color-mix(in srgb, var(--color-black) 78%, transparent)),
    linear-gradient(135deg, color-mix(in srgb, var(--color-black) 58%, transparent), color-mix(in srgb, var(--color-black) 66%, transparent) 58%, color-mix(in srgb, var(--color-primary) 44%, transparent));
  mix-blend-mode: normal;
}

.portfolio-case-study .portfolio-case-hero::after {
  background: linear-gradient(180deg, transparent 28%, color-mix(in srgb, var(--color-black) 82%, transparent));
}

.portfolio-case-study .portfolio-case-hero__glow {
  display: none;
}

.portfolio-case-study .portfolio-case-hero__copy {
  margin: 0;
  max-width: 920px;
}

.portfolio-case-study .portfolio-case-hero h1 {
  font-size: clamp(36px, 6.5vw, 56px);
  line-height: 0.98;
  max-width: 920px;
  text-wrap: balance;
}

.policy-page__hero {
  background: linear-gradient(180deg, var(--color-primary), var(--color-primary));
  border-radius: 0 0 var(--radius-3xl) var(--radius-3xl);
  color: var(--color-white);
  margin-top: var(--space-0);
  overflow: hidden;
  padding: 8em 2em 6em;
  position: relative;
}

.policy-page__hero::before {
  background:
    radial-gradient(circle at 8% 20%, color-mix(in srgb, var(--color-primary) 55%, transparent), transparent 24rem),
    linear-gradient(180deg, color-mix(in srgb, var(--color-black) 28%, transparent), color-mix(in srgb, var(--color-black) 78%, transparent)),
    linear-gradient(135deg, color-mix(in srgb, var(--color-black) 58%, transparent), color-mix(in srgb, var(--color-black) 66%, transparent) 58%, color-mix(in srgb, var(--color-primary) 44%, transparent));
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: var(--z-raised);
}

.policy-page__hero::after {
  background: linear-gradient(180deg, transparent 28%, color-mix(in srgb, var(--color-black) 82%, transparent));
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: var(--z-raised);
}

.policy-page__hero > .container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  text-align: center;
  z-index: var(--z-popover);
}

.policy-page__hero-copy {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: 920px;
  text-align: center;
  width: 100%;
}

.policy-page__hero h1 {
  color: var(--color-white);
  font-size: clamp(36px, 6.5vw, 56px);
  line-height: 0.98;
  margin: var(--space-0);
  max-width: 920px;
  text-wrap: balance;
}

.policy-page__body {
  padding: clamp(64px, 8vw, 112px) 0;
}



.policy-page__content {
  color: var(--color-black);
  font-size: 17px;
  line-height: 1.75;
  margin: 0;
  padding: 0;
}

.policy-page__content > :first-child {
  margin-top: 0;
}

.policy-page__content > :last-child {
  margin-bottom: 0;
}

.policy-page__content h2,
.policy-page__content h3 {
  margin-top: clamp(32px, 5vw, 52px);
}

.policy-page__content p,
.policy-page__content ul,
.policy-page__content ol {
  margin-bottom: 1.25em;
}

.policy-page__content a {
  overflow-wrap: anywhere;
}

.portfolio-case-study .portfolio-case-short {
  font-size: clamp(16px, 1.5vw, 20px);
  line-height: 1.6;
  max-width: 660px;
}

.portfolio-case-study .portfolio-case-meta {
  gap: clamp(20px, 4vw, 52px);
  grid-template-columns: minmax(130px, 0.8fr) minmax(260px, 1.4fr) minmax(110px, 0.8fr);
}

.portfolio-case-study .portfolio-case-meta div {
  padding: 0 18px;
}

.portfolio-case-study .portfolio-case-meta strong {
  overflow-wrap: anywhere;
  text-wrap: balance;
}


.portfolio-case-study .portfolio-case-challenge h2,
.portfolio-case-study .portfolio-case-solution h2 {
  color: var(--color-black);
  font-size: clamp(30px, 4.2vw, 48px);
  line-height: 1.02;
  margin: 0 0 24px;
  text-align: left;
  text-wrap: balance;
  font-family: instrument-sans;
  font-style: italic;

}

.portfolio-case-study .portfolio-case-description h2 {
  margin: 0 0 22px;
  text-align: center;
}

.portfolio-case-study .portfolio-case-richtext {
  color: var(--color-grey-text);
  font-size: clamp(17px, 1.35vw, 20px);
  line-height: 1.75;
}

.portfolio-case-section-image--contained {
    aspect-ratio: 1038 / 600;
    max-width: 1038px;
    width: calc(100% - var(--space-6)); 
    margin: 60px auto 0;
    border-radius: 15px;
}


.portfolio-case-study .portfolio-case-showcase img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.portfolio-case-study .portfolio-case-problem-copy {
  color: var(--color-grey-text);
  font-family: var(--font-family-body);
  font-size: clamp(17px, 1.3vw, 19px);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: 1.72;
  margin: 0;
  max-width: 790px;
}

.portfolio-case-study .problem-statement-block {
  gap: 18px;
  margin-top: clamp(38px, 5vw, 58px);
}

.portfolio-case-study .problem-statement {
  border-radius: 16px;
  min-height: 100%;
  padding: clamp(20px, 2.2vw, 28px);
}

.portfolio-case-study .portfolio-case-challenge .problem-statement {
  background: var(--case-problem-bg);
  border-color: var(--case-problem-border);
}

.portfolio-case-study .portfolio-case-solution .problem-statement {
  background: var(--case-solution-bg);
  border-color: var(--case-solution-border);
}

.portfolio-case-study .problem-statement > ul {
  margin-bottom: 14px;
}

.portfolio-case-study .problem-statement > ul > li {
  font-family: var(--font-family-body);
  font-size: clamp(17px, 1.4vw, 20px);
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
}

.portfolio-case-study .problem-statement > ul > li::before {
  background: var(--case-problem-accent);
  content: "!";
}

.portfolio-case-study .portfolio-case-solution .problem-statement > ul > li::before {
  background: var(--case-solution-accent);
  content: "✓";
}

.portfolio-case-study .problem-statement__content {
  color: var(--color-grey-text);
  font-family: var(--font-family-body);
  font-size: 15px;
  line-height: 1.62;
}

.portfolio-case-study .portfolio-case-section-image img {
  height: 100%;
  object-fit: cover;
}

@media (max-width: 900px) {
  .portfolio-case-study .portfolio-case-hero {
    min-height: 540px;
    padding-top: 150px;
  }

  .portfolio-case-study .portfolio-case-meta {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .portfolio-case-study .problem-statement-block {
    gap: 14px;
  }
}

@media (max-width: 760px) {
  .portfolio-case-study .portfolio-case-hero {
    border-radius: 0 0 22px 22px;
    min-height: 0;
    padding: 100px 18px 85px;
  }

  .portfolio-case-study .portfolio-case-hero > .container {
    max-width: 100%;
    padding: 0;
    width: 100%;
  }

  .portfolio-case-study .portfolio-case-hero h1 {
    font-size: clamp(34px, 11vw, 50px);
  }

  .policy-page__body {
    padding: 56px 0 72px;
  }

  .policy-page__content {
    font-size: 16px;
    padding: 0;
  }

  .portfolio-case-study .portfolio-case-short {
    font-size: 16px;
  }

  .portfolio-case-study .portfolio-case-meta {
    gap: 16px;
    grid-template-columns: 1fr;
    margin-top: 28px;
    max-width: 420px;
    width: 100%;
  }

  .portfolio-case-study .portfolio-case-meta div,
  .portfolio-case-study .portfolio-case-meta div:first-child {
    border-left: 0;
    border-top: 1px solid color-mix(in srgb, var(--color-white) 20%, transparent);
    padding: 14px 0 0;
  }

  .portfolio-case-study .portfolio-case-description {
    padding: 52px 18px;
  }

  .portfolio-case-study .portfolio-case-description h2 {
    font-size: clamp(32px, 10vw, 44px);
  }

 .portfolio-case-study .portfolio-case-showcase {
    background: var(--color-white);
    margin: 0 auto;
    padding: 0;
}

  .portfolio-case-study .portfolio-case-challenge,
  .portfolio-case-study .portfolio-case-solution {
    padding: 52px 16px;
  }

  .portfolio-case-study .portfolio-case-challenge h2,
  .portfolio-case-study .portfolio-case-solution h2 {
    font-size: clamp(36px, 11vw, 50px);
    margin-bottom: 20px;
  }

  .portfolio-case-study .problem-statement-block {
    grid-template-columns: 1fr;
    margin-top: 34px;
  }

  .portfolio-case-study .portfolio-case-section-image {
    margin-top: 42px;
  }

  .portfolio-case-study .portfolio-case-section-image--contained {
    width: calc(100% - 32px);
  }
}


.svd-page {
    --svd-navy: var(--color-primary);
    --svd-teal: var(--color-primary);
    --svd-aqua: var(--color-secondary);
    --svd-ink: var(--color-black);
    --svd-muted: var(--color-grey);
    color: var(--svd-ink);
    font-family: var(--font-family-heading);
    overflow: clip;
}


.svd-inner-section h3 {
	color: var(--svd-ink);
	margin: 0 0 var(--space-px-14);
}


.svd-kicker {
	color: var(--svd-aqua);
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-extrabold);
	letter-spacing: var(--letter-spacing-wide);
	line-height: var(--line-height-exact-020);
	margin: 0 0 var(--space-px-14);
	text-transform: uppercase;
}

.svd-hero {
    background: radial-gradient(circle at 72% 18%,
 color-mix(in srgb, var(--color-primary), transparent 42%), transparent 32%), linear-gradient(110deg, 
color-mix(in srgb, var(--color-black) 55%, var(--color-primary)) 0%, var(--color-primary) 62%, var(--color-primary) 125%);
    min-height: 80vh;
    display: inline-flex;
    width: 100%;
    align-items: center;
}


.svd-hero__grid {
	min-height: calc(var(--space-10) * 3);
	position: relative;
	z-index: var(--z-raised);
}

.svd-hero__content {
	max-width: var(--container-sm-compact);
  padding: 8rem 0;
}

.svd-hero__eyebrow {
	color: var(--svd-aqua);
	font-family: "Inter Tight", Inter, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin: 0 0 var(--space-px-14);
	text-transform: none;
}

.svd-hero .svd-hero__title {
	color: var(--color-white);
	font-family: "Plus Jakarta Sans", Inter, Arial, sans-serif;
	font-size: 56px;
	font-style: normal;
	font-weight: 600;
	line-height: 63px;
	margin: 0;
	max-width: var(--container-sm-compact);
}

.svd-hero__title span {
	font-family: "Instrument Serif", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
	font-size: 64px;
	font-style: italic;
	font-weight: 400;
	line-height: 72px;
}

.svd-hero__description {
	color: var(--color-white);
	margin: var(--space-3) 0 0;
}

.svd-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-px-14);
	margin-top: var(--space-4);
}


.svd-btn,
.btn {
	align-items: center;
	border-radius: var(--radius-full);
	box-sizing: border-box;
	display: inline-flex;
	font-size: var(--font-size-sm-plus);
	font-weight: var(--font-weight-extrabold);
	justify-content: center;
	line-height: var(--line-height-none);
	min-height: 48px;
	padding: 0 var(--space-px-22);
	text-decoration: none;
	transition: transform var(--duration-quick) var(--ease-default), background var(--duration-quick) var(--ease-default), color var(--duration-quick) var(--ease-default);
}

.svd-btn:hover,
.btn:hover {
	transform: translateY(-2px);
}

.svd-btn:focus-visible,
.btn:focus-visible {
	outline: var(--border-width-thick) solid color-mix(in srgb, var(--color-primary), transparent 58%);
	outline-offset: var(--space-half);
}

.svd-btn--primary,
.btn--primary {
	background: var(--color-primary);
	color: var(--color-white);
}

.svd-btn--primary:hover,
.svd-btn--primary:focus-visible,
.btn--primary:hover,
.btn--primary:focus-visible {
	background: color-mix(in srgb, var(--color-primary), var(--color-black) 10%);
	color: var(--color-white);
}

.svd-hero__content > * {
	animation: svd-fade-up var(--duration-600) var(--ease-emphasized) both;
}

.svd-hero__content > :nth-child(2) {
	animation-delay: var(--duration-80);
}

.svd-hero__content > :nth-child(3) {
	animation-delay: var(--duration-160);
}

.svd-hero__content > :nth-child(4) {
	animation-delay: var(--duration-240);
}

.svd-hero__content > :nth-child(5) {
	animation-delay: var(--duration-320);
}

.svd-page.is-motion-ready > section:not(.svd-hero) {
	opacity: var(--opacity-0);
	transform: translateY(var(--space-3));
	transition: opacity var(--duration-700) var(--ease-emphasized), transform var(--duration-700) var(--ease-emphasized);
}

.svd-page.is-motion-ready > section.is-visible {
	opacity: var(--opacity-100);
	transform: translateY(var(--space-0));
}

@keyframes svd-fade-up {
	from {
		opacity: var(--opacity-0);
		transform: translateY(var(--space-2));
	}
	to {
		opacity: var(--opacity-100);
		transform: translateY(var(--space-0));
	}
}

.svd-portfolio {
	padding: var(--space-px-92) 0;
}

.svd-process__grid > * {
    min-width: 0;
    padding: 4em 0 0;
}
.svd-section-head {
	margin-bottom: var(--space-px-46);
	text-align: center;
}

.svd-portfolio__eyebrow {
	margin: 0 0 var(--space-2);
}

.svd-process {
	color: var(--color-black);
	padding: 0;
  padding-bottom: var(--space-px-92);
}

.svd-process__intro .svd-copy,
.svd-process__intro .svd-copy p {
	color: var(--color-black);
}

.svd-process__grid {
	display: grid;
	gap: var(--space-10);
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.svd-process__intro {
	position: sticky;
	top: 110px;
	align-self: start;
}

.svd-process__intro .svd-btn {
	margin-top: var(--space-px-18);
}

.svd-process__cards {
	display: block;
	position: relative;
	width: 100%;
}


.svd-process-card-slot {
	position: relative;
}


.svd-process-card-slot-spacer {
	height: 0;
}

@media (min-width: 641px) {
	.svd-process-card-slot-spacer {
		height: var(--svd-gap, 8px);
	}
}

.svd-process-card {
	display: block;
}

.svd-process-card__inner {
	background: var(--color-white);
	border: var(--border-width-thin) solid color-mix(in srgb, var(--color-black) 10%, transparent);
	border-radius: var(--radius-2xl);
	box-shadow: var(--shadow-sm);
	color: var(--color-black);
	padding: clamp(var(--space-3), 4vw, var(--space-5));
	transition: box-shadow var(--duration-normal) var(--ease-default);
}

@media (min-width: 641px) {
	.svd-process__cards {
		--svd-gap: 8px;
		--svd-sticky-offset: 96px;
		--svd-peek: 85px;
	}

	body.admin-bar .svd-process__cards {
		--svd-sticky-offset: 128px;
	}

	.svd-process-card {
		padding-top: var(--svd-gap);
		position: sticky;
		top: calc(var(--svd-sticky-offset) + (var(--card-index, 0) * var(--svd-peek)));
		z-index: calc(var(--card-index, 0) + 1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.svd-process-card {
		position: static;
	}
}

.svd-process-card__header {
	align-items: flex-start;
	display: flex;
	gap: var(--space-3);
	margin-bottom: var(--space-2);
}

.svd-process-card__header h3 {
	flex: 1 1 auto;
	margin-bottom: 0;
	min-width: 0;
}

.svd-process-card__badge {

	background: var(--color-primary);
	border-radius: var(--radius-full);
	color: var(--color-white);
	display: inline-flex;
	flex: 0 0 auto;
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-none);
	margin: 0 0 0 auto;
	padding: var(--space-1) var(--space-2);
	white-space: nowrap;
}

.svd-process-card__description,
.svd-process-card__description p {
	color: var(--color-grey-text);
}

.svd-process-card__description {
	max-width: var(--container-readable);
}

.svd-process-card__work-label {
	color: var(--color-black);
	font-size: var(--font-size-sm-plus);
	font-weight: var(--font-weight-semibold);
	margin: var(--space-3) 0 var(--space-1-5);
}

.svd-process-card__work-items {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-1);
	list-style: none;
	margin: 0;
	padding: 0;
}

.svd-process-card__work-items li {
	background: color-mix(in srgb, var(--color-black) 4%, var(--color-white));
	border-radius: var(--radius-full);
	color: var(--color-black);
	font-size: var(--font-size-sm);
	line-height: var(--line-height-snug);
	padding: var(--space-half) var(--space-1-5);
}

.svd-portfolio {
	--svd-aqua: var(--color-black);
  background: var(--color-white);
	color: var(--color-black);
  border-radius: 20px;
}

.svd-portfolio h2,
.svd-portfolio h3 {
	color: var(--color-black);
  text-align: center;
}

.svd-portfolio .svd-copy,
.svd-portfolio .svd-copy p {
	color: var(--svd-muted);
}

.svd-portfolio__grid {
	display: grid;
	gap: 28px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.svd-portfolio .portfolio-card h2 {
	margin: 0 0 8px;
}

@media (max-width: 980px) {
	.svd-hero {
		margin-bottom: 0;
		min-height: auto;
		padding-bottom: var(--space-2-5);
	}

	.svd-hero__grid,
	.svd-process__grid {
		grid-template-columns: 1fr;
	}

	.svd-hero__grid {
		gap: var(--space-px-38);
		min-height: auto;
	}

	.svd-hero__content {
		max-width: var(--container-readable);
	}

	.svd-hero .svd-hero__title {
		font-size: clamp(44px, 7vw, 56px);
		line-height: 1.125;
	}

	.svd-hero__title span {
		font-size: clamp(50px, 8vw, 64px);
		line-height: 1.125;
	}

	.svd-portfolio__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.svd-process__intro {
		position: static;
	}
}

@media (max-width: 640px) {
	.svd-hero {
		margin-bottom: var(--space-0);
		overflow: hidden;
		min-height: auto;
	}

	.svd-hero .svd-hero__title {
		font-size: 40px;
		line-height: 45px;
	}

	.svd-hero__title span {
		font-size: 46px;
		line-height: 52px;
	}


	.svd-actions,
	.svd-btn {
		width: 100%;
	}

	.svd-portfolio__grid {
		grid-template-columns: 1fr;
	}

	.svd-portfolio,
	.svd-process {
		padding: var(--space-8) 0;
	}

	.svd-process__cards {
		padding-bottom: 0;
	}

	.svd-process-card {
		margin-bottom: var(--space-2);
	}

	.svd-process-card__inner {
		padding: var(--space-3);
	}
}

@media (prefers-reduced-motion: reduce) {
	.svd-hero__content > * {
		animation: none;
		opacity: var(--opacity-100);
	}

	.svd-process__cards {
		padding-bottom: 0;
	}
}


:where(body) {
  font: var(--typography-body);
}

:where(p, .text) {
  font: var(--typography-body);
}

h1,
.h1 {
  color: inherit;
  font: var(--typography-h1);
  letter-spacing: var(--letter-spacing-compact-lg);
  text-transform: none;
}

body.main .hero-title-primary[class],
body.main .hero-title-secondary[class] {
  color: var(--color-black);
  display: block;
  letter-spacing: var(--letter-spacing-compact-lg);
}

body.main .hero-title-accent[class] {
  background: var(--dgt-gradient-brand);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-accent);
  font-style: italic;
  font-weight: var(--font-weight-regular);
  -webkit-text-fill-color: transparent;
}

h2,
.h2 {
  color: inherit;
  font: var(--typography-h2);
  letter-spacing: var(--letter-spacing-compact-md);
  text-transform: none;
}

h3,
.h3 {
  color: inherit;
  font: var(--typography-h3);
  letter-spacing: var(--letter-spacing-compact-sm);
  text-transform: none;
}

h4,
.h4 {
  color: inherit;
  font: var(--typography-h4);
  letter-spacing: var(--letter-spacing-tight);
  text-transform: none;
}

h5,
.h5 {
  color: inherit;
  font: var(--typography-h5);
  letter-spacing: var(--letter-spacing-tight);
  text-transform: none;
}

h6,
.h6 {
  color: inherit;
  font: var(--typography-h6);
  letter-spacing: var(--letter-spacing-normal);
  text-transform: none;
}


.joinchat,
  .joinchat *,
  .joinchat__button,
  .joinchat__button *,
  .qlwapp-toggle,
  .qlwapp-toggle *,
  .wa__btn_popup,
  .wa__btn_popup *,
  [class*="message-us"],
  [class*="message-us"] * {
    --joinchat: var(--color-primary) !important;
    --joinchat-button: var(--color-primary) !important;
    --joinchat-button-hover: color-mix(in srgb, var(--color-primary), var(--color-black) 10%) !important;
    --wa-color: var(--color-primary) !important;
  }

  .joinchat__button,
  .joinchat__button__open,
  .joinchat__button__send,
  .joinchat__box__scroll,
  .qlwapp-toggle,
  .wa__btn_popup,
  [class*="message-us"] {
    background: var(--color-primary) !important;
  }


.digtize-about-page {
	--about-text-primary: var(--color-black);
	--about-font-serif: "Instrument Serif", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
	color: var(--about-text-primary);
	max-width: 100%;
	overflow-x: clip;
	overflow-y: visible;
}

footer {
    background: radial-gradient(circle at 8% 12%, 
color-mix(in srgb, var(--color-primary) 35%, transparent) 0%, transparent 28%), radial-gradient(circle at 8% 92%, 
color-mix(in srgb, var(--color-primary) 28%, transparent) 0%, transparent 34%), radial-gradient(circle at 96% 52%, 
color-mix(in srgb, var(--color-primary) 30%, transparent) 0%, transparent 30%), radial-gradient(circle at 50% 25%, rgba(0, 0, 0, .35), transparent 55%), linear-gradient(180deg, 
color-mix(in srgb, var(--color-primary) 22%, var(--color-black)) 0%, 
color-mix(in srgb, var(--color-primary) 15%, var(--color-black)) 100%);
    overflow: hidden;
    position: relative;
    max-width: 100%;
    padding: 60px 30px;
    border-radius: 20px;
    color: var(--color-white);
    margin: 1em;
}

.digtize-modern-footer::before {
	background-image: radial-gradient(color-mix(in srgb, var(--color-white) 24%, transparent) 0.6px, transparent 0.7px);
	background-size: 5px 5px;
	content: "";
	inset: 0;
	opacity: 0.08;
	pointer-events: none;
	position: absolute;
}

.digtize-modern-footer > .container {
	margin: 0 auto;
	max-width: 1440px;
	position: relative;
	width: 100%;
	z-index: var(--z-raised);
}

.digtize-modern-footer__grid {
	display: grid;
	gap: 80px;
	grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(140px, 1fr));
}

.digtize-modern-footer__brand {
	align-content: start;
	display: grid;
	gap: 24px;
	min-width: 0;
}

.digtize-modern-footer__brand-widget-content {
	display: grid;
	gap: 24px;
}

.digtize-modern-footer__brand-widget-content .widget,
.digtize-modern-footer__brand-widget-content .widget .widget,
.digtize-modern-footer__brand .widget {
	display: block;
	margin: 0;
}

.digtize-modern-footer__brand-widget-content .widget img,
.digtize-modern-footer__brand-widget-content .textwidget img {
	height: auto;
	max-width: 160px;
	width: auto;
}

.digtize-modern-footer__brand-widget-content .widget p,
.digtize-modern-footer__brand-widget-content .textwidget p,
.digtize-modern-footer__brand-widget-content .widget .textwidget,
.digtize-modern-footer__brand-widget-content .widget * {
	box-sizing: border-box;
	line-height: 1.7;
}

.digtize-modern-footer__brand-widget-content .widget > * {
	margin: 0;
}

.digtize-modern-footer__brand-widget-content ul,
.digtize-modern-footer__brand-widget-content ol {
	display: grid;
	gap: 12px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.digtize-modern-footer__brand-widget-content h1,
.digtize-modern-footer__brand-widget-content h2,
.digtize-modern-footer__brand-widget-content h3,
.digtize-modern-footer__brand-widget-content h4,
.digtize-modern-footer__brand-widget-content h5,
.digtize-modern-footer__brand-widget-content h6 {
	font-size: 16px;
	font-weight: var(--font-weight-semibold);
	line-height: 1.4;
	margin: 0;
}

.digtize-modern-footer__logo {
	display: inline-flex;
	justify-self: start;
	text-decoration: none;
}

.digtize-modern-footer__logo img {
	display: block;
	height: auto;
	max-width: 160px;
	width: 100%;
}

.digtize-modern-footer__description {
	color: color-mix(in srgb, var(--color-white) 78%, transparent);
	font-family: var(--font-family-body);
	font-size: 16px;
	font-weight: var(--font-weight-regular);
	line-height: 1.7;
	margin: 0;
	max-width: 430px;
}

.digtize-modern-footer__social-links {
	display: flex;
	gap: 12px;
}

.digtize-modern-footer__social-links a {
	align-items: center;
	background: color-mix(in srgb, var(--color-white) 7%, transparent);
	border: 1px solid color-mix(in srgb, var(--color-white) 18%, transparent);
	border-radius: 50%;
	color: var(--color-white);
	display: inline-flex;
	height: 48px;
	justify-content: center;
	text-decoration: none;
	transition: background-color 300ms ease, border-color 300ms ease, transform 300ms ease;
	width: 48px;
}

.digtize-modern-footer__social-links a:hover {
	background: color-mix(in srgb, var(--color-white) 14%, transparent);
	border-color: color-mix(in srgb, var(--color-white) 30%, transparent);
	color: var(--color-white);
	transform: scale(1.05);
}

.digtize-modern-footer__social-links svg {
	height: 18px;
	width: 18px;
}

.digtize-modern-footer__newsletter {
	margin-top: 8px;
}

.digtize-modern-footer__newsletter h2,
.digtize-modern-footer__nav h2 {
	color: var(--color-white);
	font-family: var(--font-family-heading);
	font-style: normal;
	letter-spacing: normal;
	text-transform: none;
}

.digtize-modern-footer__section-title {
	color: var(--color-white);
	font-family: var(--font-family-heading);
	font-size: 16px;
	font-style: normal;
	letter-spacing: normal;
	font-weight: var(--font-weight-semibold);
	line-height: 1.3;
	margin: 0 0 24px;
	text-transform: none;
}

.digtize-modern-footer__newsletter h2 {
	font-size: 24px;
	font-weight: var(--font-weight-semibold);
	line-height: 1.2;
	margin: 0 0 16px;
}

.digtize-modern-footer__newsletter-form {
	margin: 0;
	max-width: 480px;
	position: relative;
}

.digtize-modern-footer__newsletter-form > label {
	color: color-mix(in srgb, var(--color-white) 80%, transparent);
	display: block;
	font-family: var(--font-family-body);
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 8px;
}

.digtize-modern-footer__newsletter-row {
	align-items: center;
	background: color-mix(in srgb, var(--color-white) 8%, transparent);
	border: 1px solid color-mix(in srgb, var(--color-white) 22%, transparent);
	border-radius: 28px;
	display: flex;
	min-height: 56px;
	padding: 3px;
	transition: border-color 300ms ease, background-color 300ms ease;
}

.digtize-modern-footer__newsletter-row:focus-within {
	background: color-mix(in srgb, var(--color-white) 11%, transparent);
	border-color: var(--color-secondary);
}

.digtize-modern-footer__newsletter-row input[type="email"] {
	background: transparent;
	border: 0;
	border-radius: 24px;
	box-shadow: none;
	color: var(--color-white);
	float: none;
	font-family: var(--font-family-body);
	font-size: 16px;
	height: 48px;
	margin: 0;
	min-width: 0;
	outline: 0;
	padding: 0 16px;
	text-indent: 0;
	width: 100%;
}

.digtize-modern-footer__newsletter-row input::placeholder {
	color: color-mix(in srgb, var(--color-white) 58%, transparent);
	opacity: 1;
}

.digtize-modern-footer__newsletter-row button {
	align-items: center;
	background: var(--color-primary);
	border: 0;
	border-radius: 24px;
	box-shadow: 0 8px 20px color-mix(in srgb, var(--color-black) 18%, transparent);
	color: var(--color-white);
	cursor: pointer;
	display: inline-flex;
	flex: 0 0 auto;
	font-family: var(--font-family-heading);
	font-size: 15px;
	font-weight: var(--font-weight-semibold);
	gap: 8px;
	height: 48px;
	justify-content: center;
	margin: 0;
	padding: 0 20px;
	transition: background-color 300ms ease, box-shadow 300ms ease, transform 300ms ease;
}

.digtize-modern-footer__newsletter-row button:hover {
	background: color-mix(in srgb, var(--color-primary) 88%, var(--color-white));
	box-shadow: 0 12px 26px color-mix(in srgb, var(--color-black) 25%, transparent);
	transform: translateY(-2px);
}

.digtize-modern-footer__honeypot {
	height: 1px;
	left: -9999px;
	overflow: hidden;
	position: absolute;
	width: 1px;
}

.digtize-modern-footer__form-status {
	color: var(--color-white);
	font-family: var(--font-family-body);
	font-size: 14px;
	line-height: 1.5;
	margin: 10px 0 0;
}

.digtize-modern-footer__form-status--success {
	color: var(--color-secondary);
}

.digtize-modern-footer__nav h2 {
	font-size: 16px;
	font-weight: var(--font-weight-semibold);
	line-height: 1.3;
	margin: 0 0 24px;
}

.digtize-modern-footer__nav-wrapper,
.digtize-modern-footer__nav,
.digtize-modern-footer__brand {
	min-height: 0;
}

.digtize-modern-footer__nav-wrapper .widget,
.digtize-modern-footer__brand .widget,
.digtize-modern-footer__bottom .widget {
	margin: 0;
}

.digtize-modern-footer__bottom .widget {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 32px;
	justify-content: space-between;
	width: 100%;
}

.digtize-modern-footer__nav,
.digtize-modern-footer__legal {
	float: none;
	height: auto;
	min-width: 0;
	width: auto;
}

.digtize-modern-footer__nav ul,
.digtize-modern-footer__legal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.digtize-modern-footer__nav ul {
	display: grid;
	gap: 18px;
}

.digtize-modern-footer__nav a {
	color: var(--color-white);
	display: inline-flex;
	font-family: var(--font-family-body);
	font-size: 16px;
	font-weight: var(--font-weight-regular);
	line-height: 1.5;
	opacity: 0.8;
	position: relative;
	text-decoration: none;
	transition: color 300ms ease, opacity 300ms ease, transform 300ms ease;
}

.digtize-modern-footer__nav a::after {
	background: var(--color-secondary);
	bottom: -3px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 300ms ease;
	width: 100%;
}

.digtize-modern-footer__nav a:hover {
	color: var(--color-white);
	opacity: 1;
	transform: translateX(4px);
}

.digtize-modern-footer__nav a:hover::after {
	transform: scaleX(1);
}

.digtize-modern-footer__bottom {
	align-items: center;
	border-top: 1px solid color-mix(in srgb, var(--color-white) 15%, transparent);
	display: flex;
	gap: 32px;
	justify-content: space-between;
	margin-top: 48px;
	padding-top: 28px;
}

.digtize-modern-footer__copyright {
	color: color-mix(in srgb, var(--color-white) 68%, transparent);
	font-family: var(--font-family-body);
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
}

.digtize-modern-footer__legal ul {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	justify-content: flex-end;
}

.digtize-modern-footer__legal a {
	color: color-mix(in srgb, var(--color-white) 72%, transparent);
	font-family: var(--font-family-body);
	font-size: 14px;
	text-decoration: none;
	transition: color 300ms ease, opacity 300ms ease;
}

.digtize-modern-footer__legal a:hover {
	color: var(--color-white);
}

.digtize-modern-footer a:focus-visible,
.digtize-modern-footer button:focus-visible,
.digtize-modern-footer input:focus-visible {
	outline: 2px solid var(--color-secondary);
	outline-offset: 3px;
}

@media (max-width: 1024px) {
	.digtize-modern-footer > .container {
		padding: 80px 32px 44px;
	}

	.digtize-modern-footer__grid {
		gap: 56px 64px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.digtize-modern-footer__brand {
		grid-column: 1 / -1;
		max-width: 720px;
	}
}

@media (max-width: 640px) {
	.digtize-modern-footer {
		padding: 0;
		margin: 0;
	}

	.digtize-modern-footer > .container {
		padding: 48px 20px;
	}

	.digtize-modern-footer__grid {
		gap: 40px;
		grid-template-columns: 1fr;
	}

	.digtize-modern-footer__brand {
		grid-column: auto;
	}

	.digtize-modern-footer__newsletter-row {
		background: transparent;
		border: 0;
		border-radius: 0;
		flex-direction: column;
		gap: 12px;
		padding: 0;
	}

	.digtize-modern-footer__newsletter-row:focus-within {
		background: transparent;
		border-color: transparent;
	}

	.digtize-modern-footer__newsletter-row input[type="email"] {
		background: color-mix(in srgb, var(--color-white) 8%, transparent);
		border: 1px solid color-mix(in srgb, var(--color-white) 22%, transparent);
		width: 100%;
	}

	.digtize-modern-footer__newsletter-row button {
		width: 100%;
	}

	.digtize-modern-footer__nav h2 {
		margin-bottom: 12px;
	}

	.digtize-modern-footer__nav ul {
		gap: 4px;
	}

	.digtize-modern-footer__nav a,
	.digtize-modern-footer__legal a {
		align-items: center;
		display: inline-flex;
		min-height: 44px;
	}

	.digtize-modern-footer__bottom {
		align-items: center;
		flex-direction: column;
		text-align: center;
	}

	.digtize-modern-footer__legal ul {
		column-gap: 20px;
		justify-content: center;
		row-gap: 4px;
	}
}

@media (hover: none) {
	.digtize-modern-footer__social-links a:hover {
		background: color-mix(in srgb, var(--color-white) 7%, transparent);
		border-color: color-mix(in srgb, var(--color-white) 18%, transparent);
		transform: none;
	}

	.digtize-modern-footer__newsletter-row button:hover {
		background: var(--color-primary);
		box-shadow: 0 8px 20px color-mix(in srgb, var(--color-black) 18%, transparent);
		transform: none;
	}

	.digtize-modern-footer__nav a:hover {
		opacity: 0.8;
		transform: none;
	}

	.digtize-modern-footer__nav a:hover::after {
		transform: scaleX(0);
	}

	.digtize-modern-footer__legal a:hover {
		color: color-mix(in srgb, var(--color-white) 72%, transparent);
	}
}

@media (prefers-reduced-motion: reduce) {
	.digtize-modern-footer a,
	.digtize-modern-footer button,
	.digtize-modern-footer input {
		scroll-behavior: auto;
		transition-duration: 0.01ms !important;
	}

	.digtize-modern-footer a:hover,
	.digtize-modern-footer button:hover {
		transform: none;
	}
}

/* ==========================================================================
   CONSOLIDATED: CONTACT PAGE
   Section: Hero, project form, client marquee, contact channels, company deck
   ========================================================================== */

body.page-template-contact {
	background: var(--color-white);
}

.digtize-contact-page {
	max-width: 100%;
	min-width: 0;
	overflow: clip;
	width: 100%;
}

.contact-hero {
	padding-bottom: clamp(var(--space-8), 8vw, var(--space-13));
}

.contact-hero__title {
	margin: var(--space-2) auto 0;
	max-width: 980px;
}

.contact-project {
	padding: 0 0 clamp(var(--space-10), 10vw, var(--space-15));
}

.contact-project__card {
	background: var(--color-white);
	border: 1px solid color-mix(in srgb, var(--color-primary) 10%, transparent);
	border-radius: 28px;
	box-shadow: 0 28px 80px color-mix(in srgb, var(--color-black) 14%, transparent);
	display: grid;
	gap: clamp(var(--space-6), 5vw, var(--space-12));
	grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
	padding: clamp(var(--space-6), 5vw, var(--space-10));
}

.contact-project__intro {
	align-self: center;
	min-width: 0;
}

.contact-project__intro .section-eyebrow {
	margin: 0 0 var(--space-2);
	text-align: left;
}

.contact-project__title {
	color: var(--color-black);
	margin: 0;
	max-width: 520px;
}

.contact-project__title span,
.contact-connect__title span,
.contact-company-deck__title span {
	display: block;
	font-family: var(--font-family-accent);
	font-style: italic;
	font-weight: var(--font-weight-regular);
}

.contact-project__title span {
	color: var(--color-primary-text);
}

.contact-project__benefits {
	display: grid;
	gap: var(--space-3);
	list-style: none;
	margin: var(--space-6) 0 0;
	padding: 0;
}

.contact-project__benefits li {
	align-items: flex-start;
	color: var(--color-grey-text);
	display: grid;
	font-family: var(--font-family-body);
	font-size: var(--font-size-base);
	gap: var(--space-2);
	grid-template-columns: 24px minmax(0, 1fr);
	line-height: var(--line-height-exact-024);
}

.contact-project__benefits li > span {
	align-items: center;
	border: 1px solid var(--color-primary);
	border-radius: 50%;
	color: var(--color-primary-text);
	display: inline-flex;
	font-size: var(--font-size-xs);
	height: 20px;
	justify-content: center;
	margin-top: 2px;
	width: 20px;
}

.contact-project__form,
.contact-project__form * {
	box-sizing: border-box;
}

.contact-project__form {
	min-width: 0;
}

.contact-project__form .wpcf7-form {
	margin: 0;
	min-width: 0;
}

.contact-project__form .contact-form__grid {
	display: grid;
	gap: var(--space-4);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.contact-project__form .contact-form__grid > p {
	display: contents;
}

.contact-project__form .contact-form__field,
.contact-project__form .contact-form__budget {
	display: grid;
	gap: var(--space-2);
	margin: 0;
	min-width: 0;
}

.contact-project__form .contact-form__field br {
	display: none;
}

.contact-project__form .contact-form__field--full,
.contact-project__form .contact-form__budget,
.contact-project__form .contact-form__submit,
.contact-project__form .wpcf7-response-output {
	grid-column: 1 / -1;
}

.contact-project__form .contact-form__label,
.contact-project__form .contact-form__budget legend {
	color: var(--color-black);
	font-family: var(--font-family-body);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-semibold);
	line-height: var(--line-height-exact-022);
}

.contact-project__form .contact-form__budget {
	border: 0;
	padding: 0;
}

.contact-project__form .contact-form__budget legend {
	margin-bottom: var(--space-2);
	padding: 0;
}

.contact-project__form .contact-form__budget > p,
.contact-project__form .contact-form__submit > p {
	margin: 0;
}

.contact-project__form .wpcf7-form-control-wrap {
	display: block;
	max-width: 100%;
	min-width: 0;
}

.contact-project__form input[type="email"],
.contact-project__form input[type="text"],
.contact-project__form input[type="tel"],
.contact-project__form textarea {
	background: color-mix(in srgb, var(--color-primary) 4%, var(--color-white));
	border: 1px solid color-mix(in srgb, var(--color-black) 10%, transparent);
	border-radius: 9px;
	color: var(--color-black);
	float: none;
	font-family: var(--font-family-body);
	font-size: var(--font-size-sm);
	height: 48px;
	line-height: var(--line-height-exact-022);
	margin: 0;
	padding: 12px 14px;
	text-indent: 0;
	width: 100%;
}

.contact-project__form textarea {
	height: 118px;
	resize: vertical;
}

.contact-project__form input:focus,
.contact-project__form textarea:focus {
	border-color: var(--color-primary);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 16%, transparent);
	outline: none;
}

.contact-project__form .wpcf7-radio {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
}

.contact-project__form .wpcf7-list-item {
	margin: 0;
}

.contact-project__form .wpcf7-list-item label {
	cursor: pointer;
	display: block;
	position: relative;
}

.contact-project__form .wpcf7-list-item input {
	height: 1px;
	opacity: 0;
	position: absolute;
	width: 1px;
}

.contact-project__form .wpcf7-list-item-label {
	background: var(--color-white);
	border: 1px solid color-mix(in srgb, var(--color-black) 10%, transparent);
	border-radius: 8px;
	color: var(--color-grey-text);
	display: block;
	font-family: var(--font-family-body);
	font-size: var(--font-size-xs);
	line-height: var(--line-height-exact-020);
	padding: 10px 13px;
	transition: background-color var(--duration-ui) var(--ease-default), border-color var(--duration-ui) var(--ease-default), color var(--duration-ui) var(--ease-default);
}

.contact-project__form .wpcf7-list-item input:checked + .wpcf7-list-item-label {
	background: var(--color-primary);
	border-color: var(--color-primary);
	color: var(--color-white);
}

.contact-project__form .wpcf7-list-item input:focus-visible + .wpcf7-list-item-label {
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 22%, transparent);
}

.contact-project__form .contact-form__submit {
	margin: 0;
}

.contact-project__form input[type="submit"] {
	background: var(--color-primary);
	border: 0;
	border-radius: 10px;
	color: var(--color-white);
	float: none;
	font-family: var(--font-family-body);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-exact-022);
	padding: 13px 20px;
	width: auto;
}

.contact-project__form input[type="submit"]:hover {
	box-shadow: 0 12px 28px color-mix(in srgb, var(--color-primary) 24%, transparent);
	transform: translateY(-2px);
}

.contact-project__form .wpcf7-not-valid-tip {
	color: var(--color-case-study-coral);
	font-size: var(--font-size-xs);
	line-height: var(--line-height-exact-020);
	margin-top: var(--space-1);
}

.contact-project__form .wpcf7-response-output {
	border-color: var(--color-primary);
	border-radius: 8px;
	color: var(--color-black);
	font-family: var(--font-family-body);
	font-size: var(--font-size-sm);
	margin: 0;
	padding: var(--space-3);
}

.contact-project__form-fallback {
	color: var(--color-grey-text);
	margin: 0;
}

.contact-dark-flow {
	background: var(--color-black);
	border-radius: var(--radius-3xl);
	color: var(--color-white);
	overflow: hidden;
}

.about-brand-marquee__heading {
	color: var(--color-white);
}


.contact-connect {
	padding-bottom: clamp(var(--space-10), 10vw, var(--space-15));
	text-align: center;
}

.contact-connect__title {
	color: var(--color-white);
	margin: var(--space-4) auto 0;
	max-width: 1050px;
}

.contact-connect__title span,
.contact-company-deck__title span {
	color: var(--color-white);
}

.contact-connect__channels {
	display: grid;
	gap: clamp(var(--space-5), 7vw, var(--space-12));
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: clamp(var(--space-7), 7vw, var(--space-10)) auto 0;

	text-align: center;
}

.contact-connect__channel p {
	color: var(--color-grey-text);
	font-size: var(--font-size-md);
	line-height: var(--line-height-exact-026);
	margin: 0 0 var(--space-3);
}

.contact-connect__channel a {
	color: var(--color-white);
	display: inline-block;
	font-family: var(--font-family-heading);
	font-size: clamp(var(--font-size-lg), 2.2vw, var(--font-size-2xl));
	font-weight: var(--font-weight-semibold);
	line-height: var(--line-height-normal);
	text-decoration: underline;
	text-decoration-color: var(--color-primary);
	text-decoration-thickness: 2px;
	text-underline-offset: 8px;
}

.contact-connect__channel a:hover,
.contact-connect__channel a:focus-visible {
	color: var(--color-primary);
}

.contact-company-deck {
	padding: 0 0 clamp(var(--space-10), 8vw, var(--space-14));
}

.contact-company-deck__panel {
	background: color-mix(in srgb, var(--color-white) 3%, var(--color-black));
	border: 1px solid color-mix(in srgb, var(--color-white) 10%, transparent);
	border-radius: 32px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr);
	min-height: 650px;
	overflow: hidden;
}

.contact-company-deck__visual {
	background: var(--color-primary);
	min-height: 650px;
	min-width: 0;
	overflow: hidden;
	position: relative;
}

.contact-company-deck__visual::after {
	background: linear-gradient(90deg, transparent 58%, color-mix(in srgb, var(--color-black) 86%, transparent) 100%), linear-gradient(0deg, color-mix(in srgb, var(--color-black) 75%, transparent) 0%, transparent 34%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.contact-company-deck__visual img {
	display: block;
	height: 100%;
	mix-blend-mode: multiply;
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.contact-company-deck__content {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	padding: clamp(var(--space-7), 6vw, var(--space-11));
}

.contact-company-deck__title {
	color: var(--color-white);
	margin: var(--space-4) 0 0;
	max-width: 620px;
}

.contact-company-deck__description {
	color: var(--color-grey-text);
	font-size: var(--font-size-md);
	line-height: var(--line-height-exact-036);
	margin: var(--space-5) 0 0;
	max-width: 600px;
}

.contact-company-deck__cta {
	align-items: center;
	background:var(--color-primary);
	border: 1px solid color-mix(in srgb, var(--color-white) 54%, transparent);
	border-radius: 11px;
	box-sizing: border-box;
	color: var(--color-white);
	display: inline-flex;
	gap: var(--space-3);
	margin-top: var(--space-6);
	max-width: 100%;
	padding: 15px 22px;
	text-decoration: none;
	transition: box-shadow var(--duration-normal) var(--ease-default), transform var(--duration-normal) var(--ease-default);
}

.contact-company-deck__cta:hover,
.contact-company-deck__cta:focus-visible {
	box-shadow: 0 16px 36px color-mix(in srgb, var(--color-primary) 34%, transparent);
	color: var(--color-white);
	transform: translateY(-2px);
}

@media (max-width: 1024px) {
	.contact-project__card {
		gap: var(--space-7);
		grid-template-columns: 1fr;
	}

	.contact-project__intro {
		max-width: var(--container-readable);
	}

	.contact-company-deck__panel {
		grid-template-columns: 1fr;
	}

	.contact-company-deck__visual {
		min-height: min(72vw, 620px);
	}

	.contact-company-deck__visual::after {
		background: linear-gradient(0deg, color-mix(in srgb, var(--color-black) 86%, transparent) 0%, transparent 35%);
	}
}

@media (max-width: 767px) {
	.contact-hero__title .hero-title-primary,
	.contact-hero__title .hero-title-secondary {
		overflow-wrap: anywhere;
		white-space: normal;
	}

	.contact-hero {
		padding-bottom: var(--space-9);
	}

	.contact-project {
		padding-bottom: var(--space-10);
	}

	.contact-project__card {
		border-radius: 20px;
		gap: var(--space-6);
		padding: var(--space-5);
	}

	.contact-project__form .contact-form__grid,
	.contact-connect__channels {
		grid-template-columns: 1fr;
	}

	.contact-project__form .contact-form__field,
	.contact-project__form .contact-form__budget,
	.contact-project__form .contact-form__submit {
		grid-column: 1;
	}

	.contact-project__form input[type="submit"] {
		width: 100%;
	}

	.contact-connect {
		padding: var(--space-10) 0;
	}

	.contact-connect__channels {
		gap: var(--space-7);
	}

	.contact-connect__title,
	.contact-company-deck__title,
	.contact-company-deck__description {
		max-width: 100%;
		overflow-wrap: anywhere;
	}

	.contact-company-deck {
		padding-bottom: var(--space-8);
	}

	.contact-company-deck__panel {
		border-radius: 22px;
	}

	.contact-company-deck__visual {
		min-height: min(108vw, 520px);
	}

	.contact-company-deck__content {
		padding: var(--space-6) var(--space-5) var(--space-7);
	}

	.contact-company-deck__description {
		font-size: var(--font-size-base);
		line-height: var(--line-height-exact-028);
	}
}

@media (max-width: 420px) {
	.contact-project__card {
		padding: var(--space-4);
	}

	.contact-project__form .wpcf7-list-item-label {
		padding: 9px 11px;
	}

	.contact-connect__channel a {
		font-size: var(--font-size-lg);
		overflow-wrap: anywhere;
	}

	.contact-company-deck__cta {
		justify-content: center;
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.contact-project__form input[type="submit"],
	.contact-company-deck__cta {
		transition: var(--transition-none);
	}
}

/* Editorial Service Grid */
.editorial-service-grid {
	background: #fff;
	color: #111;
	padding: clamp(72px, 8vw, 128px) 0;
}

.editorial-service-grid *,
.editorial-service-grid *::before,
.editorial-service-grid *::after {
	box-sizing: border-box;
}

.editorial-service-grid__header {
	margin-bottom: clamp(32px, 5vw, 64px);
  text-align: center;
}

.editorial-service-grid__eyebrow {
	margin: 0 0 var(--space-2);
}

.editorial-service-grid__heading {
	font-family: "Plus Jakarta Sans", Inter, Arial, sans-serif;
	font-size: clamp(36px, 4.3vw, 64px);
	font-weight: 500;
	letter-spacing: -0.045em;
	line-height: 1.05;

}

.editorial-service-grid__description {
  text-align: center;
	margin-top: 20px;
	color: #626875;
	font-size: clamp(17px, 1.4vw, 20px);
	line-height: 1.65;
}

.editorial-service-grid__description p {
	margin: 0;
}

.editorial-service-grid__cards {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 16px;
}

.editorial-service-card {
    position: relative;
    display: flex;
    grid-column: span 3;
    min-width: 0;
    min-height: 440px;
    border-radius: 14px;
    overflow: hidden;
    isolation: isolate;
}

.editorial-service-card--large {
	grid-column: span 6;
}

.editorial-service-card__media,
.editorial-service-card__picture,
.editorial-service-card__image,
.editorial-service-card__video,
.editorial-service-card__overlay {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.editorial-service-card__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 0.25rem;
	height: 100%;
	min-width: 0;
	padding: 1.25rem;
	position: relative;
	width: 100%;
	z-index: var(--z-raised);
}

.editorial-service-card__media {
	z-index: calc(var(--z-recessed) - 1);
	margin: 0;
	background: #18352e;
}

.editorial-service-card__picture {
	display: block;
}

.editorial-service-card__image,
.editorial-service-card__video {
	display: block;
	object-fit: cover;
	transform: translateZ(0) scale(1);
	transition: transform 400ms ease;
}


.editorial-service-card__content {
	position: relative;
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
	padding-left: 0.25rem;
	text-align: left;
}


.editorial-service-card__copy {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	max-width: 52ch;
	text-align: left;
}


.editorial-service-card__title {
	font:var(--typography-h5);
}

.editorial-service-card__title strong {
	font-weight: 500;
}

.editorial-service-card__description {
	margin: 0;
	font-family: Inter, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.6em;
	text-align: left;
}
.editorial-service-card__button {
    position: absolute;
    bottom: 1em;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid currentColor;
    font-size: 15px;
    text-decoration: none;
}

.editorial-service-card__button-arrow {
	transition: transform 250ms ease;
}

.editorial-service-card:hover .editorial-service-card__button-arrow,
.editorial-service-card:focus-within .editorial-service-card__button-arrow {
	transform: translateX(4px);
}

.editorial-service-card__link {
	border-radius: inherit;
	inset: 0;
	position: absolute;
	z-index: var(--z-elevated);
}


.editorial-service-card--hover:hover .editorial-service-card__overlay,
.editorial-service-card--hover:focus .editorial-service-card__overlay,
.editorial-service-card--hover:focus-within .editorial-service-card__overlay {
	opacity: 0.92;
}

.editorial-service-card:focus-visible,
.editorial-service-card__link:focus-visible {
	outline: 3px solid #29d6a2;
	outline-offset: 4px;
}

@media (max-width: 980px) {
	.editorial-service-grid__cards {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.editorial-service-card--large {
		grid-column: span 6;
	}

	.editorial-service-card--medium {
		grid-column: span 3;
	}
}

@media (max-width: 640px) {
	.editorial-service-grid {
		padding: 64px 0;
	}

	.editorial-service-grid__cards {
		grid-template-columns: 1fr;
	}

	.editorial-service-card--large,
	.editorial-service-card--medium {
		grid-column: span 1;
		height: clamp(320px, 92vw, 380px);
	}

	.editorial-service-card__content {
		padding: 0 24px 24px 0;
	}

	.editorial-service-card--has-button.editorial-service-card--position-bottom-left .editorial-service-card__content,
	.editorial-service-card--has-button.editorial-service-card--position-bottom-right .editorial-service-card__content {
		padding-bottom: 72px;
	}

	.editorial-service-card__button {
		left: 24px;
		bottom: 24px;
	}

}

@media (prefers-reduced-motion: reduce) {
	.editorial-service-card__image,
	.editorial-service-card__video,
	.editorial-service-card__button-arrow {
		transition: none;
	}

}

/* About video showcase */
.video-showcase {
	--video-showcase-inset-top: 0px;
	--video-showcase-inset-right: 0px;
	--video-showcase-inset-bottom: 0px;
	--video-showcase-inset-left: 0px;
	--video-showcase-radius: 28px;
	background: var(--color-white, #fff);
	padding: var(--space-10, 80px) 0 var(--space-15, 120px);
	width: 100%;
}

.video-showcase__sticky {
	position: relative;
	width: 100%;
}

.video-showcase__shell {
	isolation: isolate;
	margin: 0 auto;
	max-width: 1320px;
	position: relative;
	width: calc(100% - 48px);
}

.video-showcase__shell::before,
.video-showcase__shell::after {
	border-radius: 28px;
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.video-showcase__shell::before {
	box-shadow: 0 24px 64px rgba(10, 20, 18, .14);
	z-index: var(--z-base);
}

.video-showcase__shell::after {
	box-shadow: 0 32px 82px rgba(10, 20, 18, .2);
	opacity: 0;
	transition: opacity 400ms cubic-bezier(.22, .61, .36, 1);
	z-index: var(--z-base);
}

.video-showcase__frame {
	aspect-ratio: 16 / 9;
	background: #12211d;
	border-radius: 28px;
	isolation: isolate;
	overflow: hidden;
	position: relative;
	transform: translateZ(0);
	width: 100%;
	z-index: var(--z-raised);
}

.video-showcase__float {
	animation: video-showcase-float 8s ease-in-out infinite;
	inset: -6px 0;
	position: absolute;
	transform: translate3d(0, 0, 0);
	will-change: transform;
}

.video-showcase__poster,
.video-showcase__video {
	backface-visibility: hidden;
	display: block;
	height: 100%;
	inset: 0;
	object-fit: cover;
	position: absolute;
	width: 100%;
}

.video-showcase__poster {
	opacity: 1;
	transform: translateZ(0) scale(1);
	transition: opacity 500ms cubic-bezier(.22, .61, .36, 1), transform 600ms cubic-bezier(.22, .61, .36, 1);
	will-change: opacity, transform;
	z-index: var(--z-raised);
}

.video-showcase__video {
	opacity: 0;
	transform: translateZ(0) scale(1);
	transition: opacity 500ms cubic-bezier(.22, .61, .36, 1), transform 600ms cubic-bezier(.22, .61, .36, 1);
	will-change: opacity, transform;
	z-index: var(--z-raised);
}

.video-showcase__overlay {
	background: linear-gradient(180deg, rgba(0, 0, 0, .12), rgba(0, 0, 0, .72));
	inset: 0;
	opacity: .3;
	pointer-events: none;
	position: absolute;
	transition: opacity 400ms cubic-bezier(.22, .61, .36, 1);
	will-change: opacity;
	z-index: var(--z-elevated);
}

.video-showcase__cursor {
	background: radial-gradient(circle, rgba(255, 255, 255, .12) 0, rgba(255, 255, 255, .055) 34%, transparent 70%);
	border-radius: 50%;
	height: 320px;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: translate3d(-400px, -400px, 0);
	transition: opacity 300ms ease;
	width: 320px;
	will-change: opacity, transform;
	z-index: var(--z-popover);
}

.video-showcase.is-video-ready .video-showcase__poster {
	opacity: 0;
}

.video-showcase.is-video-ready .video-showcase__video {
	opacity: 1;
}

.video-showcase.video-showcase--motion-ready .video-showcase__shell {
	opacity: 0;
	transform: translate3d(0, 40px, 0) scale(.96);
	transition: opacity 800ms cubic-bezier(.22, .61, .36, 1), transform 800ms cubic-bezier(.22, .61, .36, 1);
	will-change: opacity, transform;
}

.video-showcase.video-showcase--motion-ready.is-visible .video-showcase__shell {
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
}

.video-showcase.is-cursor-active .video-showcase__cursor {
	opacity: 1;
}

.video-showcase.video-showcase--scroll-ready {
	height: 200svh;
	padding: 0;
}

.video-showcase.video-showcase--scroll-ready .video-showcase__sticky {
	display: grid;
	height: 100svh;
	inset: 0 0 auto;
	place-items: center;
	position: sticky;
}

.video-showcase.video-showcase--scroll-ready .video-showcase__shell {
	height: 100%;
	max-width: none;
	width: 100vw;
}

.video-showcase.video-showcase--scroll-ready .video-showcase__shell::before,
.video-showcase.video-showcase--scroll-ready .video-showcase__shell::after {
	opacity: 0;
}

.video-showcase.video-showcase--scroll-ready .video-showcase__frame {
	aspect-ratio: auto;
	border-radius: 0;
	clip-path: inset(var(--video-showcase-inset-top) var(--video-showcase-inset-right) var(--video-showcase-inset-bottom) var(--video-showcase-inset-left) round var(--video-showcase-radius));
	height: 100%;
	will-change: clip-path;
}

@keyframes video-showcase-float {
	0%,
	100% {
		transform: translate3d(0, 0, 0);
	}

	50% {
		transform: translate3d(0, -6px, 0);
	}
}

@media (any-hover: hover) and (min-width: 1025px) {
	.video-showcase__shell:hover::after {
		opacity: 1;
	}

	.video-showcase__frame:hover .video-showcase__poster,
	.video-showcase__frame:hover .video-showcase__video {
		transform: translateZ(0) scale(1.05);
	}

	.video-showcase__frame:hover .video-showcase__overlay {
		opacity: .5;
	}
}

@media (max-width: 1024px) {
	.video-showcase {
		padding-bottom: 96px;
	}

	.video-showcase.video-showcase--scroll-ready {
		padding-bottom: 0;
	}
}

@media (max-width: 767px) {
	.video-showcase {
		padding: var(--space-8, 64px) 0 var(--space-px-84, 84px);
	}

	.video-showcase.video-showcase--scroll-ready {
		padding: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.video-showcase__float {
		animation: none;
	}

	.video-showcase__poster,
	.video-showcase__video,
	.video-showcase__overlay,
	.video-showcase__shell::after,
	.video-showcase__cursor {
		transition: none;
	}

	.video-showcase__cursor {
		display: none;
	}

	.video-showcase.video-showcase--motion-ready .video-showcase__shell {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.video-showcase__frame:hover .video-showcase__poster,
	.video-showcase__frame:hover .video-showcase__video {
		transform: translateZ(0) scale(1);
	}

	.video-showcase__frame:hover .video-showcase__overlay {
		opacity: .3;
	}

	.video-showcase__shell:hover::after {
		opacity: 0;
	}
}

/* Dedicated 404 page. */
.error-page {
	background:
		radial-gradient(circle at 50% 10%, color-mix(in srgb, var(--color-secondary) 18%, transparent), transparent 30rem),
		color-mix(in srgb, var(--color-primary) 4%, var(--color-white));
	overflow: hidden;
	padding: clamp(132px, 12vw, 184px) 0 clamp(72px, 9vw, 120px);
	position: relative;
}

.error-page__content {
	margin: 0 auto;
	max-width: 860px;
	text-align: center;
}

.error-page__code {
	color: var(--color-primary);
	font-size: clamp(112px, 18vw, 220px);
	font-weight: var(--font-weight-extrabold);
	letter-spacing: -0.08em;
	line-height: 0.75;
	margin: 0 0 clamp(36px, 5vw, 56px);
	opacity: 0.16;
}

.error-page h1 {
	color: var(--color-black);
	font-size: clamp(42px, 7vw, 76px);
	line-height: 1;
	margin: 0;
	text-wrap: balance;
}

.error-page__description {
	font-size: clamp(17px, 2vw, 20px);
	line-height: 1.65;
	margin: 24px auto 0;
	max-width: 650px;
}

.error-page__actions {
	display: flex;
	justify-content: center;
	margin-top: 32px;
}

.error-page__home {
	gap: 12px;
	min-height: 56px;
	padding: 0 30px;
}

.error-page__search {
	border-top: 1px solid color-mix(in srgb, var(--color-black) 14%, transparent);
	margin: clamp(48px, 7vw, 72px) auto 0;
	max-width: 700px;
	padding-top: clamp(36px, 5vw, 48px);
}

.error-page__search h2 {
	color: var(--color-black);
	margin: 0 0 20px;
}

.error-page .searchform > div {
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) auto;
}

.error-page .searchform input[type="text"] {
	background: var(--color-white);
	border: 1px solid color-mix(in srgb, var(--color-black) 20%, transparent);
	border-radius: var(--radius-full);
	box-sizing: border-box;
	float: none;
	height: 56px;
	line-height: normal;
	margin: 0;
	min-width: 0;
	padding: 0 22px;
	text-indent: 0;
	width: 100%;
}

.error-page .searchform input[type="text"]:focus-visible {
	border-color: var(--color-primary);
	outline: 3px solid color-mix(in srgb, var(--color-primary) 24%, transparent);
	outline-offset: 2px;
}

.error-page .searchform input[type="submit"] {
	border-radius: var(--radius-full);
	height: 56px;
	line-height: 1;
	padding: 0 30px;
	width: auto;
}

@media (max-width: 640px) {
	.error-page {
		padding: 116px 0 72px;
	}

	.error-page__code {
		font-size: clamp(104px, 36vw, 148px);
		margin-bottom: 36px;
	}

	.error-page h1 {
		font-size: clamp(38px, 12vw, 52px);
	}

	.error-page__description {
		font-size: 16px;
	}

	.error-page .searchform > div {
		grid-template-columns: 1fr;
	}

	.error-page .searchform input[type="submit"] {
		width: 100%;
	}
}

/* Ensure mobile drawer/header overlays fully occupy viewport when menu is open */
@media only screen and (max-width: 820px) {
	body.main,
	body:not(.home) {
		--dt-header-top: 0 !important;
	}

	body.main .digtize-site-header {
		top: 0 !important;
		left: 0 !important;
		right: auto !important;
		transform: none !important;
	}

	body.main.about-menu-open .digtize-site-header,
	body.main.menu-open .digtize-site-header,
	body.about-menu-open .digtize-site-header,
	body.menu-open .digtize-site-header {
		--header-width: 100% !important;
		left: 0 !important;
		right: auto !important;
		top: 0 !important;
		transform: none !important;
	}

	body.main.about-menu-open .digtize-site-header__drawer,
	body.main.menu-open .digtize-site-header__drawer,
	body.about-menu-open .digtize-site-header__drawer,
	body.menu-open .digtize-site-header__drawer {
		inset: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	body.home #section1.afterheader {
		padding-top: var(--space-6) !important;
	}
}