@font-face {
  font-family: 'helvetica_now_textlight';
  src: url('/wp-content/themes/oon/assets/fonts/monotype__-_helvetica_now_text_light-webfont.woff2') format('woff2'),
       url('/wp-content/themes/oon/assets/fonts/monotype__-_helvetica_now_text_light-webfont.woff') format('woff');
}
@font-face {
  font-family: 'helvetica_now_textregular';
  src: url('/wp-content/themes/oon/assets/fonts/monotype__-_helvetica_now_text-webfont.woff2') format('woff2'),
       url('/wp-content/themes/oon/assets/fonts/monotype__-_helvetica_now_text-webfont.woff') format('woff');
}
@font-face {
  font-family: 'helvetica_now_textmedium';
  src: url('/wp-content/themes/oon/assets/fonts/monotype__-_helvetica_now_text_medium-webfont.woff2') format('woff2'),
       url('/wp-content/themes/oon/assets/fonts/monotype__-_helvetica_now_text_medium-webfont.woff') format('woff');
}
@font-face {
  font-family: 'helvetica_now_textbold';
  src: url('/wp-content/themes/oon/assets/fonts/monotype__-_helvetica_now_text_bold-webfont.woff2') format('woff2'),
       url('/wp-content/themes/oon/assets/fonts/monotype__-_helvetica_now_text_bold-webfont.woff') format('woff');
}
@font-face {
  font-family: 'helvetica_now_displayregular';
  src: url('/wp-content/themes/oon/assets/fonts/monotype__-_helvetica_now_display-webfont.woff2') format('woff2'),
       url('/wp-content/themes/oon/assets/fonts/monotype__-_helvetica_now_display-webfont.woff') format('woff');
}
@font-face {
  font-family: 'helvetica_now_displaymedium';
  src: url('/wp-content/themes/oon/assets/fonts/monotype__-_helvetica_now_display_medium-webfont.woff2') format('woff2'),
       url('/wp-content/themes/oon/assets/fonts/monotype__-_helvetica_now_display_medium-webfont.woff') format('woff');
}
@font-face {
  font-family: 'helvetica_now_displaylight';
  src: url('/wp-content/themes/oon/assets/fonts/monotype__-_helvetica_now_display_light-webfont.woff2') format('woff2'),
       url('/wp-content/themes/oon/assets/fonts/monotype__-_helvetica_now_display_light-webfont.woff') format('woff');
}
@font-face {
  font-family: 'helvetica_now_displayitalic';
  src: url('/wp-content/themes/oon/assets/fonts/monotype__-_helvetica_now_display_it-webfont.woff2') format('woff2'),
       url('/wp-content/themes/oon/assets/fonts/monotype__-_helvetica_now_display_it-webfont.woff') format('woff');
}
@font-face {
  font-family: 'helvetica_now_displaybold';
  src: url('/wp-content/themes/oon/assets/fonts/monotype__-_helvetica_now_display_bold-webfont.woff2') format('woff2'),
       url('/wp-content/themes/oon/assets/fonts/monotype__-_helvetica_now_display_bold-webfont.woff') format('woff');
       font-display: swap;
       ascent-override: 90%;
       descent-override: 20%;
       line-gap-override: 0%;
}
@font-face {
  font-family: 'helvetica_now_displayBlkIt';
  src: url('/wp-content/themes/oon/assets/fonts/monotype__-_helvetica_now_display_blk_it-webfont.woff2') format('woff2'),
       url('/wp-content/themes/oon/assets/fonts/monotype__-_helvetica_now_display_blk_it-webfont.woff') format('woff');
}
@font-face {
  font-family: 'helvetica_now_displayblack';
  src: url('/wp-content/themes/oon/assets/fonts/monotype__-_helvetica_now_display_black-webfont.woff2') format('woff2'),
       url('/wp-content/themes/oon/assets/fonts/monotype__-_helvetica_now_display_black-webfont.woff') format('woff');
}
/* Variable --------------------------------------------- */
:root{
  --now-bold: 'helvetica_now_displaybold';
  --font-size-h1: 8rem;
  --font-size-contact: 5.625rem;
  --font-size-jobs: 3.125rem;
  --font-size-pagination: 2.938rem;
  --font-size-copy: 1.5rem;
  --black: #000000;
  --white: #ffffff;
  --grey: #8D8D8D;
  --menu-gap: 3.125rem;
  --grid-gap: 1rem;
  --grid-gap-row: 4.25rem;
  --header-padding: 1.563rem;
  --h1-contact-margin: 8.125rem;
  --h1-margin: 4.375rem;
  --h2-margin: 12.5rem;
  --single-projects-padding: 5.313rem 1.563rem 0 1.563rem;
  --grid-margin: 12.5rem;
  --grid-padding: 12.5rem;
  --project-meta-padding: 1.5rem;
  --project-introduction: 12.5rem 0;
  --project-overview: 3.125rem;
  --project-credits: 12.5rem 0 15.625rem 0;
  --project-pagination: 12.5rem 0;
  --project-pagination-heading: 3.75rem;
  --services-margin: 5.625rem;
  --people-pagination: 12.5rem 0;
  --people-top-row-margin: 9.375rem;
  --logos-pagination: 12.5rem 0;
  --vacancies-introduction: 12.5rem 0;
  --vacancies-card: 0 0 8.125rem 0;
  --contact-margin: 4.375rem;
  --footer-padding: 0 1.563rem;
  --footer-widgets-padding: 3.125rem 0 15.625rem 0;
  --footer-branding-padding: 3.125rem 0;
}
/* General --------------------------------------------- */
html, body {
  height: 100%;
  overflow-x: hidden;
  background: var(--bg);
  color: var(--fg);
  overscroll-behavior: none;
}

