/*
Theme Name: Saxum
Description: Designed to support a clear, modern, and scalable digital presence for Saxum.
Author: Saxum
Author URI: https://saxum.com
Author Email: admin@saxum.com
Version: 1.0.0
Text Domain: hello-elementor-child
Template: hello-elementor
*/
/*
Add your custom styles here
*/

  /* Spacing */

  :root {
    --space-5: 5%;
    --space-10: 10%;
    --space-15: 15%;
    --space-20: 20%;
    --space-30: 30%;
    --line-color: rgba(0, 0, 0, 0.06);
    --header-offset: 100px;
    --ease-out-cubic: cubic-bezier(.215,.61,.355,1);
  }




h1.entry-title { display:none; }
p:last-child { margin-bottom: 0; }


 /* Page lines */

 body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index:0;
  
    
    --line-width: 1px;
    --edge-offset: 3%;
  
    background:
      /* left line */
      linear-gradient(var(--line-color), var(--line-color)),
      /* center line */
      linear-gradient(var(--line-color), var(--line-color)),
      /* right line */
      linear-gradient(var(--line-color), var(--line-color));
  
    background-size:
      var(--line-width) 100%,
      var(--line-width) 100%,
      var(--line-width) 100%;
  
    background-position:
      var(--edge-offset) 0,
      50% 0,
      calc(100% - var(--edge-offset)) 0;
  
    background-repeat: no-repeat;
  }

  html {
    scroll-behavior: smooth;
    scroll-padding-top: var(--header-offset, 0px);
  }

  html, body { max-width: 100%; overflow-x: hidden; }

 

.px-5  { padding-inline: var(--space-5); }
.px-10 { padding-inline: var(--space-10); }
.px-15 { padding-inline: var(--space-15); }
.px-20 { padding-inline: var(--space-20); }
.px-30 { padding-inline: var(--space-30); }

.py-5  { padding-block: var(--space-5); }
.py-10 { padding-block: var(--space-10); }
.py-15 { padding-block: var(--space-15); }
.py-20 { padding-block: var(--space-20); }
.py-30 { padding-block: var(--space-30); }

.pt-5  { padding-top: var(--space-5); }
.pt-10 { padding-top: var(--space-10); }
.pt-15 { padding-top: var(--space-15); }
.pt-20 { padding-top: var(--space-20); }
.pt-30 { padding-top: var(--space-30); }

.pb-5  { padding-bottom: var(--space-5); }
.pb-10 { padding-bottom: var(--space-10); }
.pb-15 { padding-bottom: var(--space-15); }
.pb-20 { padding-bottom: var(--space-20); }
.pb-30 { padding-bottom: var(--space-30); }

.pl-5  { padding-left: var(--space-5); }
.pl-10 { padding-left: var(--space-10); }
.pl-15 { padding-left: var(--space-15); }
.pl-20 { padding-left: var(--space-20); }
.pl-30 { padding-left: var(--space-30); }

.pr-5  { padding-right: var(--space-5); }
.pr-10 { padding-right: var(--space-10); }
.pr-15 { padding-right: var(--space-15); }
.pr-20 { padding-right: var(--space-20); }
.pr-30 { padding-right: var(--space-30); }

  

.body {
    font-size: 16px !important;
    line-height: var(--e-global-typography-text-line-height, 1.6) !important;
    line-height:130%;
  }

/* Utility heading classes (your large display scale) */
.h1 { font-size: clamp(2.5rem, 1.6rem + 3.2vw, 7.4rem); }
.h2 { font-size: clamp(2.125rem, 1.4rem + 2.4vw, 5.6rem); }
.h3 { font-size: clamp(1.75rem, 1.2rem + 1.7vw, 4.2rem); }
.h4 { font-size: clamp(1.5rem, 1.1rem + 1.2vw, 3.1rem); }
.h5 { font-size: clamp(1.375rem, 1.05rem + 1.0vw, 2.8rem); }
.h6 { font-size: clamp(1.25rem, 1.0rem + 0.9vw, 2.4rem); }

