/* ------ Partial CSS: Frontpage -------------- */

/* -----------------------------*/
/* --- Snapping Sections --- */

[fp-container-reverse]{
  overflow-anchor:none;
}

.snap-container-fp{
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100vh;
  position: relative;
  isolation: isolate;
}

@media (min-width:992px){

.snap-container-fp{
  scroll-snap-type: y mandatory;
  overscroll-behavior-y: none;
}

html:not(.is-chrome) .snap-container-fp.alternate{scroll-snap-type: y proximity;}

.snap-container-fp > *{
  scroll-snap-align: start;
  scroll-snap-stop: always;
}


}

.fp-section{
  position: relative;
  z-index: 1;
}

/*----*/

@media (min-width:992px) and (min-height:600px) {

[reverse-sec] .reverse-scroll-col{
  transform: translateY(var(--pos,0)) translateZ(0);
  --pos: calc(var(--rsy,0) - var(--offset,0) - var(--overflow,0));
}

[reverse-sec].last.off .reverse-scroll-col{--pos:0;}
[reverse-sec]{position: relative; overflow: hidden;}

}


/*-------------*/
/* ---- Scroll animated Elements inside Snap Sections --- */


  @media (min-width:992px){
    .fp-el-animate{
      transition: opacity, translate;
      transition-timing-function: ease-in-out;
      transition-duration: .5s;
      transform:translateZ(0);
      --dur:.5s;
    }
    .fp-el-appear{
      opacity:0;
      translate:var(--tx,0) var(--ty,0);
      --ty:-20%;
    }

    .up .fp-el-appear{--ty:20%;}


  }



/*----------------*/
/* ---- Hero Section --- */


/* ------- Version 1 (Loop Text)  ------------*/

.fp-hero-section{
  min-height:100vh;
  background-color:var(--color-light);
}


/* ----- Hero Loop-Typo ---- */

/* https://medium.com/@RitikaAgrawal08/recreating-marquee-loop-animation-with-css-ef3faa24d2ab */
/* https://pragmaticpineapple.com/smoothly-reverting-css-animations/ */

.loop-wrap{
  padding-top:6rem;
  /* Change Speed, je höher desto langsamer */
  --speed:15s;
}

