/* FikirBaz services index v2.
   One continuous carbon canvas, editorial service rows and a restrained red signal. */

body:not(.onon-home) .onon-services-page{
  --fbs-black:#080808;
  --fbs-panel:#101010;
  --fbs-panel-2:#151515;
  --fbs-paper:#f2f0ec;
  --fbs-paper-2:#e9e6e1;
  --fbs-red:#ff2828;
  --fbs-muted:#96918b;
  --fbs-line:rgba(255,255,255,.13);
  position:relative;
  isolation:isolate;
  overflow:clip;
  color:var(--fbs-paper);
  background:var(--fbs-black)!important;
}

body:not(.onon-home) .onon-services-page::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  opacity:.65;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,#000 0,#000 76%,transparent 100%);
}

body:not(.onon-home) .onon-services-page .onon-inner-shell{
  width:min(1420px,calc(100% - 96px));
}

/* Hero */
body:not(.onon-home) .onon-services-page .onon-services-hero-v2{
  width:min(1540px,calc(100% - 32px));
  min-height:min(920px,100svh)!important;
  margin:8px auto 18px;
  padding:calc(var(--onon-header,104px) + 30px) 0 58px!important;
  border:1px solid rgba(255,255,255,.14);
  border-radius:28px;
  box-shadow:0 30px 90px rgba(0,0,0,.4)!important;
  background:
    radial-gradient(circle at 80% 18%,rgba(255,40,40,.18),transparent 25%),
    radial-gradient(circle at 13% 88%,rgba(255,255,255,.045),transparent 27%),
    linear-gradient(135deg,#090909 0%,#121212 56%,#080808 100%)!important;
}

body:not(.onon-home) .onon-services-page .onon-services-hero-v2::before{
  opacity:.46!important;
  background-size:72px 72px!important;
  mask-image:linear-gradient(to bottom,transparent 0,#000 24%,#000 90%,transparent 100%);
}

body:not(.onon-home) .onon-services-page .onon-services-hero-v2::after{
  content:"06";
  display:block!important;
  position:absolute;
  right:-.04em;
  bottom:-.18em;
  left:auto;
  z-index:0;
  width:auto;
  height:auto;
  color:rgba(255,255,255,.026);
  background:none;
  font-size:min(29vw,430px);
  font-weight:780;
  line-height:1;
  letter-spacing:-.09em;
}

body:not(.onon-home) .onon-services-page .onon-services-hero-v2__topline{
  min-height:34px;
  padding-bottom:16px;
  border-color:rgba(255,255,255,.14)!important;
  color:#7f7b76!important;
  font-size:9px;
  letter-spacing:.16em;
}

body:not(.onon-home) .onon-services-page .onon-services-hero-v2__topline span:first-child::before{
  content:"";
  width:7px;
  height:7px;
  margin-right:9px;
  display:inline-block;
  border-radius:50%;
  background:var(--fbs-red);
  box-shadow:0 0 0 5px rgba(255,40,40,.12);
  vertical-align:1px;
}

body:not(.onon-home) .onon-services-page .onon-services-hero-v2__layout{
  min-height:620px;
  grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
  gap:clamp(52px,7vw,108px);
}

body:not(.onon-home) .onon-services-page .onon-services-hero-v2__copy{
  max-width:700px;
  padding-block:52px;
}

body:not(.onon-home) .onon-services-page .onon-services-hero-v2__eyebrow{
  margin-bottom:24px;
  color:var(--fbs-red)!important;
  font-size:10px;
  letter-spacing:.17em;
}

body:not(.onon-home) .onon-services-page .onon-services-hero-v2__copy h1{
  max-width:690px;
  color:#fff!important;
  font-size:clamp(52px,5vw,74px)!important;
  font-weight:330;
  line-height:.94!important;
  letter-spacing:-.06em;
}

body:not(.onon-home) .onon-services-page .onon-services-hero-v2__copy h1 span:nth-child(2){
  color:#a9a5a0!important;
}

body:not(.onon-home) .onon-services-page .onon-services-hero-v2__copy h1 strong{
  color:var(--fbs-red)!important;
  font-weight:730;
}

body:not(.onon-home) .onon-services-page .onon-services-hero-v2__copy>p:not(.onon-services-hero-v2__eyebrow){
  max-width:620px;
  margin-top:30px;
  color:#aaa6a0!important;
  font-size:16px;
  line-height:1.72;
}

body:not(.onon-home) .onon-services-page .onon-services-hero-v2__actions{
  margin-top:38px;
  gap:24px;
}

body:not(.onon-home) .onon-services-page .onon-services-hero-v2__actions>span{
  border-color:rgba(255,255,255,.16);
}

body:not(.onon-home) .onon-services-page .onon-services-hero-v2__actions b{
  color:#fff;
}

body:not(.onon-home) .onon-services-page .onon-services-hero-v2__actions small{
  color:#8e8983!important;
}

/* The hero index is a service directory, not a dashboard. */
body:not(.onon-home) .onon-services-page .onon-services-index{
  align-self:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.15);
  border-radius:22px;
  background:rgba(12,12,12,.92);
  box-shadow:0 30px 80px rgba(0,0,0,.38);
  backdrop-filter:blur(16px);
}

body:not(.onon-home) .onon-services-page .onon-services-index header,
body:not(.onon-home) .onon-services-page .onon-services-index footer{
  min-height:48px;
  padding:0 20px;
  color:#77736e;
  font-size:9px;
}

body:not(.onon-home) .onon-services-page .onon-services-index>a{
  min-height:72px;
  padding:11px 18px;
  grid-template-columns:34px minmax(0,1fr) 34px;
  border-color:rgba(255,255,255,.1);
  color:var(--fbs-paper)!important;
}

body:not(.onon-home) .onon-services-page .onon-services-index>a>span{
  color:#77736e;
}

body:not(.onon-home) .onon-services-page .onon-services-index>a strong{
  color:#f5f3ef;
  font-size:17px;
  font-weight:590;
}

body:not(.onon-home) .onon-services-page .onon-services-index>a small{
  color:#8f8a84;
  font-size:11px;
}

body:not(.onon-home) .onon-services-page .onon-services-index>a>i{
  border-color:rgba(255,255,255,.15);
  color:#8e8983;
}

/* Services list */
body:not(.onon-home) .onon-services-page .onon-services-deck{
  position:relative;
  padding:clamp(96px,9vw,144px) 0;
  color:var(--fbs-paper)!important;
  background:transparent!important;
}

body:not(.onon-home) .onon-services-page .onon-services-deck::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.17),transparent);
}