/*
.h5 { font-size: clamp(1.25rem, 1.0rem + 0.9vw, 2.4rem); }
.h6 { font-size: clamp(1.125rem, 0.95rem + 0.6vw, 1.9rem); }*/



h1,h2,h3,h4,h5,h6 { line-height: 1.2 !important; }

h1 { font-size: 2rem; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1.125rem; }
h6 { font-size: 1rem; }

/* Native heading elements (smaller scale ~50%)   
h1 { font-size: clamp(1.25rem, 0.8rem + 1.6vw, 3.7rem); }
h2 { font-size: clamp(1.0625rem, 0.7rem + 1.2vw, 2.8rem); }
h3 { font-size: clamp(0.875rem, 0.6rem + 0.85vw, 2.1rem); }
h4 { font-size: clamp(0.75rem, 0.55rem + 0.6vw, 1.55rem); }
h5 { font-size: clamp(0.625rem, 0.5rem + 0.45vw, 1.2rem); }
h6 { font-size: clamp(0.5625rem, 0.475rem + 0.3vw, 0.95rem); }*/





/* BUTTON STYLES */

.elementor-button {
  font-family: var(--e-global-typography-text-font-family);
  padding: 18px 24px;
  border-radius: 999px;
  border: 1px solid currentColor;
  background-color: transparent;
  color: inherit;
}

.cky-btn, .cky-btn-accept {
  border-radius: 999px !important;
}

a { color: inherit;} 

sup {
  font-size: 0.4em;
  vertical-align: super;
  margin-left: 0.05em;
}

/* Header styles */

.header {
  border-bottom:1px solid var(--line-color);
}

/* Stack menu */
.stack-menu {
  border-top:1px solid var(--line-color) !important;
  border-bottom:1px solid var(--line-color) !important;
}

/* Make sure each top-level item can host a pseudo-element */
.stack-menu .elementor-nav-menu > .menu-item {
  position: relative;
  display: flex;
  align-items: center;
}

.stack-menu .elementor-nav-menu .menu-item a:hover {
  color: var(--e-global-color-accent);
}

/* Arrow between items (all but last) */
.stack-menu .elementor-nav-menu > .menu-item:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 48px;
  height: 14px;
  margin: 0 32px;

  background-color: #c6af81; /* ← controls arrow color */

  mask-image: url("/wp-content/uploads/2026/01/gfx_arrow_right.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;

  -webkit-mask-image: url("/wp-content/uploads/2026/01/gfx_arrow_right.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.stack-menu .elementor-nav-menu > .menu-item:not(:last-child)::after svg {
  fill:var(--e-global-color-accent);
}


.stack-menu .elementor-nav-menu>li:not(:last-child):after {
  border:none !important;
}

.stack-menu .elementor-nav-menu .menu-item a:after {
  content: none !important;
}

.stack-menu .elementor-nav-menu .current-menu-item a {
  color: var(--e-global-color-accent) !important;
}

/* DASHES - for unordered lists */


/* Kill default bullets completely */
.elementor .elementor-widget-text-editor ul,
.elementor .elementor-widget-text-editor ul li,
.ul-list ul,
.ul-list ul li {
  list-style-type: none !important;
  list-style: none !important;
  margin-left: 0;
  padding-left: 0;
}

/* Hide marker in modern browsers just in case */
.elementor .elementor-widget-text-editor ul li::marker,
.ul-list ul li::marker {
  content: "" !important;
}

.elementor-widget-text-editor ul li,
.ul-list ul li {
  position: relative;
  padding-left: 3.5rem !important;
  margin-bottom: 1.25rem;
}

.elementor-widget-text-editor ul li::before,
.ul-list ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.75em;
  width: 2.5rem;
  height: 1px;
  background-color: currentColor;
  opacity: 0.4;
}