*, *::before, *::after{box-sizing: border-box; margin: 0; padding: 0;}
a, a:focus, a:active, a:hover{outline: none!important; box-shadow: none;}
.site-container{background: transparent!important;}
.site-inner{margin-top: 135px; max-width:100%; padding: 3.75rem 1.563rem; background: transparent!important;}
.content{width:100%;}
p, li, h2.credits-title, .credit-role, h2.next-project__title, .our-approach .intro-col-right .copy p, .footer-widgets h3, .contact-cta__heading, .contact-cta__email a, .contact-cta__number a, .contact-location__label, .home-hero .introduction__heading{font-family: var(--now-bold); font-size: var(--font-size-copy); line-height: 120%; letter-spacing: -0.24px;}
p:last-child{margin: 0;}
ul{margin-bottom: 28px;}
ul#menu-main-menu li a{font-family: var(--now-bold); font-size: var(--font-size-copy); letter-spacing: -0.24px;}
.site-inner > section{background: transparent!important;}
img{width: 100%;}
/* Dark/Light Toggle --------------------------------------------- */
:root{
  --bg: #ffffff;
  --fg: #0b0b0b;
  --muted: #666;
  --card: #f4f4f4;
  --link: #0b0b0b;
  --border: #e5e5e5;
}
html[data-theme="dark"]{
  --bg: #0b0b0b;
  --fg: #ffffff;
  --muted: #b5b5b5;
  --card: #141414;
  --link: #ffffff;
  --border: #2a2a2a;
}
.theme-toggle{--toggle-h: 27px; --toggle-w: 51px; position: relative; width: var(--toggle-w); height: var(--toggle-h); border: 1.5px solid currentColor!important; border-radius: 30px!important; display: inline-grid; place-items: center; background: transparent; color: currentColor; padding: 0; cursor: pointer;}
.theme-toggle:focus, .theme-toggle:hover{outline: none; box-shadow: none;}
.theme-toggle .toggle-track{position: absolute; inset: 0; border-radius: inherit; background: transparent;}
.theme-toggle{margin-right: 3.125rem;}
.theme-toggle.is-light .toggle-thumb{transition: transform 0.35s cubic-bezier(.45,.05,.55,.95); left: -3px; position: absolute;}
.theme-toggle.is-dark .toggle-thumb{transition: transform 0.35s cubic-bezier(.45,.05,.55,.95); right: 7px; position: absolute;}
.theme-toggle .toggle-thumb{--thumb: 21px; width: var(--thumb); height: var(--thumb); border-radius: 30px; border: 1.5px solid currentColor; background: currentColor; translate: 5px 0; display: block;}
html[data-theme="dark"] .theme-toggle, html[data-theme="dark"] .footer-logo{ color: #fff; }
@media (prefers-reduced-motion: reduce){
  * { animation: none !important; transition: none !important; }
}
/* Header --------------------------------------------- */
.custom-header{padding: var(--header-padding); position: fixed; top: 0; left: 0; right: 0; z-index: 10002; background: transparent!important; color: var(--white); mix-blend-mode: difference; isolation: isolate; pointer-events: none; box-shadow: none!important; transform: none!important; will-change: auto!important; filter: none!important;}
.custom-header *{color: inherit!important; background: transparent!important;}
.wrap.header-wrap{display:flex; align-items:center; justify-content:space-between; pointer-events: auto;}
.site-branding{flex:0 0 auto;}
.site-logo path, .site-logo rect, .site-logo polygon{fill: currentColor; transition: fill 0.3s ease;}
.site-navigation{flex:1 0 auto; display:flex; justify-content:flex-end; align-items: center;}
ul#menu-main-menu{display: flex; gap: var(--menu-gap); margin: 0; padding: 0; list-style: none; height: 30px;}
ul#menu-main-menu li a, a.next-project__card{text-decoration:none; color: inherit;}
ul#menu-main-menu li a:hover, ul#menu-main-menu li.current-menu-item a{color: var(--grey)!important;}
.header-blend__item, .header-blend__item a, .header-blend__item img, .header-blend__item svg, .custom-header .header-blend__item a{color: var(--white); mix-blend-mode: difference; height: 35px; display: block;}
ul#menu-main-menu a{color: currentColor;}
.contact-locations{display: grid;}
.contact-location__address p{color: var(--grey);}
.contact-location__directions a{color: currentColor; text-decoration: underline; font-size: var(--font-size-copy)!important;}
.contact-cta__email{margin: 0;}
.contact-cta__email a, .contact-cta__number a{color: var(--grey);}
.contact-cta__email a:hover{color: currentColor; text-decoration: underline;}
.contact-cta__number a{text-decoration: none;}
.contact-location__directions a:hover{color: var(--grey);}
.contact-cta__heading, .contact-cta__number a:hover{color: currentColor;}
#mobile-menu, .burger-toggle{display: none;}
#mobile-menu .mobile-menu__scrim{position:relative; z-index:1;}
#mobile-menu .mobile-menu__inner{position:relative; z-index:2;}
#mobile-menu .mobile-menu__nav{position:relative; z-index:2;}
#mobile-menu .mobile-menu__header{position: sticky; top: 0; z-index: 3; pointer-events: none;}
#mobile-menu .mobile-brand{pointer-events: auto;}
.site-navigation{flex: 1 0 auto; display: flex; justify-content: flex-end;}
ul#menu-main-menu a{text-decoration: none;}
.site-inner{margin-top: 0!important;}
.content > *:first-child{padding-top: 135px;}
/* Home --------------------------------------------- */
body.home{overflow: hidden;}
body.home .site-inner{padding: 0;}
body.home .theme-toggle{display: none;}
.home-hero{position: relative; width: 100vw; height: 100vh; overflow: hidden;}
.home-hero__media{position: absolute; inset: 0; z-index: 0;}
.home-hero__video{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; background: var(--black); -webkit-appearance: none; will-change: opacity;}
.home-hero__video::-webkit-media-controls, .home-hero__video::-webkit-media-controls-enclosure{display: none !important;}
.home-hero__intro, .home-hero__copyright{position: fixed; z-index: 10001; color: var(--white); mix-blend-mode: difference; line-height: 1; pointer-events: auto;}
.home-hero__intro{left: 1.563rem; bottom: 1.563rem; width: 50%;}
.home-hero__copyright{right: 1.563rem; bottom: 1.563rem; width: 50%; text-align: right;}
.home-hero__copyright .footer-widget-area.copyright{max-width: 100%; width: 100%;}
.home-hero__intro *, .home-hero__copyright * {color: inherit; mix-blend-mode: inherit;}
.home-hero .introduction{margin: 0; padding: 0; background: transparent;}
.home-hero__intro h1.introduction__heading{font-size: var(--font-size-copy); margin: 0; line-height: inherit; letter-spacing: -0.24px;}
.home-hero__copyright p{margin: 0; line-height: 1;}
a.intro-line{text-decoration: none; color: inherit;}
a.intro-line:hover{color: inherit; mix-blend-mode: inherit;}
.card{isolation: isolate;}
.card .card-meta{position: absolute; left: 30px; bottom: 30px; z-index: 2; color: var(--white); mix-blend-mode: difference;}
.card .card-meta *{color: inherit;}
.card .card-media{z-index: 0;}
.card .card-scrim{z-index: 1; background: transparent;}
/* Introduction --------------------------------------------- */
h1.introduction__heading, h2.introduction__heading{display: inline-flex; align-items: end; gap: var(--grid-gap); margin: 0; font-family: var(--now-bold); font-size: var(--font-size-h1); line-height: 1; letter-spacing: -3.84px; margin-bottom: var(--h1-margin);}
.introduction__heading .intro-line{display: inline-flex; align-items: end; text-decoration: none; color: inherit;}
.introduction__heading .intro-text{line-height: 1;}
.introduction__heading .intro-arrow{width: 0.95em; height: 0.95em; display: block; flex: 0 0 auto; fill: currentColor; position: relative; top: 6px;}
body.home .introduction__heading .intro-arrow{top: 0;}
/* Grid --------------------------------------------- */
.homepage-grid{--grid-gap: 16px; padding-bottom: var(--grid-padding);}
.homepage-grid .split-row{display:grid; gap:var(--grid-gap); margin-bottom:var(--grid-gap);}
.homepage-grid .split-row{grid-template-columns: 2fr 1fr; align-items:start;}
.homepage-grid .split-row.big-right{grid-template-columns:1fr 2fr;}
.homepage-grid .split-row .col{overflow:hidden;}
.homepage-grid .split-row .col-big img{width:100%; height:auto; display:block; object-fit:cover; object-position: center;}
.homepage-grid .split-row .col-small img{width:100%; display:block; object-fit:cover; object-position: center;}
.homepage-grid .full-row{margin:var(--grid-gap) 0;}
.homepage-grid .full-row img{width:100%; height:auto; display:block;}
.masonry-row{column-count:2; column-gap:var(--grid-gap); margin:var(--grid-gap) 0;}
.masonry-row:last-child{margin: 0;}
.masonry-item{break-inside: avoid; -webkit-column-break-inside: avoid; margin:0 0 var(--grid-gap); overflow:hidden; display:block;}
.masonry-item > *{display:block; margin:0;}
.masonry-item img, .masonry-item video{display:block; width:100%; height:auto; object-fit:cover; object-position:center;}
.masonry-video{pointer-events: none; user-select: none; -webkit-user-drag: none; object-fit: cover; background: var(--black);}
.masonry-video::-webkit-media-controls, .masonry-video::-webkit-media-controls-enclosure, .masonry-video::-webkit-media-controls-overlay-play-button, .masonry-video::-webkit-media-controls-start-playback-button{display: none !important; opacity: 0 !important; visibility: hidden !important;}
.masonry-video::-moz-media-controls, .masonry-video::-moz-media-controls-enclosure{display: none !important; opacity: 0 !important; visibility: hidden !important;}
.masonry-video:focus{outline: none!important;}
.waterfall-row{display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--grid-gap); margin-bottom: var(--grid-gap)!important;}
.waterfall-row .left-column .masonry-item:last-child, .waterfall-row .right-column .masonry-item:last-child{margin-bottom: 0;}
:where(.image-video, .masonry-row, .two-column, .waterfall-row) video,
.video-ui-off{pointer-events: none; user-select: none; -webkit-user-drag: none; object-fit: cover; background: var(--black); outline: 0;}
:where(.image-video, .masonry-row, .two-column, .waterfall-row) video::-webkit-media-controls, :where(.image-video, .masonry-row, .two-column, .waterfall-row) video::-webkit-media-controls-enclosure, :where(.image-video, .masonry-row, .two-column, .waterfall-row) video::-webkit-media-controls-overlay-play-button, :where(.image-video, .masonry-row, .two-column, .waterfall-row) video::-webkit-media-controls-start-playback-button{display: none !important; opacity: 0 !important; visibility: hidden !important;}
:where(.image-video, .masonry-row, .two-column, .waterfall-row) video::-moz-media-controls, :where(.image-video, .masonry-row, .two-column, .waterfall-row) video::-moz-media-controls-enclosure{display: none !important; opacity: 0 !important; visibility: hidden !important;}
.video-ui-on{pointer-events: auto;}
.visually-hidden{position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;}
.homepage-grid .split-row .col-big video, .homepage-grid .split-row .col-small video, .homepage-grid .full-row video, .masonry-item video{display:block; width:100%; height:auto; object-fit:cover; object-position:center;}
.col .card, .full-row .card, .masonry-item .card{position: relative; display: block; width: 100%; height: 100%; overflow: hidden; text-decoration: none; color: inherit;}
.card .card-media > img, .card .card-media > video{display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 500ms ease;}
.card .card-scrim{position: absolute; inset: 0; /*background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.20) 40%, rgba(0, 0, 0, 0.00) 80%);*/ opacity: 0; pointer-events: none; transition: opacity 400ms ease;}
.card .card-meta{position: absolute; left: 30px; bottom: 30px; display: grid; gap: 2px; transform: translateY(8px); opacity: 0; transition: transform 300ms ease, opacity 300ms ease; will-change: transform, opacity;}
.card .card-title, .card .card-campaign{color: var(--white);}
/*.col .card:hover .card-media > img, .col .card:hover .card-media > video, .full-row .card:hover .card-media > img, .full-row .card:hover .card-media > video, .masonry-item .card:hover .card-media > img, .masonry-item .card:hover .card-media > video, .col .card:focus-visible .card-media > img, .col .card:focus-visible .card-media > video, .full-row .card:focus-visible .card-media > img, .full-row .card:focus-visible .card-media > video, .full-row .card:focus-visible .card-media > img, .masonry-item .card:focus-visible .card-media > video{transform: scale(1.04);}*/
.col .card:hover .card-scrim, .full-row .card:hover .card-scrim, .masonry-item .card:hover .card-scrim, .col .card:focus-visible .card-scrim, .full-row .card:focus-visible .card-scrim, .masonry-item .card:focus-visible .card-scrim{opacity: 1;}
.col .card:hover .card-meta, .full-row .card:hover .card-meta, .masonry-item .card:hover .card-meta, .col .card:focus-visible .card-meta, .full-row .card:focus-visible .card-meta, .masonry-item .card:focus-visible .card-meta{transform: translateY(0); opacity: 1;}
@media (prefers-reduced-motion: reduce) {
  .card .card-media > img,
  .card .card-media > video,
  .card .card-scrim,
  .card .card-meta {
    transition: none;
  }
}
.project-media video, .project-card video{pointer-events:none;}
.video-playbtn{background: var(--black); color: var(--white); width: 40px; height: 40px; border-radius: 999px; border: 0;}
.video-playbtn:is(:hover,:focus-visible){background: rgba(0,0,0,.8); outline: 2px solid rgba(255,255,255,.35); outline-offset: 2px;}
.video-playbtn.is-playing{background: rgba(255,255,255,.9); color: var(--black);}
/* Project Index and Single Projects --------------------------------------------- */
body.single-projects .acf-slideshow{margin-top: 3.438rem;}
.acf-slideshow .acf-slider.swiper, .acf-slideshow .acf-slider .swiper-wrapper, .acf-slideshow .acf-slider .swiper-slide{height: auto;}
.acf-slideshow .media-wrapper{position: relative;}
.acf-slideshow .media-overlay{position: absolute; inset: 0; pointer-events: none;}
.acf-slideshow .slide-media{display:block; width:100%; height:auto;}
.acf-slideshow .ratio-box{width:100%; position:relative;}
.acf-slideshow .ratio-box > .slide-media{width:100%; height:100%; object-fit: cover;}
.swiper-pagination-bullets{display: none;}
.projects-grid, .two-col{display: grid; grid-template-columns: repeat(2, 1fr); column-gap: var(--grid-gap); row-gap: var(--grid-gap-row);}
.projects-grid{margin-bottom: var(--grid-margin);}
.project-card a{text-decoration: none; color: inherit;}
.project-meta{padding-top: var(--project-meta-padding);}
h1.project-title, h2.project-title, .card .card-title, .card .card-campaign{font-family: var(--now-bold); font-size: var(--font-size-copy); line-height: 105%; letter-spacing: -0.24px; margin: 0;}
h2.project-campaign, h3.project-campaign{font-family: var(--now-bold); color: var(--grey); margin: 0; font-size: var(--font-size-copy);}
body.single-projects .site-inner{padding: var(--single-projects-padding);}
.intro-grid, .credits-grid{padding: var(--project-introduction); display: grid; grid-template-columns: 1fr 1fr; gap: clamp(16px, 4vw, 48px); align-items: start;}
.intro-col-left h1.project-title, .intro-col-left h2.project-campaign, .intro-col-right .copy p, h2.policy-block__heading{font-size: var(--project-overview); line-height: 105%; letter-spacing: -0.5px;}
#projects.page-builder .module{margin-bottom: var(--grid-gap);}
#projects.page-builder .module:last-child{margin-bottom: 0;}
.two-col{gap: var(--grid-gap); align-items: start;}
.two-col .col{display: flex; flex-direction: column; gap: 16px;}
.two-col img{display: block; width: 100%; height: auto; border-radius: var(--module-radius, 0); object-fit: cover;}
.two-col video, .two-col iframe, .two-col .video-embed{display: block; width: 100%; height: auto; /*aspect-ratio: 16/9;*/ overflow: hidden;}
.two-col .text{width: 100%; line-height: 1.5;}
.image-video .video-embed.edge{display: block; width: 100%; line-height: 0; margin: 0; padding: 0;}
.image-video .video-embed.edge video {display: block; width: 100%; height: auto; margin: 0; vertical-align: bottom;}
.credits-col-left, .credits-col-right{display: none;}
.credits-grid{padding: var(--project-credits); padding: 200px 0 0 0;}
.project-credits .credits-list, .contact-ctas{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:var(--grid-gap);}
.project-credits .credit{display: grid; grid-template-rows: auto auto;}
.credit-name{font-family: var(--now-bold); color: var(--grey); font-size: var(--font-size-copy); line-height: 120%; letter-spacing: -0.24px;}
.next-project{padding: var(--project-pagination); border-top: 1px solid var(--grey);}
h2.next-project__title{margin-bottom: var(--project-pagination-heading);}
.next-project__meta{margin-top: var(--project-pagination-heading);}
h3.next-project__title{font-family: var(--now-bold); font-size: var(--font-size-pagination); line-height: 1; letter-spacing: -0.47px; margin: 0;}
.next-project__campaign{color: var(--grey); font-family: var(--now-bold); font-size: var(--font-size-pagination); line-height: 1; letter-spacing: -0.47px;}
video.auto-video{display:block; width:100%; height:auto; background:var(--black); content-visibility:auto; contain-intrinsic-size: 640px 360px;}
video.auto-video.is-sized{contain-intrinsic-size: auto;}
/* Studio --------------------------------------------- */
body.page-template-studio .acf-slideshow{margin-top: 3.438rem;}
body.page-template-studio .site-inner{padding: var(--single-projects-padding);}
body.page-template-studio .introduction .intro-grid, body.page-template-studio .our-approach .intro-grid{grid-template-columns: minmax(140px, 25%) 1fr;}
body.page-template-studio h1.introduction__heading{font-family: var(--now-bold); font-size: var(--font-size-jobs); line-height: 1; letter-spacing: -0.5px; margin: 0; max-width: 982px;}
body.page-template-studio .our-services .intro-grid{grid-template-columns: minmax(600px, 70%) 1fr !important;}
body.page-template-studio .our-services .intro-col-left h2.subheading{margin-left: -10%;}
.our-services{position: relative; border-top: 1px solid var(--grey); padding: var(--people-pagination);}
.our-services .intro-grid{position: relative; padding: 0;}
.our-services h2.subheading{margin-bottom: var(--services-margin); }
.our-services .services-stage{position: relative; width: 80%; aspect-ratio: 16 / 10; overflow: hidden; margin: 0 10%;}
.our-services .services-stage__blank{position: absolute; inset: 0; background: transparent;}
.our-services .services-media{position: absolute; inset: 0; display: grid; place-items: center;}
.our-services .services-media__image, .our-services .services-media__video, .our-services .services-media video, .our-services .services-media img{width: 100%; height: 100%; object-fit: cover;}
span.service-link__text{display: inline-block; padding-left: 70%; font-size: var(--font-size-jobs); font-family: var(--now-bold); letter-spacing: -0.5px; font-weight: 400; pointer-events: none;}
.visually-hidden{position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;}
.our-services [hidden]{display: none !important;}
.our-services .service-link{pointer-events: auto; display: block; color: inherit; text-align: left; align-items: center; width: 100%; background: none; padding: 0; transition: transform .2s ease; will-change: transform;}
.our-services .service-link:hover{background: transparent;}
.our-services .service-link:focus{outline: none; box-shadow: none;}
.our-services .service-link.is-hovered, .our-services .service-link.is-active, .our-services .service-link:focus-visible{transform: translateX(1.875rem); padding-left: 0 !important;}
.our-services.is-scrolling .services-lines{pointer-events: none;}
.our-services .services-lines{pointer-events: auto; position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column;}
.our-approach{border-top: 1px solid var(--grey);}
.our-approach .copy{max-width: 960px;}
h2.introduction__heading{margin-bottom: var(--h2-margin);}
.our-people{border-top: 1px solid var(--grey); border-bottom: 1px solid var(--grey);  position: relative; padding: var(--people-pagination);}
.our-people h2{margin-bottom: var(--h1-margin)!important;}
ul.team-rail__list{margin: 0;}
.team-rail{margin: 0 -1.563rem; --gap: 0.375rem; --peek: 3%; --cols: 4;}
.team-rail__viewport{position: relative; overflow: visible; isolation: isolate;}
.team-rail__mask-right{position: absolute; top: 0; bottom: 0; right: 0; width: 0; background: var(--white); z-index: 2; pointer-events: none;}
.team-rail__cell{width: calc((100% - var(--peek) - (var(--cols) - 1) * var(--gap)) / var(--cols)); margin-right: var(--gap); list-style: none;}
.team-card__img{display: block; width: 100%; height: auto;}
.team-card__meta, .team-card__name, .team-card__role{text-align: left;}
.team-card__meta{margin-top: 1.5rem;}
h3.team-card__name{font-family: var(--now-bold); font-size: var(--font-size-copy); line-height: 120%; letter-spacing: -0.24px; margin: 0;}
.team-card__role{color: var(--grey);}
html[data-theme="dark"] .team-card__meta{color:#fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; mix-blend-mode: normal;}
html[data-theme="dark"].is-pointer-down .team-card__meta{color:#fff !important; mix-blend-mode: normal !important; opacity: 1 !important; filter: none !important;}
html[data-theme="dark"] .flickity-slider, html[data-theme="dark"] .team-card, html[data-theme="dark"] .team-card__meta{transform: translateZ(0); backface-visibility: hidden; -webkit-backface-visibility: hidden;}
.logo-carousel{margin: 0 -1.563rem; transition-property: none!important; padding: var(--logos-pagination); overflow: hidden; position: relative;}
.logo-carousel .item{display: flex; align-items: center; justify-content: center;}
.owl-stage{display: flex; align-items: center;}
#logo.item{text-align: center;}
#logo.item img{height: 60px;}
.owl-nav{display: none!important;}
.logo-carousel .logo-mask{margin: 0 -1.563rem; display: inline-block; height: 50px; width: 140px; background-color: currentColor; transition: none!important; -webkit-transition: none!important;}
.logo-tape{display: flex; align-items: center; overflow: hidden; cursor: grab; --tape-gap: 10vw; --tape-speed: 40;}
.logo-tape.is-dragging{cursor: grabbing;}
.logo-tape__inner{display: flex; flex-wrap: nowrap; gap: var(--tape-gap); will-change: transform; user-select: none; touch-action: pan-y;}
.logo-tape__inner svg{flex: none; width: auto; height: 100px;}
@media (hover:hover) and (pointer:fine){
  .logo-tape:hover .logo-tape__inner{}
}
@supports (-webkit-touch-callout:none){
  .logo-tape{mask-image:none; -webkit-mask-image:none;}
}
/* Careers --------------------------------------------- */
body.page-template-careers .acf-slideshow{margin-top: 3.438rem;}
body.page-template-careers .site-inner{padding: var(--single-projects-padding);}
body.page-template-careers .introduction{padding: var(--project-introduction);}
body.page-template-careers h1.introduction__heading{margin-bottom: 0; display: inline;}
body.page-template-careers .introduction__heading .intro-arrow{display: inline-block; vertical-align: bottom;}
.vacancies{border-top: 1px solid var(--grey);}
body.page-template-careers .intro-grid{padding: var(--vacancies-introduction); grid-template-columns: minmax(140px, 25%) 1fr;}
h2.subheading{font-family: var(--now-bold); font-size: var(--font-size-copy); line-height: 120%; letter-spacing: -0.24px; margin: 0;}
li.vacancy{margin: var(--vacancies-card);}
li.vacancy:last-child{margin: 0;}
h3.vacancy__title, .vacancy__meta, .vacancies__empty p{font-family: var(--now-bold); font-size:var(--font-size-jobs); line-height: 105%; letter-spacing: -0.5px; margin: 0;}
.vacancy__actions{margin-bottom: 0;}
a.btn.vacancy__apply{font-size: var(--font-size-jobs); line-height: 105%; letter-spacing: -0.5px; text-decoration-line: underline; text-decoration-skip-ink: none; color: var(--grey);}
.vacancies__empty{width: 90%;}
.vacancies__empty p a{color: var(--grey); text-decoration: underline;}
.vacancies__empty p a:hover{color: var(--black);}
/* Contact --------------------------------------------- */
body.page-template-contact h1.introduction__heading, .contact{flex-direction: column; gap: 0; margin-bottom: var(--h1-contact-margin);}
body.page-template-contact h1.introduction__heading{pointer-events: none; align-items: flex-start;}
.contact-grid.intro-grid{padding: 0; gap: 0;}
/* Policies --------------------------------------------- */
.policies{width: 65%;}
.policy-block{margin-bottom: 50px;}
.policy-block:last-child{margin-bottom: 0;}
h2.policy-block__heading{color: currentColor; font-family: var(--now-bold);}
.policy-block ul li{list-style: disc; list-style-position: inside;}
.policy-block a{color: currentColor;}
.policy-block a:hover{color: var(--grey); text-decoration: underline;}
/* Footer --------------------------------------------- */
.footer{padding: var(--footer-padding);}
.footer-widgets{padding: var(--footer-widgets-padding); display: flex; max-width: inherit; border-top: 1px solid var(--grey); background-color: transparent;}
.footer-widget-area{padding: 0;}
.footer-widget-area.copyright{flex: 0 0 50%; max-width: 50%;}
.footer-widget-area.footer-1, .footer-widget-area.footer-2, .footer-widget-area.footer-3{flex: 0 0 16.66%; max-width: 16.66%;}
.widget ul > li{margin-bottom: 0;}
.textwidget p a, .textwidget a, .widget ul > li a, .footer-meta a{font-family: var(--now-bold); color: var(--grey); font-size: var(--font-size-copy); line-height: 120%; letter-spacing: -0.24px; text-decoration: underline;}
.textwidget p a:hover, .textwidget a:hover, .widget ul > li a:hover, .footer-meta a:hover{color: currentColor;}
.footer-branding{padding: var(--footer-branding-padding);}
.footer-logo{display: inline-block; width: 100%; aspect-ratio: 178 / 28; background-color: currentColor; -webkit-mask: url("/wp-content/themes/oon/assets/img/footer-logo.svg") center/contain no-repeat; mask: url("/wp-content/themes/oon/assets/img/footer-logo.svg") center/contain no-repeat;}
.footer-logo svg{fill: currentColor; width: 100%;}
/* Scroll Progress --------------------------------------------- */
.scroll-pct{position: fixed; z-index: 5; inset: auto 0 0 0; height: 200px; pointer-events: none;}
.scroll-pct > div, .scroll-pct::before, .scroll-pct::after{position: absolute; inset: 0;}
.scroll-pct::before{
  content: "";
  z-index: 1;
  backdrop-filter: blur(0.5px);
  mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 12.5%,
    rgba(0, 0, 0, 1) 25%,
    rgba(0, 0, 0, 0) 37.5%
  );
}
.scroll-pct > div:nth-of-type(1) {
  z-index: 2;
  backdrop-filter: blur(1px);
  mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 12.5%,
    rgba(0, 0, 0, 1) 25%,
    rgba(0, 0, 0, 1) 37.5%,
    rgba(0, 0, 0, 0) 50%
  );
}
.scroll-pct > div:nth-of-type(2) {
  z-index: 3;
  backdrop-filter: blur(2px);
  mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 25%,
    rgba(0, 0, 0, 1) 37.5%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 0) 62.5%
  );
}
.scroll-pct > div:nth-of-type(3) {
  z-index: 4;
  backdrop-filter: blur(4px);
  mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 37.5%,
    rgba(0, 0, 0, 1) 50%,
    rgba(0, 0, 0, 1) 62.5%,
    rgba(0, 0, 0, 0) 75%
  );
}
.scroll-pct > div:nth-of-type(4) {
  z-index: 5;
  backdrop-filter: blur(8px);
  mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 50%,
    rgba(0, 0, 0, 1) 62.5%,
    rgba(0, 0, 0, 1) 75%,
    rgba(0, 0, 0, 0) 87.5%
  );
}
.scroll-pct > div:nth-of-type(5) {
  z-index: 6;
  backdrop-filter: blur(16px);
  mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 62.5%,
    rgba(0, 0, 0, 1) 75%,
    rgba(0, 0, 0, 1) 87.5%,
    rgba(0, 0, 0, 0) 100%
  );
}
.scroll-pct > div:nth-of-type(6) {
  z-index: 7;
  backdrop-filter: blur(32px);
  mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 75%,
    rgba(0, 0, 0, 1) 87.5%,
    rgba(0, 0, 0, 1) 100%
  );
}
.scroll-pct::after {
  content: "";
  z-index: 8;
  backdrop-filter: blur(64px);
  mask: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 87.5%,
    rgba(0, 0, 0, 1) 100%
  );
}
.menu-open .scroll-pct{opacity: 0;}
.scroll-pct-label{position: fixed; left: 0; right: 0; bottom: 0; height: 200px; display: grid; place-items: center; pointer-events: none; z-index: 10001; background: transparent !important; transform: none !important; filter: none !important; isolation: auto !important;}
.scroll-pct-label .scroll-pct__value{display: none; position: absolute; left: 50%; transform: translateX(-50%); bottom: 50px; font-family: var(--now-bold); font-size: var(--font-size-copy); line-height: 1; letter-spacing: -0.24px; /*color: var(--black);*/ mix-blend-mode: difference; background: transparent !important; filter: none !important;}
@supports (-webkit-backdrop-filter: blur(1px)) and (not (backdrop-filter: blur(1px))){
  .scroll-pct-label .scroll-pct__value{mix-blend-mode: normal; color: var(--black);}
}
.menu-open .scroll-pct-label{opacity: 0;}