@media (max-width:600px){
  .loop-wrap{ --speed:10s; }
}


  .loop-container {
    display: flex;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;

    font-size:20vw;
    font-size: min(20vw,13rem);
    text-transform: uppercase;
    line-height: .85;
    letter-spacing: -0.025ch;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

 .loop-container:first-child{ margin-left:-1ch }
 .loop-container:last-child{ margin-left:-1.7ch }

  @media (max-width:767px){
    .loop-container { font-size:30vw; }
  }
  @media (max-width:575px){
    .loop-container { font-size:40vw; }
  }


  .loop-text span{
    color:var(--color-accent);
    font-weight:400;
    padding: 0 .25ch;
    display: inline-block;
    transform: translateX(5%) rotate(45deg);
  }

.loop-text, .loop-text .inner { animation: loopText calc(var(--speed) * var(--i,1)) infinite linear; }
.loop-text { animation-play-state:var(--aps,running); }

.loop-container:first-child .loop-text{ --i:1; }
.loop-container:first-child .loop-text .inner{--i:.5; animation-direction: reverse;}

.loop-container:last-child .loop-text{ --i:1.5;  animation-direction: reverse; }
.loop-container:last-child .loop-text .inner { --i:.75;  }

.loop-text .inner{ animation-play-state: paused; }

@media (min-width:768px){
.loop-wrap:hover .loop-text .inner{ animation-play-state:running; }
}

@keyframes loopText {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}


/* --- FP Hero Intro --- */

.fp-hero-intro-inner{
  margin:5.5vh 5vw;
  max-width:54ch;
}

@media (max-width:991px) {
  .fp-hero-intro-inner{
    margin:2.5rem 1.5rem;
  }
}

@media (max-width:767px) {
  .fp-hero-intro-inner{
    max-width:70ch;
  }
}

@media (max-width:600px) {
  .fp-hero-intro-inner{
    max-width:40ch;
    margin:2rem 1.5rem 6rem 1.5rem;
  }
}

.fp-hero-intro-inner > h1{
  font-family:var(--mono);
  font-weight:400;
  font-size:1rem;
  line-height:1.6;
  text-transform:uppercase;
  color:var(--color-accent);
  margin:0;
}

@media (max-width:767px) {
  .fp-hero-intro-inner > h1{
    font-size:1.2rem;
  }
}

@media (max-width:600px) {
  .fp-hero-intro-inner > h1{
    font-size:1.125rem;
  }
}

.fp-hero-intro-inner > h1 > *{
  display: inline-block;
  margin:0 1.2em 0 0;
  position: relative;
}

.fp-hero-intro-inner > h1 > *:not(:last-child)::after{
  content:'+';
  color:var(--color-accent);
  position: absolute;
  right:-.65em;
  transform:translate(50%,2%) rotate(45deg);
  transform-origin: center;
}



/* ------- Version 2 (KGL)  ------------*/


.fp-hero-section-2{
  background-color:var(--color-light);
  position: relative;
}


@media (min-width:992px){
.fp-hero-section-2 .row{min-height:100vh;}
}

.fp-hero-section-2 .col-12{
  transition:all .3s ease-in-out;
}

.fp-hero-section-2 h1{
  font-size:var(--fs,6.5rem);
  font-size:clamp(4rem,var(--fsm,10vw),6.5rem);
  min-height: 0vw;
  line-height:1.15;
  padding:9.25rem 1.5rem 4.5rem calc(1.5rem - 20px);
  max-width:20ch;
}

@media (max-width:767px) {
  .fp-hero-section-2 h1{
    --fs:4rem;
    --fsm:12vw;
  }
}

@media (min-width:992px){
  .fp-hero-section-2 h1{padding:5rem 2rem 4rem 2rem;}
}

.fp-hero-section-2 h1 span{
  display:inline-block;
}

.fp-hero-section-2 h1 span:first-child{
  text-transform: uppercase;
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-underline-offset:.085em;
  text-decoration-thickness:.12em;
}

.fp-hero-section-2 h1 span + span{
  font-size:.5em;
  font-weight:400;
  text-transform: lowercase;
  white-space: nowrap;
  margin-top:1.25em;
  color:var(--color-accent);
}

.fp-hero-section-2 h1 b{
  font-weight:400;
  display: inline-block;
  transform:translateY(6%);
}

@media (max-width:767px) {
  .fp-hero-section-2 h1 span + span{
    font-size: .6em;
    margin-top: 1.35em;
  }
}

@media (min-width:768px) {

.fp-hero-btn-down{
  position: absolute;
  bottom:1.75rem;
  right:1.75rem;
  width:3rem;
  aspect-ratio:1;
  background-color: var(--color-accent);
  -webkit-mask:var(--icon) no-repeat, center/contain;
  mask:var(--icon) no-repeat, center/contain;
  --icon:url('../assets/icon-arr.svg');
  rotate:90deg;
  cursor: pointer;
  animation-name: btn-down-bounce;
  animation-duration: .5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  transition: opacity .3s ease-in-out;
}

.no-touch .fp-hero-btn-down:hover{opacity:.7}

@keyframes btn-down-bounce {
 from {bottom:1.25rem;}
 to {bottom:1.75rem;}
}

.fp-hero-btn-down.hidden{opacity:0;}

}


/* -----------------------------*/
/* --- Section: Info-Section --- */

.fp-info-section{ background-color:var(--color-light); }

.fp-info-section-row{
  min-height:100vh;
  padding-bottom:4rem;
  gap:2.5rem 0;
}

@media (max-width:991px) {
  .fp-info-section-row{padding-bottom:2.75rem;}
}

@media (min-width:768px) {
  .fp-info-section-row{padding-top:4rem;}
}

.fp-info-img{
  max-width:260px;
  margin:0 auto;
  mix-blend-mode:multiply;
}

@media (min-width:576px) {
  .fp-info-img{max-width:300px;}
}

@media (min-width:768px) {
  .fp-info-img{
    max-width:350px;
    margin:0 auto;
    translate:0 -3rem;
  }
}

.fp-info-head{
  font-size:2.75rem;
  font-size: clamp(2.25rem,5.5vw,2.75rem);
  line-height: 1.125;
  margin-bottom:.75em;
}

@media (max-width:767px) {
  .fp-info-head{
    font-size:2.4rem;
    font-size: clamp(2.25rem,7vw,3.5rem);
  }
}

.fp-info-head u{
  text-decoration: underline;
  text-decoration-color: var(--color-accent);
  text-underline-offset:.075em;
  text-decoration-thickness:.12em;
}

.fp-info-desc p{
  font-size:1.15rem;
  margin-bottom: 0;
  max-width: 59ch;
}

@media (min-width:768px) {
  .fp-info-desc p{max-width:46ch;}
}


.fp-info-desc p + p{margin-top:1.25em;}

.is-touch .fp-info-desc p a:hover{text-decoration: none;}
.no-touch .fp-info-desc p a:hover{
  text-decoration: underline;
  text-decoration-color: var(--color-accent);
}


.fp-info-subnav{
  font-family: var(--mono);
  font-weight: 400;
  font-size:1rem;
  display: table;
  margin: 2.25em auto 0 auto;
}

@media (min-width:767px) {
  .fp-info-subnav{
    font-size: .75rem;
    margin:0 auto;
  }
}

@media (min-width:992px) {
  .fp-info-subnav{translate:-10% 0;}
}

@media (max-width:575px) {
  .fp-info-subnav{font-size: 1.1rem;}
}


.fp-info-subnav-head{
  font-weight:700;
  color:var(--color-accent);
  text-transform: uppercase;
  text-decoration: underline;
}

.fp-info-subnav-list{
  margin:1.35em 0 .2em 0;
  padding:0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap:.6em 0;
  text-transform: uppercase;
}

@media (max-width:575px) {
  .fp-info-subnav-list{
    margin:2em 0 1.5em 0;
    gap:1em 0;
  }
}

.fp-info-subnav-list li{
  position: relative;
  padding-left:1.25em;
}

.fp-info-subnav-list li::before{
  content:'+';
  font-weight:700;
  position: absolute;
  left:0;
  color:var(--color-accent);
}

.is-touch .fp-info-subnav-list a:hover{
  text-decoration: none;
}

.no-touch .fp-info-subnav-list a:hover{
  text-decoration: underline;
  text-decoration-thickness:.075em;
  text-decoration-color: var(--color-accent);
  text-underline-offset:.15em;
}


@media (max-width:767px) {
  .fp-info-section-row{margin:0 auto;}
  .fp-info-section-row > *{display: contents;}
  .fp-info-section-row > * > *{width:100%;}
  .fp-info-subnav{order:1}
}


/* -----------------------------*/
/* --- Section: Services --- */


  @media (max-width:991px) {

    .service-sec{
      background-color:var(--color-bg);
      color:var(--color-prime);
      position: relative;
      padding:5rem 0 4.5rem 0;
    }

    .service-sec-1{padding-top:4rem}
    .service-sec-3{padding-bottom:3.5rem}

    .service-sec + .service-sec{padding-top:0;}

    .service-sec + .service-sec::before{
      content:'';
      position: absolute;
      left:1rem;
      right:1rem;
      border-top:1px solid var(--color-accent);
      transition: all .75s ease-in-out ;
    }

    .service-sec + .service-sec::before{top:-2.5rem;}

    .service-sec + .service-sec:has( .service-sec-col.fade-right)::before{
      scale:0 1;
      opacity: 0;
    }

  }

  @media (min-width:992px){
    .service-sec-row{min-height:100vh;}
  }

  .service-sec-col{
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background-color:var(--color-bg);
  }

    @media (max-width:991px) {
      .service-sec-col{background-color:transparent;}
    }


  @media (min-width:992px){
    .service-sec-col{overflow:hidden;}
    .service-sec-col:first-child{background-color:var(--color-bg);}
    .service-sec-col:last-child{background-color:var(--color-dark); color:var(--color-light);}
  }

  @media (max-width:991px) {
    .service-sec-col{align-items: flex-start;}
    .service-sec-col:first-child{justify-content: flex-end;}
    .service-sec-col:last-child{justify-content: flex-start;}
  }

  @media (max-width:767px) {
    .service-sec-col{translate:-1rem 0;}
  }

  .service-icon{
    background-color:var(--color-accent);
    width:100%;
    max-width:74px;
    aspect-ratio:1;
    -webkit-mask:var(--icon) no-repeat center/contain;
    mask:var(--icon) no-repeat center/contain;
    margin-top:var(--y,-1rem);
  }

  @media (max-width:991px) {
    .service-icon{background-color:var(--color-accent);}
  }


  @media (min-width:576px){
    .service-icon{
      width:50%;
      max-width:150px;
    }
  }

  @media (min-width:992px){
    .service-icon{
      width:27vw;
      max-width:400px;
      max-height:74vh;
    }

    .service-icon{--y:0;}
    .service-sec-1 .service-icon{--y:-2rem;}
  }

  @media (max-width:450px) {
    .service-icon{--y:-.65rem;}
    .service-sec-1 .service-icon{--y:-.85rem;}
  }



  @media (min-width:992px){
    .service-sec-desc{ max-width: 640px; }
  }

  @media (max-width:991px){
    .service-sec-desc{ padding-left:1.5rem; }
  }

  @media (max-width:600px){
    .service-sec-desc{ padding-left:0; }
  }

  .service-sec-desc h2{
    font-size:1.85rem;
    line-height:1.05;
    text-transform: uppercase;
    margin-bottom:.5em;
    position: relative;
  }

  @media (min-width:600px){ .service-sec-desc h2{font-size:2.25rem;} }
  @media (min-width:992px){
    .service-sec-desc h2{
      font-size:6vw;
      margin-bottom:.4em;
      }
    }
  @media (min-width:1280px){ .service-sec-desc h2{font-size:4rem;} }


  .service-sec-desc p{
    font-size:1.1rem;
    font-weight:400;
    margin-bottom: 0;
    max-width:26ch;
    position: relative;
  }

  @media (min-width:992px){
    .service-sec-desc p{ translate:.25ch 0;}
  }


  @media (min-width:600px){
    .service-sec-desc p{max-width:33ch;}
  }



.service-sec-col.fade-right, .service-sec-col.fade-left{
  transform: translate(0,0);
  opacity: 1;
}

@media (max-width:991px){

  .service-sec-col{
    transition: transform .75s ease-in-out var(--del,0s), opacity .85s ease-in-out var(--del,0s);
  }
  .service-sec-col.fade-right, .service-sec-col.fade-left{
    transform: translate(var(--x),0);
    opacity: 0;
  }
  .service-sec-col.fade-left{--x:10vw;}
  .service-sec-col.fade-right{--x:-20vw;}

  .service-sec:not(.service-sec-1){--del:.25s;}

}


/* -----------------------------*/
/* --- Section: Work --- */

.job-section{
  padding:0;
  overflow: hidden;
}

@media (min-width:992px){
.job-section{
  min-height:100vh;
  display:flex;
  flex-wrap: wrap;
  align-content:center;
}
}

.job-section > .container{
  padding-top:1rem;
  padding-bottom:1.5rem;
  max-width: 1600px;
}



@media (min-width:992px) and (min-height:740px){
  .job-section > .container > .row{margin-top:5.5rem;}
}


/* Aside */

.jobs-aside{
  position: relative;
  gap:0 1rem;
}

@media (max-width:991px){
  .jobs-aside{
    /* margin:.75rem 0 2rem 0; */
    margin:2.25rem 0 2rem 0;
  }
}

/* Headline */

.jobs-head{
  font-size:15rem;
  letter-spacing:.015em;
  line-height:.85;
  position:absolute;
  top:0;
  translate: -.15ch -67%;
  text-indent:.1em;
}

@media (min-width:1200px) and (min-height:740px){
  .jobs-head{
    translate: -.35ch -67%;
    letter-spacing:.1em;
  }
}

@supports (-webkit-text-stroke: 1px black) {
  .jobs-head{
    -webkit-text-stroke:2px var(--color-accent);
    color:var(--color-light);
  }
}



/* @media (min-width:1100px) and (max-height:739px){
  .jobs-head{
    translate:0 -5% !important;
  }
} */


@media ((max-width:1099px) and (max-height:739px)), (max-height:739px){
  .jobs-head{
    font-size:4rem;
    letter-spacing:.01em;
    word-break: break-all;
    width:3ch;
    translate:0 -5%;
  }

}


@media (max-width:991px){
  .jobs-head{
    position: relative;
    translate:4px 0;
    margin-bottom:0;
    font-size:3.5rem;
  }
}

@media (min-width:576px) and (max-width:991px){
  .jobs-head{
    word-break: normal;
    width:auto;
    font-size:5.7rem;
    letter-spacing: .25em;
  }
}

@media (min-width:576px) and (max-width:768px){
  .jobs-head{
    font-size:7.5rem;
    letter-spacing: .125em;
  }
  }

@media (max-width:575px){
.jobs-head{
    font-size:3.5rem;
    letter-spacing:.01em !important;
    word-break: break-all !important;
    width:3ch !important;
  }
}



/* Navigation Menu */

.jobs-menu{
  padding-left:3rem;
  padding-right:1rem;
  margin:0;
  font-size:1rem;
  font-weight:400;
  text-transform: uppercase;
  list-style: none;
}

@media (max-width:991px){
  .jobs-menu{padding-left:0;}
}

@media (min-width:767px){
  .jobs-menu{font-size:.8rem;}
}

@media (max-width:575px){
  .jobs-menu{font-size:1.1rem;}
}




.slider-nav:not(:last-child){
  margin-bottom:.75em;
}

.slider-nav{
  cursor: pointer;
  position: relative;
  padding-left: 1.25em;
}

.slider-nav::before{
  content: '+';
  font-weight: 700;
  position: absolute;
  left: 0;
  color: var(--color-accent);
}

.slider-nav.active,
.no-touch .slider-nav:hover{
  text-decoration: underline;
  text-decoration-thickness: .075em;
  text-decoration-color: var(--color-accent);
  text-underline-offset: .15em;
}


/* Slider */

.slider-jobs{
  background-color:var(--color-light);
}



/* Slider Images */

.slider-jobs-item-picture{
  display:block;
  /* width:fit-content; */
  position:relative;
  margin:0 auto 0 0;
}

/* @media (min-width:992px) and (max-height:730px){
  .slider-jobs-item-picture{
    margin:0 auto;
  }
} */

@media (min-width:992px){
.slider-jobs-item-img{
  aspect-ratio:1.6;
  object-fit:cover;
  max-height:calc(100vh - 12rem);
  width:100%;
  display:block;
}
}


@media (max-width:1099px), (max-height:739px){
.slider-jobs-item-img{
  max-height:calc(100vh - 4rem);
}
}

@media (max-width:991px){
  .slider-jobs-item-img{
    aspect-ratio:1.6;
    object-fit: cover;
  }
}

@media (max-width:600px){
  .slider-jobs-item-img{
    aspect-ratio:.84;
    object-fit: cover;
  }
}

/* Image Desc */

.slider-jobs-item-desc{
  font-weight:400;
  color: var(--color-gray);
  padding:.75em 0;
}

@media (min-width:992px){
  .slider-jobs-item-desc{
    font-size:.7rem;
    text-align: right;
    position:absolute;
    right:0;
    bottom:0;
    z-index:1;
    translate:0 125%;
    padding:0;
  }
}

@media (min-width:576px){
.slider-jobs-item-desc span::before{
  content:'| ';
}
}

@media (max-width:575px){
  .slider-jobs-item-desc span{
    display: block;
  }
}


/* Mobile Pause */

.is-touch .slider-jobs.paused:not(.swiped) .slick-current picture::before,
.is-touch .slider-jobs.resumed::before{
  content:'';
  position: absolute;
  top:0;
  left:0;
  width:100%;
  aspect-ratio:.84;
  z-index: 10000;
  background-color: rgb(0,0,0,.35);
  mix-blend-mode: multiply;
  opacity:0;
  animation:sliderpause .6s linear forwards;
}

.is-touch .slider-jobs.paused:not(.swiped) .slick-current picture::after,
.is-touch .slider-jobs.resumed::after{
  content:'';
  position: absolute;
  top:45%;
  left:50%;
  z-index: 10001;
  translate:-50% -50%;
  width:4.5rem;
  height:4.5rem;
  background-color: #fff;
  -webkit-mask:var(--mask) no-repeat, center/contain;
  mask:var(--mask) no-repeat, center/contain;
  opacity: 0;
  scale:0.5;
  animation:sliderpause .6s linear forwards;
}

.is-touch .slider-jobs.paused .slick-current picture::after{  --mask:url('../assets/controls-pause.svg');}
.is-touch .slider-jobs.resumed::after{  --mask:url('../assets/controls-play.svg');}

@keyframes sliderpause {
  0,100%{opacity:0; scale:0.5}
  20%,80%{opacity:1; scale:1}
}




/* Arrow Nav */

.job-section .slick-list{
  overflow: visible;
}


.slider-arr{
  position: absolute;
  top:0;
  bottom:0;
  width:50%;
}

.slider-arr-prev{
  left:0;
  cursor: var(--cursor),w-resize;
  --cursor:url('../assets/icon-arr-prev.svg') 25 25;
}

.slider-arr-next{
  right:0;
  cursor: var(--cursor),e-resize;
  --cursor:url('../assets/icon-arr-next.svg') 25 25;
}

.is-touch .slider-arr{display:none;}

.jobs-head.animate-delay{
  transition: transform var(--dur,.5s) ease-in-out var(--del,0s),
              opacity var(--dur,.5s) ease-in-out var(--del,0s);
}
@media (min-width:992px){
  .jobs-head.animate-delay{--del:.6s;}
}

.slider-jobs-wrap.animate-delay{--y:-20vh; --del:.4s; --dur:.7s}
.jobs-menu.animate-delay{--del:.25s;}

@media ((min-width:992px) and (max-height:739px)){
  .jobs-head.animate-delay{--x:-10%;}
}


@media (max-width:991px){
  .jobs-head.animate-delay{--x:3rem; --del:.2s !important;}
  .slider-jobs-wrap.animate-delay{--y:-10vh; --del:.7s; --dur:.5s !important;}
  .jobs-menu.animate-delay{--x:-3rem; --del:.2s !important;}
}

/* --- Jobs PDF Link ---- */

.jobs-pdflink{
  font-size:.75rem;
  max-width:24ch;
  padding-left:3.5ch;
  margin-bottom:.5em;
}
.jobs-pdflink.animate-delay{--del:.5s}

.jobs-pdflink p{
  margin:0 0 1.35em;
  font-weight:700;
  color:var(--color-accent);
  text-decoration:underline;
  text-transform:uppercase;
  text-wrap:balance;
}

.jobs-pdflink a{
  font-weight:400;
  line-height: 1.35;
  position: relative;
  padding-left:2.25em;
  display: inline-block;
}

.jobs-pdflink a::before{
  content: '';
  position: absolute;
  left: 0;
  top: .05em;
  background-color: var(--color-accent);
  height: 1.4em;
  width: 1.4em;
  mask: var(--icon) no-repeat,center/contain;
  --icon: url(../assets/icon-arr.svg);
}

.jobs-pdflink a:hover{
  text-decoration: none;
}

.no-touch .jobs-pdflink a:hover{
  text-decoration: underline;
  text-decoration-thickness: .075em;
  text-decoration-color: var(--color-accent);
  text-underline-offset: .15em;
}


.jobs-pdflink-sm{
    max-width:100%;
    padding:1.75rem 15px 0;
    margin:1.75rem auto 0 0;
    font-size:.8rem;
    position: relative;
}

@media (max-width:767px){
  .jobs-pdflink-sm{
    font-size:1.1rem;
  }
}

.jobs-pdflink-sm.animate-delay{--x:0;--y:-3rem;--del:.5s}

.jobs-pdflink-sm p{
  margin:0 0 1em;
}

.jobs-pdflink-sm a{
  padding-left: 2em;
}

.jobs-pdflink-sm a::before{
  top:0;
}

.jobs-pdflink-sm::before{
  content:'';
  position: absolute;
  height:1px;
  width:calc(100vw - 30px);
  background-color: var(--color-accent);
  left:15px;
  top:0;
}

.jobs-arrow-icon{
  background-color: var(--color-accent);
  width:80px;
  aspect-ratio:1;
  align-self:end;
  mask: var(--icon) no-repeat right bottom/contain;
  --icon: url(../assets/icon-arr-slanted.svg);
}

.jobs-arrow-icon.animate-delay{
    --x:-3rem;
    --del:.2s !important;
}

@media (max-width:991px){
.job-section:has(.jobs-arrow-icon) > .container{
  padding-top:0;
}
}