.hidex {
  overflow-x: hidden;
}



.btn-arrow svg {
  width:44px;
}

.btn-arrow svg path {
  transition: fill var(--e-transform-transition-duration, 0.4s) ease;
}

.btn-arrow .elementor-button-text {
  transition: color 0.3s ease;
}


.btn-dark-arrow {

}

.btn-dark-arrow:hover svg path{
  fill: var(--e-global-color-accent);
}

.btn-dark-arrow svg {
  width: 44px !important;
}

.btn-dark-arrow svg path {
  transition: fill var(--e-transform-transition-duration, 0.4s) ease;
}

.btn-dark-arrow .elementor-button-text {
  transition: color 0.3s ease;
}

.btn-dark-arrow:hover .elementor-button-text {
  color: var(--e-global-color-accent);
}

/* Dash - when added as class .dash this will apply a stroke */

.dash {
  display: grid;
  grid-template-columns: 2.5rem 1fr; /* fixed dash width + text */
  column-gap: 0.75rem;

  align-items: start; /* align to the top, not the center of the block */
}

.dash::before {
  content: "";
  height: 1px;
  background: currentColor;
  opacity: 1;

  /* lock the dash width so it never varies */
  width: 2.5rem;
  justify-self: start;

  /* place it on the first line's midpoint */
  margin-top: 0.25em;            /* ~half the font-size */
  transform: translateY(0.5lh); /* modern browsers: half the line-height */
}

.dash--accent::before {
  background-color: var(--e-global-color-accent);
}

.rounded {
  border-radius: 32px;
  overflow: hidden;
}

/* Blog */

.blog-post-hero {

}

.blog-post-hero .blog-img {

}

.blog-post-hero .blog-content {

}



/* Blog content links */
.single-post .elementor-widget-text-editor a,
.single-post .entry-content a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
  transition: color 0.25s ease, text-decoration-color 0.25s ease;
}

/* Hover state */
.single-post .elementor-widget-text-editor a:hover,
.single-post .entry-content a:hover {
  color: var(--e-global-color-accent);
  text-decoration-color: var(--e-global-color-accent);
}

/* Accordion Stack - HOMEPAGE */

.accordion-stack {

}