body:not(.onon-home) .onon-services-page .onon-services-deck__layout{
  grid-template-columns:minmax(250px,.48fr) minmax(0,1.52fr);
  gap:clamp(48px,7vw,112px);
}

body:not(.onon-home) .onon-services-page .onon-services-deck__intro{
  top:calc(var(--onon-header,104px) + 22px);
}

body:not(.onon-home) .onon-services-page .onon-services-deck .onon-inner-kicker{
  color:var(--fbs-red)!important;
}

body:not(.onon-home) .onon-services-page .onon-services-deck__intro h2{
  margin:18px 0 24px;
  color:#fff!important;
  font-size:clamp(42px,4.1vw,64px);
  line-height:.94;
}

body:not(.onon-home) .onon-services-page .onon-services-deck__intro h2 em{
  color:var(--fbs-red)!important;
}

body:not(.onon-home) .onon-services-page .onon-services-deck__intro>p:not(.onon-inner-kicker){
  max-width:390px;
  color:#9b9690!important;
  font-size:15px;
  line-height:1.75;
}

body:not(.onon-home) .onon-services-page .onon-services-deck__counter{
  color:#c2beb8;
}

body:not(.onon-home) .onon-services-page .onon-services-deck__counter i{
  background:#343434;
}

body:not(.onon-home) .onon-services-page .onon-services-deck__counter i::after{
  background:var(--fbs-red);
}

body:not(.onon-home) .onon-services-page .onon-services-deck__list{
  border-color:var(--fbs-line);
}

body:not(.onon-home) .onon-services-page .onon-services-card,
body:not(.onon-home) .onon-services-page .onon-services-card:first-child{
  min-height:178px;
  padding:28px 20px;
  grid-template-columns:36px 56px minmax(0,1fr) 42px;
  gap:22px;
  border-color:var(--fbs-line)!important;
  border-radius:0;
  color:var(--fbs-paper)!important;
  background:transparent!important;
}

body:not(.onon-home) .onon-services-page .onon-services-card::before{
  display:block;
  background:var(--fbs-paper)!important;
  transform:scaleX(0);
  transform-origin:right center;
}

body:not(.onon-home) .onon-services-page .onon-services-card__number{
  color:var(--fbs-red)!important;
  font-size:10px;
}

