.elementor-3127 .elementor-element.elementor-element-16461d1{--display:flex;--justify-content:flex-end;box-shadow:0px 0px 15px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:105px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3127 .elementor-element.elementor-element-16461d1:not(.elementor-motion-effects-element-type-background), .elementor-3127 .elementor-element.elementor-element-16461d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pclips.co.uk/wp-content/uploads/2026/02/p-clip-on-pipe-7.webp");background-position:center right;background-size:cover;}.elementor-3127 .elementor-element.elementor-element-e6ad30b{--display:flex;}.elementor-3127 .elementor-element.elementor-element-bd5115c{--display:flex;}.elementor-3127 .elementor-element.elementor-element-bd5115c.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-3127 .elementor-element.elementor-element-bba3430{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-3127 .elementor-element.elementor-element-bba3430 .elementor-heading-title{font-size:3rem;line-height:1.2em;text-shadow:0px 0px 10px #000000;color:#FFFFFF;}.elementor-widget-text-editor{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-3127 .elementor-element.elementor-element-b9ddff6{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;font-size:1rem;font-weight:500;line-height:1.4em;text-shadow:0px 0px 10px #000000;color:#EEEEEE;}.elementor-3127 .elementor-element.elementor-element-b9ddff6 > .elementor-widget-container{padding:15px 0px 25px 0px;}.elementor-3127 .elementor-element.elementor-element-b315235{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:auto;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF14;--border-color:#FFFFFF14;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-3127 .elementor-element.elementor-element-b315235:not(.elementor-motion-effects-element-type-background), .elementor-3127 .elementor-element.elementor-element-b315235 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1D2D6E;}.elementor-3127 .elementor-element.elementor-element-577fa95{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 30px;--row-gap:0px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3127 .elementor-element.elementor-element-70b3319{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 15px;--row-gap:0px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3127 .elementor-element.elementor-element-70b3319.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-3127 .elementor-element.elementor-element-a07688f{width:var( --container-widget-width, 34% );max-width:34%;--container-widget-width:34%;--container-widget-flex-grow:0;}.elementor-3127 .elementor-element.elementor-element-a07688f.elementor-element{--align-self:center;}.elementor-3127 .elementor-element.elementor-element-a07688f img{width:100%;}.elementor-3127 .elementor-element.elementor-element-9fb454a{--display:flex;}.elementor-3127 .elementor-element.elementor-element-9fb454a.e-con{--align-self:center;}.elementor-3127 .elementor-element.elementor-element-6b77fea{font-size:1.3rem;font-weight:700;color:#FFFFFF;}.elementor-3127 .elementor-element.elementor-element-d324f80{font-size:1rem;font-weight:500;color:#FFFFFFB3;}.elementor-3127 .elementor-element.elementor-element-7181fe2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 15px;--row-gap:0px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3127 .elementor-element.elementor-element-7181fe2.e-con{--align-self:center;}.elementor-3127 .elementor-element.elementor-element-641c717{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;}.elementor-3127 .elementor-element.elementor-element-641c717.elementor-element{--align-self:center;}.elementor-3127 .elementor-element.elementor-element-641c717 img{width:100%;}.elementor-3127 .elementor-element.elementor-element-1dbb0a2{--display:flex;--justify-content:center;}.elementor-3127 .elementor-element.elementor-element-fca7d58{font-size:1.3rem;font-weight:700;color:#FFFFFF;}.elementor-3127 .elementor-element.elementor-element-6c11471{font-size:1rem;font-weight:500;color:#FFFFFFB3;}.elementor-3127 .elementor-element.elementor-element-6a549a2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 15px;--row-gap:0px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3127 .elementor-element.elementor-element-6a549a2.e-con{--align-self:center;}.elementor-3127 .elementor-element.elementor-element-827e46f{width:var( --container-widget-width, 26% );max-width:26%;--container-widget-width:26%;--container-widget-flex-grow:0;}.elementor-3127 .elementor-element.elementor-element-827e46f.elementor-element{--align-self:center;}.elementor-3127 .elementor-element.elementor-element-827e46f img{width:100%;}.elementor-3127 .elementor-element.elementor-element-5cb42f7{--display:flex;--justify-content:center;}.elementor-3127 .elementor-element.elementor-element-0220165{font-size:1.3rem;font-weight:700;color:#FFFFFF;}.elementor-3127 .elementor-element.elementor-element-009b9f5{font-size:1rem;font-weight:500;color:#FFFFFFB3;}.elementor-3127 .elementor-element.elementor-element-c51e9e6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 15px;--row-gap:0px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3127 .elementor-element.elementor-element-c51e9e6.e-con{--align-self:center;}.elementor-3127 .elementor-element.elementor-element-a7773bb{width:var( --container-widget-width, 21% );max-width:21%;--container-widget-width:21%;--container-widget-flex-grow:0;}.elementor-3127 .elementor-element.elementor-element-a7773bb.elementor-element{--align-self:center;}.elementor-3127 .elementor-element.elementor-element-a7773bb img{width:100%;}.elementor-3127 .elementor-element.elementor-element-36776e1{--display:flex;}.elementor-3127 .elementor-element.elementor-element-541db92{font-size:1.3rem;font-weight:700;color:#FFFFFF;}.elementor-3127 .elementor-element.elementor-element-acf7c32{font-size:1rem;font-weight:500;color:#FFFFFFB3;}.elementor-3127 .elementor-element.elementor-element-958291f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 40px;--row-gap:0px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-3127 .elementor-element.elementor-element-958291f:not(.elementor-motion-effects-element-type-background), .elementor-3127 .elementor-element.elementor-element-958291f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9FF;}.elementor-3127 .elementor-element.elementor-element-a80d997{--display:flex;}.elementor-3127 .elementor-element.elementor-element-c927a32 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3127 .elementor-element.elementor-element-c927a32{text-align:center;}.elementor-3127 .elementor-element.elementor-element-c927a32 img{width:100%;border-radius:4px 4px 4px 4px;}.elementor-3127 .elementor-element.elementor-element-3c2dfbe{--display:flex;--justify-content:center;}.elementor-3127 .elementor-element.elementor-element-3c2dfbe.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3127 .elementor-element.elementor-element-1d9bcf8 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-3127 .elementor-element.elementor-element-1d9bcf8 .elementor-heading-title{font-weight:800;color:var( --e-global-color-7361c55 );}.elementor-3127 .elementor-element.elementor-element-fcdf737{font-size:1rem;font-weight:500;color:#1B213FE6;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-3127 .elementor-element.elementor-element-b923555 .elementor-button:hover, .elementor-3127 .elementor-element.elementor-element-b923555 .elementor-button:focus{background-color:var( --e-global-color-3d5964e );}.elementor-3127 .elementor-element.elementor-element-b923555 > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3127 .elementor-element.elementor-element-b923555 .elementor-button{font-size:0.8rem;font-weight:600;border-radius:4px 4px 4px 4px;padding:17px 17px 17px 17px;}body.elementor-page-3127{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-3127 .elementor-element.elementor-element-16461d1{--content-width:100%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:75px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3127 .elementor-element.elementor-element-e6ad30b{--width:80%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-3127 .elementor-element.elementor-element-e6ad30b.e-con{--align-self:center;}.elementor-3127 .elementor-element.elementor-element-bd5115c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3127 .elementor-element.elementor-element-bba3430{width:100%;max-width:100%;}.elementor-3127 .elementor-element.elementor-element-bba3430 .elementor-heading-title{font-size:2.3rem;}.elementor-3127 .elementor-element.elementor-element-b9ddff6{width:100%;max-width:100%;font-size:1rem;}.elementor-3127 .elementor-element.elementor-element-b315235{--width:100%;--justify-content:flex-start;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-3127 .elementor-element.elementor-element-577fa95{--width:100%;--justify-content:flex-start;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 12px;--row-gap:0px;--column-gap:12px;--flex-wrap:nowrap;--padding-top:12px;--padding-bottom:12px;--padding-left:0px;--padding-right:0px;}.elementor-3127 .elementor-element.elementor-element-577fa95.e-con{--flex-grow:0;}.elementor-3127 .elementor-element.elementor-element-70b3319{--width:auto;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:050px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-3127 .elementor-element.elementor-element-70b3319.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3127 .elementor-element.elementor-element-9fb454a{--width:auto;}.elementor-3127 .elementor-element.elementor-element-9fb454a.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-3127 .elementor-element.elementor-element-7181fe2{--width:auto;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--flex-wrap:nowrap;}.elementor-3127 .elementor-element.elementor-element-7181fe2.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-3127 .elementor-element.elementor-element-6a549a2{--width:auto;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:-50px;--margin-right:0px;}.elementor-3127 .elementor-element.elementor-element-6a549a2.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-3127 .elementor-element.elementor-element-c51e9e6{--width:auto;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--flex-wrap:nowrap;}}@media(min-width:768px){.elementor-3127 .elementor-element.elementor-element-16461d1{--content-width:100%;}.elementor-3127 .elementor-element.elementor-element-bd5115c{--width:85%;}.elementor-3127 .elementor-element.elementor-element-b315235{--width:100%;}.elementor-3127 .elementor-element.elementor-element-577fa95{--width:85%;}.elementor-3127 .elementor-element.elementor-element-70b3319{--width:25%;}.elementor-3127 .elementor-element.elementor-element-7181fe2{--width:25%;}.elementor-3127 .elementor-element.elementor-element-6a549a2{--width:25%;}.elementor-3127 .elementor-element.elementor-element-c51e9e6{--width:25%;}.elementor-3127 .elementor-element.elementor-element-a80d997{--width:20%;}.elementor-3127 .elementor-element.elementor-element-3c2dfbe{--width:42.69%;}}/* Start custom CSS for container, class: .elementor-element-70b3319 */.hero-shoutout-item { 
    position: relative; 
    padding-right: 20px; 
} 