.accordion-stack .e-n-accordion-item-title {
  border-radius: 0;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.accordion-stack .e-con-full , .accordion-stack .e-con-boxed {
  margin-top:-1px;
  border-top:1px solid var(--e-global-color-primary);
}


/* Accordion Stack List - STACK PAGES */

.accordion-stack-list {

}

.accordion-stack-list .e-n-accordion-item .e-con-full, .accordion-stack-list .e-n-accordion-item .e-n-accordion-item-title  {
  border: none !important;
}


.accordion-stack-list .e-n-accordion-item-title {
  border-radius: 0;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

/*
.accordion-stack-list .e-n-accordion-item .e-n-accordion-item-title {
  border: none !important;
}*/

.accordion-stack-list .e-n-accordion-item {
  border-top: 1px solid #E2DFDA !important;
}


/*
.accordion-stack-list .e-con-full , .accordion-stack-list .e-con-boxed {
  margin-top:-1px;
  border-top:1px solid #F7F5F2 !important;
}

.accordion-stack-list .elementor-widget-n-accordion .e-n-accordion-item-title {
  border: 1px solid red !important;
}*/





/* Tabs */

/*
.stack-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start; 
  min-height: 480px; 
}
*/

.stack-tabs {
  margin-top: auto;
}
.stack-tabs .e-n-tabs-heading {
  width:30%;
  /*margin-right: 7%;*/
  border-right:1px solid var(--line-color);
}

.stack-tabs .e-n-tabs-heading button, .stack-tabs .e-n-tabs-heading button:hover {
  border-radius:0 !important;
}

.stack-tabs .e-n-tabs-heading button[aria-selected="true"] {
  border-right:5px solid var(--e-global-color-primary) !important;
}

.stack-tabs .e-n-tabs-content {
  width:70%;
  /*margin-left: var( --space-5);*/
}

.stack-tabs .e-n-tabs-content button {
  padding:10px 0;
}

.stack-tabs .e-n-tabs {
  gap:0;
}



.stack-list .row {
  border-bottom: 1px solid var(--line-color) !important;
  transition:
    background-color 0.35s var(--ease-out-cubic),
    color 0.25s var(--ease-out-cubic);
}

.stack-list .row:hover {
  background-color: var(--e-global-color-primary);
  color: white;
}

.stack-list .row > div:last-child {
  font-size: 13px !important;
  text-align: right !important;;
}





/* Homepage - Service List */

.service-list > div:first-of-type {
  /* background-color: var(--e-global-color-primary) !important; */
  
}

.service-list > div:first-of-type :is(h1, h2, h3, h4, h5, h6, p, li, span, a) {
  /* color: white !important; */
}

.service-list .card {
  padding: 5% 3%;
  background-color: transparent;

  transition:
    background-color 0.4s cubic-bezier(.215,.61,.355,1);
}



@media (hover: hover) and (pointer: fine) {

  .service-list .card:hover {
    color: white;
    background-color: var(--e-global-color-secondary) !important;
    
  }

  .service-list .card:hover .content {
    opacity: 1;
    transition-delay: 0.06s;
  }

}


.service-list h3 {
  text-align: center !important;
}

.service-list .content {
  opacity: 0;
  text-align: center;

  transition:
    opacity 0.4s cubic-bezier(.215,.61,.355,1);
}


.service-list .card * {
  transition: color 0.4s cubic-bezier(.215,.61,.355,1);
}








/* Homepage - Talent Pills */

.talent-pill .content {
  position: relative;
  overflow: hidden;
  opacity: 0 !important;
  transition: opacity 0.35s cubic-bezier(.215,.61,.355,1);
}


a.talent-pill:hover .content {
  opacity: 1 !important;
}

.masked-pill {
  position: relative;
  overflow: hidden;
}

.masked-pill::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;

  background: linear-gradient(
  to bottom,
  rgba(13, 13, 13, 0),
  rgba(0, 0, 0, 0.8)
);

  opacity: 0;
  transform: translateY(6px);
  transition:
    opacity 0.35s cubic-bezier(.215,.61,.355,1),
    transform 0.6s cubic-bezier(.215,.61,.355,1);

  pointer-events: none;
}

a.talent-pill:hover .masked-pill::before {
  opacity: 1;
  transform: translateY(0);
}

.masked-pill > * {
  position: relative;
  z-index: 1;
}

/* Newsletter Form */

#wpforms-form-2908 .wpforms-recaptcha-container, #wpforms-form-1723 .wpforms-recaptcha-container {
  display: none;
}

/* Make the inline fields sit closer together */
.inline-fields .wpforms-field-container {
  display: flex;
  align-items: center;
}

/* Let the email field take up available space (optional, but nice) */
.inline-fields #wpforms-2908-field_1-container {
  flex: 1 1 auto;
}

/* Kill the “push to far right” behavior and add a normal gap */
.inline-fields .wpforms-submit-container {
  margin-left: 1.5rem; /* tweak this to taste */
}

/* Email field */
.wpforms-field input,
.wpforms-field textarea {
  font-family: var(--e-global-typography-secondary-font-family);
  font-size: 16px !important;
  font-weight: 400 !important;
}

/* Submit button */ 
.wpforms-submit {
  font-family: var(--e-global-typography-secondary-font-family);
  font-size:16px !important;
  font-weight: 400 !important;
  border-radius: 999px;
}

/* WPForms confirmation message */
#wpforms-form-2908 .wpforms-confirmation-container-full,
#wpforms-form-2908 .wpforms-confirmation-container-scroll {
  background-color: var(--e-global-color-accent) !important;
  color: var(--e-global-color-primary) !important;
  border: none;
}