body:not(.onon-home) .onon-services-page .onon-services-card__icon{
  width:52px!important;
  height:52px!important;
  border:1px solid #333!important;
  border-radius:15px!important;
  color:#fff!important;
  background:#161616!important;
}

body:not(.onon-home) .onon-services-page .onon-services-card__copy h3{
  margin-bottom:11px;
  color:#fff!important;
  font-size:clamp(30px,2.5vw,40px);
}

body:not(.onon-home) .onon-services-page .onon-services-card__copy p{
  max-width:680px;
  color:#aaa6a0!important;
  font-size:14px;
  line-height:1.65;
}

body:not(.onon-home) .onon-services-page .onon-services-card__copy>div span{
  padding:6px 9px;
  border-color:#333!important;
  color:#a7a29c!important;
  background:transparent!important;
  font-size:8px;
}

body:not(.onon-home) .onon-services-page .onon-services-card__arrow{
  width:40px!important;
  height:40px!important;
  border:1px solid #333;
  border-radius:13px;
  color:#f2f0ec!important;
}

/* Three principles */
body:not(.onon-home) .onon-services-page .onon-services-combine{
  padding:clamp(96px,9vw,140px) 0;
  color:var(--fbs-paper);
  background:#0b0b0b!important;
}

body:not(.onon-home) .onon-services-page .onon-services-combine .onon-inner-kicker{
  color:var(--fbs-red)!important;
}

body:not(.onon-home) .onon-services-page .onon-services-combine h2{
  margin:18px 0 54px;
  color:#fff!important;
  font-size:clamp(42px,4.4vw,68px);
}

body:not(.onon-home) .onon-services-page .onon-services-combine h2 em{
  color:var(--fbs-red)!important;
}

body:not(.onon-home) .onon-services-page .onon-services-combine__grid{
  gap:12px;
  border:0;
}

body:not(.onon-home) .onon-services-page .onon-services-combine__grid article{
  min-height:286px;
  padding:28px;
  border:1px solid #292929!important;
  border-radius:18px;
  background:#121212!important;
}

body:not(.onon-home) .onon-services-page .onon-services-combine__grid article>span{
  color:var(--fbs-red)!important;
}

body:not(.onon-home) .onon-services-page .onon-services-combine__grid article>i{
  width:48px;
  height:48px;
  margin:auto 0;
  display:grid;
  place-items:center;
  border:1px solid #343434!important;
  border-radius:14px;
  color:#fff!important;
  background:#181818!important;
  font-size:17px;
}

body:not(.onon-home) .onon-services-page .onon-services-combine__grid h3{
  margin:0 0 12px;
  color:#fff!important;
  font-size:25px;
}

body:not(.onon-home) .onon-services-page .onon-services-combine__grid p{
  color:#aaa6a0!important;
  font-size:14px;
  line-height:1.65;
}

/* Final action */
body:not(.onon-home) .onon-services-page .onon-services-final{
  position:relative;
  width:min(1540px,calc(100% - 32px));
  margin:0 auto 18px;
  padding:clamp(72px,7vw,108px) 0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:28px;
  color:var(--fbs-paper);
  background:
    radial-gradient(circle at 82% 35%,rgba(255,40,40,.19),transparent 29%),
    #111!important;
}

body:not(.onon-home) .onon-services-page .onon-services-final::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.38;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:72px 72px;
}

body:not(.onon-home) .onon-services-page .onon-services-final .onon-inner-shell{
  position:relative;
  z-index:1;
}

body:not(.onon-home) .onon-services-page .onon-services-final .onon-inner-kicker{
  color:#8e8983!important;
}

body:not(.onon-home) .onon-services-page .onon-services-final h2{
  color:#fff!important;
  font-size:clamp(42px,4.6vw,70px);
}

body:not(.onon-home) .onon-services-page .onon-services-final h2 em{
  color:var(--fbs-red)!important;
}

body:not(.onon-home) .onon-services-page .onon-services-final .onon-inner-cta__button{
  --fb-action-bg:#f2f0ec;
  --fb-action-fg:#0a0a0a;
  --fb-action-border:rgba(255,255,255,.12);
  --fb-action-icon-bg:#ff2828;
  --fb-action-icon-fg:#fff;
  --fb-action-icon-border:#ff2828;
  box-shadow:0 18px 50px rgba(0,0,0,.28)!important;
}