.hero-shoutout-item:not(:last-child)::after { content: ""; 
    position: absolute; 
    top: 15%; 
    right: 0; 
    width: 1px; 
    height: 70%; 
    background: rgba(255, 255, 255, 0.12); 
}

@media (max-width: 960px){

  /* Cards should size to their content only */
  .hero-shoutout-item{
    position: relative;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    padding-right: 16px; /* spacing between cards */
    white-space: nowrap; /* prevents text wrapping wider than needed */
  }

  /* Disable dividers on mobile (looping carousel has no real "last") */
  .hero-shoutout-item::after{
    display: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7181fe2 */@media (max-width: 960px){

  /* Cards should size to their content only */
  .hero-shoutout-item{
    position: relative;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    padding-right: 16px; /* spacing between cards */
    white-space: nowrap; /* prevents text wrapping wider than needed */
  }

  /* Disable dividers on mobile (looping carousel has no real "last") */
  .hero-shoutout-item::after{
    display: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6a549a2 */@media (max-width: 960px){

  /* Cards should size to their content only */
  .hero-shoutout-item{
    position: relative;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    padding-right: 16px; /* spacing between cards */
    white-space: nowrap; /* prevents text wrapping wider than needed */
  }

  /* Disable dividers on mobile (looping carousel has no real "last") */
  .hero-shoutout-item::after{
    display: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c51e9e6 */@media (max-width: 960px){

  /* Cards should size to their content only */
  .hero-shoutout-item{
    position: relative;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    padding-right: 16px; /* spacing between cards */
    white-space: nowrap; /* prevents text wrapping wider than needed */
  }

  /* Disable dividers on mobile (looping carousel has no real "last") */
  .hero-shoutout-item::after{
    display: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b315235 */@media (max-width: 960px){

  /* Parent: force stable stacking of hero content + shoutouts */
  .hero-outer{
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
  }

  .hero-content-inner{
    width: 100% !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 2 !important;
  }

  /* Viewport */
  .hero-shoutouts-outer{
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    flex: 0 0 auto !important;
    position: relative !important;
    z-index: 1 !important;
    min-width: 0 !important;
  }

  /* Track — JS owns transform (DO NOT set transform in CSS) */
  .hero-shoutout-inner{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;

    width: max-content !important;
    max-width: none !important;

    will-change: transform;
  }

  /* Slides — stable widths (avoid vw-driven snapping) */
  .hero-shoutout-item{
    flex: 0 0 auto !important;
    width: 320px !important;     /* stable */
    max-width: 88vw !important;  /* still responsive, but not the driver */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16461d1 */.hero-styles { 
  position: relative;
  background-size: cover;
  background-position: center;
  overflow: hidden; /* prevents any overlay bleed if something weird happens */
}

.hero-styles::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    /* 1) TOP EDGE BLEND (NEW): helps the hero visually tuck under the header */
    linear-gradient(
      180deg,
      rgba(7, 18, 34, 0.75) 0%,
      rgba(7, 18, 34, 0.45) 10%,
      rgba(7, 18, 34, 0.18) 22%,
      rgba(7, 18, 34, 0.00) 32%
    ),

    /* 2) HORIZONTAL READABILITY GRADIENT (your original, kept in spirit) */
    linear-gradient(
      90deg,
      rgba(7, 18, 34, 0.85) 0%,
      rgba(7, 18, 34, 0.65) 35%,
      rgba(7, 18, 34, 0.35) 55%,
      rgba(7, 18, 34, 0.10) 70%,
      rgba(7, 18, 34, 0.00) 100%
    ),

    /* 3) BOTTOM BLEND INTO SHOUTOUTS (your original, slightly tidied for smoother ramp) */
    linear-gradient(
      180deg,
      rgba(7, 18, 34, 0.00) 0%,
      rgba(7, 18, 34, 0.18) 52%,
      rgba(7, 18, 34, 0.45) 72%,
      rgba(7, 18, 34, 0.85) 100%
    );

  z-index: 1;
}

.hero-styles > * {
  position: relative;
  z-index: 2;
}

@media (max-width: 960px){

  /* Parent that contains hero-main-content + shoutouts */
  .hero-top-wrap{
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    /* prevent shrink/collapse weirdness */
    min-width: 0 !important;
  }

  /* Keep hero content visible and above */
  .hero-top-wrap .hero-main-content{
    order: 1 !important;
    width: 100% !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;

    position: relative !important;
    z-index: 3 !important;
    overflow: visible !important;
  }

  /* Shoutouts sits below content and must not steal layout */
  .hero-top-wrap .hero-shoutouts-outer{
    order: 2 !important;
    flex: 0 0 auto !important;

    /* your working setting */
    width: auto !important;

    /* but never exceed screen */
    max-width: 100% !important;

    position: relative !important;
    z-index: 2 !important;

    overflow: hidden !important;
  }
}


@media (max-width: 960px){

  /* Parent stack fix can stay */
  .hero-top-wrap{
    display:flex !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
  }

  /* Hero content stays visible */
  .hero-top-wrap .hero-main-content{
    order:1 !important;
    width:100% !important;
    flex:0 0 auto !important;
    min-width:0 !important;
    position:relative !important;
    z-index:3 !important;
  }

  /* Shoutouts can be shrink-to-fit but must not break the track */
  .hero-top-wrap .hero-shoutouts-outer{
    order:2 !important;
    flex:0 0 auto !important;
    width:auto !important;         /* your required setting */
    max-width:100% !important;     /* never exceed screen */
    overflow:hidden !important;
    position:relative !important;
    z-index:2 !important;
  }

  /* CRITICAL: track must be allowed to exceed viewport */
  .hero-top-wrap .hero-shoutout-inner{
    display:flex !important;
    flex-wrap:nowrap !important;
    width:max-content !important;
    max-width:none !important;
    will-change:transform;
  }

  /* Slides fixed sizing */
  .hero-top-wrap .hero-shoutout-item{
    flex:0 0 auto !important;
    width:clamp(260px, 82vw, 380px) !important;
  }
}







@media (max-width: 960px){
  .hero-shoutout-inner.is-marquee{
    animation: heroShoutoutMarquee var(--marquee-duration, 12s) linear infinite;
    will-change: transform;
  }

  .hero-shoutout-inner.is-marquee.is-paused{
    animation-play-state: paused;
  }

  @keyframes heroShoutoutMarquee{
    from { transform: translate3d(0,0,0); }
    to   { transform: translate3d(calc(-1 * var(--marquee-distance, 0px)),0,0); }
  }
}/* End custom CSS */