/* =========================
   Homepage - 3 column pill w/ rollover
========================= */

/* ================================
   Base card
================================ */
.pill-cards .card {
  position: relative;
  overflow: hidden;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.18);
  transition:
  background 0.25s ease,
  border-color 0.25s ease,
  box-shadow 0.25s ease,
  transform 0.25s cubic-bezier(.4, 0, .2, 1);
}

/* Lift + depth on hover */
.pill-cards .card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow:
    0 48px 80px rgba(0,0,0,0.15),
    inset 0 0 0 1px rgba(255,255,255,0.04);
}

/* ================================
   Ultra-soft gradient layer
================================ */
.pill-cards .card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(
      135deg,
      rgba(66, 86, 90, 0.12) 0%,
      rgba(66, 86, 90, 0.06) 35%,
      rgba(13, 13, 13, 0.15) 70%
    ),
    radial-gradient(
      ellipse at center,
      rgba(66, 86, 90, 0.18) 0%,
      rgba(26, 31, 32, 0.28) 45%,
      rgba(13, 13, 13, 0.45) 85%
    );
  opacity: 0;
  transition: opacity 1.1s cubic-bezier(.215,.61,.355,1);
  pointer-events: none;
  z-index: 0;
}

/* ================================
   Soft inner glow (barely there)
================================ */
.pill-cards .card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    radial-gradient(
      ellipse at center,
      rgba(255,255,255,0.04) 0%,
      rgba(255,255,255,0.02) 40%,
      rgba(255,255,255,0) 70%
    );
  opacity: 0;
  transition: opacity 1.3s cubic-bezier(.215,.61,.355,1);
  pointer-events: none;
  z-index: 1;
}

/* Activate gradients on hover */
.pill-cards .card:hover::before,
.pill-cards .card:hover::after {
  opacity: 1;
}

/* ================================
   Content layering
================================ */
.pill-cards .card > * {
  position: relative;
  z-index: 2;
}

/* ================================
   Subhead reveal (soft + delayed)
================================ */
.pill-cards .subhead {
  opacity: 0;
  transform: translateY(6px);
  transition:
    opacity 0.6s cubic-bezier(.215,.61,.355,1),
    transform 0.6s cubic-bezier(.215,.61,.355,1);
}

.pill-cards .card:hover .subhead {
  opacity: 1;
  transform: translateY(0);
}

.pill-cards .title *{
  transition: color 0.25s ease;
}

.pill-cards .card:hover .title *{
  color: var(--e-global-color-accent) !important;
}

/* billboards : featured on the homepage */

.billboard {
  position: relative;
  overflow: visible;
}

/* Buttons styled as text links with arrows */

.btn-txt-link {

}

.btn-txt-link a:hover svg path{
  fill: var(--e-global-color-accent);
}

.btn-txt-link svg {
  width: 44px;
}

.btn-txt-link svg path {
  transition: fill var(--e-transform-transition-duration, 0.4s) ease;
}

.btn-txt-link .elementor-button-content-wrapper {
  gap:16px !important;
}

/* Masked Shapes */


