.elementor-1479 .elementor-element.elementor-element-bca8256{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1479 .elementor-element.elementor-element-583c280{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-583c280:not(.elementor-motion-effects-element-type-background), .elementor-1479 .elementor-element.elementor-element-583c280 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.speedxmedia.com/wp-content/uploads/2026/08/sxm-about-tape.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1479 .elementor-element.elementor-element-aee7355{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1479 .elementor-element.elementor-element-e5bbf10{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-cd5bade{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-a5820f6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-3fcde56{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-aea6aba{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-5e64e57{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-f370f46{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-f370f46:not(.elementor-motion-effects-element-type-background), .elementor-1479 .elementor-element.elementor-element-f370f46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.speedxmedia.com/wp-content/uploads/2026/08/sxm-team-dave.jpg");background-position:center center;background-size:cover;}.elementor-1479 .elementor-element.elementor-element-8466382{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-b8737b2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-b8737b2:not(.elementor-motion-effects-element-type-background), .elementor-1479 .elementor-element.elementor-element-b8737b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.speedxmedia.com/wp-content/uploads/2026/08/sxm-team-madelyn.jpg");background-position:center center;background-size:cover;}.elementor-1479 .elementor-element.elementor-element-c78ab4e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-48e292a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-48e292a:not(.elementor-motion-effects-element-type-background), .elementor-1479 .elementor-element.elementor-element-48e292a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.speedxmedia.com/wp-content/uploads/2026/08/sxm-team-katie.jpg");background-position:center center;background-size:cover;}.elementor-1479 .elementor-element.elementor-element-ae516c5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-69f819b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-69f819b:not(.elementor-motion-effects-element-type-background), .elementor-1479 .elementor-element.elementor-element-69f819b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.speedxmedia.com/wp-content/uploads/2026/08/sxm-team-emma.jpg");background-position:center center;background-size:cover;}.elementor-1479 .elementor-element.elementor-element-5f402cb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-d431e45{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-d431e45:not(.elementor-motion-effects-element-type-background), .elementor-1479 .elementor-element.elementor-element-d431e45 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.speedxmedia.com/wp-content/uploads/2026/08/sxm-team-niko.jpg");background-position:center center;background-size:cover;}.elementor-1479 .elementor-element.elementor-element-3910abb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-75e210f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-75e210f:not(.elementor-motion-effects-element-type-background), .elementor-1479 .elementor-element.elementor-element-75e210f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.speedxmedia.com/wp-content/uploads/2026/08/sxm-team-rob.jpg");background-position:center center;background-size:cover;}.elementor-1479 .elementor-element.elementor-element-6d1fbf7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-4be28fa{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-4be28fa:not(.elementor-motion-effects-element-type-background), .elementor-1479 .elementor-element.elementor-element-4be28fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.speedxmedia.com/wp-content/uploads/2026/08/sxm-team-vardges.jpg");background-position:center center;background-size:cover;}.elementor-1479 .elementor-element.elementor-element-fec0740{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-bc9c79b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-bc9c79b:not(.elementor-motion-effects-element-type-background), .elementor-1479 .elementor-element.elementor-element-bc9c79b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.speedxmedia.com/wp-content/uploads/2026/08/sxm-team-spencer.jpg");background-position:center center;background-size:cover;}.elementor-1479 .elementor-element.elementor-element-1523c32{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-a0cefba{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1479 .elementor-element.elementor-element-sxmlpbnd{--display:flex;}/* Start custom CSS *//* ===== SXM ABOUT 2026 — built from Figma 649:1067 (1440px artboard) =====
   Display type in vw (1vw = 14.4px @1440); body copy stays in px.
   Font families resolve through variables so the real webfonts drop in
   with no edits once they are registered as @font-face. */
.page-id-1479{
  --sxm-display:"F37 Stout Black Compressed","Anton",Impact,sans-serif;
  --sxm-wide:"Nord Medium","Nord Regular","Eurostile Extended Black",sans-serif;
  --sxm-ext:"Microgramma D Extended Bold","Eurostile Extended Black","Nord Medium",sans-serif;
  --sxm-mono:"OCR A Extended","Ocr A Tribute","OCRATributeW01 Regular Mono",monospace;
  --sxm-copy:"Circular Std","DM Sans","Nord Regular",sans-serif;   /* Circular Std Light in Figma */
  --sxm-pad:2.778vw;
  background:#000;
}
.page-id-1479 .sxm-a-hero,.page-id-1479 .sxm-a-sec,.page-id-1479 .sxm-a-people,.page-id-1479 .sxm-a-cta{background:#000;color:#fff;}
.page-id-1479 h1,.page-id-1479 h2,.page-id-1479 h3{margin:0;color:#fff;}
.page-id-1479 .elementor-widget-heading .elementor-heading-title{color:#fff;}
.page-id-1479 .elementor-widget-text-editor{color:#fff;}
.page-id-1479 .elementor-widget-text-editor p{margin:0 0 1.55em;}
.page-id-1479 .elementor-widget-text-editor p:last-child{margin-bottom:0;}


/* ---------- 1. HERO ---------- */
.sxm-a-hero{padding:3.19vw var(--sxm-pad) 0!important;}
.page-id-1479 .sxm-a-h1 .elementor-heading-title{display:block;text-transform:uppercase;white-space:nowrap;}
.sxm-a-h1 .l1,.sxm-a-h1 .l2{display:block;font-family:var(--sxm-display);font-size:29.17vw;line-height:20.06vw;position:relative;z-index:1;}
/* two-layer extrusion: outlined ghost sits behind the solid fill, offset down-left */
.sxm-a-h1 .ln{position:relative;display:block;}
.sxm-a-h1 .fl{position:relative;display:block;color:#fff;text-align:center;}
/* POWERHOUSE -> 1359px, INNOVATION -> 1364px (Figma node widths) */
.sxm-a-h1 .l1 .fl{letter-spacing:.617vw;} .sxm-a-h1 .l1 .gh{letter-spacing:.463vw;}
.sxm-a-h1 .l2 .fl{letter-spacing:1.607vw;} .sxm-a-h1 .l2 .gh{letter-spacing:1.205vw;}
/* the ghost paints its word from data-text so the H1 text is not doubled for crawlers */
.sxm-a-h1 .gh::before{content:attr(data-text);}
.sxm-a-h1 .gh{position:absolute;left:0;right:0;top:0;display:block;color:transparent;text-align:center;
  -webkit-text-stroke:1.5px rgba(255,255,255,.9);
  transform:translate3d(-.5vw,.62vw,0);}
/* OF row with the two rules */
/* Figma: POWERHOUSE box 142..431, INNOVATION box 565..854 -> a 134px band between
   them holds the rules and OF. No negative margins; the band owns the space. */
.sxm-a-h1 .mid{display:flex;align-items:center;gap:1.53vw;height:9.31vw;position:relative;z-index:3;}
.sxm-a-h1 .mid .r{flex:1;height:6px;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 22%,#fff 78%,rgba(255,255,255,0));}
.sxm-a-h1 .of{flex:0 0 auto;font-family:var(--sxm-ext);font-weight:700;font-size:4.86vw;letter-spacing:.243vw;line-height:1;}

/* ---------- 2 & 4. FULL-BLEED ART ---------- */
.sxm-a-tape{height:54.38vw;background-size:cover;background-position:center;margin-top:0.42vw;
  transform:translate3d(0,var(--py,0px),0);}
.sxm-a-globe{position:relative;overflow:hidden;height:60vw;background:#000!important;
  margin-top:3.75vw;margin-bottom:9.93vw;
  --gi:15%;}   /* inset a side: (100 - 70) / 2 -- Juan asked for a 70%-wide globe */
/* THE GLOBE IS `contain` AND INSET, NOT A FULL-BLEED `cover`.
   1. The artwork fills 91% of the jpg's height, so ANY cover-crop eats the globe's crown.
      The old layer guaranteed it: oversized for the bleed (100% + 22vw a side), so `cover`
      fitted the image to the BLEED box and the band showed only its middle -- the top
      158px at 1440 sat above the band edge. That is the cut that kept coming back.
      `contain` can only ever letterbox, and it letterboxes onto black. It cannot crop.
   2. !! THIS PSEUDO IS ELEMENTOR'S OWN OVERLAY LAYER. `.e-con::before` ships
      `position:absolute; inset:0`, and no author rule here removes it. So `display:flex`
      on the band does NOT centre it (absolutely-positioned boxes are out of flex flow) and
      `aspect-ratio` does NOT size it (both insets resolve, so the height comes from them).
      A first pass used flex + aspect-ratio and the box silently landed flush LEFT at full
      band height -- the globe rendered 216px left of centre. A second pass used
      `left:15%;right:15%` and it landed 216px RIGHT of centre and overflowed the band,
      because Elementor also ships `width:100%` on that pseudo: with an explicit width the
      `right` inset is simply ignored. The width has to be stated, not implied by insets.
      Same family as the old `inset:-N` sizing bug: never let this layer's box be inferred.
   3. Motion headroom, measured not guessed: the art paints 1008x672 at 1440, and the worst
      vertical excursion is |p|=1 (rot 5deg + py 22px) = 400px against the band's 432px half.
      Peak scale (1.045) lands at p=0 where rot is 0, so the two never compound.
      Verified by pixel-scanning all four extreme states at 5 widths: min clearance 24px. */
.sxm-a-globe::before{content:"";position:absolute;
  left:var(--gi);width:calc(100% - 2*var(--gi));top:0;height:100%;
  background:url("https://staging.speedxmedia.com/wp-content/uploads/2026/08/sxm-about-globe.jpg") center/contain no-repeat;
  transform:translate3d(0,var(--py,0px),0) rotate(var(--rot,0deg)) scale(var(--sc,1));
  transform-origin:50% 50%;will-change:transform;}
@media (prefers-reduced-motion:reduce){ .sxm-a-globe::before{transform:none;} }

/* ---------- 3 & 5. TEXT SECTIONS ---------- */
/* explicit row/column placement - named areas were letting the headline ride up
   next to the label instead of starting a new row */
.sxm-a-sec{padding:0 var(--sxm-pad)!important;margin-top:3.33vw;
  display:grid!important;grid-template-columns:31.6vw 32.3vw 1fr;column-gap:2.36vw;row-gap:3.33vw;}
.sxm-a-label{grid-column:1/-1;grid-row:1;margin:0;}
.sxm-a-label p{font-family:var(--sxm-mono);font-size:13px;line-height:30px;letter-spacing:2.47px;
  text-transform:uppercase;opacity:.6;margin:0;}
.sxm-a-sechead{grid-column:1;grid-row:2;}
.page-id-1479 .sxm-a-sechead .elementor-heading-title{display:block;font-family:var(--sxm-display);
  font-size:12.08vw;line-height:.855;text-transform:uppercase;white-space:nowrap;}
.sxm-a-sechead .a{display:block;}
.sxm-a-sechead .sm,.sxm-a-peoplehead .sm{font-style:normal;font-size:.54em;margin-right:.12em;}
.sxm-a-cols{display:contents!important;}
.sxm-a-cols > *:nth-child(1){grid-column:2;grid-row:2;}
.sxm-a-cols > *:nth-child(2){grid-column:3;grid-row:2;}
.sxm-a-col p{font-family:var(--sxm-copy);font-weight:300;font-size:18px;line-height:28px;
  letter-spacing:.18px;text-align:justify;opacity:.6;}

/* ---------- 6. OUR PEOPLE ---------- */
.sxm-a-people{padding:0 var(--sxm-pad)!important;margin-top:6.18vw;}
.sxm-a-people .sxm-a-label{margin-bottom:4.16vw;}  /* Figma: 71px label -> headline */
.sxm-a-grid{display:grid!important;grid-template-columns:repeat(3,1fr);column-gap:.556vw;row-gap:.764vw;
  margin-top:2.43vw;}  /* lands the card grid on Figma y=4101 */
.sxm-a-peoplehead{grid-column:1;grid-row:1;align-self:start;}
.page-id-1479 .sxm-a-peoplehead .elementor-heading-title{display:block;font-family:var(--sxm-display);
  font-size:14.93vw;line-height:.846;text-transform:uppercase;white-space:nowrap;}
.sxm-a-peoplehead .a{display:block;}
.sxm-a-card{position:relative;aspect-ratio:448/540;overflow:hidden;padding:0!important;}
.sxm-a-card::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.72) 100%);transition:background .5s ease;}
.sxm-a-card__meta{position:absolute!important;left:0;right:0;bottom:0;z-index:2;
  padding:0 1.6vw 1.25vw!important;display:flex;flex-direction:column;align-items:flex-start;}
.sxm-a-nick p{font-family:var(--sxm-mono);font-size:14px;line-height:33px;letter-spacing:2.6px;
  text-transform:uppercase;margin:0;}
.page-id-1479 .sxm-a-name .elementor-heading-title{font-family:var(--sxm-display);font-size:7.22vw;
  line-height:.86;text-transform:uppercase;display:block;margin:.06vw 0 .1vw;}
.sxm-a-role p{font-family:var(--sxm-copy);font-weight:300;font-size:13px;line-height:33px;letter-spacing:1.1px;
  text-transform:uppercase;margin:0;}

/* ---------- 7. CTA ---------- */
.sxm-a-cta{padding:7.4vw var(--sxm-pad) clamp(46px,7vw,100px)!important;}
.sxm-a-cta__sub{max-width:34vw;margin:0 auto;text-align:center;}
.sxm-a-cta__sub p{font-family:var(--sxm-wide);font-weight:500;font-size:16px;line-height:30px;letter-spacing:2.4px;
  text-transform:uppercase;}
.sxm-a-note{text-align:center;margin-top:13px;margin-bottom:0!important;}
.sxm-a-motion{display:none;}  /* zero-height script widget: out of the flex flow so the container gap does not add 20px under the note */
.sxm-a-note p{margin:0;font-family:var(--sxm-mono);font-size:13px;letter-spacing:1.3px;text-transform:uppercase;color:#e8c33c;}
.sxm-a-form{margin-top:5vw;}
.sxm-a-form .gform_wrapper{max-width:none;}
.sxm-a-form .gform_wrapper form{margin:0;}
.sxm-a-form .gform_wrapper .gform_fields{display:grid!important;grid-template-columns:1fr 1fr;
  grid-column-gap:.35vw;grid-row-gap:.35vw;}
.sxm-a-form .gform_wrapper .gfield{grid-column:1;}
.sxm-a-form .gform_wrapper .gfield:has(textarea){grid-column:2;grid-row:1/span 3;}
.sxm-a-form .gform_wrapper .gfield_label{display:none!important;}
/* left column ends flush with the textarea: equal rows, inputs fill them */
.sxm-a-form .gform_wrapper .gform_fields{grid-template-rows:repeat(3,minmax(0,1fr));align-items:stretch;
  height:clamp(240px,18.1vw,262px);row-gap:6px!important;column-gap:6px;}
.sxm-a-form .gform_wrapper .gfield{display:flex;flex-direction:column;min-height:0;margin:0!important;padding:0!important;}
.sxm-a-form .gform_wrapper .gfield > .ginput_container{flex:1 1 auto;display:flex;min-height:0;}
.sxm-a-form .gform_wrapper .gfield input[type=text],
.sxm-a-form .gform_wrapper .gfield input[type=email],
.sxm-a-form .gform_wrapper .gfield input[type=tel]{height:100%;}
.sxm-a-form .gform_wrapper input[type=text],.sxm-a-form .gform_wrapper input[type=email],
.sxm-a-form .gform_wrapper input[type=tel],.sxm-a-form .gform_wrapper textarea{
  width:100%;background:#1c1c1c;border:0;border-radius:6px;color:#fff;
  font-family:var(--sxm-copy);font-size:16px;padding:2.3vw 2.1vw;}
.sxm-a-form .gform_wrapper input,.sxm-a-form .gform_wrapper textarea{border:0!important;}
.sxm-a-form .gform_wrapper textarea{height:100%!important;resize:none;}
.sxm-a-form .gform_wrapper ::placeholder{color:#8a8a8a;opacity:1;}
.sxm-a-form .gform_wrapper .gform_footer{margin:.35vw 0 0;padding:0;}
.sxm-a-form .gform_wrapper .gform_footer input[type=submit],
.sxm-a-form .gform_wrapper .gform_button{width:100%!important;background:#fff!important;color:#000!important;
  border:0!important;border-radius:6px!important;font-family:var(--sxm-wide)!important;font-weight:500;
  font-size:1.94vw!important;line-height:1!important;letter-spacing:.02em;text-transform:uppercase;
  padding:clamp(20px,2.0vw,29px) 0!important;margin:0!important;cursor:pointer;
  box-shadow:inset 0 0 0 2px #fff!important;
  transition:background-color .25s ease,color .25s ease;}
/* House CTA button: hover inverts to a black ground with white type and a white ring,
   matching /faq/ /work/ /marketing/ the 42 sub-pages and the blog. The ring is an INSET
   box-shadow, not a border, so nothing shifts by 4px on hover. Was a translate+fade. */
.sxm-a-form .gform_wrapper .gform_footer input[type=submit]:hover,
.sxm-a-form .gform_wrapper .gform_button:hover{background:#000!important;color:#fff!important;}
.sxm-a-form .gform_wrapper .gform_footer input[type=submit]:focus-visible{outline:3px solid #fff;outline-offset:3px;}

/* ================= MOTION ================= */
@media (prefers-reduced-motion:no-preference){
  .sxm-rv{opacity:0;transform:translateY(30px);
    transition:opacity .85s cubic-bezier(.16,.84,.44,1),transform .85s cubic-bezier(.16,.84,.44,1);
    transition-delay:var(--d,0s);will-change:opacity,transform}
  .sxm-rv.is-in{opacity:1;transform:none}
  .sxm-rv--wipe{opacity:1;transform:none}
  .sxm-rv--wipe .elementor-heading-title{clip-path:inset(0 -100vw 105% -100vw);
    transition:clip-path 1.1s cubic-bezier(.16,.84,.44,1);transition-delay:var(--d,0s)}
  .sxm-rv--wipe.is-in .elementor-heading-title{clip-path:inset(-.18em -100vw)}

  /* hero: the ghost layer slides out from behind the fill, so the 3D edge builds itself */
  .sxm-a-h1 .gh{transform:translate3d(0,0,0);opacity:0;
    transition:transform 1.15s cubic-bezier(.16,.84,.44,1) .35s,opacity .5s ease .35s;}
  .sxm-a-h1.is-in .gh{transform:translate3d(-.5vw,.62vw,0);opacity:1;}
  .sxm-a-h1 .fl{clip-path:inset(0 -100vw 102% -100vw);transition:clip-path 1s cubic-bezier(.16,.84,.44,1);}
  .sxm-a-h1 .l1 .fl{transition-delay:.05s} .sxm-a-h1 .l2 .fl{transition-delay:.2s}
  .sxm-a-h1.is-in .fl{clip-path:inset(-.14em -100vw);}
  .sxm-a-h1 .mid{opacity:0;transition:opacity .8s ease .5s}
  .sxm-a-h1.is-in .mid{opacity:1}
  .sxm-a-h1 .mid .r{transform:scaleX(0);transform-origin:var(--o,left);
    transition:transform 1.1s cubic-bezier(.16,.84,.44,1) .55s}
  .sxm-a-h1 .mid .r:last-of-type{--o:right}
  .sxm-a-h1.is-in .mid .r{transform:none}

  .sxm-a-card{transition:transform .5s cubic-bezier(.16,.84,.44,1)}
  .sxm-a-card::before{content:"";position:absolute;inset:0;background:inherit;background-size:cover;
    background-position:center;transition:transform 1.1s cubic-bezier(.16,.84,.44,1);z-index:0}
  .sxm-a-card:hover::before{transform:scale(1.06)}
  .sxm-a-card:hover::after{background:linear-gradient(180deg,rgba(0,0,0,0) 28%,rgba(0,0,0,.85) 100%)}
  .sxm-a-name .elementor-heading-title{transition:transform .5s cubic-bezier(.16,.84,.44,1)}
  .sxm-a-card:hover .sxm-a-name .elementor-heading-title{transform:translateX(.06em)}
}

/* ---------- TABLET ---------- */
@media(max-width:1024px){
  .sxm-a-form .gform_wrapper .gform_fields{height:clamp(250px,32vw,290px);}
  .sxm-a-sec{grid-template-columns:1fr 1fr;row-gap:3vw;}
  .sxm-a-sechead{grid-column:1/-1;grid-row:2;}
  .sxm-a-cols > *:nth-child(1){grid-column:1;grid-row:3;}
  .sxm-a-cols > *:nth-child(2){grid-column:2;grid-row:3;}
  .sxm-a-grid{grid-template-columns:repeat(2,1fr);gap:1vw;}
  .sxm-a-peoplehead{grid-column:1/-1;margin-bottom:2vw;}
  .page-id-1479 .sxm-a-name .elementor-heading-title{font-size:11vw;}
}
/* ---------- MOBILE ---------- */
@media(max-width:767px){
  .page-id-1479{--sxm-pad:20px;}
  .sxm-a-hero{padding:40px 20px 0!important;}
  .page-id-1479 .sxm-a-h1 .elementor-heading-title{white-space:normal;}
  .sxm-a-h1 .l1,.sxm-a-h1 .l2{font-size:22vw;line-height:.82;}
  .sxm-a-h1 .fl{letter-spacing:.2vw;text-align:center;}
  .sxm-a-h1 .gh{letter-spacing:.1vw;-webkit-text-stroke-width:1px;transform:translate3d(-1.2vw,1.4vw,0);}
  .sxm-a-h1.is-in .gh{transform:translate3d(-1.2vw,1.4vw,0);}
  .sxm-a-h1 .mid{gap:3vw;margin:1.5vw 0;}
  .sxm-a-h1 .mid .r{height:3px;}
  .sxm-a-h1 .of{font-size:8vw;}
  .sxm-a-tape{height:70vw;margin-top:14vw;}
  /* 70% of 390px is a 273px globe -- too small to read. The band keeps its
     taller ratio and the globe takes 86% of it. */
  /* 70% of 390px is a 273px globe -- too small to read on a phone. */
  .sxm-a-globe{height:78vw;margin-top:10vw;--gi:7%;}

  .sxm-a-sec{display:block!important;margin-top:16vw;}
  .sxm-a-label{margin-bottom:7vw;}
  .sxm-a-label p{font-size:11px;letter-spacing:1.8px;}
  .page-id-1479 .sxm-a-sechead .elementor-heading-title{font-size:18vw;white-space:normal;}
  .sxm-a-cols{display:block!important;margin-top:8vw;}
  .sxm-a-col{margin-bottom:7vw;}
  .sxm-a-col p{font-size:15px;line-height:25px;text-align:left;}

  .sxm-a-people{margin-top:16vw;}
  .sxm-a-grid{grid-template-columns:1fr;row-gap:10px;}
  .sxm-a-peoplehead{grid-column:1;margin-bottom:6vw;}
  .page-id-1479 .sxm-a-peoplehead .elementor-heading-title{font-size:20vw;white-space:normal;}
  .sxm-a-card{aspect-ratio:448/470;}
  .sxm-a-card__meta{padding:0 22px 20px!important;}
  .page-id-1479 .sxm-a-name .elementor-heading-title{font-size:19vw;}
  .sxm-a-nick p{font-size:11px;line-height:24px;letter-spacing:1.8px;}
  .sxm-a-role p{font-size:11px;line-height:22px;}

  .sxm-a-cta{padding:16vw 20px 46px!important;}
  .sxm-a-cta__sub{max-width:100%;}
  .sxm-a-cta__sub p{font-size:13px;line-height:24px;letter-spacing:1.6px;}
  .sxm-a-form{margin-top:11vw;}
  .sxm-a-form .gform_wrapper .gform_fields{grid-template-columns:1fr;grid-row-gap:10px!important;
    grid-template-rows:none;height:auto;}
  .sxm-a-form .gform_wrapper .gfield,
  .sxm-a-form .gform_wrapper .gfield:has(textarea){grid-column:1;grid-row:auto;}
  .sxm-a-form .gform_wrapper input[type=text],.sxm-a-form .gform_wrapper input[type=email],
  .sxm-a-form .gform_wrapper input[type=tel],.sxm-a-form .gform_wrapper textarea{padding:19px 20px!important;font-size:15px;line-height:1.35!important;height:auto!important;}
  .sxm-a-form .gform_wrapper textarea{height:180px!important;}
  .sxm-a-form .gform_wrapper .gform_footer{margin-top:10px;}
  .sxm-a-form .gform_wrapper .gform_footer input[type=submit]{font-size:20px!important;padding:20px 0!important;}
  .sxm-a-note p{font-size:11px;letter-spacing:.9px;}
}/* End custom CSS */