@media(hover:hover){
  body:not(.onon-home) .onon-services-page .onon-services-index>a:hover{
    padding-left:24px;
    color:#0a0a0a!important;
    background:var(--fbs-paper);
  }

  body:not(.onon-home) .onon-services-page .onon-services-index>a:hover strong{
    color:#0a0a0a;
  }

  body:not(.onon-home) .onon-services-page .onon-services-index>a:hover>i{
    border-color:var(--fbs-red);
    color:#fff;
    background:var(--fbs-red);
    transform:rotate(45deg);
  }

  body:not(.onon-home) .onon-services-page .onon-services-card:hover{
    padding-inline:28px!important;
    border-radius:0!important;
    color:#0a0a0a!important;
    background:transparent!important;
    transform:none!important;
  }

  body:not(.onon-home) .onon-services-page .onon-services-card:hover::before{
    transform:scaleX(1);
    transform-origin:left center;
  }

  body:not(.onon-home) .onon-services-page .onon-services-card:hover :is(.onon-services-card__number,.onon-services-card__copy h3,.onon-services-card__arrow){
    color:#0a0a0a!important;
  }

  body:not(.onon-home) .onon-services-page .onon-services-card:hover .onon-services-card__icon{
    border-color:var(--fbs-red)!important;
    color:#fff!important;
    background:var(--fbs-red)!important;
    transform:rotate(-4deg);
  }

  body:not(.onon-home) .onon-services-page .onon-services-card:hover .onon-services-card__copy p{
    color:#5f5a55!important;
  }

  body:not(.onon-home) .onon-services-page .onon-services-card:hover .onon-services-card__copy>div span{
    border-color:#c9c4bd!important;
    color:#5f5a55!important;
  }

  body:not(.onon-home) .onon-services-page .onon-services-combine__grid article:hover{
    border-color:#3a3a3a!important;
    background:#171717!important;
    transform:translateY(-5px);
  }
}

@media(max-width:1100px){
  body:not(.onon-home) .onon-services-page .onon-services-hero-v2__layout{
    grid-template-columns:minmax(0,.8fr) minmax(460px,1.2fr);
    gap:40px;
  }
}