.masked-circle{
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
  }
  
  .masked-pill {
    border-radius: 9999px;
    overflow: hidden;
  }
  

  /* Post Styles */

  .post-meta {
    text-transform: uppercase;
  }

  .post-meta a:hover{
    color: var(--e-global-color-accent);
  }

  .post-meta .elementor-inline-item:last-child {
    margin:0 !important;
  }

  .post-meta .elementor-inline-item:first-child {
    margin-right:4px !important;
  }

  .post-title a:hover {
    text-decoration: underline;
  }

  /* Buttons & Links */

  .txt-link .elementor-button-text{
    text-decoration: underline !important;
    cursor: pointer;
  }

  /* Browser Blur */
  .bottom-blur {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;                 
    pointer-events: none;
    z-index: 9999;
    
  }
  
  .bottom-blur .bb {
    position: absolute;
    inset: 0;
    pointer-events: none;
  
    /* Needed so backdrop-filter actually renders */
    background: rgba(255, 255, 255, 0.001);
  
    -webkit-backdrop-filter: blur(var(--b));
    backdrop-filter: blur(var(--b));
  
    -webkit-mask-image: linear-gradient(
      to bottom,
      transparent var(--t),
      #000 var(--m1),
      #000 var(--m2),
      transparent var(--btm)
    );
    mask-image: linear-gradient(
      to bottom,
      transparent var(--t),
      #000 var(--m1),
      #000 var(--m2),
      transparent var(--btm)
    );
  }
  

  /* Hero: Outline Animation */
 

/* Base state: outlines only, ready to be “drawn” */

#Hero_Text {
  display: block;
  margin-inline: auto;
}

#Hero_Text path {
  stroke: #000;
  stroke-width: .75;
  fill: transparent;               /* IMPORTANT: hide fill at first */
  stroke-dasharray: 0;             /* will be set by JS */
  stroke-dashoffset: 0;            /* will be set by JS */
  animation: line-anim 2s ease forwards;
  animation-delay: var(--delay, 0s); /* JS sets this */
}

/* Stroke draw animation */
@keyframes line-anim {
  to {
    stroke-dashoffset: 0;
  }
}

/* When we add this class via JS, the letters “ink in” */
#Hero_Text.is-filled path {
  transition: fill 800ms cubic-bezier(.215,.61,.355,1);
  fill: #000;
}



  /* Bands: tweak these stops + blur values to taste */
  .bottom-blur .b1{ --b: 1px;  --t: 0%;   --m1: 0%;   --m2: 20%;  --btm: 40%; }
  .bottom-blur .b2{ --b: 2px;  --t: 10%;  --m1: 25%;  --m2: 45%;  --btm: 60%; }
  .bottom-blur .b3{ --b: 3px;  --t: 20%;  --m1: 40%;  --m2: 60%;  --btm: 75%; }
  .bottom-blur .b4{ --b: 4px;  --t: 30%;  --m1: 50%;  --m2: 70%;  --btm: 85%; }
  .bottom-blur .b5{ --b: 6px;  --t: 40%;  --m1: 60%;  --m2: 78%;  --btm: 92%; }
  .bottom-blur .b6{ --b: 8px;  --t: 50%;  --m1: 68%;  --m2: 85%;  --btm: 96%; }
  .bottom-blur .b7{ --b: 12px; --t: 60%;  --m1: 75%;  --m2: 92%;  --btm: 100%; }
  .bottom-blur .b8{ --b: 16px; --t: 70%;  --m1: 85%;  --m2: 100%; --btm: 100%; }


/* TABLET */
@media (max-width: 1024px) {

  /* Padding right */
  .tpr-0  { padding-right: 0 !important; }
  .tpr-5  { padding-right: var(--space-5) !important; }
  .tpr-10 { padding-right: var(--space-10) !important; }
  .tpr-15 { padding-right: var(--space-15) !important; }
  .tpr-20 { padding-right: var(--space-20) !important; }
  .tpr-30 { padding-right: var(--space-30) !important; }

  /* Padding left */
  .tpl-0  { padding-left: 0 !important; }
  .tpl-5  { padding-left: var(--space-5) !important; }
  .tpl-10 { padding-left: var(--space-10) !important; }
  .tpl-15 { padding-left: var(--space-15) !important; }
  .tpl-20 { padding-left: var(--space-20) !important; }
  .tpl-30 { padding-left: var(--space-30) !important; }

  /* Padding X (inline) */
  .tpx-0  { padding-inline: 0 !important; }
  .tpx-5  { padding-inline: var(--space-5) !important; }
  .tpx-10 { padding-inline: var(--space-10) !important; }
  .tpx-15 { padding-inline: var(--space-15) !important; }
  .tpx-20 { padding-inline: var(--space-20) !important; }
  .tpx-30 { padding-inline: var(--space-30) !important; }

  /* Padding Y (block) */
  .tpy-0  { padding-block: 0 !important; }
  .tpy-5  { padding-block: var(--space-5) !important; }
  .tpy-10 { padding-block: var(--space-10) !important; }
  .tpy-15 { padding-block: var(--space-15) !important; }
  .tpy-20 { padding-block: var(--space-20) !important; }
  .tpy-30 { padding-block: var(--space-30) !important; }

  /* Padding top */
  .tpt-0  { padding-top: 0 !important; }
  .tpt-5  { padding-top: var(--space-5) !important; }
  .tpt-10 { padding-top: var(--space-10) !important; }
  .tpt-15 { padding-top: var(--space-15) !important; }
  .tpt-20 { padding-top: var(--space-20) !important; }
  .tpt-30 { padding-top: var(--space-30) !important; }

  /* Padding bottom */
  .tpb-0  { padding-bottom: 0 !important; }
  .tpb-5  { padding-bottom: var(--space-5) !important; }
  .tpb-10 { padding-bottom: var(--space-10) !important; }
  .tpb-15 { padding-bottom: var(--space-15) !important; }
  .tpb-20 { padding-bottom: var(--space-20) !important; }
  .tpb-30 { padding-bottom: var(--space-30) !important; }
  

  /* Blog */

  .blog-post-hero {

  }

  .blog-post-hero .blog-img {
    position: relative;
    width:100%;
    min-height: 33vh !important;
    margin-top: 5%;
    margin-left:5%;
    margin-right:5%;
    border-radius: 32px;
  }

  .blog-post-hero .blog-content {
    position: relative;
    width:100%;
    margin:0;
    padding: 3% 0;
  }

 
  

  .service-list > div:first-of-type {
    text-align: center !important;
  }

  .service-list > div:first-of-type .elementor-widget-text-editor {
    width: 60% !important;
  }

  .service-list .content {
    opacity: 1;
  }

  .service-list .grid {
    flex: 0 0 calc(50% - 8px);
    box-sizing: border-box;
  }

  /* Arrow between items (all but last) */
.stack-menu .elementor-nav-menu > .menu-item:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 14px;
  margin: 0px;

}


}

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



  /* =====================================
   Type scale — Tablet to Desktop (767px–1024px)
   ===================================== */

  h1 {
    font-size: clamp(
      2rem,
      calc(2rem + 2.5 * ((100vw - 768px) / 256)),
      4.5rem
    );
  }

  h2 {
    font-size: clamp(
      1.75rem,
      calc(1.75rem + 2 * ((100vw - 768px) / 256)),
      3.75rem
    );
  }

  h3 {
    font-size: clamp(
      1.5rem,
      calc(1.5rem + 1.5 * ((100vw - 768px) / 256)),
      3rem
    );
  }

  h4 {
    font-size: clamp(
      1.25rem,
      calc(1.25rem + 1 * ((100vw - 768px) / 256)),
      2.25rem
    );
  }

  h5 {
    font-size: clamp(
      1.125rem,
      calc(1.125rem + 0.625 * ((100vw - 768px) / 256)),
      1.75rem
    );
  }

  h6 {
    font-size: clamp(
      1rem,
      calc(1rem + 0.5 * ((100vw - 768px) / 256)),
      1.5rem
    );
  }



    /* Padding right */
    .mpr-0  { padding-right: 0 !important; }
    .mpr-5  { padding-right: var(--space-5) !important; }
    .mpr-10 { padding-right: var(--space-10) !important; }
    .mpr-15 { padding-right: var(--space-15) !important; }
    .mpr-20 { padding-right: var(--space-20) !important; }
    .mpr-30 { padding-right: var(--space-30) !important; }
  
    /* Padding left */
    .mpl-0  { padding-left: 0 !important; }
    .mpl-5  { padding-left: var(--space-5) !important; }
    .mpl-10 { padding-left: var(--space-10) !important; }
    .mpl-15 { padding-left: var(--space-15) !important; }
    .mpl-20 { padding-left: var(--space-20) !important; }
    .mpl-30 { padding-left: var(--space-30) !important; }
  
    /* Padding X (inline) */
    .mpx-0  { padding-inline: 0 !important; }
    .mpx-5  { padding-inline: var(--space-5) !important; }
    .mpx-10 { padding-inline: var(--space-10) !important; }
    .mpx-15 { padding-inline: var(--space-15) !important; }
    .mpx-20 { padding-inline: var(--space-20) !important; }
    .mpx-30 { padding-inline: var(--space-30) !important; }
  
    /* Padding Y (block) */
    .mpy-0  { padding-block: 0 !important; }
    .mpy-5  { padding-block: var(--space-5) !important; }
    .mpy-10 { padding-block: var(--space-10) !important; }
    .mpy-15 { padding-block: var(--space-15) !important; }
    .mpy-20 { padding-block: var(--space-20) !important; }
    .mpy-30 { padding-block: var(--space-30) !important; }
  
    /* Padding top */
    .mpt-0  { padding-top: 0 !important; }
    .mpt-5  { padding-top: var(--space-5) !important; }
    .mpt-10 { padding-top: var(--space-10) !important; }
    .mpt-15 { padding-top: var(--space-15) !important; }
    .mpt-20 { padding-top: var(--space-20) !important; }
    .mpt-30 { padding-top: var(--space-30) !important; }
  
    /* Padding bottom */
    .mpb-0  { padding-bottom: 0 !important; }
    .mpb-5  { padding-bottom: var(--space-5) !important; }
    .mpb-10 { padding-bottom: var(--space-10) !important; }
    .mpb-15 { padding-bottom: var(--space-15) !important; }
    .mpb-20 { padding-bottom: var(--space-20) !important; }
    .mpb-30 { padding-bottom: var(--space-30) !important; }



      /* Blog */

  .blog-post-hero .blog-img {
  
    min-height: 50vh !important;
   
  }

  .blog-post-hero .blog-content {
    position: relative;
    width:100%;
    margin:0;
    padding: 3% 0;
  }


  /* Service List */

    .service-list .card {
      padding: 10% 5% !important;
    }

    .service-list .card h3 {
       color:var(--e-global-color-accent);
       padding-bottom: 16px;
    }

    .service-list > div:first-of-type .elementor-widget-text-editor {
      width: 100% !important;
    }


    .talent-pill .content {
      position: relative;
      overflow: hidden;
      opacity: 1 !important;
      transition: opacity 0.35s cubic-bezier(.215,.61,.355,1);
    }

    .masked-pill::before {
      opacity: 1;
    }


    /* Accordion Stack */
    
    .accordion-stack .e-n-accordion-item-title {
      padding:8% 5% !important;
    }

    .accordion-stack .e-con-full {
      padding:0 5% 10% 5% !important;
    }

    /* STACK - Cards */

    .stack-card {

    }

    .stack-card .accordion-stack-list .e-n-accordion-item-title {
      padding:5% 10% !important;
    }

    .stack-card .accordion-stack-list .e-n-accordion-item .e-child {
      padding:5% 10% !important;
    }

    .stack-card .accordion-stack-list .e-n-accordion-item {
      border-width: 1px !important;
      border-color: #B6A990 !important;
    }

    /* BROWSER -Blur 
    .bottom-blur {
      height: 50px;  
      bottom: env(safe-area-inset-bottom);    
    }
    */

   

  }



  .elementor-68 .elementor-element.elementor-element-1074092c .elementor-heading-title {
      color: black !important;
    }