@media(max-width:900px){
  body:not(.onon-home) .onon-services-page .onon-inner-shell{
    width:calc(100% - 56px);
  }

  body:not(.onon-home) .onon-services-page .onon-services-hero-v2{
    min-height:auto!important;
  }

  body:not(.onon-home) .onon-services-page .onon-services-hero-v2__layout{
    min-height:0;
    grid-template-columns:1fr;
    gap:12px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-hero-v2__copy{
    max-width:760px;
    padding:54px 0 42px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-index{
    width:100%;
  }

  body:not(.onon-home) .onon-services-page .onon-services-deck__layout{
    grid-template-columns:1fr;
    gap:52px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-deck__intro{
    position:relative;
    top:auto;
    max-width:660px;
  }
}

@media(max-width:767px){
  body:not(.onon-home) .onon-services-page::before{
    background-size:44px 44px;
  }

  body:not(.onon-home) .onon-services-page .onon-inner-shell{
    width:calc(100% - 36px);
  }

  body:not(.onon-home) .onon-services-page .onon-services-hero-v2{
    width:calc(100% - 20px);
    margin-top:6px;
    padding:calc(var(--onon-header,82px) + 24px) 0 24px!important;
    border-radius:20px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-hero-v2::before,
  body:not(.onon-home) .onon-services-page .onon-services-final::before{
    background-size:44px 44px!important;
  }

  body:not(.onon-home) .onon-services-page .onon-services-hero-v2::after{
    font-size:58vw;
  }

  body:not(.onon-home) .onon-services-page .onon-services-hero-v2__topline{
    min-height:30px;
    padding-bottom:12px;
    font-size:7px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-hero-v2__topline span:last-child{
    max-width:145px;
    text-align:right;
  }

  body:not(.onon-home) .onon-services-page .onon-services-hero-v2__copy{
    padding:38px 0 32px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-hero-v2__eyebrow{
    margin-bottom:18px;
    font-size:8px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-hero-v2__copy h1{
    font-size:clamp(36px,10.5vw,46px)!important;
    line-height:.98!important;
  }

  body:not(.onon-home) .onon-services-page .onon-services-hero-v2__copy>p:not(.onon-services-hero-v2__eyebrow){
    margin-top:23px;
    font-size:15px;
    line-height:1.65;
  }

  body:not(.onon-home) .onon-services-page .onon-services-hero-v2__actions{
    display:grid;
    grid-template-columns:1fr;
    align-items:start;
    gap:18px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-hero-v2__actions>a{
    width:100%;
  }

  body:not(.onon-home) .onon-services-page .onon-services-hero-v2__actions>span{
    width:max-content;
    padding-left:0;
    border-left:0;
  }

  body:not(.onon-home) .onon-services-page .onon-services-index{
    border-radius:16px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-index header,
  body:not(.onon-home) .onon-services-page .onon-services-index footer{
    min-height:42px;
    padding-inline:13px;
    font-size:7px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-index>a{
    min-height:66px;
    padding:9px 12px;
    grid-template-columns:25px minmax(0,1fr) 30px;
    gap:9px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-index>a strong{
    font-size:15px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-index>a small{
    font-size:10px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-index>a>i{
    width:30px;
    height:30px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-deck,
  body:not(.onon-home) .onon-services-page .onon-services-combine{
    padding:72px 0;
  }

  body:not(.onon-home) .onon-services-page .onon-services-deck__intro h2,
  body:not(.onon-home) .onon-services-page .onon-services-combine h2,
  body:not(.onon-home) .onon-services-page .onon-services-final h2{
    font-size:clamp(36px,10vw,43px);
  }

  body:not(.onon-home) .onon-services-page .onon-services-deck__intro>p:not(.onon-inner-kicker){
    font-size:15px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-card,
  body:not(.onon-home) .onon-services-page .onon-services-card:first-child{
    min-height:0;
    padding:24px 4px;
    grid-template-columns:26px 44px minmax(0,1fr);
    gap:11px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-card::before{
    display:none;
  }

  body:not(.onon-home) .onon-services-page .onon-services-card__icon{
    width:42px!important;
    height:42px!important;
    border-radius:12px!important;
  }

  body:not(.onon-home) .onon-services-page .onon-services-card__copy h3{
    font-size:27px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-card__copy p{
    font-size:14px;
    line-height:1.62;
  }

  body:not(.onon-home) .onon-services-page .onon-services-card__copy>div{
    margin-top:14px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-card__copy>div span{
    font-size:7px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-card__arrow{
    display:none!important;
  }

  body:not(.onon-home) .onon-services-page .onon-services-combine__grid{
    grid-template-columns:1fr;
  }

  body:not(.onon-home) .onon-services-page .onon-services-combine__grid article{
    min-height:230px;
    padding:24px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-combine__grid p{
    font-size:14px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-final{
    width:calc(100% - 20px);
    margin-bottom:10px;
    padding:68px 0;
    border-radius:20px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-final .onon-inner-shell{
    grid-template-columns:1fr;
    gap:34px;
  }

  body:not(.onon-home) .onon-services-page .onon-services-final .onon-inner-cta__button{
    width:100%;
    max-width:none;
  }
}

@media(prefers-reduced-motion:reduce){
  body:not(.onon-home) .onon-services-page *,
  body:not(.onon-home) .onon-services-page *::before,
  body:not(.onon-home) .onon-services-page *::after{
    animation:none!important;
    transition:none!important;
  }
}

/* Services hero v8 — documentary photography from a believable Izmir agency office. */
body.fb-services-page{
  margin:0!important;
  padding-top:0!important;
  background:#080808!important;
}

body.fb-services-page #page,
body.fb-services-page .site,
body.fb-services-page #content,
body.fb-services-page .site-content,
body.fb-services-page main.site-main,
body.fb-services-page .page-content,
body.fb-services-page .elementor-location-single,
body.fb-services-page .elementor[data-elementor-type="wp-page"]{
  margin-top:0!important;
  padding-top:0!important;
  background:#080808!important;
}

body:not(.onon-home) .onon-services-page .fb-services-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100%;
  min-height:100svh!important;
  margin:0 0 18px;
  padding:calc(var(--onon-header,104px) + 34px) 0 46px!important;
  border:0;
  border-radius:0;
  background:#080808!important;
  box-shadow:none!important;
}

body:not(.onon-home) .onon-services-page .fb-services-hero__media{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  overflow:hidden;
  pointer-events:none;
}

body:not(.onon-home) .onon-services-page .fb-services-hero__media img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center center;
  transform:scale(1.015);
}

body:not(.onon-home) .onon-services-page .fb-services-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  display:block!important;
  opacity:1!important;
  background-image:
    linear-gradient(90deg,rgba(5,5,5,.97) 0%,rgba(5,5,5,.9) 30%,rgba(5,5,5,.48) 52%,rgba(5,5,5,.08) 82%),
    linear-gradient(0deg,rgba(5,5,5,.76) 0%,transparent 42%),
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px)!important;
  background-size:auto,auto,72px 72px,72px 72px!important;
  mask-image:none;
  pointer-events:none;
}

body:not(.onon-home) .onon-services-page .fb-services-hero::after{
  content:"";
  right:auto;
  bottom:0;
  left:0;
  z-index:2;
  width:100%;
  height:180px;
  background:linear-gradient(to bottom,transparent,#080808);
}

body:not(.onon-home) .onon-services-page .fb-services-hero>.onon-inner-shell{
  position:relative;
  z-index:3;
  min-height:calc(100svh - var(--onon-header,104px) - 80px);
  display:flex;
  flex-direction:column;
}

body:not(.onon-home) .onon-services-page .fb-services-hero .onon-services-hero-v2__layout{
  flex:1;
  min-height:0;
  grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);
  align-items:center;
  gap:clamp(40px,6vw,100px);
}

body:not(.onon-home) .onon-services-page .fb-services-hero .onon-services-hero-v2__copy{
  position:relative;
  z-index:3;
  max-width:720px;
  padding:54px 0 72px;
}

body:not(.onon-home) .onon-services-page .fb-services-hero .onon-services-hero-v2__copy h1{
  max-width:720px;
  font-size:clamp(50px,5.35vw,82px)!important;
}

body:not(.onon-home) .onon-services-page .fb-services-hero .onon-services-hero-v2__copy>p:not(.onon-services-hero-v2__eyebrow){
  max-width:610px;
  color:#c0bbb5!important;
  font-size:17px;
}

.fb-services-hero__visual{
  position:relative;
  align-self:stretch;
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

.fb-services-hero__visual::before{
  display:none;
}

.fb-services-hero__disciplines{
  position:absolute;
  right:0;
  bottom:28px;
  z-index:3;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
  max-width:520px;
}

.fb-services-hero__disciplines span{
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  color:#dedad4;
  background:rgba(8,8,8,.48);
  font-size:8px;
  font-weight:720;
  letter-spacing:.14em;
  text-transform:uppercase;
  backdrop-filter:blur(10px);
}

@media(max-width:900px){
  body:not(.onon-home) .onon-services-page .fb-services-hero .onon-services-hero-v2__layout{
    grid-template-columns:1fr;
    gap:0;
  }

  body:not(.onon-home) .onon-services-page .fb-services-hero .onon-services-hero-v2__copy{
    max-width:720px;
    padding:48px 0 18px;
  }

  .fb-services-hero__visual{
    min-height:380px;
  }

}

@media(max-width:767px){
  body:not(.onon-home) .onon-services-page .fb-services-hero{
    width:100%;
    margin:0 0 10px;
    padding:calc(var(--onon-header,82px) + 24px) 0 30px!important;
    border-radius:0;
    background:#080808!important;
  }

  body:not(.onon-home) .onon-services-page .fb-services-hero>.onon-inner-shell{
    min-height:calc(100svh - var(--onon-header,82px) - 54px);
  }

  body:not(.onon-home) .onon-services-page .fb-services-hero .onon-services-hero-v2__copy{
    padding:38px 0 8px;
  }

  body:not(.onon-home) .onon-services-page .fb-services-hero .onon-services-hero-v2__copy h1{
    font-size:clamp(38px,11.5vw,50px)!important;
  }

  body:not(.onon-home) .onon-services-page .fb-services-hero .onon-services-hero-v2__copy>p:not(.onon-services-hero-v2__eyebrow){
    font-size:15px;
  }

  .fb-services-hero__visual{
    min-height:285px;
    align-items:center;
  }

  body:not(.onon-home) .onon-services-page .fb-services-hero__media img{
    object-position:63% center;
    transform:scale(1.02);
  }

  body:not(.onon-home) .onon-services-page .fb-services-hero::before{
    background-image:
      linear-gradient(180deg,rgba(5,5,5,.92) 0%,rgba(5,5,5,.74) 48%,rgba(5,5,5,.5) 100%),
      linear-gradient(90deg,rgba(5,5,5,.88),rgba(5,5,5,.22)),
      linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px)!important;
    background-size:auto,auto,44px 44px,44px 44px!important;
  }
}